/**********************************
* Testimonial Slider
**********************************/
.vii-testimonial-slider {
    --width-content:clamp(250px, 35%, 405px);
    --move:16px;
    --duration:600ms;
    --scale:0;
}

/* column */
.vii-testimonial-slider__list {
    width:calc(100% - var(--width-content));
    padding-right:clamp(var(--vii-gap-container), 48px, var(--vii-gap-side));
}
.vii-testimonial-slider__heading {
    width:var(--width-content);
}

/* slider > layer */
/*.vii-testimonial-slider__items:before,*/
/*.vii-testimonial-slider__items:after {*/
/*    content:"";*/
/*    height:16px; border-radius:0 0 4px 4px; position:absolute;*/
/*}*/
/*.vii-testimonial-slider__items:before {background:#4181d3; left:16px; right:16px; bottom:-16px;}*/
/*.vii-testimonial-slider__items:after {background:#76aef7; left:32px; right:32px; bottom:-32px;}*/

/* slider > item background */
.vii-testimonial-slider__item:nth-child(3n + 1) {background:var(--vii-color-blue);}
.vii-testimonial-slider__item:nth-child(3n + 2) {background:#4181d3;}
.vii-testimonial-slider__item:nth-child(3n + 3) {background:#76aef7;}
.vii-testimonial-slider__item:nth-child(3n + 3) .vii-testimonial-slider__item-name {color:var(--vii-color-blue)}

/* slider > item */
.vii-testimonial-slider__item {
    --logo-size:180px;
    padding:36px var(--vii-gap-container); box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.vii-testimonial-slider__item-content {
    width:calc(100% - var(--logo-size));
    padding-right:clamp(var(--vii-gap-container), 60px, var(--vii-gap-side));
}
.vii-testimonial-slider__item-logo {width:var(--logo-size); height:var(--logo-size); padding:20px;}
.vii-testimonial-slider__item-position {padding-top:8px;}

/* slider > dots */
.vii-story-slider__nav {justify-content:center}

/* slider > CLS */
.vii-testimonial-slider__items, .vii-testimonial-slider__item {min-height:404px;}

/* Layout without content */
.vii-testimonial-slider:not(:has(.vii-testimonial-slider__heading)) .vii-testimonial-slider__list {
    padding-right:0; margin-left:auto; margin-right:auto;
}


/**********************************
* Testimonial Slider - Responsive
**********************************/
@media only screen and (max-width:1180px) {
    .vii-testimonial-slider__item {padding-bottom:20px;}
    .vii-testimonial-slider__item-position {padding-top:0;}
}
@media only screen and (max-width:1023px) {
    .vii-testimonial-slider {max-width:920px; margin-left:auto; margin-right:auto; flex-direction:column-reverse;}
    .vii-testimonial-slider__list {width:100%; padding-right:0;}
    .vii-testimonial-slider__heading {
        width:100%; margin-bottom:var(--vii-spacing-40);
    }
}
@media only screen and (max-width:768px) {
    .vii-testimonial-slider__item {--logo-size:100px;}
    .vii-testimonial-slider__item-logo {padding:10px;}
}
@media only screen and (max-width:480px) {
    .vii-testimonial-slider__item {--logo-size:60px; padding-top:20px;}
    .vii-testimonial-slider__item-content-logo {flex-direction:column-reverse;}
    .vii-testimonial-slider__item-logo {margin-bottom:16px;}
    .vii-testimonial-slider__item-content {width:100%; padding-right:0;}
    .vii-story-slider__nav {padding-top:12px;}
}


/**********************************
* Testimonial Slider > Animation
**********************************/
.vii-testimonial-slider .flickity-viewport {overflow:visible;}
.vii-testimonial-slider__item {
    z-index:1; opacity:1 !important;
    transform:translateY(calc(2 * var(--move))) scaleX(calc(1 - 2 * var(--scale))) !important;
    transition:transform var(--duration) ease, opacity var(--duration) ease var(--duration);
}
.vii-testimonial-slider__item.current {
    z-index:4;
    transform:translateY(0) scaleX(1) !important;
}
.vii-testimonial-slider__item.next {
    z-index:3;
    transform:translateY(var(--move)) scaleX(calc(1 - var(--scale))) !important;
}
.vii-testimonial-slider__item.double-next {
    z-index:2;
}

.vii-testimonial-slider__item.prev {
    transform: translateY(calc(-1 * var(--move))) scale(calc(1 + var(--scale))) !important;
    opacity:0 !important; z-index:5;
}