/*Testimonial*/
.cafe-testimonial {
    .cafe-quotation {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .cafe-testimonial-item {
        text-align: center;
        margin-bottom: 30px;
    }
    .cafe-wrap-avatar {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin-bottom: 20px;
        overflow: hidden;
        display: inline-block;
        text-align: center;
        img {
            border-radius: inherit;
            height: 100%;
            width: 100%;
        }
    }
    .cafe-testimonial-content {
        margin-bottom: 20px;
    }
    .cafe-testimonial-author {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .cafe-row {
        width: calc(100% + 30px);
        &.slick-slider {
            width: 100%;
        }
    }
    &.default{
        .cafe-wrap-content{
            margin-left: auto;
            margin-right: auto;
        }
        .cafe-wrap-author-info {
            width: auto;
        }
        .cafe-wrap-testimonial-info{
            justify-content: center;
            text-align: left;
        }
    }
    &.style-1 {
        .cafe-testimonial-item {
            text-align: left;
        }
        .cafe-testimonial-content {
            border-radius: 10px;
            box-shadow: 0 15px 40px -5px #eae7f5;
            position: relative;
            padding: 30px;
            text-align: left;
            margin-bottom: 45px;
            color: #303030;
            &:after {
                content: '';
                border: 15px solid transparent;
                border-top-color: $white_text;
                position: absolute;
                top: 100%;
                display: block;
            }
        }
        .cafe-wrap-author-info {
            width: auto;
            flex-grow: 1;
            padding-left: 20px;
        }
        .cafe-testimonial-rate {
            margin-top: 20px
        }
        .cafe-quotation {
            margin: 0;
            position: absolute;
            right: 30px;
            bottom: 20px;
            color: rgba(243, 66, 145, 0.2);
            font-size: 46px;
            line-height: 1;
        }
        .cafe-testimonial-author {
            font-size: 20px;
            color: $black_text;
            font-weight: 400;
        }
        .cafe-testimonial-des {
            font-size: 12px;
            text-transform: uppercase;
            color: #b7b7b7;
            letter-spacing: 1px;
        }
        .cafe-wrap-avatar {
            width: 80px;
            height: 80px;
        }
        ul.slick-dots {
            position: static;
            li.slick-active {
                width: 35px;
            }
        }
    }
    &.style-2 {
        .cafe-wrap-content {
            margin-left: auto;
            margin-right: auto;
        }
        .cafe-wrap-testimonial-info {
            flex-direction: column;
        }
        .cafe-wrap-avatar {
            margin-bottom: 15px;
        }
        .cafe-carousel-btn.prev-item {
            right: calc(50% + 200px);
            bottom: 120px
        }
        .cafe-carousel-btn.next-item {
            left: calc(50% + 200px);
            right: auto;
            bottom: 120px
        }
        .cafe-wrap-content {
            max-width: 100%;
        }
        .cafe-testimonial-content{
            margin-bottom: 35px;
        }
    }
    &.style-3{
        &.carousel-layout{
            .cafe-testimonial-item{
                padding-top: 50px;
            }
        }
        
        .cafe-wrap-content{
            .cafe-wrap-testimonial-info{
                position: relative;
                .cafe-wrap-avatar{
                    position: absolute;
                    top: -110px;
                    left: 0;
                    z-index: 1;
                }
                .cafe-wrap-author-info{
                    width: 100%;
                    position: relative;
                    .cafe-quotation{
                        position: absolute;
                        top: -15px;
                        right: 0;
                        z-index: 0;
                        margin: 0;
                    }
                }
            }
            .cafe-testimonial-content{
                margin-bottom: 0;
            }
        }
    }
    &.nav-position-bottom{
        .cafe-carousel-btn{
            top: auto;
            bottom:0;
            transform: none;
            &.prev-item{
                right: calc(50% + 10px);
                left: auto;
            }
            &.next-item{
                left: calc(50% + 10px);
                right: auto;
            }
        }
    }
    &.nav-position-top{
        .cafe-carousel-btn{
            top: 0;
            bottom:auto;
            transform: none;
        }
    }
}

.cafe-testimonial-rate {
    width: 100%;
    .cafe-rate-star {
        position: relative;
        display: inline-flex;
        font-size: 14px;
        &:after {
            position: absolute;
            left: 0;
        }
    }
    .cafe-rate-star:before {
        color: $border_color;
    }
    .cafe-rate-star:after {
        color: #f3c612;
        font-family: cleversoft;
    }
    .cafe-rate-star:before{
        content: '\c241\c241\c241\c241\c241';
        font-family: cleversoft;
    }
    .cafe-rate-star{
        &.stars-5:after{
            content: '\c241\c241\c241\c241\c241';
        }&.stars-4:after{
            content: '\c241\c241\c241\c241';
        }&.stars-3:after{
            content: '\c241\c241\c241';
        }&.stars-2:after{
            content: '\c241\c241';
        }&.stars-1:after{
            content: '\c241';
        }
    }
}

@media(min-width: 1200px) {
    .cafe-testimonial.carousel-layout.style-1 {
        width: calc(100% + 70px);
        margin-left: -35px;
        margin-right: -35px;
        .cafe-col {
            padding-left: 35px;
            padding-right: 35px;
        }
    }
}

/*End Testimonial*/
/*Testimonial*/
.cafe-testimonial {
    .cafe-carousel-btn {
        bottom: 50px;
    }
    .cafe-wrap-content {
        max-width: 570px;
    }

}

.cafe-testimonial .cafe-testimonial-content {
    font-size: 18px;
    margin-bottom: 30px;
}
.cafe-wrap-testimonial-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .cafe-wrap-avatar {
        margin: 0;
    }
    .cafe-wrap-author-info {
        width: calc(100% - 130px);
    }
    .cafe-testimonial-author {
        font-size: 24px;
        color: $black_text;
        margin-bottom: 5px
    }
    .cafe-testimonial-des {
        color: var(--accent-color);
    }
}

/*End Testimonial*/