/* ==============================================
   TESTIMONIALS SECTION — IMPROVED SPACING
   ============================================== */

.testimonials-section {
    padding: 110px 0;
    background: var(--color-navy);
    color: var(--color-white);
}


/* Heading */
.testimonials-section .section-heading {
    margin-bottom: 60px;
}

.testimonials-section .section-heading h2,
.testimonials-section .section-heading p {
    color: rgba(255,255,255,.92);
}

.testimonials-section .section-heading p {
    max-width: 720px;
    margin: 18px auto 0;
}


/* Tag */
.testimonials-section .section-tag {
    background: rgba(255,255,255,.1);
    color: #93C5FD;
}


/* Slider */
.testimonials-slider-wrap {
    overflow: hidden;
    padding: 10px 0;
}


.testimonials-grid {
    display: flex;
    gap: 28px;
    transition: transform .45s cubic-bezier(.4,0,.2,1);
    will-change: transform;
}



/* ==============================================
   TESTIMONIAL CARD
   ============================================== */

.testimonial-card {

    flex: 0 0 calc(33.333% - 19px);

    background: rgba(255,255,255,.05);

    border: 1px solid rgba(255,255,255,.12);

    border-radius: 24px;

    padding: 38px 34px;

    min-height: 360px;

    display:flex;
    flex-direction:column;

    gap:26px;

    backdrop-filter:blur(12px);

    transition:
    transform .3s ease,
    background .3s ease,
    border-color .3s ease;

}



.testimonial-card:hover {

    background:rgba(255,255,255,.09);

    border-color:rgba(255,255,255,.2);

    transform:translateY(-8px);

}



/* Stars */

.testimonial-stars {

    color:#FBBF24;

    font-size:18px;

    letter-spacing:3px;

}



/* Quote */

.testimonial-content {

    flex:1;

}


.testimonial-content p {

    font-size:16px;

    color:rgba(255,255,255,.82);

    line-height:1.8;

    margin:0;

    font-style:italic;

}



/* Author */

.testimonial-author {

    display:flex;

    align-items:center;

    gap:16px;

    padding-top:20px;

    border-top:1px solid rgba(255,255,255,.08);

}



.author-initials {

    width:52px;

    height:52px;

    min-width:52px;

    border-radius:50%;

    background:var(--color-primary);

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    font-size:16px;

}



.author-info h4 {

    font-size:16px;

    color:white;

    margin:0 0 5px;

}



.author-info span {

    font-size:13px;

    color:rgba(255,255,255,.55);

}



/* ==============================================
   NAVIGATION
   ============================================== */

.testimonials-nav {

    margin-top:45px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:24px;

}



.testimonials-prev,
.testimonials-next {

    width:48px;

    height:48px;

    border-radius:50%;

}



/* ==============================================
   STATS
   ============================================== */

.testimonials-stats {

    display:flex;

    justify-content:center;

    gap:70px;

    margin-top:80px;

    padding-top:45px;

    border-top:1px solid rgba(255,255,255,.12);

    flex-wrap:wrap;

}



.t-stat {

    min-width:140px;

    text-align:center;

}



.t-stat-number {

    font-size:clamp(30px,4vw,42px);

    font-weight:800;

    display:block;

}



.t-stat-label {

    margin-top:8px;

    font-size:14px;

    color:rgba(255,255,255,.55);

}




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


@media(max-width:1000px){

    .testimonials-section{
        padding:90px 0;
    }


    .testimonial-card{

        flex:0 0 calc(50% - 14px);

        padding:32px 28px;

    }

}



@media(max-width:640px){


    .testimonials-section{

        padding:70px 0;

    }


    .testimonials-section .section-heading{

        margin-bottom:40px;

    }


    .testimonial-card{

        flex:0 0 100%;

        padding:28px 22px;

        min-height:auto;

    }


    .testimonials-stats{

        gap:35px;

        margin-top:55px;

    }


}