/* Universal breakpoints */
.hero_cta_simple {
  position: relative; }
  .hero_cta_simple .hero, .hero_cta .hero {
    height: 713px; }
.hero_cta_simple .hero .content, .hero_cta .hero .content {
    padding: 0 0 180px 158px;
    position: absolute;
    align-items: end;
}

.hero_cta_simple .hero .content .button-gold {
  width: 240px;
  padding: 12px 24px;
}

.hero_cta_simple .hero .hero-copy-content, .hero_cta .hero .hero-copy-content  {
    position: relative;
    z-index: 2;
    width: 666px !important;
}

.hero .hero-copy-content .note {
  display: block;
  margin-top: 24px;
}

.hero .hero-copy-content p:last-child {
  margin-bottom: 0;
}

.hero_cta_simple .hero .mobile-app-hero-copy-content {
  gap: 0;
  max-width: none;
}

.hero_cta_simple .hero .mobile-app-hero-copy-content .app-store-buttons {
  margin-bottom: 20px;
}

.container .download-mobile-app-form .download-mobile-app-form__idle {
  gap: 15px;
}

.container .mobile-app-hero-copy-content .button-gold {
  width: 240px;
  padding: 12px 24px;
}

    .hero_cta_simple .hero .hero-title-subhead {
      padding-left: 24px; }
      @media (max-width: 991px) {
        .hero_cta_simple .hero .hero-title-subhead {
          padding-left: 15px; } }
    .hero_cta_simple .hero .hero-heading {
      position: relative;
      z-index: 2;
      padding: 0;
      margin-bottom: 24px;}
      @media (max-width: 991px) {
        .hero_cta_simple .hero .hero-heading {
          padding-top: 0;
          max-width: 100%; } }
    .hero_cta_simple .hero .hero-cta-wrap {
      flex-direction: row; }
      .hero_cta_simple .hero .hero-cta-wrap a {
        margin-right: 30px; }
      @media (max-width: 767px) {
        .hero_cta_simple .hero .hero-cta-wrap {
          flex-direction: column; }
          .hero_cta_simple .hero .hero-cta-wrap a {
            margin-bottom: 18px;
            margin-right: 0;
            width: auto; } }

.hero_cta {
  position: relative; }
    @media (max-width: 991px) {
      .hero_cta .hero > .hero__video video {
        display: none; } }
    .hero_cta .hero .gradient-gray-left {
      z-index: 2; }
      @media (max-width: 991px) {
        .hero_cta .hero .gradient-gray-left {
          z-index: 0; } }
    .hero_cta .hero .hero__video {
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      z-index: 1; }
      .hero_cta .hero .hero__video video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 0% 10%;
        object-position: 0% 10%; }
    @media (max-width: 991px) {
      .hero_cta .hero.min-h-400 {
        min-height: 350px; }
        .hero_cta .hero.min-h-400.container {
          margin-top: 1rem; } }
    @media (max-width: 991px) {
      .hero_cta .hero {
        background-image: none !important;
        min-height: auto;
        padding: 0 0 12px 0; } }
    .hero_cta .hero .hero-copy-content {
      z-index: 2;
      max-width: none !important;}
      @media (min-width: 992px) {
          .hero_cta .hero .hero-copy-content.w-60-perc {
            width: 60%; }
          .hero_cta .hero .hero-copy-content .w-70-perc {
            width: 70%; } }
    .hero_cta .hero .hero-title-subhead {
      padding-left: 24px; }
      @media (max-width: 991px) {
        .hero_cta .hero .hero-title-subhead {
          padding-left: 15px; } }
    .hero_cta .hero .hero-heading {
      position: relative;
      z-index: 2;
      padding-bottom: 24px;
      width: auto !important;
      padding-right: 0;}
    .hero_cta .hero .text-white {
      max-width: none;
    }
      @media (max-width: 991px) {
        .hero_cta .hero .hero-heading {
          padding-top: 0;
          max-width: 100%; } }
    .hero_cta .hero .hero-cta-wrap {
      flex-direction: row;
      padding-top: 32px;}
      .hero_cta .hero .hero-cta-wrap a {
        margin-right: 30px;
        margin-bottom: 0;
        width: 240px;
        padding: 12px 24px;
        margin-left: 0 !important;
        display: inline-block;
        border-radius: 4px;}
      .hero_cta .hero .hero-cta-wrap a.button-outlined-white:hover {
        background: #fff;
        color: #3b3d49;
      }
      @media (max-width: 767px) {
        .hero_cta .hero .hero-cta-wrap {
          flex-direction: column; }
        .hero_cta .hero .hero-cta-wrap a {
          display: block;
          margin-right: 0;
          width: auto;
          margin-bottom: 20px;}
        .hero_cta .hero .hero-cta-wrap a:last-child {
          margin-bottom: 0;}
      }
  .hero_cta .image-mobile {
    position: relative;
    z-index: 2;
    height: 620px !important;}
    .hero_cta .image-mobile .gradient {
      mix-blend-mode: multiply;
      transform: matrix(-1, 0, 0, 1, 0, 0);
      background: linear-gradient(298.69deg, #2d2e35 7.52%, rgba(59, 60, 67, 0.5) 47.16%, rgba(249, 249, 249, 0) 75.63%);
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 3; }
.hero_cta_simple .hero .hero-copy-sub-content p {
  max-width: none;
}
@media (max-width: 991px) {
    .hero_cta .image-mobile img {
        width: 100%; }
    .hero_cta .hero {
        background-image: none !important;
        min-height: auto;
        padding: 0;
        height: auto;
    }
    .hero_cta_simple .hero, .hero_cta .hero {
        height: 620px;
    }
    .hero_cta_simple .hero .content, .hero_cta .hero .content {
        padding: 0 16px 158px 16px;
        position: absolute;
        margin-top: 0;
        z-index: 2;
        bottom: 0;
        height: auto;
        align-items: normal;
        width: auto;
    }
}

@media (max-width: 767px) {
    .hero_cta_simple .hero .hero-copy-content, .hero_cta .hero .hero-copy-content {
        width: auto !important;
    }
    .hero_cta_simple .hero .content {
        background-position: 80% 10% !important;
    }
    .gradient-black-left {
        background: linear-gradient(285deg, #000 0.1%, rgba(249, 249, 249, 0) 100%);
    }
}

@media (max-width: 543px) {
  .hero_cta_simple .hero .content, .hero_cta .hero .content {
    padding: 0 16px 48px 16px;
  }
  .hero_cta .image-mobile {
    background-position: 45% 0!important;
  }
  .hero_cta_simple .hero {
    background-position: 75% 10%;
  }
}