/* 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;
}

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;
}

#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;
}

@media (min-width:993px){
    header{
        min-height:112px !important;
        height:auto !important;
        overflow:visible !important;
        background:linear-gradient(180deg,rgba(3,23,15,.78),rgba(3,23,15,.42)) !important;
        backdrop-filter:blur(10px);
    }

    header.smaller{
        min-height:92px !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;
    }

    header > .container > .row > .col-md-12{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:28px !important;
        min-height:96px !important;
        height:auto !important;
        overflow:visible !important;
    }

    header.smaller > .container > .row > .col-md-12{
        min-height:74px !important;
    }

    header div#logo{
        float:none !important;
        display:flex !important;
        align-items:center !important;
        min-width:170px !important;
        height:auto !important;
        padding:10px 0 !important;
        margin:0 !important;
    }

    header div#logo img.logo{
        display:block !important;
        width:184px !important;
        max-width:184px !important;
        max-height:82px !important;
        height:auto !important;
        object-fit:contain !important;
    }

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

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

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

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

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

    #mainmenu > li{
        float:none !important;
        display:block !important;
        position:relative !important;
        width:auto !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
    }

    #mainmenu > li > a{
        display:block !important;
        padding:18px 0 !important;
        color:#fff !important;
        font-size:15px !important;
        font-weight:600 !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
        text-shadow:0 6px 18px rgba(0,0,0,.28) !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 > ul{
        display:block !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
        position:absolute !important;
        top:100% !important;
        left:50% !important;
        transform:translate(-50%,10px) !important;
        width:230px !important;
        min-width:230px !important;
        margin:0 !important;
        padding:10px !important;
        background:rgba(24,26,31,.98) !important;
        border:1px solid rgba(255,255,255,.08) !important;
        border-radius:0 0 16px 16px !important;
        box-shadow:0 24px 50px rgba(0,0,0,.30) !important;
        z-index:10010 !important;
        transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    }

    #mainmenu > li:hover > ul,
    #mainmenu > li:focus-within > ul{
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
        transform:translate(-50%,0) !important;
    }

    #mainmenu > li > ul > li,
    #mainmenu > li > ul > li > a{
        display:block !important;
        width:100% !important;
    }

    #mainmenu > li > ul > li > a{
        padding:13px 16px !important;
        color:#fff !important;
        background:transparent !important;
        border-radius:10px !important;
        font-size:14px !important;
        text-align:left !important;
    }

    #mainmenu > li > ul > li > a:hover{
        background:var(--bhq-gold) !important;
        color:var(--bhq-ink) !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;
}

body#homepage #section-history-bg,
body#homepage #section-history-bg.bhq-growth-section{
    height:auto !important;
    min-height:760px !important;
    padding:70px 0 !important;
    overflow:hidden !important;
    background-color:#101216 !important;
    background-size:cover !important;
    background-position:center center !important;
}

body#homepage #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;
}

body#homepage #section-history-bg .container-fluid,
body#homepage #section-history-bg .row-fluid.table,
body#homepage #section-history-bg .row-fluid.table > div{
    height:auto !important;
    min-height:0 !important;
    position:relative !important;
    z-index:1 !important;
}

body#homepage #section-history-bg .bg-black-60{
    background:transparent !important;
}

body#homepage #section-history-bg .padding60{
    width:100% !important;
    max-width:900px !important;
    height:auto !important;
    padding:0 48px 0 72px !important;
}

body#homepage #section-history-bg,
body#homepage #section-history-bg *,
body#homepage #section-history-bg p,
body#homepage #section-history-bg span,
body#homepage #section-history-bg div{
    color:rgba(255,255,255,.92) !important;
}

body#homepage #section-history-bg h2,
body#homepage #section-history-bg h3,
body#homepage #section-history-bg h4,
body#homepage #section-history-bg .tl-time h3,
body#homepage #section-history-bg .tl-main h3{
    color:#fff !important;
}

body#homepage #section-history-bg h2{
    font-size:clamp(40px,5.2vw,74px) !important;
    line-height:.98 !important;
    letter-spacing:-.06em !important;
    margin:0 0 30px !important;
}

body#homepage #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;
}

body#homepage #section-history-bg .timeline{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
}

body#homepage #section-history-bg .timeline:before{
    left:156px !important;
    top:18px !important;
    bottom:20px !important;
    width:1px !important;
    background:rgba(255,255,255,.22) !important;
}

body#homepage #section-history-bg .tl-block{
    display:grid !important;
    grid-template-columns:118px 42px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:start !important;
    margin:0 0 22px !important;
}

body#homepage #section-history-bg .tl-time{
    width:auto !important;
    min-width:0 !important;
    background:transparent !important;
    border:0 !important;
    padding:4px 0 0 !important;
    text-align:right !important;
}

body#homepage #section-history-bg .tl-time h3{
    font-size:clamp(28px,3.1vw,45px) !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:-.05em !important;
    margin:0 !important;
}

body#homepage #section-history-bg .tl-bar{
    display:flex !important;
    justify-content:center !important;
    padding-top:12px !important;
    margin:0 !important;
    width:auto !important;
}

body#homepage #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;
}

body#homepage #section-history-bg .tl-message{
    width:100% !important;
    margin:0 !important;
}

body#homepage #section-history-bg .tl-icon{
    display:none !important;
}

body#homepage #section-history-bg .tl-main{
    width:100% !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;
}

body#homepage #section-history-bg .tl-main h3{
    font-size:clamp(22px,2vw,31px) !important;
    line-height:1.2 !important;
    font-weight:850 !important;
    margin:0 0 10px !important;
    text-transform:none !important;
}

body#homepage #section-history-bg .tl-main p{
    color:rgba(255,255,255,.82) !important;
    font-size:16px !important;
    line-height:1.7 !important;
    margin:0 !important;
    max-width:720px !important;
    display:block !important;
    overflow:visible !important;
}

body#homepage #section-history-bg .spacer-single,
body#homepage #section-history-bg .btn-line-white{
    display:none !important;
}

.bhq-footer,
footer{
    background:radial-gradient(circle at 18% 12%,rgba(255,203,5,.12),transparent 28%),linear-gradient(180deg,var(--bhq-green) 0%,var(--bhq-green-deep) 100%) !important;
}

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

footer a:hover,
.bhq-footer a:hover{
    color:var(--bhq-gold) !important;
}

@media (max-width:1199px){
    header{
        background:linear-gradient(180deg,var(--bhq-green),var(--bhq-green-deep)) !important;
        min-height:76px !important;
        height:auto !important;
    }

    header .info{
        display:none !important;
    }

    header > .container{
        width:100% !important;
        max-width:none !important;
        padding-left:22px !important;
        padding-right:22px !important;
    }

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

    header > .container > .row > .col-md-12{
        width:100% !important;
        min-height:76px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:18px !important;
        padding-left:0 !important;
        padding-right:0 !important;
        position:relative !important;
    }

    header div#logo{
        flex:0 0 auto !important;
        display:flex !important;
        align-items:center !important;
        height:auto !important;
        margin:0 !important;
        padding:8px 0 !important;
    }

    header div#logo img.logo{
        display:block !important;
        width:145px !important;
        max-width:145px !important;
        height:auto !important;
    }

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

    #menu-btn{
        flex:0 0 auto !important;
        display:block !important;
        position:absolute !important;
        right:22px !important;
        top:50% !important;
        transform:translateY(-50%) !important;
        margin:0 !important;
        color:#fff !important;
        z-index:10020 !important;
    }

    #mainmenu{
        background:var(--bhq-green-deep) !important;
    }

    header.header-mobile #mainmenu li ul,
    #mainmenu li ul{
        position:static !important;
        width:100% !important;
        opacity:1 !important;
        visibility:visible !important;
        transform:none !important;
        background:#111820 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        padding:0 !important;
    }

    #mainmenu a,
    #mainmenu li li a{
        color:#fff !important;
    }

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

    body#homepage #section-history-bg,
    body#homepage #section-history-bg.bhq-growth-section{
        min-height:0 !important;
        height:auto !important;
        padding:56px 0 !important;
        overflow:visible !important;
    }

    body#homepage #section-history-bg .padding60{
        max-width:none !important;
        padding:0 24px !important;
    }

    body#homepage #section-history-bg .timeline:before{
        left:17px !important;
        top:86px !important;
        bottom:12px !important;
    }

    body#homepage #section-history-bg .tl-block{
        grid-template-columns:34px minmax(0,1fr) !important;
        grid-template-areas:"dot year" "dot card" !important;
        gap:8px 14px !important;
        margin-bottom:24px !important;
    }

    body#homepage #section-history-bg .tl-time{
        grid-area:year !important;
        text-align:left !important;
        padding:0 !important;
    }

    body#homepage #section-history-bg .tl-bar{
        grid-area:dot !important;
        padding-top:6px !important;
    }

    body#homepage #section-history-bg .tl-message{
        grid-area:card !important;
    }

    body#homepage #section-history-bg .tl-main{
        padding:18px !important;
        border-radius:14px !important;
    }

    body#homepage #section-history-bg .tl-main p{
        font-size:15px !important;
        line-height:1.6 !important;
    }

    .bhq-about-row,
    .bhq-stats-grid{
        display:block !important;
    }

    .bhq-stat-card{
        margin-bottom:16px !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;
    }
}

@media (max-width:575px){
    body#homepage #section-history-bg,
    body#homepage #section-history-bg.bhq-growth-section{
        min-height:calc(100svh - 76px) !important;
        max-height:calc(100svh - 76px) !important;
        padding:24px 0 18px !important;
        overflow:hidden !important;
    }

    body#homepage #section-history-bg .container-fluid,
    body#homepage #section-history-bg .row-fluid.table,
    body#homepage #section-history-bg .row-fluid.table > div,
    body#homepage #section-history-bg .bg-black-60,
    body#homepage #section-history-bg .padding60{
        height:100% !important;
        min-height:0 !important;
        overflow:hidden !important;
    }

    body#homepage #section-history-bg .padding60{
        padding:0 14px !important;
    }

    body#homepage #section-history-bg h2{
        font-size:30px !important;
        line-height:1 !important;
        margin:0 0 12px !important;
        letter-spacing:-.045em !important;
    }

    body#homepage #section-history-bg h2 .tiny-border{
        width:74px !important;
        height:3px !important;
        margin:9px 0 0 !important;
    }

    body#homepage #section-history-bg .timeline{
        height:calc(100% - 54px) !important;
        overflow:hidden !important;
    }

    body#homepage #section-history-bg .timeline:before{
        left:13px !important;
        top:34px !important;
        bottom:8px !important;
    }

    body#homepage #section-history-bg .tl-block{
        grid-template-columns:26px minmax(0,1fr) !important;
        gap:3px 8px !important;
        margin-bottom:8px !important;
    }

    body#homepage #section-history-bg .tl-time h3{
        font-size:20px !important;
        line-height:1 !important;
    }

    body#homepage #section-history-bg .tl-bar{
        padding-top:2px !important;
    }

    body#homepage #section-history-bg .tl-line{
        width:13px !important;
        height:13px !important;
        box-shadow:0 0 0 5px rgba(255,203,5,.18) !important;
    }

    body#homepage #section-history-bg .tl-main{
        padding:9px 10px !important;
        border-radius:10px !important;
    }

    body#homepage #section-history-bg .tl-main h3{
        font-size:15px !important;
        line-height:1.16 !important;
        margin:0 0 4px !important;
    }

    body#homepage #section-history-bg .tl-main p{
        font-size:11px !important;
        line-height:1.34 !important;
        display:-webkit-box !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;
        overflow:hidden !important;
    }

    body#homepage #section-history-bg .tl-block:nth-child(4) .tl-main p{
        -webkit-line-clamp:1 !important;
    }

    body#homepage #section-history-bg .tl-block:last-child{
        margin-bottom:0 !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;
    }
}

/* Final mobile timeline fit: keep the same system, make it phone-sized. */
@media (max-width:767px){
    html body#homepage #section-history-bg,
    html body#homepage #section-history-bg.bhq-growth-section,
    html body #section-history-bg.bhq-growth-section{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        padding:20px 0 16px !important;
        overflow:visible !important;
    }

    html body#homepage #section-history-bg .container-fluid,
    html body#homepage #section-history-bg .row-fluid,
    html body#homepage #section-history-bg .row-fluid.table,
    html body#homepage #section-history-bg .row-fluid.table > div,
    html body#homepage #section-history-bg .col-md-6,
    html body#homepage #section-history-bg .bg-black-60,
    html body#homepage #section-history-bg .padding60,
    html body#homepage #section-history-bg .timeline{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important;
    }

    html body#homepage #section-history-bg .col-md-6:nth-child(2){
        display:none !important;
    }

    html body#homepage #section-history-bg .padding60{
        width:100% !important;
        max-width:100% !important;
        padding:0 12px !important;
    }

    html body#homepage #section-history-bg h2{
        font-size:26px !important;
        line-height:1 !important;
        letter-spacing:-.045em !important;
        margin:0 0 10px !important;
    }

    html body#homepage #section-history-bg h2 .tiny-border{
        width:66px !important;
        height:3px !important;
        margin:8px 0 0 !important;
    }

    html body#homepage #section-history-bg .timeline{
        position:relative !important;
        padding:0 !important;
        margin:0 !important;
    }

    html body#homepage #section-history-bg .timeline:before{
        left:10px !important;
        top:23px !important;
        bottom:15px !important;
        width:1px !important;
    }

    html body#homepage #section-history-bg .tl-block{
        display:grid !important;
        grid-template-columns:20px minmax(0,1fr) !important;
        grid-template-areas:"dot year" "dot card" !important;
        gap:2px 8px !important;
        align-items:start !important;
        margin:0 0 8px !important;
    }

    html body#homepage #section-history-bg .tl-time{
        grid-area:year !important;
        width:auto !important;
        min-width:0 !important;
        padding:0 !important;
        text-align:left !important;
    }

    html body#homepage #section-history-bg .tl-time h3{
        font-size:18px !important;
        line-height:1 !important;
        letter-spacing:-.04em !important;
        margin:0 !important;
    }

    html body#homepage #section-history-bg .tl-bar{
        grid-area:dot !important;
        display:flex !important;
        justify-content:center !important;
        width:auto !important;
        padding:2px 0 0 !important;
        margin:0 !important;
    }

    html body#homepage #section-history-bg .tl-line{
        width:11px !important;
        height:11px !important;
        box-shadow:0 0 0 4px rgba(255,203,5,.16) !important;
    }

    html body#homepage #section-history-bg .tl-message{
        grid-area:card !important;
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
    }

    html body#homepage #section-history-bg .tl-icon{
        display:none !important;
    }

    html body#homepage #section-history-bg .tl-main{
        width:100% !important;
        min-height:0 !important;
        padding:8px 10px !important;
        border-radius:10px !important;
        box-shadow:none !important;
    }

    html body#homepage #section-history-bg .tl-main h3{
        font-size:14px !important;
        line-height:1.12 !important;
        letter-spacing:-.025em !important;
        margin:0 0 3px !important;
    }

    html body#homepage #section-history-bg .tl-main p{
        font-size:10.5px !important;
        line-height:1.28 !important;
        margin:0 !important;
        max-width:none !important;
        display:-webkit-box !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;
        overflow:hidden !important;
    }

    html body#homepage #section-history-bg .tl-block:last-child{
        margin-bottom:0 !important;
    }

    html body#homepage #section-history-bg .btn,
    html body#homepage #section-history-bg .spacer-single{
        display:none !important;
    }

    .whatsapp-float{
        width:42px !important;
        height:42px !important;
        right:12px !important;
        bottom:14px !important;
        font-size:22px !important;
    }

    #back-to-top{
        display:none !important;
    }
}

