/*
Theme Name: Gantabya Courier
Theme URI: https://gantabyacourier.com/
Author: TopLine Technology
Author URI: https://topliinetech.com.np
Description: Fast & Reliable Courier Service Theme for Nepal.
Version: 2.6.1
License: GPL v2 or later
Text Domain: gantabya
Tags: courier, logistics, delivery, business, one-page
*/
/* ----------------------------------------------
           GLOBAL RESET & BASE
        ------------------------------------------------ */
       *{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;color:#1a1a2e;background:#fff;overflow-x:hidden;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif;font-weight:700;color:#0A2C78}a{transition:all 0.3s ease}@media (min-width:1460px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1430px}}.section-header{margin-bottom:3rem}.section-tag{display:inline-block;background:rgb(255 107 0 / .12);color:#FF6B00;font-weight:600;font-size:.85rem;letter-spacing:1px;padding:.3rem 1.2rem;border-radius:50px;margin-bottom:.75rem;text-transform:uppercase}.section-header h2{font-size:2.6rem;font-weight:800;margin-bottom:.5rem}.section-header p{font-size:1.1rem;color:#5a5a7a;max-width:600px;margin:0 auto}.branch-card .btn{margin-top:1rem;border-radius:50px!important;padding:.5rem 1.5rem!important;font-weight:600!important}.btn{border-radius:50px;padding:.65rem 1.8rem!important;font-weight:600!important;transition:all 0.2s ease;box-shadow:0 4px 12px rgb(0 0 0 / .08)}.loader-text{color:#fff}.btn-primary{background:#0A2C78;border-color:#0A2C78}.btn-primary:hover{background:#061f56;border-color:#061f56;transform:translateY(-2px);box-shadow:0 8px 20px rgb(10 44 120 / .35)}.btn-secondary{background:#FF6B00!important;border-color:#FF6B00!important;color:#fff}.btn-secondary:hover{background:#e05e00;border-color:#e05e00;transform:translateY(-2px);box-shadow:0 8px 20px rgb(255 107 0 / .35);color:#fff}.btn-outline-light:hover{background:rgb(255 255 255 / .15)}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0A2C78;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader-spinner{margin-left:auto;margin-right:auto;width:70px;height:70px;border:6px solid rgb(255 255 255 / .2);border-top:6px solid #FF6B00;border-radius:50%;animation:spin 2s linear infinite}.loader-text img{color:#fff;width:200px;margin-left:auto;margin-right:auto;font-family:'Poppins',sans-serif;font-weight:700;font-size:1.8rem;margin-top:20px;letter-spacing:2px}@keyframes spin{to{transform:rotate(360deg)}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#FF6B00;color:#fff;border:none;border-radius:50%;font-size:1.3rem;box-shadow:0 8px 25px rgb(255 107 0 / .4);z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease;cursor:pointer}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:#e05e00;transform:translateY(-4px)}.main-header{position:fixed;top:0;left:0;width:100%;z-index:999;transition:all 0.4s ease;padding:.5rem 0;background:#fff0}.main-header.scrolled{background:rgb(253 253 253 / 96%);backdrop-filter:blur(12px);box-shadow:0 4px 30px rgb(0 0 0 / .15);padding:.2rem 0}.navbar-brand{display:flex;align-items:center;font-family:'Poppins',sans-serif;font-weight:800;font-size:1.5rem;color:#fff!important}.navbar-brand img{height:45px;margin-right:10px}.navbar-brand{display:inline-block;filter:brightness(0) invert(1)}.scrolled .navbar-brand{display:inline-block;filter:none}.scrolled .navbar-dark .navbar-nav .nav-link{color:rgb(14 12 12 / .9)!important}.scrolled .navbar-dark .navbar-nav .nav-link:hover{color:#FF6B00!important}.navbar-dark .navbar-nav .nav-link{color:rgb(255 255 255 / .8)!important;font-weight:500;padding:.5rem 1rem!important;transition:0.3s}.navbar-dark .navbar-nav .nav-link:hover{color:#FF6B00!important}.nav-actions .btn{border-radius:50px;margin-left:.5rem;padding:.4rem 1.2rem;font-weight:500!important;font-size:.98rem}.scrolled .nav-actions .btn-track{border-color:rgb(14 12 12 / .9);color:rgb(14 12 12 / .9)}.nav-actions .btn-track{border-color:rgb(255 255 255 / .5);color:#fff}.nav-actions .btn-track:hover{background:rgb(255 255 255 / .15)}.nav-actions .btn-book{background:#FF6B00;border-color:#FF6B00;color:#fff}.nav-actions .btn-book:hover{background:#e05e00;border-color:#e05e00}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#0A2C78 0%,#4a2c8a 40%,#FF6B00 100%);overflow:hidden;padding:100px 0 60px}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,rgb(10 44 120 / .3) 0%,transparent 70%);z-index:1}.hero-content{position:relative;z-index:2;color:#fff}.hero-badge{display:inline-block;background:rgb(255 255 255 / .15);backdrop-filter:blur(6px);padding:.3rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1rem}.hero-title{font-size:3.8rem;font-weight:900;line-height:1.2;margin-bottom:1rem}.hero-title .typed-wrapper{color:#FF6B00}.hero-subtitle{font-size:1.2rem;opacity:.9;max-width:500px;margin-bottom:2rem}.hero-search-box{max-width:480px;margin-bottom:1.8rem}.hero-search-box .form-control{border-radius:50px 0 0 50px;border:none;padding:1.58rem 1.5rem;font-size:1rem}.hero-search-box .btn{border-radius:0 50px 50px 0;padding:.8rem 1.8rem}.hero-stats{display:flex;gap:2.5rem;margin-top:2.5rem}.hero-stats .stat-item .stat-number{font-size:2rem;font-weight:800;color:#FF6B00}.hero-stats .stat-item .stat-label{font-size:.9rem;opacity:.8}.hero-visual{position:relative;z-index:2}.hero-illustration{padding:15px;border-radius:30px;position:relative;text-align:center;background:#dedede12;position:relative;text-align:center}.hero-illustration img{max-width:100%;filter:drop-shadow(0 20px 40px rgb(0 0 0 / .3))}.float-element{position:absolute;font-size:2rem;color:rgb(255 255 255 / .7);animation:floatY 4s ease-in-out infinite}.float-1{top:10%;left:5%;animation-delay:0s}.float-2{top:60%;right:8%;animation-delay:1.5s}.float-3{bottom:15%;left:15%;animation-delay:3s}.float-4{top:30%;right:20%;animation-delay:2s}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.trusted-section{padding:5rem 0;background:#f8faff}.trusted-item{margin-bottom:2rem}.trusted-icon{font-size:2.5rem;color:#0A2C78;margin-bottom:.5rem}.trusted-number{font-size:2.2rem;font-weight:800;color:#0A2C78}.trusted-label{font-size:.95rem;color:#5a5a7a}.services-section{padding:5rem 0}.service-card{background:#fff;border-radius:20px;padding:2rem 1.5rem;text-align:center;box-shadow:0 10px 30px rgb(0 0 0 / .06);transition:all 0.4s ease;margin-bottom:1.8rem;height:100%;border:1px solid rgb(0 0 0 / .04)}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgb(10 44 120 / .12)}.service-icon{font-size:3rem;color:#0A2C78;margin-bottom:1rem}.service-card h5{font-weight:700;margin-bottom:.75rem}.service-card p{font-size:.95rem;color:#5a5a7a}.service-link{font-weight:600;color:#FF6B00;text-decoration:none}.service-link:hover{color:#0A2C78;text-decoration:none}.timeline-section{padding:5rem 0;background:#f8faff}.timeline-wrapper{position:relative;padding:1rem 0}.timeline-line{position:absolute;top:50%;left:5%;right:5%;height:4px;background:linear-gradient(90deg,#0A2C78,#FF6B00);transform:translateY(-50%);border-radius:4px}.timeline-items{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.timeline-item{flex:0 0 calc(12.5% - 10px);text-align:center;position:relative;padding:0 5px}.timeline-icon{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;font-size:1.3rem;color:#0A2C78;box-shadow:0 4px 15px rgb(0 0 0 / .08);border:3px solid #0A2C78;transition:0.3s}.timeline-item:hover .timeline-icon{background:#FF6B00;color:#fff;border-color:#FF6B00}.timeline-content h6{font-size:.85rem;font-weight:700;margin-bottom:.2rem}.timeline-content p{font-size:.7rem;color:#5a5a7a;margin-bottom:0}@media (max-width:991px){.timeline-line{display:none}.timeline-item{flex:0 0 calc(25% - 10px);margin-bottom:1.5rem}}@media (max-width:575px){.timeline-item{flex:0 0 calc(50% - 10px)}}.why-section{padding:5rem 0}.why-illustration img{max-width:100%}.why-grid .why-feature{margin-bottom:1.5rem;display:flex;flex-direction:column}.why-icon{font-size:1.8rem;color:#FF6B00;margin-bottom:.3rem}.why-feature h6{font-weight:700;font-size:1rem;margin-bottom:.2rem}.why-feature p{font-size:.85rem;color:#5a5a7a;margin-bottom:0}.branches-preview{padding:5rem 0}.branch-card{background:#fff;border-radius:20px;padding:1.8rem;box-shadow:0 10px 30px rgb(0 0 0 / .05);text-align:center;margin-bottom:1.8rem;transition:0.3s}.branch-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgb(0 0 0 / .08)}.branch-icon{font-size:2.5rem;color:#FF6B00;margin-bottom:.5rem}.branch-card h5{font-weight:700}.branch-card p{font-size:.9rem;margin-bottom:.3rem;color:#5a5a7a}.app-section{padding:5rem 0;background:linear-gradient(135deg,#0A2C78,#4a2c8a);color:#fff}.app-section .section-tag{background:rgb(255 255 255 / .15);color:#fff}.app-section h2{color:#fff}.app-section p{opacity:.9}.app-features{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.5rem 0}.app-features li{font-size:.95rem}.app-features li i{color:#FF6B00;margin-right:.5rem}.app-buttons{display:flex;gap:1rem;flex-wrap:wrap}.app-btn img{height:50px}.app-qr{display:flex;align-items:center;gap:.8rem;margin-top:1.5rem}.app-qr img{height:70px}.app-mockup{position:relative;text-align:center}.app-mockup img{max-width:80%}.app-mockup .float-element{color:rgb(255 255 255 / .4)}.testimonials-section{padding:5rem 0;background:#f8faff}.testimonial-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgb(0 0 0 / .05);text-align:center}.testimonial-stars{color:#FF6B00;font-size:1.2rem;margin-bottom:.8rem}.testimonial-card p{font-size:1rem;color:#1a1a2e;font-style:italic}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1rem}.testimonial-author img{width:50px;height:50px;border-radius:50%;object-fit:cover}.testimonial-author h6{margin-bottom:0;font-weight:700}.testimonial-author span{font-size:.85rem;color:#5a5a7a}.cta-section{padding:5rem 0;background:linear-gradient(135deg,#0A2C78,#4a2c8a,#FF6B00)}.cta-wrapper{text-align:center;color:#fff;padding:2rem;border-radius:30px;background:rgb(255 255 255 / .05);backdrop-filter:blur(4px)}.cta-wrapper h2{color:#fff;font-size:2.8rem}.cta-wrapper h2 span{color:#FF6B00}.cta-wrapper p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto 2rem}.cta-buttons .btn{margin:0 .5rem .5rem}.main-footer{background:#0A2C78;color:rgb(255 255 255 / .8);padding:4rem 0 0}.footer-brand{display:flex;align-items:center;gap:.5rem;font-family:'Poppins',sans-serif;font-weight:800;font-size:1.5rem;color:#fff;margin-bottom:1rem}.footer-brand img{height:40px}.main-footer h6{color:#fff;font-weight:700;margin-bottom:1.2rem}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:.6rem}.footer-col ul li a{color:rgb(255 255 255 / .7);text-decoration:none;transition:0.3s}.footer-col ul li a:hover{color:#FF6B00;padding-left:5px}.footer-social a{display:inline-block;width:38px;height:38px;background:rgb(255 255 255 / .1);border-radius:50%;text-align:center;line-height:38px;color:#fff;margin-right:.5rem;transition:0.3s}.footer-social a:hover{background:#FF6B00;transform:translateY(-3px)}.footer-contact li{list-style:none;margin-bottom:.6rem;display:flex;align-items:center;gap:.8rem}.footer-contact li i{width:20px;color:#FF6B00}.footer-newsletter .input-group{border-radius:50px;overflow:hidden;background:rgb(255 255 255 / .1)}.footer-newsletter .form-control{background:#fff0;border:none;color:#fff;padding:.6rem 1rem}.footer-newsletter .form-control::placeholder{color:rgb(255 255 255 / .5)}.footer-newsletter .btn{border-radius:0 50px 50px 0;padding:.6rem 1.2rem}.footer-map{margin:2.5rem 0 1.5rem}.footer-bottom{border-top:1px solid rgb(255 255 255 / .1);padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:.9rem}.footer-bottom-links a{color:rgb(255 255 255 / .6);margin-left:1.5rem;text-decoration:none}.footer-bottom-links a:hover{color:#FF6B00}@media (max-width:991px){.hero-title{font-size:2.8rem}.hero-stats{gap:1.5rem;flex-wrap:wrap}.nav-actions .btn{padding:.3rem .8rem;font-size:.75rem}.app-features{grid-template-columns:1fr}}@media (max-width:767px){.hero-title{font-size:2.2rem}.hero-search-box{max-width:100%}.section-header h2{font-size:2rem}.footer-bottom{flex-direction:column;text-align:center}.footer-bottom-links a{margin:0 .5rem}}@media (max-width:575px){.hero-title{font-size:1.8rem}.hero-stats .stat-item .stat-number{font-size:1.5rem}.trusted-number{font-size:1.6rem}.cta-wrapper h2{font-size:2rem}}.page-hero{position:relative;min-height:200px;display:flex;align-items:center;background:linear-gradient(135deg,#0A2C78 0%,#4a2c8a 40%,#FF6B00 100%);overflow:hidden;padding:90px 0 20px 0;color:#fff}.page-hero h1{margin:15px 0 0;font-size:42px;line-height:1.2;font-weight:700}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px;margin-bottom:10px}.breadcrumb a{color:#fff;text-decoration:none;opacity:.85;transition:0.3s ease}.breadcrumb a:hover{opacity:1;text-decoration:underline}.breadcrumb span{color:rgb(255 255 255 / .7)}.breadcrumb .current{color:#fff;font-weight:500}.page-content{padding:60px 0;background:#fff}.page-content .container{max-width:1200px;margin:0 auto}@media (max-width:768px){.page-hero{min-height:250px;padding:90px 20px 50px}.page-hero h1{font-size:30px}.breadcrumb{font-size:14px;gap:7px}.page-content{padding:40px 20px}}

/* =========================================================
   GANTABYA NAVIGATION RESTORE + POLISH
   Desktop follows the original hero/scroll design.
   Mobile gets a clear solid menu without changing desktop.
========================================================= */

/* Desktop / large screens: original transparent hero navigation */
@media (min-width: 992px) {
    #mainHeader.main-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        background: transparent !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid transparent !important;
        transition: background .35s ease, padding .35s ease, box-shadow .35s ease, backdrop-filter .35s ease, border-color .35s ease !important;
    }

    #mainHeader.main-header .navbar {
        min-height: 64px;
    }

    #mainHeader .navbar-brand {
        display: flex !important;
        align-items: center !important;
        color: #fff !important;
        filter: brightness(0) invert(1) !important;
        transition: transform .35s ease, filter .35s ease !important;
    }

    #mainHeader .navbar-brand img {
        height: 48px !important;
        width: auto !important;
        max-width: 220px !important;
        margin-right: 10px !important;
        transition: height .35s ease, transform .35s ease !important;
    }

    #mainHeader .navbar-collapse {
        display: flex !important;
        align-items: center !important;
        flex-grow: 1 !important;
    }

    #mainHeader .navbar-nav {
        display: flex !important;
        align-items: center !important;
        margin-left: auto !important;
    }

    #mainHeader .navbar-nav .nav-item {
        position: relative !important;
    }

    #mainHeader .navbar-dark .navbar-nav .nav-link {
        color: rgba(255,255,255,.92) !important;
        font-weight: 600 !important;
        padding: .65rem .85rem !important;
        position: relative !important;
        transition: color .3s ease, transform .3s ease !important;
    }

    #mainHeader .navbar-dark .navbar-nav .nav-link::after {
        content: '' !important;
        position: absolute !important;
        left: 50% !important;
        bottom: 3px !important;
        width: 0 !important;
        height: 2px !important;
        background: #FF6B00 !important;
        border-radius: 20px !important;
        transform: translateX(-50%) !important;
        transition: width .3s ease !important;
    }

    #mainHeader .navbar-dark .navbar-nav .nav-link:hover,
    #mainHeader .navbar-dark .navbar-nav .nav-item.active > .nav-link,
    #mainHeader .navbar-dark .navbar-nav .nav-item.current-menu-item > .nav-link {
        color: #FF6B00 !important;
        transform: translateY(-1px) !important;
    }

    #mainHeader .navbar-dark .navbar-nav .nav-link:hover::after,
    #mainHeader .navbar-dark .navbar-nav .nav-item.active > .nav-link::after,
    #mainHeader .navbar-dark .navbar-nav .nav-item.current-menu-item > .nav-link::after {
        width: 55% !important;
    }

    #mainHeader .nav-actions {
        margin-left: 12px !important;
    }

    #mainHeader .nav-actions .btn-track {
        border: 1px solid rgba(255,255,255,.75) !important;
        color: #fff !important;
        background: rgba(255,255,255,.06) !important;
        padding: .48rem 1.1rem !important;
        transition: all .3s ease !important;
    }

    #mainHeader .nav-actions .btn-track:hover {
        background: #FF6B00 !important;
        border-color: #FF6B00 !important;
        color: #fff !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 20px rgba(255,107,0,.28) !important;
    }

    /* Scrolled desktop state: clean glass/white header */
    #mainHeader.main-header.scrolled {
        background: rgba(255,255,255,.97) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        box-shadow: 0 8px 30px rgba(10,44,120,.13) !important;
        border-bottom-color: rgba(10,44,120,.07) !important;
        padding: 4px 0 !important;
    }

    #mainHeader.main-header.scrolled .navbar-brand {
        filter: none !important;
        transform: scale(.96) !important;
    }

    #mainHeader.main-header.scrolled .navbar-brand img {
        height: 43px !important;
    }

    #mainHeader.main-header.scrolled .navbar-dark .navbar-nav .nav-link {
        color: #0A2C78 !important;
    }

    #mainHeader.main-header.scrolled .navbar-dark .navbar-nav .nav-link:hover,
    #mainHeader.main-header.scrolled .navbar-dark .navbar-nav .nav-item.active > .nav-link,
    #mainHeader.main-header.scrolled .navbar-dark .navbar-nav .nav-item.current-menu-item > .nav-link {
        color: #FF6B00 !important;
    }

    #mainHeader.main-header.scrolled .nav-actions .btn-track {
        color: #0A2C78 !important;
        border-color: #0A2C78 !important;
        background: transparent !important;
    }

    #mainHeader.main-header.scrolled .nav-actions .btn-track:hover {
        color: #fff !important;
        border-color: #FF6B00 !important;
        background: #FF6B00 !important;
    }

    /* Keep the hamburger hidden on desktop */
    #mainHeader .navbar-toggler {
        display: none !important;
    }
}

