/*
 * Grid wrapper only - cards are partials/feature-card.php (19-feature-card.css),
 * numbered badge (not icon) since this is a literal step order.
 */

.certification-process {
    padding: 3vw 0;
}

.certification-process-grid {
    --bs-gutter-x: 1.25vw;
    --bs-gutter-y: 1.25vw;
}

.certification-process__note {
    margin: 1.25vw auto 0;
    max-width: 44em;
    text-align: center;
    color: var(--color-text);
}

@media only screen and (max-width: 767.98px) {
    .certification-process {
        padding: 6vw 0;
    }

    .certification-process-grid {
        --bs-gutter-x: 4vw;
        --bs-gutter-y: 4vw;
    }

    .certification-process__note {
        margin: 5.33vw 0 0;
        max-width: none;
        text-align: left;
    }
}