.wpl-testimonial-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.wpl-testimonial-carousel .swiper-wrapper {
    display: flex;
}

.wpl-testimonial-carousel .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wpl-testimonial-carousel .content-wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 20px;
}

.wpl-testimonial-carousel .image-wrapper {
    margin-bottom: 20px;
}

.wpl-testimonial-carousel .image-wrapper img {
    display: block;
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}

.wpl-testimonial-carousel .content-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wpl-testimonial-carousel .content-wrapper p {
    margin: 0 0 15px 0;
    font-style: italic;
}

/* Testimonial Content Scroll & Max Height */
.wpl-testimonial-carousel .description-wrapper {
    position: relative;
    touch-action: pan-y;
}

.wpl-testimonial-carousel.has-content-scroll .description-wrapper.has-scroll.is-expanded,
.wpl-testimonial-carousel.has-content-scroll .description-wrapper.has-scroll.scroll-always,
.wpl-testimonial-carousel:not(.no-content-scroll) .description-wrapper.is-expanded {
    max-height: var(--wpl-testimonial-scroll-max-height, 160px);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding-right: 6px;
}

/* Custom Scrollbar for Webkit */
.wpl-testimonial-carousel .description-wrapper::-webkit-scrollbar {
    width: var(--wpl-scrollbar-width, 4px);
}

.wpl-testimonial-carousel .description-wrapper::-webkit-scrollbar-track {
    background: var(--wpl-scrollbar-track, rgba(0, 0, 0, 0.05));
    border-radius: var(--wpl-scrollbar-radius, 4px);
}

