.el-testimonials-section{
    width: 100%;
    position: relative;
}
.el-testi-content-wrap{
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
.el-carousel-wrapper{
    position: relative;
}
.el-testi-content-wrap .section-heading{
    text-align: center;
    margin-bottom: 40px;
}
.client-thumbs{
    display: none;
}
@media (min-width: 993px){
    .el-testi-content-wrap{
        max-width: 680px;
    }
    .client-thumbs {
        width: 30%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
    }
    
    .client-thumbs.right {
        left: auto;
        right: 0;
    }
    
    .client-thumbs img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        object-position: center;
        border-radius: 50%;
        position: absolute;
        left: 20%;
        top: 20%;
        box-shadow: 0px 30px 50px 0px rgba(0, 9, 40, 0.2);
        animation: softgen_scale_up_down 2.5s infinite alternate;
    }
    
    .client-thumbs img:nth-child(2) {
        width: 70px;
        height: 70px;
        left: 55%;
        top: 30%;
        animation-delay: 200ms;
    }
    
    .client-thumbs img:nth-child(3) {
        width: 75px;
        height: 75px;
        left: 3%;
        top: 45%;
        animation-delay: 100ms;
    }
    
    .client-thumbs img:nth-child(4) {
        width: 75px;
        height: 75px;
        left: 50%;
        top: 57%;
        animation-delay: 400ms;
    }
    
    .client-thumbs img:nth-child(5) {
        width: 78px;
        height: 78px;
        left: 60%;
        top: 85%;
        animation-delay: 200ms;
    }
    
    .client-thumbs img:nth-child(6) {
        width: 65px;
        height: 65px;
        left: 15%;
        top: 75%;
        animation-delay: 500ms;
    }
    
    .client-thumbs.right img {
        left: auto;
        right: 20%;
    }
    
    .client-thumbs.right img:nth-child(2) {
        width: 70px;
        height: 70px;
        left: auto;
        right: 55%;
        animation-delay: 200ms;
    }
    
    .client-thumbs.right img:nth-child(3) {
        width: 75px;
        height: 75px;
        left: auto;
        right: 3%;
        animation-delay: 100ms;
    }
    
    .client-thumbs.right img:nth-child(4) {
        width: 75px;
        height: 75px;
        left: auto;
        right: 50%;
        animation-delay: 400ms;
    }
    
    .client-thumbs.right img:nth-child(5) {
        width: 78px;
        height: 78px;
        left: auto;
        right: 60%;
        animation-delay: 200ms;
    }
    
    .client-thumbs.right img:nth-child(6) {
        width: 65px;
        height: 65px;
        left: auto;
        right: 15%;
        animation-delay: 500ms;
    }
}


/* Testimonial Card */
.el-testi-card {
    text-align: center;
}

.el-testi-card .ratings {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.el-testi-card .ratings li {
    font-size: 20px;
    color: #bbb;
}
.el-testi-card .ratings.rating-1 li:nth-child(-n+1),
.el-testi-card .ratings.rating-2 li:nth-child(-n+2),
.el-testi-card .ratings.rating-3 li:nth-child(-n+3),
.el-testi-card .ratings.rating-4 li:nth-child(-n+4),
.el-testi-card .ratings.rating-5 li:nth-child(-n+5){
    color: #FF9529;
}

.el-testi-card p {
    color: var(--softgen-grey-color, #5d6374);
    font-size: 22px;
    margin-bottom: 30px;
}

.el-testi-card .review-author h3 {
    color: var(--softgen-dark, #110718);
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
}

.el-testi-card .review-author h4 {
    font-size: 14px;
    color: var(--softgen-grey-color, #5d6374);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
}

.dl-carousel .el-testi-card .review-author h4,
.dl-carousel .el-testi-card .review-author h3 {
    transform: translateY(20%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.dl-carousel .slick-active .el-testi-card .review-author h4,
.dl-carousel .slick-active .el-testi-card .review-author h3 {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    transition-duration: 0.4s;
    transition-delay: 0.2s;
}

.dl-carousel .slick-active .el-testi-card .review-author h4 {
    transition-delay: 0.4s;
}