sl-testimonial-carousel {
    position: relative;
    display: block;
    margin: 0 auto;
    padding-top: 34px;
    overflow: hidden;
    max-width: 1440px;
    opacity: 0;
}

sl-testimonial-carousel.ready { opacity: 1; }

sl-testimonial-carousel div.swiper,
sl-testimonial-carousel li.swiper-slide { max-height: 432px; }

sl-testimonial-carousel div.swiper,
sl-testimonial-carousel li.swiper-slide { overflow: visible; }

sl-testimonial-carousel div.swiper {
    display: block;
    margin: 0 auto;
    height: 30.81vw;
}

sl-testimonial-carousel li.swiper-slide,
sl-testimonial-carousel a[class*="swiper-button"]:after,
sl-testimonial-carousel a[class*="swiper-button"] { display: inline-block; }

sl-testimonial-carousel li.swiper-slide img { width: 100%; }

sl-testimonial-carousel li.swiper-slide,
sl-testimonial-carousel li.swiper-slide div.media,
sl-testimonial-carousel li.swiper-slide div.media:before,
sl-testimonial-carousel li.swiper-slide img,
sl-testimonial-carousel div.testimony { border-radius: 20px; }

sl-testimonial-carousel li.swiper-slide-active,
sl-testimonial-carousel li.swiper-slide-active img { border-top-right-radius: 0; }

