/*------------------------------------------------------------------
testimonial_slider_band.css
Last edited: 10/1/25

[Notes]
-------------------------------------------------------------------*/

.testimonial-slider {
    padding-block: 30px;
}

.testimonial-slider-thumbnails {
    padding-block: 60px 90px;
}

.testimonial-slider-thumbnails .swiper-slide .slide-image {
    border: 20px solid transparent;
    transition: transform 400ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border-color 400ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 400ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.testimonial-slider-thumbnails .swiper-slide .slide-image img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.testimonial-slider-thumbnails .swiper-slide:is(.swiper-slide-thumb-active, :hover) .slide-image {
    border: 20px solid var(--theme-color-orange);
}

.testimonial-slider-thumbnails .swiper-slide.swiper-slide-thumb-active .slide-image {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 992px) {
    .testimonial-slider-thumbnails .swiper-slide.swiper-slide-thumb-active .slide-image {
        transform: scale(1.1);
    }
}

.band-testimonial-slider .swiper-content-wrapper {
    --swiper-navigation-size: 24px;
    --swiper-theme-color: var(--theme-color-black);
    position: relative;
}

.band-testimonial-slider .swiper-content-wrapper .swiper-button-prev {
    left: -30px;
}

.band-testimonial-slider .swiper-content-wrapper .swiper-button-next {
    right: -30px;
}

.testimonial-slider-text {
    overflow: clip;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='204' height='152' fill='none' viewBox='0 0 204 152'%3E%3Cpath stroke='%23cbe109' stroke-width='6' d='M187.549 70.561a42.3 42.3 0 0 0-10.229-6.814L195.147 4.3h-49.509l-24.755 52.514c-4.01 8.7-7.018 15.747-9.015 21.149-2.005 5.409-3.309 9.992-3.89 13.748a72 72 0 0 0-.889 11.277q.002 20.451 13.267 32.778c8.842 8.234 19.983 12.336 33.415 12.336 13.441 0 24.582-4.102 33.424-12.336q13.261-12.327 13.259-32.778-.002-20.794-12.905-32.426Z'/%3E%3Cpath stroke='%23cbe109' stroke-miterlimit='10' stroke-width='6' d='M97.893 102.987q.002 20.451-13.26 32.778c-8.834 8.234-19.983 12.336-33.415 12.336-13.44 0-24.582-4.102-33.424-12.336-8.834-8.219-13.26-19.143-13.26-32.778 0-3.757.295-7.513.883-11.277q.882-5.634 3.89-13.748 3.007-8.101 9.022-21.149L43.084 4.3h49.51L74.757 63.747a42.3 42.3 0 0 1 10.23 6.814c8.608 7.754 12.904 18.565 12.904 32.426Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: left 32px;
    padding-left: 50px;
    padding-block: 30px;
}

.testimonial-slider-text blockquote {
    border-left: 6px solid var(--theme-color-sky);
    padding: 0 30px 0 30px;
}

.testimonial-slider-text .testimonial:not(.swiper-slide-visible) {
    opacity: 0;
}

.testimonial-slider-text blockquote p {
    text-transform: none;
    font-weight: 700;
    line-height: var(--theme-lh-base);
}
.testimonial-slider-thumbnails .slide-image {
    cursor: pointer;
}

.testimonial-slider-text blockquote cite {
    display: block;
    margin-top: 40px;
    text-transform: none;
}

@media screen and (min-width: 992px) {
    .testimonial-slider-text {
        background-size: initial;
        background-position: left 55px;
        padding-left: 250px;
        padding-block: 84px;
    }
    .testimonial-slider-text blockquote {
        padding: 0 116px 0 60px;
    }
}

@media screen and (max-width: 768px) {
    .testimonial-slider-thumbnails {
        padding-block: 15px;
    }
    .testimonial-thumbnails-background.testimonial-thumbnails-background,
    .testimonial-text-background.testimonial-text-background {
        padding-block: 10px;
    }
    .testimonial-thumbnails-background .container.swiper-content-wrapper {
        padding-inline: 30px;
    }
    .testimonial-slider-text.testimonial-slider-text {
        padding-top: 10px;
    }
    .band-testimonial-slider .swiper-content-wrapper .swiper-button-prev {
        left: 0;
    }

    .band-testimonial-slider .swiper-content-wrapper .swiper-button-next {
        right: 0;
    }
}