/* SECTION */
.contact-hero {
    padding: 100px 20px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f8f5ef
        );
}

/* GRID */
.contact-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 60px;

    align-items: start;
}



/* MOBILE */
@media (max-width: 992px) {

    .contact-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 768px) {

    .contact-hero {
        padding: 60px 15px;
    }
}