section.logos-row {
    padding: 70px 0;
    background: var(--dark);
}

/*titles*/

.logos-row__titles h2 {
    text-align: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

/*logos*/

.logos-row__logos {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.logos-row__logo {
    flex: 0 0 calc((100% - (30px * 4)) / 5);
}

.logos-row__logo img {
    width: 100%;
    height: auto;

    filter: grayscale(1) brightness(0) invert(1);
}

@media (max-width: 768px) {
    .logos-row__logos {
        margin-top: 30px;

        row-gap: 10px;
    }
    .logos-row__logo {
        flex: 0 0 calc((100% - (30px)) / 2);
    }
}