.mf-clients{

    padding:6rem 0;

}

.mf-clients__header{

    max-width:720px;

    margin:0 auto 3rem;

    text-align:center;

}

.mf-clients__title{

    margin:0 0 1rem;

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

}

.mf-clients__description{

    margin:0;

    color:var(--mf-gray);

}

.mf-clients__grid{

    display:grid;

    grid-template-columns:repeat(
        auto-fit,
        minmax(140px, 1fr)
    );

    gap:1.5rem;

    align-items:center;

}

.mf-client-card{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:140px;

    padding:2rem;

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

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

    background:#fff;

}

.mf-client-card__logo{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    min-height:70px;

}

.mf-client-card__logo img{

    max-width:100%;

    max-height:80px;

    width:auto;

    height:auto;

    object-fit:contain;

}

.mf-client-card__name{

    font-weight:600;

    text-align:center;

}

.mf-client-card__link {

    display: block;

    text-decoration: none;

    color: inherit;

}

.mf-client-card__link:hover {

    opacity: .85;

}

.mf-clients--columns-2 .mf-clients__grid {

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

}

.mf-clients--columns-3 .mf-clients__grid {

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

}

.mf-clients--columns-4 .mf-clients__grid {

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

}

.mf-clients--columns-5 .mf-clients__grid {

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

}

.mf-clients--columns-6 .mf-clients__grid {

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

}

/*
|--------------------------------------------------------------------------
| Logo styles
|--------------------------------------------------------------------------
*/

.mf-clients--logos-original
.mf-client-card__logo img {

    filter: none;

}

.mf-clients--logos-grayscale
.mf-client-card__logo img {

    filter: grayscale(100%);

    transition:
        filter .25s ease;

}

.mf-clients--logos-grayscale
.mf-client-card:hover
.mf-client-card__logo img {

    filter: grayscale(0);

}

/*
|--------------------------------------------------------------------------
| Hover effects
|--------------------------------------------------------------------------
*/

.mf-client-card {

    transition:
        transform .25s ease;

}

/*
|--------------------------------------------------------------------------
| Lift
|--------------------------------------------------------------------------
*/

.mf-clients--hover-lift
.mf-client-card:hover {

    transform: translateY(-6px);

}

/*
|--------------------------------------------------------------------------
| Zoom
|--------------------------------------------------------------------------
*/

.mf-clients--hover-zoom
.mf-client-card__logo {

    overflow: hidden;

}

.mf-clients--hover-zoom
.mf-client-card__logo img {

    transition:
        transform .3s ease;

}

.mf-clients--hover-zoom
.mf-client-card:hover
.mf-client-card__logo img {

    transform: scale(1.08);

}

@media (max-width: 900px) {

    .mf-clients__grid {

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

    }

}

@media (max-width: 600px) {

    .mf-clients__grid {

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

    }

}