/* Explain: Page section padding and background gradient styles. */
.section-pad {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.bg-gradient-navy {
    background: var(--navy);
}

.grid-pattern {
    background-image:
        linear-gradient(rgba(0, 169, 224, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 224, 0.07) 1px, transparent 1px);
    background-size: 40px 40px;
}

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