sl-testimonial-carousel li.swiper-slide div.media,
sl-testimonial-carousel li.swiper-slide-active div.media,
sl-testimonial-carousel div.testimony { box-shadow: 5px 24px 48px 0px #00000026; }

sl-testimonial-carousel li.swiper-slide div.media {
    height: 256px;
    width: 410px;
    margin-top: 6.5vw;
    position: relative;
}

sl-testimonial-carousel li.swiper-slide {
    height: 17.78vw;
    position: relative;
}

sl-testimonial-carousel div.media img {
    height: 100%;
    text-align: center;
}

sl-testimonial-carousel li.swiper-slide-active div.media {
    height: 432px;
    width: 790px;
    margin-top: 6px;
}

sl-testimonial-carousel li.swiper-slide-active {
    transition: transform 0.3s;
    z-index: 2;
}

sl-testimonial-carousel li.swiper-slide-active div.video a.play-button,
sl-testimonial-carousel li iframe[src*=youtube],
sl-testimonial-carousel li iframe[src*=vimeo],
sl-testimonial-carousel div.nav { position: absolute; }

sl-testimonial-carousel li.swiper-slide-active div.video a.play-button {
    display: block;
    height: 102px;
    width: 93px;
    background: url("/wp-content/plugins/elementor-slmandic-addon/assets/images/play.svg") no-repeat 0 0 / 100%;
    top: 170px;
    left: 295px;
    right: 0;
    margin: 0 auto;
}

sl-testimonial-carousel li.swiper-slide-prev,
sl-testimonial-carousel li.swiper-slide-next { z-index: 1; }

sl-testimonial-carousel li img,
sl-testimonial-carousel li iframe,
sl-testimonial-carousel li video { height: 100%; }

sl-testimonial-carousel li iframe,
sl-testimonial-carousel li video { display: none; }

sl-testimonial-carousel li div.play iframe,
sl-testimonial-carousel li div.play video { display: block; }

sl-testimonial-carousel li div[class].play a.play-button { display: none; }

sl-testimonial-carousel li iframe[src*=youtube],
sl-testimonial-carousel li iframe[src*=vimeo] {
    top: 0;
    width: 100%;
}

sl-testimonial-carousel div.testimony {
    display: none;
    position: relative;
    margin: 278px 0 0 492px;
    padding: 38px 40px;
    bottom: 432px;
    max-height: 244px;
    width: 366px;
}

sl-testimonial-carousel div.testimony > div {
    max-height: 170px;
    overflow: hidden;
}

sl-testimonial-carousel li.swiper-slide-active div.testimony { display: block; }

sl-testimonial-carousel div.testimony h3,
sl-testimonial-carousel div.testimony p {
    font-size: 16px;
    text-align: center;
    line-height: 1;
    margin: 0;
}

sl-testimonial-carousel div.testimony h3 {
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 14px;
}

sl-testimonial-carousel div.testimony p { font-size: 14px; }

sl-testimonial-carousel div.swiper-pagination {
    position: absolute;
    top: 34vw;
    bottom: auto !important;
    z-index: 1;
}

sl-testimonial-carousel div.nav {
    width: 104px;
    right: 0;
    z-index: 1;
    margin: 0 auto;
    left: calc(50% - 54px);
}

sl-testimonial-carousel a[class*="swiper-button"]:after {
    font-size: 0;
    background: url("/wp-content/plugins/elementor-slmandic-addon/assets/images/arrow-right.png") no-repeat;
    vertical-align: super;
    height: 18px;
    width: 20px;
    margin: 10px 10px;
}

sl-testimonial-carousel a[class*="swiper-button"] {
    width: 40px;
    height: 40px;
    border-radius: 22px;
    position: static;
}

sl-testimonial-carousel a.swiper-button-prev {
    background-color: #FBFBFB;
    transform: rotate(180deg);
    margin-right: 18px;
}

sl-testimonial-carousel a.swiper-button-next { background-color: #F8CA0F; }

sl-testimonial-carousel div.nav-mobile,
sl-testimonial-carousel div.swiper-scrollbar { display: none; }

sl-testimonial-carousel ul.swiper-wrapper { right: 40px; }

sl-testimonial-carousel li:not(.swiper-slide-active) div.media:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    sl-testimonial-carousel {
        height: 129.2vw;
        padding: 0;
    }

    sl-testimonial-carousel li.swiper-slide { box-shadow: unset; }
    sl-testimonial-carousel li.swiper-slide-prev div.media { right: 75.8%; }
    sl-testimonial-carousel li.swiper-slide-next div.media { left: 59.8%; }
    sl-testimonial-carousel li.swiper-slide-active div.media { right: 83.8%; }


    sl-testimonial-carousel li.swiper-slide,
    sl-testimonial-carousel li.swiper-slide div.media,
    sl-testimonial-carousel li.swiper-slide div.media:before,
    sl-testimonial-carousel li.swiper-slide img,
    sl-testimonial-carousel div.testimony { border-radius: 6px; }

    sl-testimonial-carousel li.swiper-slide-active div.video a.play-button { top: 7.46%; }

    sl-testimonial-carousel div.nav {
        left: 0;
        top: 104.5vw;
    }

    sl-testimonial-carousel li.swiper-slide div.media {
        width: 116%;
        height: 25.9vw;
        box-shadow: unset;
        margin-top: 16.5vw;
    }

    sl-testimonial-carousel li.swiper-slide-active div.media {
        height: 58vw;
        width: 269.6%;
        margin-top: 0;
    }

    sl-testimonial-carousel div.testimony {
        width: 232%;
        max-height: 67.2vw;
        margin-top: 66.99%;
        margin-left: 102.5%;
        bottom: 29.97vw;
        padding: 20.8% 20.4%;
        right: 167.4%;
    }

    sl-testimonial-carousel div.testimony > div { max-height: 46vw; }
    sl-testimonial-carousel div.testimony h3 { margin-bottom: 14px; }

    sl-testimonial-carousel li.swiper-slide-active div.video a.play-button {
        width: 19%;
        height: 18.6vw;
        left: 0;
        top: 34%;
    }

    sl-testimonial-carousel div.swiper-pagination { top: 120vw; }
}

@media screen and (min-width: 768px) {
    sl-testimonial-carousel {
        height: 42.71vw;
        max-width: 100%;
    }

    sl-testimonial-carousel li.swiper-slide-prev div.media { right: 23%; }
    sl-testimonial-carousel li.swiper-slide-next div.media { left: 37.6%; }
    sl-testimonial-carousel li.swiper-slide-active div.media { right: 31.9%; }


    sl-testimonial-carousel a[class*="swiper-button"] {
        height: 36px;
        width: 36px;
    }

    sl-testimonial-carousel a[class*="swiper-button"]:after {
        position: relative;
        margin: 0 8px;
        bottom: 3px;
    }

    sl-testimonial-carousel div.nav {
        top: 20px;
        left: 46.2%;
    }

    sl-testimonial-carousel li.swiper-slide div.media {
        width: 85.5%;
        height: 17.78vw;
    }

    sl-testimonial-carousel li.swiper-slide-active div.media {
        height: 30vw;
        width: 164.6%;
    }

    sl-testimonial-carousel div.testimony {
        width: 76.3%;
        margin-left: 102.5%;
        max-height: 16.95vw;
        bottom: 29.97vw;
        padding: 7.8% 8.4%;
        margin-top: 57.92%;
    }

    sl-testimonial-carousel div.testimony > div { max-height: 11.81vw; }

    sl-testimonial-carousel li.swiper-slide-active div.video a.play-button {
        width: 11.78%;
        height: 23.2%;
        top: 38.4%;
        right: auto;
        left: 43.2%;
    }
}