/* BHQ stable UI layer. This file is loaded last, after theme CSS and page inline CSS. */
:root{
    --bhq-green:#062719;
    --bhq-green-deep:#03170f;
    --bhq-gold:#ffcb05;
    --bhq-ink:#111111;
    --bhq-muted:#5f665f;
}

/* ── Kill default browser blue focus rings on cards / block links ──
   Bootstrap sets `a:focus { outline: thin dotted }` which draws a blue
   box around full-card links (news cards, project tiles, etc.). */
a,
a:focus,
a:active,
a:focus-visible{
    outline:none !important;
}
a:focus,
a:focus-visible{
    box-shadow:none !important;
}
/* Full-card / media link wrappers */
.bhq-blog-card,
.bhq-blog-card a,
.bhq-blog-card a:focus,
.bhq-blog-card a:active,
.bhq-blog-card a:focus-visible,
.bhq-vcard,
.bhq-vcard:focus,
.bhq-vcard:active,
.bhq-vcard:focus-visible,
.blog-list a,
.blog-list a:focus,
.blog-list a:active,
.blog-list a:focus-visible,
.post-image a,
.post-image a:focus,
.project-item a,
.project-item a:focus,
.item a,
.item a:focus,
.picframe a,
.picframe a:focus,
figure a,
figure a:focus,
.owl-item a,
.owl-item a:focus{
    outline:none !important;
    box-shadow:none !important;
    -webkit-tap-highlight-color:transparent !important;
}
/* Images inside links shouldn't show focus borders either */
a img,
a:focus img,
img:focus{
    outline:none !important;
    border:none !important;
    box-shadow:none !important;
}
/* Soft brand focus only for real form controls (keep usable, not blue) */
input:focus,
textarea:focus,
select:focus,
button:focus-visible,
.btn:focus-visible,
.form-control:focus{
    outline:none !important;
}

html,
body{
    width:100%;
    overflow-x:hidden !important;
    background:#fff !important;
    color:var(--bhq-ink) !important;
}

body,
button,
input,
select,
textarea{
    font-family:"Montserrat", Arial, Helvetica, sans-serif !important;
    font-size:15px !important;
    line-height:1.75 !important;
}

h1,h2,h3,h4,h5,h6{
    font-family:"Montserrat", Arial, Helvetica, sans-serif !important;
    line-height:1.2 !important;
}

h1{font-size:clamp(32px,4vw,48px) !important;font-weight:700 !important;}
h2{font-size:clamp(26px,3vw,38px) !important;font-weight:700 !important;}
h3{font-size:20px !important;font-weight:700 !important;}
h4{font-size:17px !important;font-weight:700 !important;}
h5{font-size:15px !important;font-weight:600 !important;}
h6{font-size:14px !important;font-weight:600 !important;}

p,li,td,th,span,a,label,
.text,
.post-text,
.team-note,
.bhq-page-intro{
    font-size:15px !important;
    line-height:1.75 !important;
}

#section-history-bg h2,
#section-skills-bg h2,
#section-features-2 h2{
    font-size:clamp(26px,3vw,38px) !important;
    font-weight:700 !important;
}

/* Universal inner-page content spacing */
body:not(#homepage) #content{
    padding-top:48px !important;
    padding-bottom:0 !important;
}

#content section:not(#section-hero-6):not(#section-history-bg) p,
#content section:not(#section-hero-6):not(#section-history-bg) li,
#content section:not(#section-hero-6):not(#section-history-bg) span,
#content section:not(#section-hero-6):not(#section-history-bg) div{
    color:var(--bhq-ink) !important;
}

#content section:not(#section-hero-6):not(#section-history-bg) p{
    color:var(--bhq-muted) !important;
}

header{
    z-index:9998 !important;
    border:0 !important;
    box-shadow:none !important;
}

header .info{
    background:rgba(3,23,15,.68) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}

header .info,
header .info *,
header .info a{
    color:#fff !important;
}

header .info .id-color,
header .info .id-color i{
    color:var(--bhq-gold) !important;
}

header div#logo img.logo-2{
    display:none !important;
}

/* No blue focus border when clicking the logo */
header div#logo a,
header div#logo a:focus,
header div#logo a:active,
header div#logo a:focus-visible{
    outline:none !important;
    border:none !important;
    box-shadow:none !important;
    -webkit-tap-highlight-color:transparent !important;
}
header div#logo img,
header div#logo img:focus{
    outline:none !important;
    border:none !important;
    box-shadow:none !important;
}

