/* =========================================================
   ROOT
========================================================= */

:root{
    --gold:#ffd21c;
    --black:#0b0c0c;
    --black-soft:#111313;

    --green:#08783f;
    --green-light:#75d59b;

    --white:#ffffff;

    --light:#f4f5f3;

    --text:#151817;

    --muted:#6c746f;

    --border:#dfe3df;

    --heading:"Manrope",sans-serif;

    --body:"DM Sans",sans-serif;

    --container:1380px;

    --header-height:82px;

}


/* =========================================================
   RESET
========================================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    margin:0;

    font-family:var(--body);

    color:var(--text);

    background:#fff;

    overflow-x:hidden;

}

img{
    display:block;
    max-width:100%;
}

a{
    text-decoration:none;
    color:inherit;
}

button,
input,
textarea,
select{
    font-family:inherit;
}


/* =========================================================
   COMMON
========================================================= */

.container{

    width:min(
        var(--container),
        calc(100% - 80px)
    );

    margin:auto;

}

.section{

    padding:120px 0;

}

.kicker{

    color:var(--gold);

    font-size:11px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:22px;

}

.section-title{

    font-family:var(--heading);

    font-size:clamp(
        42px,
        5vw,
        72px
    );

    line-height:1;

    letter-spacing:-3px;

    font-weight:800;

}

.section-text{

    color:var(--muted);

    font-size:17px;

    line-height:1.8;

}


/* =========================================================
   HEADER
========================================================= */

.site-header{

    position:absolute;

    top:0;
    left:0;
    right:0;

    height:var(--header-height);

    z-index:1000;

    background:#0b0c0c;

}

.header-inner{

    height:100%;

    display:flex;

    align-items:stretch;

}


/* =========================================================
   LOGO
========================================================= */

.logo-box{

    width:216px;

    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:10px 20px;

    flex-shrink:0;

}


/*
   Actual logo image.
   If image does not exist, JS below automatically
   shows the text fallback.
*/

.logo-image{

    max-width:175px;

    max-height:72px;

    width:auto;

    height:auto;

    object-fit:contain;

}


/* LOGO FALLBACK */

.logo-fallback{

    display:none;

    font-family:var(--heading);

    font-size:22px;

    font-weight:800;

    letter-spacing:-1px;

    color:#111;

    white-space:nowrap;

}


/* =========================================================
   NAVIGATION
========================================================= */

.main-navigation{

    flex:1;

    display:flex;

    align-items:center;

    justify-content:flex-end;

}

.main-navigation ul{

    list-style:none;

    display:flex;

    align-items:center;

    height:100%;

}

.main-navigation li{

    height:100%;

}

.main-navigation a{

    height:100%;

    display:flex;

    align-items:center;

    padding:0 17px;

    color:#fff;

    font-size:14px;

    font-weight:600;

    white-space:nowrap;

    transition:.25s ease;

}

.main-navigation a:hover{

    color:var(--green-light);

}


/* =========================================================
   HEADER RIGHT
========================================================= */

.header-right{

    display:flex;

    align-items:center;

}

.header-right a{

    height:100%;

    display:flex;

    align-items:center;

    padding:0 16px;

    color:#fff;

    font-size:14px;

    font-weight:600;

    white-space:nowrap;

}

.header-right a:hover{

    color:var(--green-light);

}


/* SEARCH */

.search-button{

    width:60px;

    height:100%;

    border:0;

    border-left:1px solid rgba(
        255,
        255,
        255,
        .12
    );

    background:transparent;

    color:#fff;

    cursor:pointer;

    display:grid;

    place-items:center;

}

.search-button svg{

    width:21px;

}


/* MOBILE BUTTON */

.mobile-toggle{

    display:none;

    width:58px;

    height:100%;

    border:0;

    background:transparent;

    cursor:pointer;

}

.mobile-toggle span{

    display:block;

    width:24px;

    height:2px;

    background:#fff;

    margin:5px auto;

}


/* =========================================================
   HERO
========================================================= */

.hero{

    position:relative;

    width:100%;

    height:100vh;

    min-height:700px;

    overflow:hidden;

    background:#111;

}


/* =========================================================
   BACKGROUND VIDEO
========================================================= */

.hero-video-wrap{

    position:absolute;

    inset:0;

    z-index:1;

    overflow:hidden;

    background:#111;

}


/*
   IMPORTANT:
   Video remains SAME for every slide.
   Therefore slider never switches to a black iframe
   or an image.
*/

.hero-video{

    position:absolute;

    top:50%;

    left:50%;

    width:100%;

    height:100%;

    object-fit:cover;

    transform:translate(
        -50%,
        -50%
    );

}


/* VIDEO DARK OVERLAY */

.hero-video-wrap::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.25),
            rgba(0,0,0,.05) 65%,
            rgba(0,0,0,.25)
        );

}


/* =========================================================
   HERO SLIDER
========================================================= */

.hero-slider{

    position:absolute;

    inset:0;

    z-index:5;

}


/* =========================================================
   HERO CONTENT SLIDE
========================================================= */

.hero-slide{

    position:absolute;

    inset:0;

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:
        opacity .65s ease,
        visibility .65s ease;

}

.hero-slide.active{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

}

.hero-slide .hero-panel{
    transform:translateX(-18px);
    opacity:0;
    transition:
        transform .7s cubic-bezier(.22,.61,.36,1),
        opacity .55s ease;
}

.hero-slide.active .hero-panel{
    transform:translateX(0);
    opacity:1;
}

@media(max-width:600px){

    .hero-slide .hero-panel{
        transform:translateY(18px);
    }

    .hero-slide.active .hero-panel{
        transform:translateY(0);
    }

}


/* =========================================================
   LEFT BLACK PANEL
========================================================= */

.hero-panel{

    position:absolute;

    top: 102px ;

    bottom:0;

    left:max(
        0px,
        calc(
            (100vw - var(--container)) / 2
        )
    );

    width:510px;

    background:#111212;

    color:#fff;

    padding:

        75px

        55px

        105px

        32px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    overflow:hidden;

}

.hero-panel h1,
.hero-panel p,
.hero-panel .hero-button{
    flex-shrink:0;
}


/* =========================================================
   SMALL TITLE
========================================================= */

.hero-label{

    display:flex;

    align-items:center;

    gap:12px;

    color: var(--gold);

    font-size:11px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:28px;

}

.hero-label::before{

    content:"";

    width:32px;

    height:2px;

    background: var(--gold);

}


/* =========================================================
   HERO HEADING
========================================================= */

.hero-panel h1 {
    font-family: var(--heading);
    font-size: 40px;
    line-height: .99;
    letter-spacing: -3px;
    font-weight: 800;
    margin-bottom: 28px;
    max-width: 460px;
}


/* =========================================================
   HERO DESCRIPTION
========================================================= */

.hero-panel p{

    max-width:410px;

    color:#e2e6e4;

    font-size:16px;

    line-height:1.72;

    margin-bottom:36px;

}


/* =========================================================
   HERO CTA
========================================================= */

.hero-button{

    display:inline-flex;
    text-decoration: none;
    align-items:center;

    justify-content:center;

    width:max-content;

    min-width:190px;

    height:50px;

    padding:0 24px;

    background: var(--gold);

    color:#111;

    font-size:12px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:.3s ease;

}

.hero-button:hover{

    background:var(--border);

    color: var(--gold);

}


/* =========================================================
   HERO ARROWS
========================================================= */

.hero-controls{

    position:absolute;

    z-index:20;

    left:max(
        32px,
        calc(
            (100vw - var(--container)) / 2 + 32px
        )
    );

    bottom:22px;

    display:flex;

    gap:12px;

}

.hero-arrow{

    width:54px;

    height:54px;

    border:1px solid rgba(
        255,
        255,
        255,
        .7
    );

    background:transparent;

    color:#fff;

    cursor:pointer;

    display:grid;

    place-items:center;

    transition:.25s ease;

}

.hero-arrow:hover{

    background:#fff;

    color:#111;

}

.hero-arrow svg{

    width:19px;

}


/* =========================================================
   DOTS
========================================================= */

.hero-dots{

    position:absolute;

    z-index:20;

    left:50%;

    bottom:29px;

    transform:translateX(-50%);

    display:flex;

    align-items:center;

    gap:10px;

}

.hero-dot{

    width:8px;

    height:8px;

    border:0;

    padding:0;

    border-radius:50%;

    background:rgba(
        255,
        255,
        255,
        .45
    );

    cursor:pointer;

    transition:.3s ease;

}

.hero-dot.active{

    width:28px;

    border-radius:20px;

    background:#fff;

}


/* =========================================================
   COUNTER
========================================================= */

.hero-counter{

    position:absolute;

    z-index:20;

    right:max(
        32px,
        calc(
            (100vw - var(--container)) / 2 + 32px
        )
    );

    bottom:30px;

    color:#fff;

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

}

.hero-counter strong{

    font-size:20px;

}


/* =========================================================
   INTRO
========================================================= */

