@media screen and (max-width:1024px){
    .ehs-nav{
        display:none!important;
    }
}
.ls-hero-btn{
    position: relative;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--theme-color);
    color: var(--white-color);
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 19px 30.5px;
    border-radius: 5px;
    z-index: 1;
    overflow: hidden;
}

.ls-hero-btn path{
    fill:white;
}

.ls-hero-btn svg{
    max-width:20px;
}

.ehs-content-inner{
    max-width:none!important;
    width:100%!important;
}

:root{
    --ehs-decor-angle: 42deg;
    --ehs-decor-color-1: rgba(14,84,245,.58);
    --ehs-decor-color-2-start: rgba(5,26,79,.35);

    --ehs-speed: 1.2s;

    --ehs-zoom-scale: 1.1;
    --ehs-zoom-duration: 8000ms;
}

.ehs-slider{
    position:relative;
    overflow:hidden;
    width:100%;
    min-height:80vh;
    background:#051a4f;
}

.ehs-slides{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
}

.ehs-slide{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;

    opacity:0;
    visibility:hidden;
    z-index:1;

    transition:
        opacity var(--ehs-speed) ease-in-out,
        visibility 0s linear var(--ehs-speed);
}

.ehs-slide.is-active{
    opacity:1;
    visibility:visible;
    z-index:2;

    transition:
        opacity var(--ehs-speed) ease-in-out,
        visibility 0s;
}

.ehs-bg-outer{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:0;
}

.ehs-bg{
    position:absolute;
    inset:0;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    transform-origin:center center;
    transform:scale(1);
    transition:transform var(--ehs-zoom-duration) linear;
}

.ehs-slide.is-active.ehs-animate .ehs-bg{
    transform:scale(var(--ehs-zoom-scale));
}

.ehs-content{
    position:relative;
    z-index:5;

    width:100%;
    max-width:1320px!important;

    margin:auto;

    padding-left:24px;
    padding-right:24px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;

    transform:translateY(-35px);
}

.ehs-content>*{
    max-width:1320px;
}

@media screen and (min-width:1500px){
.ehs-content{
    max-width:1440px;
    padding-left:40px;
    padding-right:40px;
}
}

@media screen and (max-width:1500px){
.ehs-content{
    padding-left:10%!important;
    padding-right:10%;
}
}

@media(max-width:1024px){
.ehs-content{
    padding-left:40px;
    padding-right:40px;
    transform:none;
}
}

@media(max-width:767px){
.ehs-content{
    padding-left:24px;
    padding-right:24px;
}
}

.ehs-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(5,26,79,.55) 0%,
            rgba(5,26,79,.35) 30%,
            rgba(5,26,79,.08) 70%,
            rgba(5,26,79,0) 100%
        );
}

.ehs-eyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 16px;
    border:1px solid rgba(255,255,255,.95);
    border-radius:4px;
    font-family:'Exo',sans-serif;
    font-size:18px;
    font-weight:600;
    letter-spacing:1.3px;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:30px;
    opacity:0;
    transform:translateX(180px);
    transition:
        opacity 1.5s cubic-bezier(.23,1,.32,1) 1.2s,
        transform 1.5s cubic-bezier(.23,1,.32,1) 1.2s;
}

.ehs-heading{
    margin:0;
    display:block;
    font-family:'Exo',sans-serif;
    font-size:60px;
    font-weight:700;
    line-height:1.08;
    letter-spacing:-1px;
    color:#fff;
}

@media screen and (max-width:500px){
    .ehs-slider{
        min-height: 700px!important;
    }
}

@media screen and (max-width:1024px){
    .ehs-slider{
        min-height: 600px!important;
    }
}

@media screen and (max-width:767px){
    .ehs-heading{
        text-align: center;
    }
    .ehs-eyebrow{
        display:none;
    }
    .ehs-slider{
        min-height: 450px!important;
    }
}

.ehs-heading-line{
    display:block;
    opacity:0;
    transform:translateX(-180px);
    will-change:transform,opacity;
    transition:
        opacity 1.5s cubic-bezier(.23,1,.32,1),
        transform 1.5s cubic-bezier(.23,1,.32,1);
}

.ehs-heading-line[data-anim="line1"]{
    transition-delay: 0s;
}

.ehs-heading-line[data-anim="line2"]{
    transition-delay: .6s;
}

.ehs-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:42px;
    opacity:0;
    transform:translateY(45px);
    transition:
        opacity 1.5s cubic-bezier(.23,1,.32,1) 2.1s,
        transform 1.5s cubic-bezier(.23,1,.32,1) 2.1s;
}


.ehs-slide.is-active.ehs-animate .ehs-eyebrow,
.ehs-slide.is-active.ehs-animate .ehs-heading-line{
    opacity:1;
    transform:translateX(0);
}

.ehs-slide.is-active.ehs-animate .ehs-buttons{
    opacity:1;
    transform:translateY(0);
}

.ehs-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    overflow:hidden;
    padding:19px 32px;
    border-radius:5px;
    text-decoration:none;
    text-transform:uppercase;
    font-family:'Exo',sans-serif;
    font-size:16px;
    font-weight:500;
    line-height:1;
    transition:
        transform .35s,
        color .35s,
        border-color .35s;
}

.ehs-btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:#0839b6;
    transform:scaleX(0);
    transform-origin:left;
    transition:
        transform .45s cubic-bezier(.19,1,.22,1);
    z-index:-1;
}

.ehs-btn:hover::before{
    transform:scaleX(1);
}

.ehs-btn:hover{
    color:#fff;
}