.wpl-testimonial-carousel .description-wrapper::-webkit-scrollbar-thumb {
    background: var(--wpl-scrollbar-thumb, #027399);
    border-radius: var(--wpl-scrollbar-radius, 4px);
    transition: background-color 0.2s ease;
}

.wpl-testimonial-carousel .description-wrapper::-webkit-scrollbar-thumb:hover {
    background: var(--wpl-scrollbar-thumb-hover, #014d66);
}

/* Firefox Scrollbar */
.wpl-testimonial-carousel .description-wrapper {
    scrollbar-width: thin;
    scrollbar-color: var(--wpl-scrollbar-thumb, #027399) var(--wpl-scrollbar-track, rgba(0, 0, 0, 0.05));
}

.wpl-testimonial-carousel .wpl-testimonial-text {
    position: relative;
}

.wpl-testimonial-carousel .wpl-testimonial-toggle-btn {
    display: inline;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    margin-left: 6px;
    font-weight: 600;
    font-size: inherit;
    font-family: inherit;
    cursor: pointer;
    text-decoration: underline;
    color: inherit;
    transition: color 0.25s ease, opacity 0.25s ease, background-color 0.25s ease;
    line-height: inherit;
    vertical-align: baseline;
}

.wpl-testimonial-carousel .wpl-testimonial-toggle-btn:hover {
    opacity: 0.8;
}

.wpl-testimonial-carousel .wpl-testimonial-toggle-btn--block {
    display: inline-block;
    margin-top: 8px;
    margin-left: 0;
}

.wpl-testimonial-carousel .rating-wrapper {
    margin-bottom: 10px;
}

.wpl-testimonial-carousel .rating-wrapper i {
    color: #ccc;
}

.wpl-testimonial-carousel .rating-wrapper i.filled {
    color: #f1c40f;
}

.wpl-testimonial-carousel .name-wrapper {
    font-weight: bold;
    margin-bottom: 5px;
}

.wpl-testimonial-carousel .position-wrapper {
    font-size: 0.9em;
    color: #666;
}

.wpl-testimonial-carousel .pagination-area {
    /* position: relative; */
    margin-top: 20px;
    text-align: center;
}

.wpl-testimonial-carousel .swiper-pagination {
    position: relative;
    display: inline-block;
}

.wpl-testimonial-carousel .swiper-pagination-bullet {
    display: inline-block;
    margin: 0 5px;
    background: #ccc;
    opacity: 0.5;
}

.wpl-testimonial-carousel .swiper-pagination-bullet-active {
    background: #000;
    opacity: 1;
}

.wpl-testimonial-carousel .swiper-button-prev:before,
.wpl-testimonial-carousel .swiper-button-prev:after,
.wpl-testimonial-carousel .swiper-button-next:before,
.wpl-testimonial-carousel .swiper-button-next:after {
    display: none !important;
}

.wpl-testimonial-carousel .swiper-button-prev,
.wpl-testimonial-carousel .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wpl-testimonial-carousel .swiper-button-prev {
    left: 10px;
}

.wpl-testimonial-carousel .swiper-button-next {
    right: 10px;
}

.wpl-testimonial-carousel.rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.wpl-testimonial-carousel.rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.wpl-testimonial-carousel.vertical {
    height: 500px;
}

/* Responsive breakpoints */
@media (min-width: 1541px) {
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-1 .swiper-wrapper > div.swiper-slide { width: calc((100% / 1) - (0 * 1 / 1)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-2 .swiper-wrapper > div.swiper-slide { width: calc((100% / 2) - (var(--wpl-slides-gap-desktop) * 1 / 2)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-3 .swiper-wrapper > div.swiper-slide { width: calc((100% / 3) - (var(--wpl-slides-gap-desktop) * 2 / 3)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-4 .swiper-wrapper > div.swiper-slide { width: calc((100% / 4) - (var(--wpl-slides-gap-desktop) * 3 / 4)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-5 .swiper-wrapper > div.swiper-slide { width: calc((100% / 5) - (var(--wpl-slides-gap-desktop) * 4 / 5)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-6 .swiper-wrapper > div.swiper-slide { width: calc((100% / 6) - (var(--wpl-slides-gap-desktop) * 5 / 6)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-g-10 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-g-20 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-g-30 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-g-40 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-g-50 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).desktop-g-60 > .swiper-wrapper > div.swiper-slide {
        margin-right: var(--wpl-slides-gap-desktop) !important;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1540px) {
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-1 .swiper-wrapper > div.swiper-slide { width: calc((100% / 1) - (0 * 1 / 1)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-2 .swiper-wrapper > div.swiper-slide { width: calc((100% / 2) - (var(--wpl-slides-gap-laptop) * 1 / 2)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-3 .swiper-wrapper > div.swiper-slide { width: calc((100% / 3) - (var(--wpl-slides-gap-laptop) * 2 / 3)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-4 .swiper-wrapper > div.swiper-slide { width: calc((100% / 4) - (var(--wpl-slides-gap-laptop) * 3 / 4)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-5 .swiper-wrapper > div.swiper-slide { width: calc((100% / 5) - (var(--wpl-slides-gap-laptop) * 4 / 5)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-6 .swiper-wrapper > div.swiper-slide { width: calc((100% / 6) - (var(--wpl-slides-gap-laptop) * 5 / 6)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-g-10 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-g-20 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-g-30 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-g-40 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-g-50 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).laptop-g-60 > .swiper-wrapper > div.swiper-slide {
        margin-right: var(--wpl-slides-gap-laptop) !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-1 .swiper-wrapper > div.swiper-slide { width: calc((100% / 1) - (0 * 1 / 1)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-2 .swiper-wrapper > div.swiper-slide { width: calc((100% / 2) - (var(--wpl-slides-gap-tablet-lan) * 1 / 2)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-3 .swiper-wrapper > div.swiper-slide { width: calc((100% / 3) - (var(--wpl-slides-gap-tablet-lan) * 2 / 3)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-4 .swiper-wrapper > div.swiper-slide { width: calc((100% / 4) - (var(--wpl-slides-gap-tablet-lan) * 3 / 4)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-5 .swiper-wrapper > div.swiper-slide { width: calc((100% / 5) - (var(--wpl-slides-gap-tablet-lan) * 4 / 5)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-6 .swiper-wrapper > div.swiper-slide { width: calc((100% / 6) - (var(--wpl-slides-gap-tablet-lan) * 5 / 6)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-g-10 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-g-20 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-g-30 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-g-40 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-g-50 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-lan-g-60 > .swiper-wrapper > div.swiper-slide {
        margin-right: var(--wpl-slides-gap-tablet-lan) !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-1 .swiper-wrapper > div.swiper-slide { width: calc((100% / 1) - (0 * 1 / 1)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-2 .swiper-wrapper > div.swiper-slide { width: calc((100% / 2) - (var(--wpl-slides-gap-tablet) * 1 / 2)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-3 .swiper-wrapper > div.swiper-slide { width: calc((100% / 3) - (var(--wpl-slides-gap-tablet) * 2 / 3)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-4 .swiper-wrapper > div.swiper-slide { width: calc((100% / 4) - (var(--wpl-slides-gap-tablet) * 3 / 4)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-5 .swiper-wrapper > div.swiper-slide { width: calc((100% / 5) - (var(--wpl-slides-gap-tablet) * 4 / 5)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-6 .swiper-wrapper > div.swiper-slide { width: calc((100% / 6) - (var(--wpl-slides-gap-tablet) * 5 / 6)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-g-10 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-g-20 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-g-30 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-g-40 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-g-50 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).tablet-g-60 > .swiper-wrapper > div.swiper-slide {
        margin-right: var(--wpl-slides-gap-tablet) !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-1 .swiper-wrapper > div.swiper-slide { width: calc((100% / 1) - (0 * 1 / 1)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-2 .swiper-wrapper > div.swiper-slide { width: calc((100% / 2) - (var(--wpl-slides-gap-mobile-lan) * 1 / 2)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-3 .swiper-wrapper > div.swiper-slide { width: calc((100% / 3) - (var(--wpl-slides-gap-mobile-lan) * 2 / 3)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-4 .swiper-wrapper > div.swiper-slide { width: calc((100% / 4) - (var(--wpl-slides-gap-mobile-lan) * 3 / 4)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-5 .swiper-wrapper > div.swiper-slide { width: calc((100% / 5) - (var(--wpl-slides-gap-mobile-lan) * 4 / 5)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-6 .swiper-wrapper > div.swiper-slide { width: calc((100% / 6) - (var(--wpl-slides-gap-mobile-lan) * 5 / 6)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-g-10 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-g-20 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-g-30 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-g-40 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-g-50 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-lan-g-60 > .swiper-wrapper > div.swiper-slide {
        margin-right: var(--wpl-slides-gap-mobile-lan) !important;
    }
}

@media screen and (min-width: 1px) and (max-width: 479px) {
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-1 .swiper-wrapper > div.swiper-slide { width: calc((100% / 1) - (0 * 1 / 1)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-2 .swiper-wrapper > div.swiper-slide { width: calc((100% / 2) - (var(--wpl-slides-gap-mobile) * 1 / 2)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-3 .swiper-wrapper > div.swiper-slide { width: calc((100% / 3) - (var(--wpl-slides-gap-mobile) * 2 / 3)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-4 .swiper-wrapper > div.swiper-slide { width: calc((100% / 4) - (var(--wpl-slides-gap-mobile) * 3 / 4)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-5 .swiper-wrapper > div.swiper-slide { width: calc((100% / 5) - (var(--wpl-slides-gap-mobile) * 4 / 5)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-6 .swiper-wrapper > div.swiper-slide { width: calc((100% / 6) - (var(--wpl-slides-gap-mobile) * 5 / 6)); }
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-g-10 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-g-20 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-g-30 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-g-40 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-g-50 > .swiper-wrapper > div.swiper-slide,
    .wpl-testimonial-carousel:not(.swiper-initialized).mobile-g-60 > .swiper-wrapper > div.swiper-slide {
        margin-right: var(--wpl-slides-gap-mobile) !important;
    }
}