/*==========================================================
    TESTIMONIALS RESPONSIVE
==========================================================*/

/*==========================
    Tablet
==========================*/

@media (max-width:992px){

    .testimonials-section{

        padding:90px 0;

    }

    .testimonial-header h2{

        font-size:42px;

    }

    .testimonial-header p{

        font-size:18px;

    }

    .testimonial-slider{

        gap:25px;

    }

    .testimonial-slide{

        width:320px;

        padding:22px;

    }

    .testimonial-slide video{

        height:440px;

    }

    .video-details h3{

        font-size:24px;

    }

    .video-details p{

        font-size:16px;

    }

    .slider-btn{

        width:54px;

        height:54px;

        font-size:24px;

    }

    .reviews-title h3{

        font-size:32px;

    }

    .reviews-grid{

        grid-template-columns:1fr;

        gap:24px;

    }

}


/*==========================
    Mobile
==========================*/

@media (max-width:576px){

    .testimonials-section{

        padding:70px 0;

    }

    .testimonial-header{

        margin-bottom:40px;

    }

    .testimonial-header h2{

        font-size:34px;

        line-height:1.25;

    }

    .testimonial-header p{

        font-size:16px;

    }

    .testimonial-slider{

        gap:15px;

    }

    .testimonial-slide{

        width:260px;

        padding:18px;

    }

    .testimonial-slide video{

        height:360px;

        border-radius:18px;

    }

    .video-details{

        padding-top:16px;

    }

    .stars{

        font-size:18px;

    }

    .video-details h3{

        font-size:20px;

    }

    .video-details p{

        font-size:14px;

        line-height:1.7;

    }

    .slider-btn{

        width:46px;

        height:46px;

        font-size:20px;

    }

    .dot{

        width:10px;

        height:10px;

    }

    .dot.active{

        width:32px;

    }

    .reviews-title{

        margin-bottom:30px;

    }

    .reviews-title h3{

        font-size:28px;

    }

    .review-card{

        padding:22px;

    }

    .review-card h4{

        font-size:20px;

    }

    .review-card p{

        font-size:15px;

    }

}