@media (min-width:993px){
    /* Fixed header bar height so top/bottom spacing stays equal */
    header{
        min-height:0 !important;
        height:auto !important;
        overflow:visible !important;
        background:linear-gradient(180deg,rgba(3,23,15,.45),rgba(3,23,15,.15)) !important;
        backdrop-filter:none !important;
    }

    header.smaller{
        min-height:0 !important;
        height:auto !important;
        background:linear-gradient(180deg,var(--bhq-green),var(--bhq-green-deep)) !important;
        box-shadow:0 16px 34px rgba(0,0,0,.18) !important;
    }

    /* Equal top + bottom padding; vertical center for logo + nav */
    header > .container > .row > .col-md-12{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:28px !important;
        min-height:80px !important;
        height:80px !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
        margin:0 !important;
        overflow:visible !important;
        box-sizing:border-box !important;
    }

    header.smaller > .container > .row > .col-md-12{
        min-height:72px !important;
        height:72px !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
    }

    /* Kill theme floats / uneven line-height that push logo off-center */
    header div#logo{
        float:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        min-width:0 !important;
        width:auto !important;
        height:100% !important;
        max-height:100% !important;
        padding:0 !important;
        margin:0 !important;
        line-height:0 !important;
    }

    header div#logo a{
        display:flex !important;
        align-items:center !important;
        height:100% !important;
        line-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    header div#logo img.logo{
        display:block !important;
        width:auto !important;
        max-width:170px !important;
        max-height:52px !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        object-fit:contain !important;
        object-position:left center !important;
        vertical-align:middle !important;
    }

    header div#logo img.logo-2{
        display:none !important;
    }

    header.smaller div#logo img.logo{
        max-width:150px !important;
        max-height:46px !important;
    }

    header.smaller div#logo{
        line-height:0 !important;
        padding:0 !important;
        height:100% !important;
    }

    header nav,
    #mainmenu,
    #mainmenu > li{
        overflow:visible !important;
    }

    #menu-btn,
    header #menu-btn,
    header.header-mobile #menu-btn{
        display:none !important;
        visibility:hidden !important;
    }

    header nav{
        float:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        width:auto !important;
        height:100% !important;
        margin:0 0 0 auto !important;
        padding:0 !important;
    }

    #mainmenu{
        float:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:28px !important;
        width:auto !important;
        height:100% !important;
        margin:0 !important;
        padding:0 !important;
        list-style:none !important;
    }

    #mainmenu > li{
        float:none !important;
        display:flex !important;
        align-items:center !important;
        position:relative !important;
        width:auto !important;
        height:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    /* Equal vertical space: no uneven top/bottom padding on links */
    #mainmenu > li > a{
        display:flex !important;
        align-items:center !important;
        height:100% !important;
        padding:0 !important;
        margin:0 !important;
        color:#fff !important;
        font-size:15px !important;
        font-weight:600 !important;
        line-height:1 !important;
        white-space:nowrap !important;
        text-shadow:0 6px 18px rgba(0,0,0,.28) !important;
    }

    /* Override theme header.smaller link padding (was 30px top+bottom) */
    header.smaller #mainmenu > li > a,
    header.smaller #mainmenu a{
        padding-top:0 !important;
        padding-bottom:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;
        line-height:1 !important;
    }

    /* Theme sets fixed heights / line-heights that create uneven top/bottom gaps */
    header.smaller{
        height:auto !important;
    }
    header.smaller div#logo{
        line-height:0 !important;
        padding-bottom:0 !important;
        padding-top:0 !important;
    }
    header.smaller #mainmenu ul{
        top:100% !important;
    }

    #mainmenu > li > a:after{
        display:none !important;
        content:none !important;
    }

    #mainmenu > li:hover > a,
    #mainmenu > li.active > a{
        color:var(--bhq-gold) !important;
    }

    #mainmenu > li > a{
        text-decoration:none !important;
        border-bottom:none !important;
    }

    /* Desktop About Us dropdown — clean white card */
    #mainmenu > li > ul,
    #mainmenu > li > ul.bhq-subnav{
        display:block !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
        position:absolute !important;
        top:calc(100% + 10px) !important;
        left:50% !important;
        right:auto !important;
        bottom:auto !important;
        transform:translateX(-50%) translateY(6px) !important;
        width:240px !important;
        min-width:240px !important;
        max-width:280px !important;
        margin:0 !important;
        padding:8px !important;
        list-style:none !important;
        background:#ffffff !important;
        border:1px solid rgba(0,0,0,.06) !important;
        border-radius:12px !important;
        box-shadow:0 16px 40px rgba(0,0,0,.16), 0 2px 8px rgba(0,0,0,.06) !important;
        z-index:10050 !important;
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;
        float:none !important;
        transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    }

    /* Caret */
    #mainmenu > li > ul:before,
    #mainmenu > li > ul.bhq-subnav:before{
        content:"" !important;
        position:absolute !important;
        top:-6px !important;
        left:50% !important;
        transform:translateX(-50%) rotate(45deg) !important;
        width:12px !important;
        height:12px !important;
        background:#fff !important;
        border:1px solid rgba(0,0,0,.06) !important;
        border-right:0 !important;
        border-bottom:0 !important;
        border-radius:2px 0 0 0 !important;
        box-shadow:none !important;
        z-index:1 !important;
    }

    /* Hover bridge so menu doesn't close when moving cursor down */
    #mainmenu > li > ul:after,
    #mainmenu > li > ul.bhq-subnav:after{
        content:"" !important;
        position:absolute !important;
        top:-14px !important;
        left:0 !important;
        width:100% !important;
        height:16px !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        transform:none !important;
    }

    #mainmenu > li:hover > ul,
    #mainmenu > li:focus-within > ul,
    #mainmenu > li:hover > ul.bhq-subnav,
    #mainmenu > li:focus-within > ul.bhq-subnav{
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
        transform:translateX(-50%) translateY(0) !important;
        display:block !important;
        height:auto !important;
    }

    #mainmenu > li > ul > li,
    #mainmenu > li > ul.bhq-subnav > li{
        display:block !important;
        width:100% !important;
        float:none !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
    }

    #mainmenu > li > ul > li > a,
    #mainmenu > li > ul.bhq-subnav > li > a{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
        padding:12px 14px !important;
        margin:0 !important;
        color:#1a1a1a !important;
        background:transparent !important;
        border:0 !important;
        border-radius:8px !important;
        font-size:14px !important;
        font-weight:600 !important;
        letter-spacing:0 !important;
        text-align:left !important;
        text-decoration:none !important;
        text-shadow:none !important;
        line-height:1.35 !important;
        white-space:normal !important;
        transition:background .15s ease, color .15s ease !important;
    }

    #mainmenu > li > ul > li > a:before,
    #mainmenu > li > ul.bhq-subnav > li > a:before{
        display:none !important;
        content:none !important;
    }

    #mainmenu > li > ul > li > a:hover,
    #mainmenu > li > ul.bhq-subnav > li > a:hover{
        color:var(--bhq-green) !important;
        background:rgba(6,39,25,.06) !important;
    }

    #mainmenu > li > ul > li > a strong,
    #mainmenu > li > ul.bhq-subnav > li > a strong{
        display:block !important;
        font-size:14px !important;
        font-weight:700 !important;
        color:#111 !important;
        margin:0 0 3px !important;
        line-height:1.25 !important;
    }

    #mainmenu > li > ul > li > a span,
    #mainmenu > li > ul.bhq-subnav > li > a span{
        display:block !important;
        font-size:12px !important;
        font-weight:500 !important;
        color:#7a7a7a !important;
        line-height:1.35 !important;
        margin:0 !important;
    }

    #mainmenu > li > ul > li > a:hover strong,
    #mainmenu > li > ul.bhq-subnav > li > a:hover strong{
        color:var(--bhq-green) !important;
    }

    /* Never show mobile chevrons on desktop */
    #mainmenu > li > span.bhq-sub-toggle,
    #mainmenu > li > span{
        display:none !important;
    }
}

