/* ==========================================================
   MERITZA CLASSES
   TESTIMONIALS
========================================================== */


/* ==========================================================
   SECTION
========================================================== */

.mc-testimonials{

    position:relative;

    padding-top:0;

    padding-bottom:0;

    overflow:hidden;

}


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

.mc-testimonials-header{

    position:relative;

    max-width:820px;

    margin:0 auto 26px;

    text-align:center;

}


/* ==========================================================
   EDITORIAL EYEBROW
========================================================== */

.mc-testimonials-eyebrow{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    max-width:720px;

    margin:0 auto 10px;

    gap:18px;

}


/* ==========================================================
   EYEBROW TEXT
========================================================== */

.mc-testimonials-eyebrow-text{

    flex-shrink:0;

    color:#B98C14;

    font-size:.84rem;

    font-weight:800;

    letter-spacing:.17em;

    line-height:1;

    white-space:nowrap;

}


/* ==========================================================
   EYEBROW LINES
========================================================== */

.mc-testimonials-eyebrow-line{

    flex:1;

    height:2px;

}


/* ==========================================================
   LEFT GOLD LINE
========================================================== */

.mc-testimonials-eyebrow-line:first-child{

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(212,175,55,.20) 15%,
            rgba(212,175,55,.55) 55%,
            rgba(212,175,55,.95) 100%
        );

}


/* ==========================================================
   RIGHT GOLD LINE
========================================================== */

.mc-testimonials-eyebrow-line:last-child{

    background:
        linear-gradient(
            90deg,
            rgba(212,175,55,.95) 0%,
            rgba(212,175,55,.55) 45%,
            rgba(212,175,55,.20) 85%,
            transparent 100%
        );

}


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

.mc-testimonials-title{

    margin:0;

    color:#0A1946;

    font-size:2.2rem;

    font-weight:800;

    line-height:1.1;

    letter-spacing:-.7px;

}


/* ==========================================================
   DESCRIPTION
========================================================== */

.mc-testimonials-description{

    max-width:640px;

    margin:6px auto 0;

    color:#52627A;

    font-size:.9rem;

    line-height:1.45;

}


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

.mc-testimonials-grid{

    display:grid;

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

    gap:20px;

}


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

.mc-testimonial-card{

    position:relative;

    display:flex;

    flex-direction:column;

    min-width:0;

    overflow:hidden;

    padding:22px 21px 19px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #F8FAFD 55%,
            #F1F5FA 100%
        );

    border:1px solid rgba(10,25,70,.09);

    border-radius:18px;

    box-shadow:
        0 8px 24px rgba(10,25,70,.055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;

}


/* ==========================================================
   CARD GOLD ACCENT
========================================================== */

.mc-testimonial-card::after{

    content:"";

    position:absolute;

    left:18px;

    right:18px;

    bottom:0;

    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(212,175,55,.18) 12%,
            rgba(212,175,55,.75) 50%,
            rgba(212,175,55,.18) 88%,
            transparent 100%
        );

    opacity:.7;

}


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

.mc-testimonial-card:hover{

    transform:translateY(-4px);

    border-color:rgba(212,175,55,.35);

    box-shadow:
        0 16px 34px rgba(10,25,70,.10);

}


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

.mc-testimonial-quote-mark{

    position:absolute;

    top:8px;

    right:18px;

    color:rgba(212,175,55,.16);

    font-family:Georgia,serif;

    font-size:4.5rem;

    font-weight:700;

    line-height:1;

    pointer-events:none;

}


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

.mc-testimonial-rating{

    position:relative;

    z-index:1;

    display:flex;

    align-items:center;

    gap:3px;

    margin-bottom:12px;

}


.mc-testimonial-rating i{

    color:#D4AF37;

    font-size:.75rem;

    line-height:1;

}


/* ==========================================================
   REVIEW
========================================================== */

.mc-testimonial-review{

    position:relative;

    z-index:1;

    margin:0;

    color:#3F4D63;

    font-size:.86rem;

    font-weight:500;

    line-height:1.65;

}


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

.mc-testimonial-student{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:18px;

}


/* ==========================================================
   AVATAR
========================================================== */

.mc-testimonial-avatar{

    display:flex;

    align-items:center;

    justify-content:center;

    flex:0 0 38px;

    width:38px;

    height:38px;

    color:#0A1946;

    background:
        linear-gradient(
            145deg,
            rgba(212,175,55,.24),
            rgba(212,175,55,.08)
        );

    border:1px solid rgba(212,175,55,.35);

    border-radius:50%;

    font-size:.82rem;

    font-weight:800;

}


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

.mc-testimonial-student-info{

    min-width:0;

}


.mc-testimonial-student-name{

    margin:0;

    overflow:hidden;

    color:#0A1946;

    font-size:.84rem;

    font-weight:800;

    line-height:1.25;

    text-overflow:ellipsis;

    white-space:nowrap;

}


.mc-testimonial-class{

    margin:3px 0 0;

    color:#7A879A;

    font-size:.69rem;

    font-weight:600;

    line-height:1.25;

}


/* ==========================================================
   TUTOR REFERENCE
========================================================== */

.mc-testimonial-tutor{

    display:flex;

    align-items:center;

    gap:4px;

    margin-top:12px;

    padding-top:10px;

    border-top:1px solid rgba(10,25,70,.07);

    color:#8A95A7;

    font-size:.67rem;

    line-height:1.3;

}


.mc-testimonial-tutor strong{

    color:#52627A;

    font-weight:700;

}


/* ==========================================================
   FOOTER
========================================================== */

.mc-testimonials-footer{

    display:flex;

    justify-content:center;

    margin-top:22px;

}


/* ==========================================================
   CTA
========================================================== */

.mc-testimonials-cta{

    display:inline-flex;

    align-items:center;

    gap:7px;

    color:#245FC1;

    font-size:.82rem;

    font-weight:800;

    text-decoration:none;

    transition:
        color .2s ease,
        gap .2s ease;

}


.mc-testimonials-cta span{

    font-size:1.1rem;

    line-height:1;

}


.mc-testimonials-cta:hover{

    color:#0A1946;

    gap:10px;

}


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

@media (max-width:991.98px){

    .mc-testimonials-grid{

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

        gap:18px;

    }


    .mc-testimonials-title{

        font-size:2rem;

    }

}


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

@media (max-width:767.98px){

    .mc-testimonials-header{

        margin-bottom:22px;

    }


    .mc-testimonials-eyebrow{

        gap:10px;

    }


    .mc-testimonials-eyebrow-text{

        font-size:.64rem;

        letter-spacing:.12em;

    }


    .mc-testimonials-eyebrow-line{

        height:1px;

    }


    .mc-testimonials-title{

        font-size:1.8rem;

        letter-spacing:-.4px;

    }


    .mc-testimonials-description{

        font-size:.84rem;

    }


    .mc-testimonials-grid{

        grid-template-columns:1fr;

        gap:16px;

    }


    .mc-testimonial-card{

        padding:20px 18px 18px;

        border-radius:16px;

    }


    .mc-testimonial-review{

        font-size:.84rem;

        line-height:1.6;

    }


    .mc-testimonials-footer{

        margin-top:20px;

    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion:reduce){

    .mc-testimonial-card,
    .mc-testimonials-cta{

        transition:none;

    }

}