/* BUSINESS V5.2 — hero image pinned higher on mobile */
@media (max-width: 900px){
  body.brand-v3 .hero,
  body.brand-v4 .hero,
  body.brand-v5 .hero{
    background-position: center 38% !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    min-height: 620px !important;
    padding-top: 0 !important;
    padding-bottom: 8px !important;
  }

  body.brand-v3 .hero::before,
  body.brand-v4 .hero::before,
  body.brand-v5 .hero::before{
    background: linear-gradient(
      180deg,
      rgba(19,67,55,.52) 0%,
      rgba(24,69,56,.34) 26%,
      rgba(24,69,56,.14) 58%,
      rgba(24,69,56,.06) 100%
    ) !important;
  }

  body.brand-v3 .hero__content,
  body.brand-v4 .hero__content,
  body.brand-v5 .hero__content,
  body.brand-v3 .hero-content,
  body.brand-v4 .hero-content,
  body.brand-v5 .hero-content{
    padding-top: 20px !important;
    padding-bottom: 88px !important;
    margin-bottom: 0 !important;
  }

  body.brand-v3 .hero__proof,
  body.brand-v4 .hero__proof,
  body.brand-v5 .hero__proof,
  body.brand-v3 .trust-row,
  body.brand-v4 .trust-row,
  body.brand-v5 .trust-row{
    margin-top: 4px !important;
    padding-top: 0 !important;
    gap: 8px !important;
  }
}

@media (max-width: 640px){
  body.brand-v3 .hero,
  body.brand-v4 .hero,
  body.brand-v5 .hero{
    background-position: center 30% !important;
    background-size: contain !important;
    min-height: 580px !important;
  }

  body.brand-v3 .hero__content,
  body.brand-v4 .hero__content,
  body.brand-v5 .hero__content,
  body.brand-v3 .hero-content,
  body.brand-v4 .hero-content,
  body.brand-v5 .hero-content{
    padding-top: 12px !important;
    padding-bottom: 44px !important;
  }

  body.brand-v3 .hero h1,
  body.brand-v4 .hero h1,
  body.brand-v5 .hero h1{
    margin-top: 0 !important;
  }
}