body#homepage #section-hero-6{
    min-height:100vh !important;
    background:#000 !important;
    overflow:hidden !important;
}

body#homepage #section-hero-6 .hero-video-wrap,
body#homepage #section-hero-6 .hero-video-overlay{
    position:absolute !important;
    inset:0 !important;
}

body#homepage #section-hero-6 video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

body#homepage #section-hero-6 .hero-video-overlay{
    background:linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.52)) !important;
}

body#homepage #section-hero-6 .hero-content,
body#homepage #section-hero-6 h1,
body#homepage #section-hero-6 p{
    display:none !important;
}

.bhq-about-section{
    background:linear-gradient(180deg,#fff 0%,#fbf8ef 100%) !important;
}

.bhq-stat-card,
#section-features-2 .feature-box-small-icon .inner,
.bhq-card,
.bhq-faq-item{
    border-radius:18px !important;
    box-shadow:0 22px 55px rgba(6,39,25,.09) !important;
}

.bhq-stat-card{
    border:1px solid rgba(255,203,5,.36) !important;
    background:linear-gradient(135deg,#fff7d4 0%,#ffcb05 100%) !important;
}

.bhq-yellow-btn{
    border-radius:999px !important;
    box-shadow:0 15px 30px rgba(255,203,5,.28) !important;
}

/* ==========================================================
   GROWTH STORY TIMELINE — single source of truth
   Desktop: 3-col grid (year | dot | card)
   Tablet:  2-col grid (dot | year+card stacked)
   Phone:   same 2-col, tighter
   ========================================================== */

#section-history-bg,
#section-history-bg.bhq-growth-section{
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:70px 0 !important;
    overflow:visible !important;
    background-color:#101216 !important;
    background-size:cover !important;
    background-position:center !important;
}
#section-history-bg:before{
    background:linear-gradient(90deg,rgba(5,12,10,.88) 0%,rgba(5,12,10,.72) 42%,rgba(5,12,10,.28) 100%) !important;
}
#section-history-bg .container-fluid,
#section-history-bg .row-fluid.table,
#section-history-bg .row-fluid.table > div,
#section-history-bg .col-md-6,
#section-history-bg .bg-black-60,
#section-history-bg .padding60,
#section-history-bg .timeline,
#section-history-bg .tl-block,
#section-history-bg .tl-message,
#section-history-bg .tl-main{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    position:relative !important;
    z-index:1 !important;
}
#section-history-bg .col-md-6{
    float:none !important;
    width:100% !important;
    display:block !important;
}
#section-history-bg .col-md-6:nth-child(2){
    display:none !important;
}
#section-history-bg .bg-black-60{
    background:transparent !important;
}
#section-history-bg .padding60{
    width:100% !important;
    max-width:1200px !important;
    padding:0 48px 0 72px !important;
}

