/*
 * Shared styles for the Cert/Aff slider elements.
 * Self-contained: the first/last element of a consecutive run carries the
 * old section padding, so no section wrapper or class is required.
 */
.cert-aff-left,
.cert-aff-right {
    background-color: var(--color-black);
    overflow: hidden;
}

/* Top padding on the first slider element of a run */
.cert-aff-left:not(:is(.cert-aff-left, .cert-aff-right) + *),
.cert-aff-right:not(:is(.cert-aff-left, .cert-aff-right) + *) {
    padding-top: 5rem;

    @media (min-width: 768px) {
        padding-top: 3.75rem;
    }
}

/* Bottom padding on the last slider element of a run */
.cert-aff-left:not(:has(+ :is(.cert-aff-left, .cert-aff-right))),
.cert-aff-right:not(:has(+ :is(.cert-aff-left, .cert-aff-right))) {
    padding-bottom: 7.5rem;

    @media (min-width: 768px) {
        padding-bottom: 10rem;
    }
}

/* Spacing between logo rows */
.cert-aff-left__slider,
.cert-aff-right__slider {
    padding-bottom: 2rem;

    @media (min-width: 768px) {
        padding-bottom: 0.5rem;
    }
}