/* PARTNER */
section.partner,
section.main-partner {
    color: var(--blue);
}
.partner-container,
.main-partner-container {
    --gap: 10px;
    display: flex;
    flex-wrap: wrap;
    /* gap: var(--gap); */
    margin-top: 60px;
}
.partner-container {
    --num-col: 6.2;
}
.main-partner-container {
    --num-col: 6.2;
    justify-content: center;
}
section.partner .partner {
    /* width: calc(100vw / var(--num-col) - var(--gap) / var(--num-col) * (var(--num-col) - 1)); */
    width: calc(100vw / var(--num-col));
    padding-left: var(--gap);
    padding-right: var(--gap);
}
.main-partner-container .partner {
    width: calc(100% / var(--num-col) - var(--gap) / var(--num-col) * (var(--num-col) - 1));
}
.partner .partner-logo-sizer {
    height: 0px;
    overflow: hidden;
    padding-bottom: 58%;
    position: relative;
    display: block;
}
.partner .partner-logo-sizer > * {
    position: absolute;
    top: 0;
    left: 0;
}
section.partner .safe-space,
.main-partner .safe-space {
    padding-bottom: 0;
}
section.partner .safe-space + .partner-container,
.main-partner .safe-space + .partner-container {
    padding-bottom: calc(var(--padding-y) * 5);
}
@media (max-width: 575.98px) {
    .partner-container {
        --num-col: 2.2;
    }
    .main-partner-container {
        --num-col: 2.2;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .partner-container {
        --num-col: 3.2;
    }
    .main-partner-container {
        --num-col: 3.2;
    }
}
@media (min-width: 768px) and (max-width: 1439.98px) {
    .partner-container {
        --num-col: 4.2;
    }
    .main-partner-container {
        --num-col: 4.2;
    }
}
@media (min-width: 1440px) {
    .partner-container .partner {
        width: calc(1440px / var(--num-col));
    }
}