.clients__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.clients__item-img img {
    filter: grayscale(1);
    transition: var(--transition);
    cursor: pointer;
}

.clients__item-img img:hover {
    filter: grayscale(0);
    transition: var(--transition);
}

.clients__item-text {
    font-size: 20px;
    text-align: center;
    color: #3B5154;
    font-weight: 900;
}

@media (max-width: 1024px) {
    .clients {
        max-width: 700px;
        margin: 0 auto;
    }

    .clients__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .clients__item-text {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .clients {
        max-width: 400px;
    }

    .clients__list {
        grid-template-columns: 1fr;
    }
}