/* Mobile only: clear, attractive solid navigation panel */
@media (max-width: 991.98px) {
    #mainHeader.main-header {
        background: rgba(10,44,120,.98) !important;
        padding: 8px 0 !important;
        box-shadow: 0 5px 22px rgba(0,0,0,.12) !important;
    }

    #mainHeader.main-header.scrolled {
        background: rgba(255,255,255,.98) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        box-shadow: 0 6px 25px rgba(10,44,120,.14) !important;
        padding: 5px 0 !important;
    }

    #mainHeader .navbar {
        min-height: 56px !important;
    }

    #mainHeader .navbar-brand {
        display: flex !important;
        align-items: center !important;
        filter: brightness(0) invert(1) !important;
    }

    #mainHeader.scrolled .navbar-brand {
        filter: none !important;
    }

    #mainHeader .navbar-brand img {
        height: 42px !important;
        width: auto !important;
        max-width: 190px !important;
    }

    #mainHeader .navbar-toggler {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 46px !important;
        height: 42px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: #FF6B00 !important;
        box-shadow: 0 5px 15px rgba(255,107,0,.30) !important;
        outline: none !important;
    }

    #mainHeader .navbar-toggler:focus,
    #mainHeader .navbar-toggler:active {
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(255,107,0,.22), 0 5px 15px rgba(255,107,0,.30) !important;
    }

    #mainHeader .navbar-toggler-icon {
        width: 22px !important;
        height: 18px !important;
        background-image: none !important;
        position: relative !important;
        display: block !important;
        border-top: 2px solid #fff !important;
        border-bottom: 2px solid #fff !important;
    }

    #mainHeader .navbar-toggler-icon::after {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        top: 7px !important;
        width: 22px !important;
        height: 2px !important;
        background: #fff !important;
        border-radius: 2px !important;
    }

    #mainHeader .navbar-collapse {
        margin-top: 9px !important;
        padding: 8px !important;
        background: #0A2C78 !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 16px !important;
        box-shadow: 0 16px 40px rgba(0,0,0,.25) !important;
        max-height: calc(100vh - 82px) !important;
        overflow-y: auto !important;
    }

    #mainHeader.scrolled .navbar-collapse {
        background: #fff !important;
        border-color: rgba(10,44,120,.08) !important;
    }

    #mainHeader .navbar-nav {
        margin: 0 !important;
        padding: 0 !important;
    }

    #mainHeader .navbar-nav .nav-item {
        width: 100% !important;
    }

    #mainHeader .navbar-nav .nav-link {
        display: flex !important;
        align-items: center !important;
        min-height: 48px !important;
        width: 100% !important;
        padding: .72rem 1rem !important;
        color: #fff !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
    }

    #mainHeader .navbar-nav .nav-link:hover,
    #mainHeader .navbar-nav .nav-item.active > .nav-link,
    #mainHeader .navbar-nav .nav-item.current-menu-item > .nav-link {
        color: #fff !important;
        background: rgba(255,107,0,.18) !important;
    }

    #mainHeader.scrolled .navbar-nav .nav-link {
        color: #0A2C78 !important;
    }

    #mainHeader.scrolled .navbar-nav .nav-link:hover,
    #mainHeader.scrolled .navbar-nav .nav-item.active > .nav-link,
    #mainHeader.scrolled .navbar-nav .nav-item.current-menu-item > .nav-link {
        color: #FF6B00 !important;
        background: rgba(255,107,0,.08) !important;
    }

    #mainHeader .nav-actions {
        margin: 8px 0 0 !important;
        padding-top: 8px !important;
        border-top: 1px solid rgba(255,255,255,.12) !important;
    }

    #mainHeader.scrolled .nav-actions {
        border-top-color: rgba(10,44,120,.08) !important;
    }

    #mainHeader .nav-actions .btn-track {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 44px !important;
        color: #fff !important;
        border-color: #FF6B00 !important;
        background: #FF6B00 !important;
    }

    #mainHeader.scrolled .nav-actions .btn-track {
        color: #fff !important;
        border-color: #0A2C78 !important;
        background: #0A2C78 !important;
    }
}

