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

.testimonials {

    position: relative;

    background: #111;

    color: #fff;

    overflow: hidden;

}

.overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(rgba(0, 0, 0, .75),
            rgba(0, 0, 0, .75)),
        url("https://images.unsplash.com/photo-1528740561666-dc2479dc08ab?w=2000");

    background-size: cover;

    background-position: center;

    opacity: .35;

}

.testimonials .container {

    position: relative;

    z-index: 2;

}

.light {

    text-align: center;

}

.light .section-title {

    color: #fff;

}

.light .section-description {

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

}

.testimonial-slider {

    margin-top: 80px;

}

.testimonial-track {

    display: grid;

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

    gap: 35px;

}

.testimonial-card {

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

    backdrop-filter: blur(16px);

    padding: 45px;

    border-radius: 24px;

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

    transition: .4s;

}

.testimonial-card:hover {

    transform: translateY(-8px);

    border-color: rgba(176, 141, 87, .5);

}

.stars {

    color: #D4B47A;

    font-size: 1.2rem;

    letter-spacing: 4px;

    margin-bottom: 25px;

}

.testimonial-card p {

    line-height: 2;

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

    margin-bottom: 35px;

    font-size: 1.05rem;

}

.client h4 {

    font-family: "Cormorant Garamond", serif;

    font-size: 1.5rem;

}

.client span {

    color: #bbb;

}

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

@media (max-width:700px) {

    .testimonials {

        padding: 70px 0;

    }

    .testimonial-slider {

        margin-top: 40px;

    }

    .light .section-title {

        font-size: 2rem;
        line-height: 1.15;

    }

    .light .section-description {

        font-size: .92rem;
        line-height: 1.7;
        margin-top: 15px;

    }

    .testimonial-track {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    .testimonial-card {

        padding: 28px 22px;

        border-radius: 20px;

        text-align: center;

    }

    .stars {

        font-size: 1rem;

        letter-spacing: 3px;

        margin-bottom: 18px;

    }

    .testimonial-card p {

        font-size: .92rem;

        line-height: 1.8;

        margin-bottom: 22px;

    }

    .client h4 {

        font-size: 1.35rem;

        margin-bottom: 4px;

    }

    .client span {

        font-size: .85rem;

    }

}