purityselect/resources/themestyle/css/pages/front-page-help-center.css

@media (max-width: 1500.98px) {
  .help-center-header {
    background: url("/assets/img/pages/header.webp") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .our-story-header {
    background: url("/assets/img/pages/about-hero.jpg") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .our-protocol-header {
    background: url("/assets/img/pages/aprotocol-header-dt.png") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .our-providers-header {
    background: url("/assets/img/pages/cover-hrt-spec.jpg") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .heading-text {
    color: #000;
    font-size: 60px;
    font-weight: bold;
    line-height: 80px;
  }

  .trt-header {
    background: url("/assets/img/pages/hero-mountain-desktop.jpg") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .trt-free-assessment {
    background: url("/assets/img/pages/free-assessment-scaled.jpg") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;

    /* background-size: contain; */

    background-size: cover;
  }
}

@media (min-width: 1500.98px) {
  .help-center-header {
    background: url("/assets/img/pages/header.png") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .our-protocol-header {
    background: url("/assets/img/pages/aprotocol-header-dt.png") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .our-story-header {
    background: url("/assets/img/pages/about-hero.jpg") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .our-providers-header {
    background: url("/assets/img/pages/cover-hrt-spec.jpg") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .heading-text {
    color: #000;
    font-size: 60px;
    font-weight: bold;
    line-height: 80px;
  }

  .trt-header {
    background: url("/assets/img/pages/hero-mountain-desktop.jpg") no-repeat;
    background-size: cover;
  }

  .trt-free-assessment {
    background: url("/assets/img/pages/free-assessment-scaled.jpg") no-repeat;
    background-size: cover;
  }
}

.header-banner {
  background: url("./assets/img/pages/profile-banner.png") no-repeat;
  background-size: cover;
}

.help-center-header .input-wrapper {
  inset-block-start: -350px;
  max-inline-size: 0;
}

.our-story-header .input-wrapper {
  inset-block-start: -350px;
  max-inline-size: 0;
}

.our-providers-header .input-wrapper {
  inset-block-start: -350px;
  max-inline-size: 0;
}

.trt-header .input-wrapper {
  inset-block-start: -350px;
  max-inline-size: 0;
}

.trt-free-assessment .input-wrapper {
  inset-block-start: -350px;
  max-inline-size: 0;
}

@media (max-width: 575.98px) {
  .trt-header .input-wrapper {
    max-inline-size: 80%;
  }

  .our-story-header {
    background: url("/assets/img/pages/about-hero.jpg") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .our-providers-header {
    background: url("/assets/img/pages/cover-hrt-spec.jpg") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .our-protocol-header {
    background: url("/assets/img/pages/aprotocol-header-dt.png") no-repeat;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .our-providers-header .input-wrapper {
    max-inline-size: 80%;
  }

  .help-center-header .input-wrapper {
    max-inline-size: 80%;
  }

  .our-story-header .input-wrapper {
    max-inline-size: 80%;
  }

  .heading-text {
    color: #000;
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
  }
}

.home-page-banner {
  inline-size: 45rem;
}

.banner-text {
  max-inline-size: 80%;
}

.first-section-pt {
  block-size: 35rem;
}

* {
  box-sizing: border-box;
}

#box:hover {
  border: solid 1px #dbdade !important;
  box-shadow: 0 0 10px 0 #ccc;
}