/* Explain: Layout utilities for section padding and background colors. - */
.section-pad {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

@media (min-width: 768px) {
    .section-pad {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}

.bg-dark {
    background-color: var(--primary-color);
    color: var(--text-light);
}

.bg-light {
    background-color: var(--surface-color);
}