.ehs-btn i{
    transition:
        transform .35s ease;
}

.ehs-btn:hover i{
    transform:translateX(5px);
}

.ehs-btn-primary{
    background:#0E54F5;
    border:2px solid #0E54F5;
    color:#fff;
}

.ehs-btn-secondary{
    background:transparent;
    border:2px solid rgba(255,255,255,.95);
    color:#fff;
}

.ehs-btn-secondary::before{
    background:#ffffff;
}

.ehs-btn-secondary:hover{
    color:#0E54F5;
}

.ehs-btn-secondary:hover i{
    color:#0E54F5;
}

.ehs-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:67px;
    height:67px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(255,255,255,.95);
    border-radius:50%;
    background:rgba(0,0,0,.15);
    color:#fff;
    font-size:16px;
    cursor:pointer;
    z-index:6;
    transition:background .25s ease, transform .25s ease;
}

.ehs-nav:hover{
    background:rgba(0,0,0,.35);
}

.ehs-nav-prev{ left:7%; }
.ehs-nav-next{ right:7%; }

@media screen and (max-width:1588px){
    .ehs-nav-prev{ left:20px; }
.ehs-nav-next{ right:20px; }
}


.ehs-dots{
    position:absolute;
    bottom:24px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:10px;
    z-index:6;
}

.ehs-dot{
    width:10px;
    height:10px;
    padding:0;
    border:2px solid rgba(255,255,255,.95);
    border-radius:50%;
    background:transparent;
    cursor:pointer;
    transition:background .25s ease, border-color .25s ease;
}

.ehs-dot.is-active{
    background:#0E54F5;
    border-color:#0E54F5;
}

@media(max-width:1200px){
.ehs-heading{ font-size:68px; }
.ehs-eyebrow{ font-size:20.4px; }
}

@media(max-width:991px){
.ehs-heading{ font-size:56px; }
.ehs-eyebrow{ font-size:16.8px; }
}

@media(max-width:767px){
.ehs-heading{ font-size:40px; line-height:1.12; }
.ehs-buttons{ margin-top:30px; }
.ehs-btn{ padding:17px 24px; font-size:14px; }
.ehs-eyebrow{ font-size:12px; margin-bottom:20px; }
}

@media (prefers-reduced-motion: reduce){
.ehs-slide,
.ehs-bg,
.ehs-decor,
.ehs-decor-1,
.ehs-decor-2,
.ehs-eyebrow,
.ehs-heading-line,
.ehs-buttons,
.ehs-btn,
.ehs-btn::before{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
}
.ehs-slide.is-active.ehs-animate .ehs-bg{
    transform:none;
}
}

/* ==========================================================================
   PANEL / DIAGONAL ACCENT
   ========================================================================== */

.ehs-decor{
    position:absolute;
    top:50%;
    pointer-events:none;
    transform-origin:center center;
    opacity:0;
    z-index:2;
    transition:
        transform 1.4s cubic-bezier(.19,1,.22,1),
        opacity .9s ease;
}

.ehs-decor-1{ z-index:2; }
.ehs-decor-2{ z-index:3; }

.ehs-decor-1{
    left:3%;
    width:16%;
    height:230%;
    background:
        var(--ehs-decor-color-1);
    transform:
        translateX(-800px)
        translateY(calc(-50% - 800px))
        rotate(var(--ehs-decor-angle))
        scaleX(1);
    transition:
        transform 1.7s cubic-bezier(.23,1,.32,1) 1.2s,
        opacity 1.7s ease 1.2s;
}

.ehs-decor-2{
    top:60%;
        left: 20.6%;
    width:31%;
    height:230%;
    background:
        linear-gradient(
            172deg,
            var(--ehs-decor-color-2-start) 21%,
            rgba(5,26,79,0) 54%
        );
    transform:
        translateX(-800px)
        translateY(calc(-50% - 800px))
        rotate(var(--ehs-decor-angle))
        scaleX(1);
    transition:
        transform 1.5s cubic-bezier(.23,1,.32,1) 1.3s,
        opacity 1.5s ease 1.3s;
}

.ehs-slide.is-active.ehs-animate .ehs-decor-1{
    opacity:1;
    transform:
        translateX(0)
        translateY(-50%)
        rotate(var(--ehs-decor-angle))
        scaleX(1);
}

.ehs-slide.is-active.ehs-animate .ehs-decor-2{
    opacity:1;
    transform:
        translateX(0)
        translateY(-50%)
        rotate(var(--ehs-decor-angle))
        scaleX(1);
}

.ehs-slide.is-leaving .ehs-decor-1{
    opacity:0;
    transition:
        transform .75s cubic-bezier(.23,1,.32,1),
        opacity .7s ease;
    transform:
        translateX(1200px)
        translateY(calc(-50% + 1200px))
        rotate(0deg)
        scaleY(5);
}

.ehs-slide.is-leaving .ehs-decor-2{
    opacity:0;
    transition:
        transform .8s cubic-bezier(.23,1,.32,1),
        opacity .75s ease;
    transform:
        translateX(1200px)
        translateY(calc(-50% + 1200px))
        rotate(0deg)
        scaleY(5);
}

@media(min-width:1700px){
.ehs-decor-1{ width:14%; }
.ehs-decor-2{ width:27%; }
}

@media(max-width:1024px){
.ehs-decor-1{ width:23%; left:-13.5%; }
.ehs-decor-2{ width:37%; left:9.5%; }
}

@media(max-width:767px){
.ehs-decor-1{ width:34%; left:-25%; }
.ehs-decor-2{ width:49%; left:-5.5%; }
}