/* Explain: App-specific layout utilities. */
.section-padding {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.container-page {
    width: 100%;
    max-width: 72rem;
    margin-inline: auto;
    padding-inline: 1rem;
}

.text-balance {
    text-wrap: balance;
}

.overlay-scrim {
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.88) 0%, rgba(15, 23, 42, 0.72) 45%, rgba(15, 23, 42, 0.28) 100%);
}

@media (max-width: 640px) {
    .section-padding {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .overlay-scrim {
        background: linear-gradient(180deg, rgba(15, 23, 42, 0.82) 0%, rgba(15, 23, 42, 0.9) 100%);
    }
}