/* Explain: Layout utilities for section padding and grid structure. */
.section-pad {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

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

.section-pad-sm {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

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