/* ==========================================================================
   index.html — utility classes
   Replace one-off inline style="" attributes with equivalent classes so no
   styling lives in the markup. Each declaration carries !important: an
   inline style attribute always wins the cascade regardless of any other
   selector's specificity, so this is the only way to move the same
   declaration into a stylesheet without changing which rule ends up
   winning on any given element (several of these sit on elements already
   targeted by more specific rules elsewhere, e.g. ".section-head p").
   ========================================================================== */

.mt-8 {
  margin-top: 8px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.gap-20 {
  gap: 20px !important;
}

.d-block {
  display: block !important;
}

.d-none {
  display: none !important;
}

.color-navy {
  color: var(--navy) !important;
}