.video-block .video-box{
    width: 100% !important;
    max-width: 1240px !important;
    margin: 42px auto 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
}

.video-block .video-box video{
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 16px !important;
}
.video-block .video-box{
    max-width: 1500px !important;
}
.video-block .video-box{
    aspect-ratio: 16 / 9 !important;
}

.video-block .video-box video{
    height: 100% !important;
    object-fit: cover !important;
}
@media (min-width: 1400px){

    #menuToggle,
    #menuToggle.menu-toggle,
    button#menuToggle.menu-toggle{
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

}
.site-header{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 100 !important;
}
.site-header,
.site-header *,
.site-header::before,
.site-header::after,
.header-inner,
.header-inner::before,
.header-inner::after{
    background-color: #0c5c49 !important;
}
@media (max-width: 768px){

    .offices-visual{
        height: 360px !important;
        min-height: 360px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;

        background-size: 180% auto !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .offices-visual img{
        width: 120% !important;
        max-width: none !important;
        margin-left: -10% !important;
        margin-top: -20px !important;
        position: relative !important;
        z-index: 2 !important;
    }
}
@media (max-width: 768px){

    .offices-visual img{
        margin-left: 5% !important;
    }

}
.fake-map{
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.fake-map img{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}
.fake-map{
    width: 100% !important;
    height: auto !important;
}

.fake-map iframe{
    width: 100% !important;
    min-height: 250px !important;
    display: block !important;
}
.site-header{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent !important;
}

.header-inner{
    background: transparent !important;
}
.brand,
.main-nav,
.header-actions{
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
.main-nav a{
    background: transparent !important;
    background-color: transparent !important;
}

.site-header .brand,
.site-header a.brand,
.site-header .brand-logo,
.site-header .brand img{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}
.phone-link,
.phone-text,
.phone-text small,
.phone-text span{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.phone-icon{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.phone-icon svg{
    background: transparent !important;
    background-color: transparent !important;
}
.round-btn{
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid rgba(255,255,255,.35) !important;
    color: #fff !important;
    transition: all .3s ease !important;
}

.round-btn:hover{
    background: #0c5c49 !important;
    border-color: #0c5c49 !important;
    color: #fff !important;
}

.round-btn:hover svg{
    color: #fff !important;
}
.round-btn,
.round-btn svg{
    background: transparent !important;
    background-color: transparent !important;
}

.round-btn svg{
    display:block !important;
}

.round-btn svg circle,
.round-btn svg path{
    fill: transparent !important;
}
@media (max-width: 1024px){

    .main-nav.active{
        background: #0c5c49 !important;
        background-color: #0c5c49 !important;

        padding: 20px !important;
        border-radius: 16px !important;

        box-shadow: 0 20px 40px rgba(0,0,0,.25) !important;
    }

    .main-nav.active a{
        color: #fff !important;
        background: transparent !important;
        display: block !important;
        padding: 12px 0 !important;
    }

}
.hero{
    position: relative !important;
    overflow: hidden !important;
    background-image: none !important;
    background: none !important;
}

.hero-slide{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 1s ease !important;

    z-index: 0 !important;
}

.hero-slide.active{
    opacity: 1 !important;
    visibility: visible !important;
}

.hero-overlay{
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
}

.hero-content,
.scroll-down{
    position: relative !important;
    z-index: 2 !important;
}
@media (max-width: 768px){

    .scroll-down{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 56px !important;
        height: 56px !important;

        background: #fff !important;
        color: #0c5c49 !important;

        border-radius: 50% !important;

        position: absolute !important;
        left: 50% !important;
        bottom: 10px !important;

        transform: translateX(-50%) !important;

        z-index: 99999 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

}
.hero-slide{
    position: absolute !important;
    inset: 0 !important;

    background-size: cover !important;
    background-position: center !important;

    opacity: 0 !important;
    transform: translateY(-100%) !important;

    transition:
        transform 1.3s cubic-bezier(.77,0,.18,1),
        opacity .8s ease !important;
}

.hero-slide.active{
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.hero-slide{
    z-index: 1;
}

.hero-slide.active{
    z-index: 2;
}
.hero-slide{
    position:absolute !important;
    inset:0 !important;

    background-size:cover !important;
    background-position:center !important;

    transform:translateY(-100%) !important;
    opacity:1 !important;

    transition:transform .6s ease-in-out !important;

    z-index:1 !important;
}

.hero-slide.active{
    transform:translateY(0) !important;
    z-index:2 !important;
}
.hero{
    background:#071c18 !important;
}
.video-box{
    max-width:1450px !important;
    width:95% !important;
}

.video-box video{
    width:100% !important;
    height:450px !important;
    max-height:450px !important;
    object-fit:cover !important;
}
.video-box{
    height:450px !important;
    overflow:hidden !important;
}

.video-box video{
    width:100% !important;
    height:450px !important;
    object-fit:cover !important;
}

.hero-overlay{
    position:absolute !important;
    inset:0 !important;
    z-index:3 !important;
    pointer-events:none !important;

    background:linear-gradient(
        90deg,
        rgba(0,0,0,.78) 0%,
        rgba(0,0,0,.60) 25%,
        rgba(0,0,0,.35) 45%,
        rgba(0,0,0,.10) 60%,
        rgba(0,0,0,0) 75%
    ) !important;
}
.hero-content{
    position:relative !important;
    z-index:4 !important;
}

.scroll-down{
    z-index:5 !important;
}
.coming-soon-link{
    color:#9ca3af !important;
    text-decoration:none !important;
    cursor:default !important;
    pointer-events:none !important;
    opacity:.8;
    transition:.3s;
}

.coming-soon-link:hover{
    color:#9ca3af !important;
}
.contact-cta h2{
    font-size:52px !important;
    line-height:1.05 !important;
    font-weight:450 !important;
}
.more-card h3{
    font-size:22px !important;
    font-weight:500 !important;
}
.more-section{
    position:relative;
    overflow:hidden;
}

.more-grid{
    position:relative;
    z-index:1;

    background:url('assets/img/BBH_Landing Background.jpg') repeat;
    background-size:contain;

    padding:60px 0;
}
@media (min-width:769px){

    .testimonials-grid{
        display:grid !important;
        grid-template-columns:repeat(3,1fr) !important;
        gap:24px !important;
    }

    .testimonials-grid .testimonial-card{
        display:flex !important;
        flex-direction:column !important;
    }

    .testimonials-grid .testimonial-card:nth-child(n+4){
        display:none !important;
    }

    .testimonials-grid.show-second .testimonial-card{
        display:none !important;
    }

    .testimonials-grid.show-second .testimonial-card:nth-child(n+4){
        display:flex !important;
        flex-direction:column !important;
    }
}
@media(min-width:769px){

    .testimonial-card{
        transition:
            opacity .55s ease,
            transform .55s ease !important;
    }

    .testimonials-grid .testimonial-card{
        opacity:0;
        transform:translateY(30px);
    }

    .testimonials-grid .testimonial-card:nth-child(-n+3){
        opacity:1;
        transform:translateY(0);
    }

    .testimonials-grid.show-second .testimonial-card{
        opacity:0;
        transform:translateY(30px);
    }

    .testimonials-grid.show-second .testimonial-card:nth-child(n+4):nth-child(-n+6){
        opacity:1;
        transform:translateY(0);
    }
}
.video-block h2{
    font-size:64px !important;
    line-height:1.05 !important;
    font-weight:500 !important;
    letter-spacing:-2px !important;
    margin:20px 0 16px !important;
    color:#111 !important;
}

.video-block h2 em{
    font-style:normal !important;
    color:#0c5c49 !important;
}
.contact-cta{
    position:relative;
    overflow:hidden;

    background:url('assets/img/BBH_Footer.jpg') center center no-repeat;
    background-size:100% 100%;
}

.contact-cta .container{
    position:relative;
    z-index:2;
}
.contact-cta::before,
.contact-cta::after{
    display:none !important;
}
@media (max-width:768px){

    .hero-content h1{
        font-size: clamp(52px, 12vw, 72px) !important;
        line-height: .95 !important;
        letter-spacing: -2px !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

}
.testimonial-logo{
    flex-shrink:0;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
}

.testimonial-logo img{
    height:26px !important;
    width:auto !important;
    max-width:120px !important;

    opacity:.95;
    filter:
        brightness(0)
        saturate(100%);

    transition:.3s ease;
}
.testimonial-footer{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-end !important;
    gap:20px !important;
}

.testimonial-logo{
    flex-shrink:0 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-end !important;
}

.testimonial-logo img{
    height:24px !important;
    width:auto !important;
    max-width:120px !important;
    display:block !important;

    filter:grayscale(100%) brightness(0) !important;
    opacity:.85 !important;
}

@media (max-width:768px){

    .testimonial-footer{
        display:flex !important;
        justify-content:space-between !important;
        align-items:flex-end !important;
        gap:12px !important;
    }

    .testimonial-logo{
        margin-left:10px !important;
    }

    .testimonial-logo img{
       height:16px !important;
        max-width:90px !important;
    }

}