/* =========================================================
   ADI YOGPEETH — STUDENT TESTIMONIALS
   ========================================================= */

.course-testimonials-section {

    padding:
        110px
        0;

    background:
        var(--color-white);

}


/* =========================================================
   HEADER
   ========================================================= */

.course-testimonials__header {

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(260px, 0.5fr);

    gap:
        60px;

    align-items:
        end;

    margin-bottom:
        48px;

}


.course-testimonials__header h2 {

    margin:
        0;

    color:
        var(--color-forest);

    font-family:
        var(--font-display);

    font-size:
        clamp(
            2.2rem,
            4vw,
            3.8rem
        );

    font-weight:
        var(--font-weight-medium);

    line-height:
        1.05;

    letter-spacing:
        -0.035em;

}


.course-testimonials__intro {

    max-width:
        370px;

}


.course-testimonials__intro p {

    margin:
        0;

    color:
        var(--color-text-secondary);

    font-size:
        0.7rem;

    line-height:
        1.8;

}


/* =========================================================
   GRID
   ========================================================= */

.testimonials-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:
        14px;

}


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

.testimonial-card {

    display:
        flex;

    flex-direction:
        column;

    min-height:
        390px;

    padding:
        30px;

    background:
        var(--color-ivory);

    border:
        1px solid var(--color-border);

    border-radius:
        var(--radius-md);

    transition:
        transform 220ms ease,
        box-shadow 220ms ease;

}


.testimonial-card:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 18px 40px
        rgba(15,39,32,0.07);

}


/* =========================================================
   RATING
   ========================================================= */

.testimonial-card__rating {

    display:
        flex;

    gap:
        3px;

    margin-bottom:
        22px;

}


.testimonial-card__rating span {

    color:
        var(--color-border);

    font-size:
        0.72rem;

}


.testimonial-card__rating span.is-active {

    color:
        var(--color-gold-dark);

}


/* =========================================================
   TITLE
   ========================================================= */

.testimonial-card h3 {

    margin:
        0;

    color:
        var(--color-forest);

    font-family:
        var(--font-display);

    font-size:
        1.3rem;

    font-weight:
        var(--font-weight-medium);

    line-height:
        1.25;

}


/* =========================================================
   QUOTE
   ========================================================= */

.testimonial-card blockquote {

    margin:
        18px
        0
        28px;

    color:
        var(--color-text-secondary);

    font-size:
        0.65rem;

    line-height:
        1.8;

}


/* =========================================================
   STUDENT
   ========================================================= */

.testimonial-card__student {

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    margin-top:
        auto;

}


.testimonial-card__avatar {

    width:
        42px;

    height:
        42px;

    overflow:
        hidden;

    flex:
        0 0 auto;

    background:
        var(--color-sand);

    border-radius:
        50%;

}


.testimonial-card__avatar img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

}


.testimonial-card__avatar span {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%;

    height:
        100%;

    color:
        var(--color-forest);

    font-family:
        var(--font-display);

}


.testimonial-card__student strong {

    display:
        block;

    margin-bottom:
        3px;

    color:
        var(--color-forest);

    font-family:
        var(--font-display);

    font-size:
        0.75rem;

    font-weight:
        var(--font-weight-medium);

}


.testimonial-card__student span {

    color:
        var(--color-text-muted);

    font-size:
        0.5rem;

}


/* =========================================================
   COURSE LABEL
   ========================================================= */

.testimonial-card__course {

    margin-top:
        18px;

    padding-top:
        14px;

    border-top:
        1px solid var(--color-border);

    color:
        var(--color-terracotta);

    font-size:
        0.48rem;

    font-weight:
        var(--font-weight-semibold);

    letter-spacing:
        0.04em;

    text-transform:
        uppercase;

}


/* =========================================================
   TRUST NOTE
   ========================================================= */

.course-testimonials__trust {

    display:
        flex;

    justify-content:
        center;

    gap:
        6px;

    margin-top:
        24px;

    color:
        var(--color-text-muted);

    font-size:
        0.5rem;

    text-align:
        center;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .testimonials-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .course-testimonials-section {

        padding:
            75px
            0;

    }


    .course-testimonials__header {

        grid-template-columns:
            1fr;

        gap:
            20px;

        margin-bottom:
            32px;

    }


    .course-testimonials__header h2 {

        font-size:
            clamp(
                2rem,
                9vw,
                2.8rem
            );

    }


    .testimonials-grid {

        grid-template-columns:
            1fr;

        gap:
            10px;

    }


    .testimonial-card {

        min-height:
            auto;

        padding:
            24px;

    }


    .course-testimonials__trust {

        flex-direction:
            column;

        gap:
            3px;

    }

}