/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../united-health-care/cartridges/app_custom_uhchearing/cartridge/client/default/scss/contactUs.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form-group.required .form-control-label::before {
  content: "*";
  color: #c00;
}

.contact-us-banner {
  background-image: url("../images/contact-us.jpg");
  background-position-y: 20%;
}

.contact-us-signup-message {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
}

.contact-us-signup-alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em;
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.contact-us-signup-alert.show {
  display: block;
}

.contact-us-landing-page,
.contact-us-confirmation-page {
  max-width: 624px;
  margin-bottom: 74px;
}
@media (max-width: 768.98px) {
  .contact-us-landing-page,
  .contact-us-confirmation-page {
    margin-bottom: 55px;
  }
}
.contact-us-landing-page .col,
.contact-us-confirmation-page .col {
  padding: 0;
}
.contact-us-landing-page .page-title,
.contact-us-landing-page .contact-us-confirmation-title,
.contact-us-landing-page .contact-us-page-title,
.contact-us-confirmation-page .page-title,
.contact-us-confirmation-page .contact-us-confirmation-title,
.contact-us-confirmation-page .contact-us-page-title {
  font-family: "UHCSerif", serif;
  color: #002677;
  font-size: 36px;
}
@media (max-width: 768.98px) {
  .contact-us-landing-page .page-title,
  .contact-us-landing-page .contact-us-confirmation-title,
  .contact-us-landing-page .contact-us-page-title,
  .contact-us-confirmation-page .page-title,
  .contact-us-confirmation-page .contact-us-confirmation-title,
  .contact-us-confirmation-page .contact-us-page-title {
    font-size: 26px;
  }
}

.contact-us-title-container,
.contact-us-confirmation-title-container {
  max-width: 554px;
  margin-top: 50px;
}
@media (max-width: 768.98px) {
  .contact-us-title-container,
  .contact-us-confirmation-title-container {
    margin-top: 20px;
  }
}

@media (min-width: 544px) {
  .contact-us-confirmation-title {
    text-align: center;
  }
}

.contact-us-title-content {
  margin: 12px auto 26px;
}
@media (max-width: 768.98px) {
  .contact-us-title-content {
    font-size: 14px;
  }
}

.contact-us-confirmation-title-content {
  margin: 12px auto 26px;
  margin-bottom: 50px;
}
@media (min-width: 544px) {
  .contact-us-confirmation-title-content {
    text-align: center;
  }
}

.card-body-section-1 {
  margin-bottom: 29px;
}
@media (max-width: 768.98px) {
  .card-body-section-1 {
    font-size: 14px;
  }
}

@media (min-width: 544px) {
  .contact-us-submnit {
    max-width: 125px;
    margin: auto;
  }
}

.font-bold {
  font-family: "UHCSansBold", sans-serif;
}

.captcha-container {
  margin: 40px auto;
  max-width: 304px;
}

.contact-us-enter-details .user-consent-container .custom-control-label {
  color: #5a5a5a;
}

/*# sourceMappingURL=contactUs.css.map*/