.validity-grid {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 70px;
  align-items: start;
}
.validity-steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid #345066; }
.validity-steps li { display: grid; grid-template-columns: 70px 1fr; gap: 12px; padding: 24px 0; border-bottom: 1px solid #345066; }
.validity-steps li > span { font: 700 26px/1 'Barlow Condensed'; color: var(--cyan); }
.validity-steps h3 { font: 700 24px/1.1 'Barlow Condensed'; text-transform: uppercase; margin: 0 0 8px; }
.validity-steps p { color: #aec0ce; margin: 0; }
.validity-contact { background: #102b40; border-top: 4px solid var(--orange); padding: 32px; }
.validity-contact h3 { font: 700 32px/1 'Barlow Condensed'; text-transform: uppercase; margin: 6px 0 14px; }
.validity-contact > p:not(.kicker):not(.source-note) { color: #c4d1db; }
.validity-contact .primary { margin: 14px 0 24px; }
.validity-contact dl { margin: 0; }
.validity-contact dl div { border-top: 1px solid #345066; padding: 13px 0; }
.validity-contact dt { font-size: 12px; color: #91a9ba; text-transform: uppercase; letter-spacing: 1px; }
.validity-contact dd { margin: 3px 0 0; font-weight: 600; overflow-wrap: anywhere; }
.validity-contact a { color: white; }
.source-note { font-size: 12px; color: #91a9ba; margin: 18px 0 0; }
.source-note a { color: #bee5ff; }
@media (max-width: 900px) {
  .validity-grid { grid-template-columns: 1fr; gap: 35px; }
}
@media (max-width: 560px) {
  .validity-steps li { grid-template-columns: 48px 1fr; }
  .validity-contact { padding: 24px; }
  .validity-contact .primary { width: 100%; justify-content: center; }
}