/* Colors */
#section-history-bg,
#section-history-bg *,
#section-history-bg p,
#section-history-bg span,
#section-history-bg div{
    color:rgba(255,255,255,.92) !important;
}
#section-history-bg h2,
#section-history-bg h3,
#section-history-bg h4,
#section-history-bg .tl-time h3,
#section-history-bg .tl-main h3{
    color:#fff !important;
}

/* Heading */
#section-history-bg h2{
    font-size:clamp(26px,3vw,38px) !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
    margin:0 0 24px !important;
    font-weight:700 !important;
}
#section-history-bg h2 .tiny-border{
    display:block !important;
    width:118px !important;
    height:4px !important;
    margin:22px 0 0 !important;
    background:var(--bhq-gold) !important;
}

/* Timeline wrapper */
#section-history-bg .timeline{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
}
#section-history-bg .timeline:before{
    content:"" !important;
    position:absolute !important;
    left:138px !important;
    top:18px !important;
    bottom:20px !important;
    width:1px !important;
    background:rgba(255,255,255,.22) !important;
}

/* Each timeline row — desktop 3-col */
#section-history-bg .tl-block{
    float:none !important;
    display:grid !important;
    grid-template-columns:118px 42px minmax(0,1fr) !important;
    grid-template-areas:none !important;
    gap:16px !important;
    align-items:start !important;
    margin:0 0 22px !important;
    padding:0 !important;
    clear:both !important;
    width:100% !important;
}
#section-history-bg .tl-time{
    width:auto !important;
    min-width:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:4px 0 0 !important;
    margin:0 !important;
    text-align:right !important;
    grid-area:auto !important;
}
#section-history-bg .tl-time h3{
    font-size:20px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:-.05em !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
}
#section-history-bg .tl-bar{
    float:none !important;
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
    padding-top:12px !important;
    margin:0 !important;
    width:auto !important;
    grid-area:auto !important;
}
#section-history-bg .tl-line{
    width:18px !important;
    height:18px !important;
    border-radius:50% !important;
    background:var(--bhq-gold) !important;
    box-shadow:0 0 0 7px rgba(255,203,5,.20) !important;
    position:relative !important;
    z-index:3 !important;
    margin:0 !important;
}
#section-history-bg .tl-message{
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    grid-area:auto !important;
}
#section-history-bg .tl-icon{
    display:none !important;
}
#section-history-bg .tl-main{
    float:none !important;
    width:100% !important;
    max-width:none !important;
    padding:22px 26px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045)) !important;
    box-shadow:0 20px 50px rgba(0,0,0,.16) !important;
    backdrop-filter:blur(8px) !important;
}
#section-history-bg .tl-main h3{
    font-size:20px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    margin:0 0 10px !important;
    text-transform:none !important;
}
#section-history-bg .tl-main p{
    color:rgba(255,255,255,.82) !important;
    font-size:16px !important;
    line-height:1.7 !important;
    margin:0 0 12px !important;
    max-width:720px !important;
    display:block !important;
    overflow:visible !important;
}
#section-history-bg .spacer-single,
#section-history-bg .btn-line-white{
    display:none !important;
}
#section-history-bg:after,
#section-history-bg .container-fluid:after,
#section-history-bg .row-fluid:after,
#section-history-bg .timeline:after{
    content:"" !important;
    display:block !important;
    clear:both !important;
}

