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

.testimonial-section{
    padding:50px 0;
    background:#ffffff;
    overflow:hidden;
}

/* TITLE */

.testimonial-title{
    text-align:center;
    margin-bottom:40px;
}

.testimonial-title span{
    font-size:12px;
    font-weight:600;
    color:#944fd4;
    letter-spacing:1px;
}

.testimonial-title h2{
    font-size:42px;
    font-weight:700;
    margin-top:10px;
}

/* =========================
   DESKTOP
========================= */

.testimonial-slider{

    display:grid;

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

    gap:24px;

}

/* CARD */

.testimonial-card{

    background:#fff;

    border-radius:24px;

    padding:30px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.04);

    overflow:hidden;

    min-width:0;

}

/* STARS */

.testimonial-stars{
    display:flex;
    gap:4px;

    color:#f7b500;

    margin-bottom:20px;
}

/* TEXT */

.testimonial-card p{

    font-size:15px;

    line-height:1.9;

    color:#555;

    margin-bottom:26px;

    white-space:normal !important;

    word-break:break-word;

    overflow-wrap:anywhere;

}

/* USER */

.testimonial-user{
    display:flex;
    align-items:center;
    gap:14px;
}

/* PHOTO */

.testimonial-photo img,
.testimonial-avatar{

    width:56px;
    height:56px;

    border-radius:50%;

    object-fit:cover;

    flex-shrink:0;

}

/* AVATAR */

.testimonial-avatar{
    background:#944fd4;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-weight:700;
}

/* NAME */

.testimonial-user h4{
    font-size:16px;
    margin:0 0 4px;
}

.testimonial-user span{
    font-size:13px;
    color:#888;
}

/* =========================
   MOBILE
========================= */
@media(max-width:768px){

    .testimonial-section{
        padding:60px 16px;
        overflow:hidden;
    }

    /* TITLE */

    .testimonial-title{
        margin-bottom:24px;
    }

    .testimonial-title h2{
        font-size:30px;
        line-height:1.3;
    }

    /* SLIDER */

    .testimonial-slider{

        display:flex;

        gap:16px;

        overflow-x:auto;

        scroll-behavior:smooth;

        scroll-snap-type:x mandatory;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;

        padding-bottom:6px;

    }

    .testimonial-slider::-webkit-scrollbar{
        display:none;
    }

    /* CARD */

    .testimonial-card{

        flex:0 0 100%;

        min-width:100%;

        scroll-snap-align:start;

        border-radius:22px;

        padding:24px;

    }

    /* TEXT */

    .testimonial-card p{

        font-size:15px;

        line-height:1.9;

        white-space:normal !important;

        word-break:break-word;

        overflow-wrap:anywhere;

    }

}