/* =========================================================
   ANB MOBILITY
   SITE-WIDE CENTERED HEADINGS / INTRO COPY
   Desktop + Mobile
   ========================================================= */


/* ---------------------------------------------------------
   HOMEPAGE SECTION HEADERS
   Main home hero intentionally remains reference-aligned.
   --------------------------------------------------------- */

.section-head,
.services-head {
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
}

.section-head > div,
.services-head > div {
  width: 100% !important;

  text-align: center !important;
}

.section-label,
.section-head .section-label,
.services-head .section-label {
  display: block !important;

  width: 100% !important;

  text-align: center !important;
}

.section-head h2,
.services-head h2 {
  max-width: 820px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}

.section-head > p,
.services-head > p,
.section-head div > p,
.services-head div > p {
  max-width: 700px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}


/* ---------------------------------------------------------
   GENERIC PAGE SECTION HEADINGS
   --------------------------------------------------------- */

.info-heading,
.leadership-heading,
.page-section-heading,
.section-heading,
.content-heading {
  width: 100% !important;
  max-width: 820px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}

.info-heading .mini-label,
.leadership-heading .mini-label,
.page-section-heading .mini-label,
.section-heading .mini-label {
  display: block !important;

  width: 100% !important;

  text-align: center !important;
}

.info-heading h1,
.info-heading h2,
.info-heading h3,
.leadership-heading h1,
.leadership-heading h2,
.page-section-heading h1,
.page-section-heading h2,
.section-heading h1,
.section-heading h2,
.content-heading h1,
.content-heading h2 {
  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}

.info-heading p,
.leadership-heading p,
.page-section-heading p,
.section-heading p,
.content-heading p {
  max-width: 720px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}


/* ---------------------------------------------------------
   ABOUT PAGE HERO
   --------------------------------------------------------- */

.about-premium-hero .container {
  text-align: center !important;
}

.about-premium-hero h1,
.about-premium-hero p {
  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}

.about-brand-pill {
  margin-left: auto !important;
  margin-right: auto !important;
}

.about-trust-row {
  justify-content: center !important;
}


/* ---------------------------------------------------------
   COMMON SUBPAGE HERO / INTRO AREAS
   --------------------------------------------------------- */

.page-hero .container,
.subpage-hero .container,
.legal-hero .container,
.support-hero .container,
.contact-hero .container,
.services-hero .container {
  text-align: center !important;
}

.page-hero h1,
.subpage-hero h1,
.legal-hero h1,
.support-hero h1,
.contact-hero h1,
.services-hero h1 {
  max-width: 860px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}

.page-hero p,
.subpage-hero p,
.legal-hero p,
.support-hero p,
.contact-hero p,
.services-hero p {
  max-width: 720px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}


/* ---------------------------------------------------------
   EYEBROWS / SMALL LABELS INSIDE PAGE HERO
   --------------------------------------------------------- */

.page-hero [class*="eyebrow"],
.subpage-hero [class*="eyebrow"],
.legal-hero [class*="eyebrow"],
.support-hero [class*="eyebrow"],
.contact-hero [class*="eyebrow"],
.services-hero [class*="eyebrow"] {
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ---------------------------------------------------------
   WHY / SAFETY / PARTNER SECTION INTRO
   --------------------------------------------------------- */

#why-anb .section-head,
#safety .section-head,
#partner .section-head {
  text-align: center !important;
}

#why-anb .section-head h2,
#safety .section-head h2,
#partner .section-head h2,
#why-anb .section-head p,
#safety .section-head p,
#partner .section-head p {
  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 680px) {

  .section-head,
  .services-head,
  .info-heading,
  .leadership-heading,
  .page-section-heading,
  .section-heading,
  .content-heading {
    padding-left: 4px !important;
    padding-right: 4px !important;

    text-align: center !important;
  }

  .section-head h2,
  .services-head h2,
  .info-heading h2,
  .leadership-heading h2,
  .page-section-heading h2,
  .section-heading h2 {
    width: 100% !important;

    text-align: center !important;
  }

  .section-head p,
  .services-head p,
  .info-heading p,
  .leadership-heading p,
  .page-section-heading p,
  .section-heading p {
    width: 100% !important;
    max-width: 94% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
  }

}