.bhq-footer,
footer{
    background:linear-gradient(180deg,var(--bhq-green) 0%,var(--bhq-green-deep) 100%) !important;
}

footer,
footer *,
.bhq-footer,
.bhq-footer *{
    color:#fff !important;
}

/* No white focus/active border or underline on footer links */
footer a,
footer a:link,
footer a:visited,
footer a:hover,
footer a:active,
footer a:focus,
footer a:focus-visible,
.bhq-footer a,
.bhq-footer a:link,
.bhq-footer a:visited,
.bhq-footer a:hover,
.bhq-footer a:active,
.bhq-footer a:focus,
.bhq-footer a:focus-visible,
.bhq-footer-links a,
.bhq-footer-links a:focus,
.bhq-footer-legal a,
.bhq-footer-legal a:focus,
.bhq-contact-list a,
.bhq-contact-list a:focus,
.bhq-footer-social a,
.bhq-footer-social a:focus{
    outline:none !important;
    border:none !important;
    box-shadow:none !important;
    text-decoration:none !important;
    -webkit-tap-highlight-color:transparent !important;
}

footer a:hover,
.bhq-footer a:hover,
.bhq-footer-links a:hover,
.bhq-footer-legal a:hover{
    color:var(--bhq-gold) !important;
    text-decoration:none !important;
}