.intro{

    padding:125px 0;

}

.intro-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:100px;

    align-items:end;

}

.intro h2{

    font-family:var(--heading);

    font-size:clamp(
        44px,
        5vw,
        72px
    );

    line-height:1;

    letter-spacing:-3px;

    max-width:700px;

}

.intro-copy{

    color:var(--muted);

    font-size:18px;

    line-height:1.8;

}

.intro-copy p + p{

    margin-top:20px;

}

.text-link{

    display:inline-flex;

    align-items:center;

    gap:14px;

    margin-top:28px;

    font-size:14px;

    font-weight:700;

}

.text-link span{

    width:40px;

    height:40px;

    border:1px solid #c7ccc9;

    display:grid;

    place-items:center;

    transition:.25s ease;

}

.text-link:hover span{

    background:var(--green);

    color:#fff;

    border-color:var(--green);

}


/* =========================================================
   RISK BAR
========================================================= */
.risk-bar {
    background: #e7ebff;
    color: #000000;
}

.risk-grid{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

}

.risk-card{

    padding:46px 35px;

    border-right:
        1px solid
        rgba(0, 0, 0, 0.12);

}

.risk-card:last-child{

    border-right:0;

}

.risk-number{

    color:#7e8984;

    font-size:12px;

    margin-bottom:24px;

}

.risk-card h3{

    font-family:var(--heading);

    font-size:25px;

    margin-bottom:12px;

}





.risk-card p{

    color:#070707;

    font-size:14px;

    line-height:1.7;

}


/* =========================================================
   SOLUTIONS
========================================================= */

.solutions{

    background:#f4f5f3;

}

.section-heading-row{

    display:grid;

    grid-template-columns:
        1.1fr
        .9fr;

    gap:80px;

    align-items:end;

    margin-bottom:65px;

}

.section-heading-copy{

    max-width:510px;

}

.solution-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    border-top:
        1px solid
        var(--border);

    border-left:
        1px solid
        var(--border);

}

.solution-card{

    position:relative;

    min-height:370px;

    padding:42px;

    border-right:
        1px solid
        var(--border);

    border-bottom:
        1px solid
        var(--border);

    transition:.3s ease;

}

.solution-card:hover{

    background:#fff;

}

.solution-icon{

    width:50px;

    height:50px;

    border:1px solid #c6ccc8;

    display:grid;

    place-items:center;

    margin-bottom:65px;

}

.solution-icon svg{

    width:23px;

    stroke:var(--green);

}

.solution-card h3{

    font-family:var(--heading);

    font-size:26px;

    margin-bottom:14px;

}

.solution-card p{

    color:#707874;

    font-size:14px;

    line-height:1.7;

}

.solution-arrow{

    position:absolute;

    right:32px;

    bottom:28px;

    font-size:22px;

}


/* =========================================================
   MEDICAL FEATURE
========================================================= */

.medical-feature{

    display:grid;

    grid-template-columns:1fr 1fr;

    min-height:720px;

}

.medical-image{

    overflow:hidden;

}

.medical-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.medical-content{

    background:#111313;

    color:#fff;

    padding:
        90px
        8vw;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.medical-content h2{

    font-family:var(--heading);

    font-size:clamp(
        44px,
        4.5vw,
        68px
    );

    line-height:1;

    letter-spacing:-3px;

    margin-bottom:28px;

}

.medical-content > p{

    color:#b9c1bd;

    max-width:570px;

    line-height:1.8;

    font-size:16px;

}

.medical-list{

    display:grid;

    grid-template-columns:1fr 1fr;

    margin-top:35px;

    border-top:
        1px solid
        rgba(255,255,255,.14);

}

.medical-list div{

    padding:14px 10px 14px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.1);

    color:#e6e9e7;

    font-size:13px;

}
section.se {
    padding-top: 85px !important;
}
/* 
.medical-list div::before{

    content:"✓";

    color: var(--gold);

    margin-right:9px;

} */
 .lc-project-body h3 {
    color: white;
}

section.company-why h2 {
    color: black;
}
/* =========================================================
   MEDICAL JOURNEY
========================================================= */

.journey{

    background:#fff;

}

.journey-grid{

    display:grid;

    grid-template-columns:
        repeat(5,1fr);

    border-top:
        1px solid
        var(--border);

    border-left:
        1px solid
        var(--border);

}

.journey-card{

    min-height:245px;

    padding:30px 25px;

    border-right:
        1px solid
        var(--border);

    border-bottom:
        1px solid
        var(--border);

}

.journey-number{

    color:var(--green);

    font-size:11px;

    font-weight:800;

    letter-spacing:1px;

    margin-bottom:38px;

}

.journey-card h3{

    font-family:var(--heading);

    font-size:19px;

    line-height:1.3;

    margin-bottom:12px;

}

.journey-card p{

    color:#707874;

    font-size:13px;

    line-height:1.65;

}


/* =========================================================
   INDUSTRIES
========================================================= */

.industries{

    background:#111313;

    color:#fff;

}

.industry-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:2px;

    background:#252a27;

}

.industry{

    position:relative;

    height:390px;

    overflow:hidden;

}

.industry img{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s ease;

}

.industry::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            0deg,
            rgba(0,0,0,.85),
            rgba(0,0,0,.05)
        );

}

.industry:hover img{

    transform:scale(1.06);

}

.industry-content{

    position:absolute;

    z-index:2;

    left:40px;

    right:40px;

    bottom:35px;

}

.industry-content h3{

    font-family:var(--heading);

    font-size:31px;

    margin-bottom:8px;

}

.industry-content p{

    color:#d0d5d2;

    max-width:520px;

    line-height:1.6;

}


/* =========================================================
   INTERNATIONAL
========================================================= */

.international{

    background:#f1f3f0;

}

.international-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:100px;

    align-items:center;

}

.international-image{

    height:620px;

}

.international-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.international-content h2{

    font-family:var(--heading);

    font-size:clamp(
        44px,
        5vw,
        70px
    );

    line-height:1;

    letter-spacing:-3px;

    margin-bottom:28px;

}

.international-content > p{

    color:var(--muted);

    font-size:17px;

    line-height:1.8;

}

.process-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:2px;

    margin-top:35px;

    background:#dce0dc;

}

.process-card{

    background:#fff;

    padding:25px;

}

.process-card strong{

    display:block;

    font-family:var(--heading);

    margin-bottom:7px;

}

.process-card span{

    color:#717974;

    font-size:13px;

    line-height:1.5;

}


/* =========================================================
   PROJECTS
========================================================= */

.projects{

    background:#f4f5f3;

}

.project-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:25px;

}

.project-card{

    background:#fff;

    overflow:hidden;

}

.project-image{

    height:310px;

    overflow:hidden;

}

.project-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s ease;

}

.project-card:hover
.project-image img{

    transform:scale(1.06);

}

.project-content{

    padding:30px;

}

.project-tag{

    color:var(--green);

    font-size:10px;

    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;

    margin-bottom:14px;

}

.project-content h3{

    font-family:var(--heading);

    font-size:25px;

    margin-bottom:12px;

}

.project-content p{

    color:#737a76;

    font-size:14px;

    line-height:1.7;

}


/* =========================================================
   ENVIRONMENT
========================================================= */

.environment{

    background:#0f1712;

    color:#fff;

}

.environment-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:100px;

    align-items:center;

}

.environment h2{

    font-family:var(--heading);

    font-size:clamp(
        44px,
        5vw,
        70px
    );

    line-height:1;

    letter-spacing:-3px;

    margin-bottom:28px;

}

.environment > .container p{

    color:#b3bcb7;

    font-size:16px;

    line-height:1.8;

}

.environment-items{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:1px;

    background:rgba(
        255,
        255,
        255,
        .12
    );

    margin-top:35px;

}

.environment-items div{

    background:#0f1712;

    padding:22px;

    font-size:14px;

    font-weight:600;

}

.environment-image{

    height:620px;

}

.environment-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}


/* =========================================================
   DELIVERY
========================================================= */

.delivery{

    background:#fff;

}

.delivery-grid{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    border-top:
        1px solid
        var(--border);

    border-left:
        1px solid
        var(--border);

}

.delivery-card{

    min-height:270px;

    padding:35px 30px;

    border-right:
        1px solid
        var(--border);

    border-bottom:
        1px solid
        var(--border);

}

.delivery-card span{

    display:block;

    color:var(--green);

    font-size:11px;

    font-weight:800;

    letter-spacing:1px;

    margin-bottom:45px;

}

.delivery-card h3{

    font-family:var(--heading);

    font-size:23px;

    margin-bottom:12px;

}

.delivery-card p{

    color:#717874;

    font-size:14px;

    line-height:1.7;

}


/* =========================================================
   WHY
========================================================= */

.why{

    background:#f4f5f3;

}

.why-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}

.why-card{

    background:#fff;

    padding:45px;

}

.why-card h3{

    font-family:var(--heading);

    font-size:27px;

    margin-bottom:14px;

}

