@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Poppins:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans,sans-serif;font-size:18px;line-height:1.6;color:#333;background:#fff}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;color:#000;line-height:1.3;margin-bottom:1rem}h1{font-size:calc(32px + 2vw);font-weight:700}h2{font-size:calc(22px + 1.3vw);font-weight:700}h3{font-size:calc(19px + 1vw);font-weight:600}a{color:#ed763b;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{max-width:1140px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-alt{background:#f6f6f6}.text-center{text-align:center}.btn{display:inline-block;padding:1em 2em;font-weight:700;border-radius:.3em;transition:all .3s ease;border:none;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px}.btn-primary{background:#ed763b;color:#fff}.btn-primary:hover{background:#d96528;text-decoration:none;transform:translateY(-2px);box-shadow:0 5px 15px #ed763b4d}.btn-secondary{background:transparent;color:#fff;border:2px solid #FFFFFF}.btn-secondary:hover{background:#fff;color:#ed763b;text-decoration:none}header{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo img{height:60px}.nav-menu{display:flex;list-style:none;gap:30px;align-items:center}.nav-menu a{color:#333;font-weight:600;font-family:Poppins,sans-serif;transition:color .3s}.nav-menu a:hover{color:#ed763b;text-decoration:none}.nav-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#333}.hero{background:linear-gradient(#00000080,#00000080),url(https://allstack.ca/wp-content/uploads/2024/02/house-lrg.jpeg);background-size:cover;background-position:center;color:#fff;padding:150px 0;text-align:center}.hero h1{color:#fff;margin-bottom:20px}.hero p{font-size:1.3rem;margin-bottom:30px}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000001a;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.card img{width:80px;height:80px;margin-bottom:20px}.card h3{color:#ed763b;margin-bottom:15px}.testimonial{background:#fff;padding:30px;border-radius:10px;border-left:5px solid #ED763B}.testimonial-content{font-style:italic;margin-bottom:20px;color:#555}.testimonial-author{display:flex;align-items:center;gap:15px}.testimonial-author img{width:60px;height:60px;border-radius:50%}.author-info strong{display:block;color:#333}.author-info span{color:#999;font-size:.9rem}.cta-section{background:linear-gradient(135deg,#ed763b,#d96528);color:#fff;text-align:center}.cta-section h2{color:#fff}.contact-info{margin-top:30px}.contact-info p{margin-bottom:10px;font-size:1.1rem}footer{background:#000;color:#fff;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-bottom:40px}.footer-section h3{color:#ed763b;margin-bottom:20px}.footer-nav{list-style:none}.footer-nav li{margin-bottom:10px}.footer-nav a{color:#fff;transition:color .3s}.footer-nav a:hover{color:#ed763b}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #333333;color:#999}.portfolio-slideshow{position:relative;max-width:900px;margin:50px auto 0}.slideshow-container{position:relative;width:100%;height:500px;overflow:hidden;border-radius:10px;background:#000}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;display:flex;align-items:center;justify-content:center}.slide.active{opacity:1}.slide img{max-width:100%;max-height:100%;object-fit:contain}.slide-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#fff;background:#000000b3;padding:15px;font-size:1.2rem;font-weight:600}.slideshow-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;color:#333;font-size:3rem;padding:10px 20px;cursor:pointer;transition:background .3s;z-index:10;line-height:1;border-radius:5px}.slideshow-btn:hover{background:#ed763b;color:#fff}.slideshow-btn.prev{left:20px}.slideshow-btn.next{right:20px}.slideshow-indicators{display:flex;justify-content:center;gap:10px;margin-top:20px}.indicator{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;transition:background .3s}.indicator.active{background:#ed763b}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #ddd;border-radius:5px;font-family:Noto Sans,sans-serif;font-size:16px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ed763b}.form-group textarea{resize:vertical;min-height:150px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:40px}.blog-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s}.blog-card:hover{transform:translateY(-5px)}.blog-card-content{padding:30px}.blog-meta{display:flex;gap:15px;margin-bottom:15px;font-size:.9rem;color:#999}.blog-category{color:#ed763b;font-weight:600}.blog-card h3{margin-bottom:15px}.blog-card a{color:#ed763b;font-weight:600}.faq-item{background:#fff;margin-bottom:20px;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.faq-question{padding:25px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s;border:none;width:100%;text-align:left;background:#fff;font-size:1.1rem;font-family:Poppins,sans-serif;color:#333}.faq-question:hover{background:#f6f6f6}.faq-icon{color:#ed763b;font-size:1.5rem;transition:transform .3s}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 25px 25px;display:none;line-height:1.8}.faq-item.active .faq-answer{display:block}@media (max-width: 1024px){.grid-4,.grid-3,.footer-grid{grid-template-columns:repeat(2,1fr)}}article header{position:static!important}article header h1{position:static!important}@media (max-width: 768px){.nav-menu{display:none;position:fixed;top:80px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 5px 15px #0000001a;gap:0;z-index:999;max-height:calc(100vh - 80px);overflow-y:auto}.nav-menu li{width:100%;border-bottom:1px solid #F6F6F6}.nav-menu li:last-child{border-bottom:none}.nav-menu a{display:block;padding:15px 10px;width:100%}.nav-menu.active{display:flex}.nav-toggle{display:block;font-size:28px;padding:10px}.grid-2,.grid-3,.grid-4,.footer-grid,.blog-grid,.gallery-grid{grid-template-columns:1fr;gap:30px}.hero{padding:80px 0 60px}.hero h1{font-size:1.8rem!important}.hero p{font-size:1.1rem}.hero-buttons{flex-direction:column;gap:15px;align-items:center}.hero-buttons .btn{width:100%;max-width:300px;text-align:center}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}.section{padding:50px 0}.container{padding:0 15px}.card{padding:25px}.card img{width:60px;height:60px;margin:0 auto 15px}.slideshow-container{height:300px}.slideshow-btn{font-size:2rem;padding:5px 15px}.slideshow-btn.prev{left:10px}.slideshow-btn.next{right:10px}.blog-card-content{padding:20px}.faq-question{padding:20px;font-size:1rem}.faq-answer{padding:0 20px 20px}.footer-grid{gap:30px}nav{padding:15px 0}.logo img{height:50px}img{max-width:100%;height:auto!important}video{max-width:100%;height:auto!important}}@media (max-width: 480px){body{font-size:16px}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}.hero{padding:60px 0 40px}.hero h1{font-size:1.5rem!important}.hero p{font-size:1rem}.btn{padding:.8em 1.5em;font-size:15px}.section{padding:40px 0}.card{padding:20px}.slideshow-container{height:250px}.slideshow-btn{font-size:1.5rem;padding:5px 10px}.faq-question{padding:15px;font-size:.95rem}.faq-answer{padding:0 15px 15px;font-size:.95rem}.blog-card-content{padding:15px}.footer-section p,.footer-nav{font-size:.95rem}nav{padding:12px 0}.logo img{height:45px}.nav-menu{top:69px;max-height:calc(100vh - 69px)}}