/* Contact page styles. Loaded only by the related view. */

/* components/cards-and-lists.css */
@media (hover: hover) {
.sm-contact-card:hover,
    .sm-contact-card:hover h1,
    .sm-contact-card:hover h2,
    .sm-contact-card:hover h3,
    .sm-contact-card:hover h4,
    .sm-contact-card:hover h5,
    .sm-contact-card:hover h6,
    .sm-contact-card:hover p,
    .sm-contact-card:hover span,
    .sm-contact-card:hover label,
    .sm-contact-card:hover .form-label,
    .sm-contact-card:hover .sm-kicker {

}
}

/* pages/content-pages.css */
.sm-contact-layout {
display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 28px;
    align-items: start;
}

/* pages/content-pages.css */
.sm-contact-card {
padding: 30px;
    border-radius: var(--sm-radius-lg);
}

/* pages/content-pages.css */
.sm-contact-form {
display: grid;
    gap: 18px;
    margin-top: 24px;
}

/* pages/content-pages.css */
.sm-form-grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

/* pages/content-pages.css */
.sm-contact-side {
display: grid;
    gap: 18px;
}

/* pages/content-pages.css */
@media (max-width: 1050px) {
.sm-contact-side {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

/* pages/content-pages.css */
@media (max-width: 700px) {
.sm-contact-card {
padding: 22px;
}
}