@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

.oa-custom-slider,
.oa-custom-slider *{
    box-sizing:border-box;
    font-family:'Poppins',Arial,sans-serif;
}

.oa-custom-slider{
    position:relative;
    width:100%;
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
    margin:0;
    overflow:hidden;
    border-radius:var(--oa-slider-radius,0px);
    background:#07101a;
    isolation:isolate;
    cursor:grab;
    user-select:none;
    -webkit-user-select:none;
    touch-action:pan-y;
}

.oa-custom-slider.is-dragging{
    cursor:grabbing;
}

.oa-custom-slider__track,
.oa-custom-slider__slide{
    position:absolute;
    inset:0;
    width:100%;
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
}

.oa-custom-slider__track{
    overflow:hidden;
}

.oa-custom-slider__slide{
    z-index:1;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    overflow:hidden;
    transform:scale(1.01);
    transition:
        opacity var(--oa-slider-transition,450ms) ease,
        transform var(--oa-slider-transition,450ms) ease,
        visibility var(--oa-slider-transition,450ms) ease;
    will-change:transform,opacity;
}

.oa-custom-slider__slide.is-active{
    z-index:2;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0) scale(1);
}

.oa-custom-slider__picture-link{
    position:absolute!important;
    inset:0!important;
    z-index:0;
    display:block!important;
    width:100%!important;
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
    margin:0!important;
    padding:0!important;
    text-decoration:none!important;
    cursor:pointer;
}

.oa-custom-slider__picture{
    position:absolute!important;
    inset:0!important;
    z-index:0;
    display:block!important;
    width:100%!important;
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    line-height:0!important;
}

.oa-custom-slider__picture img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    -webkit-user-drag:none;
    user-select:none;
    pointer-events:none;
}

.oa-custom-slider__shade{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(90deg,
            rgba(5,10,18,.96) 0%,
            rgba(5,10,18,.82) 34%,
            rgba(5,10,18,.56) 62%,
            rgba(5,10,18,.10) 100%
        ),
        linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28));
    opacity:var(--oa-slide-overlay,0);
}

.oa-custom-slider__inner{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    width:100%;
    max-width:1460px;
    height:500px!important;
    margin:0 auto;
    padding:36px 58px;
    pointer-events:none;
}

.oa-custom-slider__content{
    width:100%;
    max-width:var(--oa-slider-content-width,720px);
    pointer-events:auto;
}

.oa-custom-slider__logo{
    display:block;
    width:auto;
    max-width:min(330px,70%);
    max-height:108px;
    margin:0 0 24px;
    object-fit:contain;
    object-position:left center;
    -webkit-user-drag:none;
    user-select:none;
}

