.panel-partners {
    padding-block: var(--space-12);
    padding-inline: var(--asm-width-page-padding);
    background-color: var(--asm-sw-grey-ultra-light);
    display: flex;
    flex-direction: column;
    gap: var(--space-10);
    margin-block-start: var(--asm-widget-margin-mobile);
}

@media (min-width: 40em) {
    .panel-partners {
        padding-block: var(--space-20);
        margin-block-start: var(--asm-widget-margin-desktop);
    }
}

.partners {
    --partners: var(--asm-ftw-semi-bold) var(--asm-fts-lg)/var(--asm-ftl-compact) var(--asm-font-family);
    max-width: var(--asm-width-base);
    margin-block: 0;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--space-4);
}

.partners h4 {
    text-align: center;
    color: var(--asm-sw-grey);
    font: var(--partners);
}

.partners .logos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: var(--space-5);
    column-gap: var(--space-10);
}

.partners img {
    width: 100%;
    height: auto;
    max-width: 120px;
    max-height: 100px;
}

@media (min-width: 64em) {
    .partners img {
        max-width: 180px;
    }
}