.mf-testimonials {

padding:
    5rem 0;

}

.mf-testimonials__header {

max-width: 700px;

margin:
    0 auto 3rem;

text-align: center;

}

.mf-testimonials__title {

margin: 0;

font-size:
    clamp(
        2rem,
        4vw,
        3rem
    );

}

/*
|--------------------------------------------------------------------------
| Testimonials grid
|--------------------------------------------------------------------------
*/

.mf-testimonials__grid {

    display: grid;

    gap: 2rem;

}

/*
|--------------------------------------------------------------------------
| Configured columns
|--------------------------------------------------------------------------
*/

.mf-testimonials--columns-1
.mf-testimonials__grid {

    grid-template-columns:
        1fr;

}

.mf-testimonials--columns-2
.mf-testimonials__grid {

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

}

.mf-testimonials--columns-3
.mf-testimonials__grid {

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

}

.mf-testimonial-card {

display: flex;

flex-direction: column;

padding: 2rem;

background:
    var(--mf-light);

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

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

}

.mf-testimonial-card__content {

flex: 1;

}

.mf-testimonial-card__quote {

font-size: 1.05rem;

line-height: 1.7;

}

.mf-testimonial-card__quote p:first-child {

margin-top: 0;

}

.mf-testimonial-card__quote p:last-child {

margin-bottom: 0;

}

.mf-testimonial-card__footer {

display: flex;

align-items: center;

gap: 1rem;

margin-top: 2rem;

}

.mf-testimonial-card__image {

flex:
    0 0 56px;

width: 56px;

height: 56px;

overflow: hidden;

border-radius: 50%;

}

.mf-testimonial-card__image img {

display: block;

width: 100%;

height: 100%;

object-fit: cover;

}

.mf-testimonial-card__author {

display: flex;

flex-direction: column;

gap: .25rem;

}

.mf-testimonial-card__name {

font-size: 1rem;

color:
    var(--mf-dark);

}

.mf-testimonial-card__position {

font-size: .9rem;

color:
    var(--mf-gray);

}

.mf-testimonials__description {

    margin-top: 1rem;

    color:
        var(--mf-gray);

}

.mf-testimonials__description p {

    margin:
        0;

}

/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 1024px) {

    .mf-testimonials--columns-2
    .mf-testimonials__grid,

    .mf-testimonials--columns-3
    .mf-testimonials__grid {

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

    }

}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 700px) {

    .mf-testimonials--columns-1
    .mf-testimonials__grid,

    .mf-testimonials--columns-2
    .mf-testimonials__grid,

    .mf-testimonials--columns-3
    .mf-testimonials__grid {

        grid-template-columns:
            1fr !important;

    }

}