#route-voices,
  #voices,
  #architecture,
  #continue {
    position: relative !important;
    overflow: hidden !important;
  }

  #route-voices::before,
  #voices::before,
  #architecture::before,
  #continue::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background-image: url('/__page_assets/region-southern/assets/images/southern/system/exotic-morocco-zellige-background-pattern.png') !important;
    background-color: transparent !important;
    background-repeat: repeat !important;
    background-size: 2048px auto !important;
    background-position: center !important;
    mix-blend-mode: multiply !important;
    opacity: .16 !important;
  }

  #route-voices {
    background: #213b52 !important;
    background-color: #213b52 !important;
    color: #ffffff !important;
  }

  #route-voices::after {
    content: none !important;
    display: none !important;
    background: none !important;
  }

  #route-voices .route-menu {
    background: #213b52 !important;
    background-color: #213b52 !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    color: #ffffff !important;
  }

  #architecture {
    background: #3b2418 !important;
    background-color: #3b2418 !important;
    color: #ffffff !important;
  }

  #architecture .eyebrow,
  #architecture h2,
  #architecture h3,
  #architecture h4,
  #architecture p,
  #architecture .lead,
  #architecture .arch-text p,
  #architecture .arch-text p.lead,
  #architecture .arch-text p:not(.lead) {
    color: #ffffff !important;
  }

  #route-voices > .section-inner,
  #voices > .section-inner,
  #architecture > .section-inner,
  #continue > .section-inner {
    position: relative !important;
    z-index: 2 !important;
  }