/*********************************************
 * Pages Slider
**********************************************/
.vii-pages-slider {
    --flkt-btn-size:48px; --right-padding:95px;
    /* slider image */
    --image-out-of-box:23px;
}
.vii-pages-slider__inner {gap:var(--vii-spacing-40) 0;}
.vii-pages-slider__images {width:50%;}
.vii-pages-slider__text {width:50%; padding-right:var(--right-padding);}

/* images */
.vii-pages-slider__image-slider,
.vii-pages-slider__item-image {aspect-ratio:504/365;}

/* Flickity Button */
.vii-pages-slider__arrows {padding-right:var(--right-padding);}

/* Overlay */
.vii-pages-slider__item-image.active:before {filter:drop-shadow(4px 0px 30px rgba(0, 0, 0, 0.2));}
.vii-pages-slider__item-image:not(.active):before {
    background:rgba(0, 0, 0, 0.7);
}

/* Speed up transition */
.vii-pages-slider__text-slider.flickity-enabled.is-fade .flickity-slider > * {transition-duration:0.15s;}

/* avoid CLS */
.vii-pages-slider__text-slider:not(.flickity-enabled) .vii-pages-slider__item:first-child {display:none;}

/*********************************************
 * Pages Slider Responsive
**********************************************/
@media only screen and (min-width:769px) {
    .vii-pages-slider__images {padding-right:calc(var(--vii-gap-container) + var(--image-out-of-box));}
    .vii-pages-slider__image-slider {max-width:504px;}
}
@media only screen and (max-width:1024px) {
    .vii-pages-slider {
        --right-padding:0;
    }
}
@media only screen and (max-width:768px) {
    .vii-pages-slider__inner {flex-direction:column-reverse;}
    .vii-pages-slider__images,
    .vii-pages-slider__text {width:100%;}

    /* Overlapping Slider Item */
    .vii-pages-slider__item-image {width:calc(100% - 15px) !important;}
}