@media (max-width:430px){
    html body#homepage #section-history-bg,
    html body#homepage #section-history-bg.bhq-growth-section,
    html body #section-history-bg.bhq-growth-section{
        padding:16px 0 12px !important;
    }

    html body#homepage #section-history-bg .padding60{
        padding:0 10px !important;
    }

    html body#homepage #section-history-bg h2{
        font-size:23px !important;
        margin-bottom:8px !important;
    }

    html body#homepage #section-history-bg .tl-block{
        grid-template-columns:18px minmax(0,1fr) !important;
        gap:1px 7px !important;
        margin-bottom:6px !important;
    }

    html body#homepage #section-history-bg .timeline:before{
        left:9px !important;
        top:21px !important;
        bottom:12px !important;
    }

    html body#homepage #section-history-bg .tl-time h3{
        font-size:16px !important;
    }

    html body#homepage #section-history-bg .tl-line{
        width:10px !important;
        height:10px !important;
        box-shadow:0 0 0 3px rgba(255,203,5,.16) !important;
    }

    html body#homepage #section-history-bg .tl-main{
        padding:7px 8px !important;
        border-radius:9px !important;
    }

    html body#homepage #section-history-bg .tl-main h3{
        font-size:12.5px !important;
    }

    html body#homepage #section-history-bg .tl-main p{
        font-size:9.5px !important;
        line-height:1.22 !important;
    }
}