.oa-custom-slider__content h2{
    max-width:760px;
    margin:0 0 18px;
    color:var(--oa-heading-color,#f1f4f8)!important;
    font-size:46px;
    line-height:1.06;
    letter-spacing:-.025em;
    font-weight:600;
    text-shadow:0 2px 16px rgba(0,0,0,.18);
}

.oa-custom-slider__content p{
    max-width:50%;
    margin:0;
    color:var(--oa-description-color,#d2d8e2)!important;
    font-size:15px;
    line-height:1.8;
    font-weight:400;
    text-shadow:0 2px 12px rgba(0,0,0,.16);
}

.oa-custom-slider__actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
    margin-top:28px;
}

.oa-custom-slider__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 20px;
    border:0;
    border-radius:11px;
    background:var(--oa-btn-bg,#5267e8);
    color:var(--oa-btn-color,#fff)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.18);
    text-decoration:none!important;
    font-size:13px;
    line-height:1;
    font-weight:600;
    transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}

.oa-custom-slider__button--static{
    cursor:default;
    pointer-events:none;
}

.oa-custom-slider__button:hover,
.oa-custom-slider__button:focus{
    color:var(--oa-btn-color,#fff)!important;
    background:var(--oa-btn-hover,#6277f0);
    transform:translateY(-1px);
    box-shadow:0 13px 32px rgba(0,0,0,.23);
}

.oa-custom-slider__info{
    color:var(--oa-info-color,#e3e7ee)!important;
    font-size:13px;
    line-height:1.5;
    font-weight:500;
    text-shadow:0 2px 10px rgba(0,0,0,.16);
}

.oa-custom-slider__arrow{
    -webkit-appearance:none!important;
    appearance:none!important;
    position:absolute!important;
    top:50%!important;
    z-index:8!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:none!important;
    text-shadow:none!important;
    outline:0!important;
    opacity:.9;
    cursor:pointer!important;
    line-height:0!important;
    font-size:0!important;
    transform:translateY(-50%)!important;
    transition:opacity .16s ease,transform .16s ease!important;
}

.oa-custom-slider__arrow::before,
.oa-custom-slider__arrow::after{
    display:none!important;
    content:none!important;
}

.oa-custom-slider__arrow--prev{left:14px!important}
.oa-custom-slider__arrow--next{right:14px!important}

.oa-custom-slider__arrow svg{
    display:block!important;
    width:30px!important;
    height:30px!important;
    min-width:25px!important;
    min-height:25px!important;
    max-width:12px!important;
    max-height:20px!important;
    margin:0!important;
    padding:0!important;
    fill:none!important;
    stroke:#fff!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    pointer-events:none!important;
}

.oa-custom-slider__arrow:hover,
.oa-custom-slider__arrow:focus,
.oa-custom-slider__arrow:focus-visible,
.oa-custom-slider__arrow:active{
    -webkit-appearance:none!important;
    appearance:none!important;
    border:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:none!important;
    outline:0!important;
    opacity:1;
    transform:translateY(-50%) scale(1.06)!important;
}

.oa-custom-slider__dots{display:none!important}

@media(max-width:1100px){
    .oa-custom-slider__inner{padding:32px 46px}
    .oa-custom-slider__content h2{font-size:39px}
}

@media(max-width:780px){
    .oa-custom-slider,
    .oa-custom-slider__track,
    .oa-custom-slider__slide,
    .oa-custom-slider__picture,
    .oa-custom-slider__inner{
        height:500px!important;
        min-height:500px!important;
        max-height:500px!important;
    }

    .oa-custom-slider__picture img{
        object-position:center center!important;
    }

    .oa-custom-slider__shade{
        background:
            linear-gradient(90deg,rgba(5,10,18,.94) 0%,rgba(5,10,18,.62) 72%,rgba(5,10,18,.12) 100%),
            linear-gradient(180deg,rgba(5,10,18,.10) 0%,rgba(5,10,18,.28) 55%,rgba(5,10,18,.78) 100%);
    }

    .oa-custom-slider__inner{
        align-items:flex-end;
        padding:34px 22px 34px;
    }

    .oa-custom-slider__content{
        max-width:100%;
    }

    .oa-custom-slider__logo{
        max-width:min(260px,72%);
        max-height:82px;
        margin-bottom:18px;
    }

    .oa-custom-slider__content h2{
        margin-bottom:14px;
        font-size:31px;
        line-height:1.12;
    }

    .oa-custom-slider__content p{
        max-width:94%;
        font-size:13px;
        line-height:1.72;
    }

    .oa-custom-slider__actions{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
        margin-top:22px;
    }

    .oa-custom-slider__button{
        min-height:42px;
        padding:0 17px;
        font-size:12px;
    }

    .oa-custom-slider__info{font-size:12px}

    .oa-custom-slider__picture-link{
        height:500px!important;
        min-height:500px!important;
        max-height:500px!important;
    }

    .oa-custom-slider__arrow{
        width:16px!important;
        min-width:16px!important;
        max-width:16px!important;
        height:26px!important;
        min-height:26px!important;
        max-height:26px!important;
        opacity:.86;
    }
    .oa-custom-slider__arrow--prev{left:10px!important}
    .oa-custom-slider__arrow--next{right:10px!important}
}

@media(max-width:480px){
    .oa-custom-slider__inner{padding-left:16px;padding-right:16px}
    .oa-custom-slider__content h2{font-size:27px}
    .oa-custom-slider__logo{max-width:68%;max-height:72px}
}