/* =========================================================
   FINAL MOBILE NAV FIX
   This block intentionally comes LAST so it overrides all
   earlier navigation rules on phones/tablets.
========================================================= */
@media (max-width: 991.98px) {
  html body #mainHeader.main-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2147483000 !important;
    background: #0A2C78 !important;
    padding: 7px 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  html body #mainHeader.main-header.scrolled {
    background: rgba(255,255,255,.98) !important;
    padding: 5px 0 !important;
    box-shadow: 0 8px 28px rgba(10,44,120,.16) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  html body #mainHeader .navbar {
    min-height: 56px !important;
    padding: 0 !important;
  }

  html body #mainHeader .navbar > .container {
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html body #mainHeader .navbar-brand {
    display: flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    max-width: calc(100% - 62px) !important;
    margin-right: 10px !important;
    padding: 0 !important;
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body #mainHeader.scrolled .navbar-brand {
    filter: none !important;
  }

  html body #mainHeader .navbar-brand img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: 40px !important;
    max-width: 180px !important;
    margin: 0 !important;
  }

  /* Always visible hamburger button on mobile/tablet */
  html body #mainHeader .navbar-toggler,
  html body #mainHeader.navbar .navbar-toggler {
    display: flex !important;
    flex: 0 0 46px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 44px !important;
    min-width: 46px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #FF6B00 !important;
    border-radius: 11px !important;
    background: #FF6B00 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.24) !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 2147483001 !important;
  }

  html body #mainHeader.scrolled .navbar-toggler {
    background: #0A2C78 !important;
    border-color: #0A2C78 !important;
    box-shadow: 0 5px 16px rgba(10,44,120,.22) !important;
  }

  html body #mainHeader .navbar-toggler:focus,
  html body #mainHeader .navbar-toggler:active,
  html body #mainHeader .navbar-toggler:hover {
    outline: none !important;
    opacity: 1 !important;
  }

  html body #mainHeader .navbar-toggler-icon {
    display: block !important;
    position: relative !important;
    width: 23px !important;
    height: 18px !important;
    margin: 0 !important;
    background-image: none !important;
    background: transparent !important;
    border-top: 3px solid #fff !important;
    border-bottom: 3px solid #fff !important;
  }

  html body #mainHeader .navbar-toggler-icon::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 5px !important;
    width: 23px !important;
    height: 3px !important;
    border-radius: 3px !important;
    background: #fff !important;
  }

  html body #mainHeader .navbar-collapse {
    display: none !important;
    width: 100% !important;
    margin-top: 9px !important;
    padding: 10px !important;
    background: #0A2C78 !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.28) !important;
    max-height: calc(100vh - 78px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body #mainHeader .navbar-collapse.show,
  html body #mainHeader .navbar-collapse.collapsing {
    display: block !important;
  }

  html body #mainHeader.scrolled .navbar-collapse {
    background: #fff !important;
    border-color: rgba(10,44,120,.10) !important;
  }

  html body #mainHeader .navbar-nav {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #mainHeader .navbar-nav .nav-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html body #mainHeader .navbar-nav .nav-link {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 15px !important;
    color: #fff !important;
    background: transparent !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }

  html body #mainHeader .navbar-nav .nav-link:hover,
  html body #mainHeader .navbar-nav .nav-item.current-menu-item > .nav-link,
  html body #mainHeader .navbar-nav .nav-item.current_page_item > .nav-link {
    color: #fff !important;
    background: rgba(255,107,0,.22) !important;
  }

  html body #mainHeader.scrolled .navbar-nav .nav-link {
    color: #0A2C78 !important;
  }

  html body #mainHeader.scrolled .navbar-nav .nav-link:hover,
  html body #mainHeader.scrolled .navbar-nav .nav-item.current-menu-item > .nav-link,
  html body #mainHeader.scrolled .navbar-nav .nav-item.current_page_item > .nav-link {
    color: #FF6B00 !important;
    background: rgba(255,107,0,.08) !important;
  }

  html body #mainHeader .nav-actions {
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.14) !important;
  }

  html body #mainHeader.scrolled .nav-actions {
    border-top-color: rgba(10,44,120,.10) !important;
  }

  html body #mainHeader .nav-actions .btn-track {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    color: #fff !important;
    background: #FF6B00 !important;
    border: 1px solid #FF6B00 !important;
  }

  html body #mainHeader.scrolled .nav-actions .btn-track {
    color: #fff !important;
    background: #0A2C78 !important;
    border-color: #0A2C78 !important;
  }
}

