@charset "utf-8";
/* ==========================================================================
   Module: Inner-page hero
   Title banner at the top of every inner page.
   ========================================================================== */

/* Inner-page hero
   ----------------------------------------------------------------- */
.page-hero {
  background: linear-gradient(180deg, var(--blue-light) 0%, #fff 100%);
  padding: 56px 0 48px;
  text-align: center;
}

.page-hero__title {
  font-size: 38px;
  margin-bottom: 10px;
}

.page-hero__sub {
  color: var(--body);
  max-width: 780px;
  margin: 0 auto;
}

/* ==========================================================================
   Responsive (max-width: 640px)
   ========================================================================== */
@media (max-width: 640px) {
  /* Inner-page hero
     ----------------------------------------------------------------- */
  .page-hero__title {
    font-size: 28px;
  }
}