.header{position:fixed;top:0;width:100%;background:#000;padding:.75rem 1rem;z-index:1000;display:flex;justify-content:center;align-items:center}.nav-container{max-width:1200px;width:100%;display:flex;align-items:center;justify-content:space-between}.cs-main_header_left{display:flex;align-items:center}.cs-site_branding.logo{width:100px;height:41px}.cs-site_branding img{display:block;object-fit:contain;max-height:42px;width:100px;height:41px}.nav-menu{display:flex;gap:2rem;margin:0;padding:0;list-style:none;transition:all .3s ease}.nav-menu li{position:relative}.nav-menu a{color:#fff;text-decoration:none;font-weight:500;transition:color .2s;white-space:nowrap;padding:.5rem 0;display:block}.nav-menu a:hover,.nav-menu a:focus{color:#f5ba03}.btn-outline-contact{background-color:#f5ba03!important;color:#111!important}.btn-outline-contact:hover{background-color:#ffdd70!important;color:#000!important}.mobile-menu{display:none;background:transparent;border:none;cursor:pointer;flex-direction:column;justify-content:space-between;width:30px;height:24px;padding:0;position:relative;z-index:1001}.mobile-menu span{display:block;width:100%;height:3px;background:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.mobile-menu.active span:nth-child(1) {transform:rotate(45deg) translate(7px,7px)}.mobile-menu.active span:nth-child(2) {opacity:0}.mobile-menu.active span:nth-child(3) {transform:rotate(-45deg) translate(7px,-7px)}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);z-index:999;backdrop-filter:blur(5px)}.nav-overlay.active{display:block}@media (max-width:1200px){.nav-menu{display:none;position:fixed;top:0;right:-100%;width:320px;max-width:85vw;height:100vh;background:linear-gradient(135deg,#111 0%,#000 100%);flex-direction:column;padding:100px 0 2rem;gap:0;z-index:1000;transition:right .3s ease;overflow-y:auto}.nav-menu.active{display:flex;right:0}.nav-menu li{width:100%}.nav-menu li:last-child{border-bottom:none}.nav-menu a{color:#fff;font-size:1.1rem;padding:1rem 2rem;width:99%;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;position:relative}.nav-menu a::after{content:'';position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,#f5ba03,#ffdd70);transition:width .3s ease;z-index:-1}.nav-menu a:hover::after,.nav-menu a:focus::after{width:99%}.nav-menu a:hover,.nav-menu a:focus{color:#000;background:transparent}.btn-outline-contact{background:linear-gradient(135deg,#f5ba03 0%,#ffdd70 100%)!important;color:#000!important;border-radius:8px;text-align:center;font-weight:bold}.btn-outline-contact:hover{}.btn-outline-contact::after{display:none}.mobile-menu{display:flex}.nav-menu a{position:relative}.nav-menu a::before{font-family:'Font Awesome 6 Free';font-weight:900;margin-right:12px;width:20px;display:inline-block;text-align:center}.nav-menu a[href="/"]::before{content:"\f015"}.nav-menu a[href="/#about"]::before{content:"\f0c0"}.nav-menu a[href="/#services"]::before{content:"\f0ad"}.nav-menu a[href="/#slider-section-process"]::before{content:"\f0cb"}.nav-menu a[href="/#wetrooms"]::before{content:"\f2cc"}.nav-menu a[href*="portfolio"]::before{content:"\f03e"}.nav-menu a[href*="packages"]::before{content:"\f466"}.nav-menu a[href*="grants"]::before{content:"\f155"}.nav-menu a[href*="faq"]::before{content:"\f059"}.nav-menu a[href="/#testimonials"]::before{content:"\f005"}.nav-menu a[href*="blog"]::before{content:"\f044"}.nav-menu a[href*="warrenty"]::before{content:"\f3ed"}.nav-menu a[href*="ideas"]::before{content:"\f0eb"}.nav-menu a[href*="contact"]::before{content:"\f095"}}@media (max-width:480px){.nav-menu{width:99%;max-width:99%;padding-top:50px}}.demo-content{padding:2rem 1rem;max-width:1200px;margin:0 auto}.demo-section{margin:2rem 0;padding:2rem;background:#f9f9f9;border-radius:8px}.demo-section h2{color:#333;margin-bottom:1rem}.demo-section p{color:#666;margin-bottom:1rem}html{scroll-behavior:smooth}.mobile-menu:focus{outline:2px solid #f5ba03;outline-offset:2px}.nav-menu a:focus{outline:2px solid #f5ba03;outline-offset:2px}@keyframes slideInRight {
    from {
        right: -100%;
    }
    to {
        right: 0;
    }
}.nav-menu.active{animation:slideInRight .3s ease}@media (min-width:1201px){.nav-container nav{flex:1;display:flex;justify-content:center}.nav-menu{}}