@media (max-width: 575.98px) {
  html body #mainHeader .navbar-brand img {
    height: 36px !important;
    max-width: 155px !important;
  }
  html body #mainHeader .navbar-toggler {
    width: 44px !important;
    height: 42px !important;
    min-width: 44px !important;
  }
}

/* =========================================================
   PREMIUM INNER PAGES: SERVICES / BRANCHES / ABOUT / CONTACT
   ========================================================= */
.premium-page{background:#f7f9fd;color:#1a1a2e;overflow:hidden}
.premium-hero{position:relative;min-height:430px;padding:150px 0 70px;background:linear-gradient(135deg,#071f5a 0%,#0A2C78 48%,#4a2c8a 78%,#FF6B00 130%);color:#fff;display:flex;align-items:center;overflow:hidden}
.premium-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 20%,rgba(255,107,0,.28),transparent 32%),radial-gradient(circle at 12% 80%,rgba(76,125,255,.22),transparent 35%)}
.premium-hero-glow{position:absolute;width:520px;height:520px;right:-180px;top:-230px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}
.premium-kicker{display:inline-flex;align-items:center;gap:9px;color:#FFB27A;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);padding:8px 15px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:18px}
.premium-hero h1{color:#fff;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.02;max-width:850px;font-weight:900;letter-spacing:-1.8px;margin:0 0 20px}
.premium-hero p{max-width:690px;color:rgba(255,255,255,.82);font-size:1.12rem;line-height:1.8;margin:0 0 25px}
.premium-breadcrumb{display:flex;gap:11px;align-items:center;color:rgba(255,255,255,.68);font-size:.9rem}.premium-breadcrumb a{color:#fff;text-decoration:none}.premium-breadcrumb i{font-size:.65rem;color:#FF9A55}
.premium-section{padding:88px 0}.premium-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.premium-section-head h2{font-size:clamp(2rem,3.6vw,3.15rem);margin:7px 0 0;color:#0A2C78;line-height:1.12}.premium-section-head h2 span{color:#FF6B00}.premium-section-head>p{max-width:480px;color:#69738b;line-height:1.8;margin:0}.premium-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.premium-service-card{position:relative;min-height:390px;background:#fff;border:1px solid #e8edf5;border-radius:26px;padding:24px;box-shadow:0 12px 35px rgba(12,38,90,.07);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;overflow:hidden}.premium-service-card:before{content:"";position:absolute;inset:auto -25% -48% -25%;height:65%;background:radial-gradient(circle,rgba(10,44,120,.08),transparent 65%);transition:transform .4s ease}.premium-service-card:hover{transform:translateY(-10px);border-color:rgba(255,107,0,.25);box-shadow:0 25px 60px rgba(10,44,120,.14)}.premium-service-card:hover:before{transform:translateY(-25px)}.premium-card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.premium-number{font-size:.75rem;font-weight:900;letter-spacing:1px;color:#9aa5ba}.premium-card-arrow{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5fb;color:#0A2C78;transition:.3s}.premium-service-card:hover .premium-card-arrow{background:#FF6B00;color:#fff;transform:rotate(45deg)}.premium-service-icon{height:125px;width:125px;margin:28px auto 24px;border-radius:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eef4ff,#fff);color:#0A2C78;font-size:3.3rem;box-shadow:inset 0 0 0 1px #e4ebf7,0 14px 30px rgba(10,44,120,.08);position:relative;z-index:2}.premium-card-image{height:150px;margin:22px -2px 20px;border-radius:18px;overflow:hidden;position:relative}.premium-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.premium-service-card:hover .premium-card-image img{transform:scale(1.06)}.premium-service-card h3{font-size:1.18rem;color:#0A2C78;margin:0 0 10px;position:relative;z-index:2}.premium-service-card p{color:#6b7487;font-size:.9rem;line-height:1.7;min-height:48px;position:relative;z-index:2}.premium-link{display:inline-flex;align-items:center;gap:9px;color:#FF6B00;font-weight:800;font-size:.86rem;text-decoration:none;position:relative;z-index:2;margin-top:10px}.premium-link:hover{color:#0A2C78;text-decoration:none}.premium-link i{transition:transform .25s}.premium-link:hover i{transform:translateX(5px)}
.premium-branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.premium-branch-card{background:#fff;border:1px solid #e7edf5;border-radius:26px;overflow:hidden;box-shadow:0 12px 35px rgba(12,38,90,.07);transition:.35s}.premium-branch-card:hover{transform:translateY(-9px);box-shadow:0 25px 60px rgba(10,44,120,.14)}.premium-branch-image{height:230px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0A2C78,#4a2c8a)}.premium-branch-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.premium-branch-card:hover .premium-branch-image img{transform:scale(1.06)}.premium-branch-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);font-size:4rem;background:radial-gradient(circle at 50% 40%,rgba(255,107,0,.3),transparent 45%)}.premium-branch-number{position:absolute;top:16px;right:16px;background:#FF6B00;color:#fff;padding:8px 12px;border-radius:10px;font-size:.75rem;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18)}.premium-branch-body{padding:25px}.premium-location{display:flex;align-items:center;gap:7px;color:#FF6B00;text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:900}.premium-branch-body h3{font-size:1.55rem;margin:7px 0;color:#0A2C78}.premium-address{color:#69738b;line-height:1.65;font-size:.9rem;min-height:45px}.premium-branch-meta{display:grid;gap:9px;padding:15px 0;border-top:1px solid #edf0f5;margin-top:15px}.premium-branch-meta a,.premium-branch-meta span{display:flex;align-items:flex-start;gap:10px;color:#626d82;font-size:.82rem;text-decoration:none}.premium-branch-meta i{color:#FF6B00;width:16px;margin-top:3px}.premium-empty{grid-column:1/-1;background:#fff;border-radius:24px;padding:60px;text-align:center;border:1px solid #e8edf5}.premium-empty i{font-size:3rem;color:#FF6B00;margin-bottom:15px}.premium-empty h3{color:#0A2C78}
.premium-cta{padding:0 0 88px}.premium-cta-box{border-radius:30px;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;background:linear-gradient(135deg,#071f5a,#0A2C78 58%,#4a2c8a);box-shadow:0 25px 60px rgba(10,44,120,.2);position:relative;overflow:hidden}.premium-cta-box:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,107,0,.15);right:-100px;top:-170px}.premium-cta-box>*{position:relative;z-index:2}.premium-cta-box h2{color:#fff;font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 7px}.premium-cta-box p{color:rgba(255,255,255,.75);margin:0;max-width:650px}.premium-cta-box .premium-kicker{margin-bottom:10px}.premium-cta-box .btn{white-space:nowrap}
.about-visual{min-height:470px;border-radius:32px;background:linear-gradient(145deg,#0A2C78,#4a2c8a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 25px 60px rgba(10,44,120,.18)}.about-visual:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 55px rgba(255,255,255,.025)}.about-visual img{max-width:68%;max-height:210px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 25px 30px rgba(0,0,0,.2))}.about-visual-glow{position:absolute;width:170px;height:170px;border-radius:50%;background:#FF6B00;filter:blur(75px);opacity:.32}.about-visual-icon{position:absolute;bottom:34px;left:34px;width:68px;height:68px;border-radius:20px;background:#FF6B00;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.7rem;box-shadow:0 15px 30px rgba(0,0,0,.2)}.about-floating-card{position:absolute;right:30px;top:30px;padding:15px 18px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);color:#fff;display:flex;flex-direction:column}.about-floating-card strong{font-size:1.05rem}.about-floating-card span{font-size:.7rem;color:rgba(255,255,255,.65)}.about-content{color:#687388;line-height:1.9;font-size:1rem}.about-content p{margin-bottom:14px}.premium-stats-section{background:#fff}.premium-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.premium-stat-grid>div{padding:32px;border:1px solid #e8edf5;border-radius:24px;background:#f9fbff;transition:.3s}.premium-stat-grid>div:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(10,44,120,.1);background:#fff}.premium-stat-grid i{display:flex;width:52px;height:52px;border-radius:16px;align-items:center;justify-content:center;background:#fff0e8;color:#FF6B00;font-size:1.25rem;margin-bottom:18px}.premium-stat-grid strong{display:block;color:#0A2C78;font-size:1.25rem;margin-bottom:8px}.premium-stat-grid p{color:#687388;line-height:1.7;margin:0}
.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.contact-info-card{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #e7edf5;border-radius:20px;padding:23px;color:#1a1a2e;text-decoration:none;box-shadow:0 10px 30px rgba(12,38,90,.05);transition:.3s}.contact-info-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(10,44,120,.1);text-decoration:none}.contact-info-card>span{width:52px;height:52px;flex:0 0 52px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#edf3ff;color:#0A2C78}.contact-info-card small{display:block;color:#FF6B00;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.contact-info-card strong{display:block;color:#0A2C78;font-size:.92rem;margin:4px 0;word-break:break-word}.contact-info-card em{font-style:normal;color:#7a8496;font-size:.72rem}.contact-main-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:25px}.contact-form-panel,.contact-side-panel{background:#fff;border:1px solid #e7edf5;border-radius:26px;padding:35px;box-shadow:0 12px 35px rgba(12,38,90,.06)}.contact-form-panel h3,.contact-side-panel h3{color:#0A2C78;font-size:1.8rem;margin:0 0 18px}.contact-wp-content{color:#687388}.contact-wp-content input,.contact-wp-content textarea,.contact-wp-content select{width:100%;border:1px solid #dfe5ef;border-radius:12px;padding:12px 14px;margin:5px 0 12px;background:#fbfcfe}.contact-wp-content button,.contact-wp-content input[type=submit]{border:0;background:#0A2C78;color:#fff;border-radius:999px;padding:12px 24px;font-weight:700}.contact-side-panel{background:linear-gradient(145deg,#071f5a,#0A2C78 60%,#4a2c8a);color:#fff;align-self:stretch}.contact-side-panel h3{color:#fff}.contact-side-panel p{color:rgba(255,255,255,.72);line-height:1.8}.contact-side-icon{width:68px;height:68px;border-radius:20px;background:#FF6B00;display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:22px}.contact-hours{display:flex;gap:12px;align-items:flex-start;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:25px;color:rgba(255,255,255,.7)}.contact-hours i{color:#FF6B00;margin-top:4px}.contact-hours strong{color:#fff;font-size:.82rem}
@media(max-width:1199px){.premium-service-grid{grid-template-columns:repeat(3,1fr)}.premium-branch-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.premium-hero{min-height:390px;padding:135px 0 55px}.premium-section{padding:70px 0}.premium-section-head{display:block}.premium-section-head>p{margin-top:16px}.premium-service-grid{grid-template-columns:repeat(2,1fr)}.premium-branch-grid{grid-template-columns:repeat(2,1fr)}.premium-stat-grid,.contact-info-grid{grid-template-columns:1fr 1fr}.contact-main-grid{grid-template-columns:1fr}.about-visual{min-height:390px}}
@media(max-width:767px){.premium-hero{min-height:360px;padding:120px 0 45px}.premium-hero h1{font-size:2.45rem;letter-spacing:-1px}.premium-hero p{font-size:.98rem}.premium-section{padding:55px 0}.premium-service-grid,.premium-branch-grid,.premium-stat-grid,.contact-info-grid{grid-template-columns:1fr}.premium-service-card{min-height:0}.premium-card-image{height:175px}.premium-cta-box{padding:30px 24px;display:block}.premium-cta-box .btn{margin-top:22px}.about-visual{min-height:330px}.about-visual img{max-width:72%}.contact-form-panel,.contact-side-panel{padding:26px 22px}}
@media(max-width:480px){.premium-hero h1{font-size:2.05rem}.premium-kicker{font-size:.68rem}.premium-breadcrumb{font-size:.78rem}.premium-section-head h2{font-size:1.9rem}.premium-service-card,.premium-branch-body{padding:20px}.premium-branch-image{height:200px}.about-floating-card{right:15px;top:15px}.about-visual-icon{left:18px;bottom:18px}.premium-cta-box h2{font-size:1.65rem}}

/* =========================================================
   HOME PAGE ONLY: KEEP MOBILE HAMBURGER VISIBLE WHILE SCROLLING
   ========================================================= */
@media (max-width: 991.98px){
  body.home #mainHeader .navbar-toggler,
  html body.home #mainHeader .navbar-toggler,
  html body.home #mainHeader.navbar .navbar-toggler {
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    position:relative !important;
    z-index:2147483001 !important;
    transform:none !important;
  }

  body.home #mainHeader,
  html body.home #mainHeader {
    z-index:2147483000 !important;
  }

  body.home .back-to-top,
  html body.home .back-to-top {
    z-index:2147482000 !important;
  }
}

/* =========================================================
   HOME MOBILE: HAMBURGER MUST BE VISIBLE IMMEDIATELY
   Do not wait for scroll/footer/back-to-top state.
========================================================= */
@media (max-width: 991.98px){
  html body.home #mainHeader.main-header{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 2147483000 !important;
  }

  html body.home #mainHeader .navbar-toggler{
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 2147483001 !important;
  }

  /* Actual markup uses .gantabya-toggler-lines, not Bootstrap's
     .navbar-toggler-icon. Keep the three lines visible from page load. */
  html body.home #mainHeader .gantabya-toggler-lines{
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    width: 24px !important;
    height: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
  }

  html body.home #mainHeader .gantabya-toggler-lines span{
    display: block !important;
    width: 24px !important;
    height: 3px !important;
    min-height: 3px !important;
    background: #fff !important;
    border-radius: 3px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body.home #mainHeader.scrolled .gantabya-toggler-lines span{
    background: #fff !important;
  }

  html body.home #backToTop{
    z-index: 2147482000 !important;
  }
}

/* HOME MOBILE HAMBURGER - FORCE VISIBLE FROM INITIAL PAGE LOAD */
@media (max-width: 991.98px){
  body.home #mainHeader .navbar-toggler,
  body.front-page #mainHeader .navbar-toggler,
  body.home.front-page #mainHeader .navbar-toggler{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:fixed !important;
    top:12px !important;
    right:15px !important;
    width:46px !important;
    height:44px !important;
    min-width:46px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:2147483647 !important;
    transform:none !important;
  }

  body.home #mainHeader .gantabya-toggler-lines,
  body.front-page #mainHeader .gantabya-toggler-lines,
  body.home.front-page #mainHeader .gantabya-toggler-lines{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body.home #mainHeader .gantabya-toggler-lines span,
  body.front-page #mainHeader .gantabya-toggler-lines span,
  body.home.front-page #mainHeader .gantabya-toggler-lines span{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}

/* =========================================================
   FINAL HOME MOBILE HEADER FIX
   Keep the mobile header responsive from the first paint.
   No scroll position is required for correct layout.
   ========================================================= */
@media (max-width: 991.98px) {
  body.home #mainHeader.main-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 56px !important;
    transform: none !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    z-index: 99999 !important;
  }

  body.home #mainHeader .navbar {
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  body.home #mainHeader .navbar > .container {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home #mainHeader .navbar-brand {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: calc(100% - 60px) !important;
    margin-right: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  body.home #mainHeader .navbar-brand img {
    display: block !important;
    width: auto !important;
    height: 40px !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }

  body.home #mainHeader .navbar-toggler {
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 0 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    transform: none !important;
    z-index: 100000 !important;
  }

  body.home #mainHeader .navbar-toggler .gantabya-toggler-lines {
    width: 23px !important;
    height: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: stretch !important;
  }

  body.home #mainHeader .navbar-toggler .gantabya-toggler-lines span {
    display: block !important;
    width: 23px !important;
    height: 3px !important;
    min-height: 3px !important;
    border-radius: 3px !important;
    background: #fff !important;
    margin: 0 !important;
  }

  body.home #mainHeader .navbar-collapse {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 15px !important;
    right: 15px !important;
    width: auto !important;
    margin: 0 !important;
  }
}

