/* ==========================================================================
   SmartEdge — Contact
   Layout from packagedesign/08_CONTACT_US/01_MOCKUP/Contact_Us_Page_Desktop_Approved.png
   Depends on main.css, components.css and pages.css.
   ========================================================================== */

.se-phero--contact .se-phero__media{justify-content:flex-end}
.se-phero--contact .se-phero__img{max-width:520px}

.se-cobody{padding-block:var(--se-flow-y)}
.se-coform__intro{font-size:.9375rem;color:var(--se-ink-soft);margin:.3rem 0 20px}
.se-coform .se-field__help{font-size:.8125rem;color:var(--se-ink-faint);margin:0}
.se-coform .se-form__note a{color:var(--se-orange-ink);font-weight:600}

.se-cochannels__intro{font-size:.9375rem;color:var(--se-ink-soft);margin:.3rem 0 16px}
.se-coloc__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.se-coloc__intro{font-size:.875rem;color:var(--se-ink-soft);margin:.25rem 0 0;max-width:44ch}
.se-coloc__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,2vw,24px);align-items:start}
.se-coloc__facts{display:grid;gap:16px}

@media (max-width:820px){
  .se-coloc__grid{grid-template-columns:1fr}
}