.slides-anvitur-wrapper {
    --sa-wrapper-height: 500px;
    --sa-slide-width: 70%;
    --sa-slide-height: 82%;
    --sa-active-scale: 1;
    --sa-side-scale: 0.72;
    --sa-side-offset: 34%;
    --sa-side-offset-fine: 0%;
    --sa-depth-perspective: 1200px;
    --sa-arrow-icon-size: 24px;
    --sa-arrow-box-size: 52px;
    --sa-arrow-side-gap: 18px;

    perspective: var(--sa-depth-perspective);
    overflow: hidden;
    width: 100%;
    height: var(--sa-wrapper-height);
    position: relative;
}

.slides-anvitur-track {
    position: relative;
    height: 100%;
    width: 100%;
}

.slides-anvitur-slide {
    width: var(--sa-slide-width);
    max-width: min(1100px, 100%);
    height: var(--sa-slide-height);
    background-size: cover;
    background-position: center;
    border-radius: 25px;
    transition: transform 0.8s ease, opacity 0.8s ease;
    box-shadow: 0 30px 60px rgba(0,0,0,0.3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.58);
    opacity: 0;
    z-index: 1;
}

.slides-anvitur-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(to top, rgba(0,0,0,0.45), rgba(0,0,0,0.1));
}

.slides-anvitur-slide.is-active {
    transform: translate(-50%, -50%) scale(var(--sa-active-scale));
    opacity: 1;
    z-index: 4;
}

.slides-anvitur-slide.is-next {
    transform: translate(calc(-50% + var(--sa-side-offset) + var(--sa-side-offset-fine)), -50%) scale(var(--sa-side-scale));
    opacity: 0.9;
    z-index: 2;
}

.slides-anvitur-slide.is-prev {
    transform: translate(calc(-50% - var(--sa-side-offset) - var(--sa-side-offset-fine)), -50%) scale(var(--sa-side-scale));
    opacity: 0.9;
    z-index: 2;
}

.slides-anvitur-slide.is-hidden {
    transform: translate(-50%, -50%) scale(0.55);
    opacity: 0;
    z-index: 0;
}

.slides-anvitur-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 2;
    width: min(84%, 900px);
}

.slides-anvitur-content h2 { margin: 0 0 10px; }
.slides-anvitur-maintext { margin: 0 0 12px; }
.slides-anvitur-pretitle { margin: 0 0 8px; }
.slides-anvitur-pretext { margin: 0 0 14px; }

.slides-anvitur-content h2 { font-size: 40px; line-height: 1.15; }
.slides-anvitur-maintext { font-size: 18px; line-height: 1.45; }
.slides-anvitur-pretitle { font-size: 22px; line-height: 1.25; }
.slides-anvitur-pretext { font-size: 16px; line-height: 1.45; }

.slides-anvitur-btn {
    display: inline-block;
    margin-top: 12px;
    padding: 12px 30px;
    background: #ff3366;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    transition: all .25s ease;
}

.slides-anvitur-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 8;
    border: 0;
    cursor: pointer;
    width: var(--sa-arrow-box-size);
    height: var(--sa-arrow-box-size);
    border-radius: 999px;
    background: rgba(0,0,0,0.55);
    color: #fff;
    font-size: var(--sa-arrow-icon-size);
    line-height: 1;
    display: grid;
    place-items: center;
    transition: all .2s ease;
}

.slides-anvitur-arrow--prev { left: var(--sa-arrow-side-gap); }
.slides-anvitur-arrow--next { right: var(--sa-arrow-side-gap); }

.slides-anvitur-arrow:hover,
.slides-anvitur-arrow:focus {
    background: rgba(0,0,0,0.8);
    color: #fff;
    outline: none;
}

@media(max-width:1024px){
    .slides-anvitur-wrapper {
        --sa-slide-width: min(var(--sa-slide-width), 84%);
        --sa-side-offset: min(var(--sa-side-offset), 28%);
    }

    .slides-anvitur-content {
        width: 88%;
    }

    .slides-anvitur-content h2 { font-size: 30px; }
    .slides-anvitur-maintext { font-size: 16px; }
    .slides-anvitur-pretitle { font-size: 18px; }
    .slides-anvitur-pretext { font-size: 14px; }
}

@media(max-width:767px){
    .slides-anvitur-wrapper {
        --sa-slide-width: min(var(--sa-slide-width), 92%);
        --sa-side-offset: min(var(--sa-side-offset), 21%);
    }

    .slides-anvitur-slide {
        height: min(var(--sa-slide-height), 78%);
    }

    .slides-anvitur-content {
        width: 90%;
    }

    .slides-anvitur-content h2 { font-size: 22px; }
    .slides-anvitur-maintext { font-size: 14px; }
    .slides-anvitur-pretitle { font-size: 16px; }
    .slides-anvitur-pretext { font-size: 13px; }

    .slides-anvitur-arrow {
        top: auto;
        bottom: 10px;
        transform: none;
        width: var(--sa-arrow-box-size);
        height: var(--sa-arrow-box-size);
        font-size: var(--sa-arrow-icon-size);
    }

    .slides-anvitur-arrow--prev {
        left: calc(50% - 52px);
    }

    .slides-anvitur-arrow--next {
        right: calc(50% - 52px);
    }
}