@media (max-width:992px){
    /*
     * Mobile header MUST stay on screen while scrolling.
     * Theme uses position:absolute + transparent, and #wrapper{overflow:hidden}
     * breaks position:sticky — so we use position:fixed + solid bar.
     */
    html body header,
    html body header.transparent,
    html body header.smaller,
    html body header.clone,
    html body header.header-mobile,
    html body header.de_header_2,
    html body header.autoshow,
    html body header.autoshow.scrollOn,
    html body header.autoshow.scrollOff{
        position:fixed !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        width:100% !important;
        max-width:100% !important;
        z-index:10050 !important;
        height:72px !important;
        min-height:72px !important;
        max-height:none !important;
        margin:0 !important;
        padding:0 !important;
        overflow:visible !important;
        opacity:1 !important;
        visibility:visible !important;
        display:block !important;
        transform:none !important;
        -webkit-transform:none !important;
        background:linear-gradient(180deg,#0c2d1f 0%,#062719 100%) !important;
        border:none !important;
        border-bottom:1px solid rgba(255,255,255,.08) !important;
        box-shadow:0 8px 28px rgba(0,0,0,.28) !important;
        pointer-events:auto !important;
    }

    /* Content clears the fixed header */
    html body #wrapper{
        overflow:visible !important;
        padding-top:72px !important;
        box-sizing:border-box !important;
    }

    header .info{
        display:none !important;
    }

    header > .container{
        width:100% !important;
        max-width:none !important;
        height:72px !important;
        padding-left:16px !important;
        padding-right:16px !important;
        position:relative !important;
        margin:0 auto !important;
    }

    header > .container > .row{
        width:100% !important;
        height:72px !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    header > .container > .row > .col-md-12{
        width:100% !important;
        min-height:72px !important;
        height:72px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:12px !important;
        padding:0 52px 0 0 !important;
        margin:0 !important;
        position:relative !important;
        overflow:visible !important;
        box-sizing:border-box !important;
        float:none !important;
    }

    header div#logo{
        flex:0 1 auto !important;
        display:flex !important;
        align-items:center !important;
        height:100% !important;
        margin:0 !important;
        padding:0 !important;
        line-height:0 !important;
        float:none !important;
        max-width:calc(100% - 56px) !important;
        position:relative !important;
        z-index:2 !important;
    }

    header div#logo a{
        display:flex !important;
        align-items:center !important;
        height:100% !important;
        outline:none !important;
        border:none !important;
        box-shadow:none !important;
    }

    header div#logo img.logo{
        display:block !important;
        width:auto !important;
        max-width:140px !important;
        max-height:44px !important;
        height:auto !important;
        margin:0 !important;
        object-fit:contain !important;
        object-position:left center !important;
        opacity:1 !important;
        visibility:visible !important;
    }

    header div#logo img.logo-2{
        display:none !important;
    }

    /* Hamburger always visible inside the fixed header */
    #menu-btn,
    header #menu-btn,
    header.header-mobile #menu-btn,
    header.transparent #menu-btn,
    header.smaller #menu-btn{
        position:absolute !important;
        right:0 !important;
        top:50% !important;
        transform:translateY(-50%) !important;
        -webkit-transform:translateY(-50%) !important;
        margin:0 !important;
        width:42px !important;
        height:42px !important;
        background:rgba(0,0,0,.4) !important;
        backdrop-filter:blur(8px) !important;
        -webkit-backdrop-filter:blur(8px) !important;
        border:1.5px solid rgba(255,255,255,.28) !important;
        border-radius:10px !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        z-index:10060 !important;
        float:none !important;
        cursor:pointer !important;
        transition:background .2s, border-color .2s !important;
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
    }
    #menu-btn:hover,
    #menu-btn:active{
        background:rgba(255,255,255,.18) !important;
        border-color:rgba(255,255,255,.5) !important;
    }
    #menu-btn:before{
        font-family:FontAwesome !important;
        content:"\f0c9" !important;
        font-size:18px !important;
        color:#fff !important;
        line-height:1 !important;
    }

    header nav{
        float:none !important;
        display:block !important;
        width:100% !important;
        height:0 !important;
        margin:0 !important;
        padding:0 !important;
        position:static !important;
        overflow:visible !important;
    }

    /* Closed by default (no !important — JS can open it) */
    #mainmenu{
        display:none;
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        top:72px !important;
        width:100% !important;
        max-width:100vw !important;
        margin:0 !important;
        padding:8px 0 16px !important;
        background:linear-gradient(180deg,#0c2d1f 0%,#03170f 100%) !important;
        max-height:calc(100vh - 72px) !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
        -webkit-overflow-scrolling:touch !important;
        z-index:10055 !important;
        box-shadow:0 18px 40px rgba(0,0,0,.4) !important;
        border-top:1px solid rgba(255,255,255,.08) !important;
        list-style:none !important;
        float:none !important;
        height:auto !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }

    /* Reliable open state (class toggled by our mobile menu script) */
    header.menu-open #mainmenu,
    #mainmenu.menu-open{
        display:block !important;
    }

    /* ========== Simple full-width mobile nav (no flyouts) ========== */
    #mainmenu,
    #mainmenu *{
        box-sizing:border-box !important;
    }

    #mainmenu > li{
        display:block !important;
        position:relative !important;
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        float:none !important;
        clear:both !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
    }

    #mainmenu a{
        text-decoration:none !important;
        -webkit-tap-highlight-color:rgba(255,203,5,.15) !important;
    }

    /* Top-level rows — full width, same style */
    #mainmenu > li > a{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        min-height:50px !important;
        padding:15px 56px 15px 20px !important;
        margin:0 !important;
        color:#fff !important;
        font-size:16px !important;
        font-weight:600 !important;
        line-height:1.25 !important;
        letter-spacing:0 !important;
        white-space:normal !important;
        text-shadow:none !important;
        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.08) !important;
        background:transparent !important;
        float:none !important;
    }

    #mainmenu > li > a:after{
        display:none !important;
        content:none !important;
    }

    #mainmenu > li.active > a,
    #mainmenu > li.submenu-open > a{
        color:var(--bhq-gold) !important;
        background:rgba(255,203,5,.07) !important;
    }

    /* Chevron only — does not cover the whole row */
    #mainmenu > li > span.bhq-sub-toggle,
    #mainmenu > li > span{
        position:absolute !important;
        right:12px !important;
        top:9px !important;
        width:36px !important;
        height:36px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        z-index:6 !important;
        cursor:pointer !important;
        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        padding:0 !important;
        margin:0 !important;
        transform:none !important;
        -webkit-transform:none !important;
    }
    #mainmenu > li > span.bhq-sub-toggle:before,
    #mainmenu > li > span:before{
        font-family:FontAwesome !important;
        content:"\f107" !important;
        color:rgba(255,255,255,.7) !important;
        font-size:16px !important;
        line-height:1 !important;
    }
    #mainmenu > li.submenu-open > span.bhq-sub-toggle:before,
    #mainmenu > li.submenu-open > span:before,
    #mainmenu > li > span.active:before{
        content:"\f106" !important;
        color:var(--bhq-gold) !important;
    }

    /* Submenu hidden */
    header.header-mobile #mainmenu li ul,
    header #mainmenu li ul,
    #mainmenu li ul,
    #mainmenu > li > ul,
    #mainmenu > li > ul.bhq-subnav{
        display:none !important;
        float:none !important;
        clear:both !important;
        position:static !important;
        left:0 !important;
        right:0 !important;
        top:auto !important;
        bottom:auto !important;
        width:100% !important;
        max-width:100% !important;
        min-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        height:0 !important;
        max-height:0 !important;
        overflow:hidden !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
        transform:none !important;
        background:#03170f !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        list-style:none !important;
    }

    /* Submenu open — FULL WIDTH accordion under parent */
    header.header-mobile #mainmenu > li.submenu-open > ul,
    header.menu-open #mainmenu > li.submenu-open > ul,
    header #mainmenu > li.submenu-open > ul,
    #mainmenu > li.submenu-open > ul,
    #mainmenu > li.submenu-open > ul.bhq-subnav{
        display:block !important;
        float:none !important;
        clear:both !important;
        position:static !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 0 6px !important;
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
        transform:none !important;
        background:#03170f !important;
        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.08) !important;
        border-radius:0 !important;
        box-shadow:none !important;
        z-index:1 !important;
        list-style:none !important;
    }

    #mainmenu > li > ul:before,
    #mainmenu > li > ul:after{
        display:none !important;
        content:none !important;
    }

    /* Company / Team — full-width stacked title + subtitle */
    header.header-mobile #mainmenu > li.submenu-open > ul > li,
    header #mainmenu > li.submenu-open > ul > li,
    #mainmenu > li.submenu-open > ul > li,
    #mainmenu .bhq-subnav > li{
        display:block !important;
        float:none !important;
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    header.header-mobile #mainmenu > li.submenu-open > ul > li > a,
    header #mainmenu > li.submenu-open > ul > li > a,
    #mainmenu > li.submenu-open > ul > li > a,
    header.header-mobile #mainmenu li ul li a,
    #mainmenu li ul li a,
    #mainmenu .bhq-subnav > li > a{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:center !important;
        gap:3px !important;
        float:none !important;
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        min-height:56px !important;
        padding:12px 20px 12px 44px !important;
        margin:0 !important;
        color:#fff !important;
        font-size:15px !important;
        font-weight:600 !important;
        line-height:1.3 !important;
        white-space:normal !important;
        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.06) !important;
        border-radius:0 !important;
        background:rgba(0,0,0,.22) !important;
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
        position:relative !important;
        z-index:2 !important;
        cursor:pointer !important;
        box-sizing:border-box !important;
        text-align:left !important;
    }

    header.header-mobile #mainmenu > li.submenu-open > ul > li > a:active,
    #mainmenu .bhq-subnav > li > a:active,
    #mainmenu > li.submenu-open > ul > li > a:hover{
        color:var(--bhq-gold) !important;
        background:rgba(255,203,5,.1) !important;
    }

    /* Gold bar on the left of each sub item (not a bullet next to text) */
    #mainmenu > li.submenu-open > ul > li > a:before,
    #mainmenu .bhq-subnav > li > a:before{
        content:"" !important;
        position:absolute !important;
        left:20px !important;
        top:50% !important;
        transform:translateY(-50%) !important;
        width:3px !important;
        height:28px !important;
        margin:0 !important;
        border-radius:2px !important;
        background:var(--bhq-gold) !important;
        opacity:.9 !important;
        display:block !important;
        flex:none !important;
    }

    /* Force title / subtitle onto separate lines */
    header.header-mobile #mainmenu > li.submenu-open > ul > li > a strong,
    #mainmenu > li.submenu-open > ul > li > a strong,
    #mainmenu .bhq-subnav > li > a strong{
        display:block !important;
        width:100% !important;
        float:none !important;
        font-size:15px !important;
        font-weight:700 !important;
        color:#fff !important;
        margin:0 !important;
        line-height:1.25 !important;
        white-space:normal !important;
    }

    header.header-mobile #mainmenu > li.submenu-open > ul > li > a span,
    #mainmenu > li.submenu-open > ul > li > a span,
    #mainmenu .bhq-subnav > li > a span{
        display:block !important;
        width:100% !important;
        float:none !important;
        font-size:12px !important;
        font-weight:500 !important;
        color:rgba(255,255,255,.5) !important;
        margin:0 !important;
        line-height:1.35 !important;
        white-space:normal !important;
    }

    header.header-mobile #mainmenu > li.submenu-open > ul > li > a:hover strong,
    #mainmenu > li.submenu-open > ul > li > a:active strong{
        color:var(--bhq-gold) !important;
    }

    body#homepage #section-hero-6{
        min-height:72vh !important;
    }

    /* Timeline → 2-col mobile layout */
    #section-history-bg,
    #section-history-bg.bhq-growth-section{
        padding:48px 0 !important;
    }
    #section-history-bg .col-md-6{
        float:none !important;
        width:100% !important;
        display:block !important;
    }
    #section-history-bg .col-md-6:nth-child(2){
        display:none !important;
    }
    #section-history-bg .bg-black-60{
        background:rgba(0,0,0,.65) !important;
    }
    #section-history-bg .padding60{
        max-width:none !important;
        padding:0 24px !important;
    }
    #section-history-bg .timeline:before{
        left:17px !important;
        top:12px !important;
        bottom:12px !important;
    }
    #section-history-bg .tl-block{
        grid-template-columns:36px minmax(0,1fr) !important;
        grid-template-areas:"dot year" "dot card" !important;
        gap:6px 14px !important;
        margin-bottom:22px !important;
    }
    #section-history-bg .tl-time{
        grid-area:year !important;
        text-align:left !important;
        padding:0 !important;
    }
    #section-history-bg .tl-time h3{
        font-size:20px !important;
    }
    #section-history-bg .tl-bar{
        grid-area:dot !important;
        padding-top:4px !important;
    }
    #section-history-bg .tl-message{
        grid-area:card !important;
    }
    #section-history-bg .tl-main{
        padding:18px !important;
        border-radius:14px !important;
        box-shadow:none !important;
    }
    #section-history-bg .tl-main h3{
        font-size:20px !important;
    }
    #section-history-bg .tl-main p{
        font-size:15px !important;
        line-height:1.6 !important;
        max-width:none !important;
    }
    #section-history-bg h2{
        margin:0 0 18px !important;
    }
    }

    .verticals-shell{
        width:calc(100% - 28px) !important;
    }

    .verticals-stage{
        height:auto !important;
        overflow:visible !important;
    }

    .verticals-carousel{
        display:block !important;
    }

    .vertical-card,
    .vertical-card.is-active{
        display:block !important;
        height:310px !important;
        margin-bottom:14px !important;
    }
}

