/* ==========================================================================
   Layout: Logos Strip
   ========================================================================== */

.pb-ls {
    padding: 60px 16px;
}

.pb-ls__inner {
    max-width: 1260px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

/* Label ------------------------------------------------------------------- */

.pb-ls__label {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--text-base);
    text-align: center;
    margin: 0;
}

/* Logos row --------------------------------------------------------------- */

.pb-ls__logos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px 32px;
}

.pb-ls__logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pb-ls__logo-item img {
    display: block;
    height: 64px;
    width: auto;
    /* opacity: 0.45;
    filter: grayscale(1);
    transition: opacity 0.2s ease, filter 0.2s ease; */
}

.pb-ls__logo-item img:hover {

}

/* Responsive -------------------------------------------------------------- */

@media (max-width: 768px) {
    .pb-ls {
        padding: 40px 16px;
    }

    .pb-ls__logos {
        gap: 28px 40px;
    }

    .pb-ls__logo-item img {
        height: 24px;
    }
}

@media (max-width: 480px) {
    .pb-ls__logos {
        gap: 24px 32px;
    }

    .pb-ls__logo-item img {
        height: 20px;
    }
}