/* Explain: Layout utilities and section backgrounds for the appliance repair site. */
.section-pad {
    padding-top: clamp(4rem, 8vw, 6.5rem);
    padding-bottom: clamp(4rem, 8vw, 6.5rem);
}

.hero-section {
    position: relative;
    background: var(--primary-dark);
}

.hero-scrim {
    background: linear-gradient(to left, rgba(7, 54, 92, 0.96) 0%, rgba(7, 54, 92, 0.86) 45%, rgba(7, 54, 92, 0.6) 100%);
}

@media (max-width: 767px) {
    .hero-scrim {
        background: linear-gradient(to bottom, rgba(7, 54, 92, 0.82) 0%, rgba(7, 54, 92, 0.95) 100%);
    }
}