@media (max-width: 575.98px) {
  body.home #mainHeader .navbar > .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.home #mainHeader .navbar-brand img {
    height: 38px !important;
  }

  body.home #mainHeader .navbar-toggler {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }
}


/* =========================================================
   FINAL HOMEPAGE MOBILE OVERFLOW / RESPONSIVE FIX
   Prevent sections, animations and sliders from increasing
   document width on phones. Keep the header tied to viewport.
========================================================= */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

@media (max-width: 991.98px) {
  html {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.home,
  body.front-page {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.home #page,
  body.home #content,
  body.home main,
  body.home .site-content,
  body.home section {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  body.home .container,
  body.home .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Bootstrap rows use negative margins. Never let a nested row
     create a horizontal scrollbar on the homepage. */
  body.home .row {
    max-width: 100%;
  }

  /* AOS transforms such as fade-left/right can temporarily extend
     the document outside the viewport before/while they animate. */
  body.home [data-aos] {
    max-width: 100%;
  }

  /* Testimonials/Swiper must be clipped by its own viewport. */
  body.home .testimonials-section,
  body.home .testimonials-section .container,
  body.home .testimonials-swiper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.home .testimonials-swiper .swiper-wrapper {
    width: 100%;
    max-width: 100%;
  }

  body.home .testimonials-swiper .swiper-slide {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  body.home .testimonial-card {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* Images and media can never force the page wider than viewport. */
  body.home img,
  body.home video,
  body.home canvas,
  body.home iframe {
    max-width: 100%;
  }

  /* Fix the exact sections where the overflow starts. */
  body.home .why-section,
  body.home .branches-preview,
  body.home .app-section,
  body.home .testimonials-section,
  body.home .cta-section {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  body.home .why-illustration,
  body.home .why-illustration img,
  body.home .app-mockup,
  body.home .app-mockup img,
  body.home .branch-card,
  body.home .cta-wrapper {
    max-width: 100%;
  }

  body.home .app-mockup img {
    width: auto;
  }

  body.home .app-buttons {
    max-width: 100%;
  }

  body.home .app-btn img {
    max-width: 100%;
    height: auto;
  }

  /* Header must use the viewport, never the document's expanded width. */
  body.home #mainHeader.main-header {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: auto !important;
  }

  body.home #mainHeader .navbar,
  body.home #mainHeader .navbar > .container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.home #mainHeader .navbar-toggler {
    position: relative !important;
    right: auto !important;
    flex: 0 0 44px !important;
  }
}

@media (max-width: 575.98px) {
  body.home .container,
  body.home .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }

  body.home .why-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.home .why-grid .why-feature {
    width: 100%;
  }

  body.home .app-features {
    grid-template-columns: 1fr !important;
  }

  body.home .app-buttons {
    gap: 10px;
  }

  body.home .app-btn img {
    height: 46px;
    width: auto;
  }

  body.home .cta-wrapper {
    padding: 1.5rem 1rem;
  }

  body.home .cta-buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  body.home .cta-buttons .btn {
    margin: 0 !important;
    width: 100%;
  }
}

/* =========================================================
   GANTABYA TRACKING PAGE
   ========================================================= */
.tracking-premium-page{background:#f5f7fb;color:#172033;overflow:hidden}
.tracking-premium-page .tracking-premium-hero{min-height:400px;padding:145px 0 65px;background:linear-gradient(135deg,#071b52 0%,#0b347f 52%,#31246f 100%);position:relative;overflow:hidden}
.tracking-premium-page .tracking-premium-hero:after{content:"";position:absolute;width:620px;height:620px;right:-230px;top:-300px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.tracking-premium-page .tracking-hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.tracking-premium-page .tracking-orb-one{width:260px;height:260px;left:-120px;bottom:-150px;background:rgba(44,121,255,.18)}
.tracking-premium-page .tracking-orb-two{width:150px;height:150px;right:17%;bottom:-80px;background:rgba(255,107,0,.13)}
.tracking-premium-page .tracking-premium-hero .container{z-index:2}
.tracking-premium-page .premium-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff7a18;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:16px}
.tracking-premium-page .tracking-premium-hero h1{max-width:850px;margin:0 0 18px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.02;font-weight:900;letter-spacing:-1.8px;color:#fff}
.tracking-premium-page .tracking-premium-hero h1 span{color:#ff7a18}
.tracking-premium-page .tracking-premium-hero p{max-width:680px;margin:0 0 22px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.75}
.tracking-premium-page .premium-breadcrumb{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.65);font-size:13px}
.tracking-premium-page .premium-breadcrumb a{color:#fff;text-decoration:none;font-weight:700}
.tracking-premium-page .premium-breadcrumb i{font-size:9px;color:#ff7a18}
.tracking-main-section{padding:75px 0 85px;background:#f5f7fb}
.tracking-intro{text-align:center;max-width:720px;margin:0 auto 30px}
.tracking-intro .section-tag{display:inline-flex;align-items:center;gap:7px;color:#0a2c78;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.tracking-intro h2{margin:0 0 10px;color:#111a31;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:900;letter-spacing:-.8px}
.tracking-intro p{margin:0;color:#697386;font-size:15px;line-height:1.7}
.tracking-widget-shell{max-width:940px;margin:0 auto;background:#fff;border:1px solid #e5e9f2;border-radius:22px;box-shadow:0 18px 55px rgba(18,34,68,.10);overflow:hidden}
.tracking-widget-head{display:flex;align-items:center;gap:14px;padding:18px 22px;background:linear-gradient(135deg,#071f5a,#0a2c78);color:#fff}
.tracking-widget-icon{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(255,255,255,.12);font-size:19px}
.tracking-widget-head span{display:block;color:rgba(255,255,255,.68);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.tracking-widget-head strong{display:block;margin-top:2px;font-size:18px;font-weight:800}
.tracking-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}
.tracking-live i{font-size:6px;color:#52e18c}
.tracking-shortcode-area{padding:30px}
.tracking-shortcode-area>div,.tracking-shortcode-area>section{max-width:100%!important}
/* Common shortcode controls */
.tracking-shortcode-area form{margin:0 auto!important;max-width:760px!important}
.tracking-shortcode-area input[type="text"],.tracking-shortcode-area input[type="search"],.tracking-shortcode-area input[type="number"]{width:100%!important;height:54px!important;padding:0 17px!important;border:1px solid #dce2ed!important;border-radius:11px!important;background:#fbfcfe!important;color:#172033!important;font-size:15px!important;outline:none!important;box-shadow:none!important}
.tracking-shortcode-area input:focus{border-color:#0a4ba8!important;box-shadow:0 0 0 4px rgba(10,75,168,.08)!important}
.tracking-shortcode-area button,.tracking-shortcode-area input[type="submit"],.tracking-shortcode-area .btn{min-height:50px!important;padding:12px 22px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#0a2c78,#164cae)!important;color:#fff!important;font-weight:800!important;cursor:pointer!important;box-shadow:0 8px 20px rgba(10,44,120,.18)!important}
.tracking-shortcode-area button:hover,.tracking-shortcode-area input[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(10,44,120,.24)!important}
.tracking-shortcode-area table{width:100%!important;border-collapse:collapse!important;margin-top:22px!important;background:#fff!important;border:1px solid #e1e6ef!important;border-radius:12px!important;overflow:hidden!important}
.tracking-shortcode-area th{padding:12px!important;background:#f3f6fb!important;color:#172033!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important;text-align:left!important}
.tracking-shortcode-area td{padding:12px!important;border-top:1px solid #edf0f5!important;color:#4e596d!important;font-size:13px!important}
.tracking-number-hint{margin:0 30px 30px;padding:12px 15px;border:1px dashed #cbd6e7;border-radius:10px;background:#f7faff;color:#59657a;font-size:12px;text-align:center}
.tracking-number-hint strong{color:#0a2c78;margin-left:5px}
.tracking-feature-grid{max-width:940px;margin:22px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tracking-feature-card{display:flex;align-items:flex-start;gap:13px;padding:19px;background:#fff;border:1px solid #e7ebf3;border-radius:15px;box-shadow:0 7px 25px rgba(25,42,75,.05)}
.tracking-feature-icon{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#edf4ff;color:#0a2c78;font-size:15px}
.tracking-feature-card strong{display:block;color:#182239;font-size:14px;margin-bottom:4px}
.tracking-feature-card p{margin:0;color:#788296;font-size:12px;line-height:1.55}
.tracking-bottom-cta{max-width:940px;margin:45px auto 0;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:20px;background:linear-gradient(135deg,#071f5a,#0a2c78 62%,#172f69);box-shadow:0 18px 45px rgba(7,31,90,.18);color:#fff;position:relative;overflow:hidden}
.tracking-bottom-cta:after{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-100px;border:1px solid rgba(255,255,255,.1);border-radius:50%}
.tracking-bottom-cta>div{position:relative;z-index:1}
.tracking-bottom-cta .premium-kicker{margin-bottom:6px}
.tracking-bottom-cta h3{margin:0 0 6px;color:#fff;font-size:24px;font-weight:850}
.tracking-bottom-cta p{margin:0;color:rgba(255,255,255,.7);font-size:13px}
.tracking-cta-btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:13px 19px;border-radius:10px;background:#ff7a18;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.tracking-cta-btn:hover{background:#ff8b35;color:#fff!important;transform:translateY(-1px)}
@media(max-width:991px){.tracking-premium-page .tracking-premium-hero{padding:125px 0 55px}.tracking-feature-grid{grid-template-columns:1fr 1fr}.tracking-bottom-cta{display:block}.tracking-cta-btn{margin-top:18px}}
@media(max-width:767px){.tracking-premium-page .tracking-premium-hero{min-height:340px;padding:112px 0 45px}.tracking-premium-page .tracking-premium-hero h1{font-size:2.35rem;letter-spacing:-1px}.tracking-premium-page .tracking-premium-hero p{font-size:14px}.tracking-main-section{padding:50px 0 60px}.tracking-widget-head{padding:15px}.tracking-shortcode-area{padding:20px 16px}.tracking-number-hint{margin:0 16px 20px}.tracking-feature-grid{grid-template-columns:1fr;margin-top:16px}.tracking-bottom-cta{padding:25px 22px;margin-top:30px}.tracking-bottom-cta h3{font-size:20px}.tracking-shortcode-area form{display:block!important}.tracking-shortcode-area input[type="submit"],.tracking-shortcode-area button{width:100%!important;margin-top:10px!important}}
@media(max-width:480px){.tracking-premium-page .tracking-premium-hero h1{font-size:2rem}.tracking-premium-page .premium-kicker{font-size:10px}.tracking-widget-head strong{font-size:15px}.tracking-widget-icon{width:40px;height:40px;flex-basis:40px}.tracking-live{font-size:9px}.tracking-shortcode-area{padding:16px 12px}.tracking-shortcode-area input[type="text"],.tracking-shortcode-area input[type="search"]{height:50px!important}.tracking-shortcode-area table{font-size:11px!important;display:block;overflow-x:auto;white-space:nowrap}.tracking-feature-card{padding:15px}.tracking-bottom-cta p{font-size:12px}}

/* TRACKING PAGE FORCE LOAD */
body.page-slug-tracking .page-hero, body.page-slug-track .page-hero {display:none!important;}
body.page-slug-tracking .page-content, body.page-slug-track .page-content {padding:0!important;max-width:none!important;}
body.page-slug-tracking .page-content>.container, body.page-slug-track .page-content>.container {max-width:none!important;width:100%!important;padding:0!important;}