.why-card p{

    color:#717874;

    font-size:15px;

    line-height:1.75;

}


/* =========================================================
   INSIGHTS
========================================================= */

.insights{

    background:#fff;

}

.insight-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:35px;

}

.insight-card{

    padding-top:25px;

    border-top:1px solid #171919;

}

.insight-tag{

    color:var(--green);

    font-size:10px;

    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;

}

.insight-card h3{

    font-family:var(--heading);

    font-size:25px;

    line-height:1.25;

    margin:18px 0;

}

.insight-card p{

    color:#717874;

    font-size:14px;

    line-height:1.7;

}


/* =========================================================
   CTA
========================================================= */

.final-cta{

    background:var(--green);

    color:#fff;

    padding:105px 0;

}

.cta-grid{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:60px;

}

.final-cta h2{

    font-family:var(--heading);

    font-size:clamp(
        46px,
        6vw,
        85px
    );

    line-height:.95;

    letter-spacing:-4px;

}

.final-cta p{

    color:#d4efdf;

    max-width:580px;

    margin-top:25px;

    line-height:1.7;

}

.cta-button{

    flex-shrink:0;

    background:#fff;

    color:#111;

    padding:19px 27px;

    font-size:12px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:.3s ease;

}

.cta-button:hover{

    background:#111313;

    color:#fff;

}


/* =========================================================
   CONTACT
========================================================= */

.contact{

    background:#111313;

    color:#fff;

}

.contact-grid{

    display:grid;

    grid-template-columns:
        .8fr
        1.2fr;

    gap:100px;

}

.contact h2{

    font-family:var(--heading);

    font-size:clamp(
        44px,
        5vw,
        70px
    );

    line-height:1;

    letter-spacing:-3px;

}

.contact-intro p{

    color:#aeb7b2;

    line-height:1.8;

    margin-top:25px;

    max-width:450px;

}

.contact-form{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}

.form-group{

    display:flex;

    flex-direction:column;

}

.form-group.full{

    grid-column:1/-1;

}

.form-group label{

    color:#aeb7b2;

    font-size:11px;

    margin-bottom:8px;

}

.form-group input,
.form-group select,
.form-group textarea{

    width:100%;

    background:#191d1b;

    color:#fff;

    border:1px solid rgba(
        255,
        255,
        255,
        .17
    );

    padding:16px;

    outline:none;

}

.form-group textarea{

    min-height:140px;

    resize:vertical;

}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    border-color:#65cf8d;

}

.form-submit{

    grid-column:1/-1;

}

.form-submit button{

    border:0;

    background:#fff;

    color:#111;

    padding:17px 30px;

    cursor:pointer;

    font-size:12px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:.3s ease;

}

.form-submit button:hover{

    background:var(--green);

    color:#fff;

}
/* header css new===========================================
============================================== */

    /* =========================================================
   HSSEQ GLOBAL HEADER
========================================================= */

.site-header {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 80px;

    z-index: 99999;

    background: #111111;
    color: #ffffff;

    transition: box-shadow .3s ease;
}

.site-header.scrolled {
    box-shadow: 0 8px 30px rgba(0,0,0,.18);
}


/* =========================================================
   HEADER INNER
========================================================= */

.header-inner {
    width: 100%;
    height: 80px;

    display: flex;
    align-items: stretch;

    padding-right: 30px;

    box-sizing: border-box;
}


/* =========================================================
   LOGO
========================================================= */

.logo-box {
    width: 217px;
    min-width: 217px;

    height: 80px;

    display: flex;
    align-items: center;
    justify-content: center;


    text-decoration: none;

    position: relative;
    z-index: 20;
}

.logo-image {
    width: auto;
    max-width: 145px;
    max-height: 72px;

    display: block;

    object-fit: contain;
}

.logo-fallback {
    display: none;

    color: #111111;

    font-size: 20px;
    font-weight: 800;
}


/* =========================================================
   MAIN NAV
========================================================= */

.main-navigation {
    height: 80px;

    display: flex;
    align-items: stretch;

    margin-left: 20px;
}

.main-navigation > ul {
    list-style: none;

    padding: 0;
    margin: 0;

    display: flex;
    align-items: stretch;
}

.main-navigation li {
    height: 80px;

    position: static;
}

.main-navigation li > a {
    position: relative;

    height: 80px;

    display: flex;
    align-items: center;

    gap: 7px;

    padding: 0 19px;

    color: #ffffff;

    text-decoration: none;

    font-size: 15px;
    font-weight: 500;

    white-space: nowrap;
}

.main-navigation li > a::after {

    content: "";

    position: absolute;

    left: 19px;
    right: 19px;

    bottom: 0;

    height: 4px;

    background: #999999;

    transform: scaleX(0);

    transition: transform .25s ease;
}

.main-navigation li:hover > a::after {
    transform: scaleX(1);
}


/* =========================================================
   CHEVRON
========================================================= */

.nav-chevron {

    width: 12px;
    height: 12px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    transition: transform .25s ease;
}

.nav-chevron svg {
    width: 12px;
    height: 12px;
}

.mega-parent:hover .nav-chevron {
    transform: rotate(180deg);
}


/* =========================================================
   RIGHT NAV
========================================================= */

.header-right {

    margin-left: auto;

    height: 80px;

    display: flex;

    align-items: center;

    gap: 28px;
}

.header-right a {

    color: #ffffff;

    text-decoration: none;

    font-size: 15px;

    font-weight: 500;

    white-space: nowrap;

    transition: opacity .2s ease;
}

.header-right a:hover {
    opacity: .65;
}


/* =========================================================
   SEARCH
========================================================= */

.search-button {

    width: 40px;
    height: 40px;

    padding: 0;

    border: 0;

    background: transparent;

    color: #ffffff;

    display: flex;

    align-items: center;
    justify-content: center;

    cursor: pointer;
}

.search-button svg {
    width: 22px;
    height: 22px;
}


/* =========================================================
   MEGA MENU
========================================================= */

.mega-menu {

    position: absolute;

    top: 80px;
    left: 0;

    width: 100vw;

    background: #ffffff;

    color: #111111;

    border-top: 1px solid #eeeeee;

    box-shadow:
        0 18px 40px rgba(0,0,0,.13);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: translateY(-8px);

    transition:
        opacity .22s ease,
        transform .22s ease,
        visibility .22s ease;

    box-sizing: border-box;
}


/* OPEN */

.mega-parent:hover > .mega-menu,
.mega-parent.menu-open > .mega-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateY(0);
}


/* =========================================================
   MEGA INNER
========================================================= */

.mega-menu-inner {

    width: 100%;

    max-width: 1440px;

    min-height: 470px;

    margin: 0 auto;

    padding: 0 40px;

    display: grid;

    grid-template-columns:
        27%
        48%
        25%;

    box-sizing: border-box;
}


/* =========================================================
   LEFT COLUMN
========================================================= */

.mega-left {

    min-width: 0;

    padding: 45px 28px 40px 0;

    border-right: 1px solid #dddddd;

    box-sizing: border-box;
}

.mega-heading-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding-bottom: 21px;

    border-bottom: 1px solid #d6d6d6;
}

.mega-heading-row h3 {

    margin: 0;

    font-size: 25px;

    line-height: 1.2;

    font-weight: 600;
}

.mega-heading-row a {

    color: #111111;

    text-decoration: none;

    font-size: 13px;

    white-space: nowrap;
}

.mega-heading-row a span {

    font-size: 18px;

    margin-left: 4px;
}


/* =========================================================
   CATEGORY
========================================================= */

.mega-category {

    width: 100%;

    min-height: 48px;

    padding: 0 15px;

    border: 0;

    border-bottom: 1px solid #dddddd;

    background: transparent;

    color: #222222;

    font-family: inherit;

    font-size: 14px;

    font-weight: 600;

    display: flex;

    align-items: center;

    justify-content: space-between;

    text-align: left;

    cursor: pointer;

    transition:
        background .2s ease,
        padding .2s ease;
}

.mega-category:hover,
.mega-category.active {

    background: #f4f4f4;
}

.mega-category:hover {

    padding-left: 21px;
}

.mega-category b {

    font-size: 25px;

    line-height: 1;

    font-weight: 300;
}


/* =========================================================
   MIDDLE
========================================================= */

.mega-middle {

    min-width: 0;

    padding: 45px 38px 40px;

    overflow: hidden;

    box-sizing: border-box;
}

.mega-panel {
    display: none;
}

.mega-panel.active {

    display: block;

    animation:
        megaFade .22s ease;
}

