/* ==========================================
   PAGE HEADER (GLOBAL COMPONENT)
   ========================================== */
.page-header {
  background-color: var(--color-primary-dark, #35295c);
  color: var(--color-white, #ffffff);
  padding: clamp(3rem, 6vw, 5rem) 5vw;
  text-align: center;

  .page-header-container {
    max-width: 75rem;
    margin: 0 auto;

    h1 {
      color: var(--color-white, #ffffff) !important;
      font-size: clamp(2rem, 5vw, 3rem);
      margin: 0;
      font-weight: 700;
    }
  }
}