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

.testimonials-section{

    padding:20px 0;

    background:#f8fbff;

    overflow:hidden;

}

.testimonials-header{

    text-align:center;

    max-width:760px;

    margin:0 auto 70px;

}

.testimonials-tag{

    display:inline-block;

    padding:10px 24px;

    background:#EAF2FF;

    color:#2563EB;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:20px;

}

.testimonials-header h2{

    font-size:50px;

    font-weight:800;

    color:#12263F;

    margin-bottom:15px;

}

.testimonials-header p{

    color:#64748B;

    font-size:18px;

    line-height:1.8;

}

/*=========================================================

                    SWIPER

=========================================================*/

.testimonialSwiper{

    padding:30px 15px 80px;

}

/*=========================================================

                SLIDE

=========================================================*/

.testimonialSwiper .swiper-slide{

    height:auto;

    transition:.56s;

    opacity:.45;

    transform:scale(.86);

}

/*=========================================================

                ACTIVE CARD

=========================================================*/

.testimonialSwiper .swiper-slide-active{

    opacity:1;

    transform:scale(1.08);

    z-index:20;

}

.testimonialSwiper .swiper-slide-prev,

.testimonialSwiper .swiper-slide-next{

    opacity:.82;

    transform:scale(.90);

}

/*=========================================================

                CARD

=========================================================*/

.testimonial-card{

    background:#fff;

    border-radius:26px;

    padding:35px;

    height:100%;

    min-height:360px;

    border:1px solid #E5EAF4;

    box-shadow:

        0 15px 40px rgba(15,23,42,.07);

    transition:.35s;

}

.swiper-slide-active .testimonial-card{

    border:2px solid #2563EB;

    box-shadow:

        0 25px 70px rgba(37,99,235,.20);

}

.testimonial-card:hover{

    transform:translateY(-8px);

}

/*=========================================================

                STARS

=========================================================*/

.stars{

    color:#F7B500;

    font-size:22px;

    margin-bottom:22px;

}

/*=========================================================

                TEXT

=========================================================*/

.testimonial-card p{

    color:#475569;

    font-size:18px;

    line-height:1.9;

    min-height:140px;

}

/*=========================================================

                USER

=========================================================*/

.testimonial-user{

    display:flex;

    align-items:center;

    margin-top:35px;

}

.testimonial-user img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid #2563EB;

    margin-right:16px;

}

.testimonial-user h5{

    margin:0;

    font-size:22px;

    font-weight:700;

    color:#12263F;

}

.testimonial-user span{

    color:#64748B;

}

/*=========================================================

                NAVIGATION

=========================================================*/

.testimonial-navigation{

    display:flex;

    justify-content:center;

    gap:25px;

}

.testimonial-prev,

.testimonial-next{

    width:58px;

    height:58px;

    border-radius:50%;

    background:#ffffff;

    display:flex;

    justify-content:center;

    align-items:center;

    cursor:pointer;

    color:#2563EB;

    font-size:20px;

    box-shadow:

        0 10px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.testimonial-prev:hover,

.testimonial-next:hover{

    background:#2563EB;

    color:#fff;

    transform:translateY(-3px);

}

/*=========================================================

                RESPONSIVE

=========================================================*/

@media(max-width:991px){

.testimonials-header h2{

    font-size:40px;

}

.testimonial-card{

    min-height:330px;

}

}

@media(max-width:768px){

.testimonials-section{

    padding:80px 0;

}

.testimonials-header h2{

    font-size:32px;

}

.testimonial-card{

    min-height:auto;

}

}