@keyframes megaFade {

    from {
        opacity: 0;
        transform: translateX(6px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}


/* =========================================================
   PANEL TITLE
========================================================= */

.mega-panel-title {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding-bottom: 22px;

    border-bottom: 1px solid #d6d6d6;
}

.mega-panel-title h3 {

    margin: 0;

    font-size: 25px;

    font-weight: 600;
}

.mega-panel-title a {

    color: #111111;

    text-decoration: none;

    font-size: 13px;

    white-space: nowrap;
}

.mega-panel-title a span {

    font-size: 18px;

    margin-left: 4px;
}


/* =========================================================
   INDUSTRY CONTENT
========================================================= */

.mega-panel-content {

    width: 100%;

    padding-top: 16px;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    column-gap: 35px;
}

.mega-panel-content a {

    min-width: 0;

    min-height: 39px;

    display: flex;

    align-items: center;

    color: #111111;

    text-decoration: none;

    font-size: 14px;

    transition:
        transform .2s ease,
        opacity .2s ease;
}

.mega-panel-content a:hover {

    transform: translateX(4px);

    opacity: .65;
}


/* =========================================================
   FEATURED SOLUTIONS
========================================================= */

.mega-featured-solutions {

    margin-top: 28px;
}

.featured-title {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding-bottom: 13px;

    border-bottom: 1px solid #d6d6d6;
}

.featured-title h4 {

    margin: 0;

    font-size: 17px;

    font-weight: 600;
}

.featured-title a {

    color: #111111;

    text-decoration: none;

    font-size: 13px;
}

.featured-links {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    column-gap: 25px;
}

.featured-links a {

    color: #111111;

    text-decoration: none;

    font-size: 13px;

    padding: 8px 0;

    transition: transform .2s ease;
}

.featured-links a:hover {
    transform: translateX(4px);
}


/* =========================================================
   RIGHT
========================================================= */

.mega-right {

    min-width: 0;

    padding: 45px 0 40px 25px;

    display: flex;

    align-items: flex-start;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================================
   FEATURE CARD
========================================================= */

.mega-feature-card {

    width: 100%;

    max-width: 290px;

    display: block;

    margin: 0;

    overflow: hidden;

    border: 1px solid #d5d5d5;

    background: #ffffff;

    color: #111111;

    text-decoration: none;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.mega-feature-card:hover {

    transform: translateY(-4px);

    box-shadow:
        0 15px 35px rgba(0,0,0,.10);
}


/* =========================================================
   FEATURE IMAGE
========================================================= */

.mega-feature-image {

    width: 100%;

    height: 155px;

    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #0d333c,
            #236b63,
            #14203a
        );
}

.mega-feature-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}

.mega-image-fallback {

    position: absolute;

    inset: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: rgba(255,255,255,.8);

    font-size: 25px;

    font-weight: 800;

    letter-spacing: 2px;
}


/* =========================================================
   FEATURE CONTENT
========================================================= */

.mega-feature-content {

    padding: 24px 22px 27px;
}

.mega-feature-label {

    display: block;

    margin-bottom: 12px;

    color: #777777;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;
}

.mega-feature-content h4 {

    margin: 0 0 13px;

    font-size: 19px;

    line-height: 1.3;

    font-weight: 600;
}

.mega-feature-content p {

    margin: 0 0 18px;

    color: #555555;

    font-size: 13px;

    line-height: 1.6;
}

.mega-feature-link {

    color: #111111;

    font-size: 13px;

    font-weight: 600;
}


/* =========================================================
   SERVICES
========================================================= */

.mega-menu-services .mega-menu-inner {

    grid-template-columns:
        28%
        47%
        25%;
}

.mega-service-intro {

    padding-right: 28px;
}

.mega-intro-text {

    max-width: 330px;

    margin: 27px 0 30px;

    color: #555555;

    font-size: 15px;

    line-height: 1.7;
}

.mega-outline-button {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 13px 18px;

    border: 1px solid #111111;

    color: #111111;

    text-decoration: none;

    font-size: 13px;

    font-weight: 600;

    transition:
        background .2s ease,
        color .2s ease;
}

.mega-outline-button:hover {

    background: #111111;

    color: #ffffff;
}


/* =========================================================
   SERVICES GRID
========================================================= */

.mega-service-grid {

    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 30px;

    row-gap: 0;

    padding-top: 8px;
}

.mega-service-grid a {

    min-width: 0;

    display: block;

    padding: 13px 0;

    border-bottom: 1px solid #eeeeee;

    color: #111111;

    text-decoration: none;

    overflow: hidden;

    transition:
        transform .2s ease,
        opacity .2s ease;
}

.mega-service-grid a:hover {

    transform: translateX(4px);

    opacity: .7;
}

.mega-service-grid strong {

    display: block;

    margin-bottom: 5px;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 600;
}

.mega-service-grid span {

    display: block;

    color: #6a6a6a;

    font-size: 12px;

    line-height: 1.5;
}


/* =========================================================
   ABOUT
========================================================= */

.mega-menu-about .mega-menu-inner {

    grid-template-columns:
        28%
        47%
        25%;
}


/* ABOUT LINKS */

.about-menu-links a {

    min-height: 50px;

    padding: 0 15px;

    border-bottom: 1px solid #dddddd;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #111111;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    transition:
        background .2s ease,
        padding .2s ease;
}

.about-menu-links a:hover {

    background: #f4f4f4;

    padding-left: 21px;
}

.about-menu-links span {

    font-size: 20px;

    font-weight: 300;
}


/* ABOUT MIDDLE */

.about-middle-content {

    padding-top: 3px;
}

.about-eyebrow {

    display: block;

    margin-bottom: 13px;

    color: #777777;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;
}

.about-middle-content h3 {

    max-width: 540px;

    margin: 0 0 16px;

    font-size: 26px;

    line-height: 1.25;

    font-weight: 600;
}

.about-middle-content p {

    max-width: 550px;

    margin: 0;

    color: #555555;

    font-size: 14px;

    line-height: 1.7;
}


/* ABOUT STATS */

.about-stat-row {

    margin-top: 30px;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    border-top: 1px solid #dddddd;

    border-bottom: 1px solid #dddddd;
}

.about-stat-row > div {

    padding: 18px 12px;

    border-right: 1px solid #dddddd;
}

.about-stat-row > div:last-child {

    border-right: 0;
}

.about-stat-row strong {

    display: block;

    margin-bottom: 5px;

    font-size: 23px;

    font-weight: 600;
}

.about-stat-row span {

    display: block;

    color: #666666;

    font-size: 11px;

    line-height: 1.4;
}


/* ABOUT RIGHT */

.about-feature-card {

    width: 100%;

    max-width: 290px;

    min-height: 260px;

    padding: 27px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border: 1px solid #d5d5d5;

    background:
        linear-gradient(
            145deg,
            #f4f4f4,
            #ffffff
        );

    color: #111111;

    text-decoration: none;

    box-sizing: border-box;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.about-feature-card:hover {

    transform: translateY(-4px);

    box-shadow:
        0 15px 35px rgba(0,0,0,.10);
}

.about-feature-card h4 {

    margin: 0 0 13px;

    font-size: 21px;

    line-height: 1.3;
}

.about-feature-card p {

    margin: 0 0 20px;

    color: #555555;

    font-size: 13px;

    line-height: 1.6;
}


/* =========================================================
   MOBILE TOGGLE
========================================================= */

.mobile-toggle {

    display: none;

    width: 44px;
    height: 44px;

    margin-left: auto;

    padding: 0;

    border: 0;

    background: transparent;

    cursor: pointer;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    gap: 5px;
}

.mobile-toggle span {

    width: 23px;

    height: 2px;

    display: block;

    background: #ffffff;

    transition:
        transform .25s ease,
        opacity .25s ease;
}

.mobile-toggle.active span:nth-child(1) {

    transform:
        translateY(7px)
        rotate(45deg);
}

.mobile-toggle.active span:nth-child(2) {

    opacity: 0;
}

.mobile-toggle.active span:nth-child(3) {

    transform:
        translateY(-7px)
        rotate(-45deg);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1250px) {

    .logo-box {

        width: 180px;
        min-width: 180px;
    }

    .main-navigation {

        margin-left: 5px;
    }

    .main-navigation li > a {

        padding-left: 12px;
        padding-right: 12px;

        font-size: 14px;
    }

    .header-right {

        gap: 14px;
    }

    .header-right a {

        font-size: 13px;
    }

    .mega-menu-inner {

        padding-left: 28px;
        padding-right: 28px;
    }

    .mega-middle {

        padding-left: 25px;
        padding-right: 25px;
    }

    .mega-service-grid {

        column-gap: 20px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 991px) {

    .site-header,
    .header-inner {

        height: 72px;
    }

    .header-inner {

        padding-right: 15px;
    }


    /* LOGO */

    .logo-box {

        width: 170px;
        min-width: 170px;

        height: 72px;
    }

    .logo-image {

        max-width: 125px;
        max-height: 48px;
    }


    /* RIGHT NAV */

    .header-right {
        display: none;
    }


    /* HAMBURGER */

    .mobile-toggle {
        display: flex;
    }


    /* NAV */

    .main-navigation {

        position: fixed;

        top: 72px;
        left: 0;

        width: 100%;

        height:
            calc(100vh - 72px);

        margin: 0;

        display: block;

        overflow-y: auto;

        background: #111111;

        transform:
            translateX(100%);

        transition:
            transform .3s ease;

        z-index: 99998;
    }

    .main-navigation.mobile-open {

        transform:
            translateX(0);
    }

    .main-navigation > ul {

        display: block;

        width: 100%;

        padding: 10px 15px 40px;

        margin: 0;

        list-style: none;
    }

    .main-navigation li {

        width: 100%;

        height: auto;

        border-bottom:
            1px solid rgba(255,255,255,.12);
    }

    .main-navigation li > a {

        width: 100%;

        height: 58px;

        padding: 0 5px;

        justify-content: space-between;

        font-size: 16px;
    }

    .main-navigation li > a::after {
        display: none;
    }


    /* =====================================================
       MOBILE MEGA MENU
    ====================================================== */

    .mega-menu {

        position: static;

        width: 100%;

        max-height: 0;

        overflow: hidden;

        background: #171717;

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        transform: none;

        border: 0;

        box-shadow: none;

        transition:
            max-height .35s ease;
    }

    .mega-parent.menu-open > .mega-menu {

        max-height: 3500px;
    }


    .mega-menu-inner {

        display: block;

        width: 100%;

        max-width: none;

        min-height: 0;

        padding: 0;
    }


    /* LEFT */

    .mega-left {

        padding: 0;

        border: 0;
    }

    .mega-heading-row {

        padding: 15px 5px;

        border-bottom:
            1px solid rgba(255,255,255,.12);
    }

    .mega-heading-row h3 {

        color: #ffffff;

        font-size: 19px;
    }

    .mega-heading-row a {

        color: #ffffff;
    }


    /* CATEGORY */

    .mega-category {

        min-height: 50px;

        padding: 0 5px;

        color: #ffffff;

        border-bottom:
            1px solid rgba(255,255,255,.10);
    }

    .mega-category:hover {

        padding-left: 12px;

        background:
            rgba(255,255,255,.07);
    }

    .mega-category.active {

        background:
            rgba(255,255,255,.08);
    }


    /* MIDDLE */

    .mega-middle {

        width: 100%;

        padding: 25px 5px;

        overflow: visible;
    }

    .mega-panel-title {

        padding-bottom: 15px;

        border-bottom:
            1px solid rgba(255,255,255,.12);
    }

    .mega-panel-title h3 {

        color: #ffffff;

        font-size: 20px;
    }

    .mega-panel-title a {

        color: #ffffff;
    }


    .mega-panel-content {

        display: block;

        padding-top: 5px;
    }

    .mega-panel-content a {

        min-height: 43px;

        color: #ffffff;

        border-bottom:
            1px solid rgba(255,255,255,.08);
    }


    /* FEATURED */

    .mega-featured-solutions {

        margin-top: 22px;
    }

    .featured-title {

        border-color:
            rgba(255,255,255,.12);
    }

    .featured-title h4,
    .featured-title a {

        color: #ffffff;
    }

    .featured-links {

        display: block;
    }

    .featured-links a {

        display: block;

        color: #ffffff;

        padding: 10px 0;

        border-bottom:
            1px solid rgba(255,255,255,.08);
    }


    /* RIGHT */

    .mega-right {

        width: 100%;

        padding: 0 5px 25px;

        display: block;

        overflow: visible;
    }

    .mega-feature-card {

        width: 100%;

        max-width: none;

        margin: 0;
    }


    /* SERVICES */

    .mega-service-intro {

        padding: 0;
    }

    .mega-intro-text {

        max-width: none;

        padding: 0 5px;

        margin: 20px 0;

        color: #cccccc;
    }

    .mega-outline-button {

        margin: 0 5px 20px;

        color: #ffffff;

        border-color: #ffffff;
    }

    .mega-service-grid {

        display: block;

        width: 100%;
    }

    .mega-service-grid a {

        padding: 15px 5px;

        border-bottom:
            1px solid rgba(255,255,255,.10);
    }

    .mega-service-grid strong {

        color: #ffffff;
    }

    .mega-service-grid span {

        color: #bbbbbb;
    }


    /* ABOUT */

    .about-menu-links a {

        color: #ffffff;

        border-color:
            rgba(255,255,255,.10);
    }

    .about-menu-links a:hover {

        background:
            rgba(255,255,255,.07);
    }

    .about-middle-content {

        padding: 0 5px;
    }

    .about-eyebrow {

        color: #aaaaaa;
    }

    .about-middle-content h3 {

        color: #ffffff;

        font-size: 22px;
    }

    .about-middle-content p {

        color: #cccccc;
    }

    .about-stat-row {

        border-color:
            rgba(255,255,255,.15);
    }

    .about-stat-row > div {

        border-color:
            rgba(255,255,255,.15);
    }

    .about-stat-row strong {

        color: #ffffff;
    }

    .about-stat-row span {

        color: #bbbbbb;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    .logo-box {

        width: 145px;
        min-width: 145px;
    }

    .logo-image {

        max-width: 108px;
    }

    .header-inner {

        padding-right: 10px;
    }

    .main-navigation > ul {

        padding-left: 12px;
        padding-right: 12px;
    }

    .mega-feature-image {

        height: 145px;
    }

    .about-stat-row {

        grid-template-columns: 1fr;
    }

    .about-stat-row > div {

        border-right: 0;

        border-bottom:
            1px solid rgba(255,255,255,.15);
    }

    .about-stat-row > div:last-child {

        border-bottom: 0;
    }

}





/* =========================================================
   FOOTER
========================================================= */

.footer{

    background:#070808;

    color:#fff;

    padding:70px 0 25px;

}

.footer-grid{

    display:grid;

    grid-template-columns:
        1.5fr
        1fr
        1fr
        1fr;

    gap:50px;

    padding-bottom:60px;

}

.footer-logo{

    width:175px;

    padding:8px;

    background:#fff;

}

.footer-brand p{

    max-width:360px;

    color:#8d9691;

    line-height:1.7;

    margin-top:25px;

    font-size:14px;

}

.footer h4{

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:22px;

}

.footer ul{

    list-style:none;

}

.footer li{

    margin-bottom:13px;

}

.footer li a{

    color:#8d9691;

    font-size:14px;

}

.footer li a:hover{

    color:#fff;

}

.footer-bottom{

    padding-top:25px;

    border-top:
        1px solid
        rgba(255,255,255,.1);

    display:flex;

    justify-content:space-between;

    color:#707874;

    font-size:11px;

}


/* =========================================================
   FLOATING BUTTONS
========================================================= */

.floating-buttons{

    position:fixed;

    z-index:900;

    right:20px;

    bottom:20px;

    display:flex;

    flex-direction:column;

    gap:9px;

}

.float-button{

    width:50px;

    height:50px;

    border-radius:50%;

    display:grid;

    place-items:center;

    color:#fff;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.25);

}

.float-button svg{

    width:21px;

}

.float-whatsapp{

    background:#25d366;

}

.float-call{

    background:#111;

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1200px){

    .logo-box{

        width:185px;

    }

    .main-navigation a{

        padding:0 10px;

        font-size:12px;

    }

    .header-right a{

        padding:0 9px;

        font-size:12px;

    }

    .hero-panel{

        width:470px;

        padding-left:42px;

        padding-right:38px;

    }

    .journey-grid{

        grid-template-columns:
            repeat(3,1fr);

    }

}


/* =========================================================
   991
========================================================= */

@media(max-width:991px){

    :root{

        --header-height:72px;

    }

    .container{

        width:calc(100% - 40px);

    }

    .main-navigation,
    .header-right{

        display:none;

    }

    .mobile-toggle{

        display:block;

        margin-left:auto;

    }


    /* MOBILE NAV */

    .site-header.mobile-open{

        height:auto;

        min-height:72px;

    }

    .site-header.mobile-open
    .main-navigation{

        display:block;

        position:absolute;

        top:72px;

        left:0;

        right:0;

        background:#0b0c0c;

        max-height:
            calc(100vh - 72px);

        overflow:auto;

    }

    .site-header.mobile-open
    .main-navigation ul{

        display:block;

        height:auto;

    }

    .site-header.mobile-open
    .main-navigation li{

        height:auto;

        border-top:
            1px solid
            rgba(255,255,255,.1);

    }

    .site-header.mobile-open
    .main-navigation a{

        height:55px;

        padding:0 25px;

    }


    /* HERO */

    .hero{

        min-height:720px;

    }

    .hero-panel{

        width:57%;

        padding:
            55px
            35px
            100px
            30px;

    }

    .hero-panel h1{

        font-size:
            clamp(
                42px,
                6vw,
                62px
            );

    }


    /* SECTIONS */

    .intro-grid,
    .section-heading-row,
    .international-grid,
    .environment-grid,
    .contact-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .risk-grid{

        grid-template-columns:1fr 1fr;

    }

    .risk-card:nth-child(2){

        border-right:0;

    }

    .solution-grid{

        grid-template-columns:1fr 1fr;

    }

    .medical-feature{

        grid-template-columns:1fr;

    }

    .medical-image{

        height:500px;

    }

    .journey-grid{

        grid-template-columns:1fr 1fr;

    }

    .project-grid{

        grid-template-columns:1fr 1fr;

    }

    .delivery-grid{

        grid-template-columns:1fr 1fr;

    }

    .cta-grid{

        display:block;

    }

    .cta-button{

        display:inline-block;

        margin-top:35px;

    }

    .footer-grid{

        grid-template-columns:1fr 1fr;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

    .container{

        width:calc(100% - 30px);

    }


    /* HEADER */

    :root{

        --header-height:65px;

    }

    .site-header{

        height:65px;

    }

    .logo-box{

        width:160px;

        padding:8px 15px;

    }

    .logo-image{

        max-width:135px;

    }

    .logo-fallback{

        font-size:18px;

    }

    .mobile-toggle{

        width:55px;

    }


    .site-header.mobile-open
    .main-navigation{

        top:65px;

        max-height:
            calc(100vh - 65px);

    }


    /* HERO */

    .hero{

        height:100svh;

        min-height:680px;

    }


    /*
       Mobile video stays behind content.
    */

    .hero-video{

        object-position:center center;

    }

    .hero-video-wrap::after{

        background:
            linear-gradient(
                0deg,
                rgba(0,0,0,.88),
                rgba(0,0,0,.15)
            );

    }


    /* CONTENT */

    .hero-panel{

        top:auto;

        bottom:0;

        left:0;

        width:100%;

        padding:
            30px
            22px
            92px;

        background:
            linear-gradient(
                0deg,
                rgba(12,13,13,.98),
                rgba(12,13,13,.78)
            );

    }

    .hero-label{

        font-size:10px;

        margin-bottom:16px;

    }

.hero-panel h1 {
    font-size: 31px;
    line-height: 1;
    letter-spacing: 0px;
    margin-bottom: 18px;
}
    .hero-panel p{

        font-size:14px;

        line-height:1.6;

        margin-bottom:22px;

    }

    .hero-button{

        height:47px;

        min-width:170px;

    }


    /* CONTROLS */

    .hero-controls{

        left:20px;

        bottom:18px;

    }

    .hero-arrow{

        width:40px;

        height:40px;

    }

    .hero-dots{

        bottom:33px;

    }

    .hero-counter{

        right:20px;

        bottom:24px;

    }


    /* COMMON */

    .section{

        padding:75px 0;

    }

    .section-title,
    .intro h2{

        font-size:43px;

        letter-spacing:-2px;

    }


    /* RISK */

    .risk-grid{

        grid-template-columns:1fr;

    }

    .risk-card{

        border-right:0;

        border-bottom:
            1px solid
            rgba(12, 12, 12, 0.12);

    }


    /* SOLUTIONS */

    .solution-grid{

        grid-template-columns:1fr;

    }

    .solution-card{

        min-height:320px;

        padding:30px;

    }

    .solution-icon{

        margin-bottom:45px;

    }


    /* MEDICAL */

    .medical-image{

        height:370px;

    }

    .medical-content{

        padding:
            70px
            25px;

    }

    .medical-content h2{

        font-size:43px;

        letter-spacing:-2px;

    }

    .medical-list{

        grid-template-columns:1fr;

    }


    /* JOURNEY */

    .journey-grid{

        grid-template-columns:1fr;

    }


    /* INDUSTRIES */

    .industry-grid{

        grid-template-columns:1fr;

    }

    .industry{

        height:310px;

    }

    .industry-content{

        left:25px;

        right:25px;

        bottom:25px;

    }

    .industry-content h3{

        font-size:27px;

    }


    /* INTERNATIONAL */

    .international-image,
    .environment-image{

        height:400px;

    }

    .international-content h2,
    .environment h2{

        font-size:43px;

        letter-spacing:-2px;

    }

    .process-grid{

        grid-template-columns:1fr;

    }


    /* PROJECTS */

    .project-grid{

        grid-template-columns:1fr;

    }

    .project-image{

        height:250px;

    }


    /* ENVIRONMENT */

    .environment-items{

        grid-template-columns:1fr;

    }


    /* DELIVERY */

    .delivery-grid{

        grid-template-columns:1fr;

    }


    /* WHY */

    .why-grid{

        grid-template-columns:1fr;

    }

    .why-card{

        padding:30px;

    }


    /* INSIGHTS */

    .insight-grid{

        grid-template-columns:1fr;

    }


    /* CTA */

    .final-cta{

        padding:80px 0;

    }

    .final-cta h2{

        font-size:45px;

        letter-spacing:-2px;

    }


    /* CONTACT */

    .contact-form{

        grid-template-columns:1fr;

    }

    .form-group.full,
    .form-submit{

        grid-column:auto;

    }


    /* FOOTER */

    .footer-grid{

        grid-template-columns:1fr;

    }

    .footer-bottom{

        display:block;

    }

    .footer-bottom span{

        display:block;

        margin-top:8px;

    }


    /* FLOATING */

    .floating-buttons{

        right:14px;

        bottom:15px;

    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    *{

        scroll-behavior:auto!important;

        transition:none!important;

        animation:none!important;

    }

}


/* =========================================================
   SECTION
========================================================= */

.intro-section {

    position: relative;

    width: 100%;

    padding: 115px 0 120px;

    background: #ffffff;

    color: #111111;

    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.intro-section .container {

    max-width: 1320px;

    margin-left: auto;

    margin-right: auto;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.intro-layout {

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, .95fr);

    column-gap: 110px;

    align-items: start;
}


/* =========================================================
   LEFT
========================================================= */

.intro-left {

    padding-top: 5px;
}


/* =========================================================
   KICKER
========================================================= */

.intro-kicker {

    display: flex;

    align-items: center;

    gap: 16px;

    margin-bottom: 24px;

    color: #1a1a1a;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: 3.5px;

    text-transform: uppercase;
}


.intro-kicker i {

    display: block;

    width: 50px;

    height: 1px;

    flex-shrink: 0;

    background: #1a1a1a;
}


/* =========================================================
   TITLE
========================================================= */

.intro-title {

    max-width: 700px;

    margin: 0;

    color: #111111;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: clamp(44px, 5vw, 68px);

    font-weight: 700;

    line-height: 1.05;

    letter-spacing: -2.8px;
}


/* =========================================================
   RIGHT
========================================================= */

.intro-right {

    width: 100%;

    max-width: 570px;

    padding-top: 3px;
}


/* =========================================================
   DECORATIVE LINE
========================================================= */

.intro-top-line {

    width: 45px;

    height: 2px;

    margin-bottom: 27px;

    background: #111111;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

.intro-right p {

    margin: 0 0 24px;

    color: #555555;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.75;
}


.intro-right p:first-of-type {

    color: #333333;
}
.hsseq-marquee {
    --hm-gold: #c78100;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    background: linear-gradient(100deg, #fff7e5, #fffdf8, #fff7e5);
    border-top: 1px solid #ead9b7;
    border-bottom: 1px solid #ead9b7;
    padding: 13px 0;
    box-sizing: border-box;
}

.hsseq-marquee *,
.hsseq-marquee *::before,
.hsseq-marquee *::after {
    box-sizing: border-box;
}

.hsseq-marquee-track {
    display: flex;
    align-items: center;
    width: max-content;
    flex-wrap: nowrap;
    animation: hsseq-marquee-flow 24s linear infinite;
    will-change: transform;
}

.hsseq-marquee-group {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 0 28px;
    white-space: nowrap;
}

.hsseq-marquee-brand {
    color: var(--hm-gold);
    font-size: 15px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: .3px;
}

.hsseq-marquee-line {
    display: inline-block;
    width: 20px;
    height: 1px;
    flex: 0 0 20px;
    background: #a9a092;
}

.hsseq-marquee-text {
    color: #292823;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .05px;
}

.hsseq-marquee-star {
    color: var(--hm-gold);
    font-size: 13px;
    line-height: 1;
    margin-left: 7px;
}

/*
  Four equal groups.
  Move by half of the full track, so the duplicate set
  takes the place of the first set without an empty gap.
*/
@keyframes hsseq-marquee-flow {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}

.hsseq-marquee:hover .hsseq-marquee-track {
    animation-play-state: paused;
}

@media (max-width: 767px) {
    .hsseq-marquee {
        padding: 11px 0;
    }

    .hsseq-marquee-track {
        animation-duration: 20s;
    }

    .hsseq-marquee-group {
        gap: 9px;
        padding: 0 17px;
    }

    .hsseq-marquee-brand {
        font-size: 13px;
    }

    .hsseq-marquee-line {
        width: 13px;
        flex-basis: 13px;
    }

    .hsseq-marquee-text {
        font-size: 11px;
    }

    .hsseq-marquee-star {
        font-size: 11px;
        margin-left: 3px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hsseq-marquee-track {
        animation: none;
        transform: none;
    }

    .hsseq-marquee-group[aria-hidden="true"] {
        display: none;
    }
}

/* =========================================================
   NEW PREMIUM BUTTON
========================================================= */

.about-action-btn {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    width: 235px;

    height: 60px;

    margin-top: 10px;

    padding: 5px 6px 5px 20px;

    box-sizing: border-box;

    background: var(--black);

    border: 1px solid #111111;

    color: #ffffff;

    text-decoration: none;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    overflow: hidden;

    transition:
        width .45s cubic-bezier(.22,.61,.36,1),
        background .35s ease,
        color .35s ease,
        transform .35s ease,
        box-shadow .35s ease;
}


/* =========================================================
   BUTTON TEXT
========================================================= */

.about-action-text {

    position: relative;

    z-index: 3;

    display: block;

    flex: 1;

    color: inherit;

    white-space: nowrap;
}


/* =========================================================
   BUTTON ICON
========================================================= */

.about-action-icon {

    position: relative;

    z-index: 3;

    width: 48px;

    height: 48px;

    flex: 0 0 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255,255,255,.75);

    border-radius: 50%;

    background: transparent;

    overflow: hidden;

    transition:
        background .35s ease,
        border-color .35s ease,
        transform .45s cubic-bezier(.22,.61,.36,1);
}


/* =========================================================
   ARROW
========================================================= */

.about-action-icon span {

    display: block;

    color: #ffffff;

    font-size: 20px;

    font-weight: 400;

    line-height: 1;

    transition:
        transform .4s ease,
        color .3s ease;
}


/* =========================================================
   SHINE
========================================================= */

.about-action-btn::after {

    content: "";

    position: absolute;

    top: 0;

    left: -110%;

    width: 65%;

    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.18),
            transparent
        );

    transform: skewX(-20deg);

    pointer-events: none;

    transition: left .75s ease;
}


/* =========================================================
   HOVER BUTTON
========================================================= */

.about-action-btn:hover {

    width: 255px;

    background: #ffffff;

    border-color: #111111;

    color: #111111;

    transform: translateY(-4px);

    box-shadow:
        0 15px 35px rgba(0,0,0,.13);
}


/* =========================================================
   HOVER SHINE
========================================================= */

.about-action-btn:hover::after {

    left: 140%;
}


/* =========================================================
   HOVER ICON
========================================================= */

.about-action-btn:hover .about-action-icon {

    background: #111111;

    border-color: #111111;

    transform: rotate(45deg);
}


/* =========================================================
   HOVER ARROW
========================================================= */

.about-action-btn:hover .about-action-icon span {

    color: #ffffff;

    transform:
        rotate(-45deg)
        translate(2px,-2px);
}


/* =========================================================
   IDLE ARROW ANIMATION
========================================================= */

.about-action-icon span {

    animation:
        aboutArrowFloat
        2.6s
        ease-in-out
        infinite;
}


@keyframes aboutArrowFloat {

    0%,
    100% {

        transform:
            translate(0,0);

    }

    50% {

        transform:
            translate(3px,-3px);

    }

}


/* =========================================================
   STOP IDLE ANIMATION ON HOVER
========================================================= */

.about-action-btn:hover
.about-action-icon span {

    animation: none;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    .intro-section {

        padding-top: 130px;

        padding-bottom: 135px;
    }

    .intro-layout {

        column-gap: 130px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    .intro-section {

        padding: 85px 0 90px;
    }


    .intro-layout {

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        column-gap: 55px;
    }


    .intro-title {

        font-size: 45px;

        letter-spacing: -1.7px;
    }


    .intro-right p {

        font-size: 15px;

        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .intro-section {

        padding: 65px 0 70px;
    }


    .intro-layout {

        display: block;
    }


    /* KICKER */

    .intro-kicker {

        margin-bottom: 18px;

        font-size: 10px;

        letter-spacing: 2.6px;
    }


    .intro-kicker i {

        width: 35px;
    }


    /* TITLE */

    .intro-title {

        max-width: 100%;

        margin-bottom: 38px;

        font-size: 36px;

        line-height: 1.08;

        letter-spacing: -1.1px;
    }


    /* RIGHT */

    .intro-right {

        max-width: 100%;

        padding-top: 0;
    }


    /* LINE */

    .intro-top-line {

        width: 38px;

        margin-bottom: 20px;
    }


    /* TEXT */

    .intro-right p {

        margin-bottom: 18px;

        font-size: 14px;

        line-height: 1.7;
    }


    /* BUTTON */

    .about-action-btn {

        width: 220px;

        height: 56px;

        margin-top: 9px;

        padding-left: 18px;

        padding-right: 5px;

        font-size: 11px;
    }


    .about-action-btn:hover {

        width: 235px;
    }


    .about-action-icon {

        width: 44px;

        height: 44px;

        flex-basis: 44px;
    }


    .about-action-icon span {

        font-size: 18px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .intro-section {

        padding: 55px 0 60px;
    }


    .intro-title {

        font-size: 31px;

        letter-spacing: -.8px;
    }


    .intro-right p {

        font-size: 13px;

        line-height: 1.7;
    }


    .about-action-btn {

        width: 210px;

        height: 54px;
    }


    .about-action-btn:hover {

        width: 220px;
    }

}




.hs-faq-section {
    --hs-yellow: #ffd21f;
    --hs-black: #111111;
    --hs-grey: #858080;
    background: #232322;
    color: #ffffff;
    padding: 100px 0;
    font-family: inherit;
}
.hs-faq-tag {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}

.hs-faq-tag span {
  display: inline-block;
  width: 30px;
  height: 2px;
  background: var(--hs-yellow);
}

.hs-faq-intro h2 {
  margin: 25px 0 20px;
  font-size: clamp(34px, 4vw, 49px);
  font-weight: 750;
  letter-spacing: -1.8px;
  line-height: 1.1;
}

.hs-faq-intro h2 span {
  color: #b49713;
}

.hs-faq-intro > p {
  max-width: 360px;
  color: var(--hs-grey);
  font-size: 15px;
  line-height: 1.85;
}

.hs-faq-help {
  display: flex;
  gap: 15px;
  margin-top: 35px;
  padding: 22px;
  background: #fff;
  border: 1px solid #e9e9e5;
}

.hs-faq-help-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  height: 46px;
  background: var(--hs-yellow);
  font-size: 22px;
}

.hs-faq-help h5 {
  margin: 2px 0 8px;
  font-size: 15px;
  font-weight: 750;
}

.hs-faq-help p {
  margin-bottom: 12px;
  color: var(--hs-grey);
  font-size: 13px;
  line-height: 1.7;
}

.hs-faq-help a {
  color: #111;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.hs-faq-help a:hover {
  color: #9a7a00;
}

.hs-faq-item {
  margin-bottom: 12px;
  background: #fff;
  border: 1px solid #e7e7e3;
  transition: border-color .25s, box-shadow .25s;
}

.hs-faq-item:has(.hs-faq-question:not(.collapsed)) {
  border-color: var(--hs-yellow);
  box-shadow: 0 5px 22px rgba(0,0,0,.035);
}

.hs-faq-question {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 17px;
  padding: 21px 22px;
  border: 0;
  background: #fff;
  color: var(--hs-black);
  text-align: left;
}

.hs-faq-number {
  display: flex;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  height: 36px;
  background: #f4f4f0;
  color: #777;
  font-size: 12px;
  font-weight: 800;
  transition: background .25s, color .25s;
}

.hs-faq-question:not(.collapsed) .hs-faq-number {
  background: var(--hs-yellow);
  color: #111;
}

.hs-faq-qtext {
  flex: 1;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

.hs-faq-toggle {
  display: flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid #deded9;
  border-radius: 50%;
  font-size: 15px;
  transition: background .25s, transform .25s;
}

.hs-faq-question:not(.collapsed) .hs-faq-toggle {
  background: var(--hs-yellow);
  border-color: var(--hs-yellow);
  transform: rotate(45deg);
}

.hs-faq-answer {
  padding: 0 72px 24px 75px;
  color: var(--hs-grey);
  font-size: 14px;
  line-height: 1.9;
}

.hs-faq-question:focus-visible {
  outline: 2px solid #b49713;
  outline-offset: -3px;
}

@media (max-width: 991px) {
  .hs-faq-section {
    padding: 70px 0;
  }

  .hs-faq-intro {
    max-width: 650px;
  }

  .hs-faq-help {
    max-width: 430px;
  }
}

@media (max-width: 575px) {
  .hs-faq-section {
    padding: 50px 0;
  }

  .hs-faq-intro h2 {
    font-size: 36px;
    letter-spacing: -1.2px;
  }

  .hs-faq-question {
    gap: 11px;
    padding: 16px 12px;
  }

  .hs-faq-number {
    flex-basis: 30px;
    height: 30px;
    font-size: 10px;
  }

  .hs-faq-qtext {
    font-size: 13px;
  }

  .hs-faq-toggle {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
    font-size: 13px;
  }

  .hs-faq-answer {
    padding: 0 15px 20px 53px;
    font-size: 13px;
  }
}



/* =========================================
   CLIENT ACKNOWLEDGEMENTS SECTION
========================================= */

.client-ack-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 90px 0;
    background: var(--light);
}

.client-ack-section::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 0 0 42%;
    background: linear-gradient(
        125deg,
        rgba(255,255,255,.8),
        rgba(244,245,243,.45)
    );
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 60% 100%);
}

.client-ack-content .kicker {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #b98300;
    margin-bottom: 20px;
}

.client-ack-content .kicker::after {
    content: "";
    width: 48px;
    height: 3px;
    background: var(--gold);
}

.client-ack-content .section-title {
    font-size: clamp(35px, 3.5vw, 53px);
    line-height: 1.05;
    letter-spacing: -2px;
    color: var(--black);
    margin-bottom: 20px;
}

.client-ack-content .section-title span {
    color: #b98300;
}

.client-ack-content .section-text {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 24px;
    color: var(--muted);
}

.client-ack-benefits {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.client-ack-benefit {
    display: flex;
    align-items: center;
    gap: 15px;
}

.client-ack-icon {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,210,28,.25);
    color: var(--black);
    border-radius: 5px;
    font-size: 24px;
    transition: background .3s ease;
}

.client-ack-benefit:hover .client-ack-icon {
    background: var(--gold);
}

.client-ack-benefit h3 {
    font-family: var(--heading);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
    color: var(--black);
    margin: 0 0 4px;
}

.client-ack-benefit p {
    font-size: 13px;
    line-height: 1.55;
    color: var(--muted);
    margin: 0;
}

/* Slider heading */

.client-ack-topline {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.7px;
    color: var(--muted);
}

.client-ack-line {
    height: 2px;
    width: 48px;
    background: var(--gold);
}

/* Slider viewport */

.client-ack-slider {
    width: 100%;
    overflow: hidden;
}

.client-ack-track {
    display: flex;
    align-items: stretch;
    gap: 14px;
    transition: transform .45s ease;
    will-change: transform;
}

.client-ack-slide {
    flex: 0 0 calc((100% - 42px) / 4);
    min-width: 0;
}

.client-ack-document {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 300px;
    padding: 8px;
    background: var(--white);
    border: 1px solid rgba(11,12,12,.07);
    box-shadow: 0 8px 22px rgba(11,12,12,.07);
    overflow: hidden;
    transition: box-shadow .3s ease, transform .3s ease;
}

.client-ack-document img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: transform .3s ease;
}

.client-ack-document:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(11,12,12,.13);
}

.client-ack-document:hover img {
    transform: scale(1.03);
}

.client-ack-view {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gold);
    color: var(--black);
    border-radius: 50%;
    opacity: 0;
    transition: opacity .25s ease;
}

.client-ack-document:hover .client-ack-view {
    opacity: 1;
}

/* Controls */

.client-ack-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 25px;
}

.client-ack-arrows {
    display: flex;
    gap: 12px;
}

.client-ack-arrows button {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 4px;
    background: var(--black);
    color: var(--white);
    font-size: 20px;
    cursor: pointer;
    transition: background .25s ease, color .25s ease;
}



.client-ack-arrows button:hover {
    background: var(--black-soft);
    color: var(--gold);
}

.client-ack-arrows button:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.client-ack-dots {
    display: flex;
    align-items: center;
    gap: 10px;
}

.client-ack-dots button {
    width: 11px;
    height: 11px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #cecece;
    cursor: pointer;
    transition: all .25s ease;
}

.client-ack-dots button.active {
    background: var(--gold);
    transform: scale(1.2);
}

/* Tablet */

@media (max-width: 991px) {
    .client-ack-section {
        padding: 65px 0;
    }

    .client-ack-content .section-title {
        font-size: 42px;
    }

    .client-ack-slide {
        flex-basis: calc((100% - 28px) / 3);
    }

    .client-ack-document {
        height: 260px;
    }
}

/* Mobile */

@media (max-width: 575px) {
    .client-ack-section {
        padding: 45px 0;
    }

    .client-ack-content .section-title {
        font-size: 36px;
        letter-spacing: -1.4px;
    }

    .client-ack-content .section-text {
        font-size: 14px;
    }

    .client-ack-benefit h3 {
        font-size: 14px;
    }

    .client-ack-benefit p {
        font-size: 12px;
    }

    .client-ack-slide {
        flex-basis: calc((100% - 12px) / 2);
    }

    .client-ack-track {
        gap: 12px;
    }

    .client-ack-document {
        height: 235px;
        padding: 6px;
    }

    .client-ack-controls {
        margin-top: 20px;
    }

    .client-ack-arrows button {
        width: 40px;
        height: 40px;
    }

    .client-ack-dots {
        gap: 8px;
    }

    .client-ack-dots button {
        width: 9px;
        height: 9px;
    }
}


/* MAIN SECTION */
.hsq-mv-section {
    --hsq-gold: #e3ad19;
    --hsq-navy: #102b45;

    padding: 85px 0;
    background: #f3f6f8;
    overflow: hidden;
}

/* BRAND HEADING */
.hsq-brand-heading {
    max-width: 1000px;
    margin: 0 auto 55px;
}

.hsq-mv-label {
    display: inline-block;
    color: #a77b0b;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.hsq-brand-heading h2 {
    font-size: clamp(38px, 5vw, 58px);
    font-weight: 850;
    color: var(--hsq-navy);
    letter-spacing: -2px;
    margin: 0 0 12px;
}

.hsq-brand-heading h2 span {
    color: var(--hsq-gold);
}

.hsq-brand-heading h3 {
    font-size: clamp(17px, 2vw, 22px);
    font-weight: 600;
    color: #344b60;
    margin: 0;
}

.hsq-brand-divider {
    width: 65px;
    height: 3px;
    background: var(--hsq-gold);
    margin: 25px auto;
    border-radius: 5px;
}

/* SERVICES */
.hsq-brand-services {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
}

.hsq-brand-services span {
    color: #35495a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.hsq-brand-services i {
    font-size: 5px;
    color: var(--hsq-gold);
}

/* MISSION VISION CARDS */
.hsq-mv-row {
    max-width: 1050px;
    margin: 0 auto;
}

.hsq-mv-card {
    position: relative;
    height: 100%;
    min-height: 280px;
    padding: 35px;
    background: #fff;
    border: 1px solid #e4e9ed;
    border-radius: 12px;
    overflow: hidden;
    transition: .35s ease;
    box-shadow: 0 8px 30px rgba(16,43,69,.045);
}

.hsq-mv-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 40px rgba(16,43,69,.10);
    border-color: var(--hsq-gold);
}

/* ICON */
.hsq-mv-icon {
    width: 62px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: #fff7df;
    color: #b4860b;
    font-size: 29px;
    margin-bottom: 25px;
}

.hsq-mv-number {
    position: absolute;
    right: 28px;
    top: 25px;
    color: rgba(16,43,69,.07);
    font-size: 65px;
    font-weight: 900;
    line-height: 1;
}

.hsq-mv-small {
    display: block;
    color: #a77b0b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.hsq-mv-content h3 {
    font-size: 27px;
    font-weight: 800;
    color: var(--hsq-navy);
    margin: 0 0 14px;
}

.hsq-mv-content p {
    max-width: 420px;
    color: #697987;
    font-size: 15px;
    line-height: 1.9;
    margin: 0;
}

.hsq-mv-bottom-line {
    position: absolute;
    left: 35px;
    bottom: 0;
    width: 65px;
    height: 4px;
    background: var(--hsq-gold);
    transition: width .3s ease;
}

.hsq-mv-card:hover .hsq-mv-bottom-line {
    width: calc(100% - 70px);
}

/* VISION CARD */
.hsq-mv-vision {
    background: var(--hsq-navy);
    border-color: var(--hsq-navy);
}

.hsq-mv-vision .hsq-mv-icon {
    background: rgba(227,173,25,.15);
    color: var(--hsq-gold);
}

.hsq-mv-vision .hsq-mv-content h3 {
    color: #fff;
}

.hsq-mv-vision .hsq-mv-content p {
    color: rgba(255,255,255,.75);
}

.hsq-mv-vision .hsq-mv-number {
    color: rgba(255,255,255,.07);
}

.hsq-mv-vision .hsq-mv-small {
    color: var(--hsq-gold);
}

/* RESPONSIVE */
@media(max-width:767px) {

    .hsq-mv-section {
        padding: 60px 0;
    }

    .hsq-brand-heading {
        margin-bottom: 35px;
    }

    .hsq-brand-heading h2 {
        letter-spacing: -1px;
    }

    .hsq-brand-services {
        gap: 10px;
        padding: 0 10px;
    }

    .hsq-brand-services span {
        font-size: 9px;
    }

    .hsq-mv-card {
        min-height: 250px;
        padding: 27px 23px;
    }

    .hsq-mv-content h3 {
        font-size: 24px;
    }

    .hsq-mv-content p {
        font-size: 14px;
    }

}


@media (max-width: 767px) {
    .hsq-values section {
        padding: 91px 0 !important;
    }
     .hsq-approach section {
        padding: 90px 0 !important;
    }
}