/* Phone timeline tweaks */
@media (max-width:767px){
    #section-history-bg,
    #section-history-bg.bhq-growth-section{
        padding:32px 0 !important;
    }
    #section-history-bg .padding60{
        padding:0 16px !important;
    }
    #section-history-bg h2{
        margin:0 0 14px !important;
    }
    #section-history-bg h2 .tiny-border{
        width:70px !important;
        height:3px !important;
        margin:10px 0 0 !important;
    }
    #section-history-bg .timeline:before{
        left:14px !important;
    }
    #section-history-bg .tl-block{
        grid-template-columns:30px minmax(0,1fr) !important;
        gap:4px 10px !important;
        margin-bottom:18px !important;
    }
    #section-history-bg .tl-time h3{
        font-size:18px !important;
    }
    #section-history-bg .tl-line{
        width:15px !important;
        height:15px !important;
        box-shadow:0 0 0 5px rgba(255,203,5,.18) !important;
    }
    #section-history-bg .tl-main{
        padding:14px 16px !important;
        border-radius:12px !important;
    }
    #section-history-bg .tl-main h3{
        font-size:17px !important;
        margin:0 0 6px !important;
    }
    #section-history-bg .tl-main p{
        font-size:14px !important;
        line-height:1.55 !important;
    }

    .whatsapp-float{
        width:44px !important;
        height:44px !important;
        right:14px !important;
        bottom:18px !important;
        font-size:23px !important;
        z-index:9998 !important;
    }
    #back-to-top{
        display:none !important;
    }
}

/* Small phone */
@media (max-width:430px){
    #section-history-bg,
    #section-history-bg.bhq-growth-section{
        padding:24px 0 !important;
    }
    #section-history-bg .padding60{
        padding:0 12px !important;
    }
    #section-history-bg h2{
        margin:0 0 12px !important;
    }
    #section-history-bg .tl-block{
        grid-template-columns:24px minmax(0,1fr) !important;
        gap:3px 8px !important;
        margin-bottom:14px !important;
    }
    #section-history-bg .timeline:before{
        left:12px !important;
    }
    #section-history-bg .tl-time h3{
        font-size:16px !important;
    }
    #section-history-bg .tl-line{
        width:13px !important;
        height:13px !important;
        box-shadow:0 0 0 4px rgba(255,203,5,.16) !important;
    }
    #section-history-bg .tl-main{
        padding:12px 12px !important;
        border-radius:10px !important;
    }
    #section-history-bg .tl-main h3{
        font-size:15px !important;
        margin:0 0 4px !important;
    }
    #section-history-bg .tl-main p{
        font-size:13px !important;
        line-height:1.45 !important;
    }
}