crm-cache/crm/custom-service/front/activity/cwg-monthly-profit-bonus/sass/elements/_testimonials.scss

/* Testimonial style 01 */
.testimonials-style-01 {
    .testimonial-arrow {
        &:after {
            content: '';
            top: 100%;
            left: 50px;
            height: 0;
            width: 0;
            z-index: 9;
            margin-left: -14px;
            position: absolute;
            pointer-events: none;
            border: solid transparent;
            border-width: 14px;
            border-top-color: var(--white);
        }
    }
    .author-detail {
        img {
            width: 60px;
            height: 60px;
        }
    }
}

/* Testimonial style 04 */
.testimonials-style-04 { 
    &.swiper-horizontal-3d {
        &.swiper { 
            margin-left: auto; 
            margin-right: auto; 
            position: relative; 
            overflow: hidden; 
            z-index: 1; 
        }
        .swiper-wrapper { 
            position: relative;
            width: 100%; 
            height: 100%; 
            z-index: 1;  
            display: flex; 
            transition-property: transform; 
            transition-property: transform, -webkit-transform; 
            box-sizing: content-box; 
        }
        &.swiper-pagination-bottom {
            .swiper-wrapper { 
                margin-bottom: 0; 
            }
        }
        .swiper-slide { 
            filter: grayscale(100%);  
            opacity: 0; 
            -webkit-flex-shrink: 0; 
            -ms-flex: 0 0 auto; 
            -ms-flex-negative: 0; 
            flex-shrink: 0; 
            width: 100%; 
            height: 100%; 
            position: relative;
            &.swiper-slide-prev, &.swiper-slide-next {
                opacity: .7
            }
            &.swiper-slide-active {
                opacity: 1;
                filter: grayscale(0);
                box-shadow: 0 0 60px rgba(0,0,0,.17);
                .slider-image {
                    &:hover {
                        .preview-icon { 
                            opacity: 1; 
                            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
                            z-index: 1; 
                        }
                    }
                }
            }
            img { 
                opacity: 0; 
            }
        }
        &.swiper { 
            width: 100%; 
            padding-bottom: 60px; 
        }
        &.swiper-3d {
            .swiper-slide-shadow-left, .swiper-slide-shadow-right {
                background-image: none;
            }
        }
        .swiper-slide-active {
            img { 
                opacity: 1;
            }
        }
    }
}

/* Testimonial style 05 */
.testimonials-style-05 {
    .testimonials-bubble { 
        position: relative; 
        border: 1px solid; 
        @include prefix(transition, 0.2s, webkit); 
        &:after, &:before {
            top: 100%; 
            left: 50px; 
            border: solid transparent; 
            content: " "; 
            height: 0; 
            width: 0; 
            position: absolute; 
            pointer-events: none;
        }
        &:after {
            border-color: rgba(255, 255, 255, 0); 
            border-top-color: var(--white); 
            border-width: 15px 15px 0 0; 
            margin-left: 1px;
        }
        &:before {
            border-color: rgba(237, 237, 237, 0); 
            border-top-color: var(--extra-medium-gray); 
            border-width: 18px 18px 0 0;
        }
    }
}

/* Testimonial style 12 */
.testimonials-style-12 { 
    .swiper-button-next-nav {
        right: -8px;
        &:hover{
            opacity: 1;
        }
    }
    .swiper-button-previous-nav {
        left: -8px;
        &:hover{
            opacity: 1;
        }
    }
}

/* Testimonial style 13  */
.testimonials-style-13 {
    .swiper-slide {
        opacity: 0.1;
        &.swiper-slide-active {
            opacity: 1;
        }
        &.swiper-slide-next {
            opacity: 0.4;
        }
    } 
}