/*
==========================================
TESTIMONIALS SECTION
==========================================
*/

.srb-testimonials {

    position: relative;

    padding: 120px 0;

    background: #f7fbfd;

    overflow: hidden;

}


/*
==========================================
Slider
==========================================
*/

.srb-testimonials-slider {

    position: relative;

    width: 100%;

    overflow: hidden;

}


/*
==========================================
Track
==========================================
*/

.srb-testimonial-track {

    display: flex;

    align-items: stretch;

    gap: 30px;

    width: max-content;

    will-change: transform;

    transform: translate3d(0, 0, 0);

}


/*
==========================================
Item
==========================================
*/

.srb-testimonial-item {

    flex: 0 0 360px;

    width: 360px;

    min-height: 260px;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #edf2f7;

    border-radius: 24px;

    box-shadow: 0 10px 25px rgba(23, 50, 77, 0.06);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    transition: .35s;

}

.srb-testimonial-item:hover {

    transform: translateY(-6px);

    box-shadow: 0 20px 45px rgba(23, 50, 77, 0.11);

}


/*
==========================================
Rating
==========================================
*/

.srb-testimonial-item__rating {

    display: flex;

    align-items: center;

    gap: 4px;

    margin-bottom: 18px;

}

.srb-testimonial-item__rating span {

    display: inline-block;

    color: #d7dee5;

    font-size: 17px;

    line-height: 1;

}

.srb-testimonial-item__rating span.is-active {

    color: #f5b301;

}


/*
==========================================
Review
==========================================
*/

.srb-testimonial-item__review {

    margin: 0 0 25px;

    color: #596b7b;

    font-size: 16px;

    line-height: 1.8;

}


/*
==========================================
Author
==========================================
*/

.srb-testimonial-item__author {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: auto;

    padding-top: 20px;

    border-top: 1px solid #edf2f5;

}


/*
==========================================
Avatar
==========================================
*/

.srb-testimonial-item__avatar {

    flex: 0 0 58px;

    width: 58px;

    height: 58px;

    min-width: 58px;

    min-height: 58px;

    object-fit: cover;

    border-radius: 50%;

    border: 3px solid #e8f7fb;

    display: block;

}


/*
==========================================
Author Info
==========================================
*/

.srb-testimonial-item__author-info {

    min-width: 0;

    display: flex;

    flex-direction: column;

}

.srb-testimonial-item__name {

    margin: 0 0 4px;

    color: #17324d;

    font-size: 17px;

    line-height: 1.3;

    font-weight: 800;

}

.srb-testimonial-item__designation {

    color: #667085;

    font-size: 14px;

    line-height: 1.5;

}

.srb-testimonial-item__company {

    color: #1193d2;

    font-size: 13px;

    line-height: 1.5;

    font-weight: 600;

}


/*
==========================================
Responsive
==========================================
*/

@media (max-width: 991px) {

    .srb-testimonials {

        padding: 90px 0;

    }

    .srb-testimonial-track {

        gap: 22px;

    }

    .srb-testimonial-item {

        flex: 0 0 330px;

        width: 330px;

        min-height: 250px;

        padding: 27px;

    }

}

@media (max-width: 767px) {

    .srb-testimonials {

        padding: 75px 0;

    }

    .srb-testimonial-track {

        gap: 18px;

    }

    .srb-testimonial-item {

        flex: 0 0 300px;

        width: 300px;

        min-height: 245px;

        padding: 24px;

        border-radius: 20px;

    }

}