@media (min-width:1024px){.top-bar-nav-list li:nth-child(5) {background-color:red;padding:.5vw;border-radius:5vw}.top-bar-nav-list li:nth-child(5) a {color:#fff}.top-bar-section{position:fixed;top:15px;left:0;transform:translateX(0%);z-index:999999;width:95vw;max-width:95vw;background:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:5vw;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px rgba(0,0,0,.25);padding:.5rem 1.5rem;transition:all .3s ease;margin:0 2.5vw}.top-bar-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:2rem}.top-bar-logo{flex-shrink:0}.top-bar-logo-img{height:5vw;width:auto;display:block;filter:brightness(1.1);transition:height .3s ease}.top-bar-nav{display:flex;align-items:center}.top-bar-nav-list{display:flex;list-style:none;gap:2.5rem;margin:0;padding:0;align-items:center}.top-bar-nav-link{color:#000;font-weight:700;font-size:1.2rem;text-decoration:none;padding:.4rem 0;border-bottom:2px solid transparent;transition:all .3s ease;position:relative;white-space:nowrap}.top-bar-nav-link:hover{color:red;border-bottom-color:red}.top-bar-nav-link.active{color:red;border-bottom-color:red}.top-bar-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.25rem;z-index:999999}.top-bar-hamburger{width:28px;height:2.5px;background:#fff;border-radius:2px;transition:all .3s ease;display:block}.top-bar-section.scrolled{background:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:rgba(255,255,255,.08)}@media (max-width: 992px) {
        .top-bar-nav-list {
            gap: 1.5rem;
        }

        .top-bar-nav-link {
            font-size: 0.85rem;
        }
    }@media (max-width: 768px) {
        .top-bar-section {
            top: 10px;
            padding: 0.4rem 1rem;
            border-radius: 40px;
            width: 96vw;
        }

        .top-bar-logo-img {
            height: 35px;
        }

        .top-bar-toggle {
            display: flex;
        }

        .top-bar-nav {
            display: none;
            position: absolute;
            top: calc(100% + 12px);
            left: 0;
            width: 100%;
            background: rgba(0, 0, 0, 0.92);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            padding: 1.5rem;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .top-bar-nav.open {
            display: block;
        }

        .top-bar-nav-list {
            flex-direction: column;
            gap: 0.8rem;
            align-items: center;
        }

        .top-bar-nav-link {
            font-size: 1rem;
            padding: 0.5rem 0;
            display: block;
            text-align: center;
        }
    }@media (max-width: 480px) {
        .top-bar-section {
            top: 8px;
            padding: 0.3rem 0.8rem;
            border-radius: 30px;
            width: 97vw;
        }

        .top-bar-logo-img {
            height: 28px;
        }

        .top-bar-nav {
            padding: 1rem;
            border-radius: 16px;
        }

        .top-bar-nav-link {
            font-size: 0.9rem;
        }
    }.hero-header{position:relative;z-index:1;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center}.hero-header .container{position:relative;z-index:2;width:90vw;margin:0 auto}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);z-index:1;pointer-events:none}.hero-header::before{display:none}.standard-hero{position:relative;z-index:1}.standard-hero-overlay{z-index:1}.standard-hero-container{position:relative;z-index:2}@keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-20px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }@keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(30px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }.animate-on-load{opacity:0}.animate-on-load.visible{animation:fadeInDown .6s ease forwards}.card-animate{opacity:0}.card-animate.visible{animation:fadeInUp .6s ease forwards}.animate-on-load.visible:nth-child(1) {animation-delay:.05s}.animate-on-load.visible:nth-child(2) {animation-delay:.10s}.animate-on-load.visible:nth-child(3) {animation-delay:.15s}.animate-on-load.visible:nth-child(4) {animation-delay:.20s}.animate-on-load.visible:nth-child(5) {animation-delay:.25s}.animate-on-load.visible:nth-child(6) {animation-delay:.30s}.animate-on-load.visible:nth-child(7) {animation-delay:.35s}.animate-on-load.visible:nth-child(8) {animation-delay:.40s}.animate-on-load.visible:nth-child(9) {animation-delay:.45s}.animate-on-load.visible:nth-child(10) {animation-delay:.50s}.animate-on-load.visible:nth-child(11) {animation-delay:.55s}.animate-on-load.visible:nth-child(12) {animation-delay:.60s}.animate-on-load.visible:nth-child(13) {animation-delay:.65s}.animate-on-load.visible:nth-child(14) {animation-delay:.70s}.animate-on-load.visible:nth-child(15) {animation-delay:.75s}.animate-on-load.visible:nth-child(16) {animation-delay:.80s}.animate-on-load.visible:nth-child(17) {animation-delay:.85s}.animate-on-load.visible:nth-child(18) {animation-delay:.90s}.animate-on-load.visible:nth-child(19) {animation-delay:.95s}.animate-on-load.visible:nth-child(20) {animation-delay:1.00s}.branch-card.card-animate.visible:nth-child(1) {animation-delay:.05s}.branch-card.card-animate.visible:nth-child(2) {animation-delay:.10s}.branch-card.card-animate.visible:nth-child(3) {animation-delay:.15s}.branch-card.card-animate.visible:nth-child(4) {animation-delay:.20s}.branch-card.card-animate.visible:nth-child(5) {animation-delay:.25s}.branch-card.card-animate.visible:nth-child(6) {animation-delay:.30s}.branch-card.card-animate.visible:nth-child(7) {animation-delay:.35s}.branch-card.card-animate.visible:nth-child(8) {animation-delay:.40s}.branch-card.card-animate.visible:nth-child(9) {animation-delay:.45s}.branch-card.card-animate.visible:nth-child(10) {animation-delay:.50s}.branch-card.card-animate.visible:nth-child(11) {animation-delay:.55s}.branch-card.card-animate.visible:nth-child(12) {animation-delay:.60s}.service-card.card-animate.visible:nth-child(1) {animation-delay:.05s}.service-card.card-animate.visible:nth-child(2) {animation-delay:.10s}.service-card.card-animate.visible:nth-child(3) {animation-delay:.15s}.service-card.card-animate.visible:nth-child(4) {animation-delay:.20s}.service-card.card-animate.visible:nth-child(5) {animation-delay:.25s}.why-choose-us-feature.card-animate.visible:nth-child(1) {animation-delay:.05s}.why-choose-us-feature.card-animate.visible:nth-child(2) {animation-delay:.10s}.why-choose-us-feature.card-animate.visible:nth-child(3) {animation-delay:.15s}.about-stats-item.card-animate.visible:nth-child(1) {animation-delay:.05s}.about-stats-item.card-animate.visible:nth-child(2) {animation-delay:.10s}.about-stats-item.card-animate.visible:nth-child(3) {animation-delay:.15s}.hero-header .animate-on-load.visible{animation-delay:.1s}@media (prefers-reduced-motion: reduce) {
        .animate-on-load,
        .card-animate {
            opacity: 1 !important;
            animation: none !important;
        }
    }.about-stats-section{background:#fff;padding:4rem 0;border-top:1px solid #e8ecf0;border-bottom:1px solid #e8ecf0}.about-stats-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:stretch}.about-stats-left{display:flex;flex-direction:column;justify-content:center;padding:.5rem 0}.about-stats-heading{font-size:3rem;font-weight:700;color:#0b2b3d;margin:0;line-height:1.2;letter-spacing:.5px}.about-stats-cta{margin-top:1rem}.about-stats-btn{display:inline-block;padding:.8rem 2.8rem;border:2px solid red;border-radius:40px;font-weight:600;font-size:1rem;color:#fff;background:red;text-decoration:none;transition:all .3s ease;letter-spacing:.5px}.about-stats-btn:hover{background:#fff;color:red;box-shadow:0 8px 25px rgba(11,43,61,.2);transform:translateY(-2px)}.about-stats-right{display:flex;flex-direction:column;gap:1rem}.about-stats-numbers{display:grid;grid-template-columns:auto 1fr 1fr;gap:2rem;padding-bottom:1rem;align-items:start}.about-stats-item{display:flex;flex-direction:column}.about-stats-item:first-child{align-items:flex-start;text-align:left;justify-self:start}.about-stats-item:nth-child(2),
    .about-stats-item:nth-child(3) {align-items:center;text-align:center;justify-self:center}.about-stats-number{font-size:3.8rem;font-weight:700;color:red;line-height:1.1;margin-bottom:.3rem}.about-stats-label{font-size:1rem;font-weight:400;color:#4a5b6b;text-transform:uppercase;letter-spacing:.5px}.about-stats-description{padding-top:.5rem;padding-left:2rem;border-left:5px solid #fce200}.about-stats-description p{font-size:1.1rem;font-weight:900;color:#2c3e50;line-height:1.7;margin:0;max-width:90%}.about-stats-other-description{padding-top:.5rem}.about-stats-other-description p{font-size:1.1rem;font-weight:400;color:#2c3e50;line-height:1.7;margin:0;max-width:90%}@media (max-width: 992px) {
        .about-stats-grid {
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .about-stats-left {
            padding: 0;
        }

        .about-stats-heading {
            font-size: 2.4rem;
            margin-bottom: 1rem;
        }

        .about-stats-cta {
            margin-top: 0;
        }

        .about-stats-numbers {
            gap: 1.5rem;
        }

        .about-stats-number {
            font-size: 3.2rem;
        }

        .about-stats-description p {
            max-width: 100%;
        }
    }@media (max-width: 768px) {
        .about-stats-section {
            padding: 3rem 0;
        }

        .about-stats-container {
            padding: 0 1.5rem;
        }

        .about-stats-heading {
            font-size: 2rem;
            text-align: center;
        }

        .about-stats-cta {
            text-align: center;
        }

        .about-stats-btn {
            padding: 0.7rem 2.2rem;
            font-size: 0.95rem;
        }

        .about-stats-numbers {
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
            padding-bottom: 1.5rem;
        }

        .about-stats-number {
            font-size: 2.8rem;
        }

        .about-stats-label {
            font-size: 0.85rem;
        }

        .about-stats-description p {
            font-size: 1rem;
            text-align: center;
        }
    }@media (max-width: 480px) {
        .about-stats-section {
            padding: 2.5rem 0;
        }

        .about-stats-container {
            padding: 0 1rem;
        }

        .about-stats-heading {
            font-size: 1.6rem;
        }

        .about-stats-numbers {
            grid-template-columns: 1fr;
            gap: 1.2rem;
            border-bottom: none;
            padding-bottom: 0;
        }

        .about-stats-item {
            padding-bottom: 1.2rem;
            border-bottom: 1px solid #f0f2f5;
        }

        .about-stats-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .about-stats-number {
            font-size: 2.5rem;
        }

        .about-stats-label {
            font-size: 0.9rem;
        }

        .about-stats-description {
            margin-top: 1rem;
        }

        .about-stats-description p {
            font-size: 0.95rem;
            text-align: left;
        }

        .about-stats-btn {
            width: 100%;
            text-align: center;
            padding: 0.7rem 1.5rem;
        }
    }.about-stats-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease , transform .6s ease}.about-stats-section.visible{opacity:1;transform:translateY(0)}@media (max-width: 992px) {
        .about-stats-description p,
        .about-stats-other-description p {
            max-width: 100%;
        }
    }@media (max-width: 768px) {
        .about-stats-description p,
        .about-stats-other-description p {
            text-align: center;
            max-width: 100%;
        }
    }@media (max-width: 480px) {
        .about-stats-description p,
        .about-stats-other-description p {
            text-align: left;
            font-size: 0.95rem;
        }

        .about-stats-other-description p {
            font-size: 0.9rem;
        }
    }.why-choose-us-section{background-color:#292c7e;padding:4rem 0 3.5rem 0}.why-choose-us-heading{font-size:3.5rem;font-weight:400;color:#fff;text-align:center;margin:3rem 0 2.5rem 0;letter-spacing:.5px}.why-choose-us-banner{width:100%;margin-bottom:3rem;border-radius:12px;overflow:hidden}.why-choose-us-banner-img{width:100%;height:auto;display:block;object-fit:cover}.why-choose-us-features{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;align-items:start}.why-choose-us-feature{display:flex;flex-direction:column;align-items:center;text-align:center}.why-choose-us-icon{margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.why-choose-us-icon img{width:60px;height:60px;object-fit:contain}.why-choose-us-feature-header{color:#fce200;margin-top:10px;margin-bottom:10px;font-family:'DM Sans',sans-serif;font-size:26px;font-weight:500;line-height:1.2em}.why-choose-us-feature-description{color:#fff;font-size:1rem;font-weight:400;line-height:1.7;margin:0;max-width:90%}@media (max-width: 992px) {
        .why-choose-us-features {
            gap: 2rem;
        }

        .why-choose-us-feature-header {
            font-size: 22px;
        }

        .why-choose-us-feature-description {
            font-size: 0.95rem;
            max-width: 100%;
        }
    }@media (max-width: 768px) {
        .why-choose-us-section {
            padding: 3rem 0;
        }

        .why-choose-us-container {
            padding: 0 1.5rem;
        }

        .why-choose-us-heading {
            font-size: 2.2rem;
            margin-bottom: 2rem;
        }

        .why-choose-us-features {
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .why-choose-us-feature {
            max-width: 600px;
            margin: 0 auto;
        }

        .why-choose-us-feature-header {
            font-size: 22px;
        }

        .why-choose-us-banner {
            margin-bottom: 2rem;
        }
    }@media (max-width: 480px) {
        .why-choose-us-section {
            padding: 2.5rem 0;
        }

        .why-choose-us-container {
            padding: 0 1rem;
        }

        .why-choose-us-heading {
            font-size: 1.8rem;
        }

        .why-choose-us-feature-header {
            font-size: 20px;
        }

        .why-choose-us-feature-description {
            font-size: 0.9rem;
        }

        .why-choose-us-icon img {
            width: 50px;
            height: 50px;
        }
    }.testimonials-section{background-color:#f5f5f5;padding:4rem 0 3.5rem 0}.testimonials-heading{font-size:3rem;font-weight:700;color:#000;text-align:center;margin:3rem 0 2.5rem 0;letter-spacing:.5px}.testimonials-wrapper{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative}.testimonials-content{flex:1;max-width:70%;min-height:50%;display:flex;align-items:center;justify-content:center}.testimonials-slide{text-align:center;padding:1.5rem;transition:opacity .4s ease , transform .4s ease;width:100%}.testimonials-logo{margin-bottom:1.5rem}.testimonials-logo img{width:80px;height:auto;display:inline-block}.testimonials-quote p{font-size:1.1rem;font-weight:400;color:#000;line-height:1.8;margin:0 0 1.5rem 0;font-style:italic}.testimonials-client{display:flex;flex-direction:column;align-items:center}.testimonials-name{font-size:1.2rem;font-weight:600;color:#c00;margin-bottom:.2rem}.testimonials-underline{height:2px;background-color:#c00;margin:.15rem auto .15rem auto;transition:width .3s ease}.testimonials-role{font-size:1.2rem;font-weight:600;color:#000;letter-spacing:.5px;margin-top:.5rem}.testimonials-location{font-size:1rem;font-weight:400;color:#000;margin-top:.5rem}.testimonials-arrow{background:none;border:2px solid #333;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#333;flex-shrink:0;background-color:#fff}.testimonials-arrow:hover{background-color:#333;color:#fff;border-color:#333}.testimonials-arrow svg{width:20px;height:20px}.testimonials-dots{display:flex;justify-content:center;gap:.75rem;margin-top:2rem}.testimonials-dot{width:12px;height:12px;border-radius:50%;background-color:#ccc;cursor:pointer;transition:all .3s ease;border:none;padding:0}.testimonials-dot.active{background-color:#292c7e;transform:scale(1.2)}.testimonials-dot:hover{background-color:#292c7e;opacity:.7}@media (max-width: 768px) {
        .testimonials-section {
            padding: 3rem 0;
        }

        .testimonials-container {
            padding: 0 1rem;
        }

        .testimonials-heading {
            font-size: 2rem;
            margin-bottom: 2rem;
        }

        .testimonials-wrapper {
            gap: 0.5rem;
        }

        .testimonials-arrow {
            width: 40px;
            height: 40px;
        }

        .testimonials-arrow svg {
            width: 16px;
            height: 16px;
        }

        .testimonials-content {
            min-height: 300px;
        }

        .testimonials-quote p {
            font-size: 1rem;
        }

        .testimonials-name {
            font-size: 1.1rem;
        }

        .testimonials-logo img {
            width: 60px;
        }
    }@media (max-width: 480px) {
        .testimonials-section {
            padding: 2.5rem 0;
        }

        .testimonials-heading {
            font-size: 1.6rem;
            margin-bottom: 1.5rem;
        }

        .testimonials-wrapper {
            gap: 0.25rem;
        }

        .testimonials-arrow {
            width: 32px;
            height: 32px;
        }

        .testimonials-arrow svg {
            width: 14px;
            height: 14px;
        }

        .testimonials-content {
            min-height: 280px;
        }

        .testimonials-quote p {
            font-size: 0.95rem;
            line-height: 1.6;
        }

        .testimonials-name {
            font-size: 1rem;
        }

        .testimonials-role {
            font-size: 0.8rem;
        }

        .testimonials-location {
            font-size: 0.75rem;
        }

        .testimonials-logo img {
            width: 50px;
        }

        .testimonials-dots {
            gap: 0.5rem;
            margin-top: 1.5rem;
        }

        .testimonials-dot {
            width: 10px;
            height: 10px;
        }
    }.main-footer{background-color:#292c7e;color:#fff;padding:3rem 0 0 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-top{display:grid;grid-template-columns:250px 1fr;gap:3rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo{display:flex;flex-direction:column}.footer-logo img{width:120px;height:auto;margin-bottom:1rem}.footer-tagline{font-size:.9rem;color:rgba(255,255,255,.7);line-height:1.5;margin:0}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-links-column h4{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem 0;letter-spacing:.5px}.footer-links-column ul{list-style:none;padding:0;margin:0}.footer-links-column ul li{margin-bottom:.6rem}.footer-links-column ul li a{color:rgba(255,255,255,.7);text-decoration:none;font-size:1rem;transition:color .3s ease}.footer-links-column ul li a:hover{color:#fce200}.footer-contact li{display:flex;align-items:flex-start;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.footer-contact li:last-child{border-bottom:none}.footer-contact-icon{flex-shrink:0;width:36px;height:36px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fce200}.footer-contact-icon svg{width:18px;height:18px}.footer-contact-text{display:flex;flex-direction:column;gap:.05rem}.footer-contact-label{font-size:.7rem;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px}.footer-contact-value{font-size:.9rem;font-weight:500;color:#fff;text-decoration:none;transition:color .3s ease}.footer-contact-value:hover{color:#fce200}.footer-bottom{padding:1.5rem 0}.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{font-size:.85rem;color:rgba(255,255,255,.6);margin:0}.footer-bottom-links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.footer-bottom-links a{font-size:.85rem;color:rgba(255,255,255,.6);text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#fce200}.footer-divider{color:rgba(255,255,255,.3)}@media (max-width: 992px) {
        .footer-top {
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .footer-logo {
            align-items: center;
            text-align: center;
        }

        .footer-tagline {
            max-width: 400px;
        }
    }@media (max-width: 768px) {
        .main-footer {
            padding: 2rem 0 0 0;
        }

        .footer-container {
            padding: 0 1.5rem;
        }

        .footer-links {
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem;
        }

        .footer-contact li {
            padding: 0.6rem 0;
        }

        .footer-bottom-inner {
            flex-direction: column;
            text-align: center;
        }

        .footer-bottom-links {
            justify-content: center;
        }
    }@media (max-width: 480px) {
        .footer-container {
            padding: 0 1rem;
        }

        .footer-links {
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }

        .footer-links-column {
            text-align: center;
        }

        .footer-contact li {
            justify-content: center;
            text-align: left;
        }

        .footer-contact-icon {
            width: 32px;
            height: 32px;
        }

        .footer-contact-icon svg {
            width: 16px;
            height: 16px;
        }

        .footer-bottom-links {
            flex-direction: column;
            gap: 0.5rem;
        }

        .footer-divider {
            display: none;
        }
    }.services-section{background-color:#f8f9fa;position:relative}.services-container{max-width:1200px;margin:0 auto;padding:0 2rem}.services-heading{font-size:3rem;font-weight:700;color:#000;margin:0 0 .5rem 0;text-align:left;letter-spacing:.5px}.services-subheading{font-size:1.1rem;font-weight:400;color:#000;line-height:1.7;margin:0 0 2.5rem 0;max-width:750px}.services-grid{display:flex;grid-template-columns:repeat(3,1fr);gap:2rem}.services-grid.two-col{grid-template-columns:repeat(2,1fr)}.service-card{background:#fff;border:1px solid #e8ecf0;border-radius:12px;overflow:hidden;transition:transform .3s ease , box-shadow .3s ease}.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.service-image-wrapper{position:relative;width:100%;overflow:hidden;background:#f0f2f5;aspect-ratio: 16/10}.service-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.service-card:hover .service-image{transform:scale(1.05)}.service-logo{position:absolute;top:12px;left:12px;z-index:2;background:rgba(255,255,255,.85);padding:6px 12px;border-radius:8px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3)}.service-logo img{height:30px;width:auto;display:block}.service-content{padding:1.5rem}.service-title{font-size:1.3rem;font-weight:700;color:#0b2b3d;margin:0 0 .5rem 0;letter-spacing:.5px}.service-description{font-size:.95rem;font-weight:400;color:#4a5b6b;line-height:1.7;margin:0}@media (max-width: 992px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .services-grid.two-col {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .services-heading {
        font-size: 2.5rem;
    }
}@media (max-width: 768px) {
    .services-grid,
    .services-grid.two-col {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .services-heading {
        font-size: 2rem;
        text-align: center;
    }
    
    .services-subheading {
        font-size: 1rem;
        text-align: center;
        max-width: 100%;
    }
    
    .services-container {
        padding: 0 1.5rem;
    }
    
    .service-logo img {
        height: 24px;
    }
    
    .service-logo {
        top: 10px;
        left: 10px;
        padding: 4px 10px;
    }
}@media (max-width: 480px) {
    .services-container {
        padding: 0 1rem;
    }
    
    .services-heading {
        font-size: 1.6rem;
    }
    
    .services-subheading {
        font-size: 0.9rem;
    }
    
    .service-content {
        padding: 1rem 1.2rem;
    }
    
    .service-title {
        font-size: 1.1rem;
    }
    
    .service-description {
        font-size: 0.9rem;
    }
    
    .service-logo img {
        height: 20px;
    }
    
    .service-logo {
        top: 8px;
        left: 8px;
        padding: 4px 8px;
    }
}.page-breaker-section{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.page-breaker-parallax{position:absolute;top:0;left:0;width:100%;height:120%;z-index:1;will-change:transform}.page-breaker-image{width:100%;height:100%;object-fit:cover;display:block}.page-breaker-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:2}.page-breaker-container{position:relative;z-index:3;margin:12rem auto;padding:0 2rem;text-align:center}.page-breaker-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.page-breaker-heading{font-size:3rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.3);line-height:1.2}.page-breaker-description{font-size:1.15rem;font-weight:400;color:rgba(255,255,255,.9);line-height:1.8;margin:0;max-width:700px;text-shadow:0 1px 10px rgba(0,0,0,.2)}.page-breaker-cta{margin-top:.5rem}.page-breaker-btn{display:inline-block;padding:.9rem 3rem;background:red;color:#fff;font-weight:600;font-size:1rem;text-decoration:none;border-radius:40px;transition:all .3s ease;letter-spacing:.5px;border:2px solid red}.page-breaker-btn:hover{background:#fff;color:red;transform:translateY(-3px);box-shadow:0 8px 30px rgba(252,226,0,.3)}@media (max-width: 992px) {
        .page-breaker-section {
            height: 420px;
        }

        .page-breaker-heading {
            font-size: 2.5rem;
        }

        .page-breaker-description {
            font-size: 1.05rem;
            max-width: 90%;
        }
    }@media (max-width: 768px) {
        .page-breaker-section {
            height: 380px;
        }

        .page-breaker-heading {
            font-size: 2rem;
        }

        .page-breaker-description {
            font-size: 0.95rem;
            max-width: 100%;
        }

        .page-breaker-btn {
            padding: 0.7rem 2.2rem;
            font-size: 0.9rem;
        }

        .page-breaker-container {
            padding: 0 1.5rem;
        }
    }@media (max-width: 480px) {
        .page-breaker-section {
            height: 340px;
        }

        .page-breaker-heading {
            font-size: 1.5rem;
        }

        .page-breaker-description {
            font-size: 0.85rem;
            line-height: 1.6;
        }

        .page-breaker-btn {
            padding: 0.6rem 1.8rem;
            font-size: 0.85rem;
            width: 100%;
            text-align: center;
        }

        .page-breaker-container {
            padding: 0 1rem;
        }
    }.contact-hero{position:relative;background-size:cover;background-position:center;min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center}.contact-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1;pointer-events:none}.contact-hero-container{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0 2rem;pointer-events:none}.contact-hero-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;pointer-events:none}.contact-hero-heading{font-size:3.5rem;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.3)}.contact-hero-subheading{font-size:1.15rem;font-weight:400;color:rgba(255,255,255,.9);line-height:1.8;margin:0;max-width:650px;text-shadow:0 1px 10px rgba(0,0,0,.2)}.contact-section{padding:5rem 0;background-color:#f8f9fa;position:relative;z-index:10}.contact-container{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-form-wrapper{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.08);position:relative;z-index:20}.contact-form-heading{font-size:1.8rem;font-weight:700;color:#0b2b3d;margin:0 0 2rem 0}.contact-form-group{margin-bottom:1.5rem}.contact-form-group label{display:block;font-size:.9rem;font-weight:600;color:#0b2b3d;margin-bottom:.4rem}.contact-form-group input,.contact-form-group textarea{width:100%;padding:.8rem 1rem;border:2px solid #e8ecf0;border-radius:8px;font-size:1rem;font-family:'Inter',sans-serif;transition:border-color .3s ease;background:#fafbfc;box-sizing:border-box;color:#0b2b3d;z-index:30;position:relative}.contact-form-group input:focus,.contact-form-group textarea:focus{outline:none;border-color:#292c7e;background:#fff}.contact-form-group textarea{resize:vertical;min-height:120px}.contact-submit-btn{width:100%;padding:1rem 2rem;background:#292c7e;color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:'Inter',sans-serif;letter-spacing:.5px;position:relative;z-index:30}.contact-submit-btn:hover{background:#1e2166;transform:translateY(-2px);box-shadow:0 8px 25px rgba(41,44,126,.3)}.contact-details-wrapper{display:flex;flex-direction:column;gap:2rem}.contact-details-card{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.08);position:relative;z-index:20}.contact-details-heading{font-size:1.5rem;font-weight:700;color:#0b2b3d;margin:0 0 2rem 0}.contact-detail-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid #f0f2f5}.contact-detail-item:last-child{border-bottom:none}.contact-detail-icon{flex-shrink:0;width:40px;height:40px;background:#f0f2f7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#292c7e}.contact-detail-icon svg{width:20px;height:20px}.contact-detail-text{display:flex;flex-direction:column;gap:.1rem}.contact-detail-label{font-size:.8rem;font-weight:600;color:#8a9baa;text-transform:uppercase;letter-spacing:.5px}.contact-detail-value{font-size:1rem;font-weight:500;color:#0b2b3d;text-decoration:none;transition:color .3s ease}.contact-detail-value:hover{color:#292c7e}.contact-details-note{background:#fff;padding:1.5rem 2rem;border-radius:12px;border-left:4px solid #fce200;box-shadow:0 4px 20px rgba(0,0,0,.06);position:relative;z-index:20}.contact-details-note p{font-size:.95rem;color:#4a5b6b;line-height:1.6;margin:0}@media (max-width: 992px) {
        .contact-grid {
            grid-template-columns: 1fr;
            gap: 3rem;
        }

        .contact-hero-heading {
            font-size: 2.8rem;
        }

        .contact-form-wrapper,
        .contact-details-card {
            padding: 2rem;
        }
    }@media (max-width: 768px) {
        .contact-hero {
            min-height: 300px;
        }

        .contact-hero-heading {
            font-size: 2.2rem;
        }

        .contact-hero-subheading {
            font-size: 1rem;
        }

        .contact-section {
            padding: 3rem 0;
        }

        .contact-container {
            padding: 0 1.5rem;
        }

        .contact-form-wrapper,
        .contact-details-card {
            padding: 1.5rem;
        }

        .contact-form-heading {
            font-size: 1.5rem;
        }

        .contact-details-heading {
            font-size: 1.3rem;
        }

        .contact-hero-container {
            pointer-events: none;
        }
    }@media (max-width: 480px) {
        .contact-hero {
            min-height: 250px;
        }

        .contact-hero-heading {
            font-size: 1.8rem;
        }

        .contact-hero-subheading {
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .contact-section {
            padding: 2rem 0;
        }

        .contact-container {
            padding: 0 1rem;
        }

        .contact-form-wrapper,
        .contact-details-card {
            padding: 1.2rem;
        }

        .contact-form-heading {
            font-size: 1.3rem;
        }

        .contact-detail-item {
            padding: 0.8rem 0;
        }

        .contact-detail-icon {
            width: 34px;
            height: 34px;
        }

        .contact-detail-icon svg {
            width: 16px;
            height: 16px;
        }

        .contact-details-note {
            padding: 1rem 1.2rem;
        }

        .contact-details-note p {
            font-size: 0.85rem;
        }
    }.standard-hero{position:relative;background-size:cover;background-position:center;min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;height:75vh}.standard-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.standard-hero-container{position:relative;z-index:2;pointer-events:none}.standard-hero-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;pointer-events:none}.standard-hero-heading{font-size:3.5rem;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.3)}.standard-hero-subheading{font-size:1.15rem;font-weight:400;color:rgba(255,255,255,.9);line-height:1.8;margin:0;text-shadow:0 1px 10px rgba(0,0,0,.2)}@media (max-width: 992px) {
        .standard-hero-heading {
            font-size: 2.8rem;
        }

        .standard-hero {
            min-height: 350px;
        }
    }@media (max-width: 768px) {
        .standard-hero {
            min-height: 300px;
        }

        .standard-hero-heading {
            font-size: 2.2rem;
        }

        .standard-hero-subheading {
            font-size: 1rem;
        }

        .standard-hero-container {
            padding: 0 1.5rem;
        }
    }@media (max-width: 480px) {
        .standard-hero {
            min-height: 250px;
        }

        .standard-hero-heading {
            font-size: 1.8rem;
        }

        .standard-hero-subheading {
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .standard-hero-container {
            padding: 0 1rem;
        }
    }.branches-section{padding:4rem 0;background-color:#f8f9fa}.branches-container{max-width:1200px;margin:0 auto;padding:0 2rem}.branches-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;align-items:stretch}.branch-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s ease , box-shadow .3s ease;display:flex;flex-direction:column;height:100%;min-height:320px}.branch-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.branch-image{width:100%;height:200px;overflow:hidden;background:#e8ecf0;flex-shrink:0}.branch-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.branch-card:hover .branch-image img{transform:scale(1.05)}.branch-info{padding:1.5rem;display:flex;flex-direction:column;flex:1;justify-content:space-between}.branch-name{font-size:1.2rem;font-weight:700;color:#0b2b3d;margin:0 0 .5rem 0;letter-spacing:.5px}.branch-address{font-size:.95rem;font-weight:400;color:#4a5b6b;line-height:1.6;margin:0 0 1rem 0;flex:1}.branch-cta{display:inline-block;padding:.5rem 1.5rem;background:#292c7e;color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;letter-spacing:.5px;align-self:flex-start;margin-top:auto}.branch-cta:hover{background:#1e2166;transform:translateY(-2px);box-shadow:0 6px 20px rgba(41,44,126,.3)}@media (max-width: 992px) {
    .branches-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}@media (max-width: 768px) {
    .branches-section {
        padding: 3rem 0;
    }

    .branches-container {
        padding: 0 1.5rem;
    }

    .branches-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .branch-image {
        height: 160px;
    }

    .branch-name {
        font-size: 1rem;
    }

    .branch-address {
        font-size: 0.85rem;
    }
    
    .branch-card {
        min-height: 280px;
    }
}@media (max-width: 480px) {
    .branches-section {
        padding: 2rem 0;
    }

    .branches-container {
        padding: 0 1rem;
    }

    .branches-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .branch-image {
        height: 180px;
    }

    .branch-info {
        padding: 1rem 1.2rem;
    }

    .branch-name {
        font-size: 1.1rem;
    }

    .branch-address {
        font-size: 0.9rem;
    }

    .branch-cta {
        padding: 0.4rem 1.2rem;
        font-size: 0.8rem;
        width: 100%;
        text-align: center;
        align-self: center;
    }
    
    .branch-card {
        min-height: 260px;
    }
}.branch-detail-section{padding:4rem 0;background-color:#f8f9fa}.branch-detail-container{max-width:1200px;margin:0 auto;padding:0 2rem}.branch-detail-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;margin-bottom:4rem}.branch-detail-info{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.branch-detail-heading{font-size:1.8rem;font-weight:700;color:#0b2b3d;margin:0 0 1.5rem 0}.branch-detail-subheading{font-size:1.2rem;font-weight:600;color:#0b2b3d;margin:0 0 1rem 0}.branch-detail-contact-item{display:flex;align-items:flex-start;gap:1rem;padding:.8rem 0;border-bottom:1px solid #f0f2f5}.branch-detail-contact-item:last-of-type{border-bottom:none}.branch-detail-icon{flex-shrink:0;width:40px;height:40px;background:#f0f2f7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#292c7e}.branch-detail-icon svg{width:20px;height:20px}.branch-detail-contact-text{display:flex;flex-direction:column;gap:.05rem}.branch-detail-label{font-size:.75rem;font-weight:600;color:#8a9baa;text-transform:uppercase;letter-spacing:.5px}.branch-detail-value{font-size:1rem;font-weight:500;color:#0b2b3d;text-decoration:none;transition:color .3s ease}.branch-detail-value:hover{color:#292c7e}.branch-detail-whatsapp{color:#25d366}.branch-detail-whatsapp:hover{color:#128c7e}.branch-detail-opening{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f0f2f5}.branch-detail-times{display:flex;flex-direction:column;gap:.5rem}.branch-detail-time-row{display:flex;justify-content:space-between;padding:.3rem 0}.branch-detail-day{font-weight:600;color:#0b2b3d}.branch-detail-time{color:#4a5b6b}.branch-detail-map{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.branch-detail-map-container{width:100%;border-radius:12px;overflow:hidden}.branch-detail-map-container iframe{display:block}.branch-detail-gallery{margin-top:2rem}.branch-detail-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.branch-detail-gallery-item{border-radius:12px;overflow:hidden;aspect-ratio: 4/3;background:#e8ecf0}.branch-detail-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.branch-detail-gallery-item:hover img{transform:scale(1.05)}.whatsapp-float{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;align-items:center;gap:10px;text-decoration:none;animation:whatsappPulse 2s infinite}.whatsapp-float-icon{width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:transform .3s ease}.whatsapp-float-icon svg{width:32px;height:32px}.whatsapp-float:hover .whatsapp-float-icon{transform:scale(1.1)}.whatsapp-float-tooltip{background:#fff;color:#0b2b3d;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;box-shadow:0 4px 15px rgba(0,0,0,.15);white-space:nowrap;opacity:0;transform:translateX(10px);transition:all .3s ease}.whatsapp-float:hover .whatsapp-float-tooltip{opacity:1;transform:translateX(0)}@keyframes whatsappPulse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.05);
        }
        100% {
            transform: scale(1);
        }
    }@media (max-width: 992px) {
        .branch-detail-grid {
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .branch-detail-gallery-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }@media (max-width: 768px) {
        .branch-detail-section {
            padding: 3rem 0;
        }

        .branch-detail-container {
            padding: 0 1.5rem;
        }

        .branch-detail-info,
        .branch-detail-map {
            padding: 1.5rem;
        }

        .branch-detail-heading {
            font-size: 1.5rem;
        }

        .branch-detail-gallery-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 0.75rem;
        }

        .whatsapp-float {
            bottom: 20px;
            right: 20px;
        }

        .whatsapp-float-icon {
            width: 50px;
            height: 50px;
        }

        .whatsapp-float-icon svg {
            width: 26px;
            height: 26px;
        }

        .whatsapp-float-tooltip {
            display: none;
        }
    }@media (max-width: 480px) {
        .branch-detail-section {
            padding: 2rem 0;
        }

        .branch-detail-container {
            padding: 0 1rem;
        }

        .branch-detail-info,
        .branch-detail-map {
            padding: 1rem;
        }

        .branch-detail-heading {
            font-size: 1.3rem;
        }

        .branch-detail-gallery-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        .branch-detail-time-row {
            flex-direction: column;
            gap: 0.2rem;
        }

        .branch-detail-contact-item {
            padding: 0.6rem 0;
        }

        .branch-detail-icon {
            width: 34px;
            height: 34px;
        }

        .branch-detail-icon svg {
            width: 16px;
            height: 16px;
        }

        .whatsapp-float {
            bottom: 15px;
            right: 15px;
        }

        .whatsapp-float-icon {
            width: 45px;
            height: 45px;
        }

        .whatsapp-float-icon svg {
            width: 22px;
            height: 22px;
        }
    }.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:#f8f9fa}.error-container{max-width:600px}.error-code{font-size:6rem;font-weight:800;color:#292c7e;margin:0;line-height:1}.error-heading{font-size:2rem;font-weight:700;color:#0b2b3d;margin:1rem 0}.error-text{font-size:1.1rem;color:#4a5b6b;margin:0 0 2rem 0}.error-btn{display:inline-block;padding:.8rem 2.5rem;background:#292c7e;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.error-btn:hover{background:#1e2166;transform:translateY(-2px);box-shadow:0 6px 20px rgba(41,44,126,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM\ Sans,sans-serif;color:#fff}h2{color:var(--primary-dark);text-transform:capitalize;margin-top:10px;margin-bottom:10px;font-size:48px;font-weight:700;line-height:1.2em}.container,.about-stats-container,.why-choose-us-container,.testimonials-container,.services-container,.standard-hero-container{width:85vw;margin:0 auto;padding:0 2rem}.header{height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;justify-content:space-evenly;z-index:1}.header .standard-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.header .container{position:relative;z-index:2}.hero-header::before{content:'';position:absolute;left:0;width:100%;background:rgba(0,0,0,.45);z-index:1}.hero-header .container{position:relative;z-index:1000;display:flex;width:90vw;flex-direction:column}.top-bar{width:90vw;position:fixed;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.15);flex-wrap:wrap;background:rgba(0,0,0,.25);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(4px);border-radius:5vw;margin-top:.5rem;padding-left:1.5rem;padding-right:1.5rem;z-index:9999}.logo-img{height:5vw;width:auto;display:block;filter:brightness(1.1)}.nav-list{display:flex;list-style:none;gap:2.5rem}.nav-link{text-decoration:none;font-weight:600;font-size:1rem;color:#fff;padding:.5rem 0;border-bottom:3px solid transparent;transition:.2s;letter-spacing:.5px}.nav-link:hover,.nav-link.active{border-bottom-color:#f5b342;color:#f5b342}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.25rem}.hamburger{width:28px;height:3px;background:#fff;border-radius:2px;transition:.2s}.hero-content-wrapper{flex:1;display:flex;align-items:center;justify-content:flex-start;text-align:center;padding:2rem 0;position:relative;z-index:2}.hero-content{max-width:60vw;text-align:left;margin:0;padding:0 1.5rem;z-index:2;position:relative}.hero-title{font-size:3.8rem;font-weight:800;line-height:1.1;margin-bottom:.8rem}.welcome{display:block;font-size:7rem;font-weight:400;letter-spacing:6px;text-transform:uppercase;color:#f5f0e8;margin-bottom:.2rem}.brand-large{display:block;font-size:7rem;font-weight:900;letter-spacing:4px;color:#fff;text-shadow:0 4px 25px rgba(0,0,0,.4);line-height:1.1}.hero-description{font-size:1.4rem;line-height:1.8;color:#f0ede8;max-width:680px;margin:1.2rem 0 2rem;font-weight:400;text-shadow:0 2px 12px rgba(0,0,0,.4)}.btn-outline{display:inline-block;padding:.9rem 3rem;border:2px solid #f5b342;border-radius:40px;font-weight:600;font-size:1.1rem;color:#fff;background:rgba(245,179,66,.15);backdrop-filter:blur(4px);text-decoration:none;transition:.3s;letter-spacing:1px}.btn-outline:hover{background:#f5b342;color:#1e1e2a;box-shadow:0 8px 30px rgba(245,179,66,.4)}.demo-placeholder{text-align:center;padding:3rem 0;color:#89a;font-style:italic;border-top:1px solid #e6e9f0;background:#f4f6f9;margin-top:0}@media (max-width: 768px) {
        .top-bar {
            flex-wrap: wrap;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(8px);
            border-radius: 0;
            margin-top: 0;
            padding: 1rem;
        }

        .menu-toggle {
            display: flex;
        }

        .main-nav {
            display: none;
            width: 100%;
            order: 3;
            margin-top: 1rem;
            border-top: 1px solid rgba(255,255,255,0.2);
            padding-top: 1rem;
        }

        .main-nav.open {
            display: block;
        }

        .nav-list {
            flex-direction: column;
            gap: 1rem;
            align-items: center;
        }

        .hero-title {
            font-size: 2.8rem;
            margin-bottom: 0.8rem;      /* less space below title */
        }

        .brand-large {
            font-size: 4rem;
        }

        .hero-description {
            font-size: 1rem;
        }

        .container {
            padding: 0 1rem;
        }

        .logo-img {
            height: 40px;
        }
    }@media (max-width: 480px) {
        .hero-title {
            font-size: 2.2rem;
            margin-bottom: 0.8rem;      /* less space below title */
        }
        .brand-large {
            font-size: 3rem;
        }
        .btn-outline {
            padding: 0.7rem 2rem;
            font-size: 1rem;
        }
        .welcome {
            font-size: 1rem;
            letter-spacing: 3px;
        }
    }}