/* Universal breakpoints */
@keyframes from-right {
  0% {
    opacity: 0;
    transform: translateX(40rem); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.contact-section {
  position: relative; }
  .contact-section__outer-container h2 {
    margin-bottom: 40px !important;
    font-size: 48px;
    line-height: 1.2;
    text-align: center;
    color: #3b3d49;
    margin: 0 auto; }
    .contact-section__outer-container h2 span {
      font-weight: 400; }
    @media (max-width: 991px) {
      .contact-section__outer-container h2 {
        font-size: 32px; } }
    @media (max-width: 767px) {
      .contact-section__outer-container h2 {
        font-size: 21px; } }
  .contact-section__outer-container .contact-section__form-container {
    position: relative;
    width: 100%;
    max-width: 1280px;
    box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.2);
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    transition: transform 0.5s linear; }
    .contact-section__outer-container .contact-section__form-container .contact-form {
      padding: 80px;
      position: relative; }
      @media (max-width: 991px) {
        .contact-section__outer-container .contact-section__form-container .contact-form {
          padding: 40px 20px; } }
      .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions {
        box-sizing: border-box;
        margin: 0;
        list-style-type: none;
        padding: 0;
        counter-reset: section;
        display: flex;
        width: 100%; }
        @media (min-width: 768px) {
          .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions {
            flex-direction: row;
            padding-bottom: 40px;
            justify-content: space-between; } }
        @media (max-width: 767px) {
          .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions {
            flex-direction: column;
            width: 280px;
            margin: 0 auto; } }
        .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions li {
          color: #3b3d49;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center; }
          @media (min-width: 768px) {
            .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions li {
              width: 30%; } }
          @media (min-width: 1080px) {
            .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions li {
              font-size: 20px;
              line-height: 24px; } }
          @media (min-width: 768px) and (max-width: 1080px) {
            .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions li {
              font-size: 16px;
              line-height: 20px; } }
          @media (max-width: 767px) {
            .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions li {
              font-size: 18px;
              line-height: 22px;
              padding: 20px 0; } }
          .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions li::before {
            counter-increment: section;
            content: counter(section);
            font-weight: bold;
            color: #3f647c;
            text-align: center;
            display: block;
            align-self: center;
            height: 0;
            margin-top: -15px; }
            @media (min-width: 768px) {
              .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions li::before {
                padding-right: 10px;
                margin-top: -10px; } }
            @media (max-width: 767px) {
              .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions li::before {
                margin-right: 30px;
                font-size: 64px;
                width: 40px; } }
            @media (min-width: 1080px) {
              .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions li::before {
                font-size: 102px; } }
            @media (min-width: 768px) and (max-width: 1080px) {
              .contact-section__outer-container .contact-section__form-container .contact-form__heading-instructions li::before {
                font-size: 96px; } }
      .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper {
        display: flex;
        justify-content: space-between;
        gap: 40px; }
        @media (max-width: 767px) {
          .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper {
            flex-direction: column;
            gap: 40px; } }
        .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__content {
          flex: 1;
          text-align: left;
          color: #3b3d49;
          margin-top: 16px;
          display: flex;
          flex-direction: column; }
          @media (min-width: 768px) {
            .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__content {
              max-width: 440px;
              min-width: 250px; } }
          @media (max-width: 767px) {
            .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__content {
              text-align: left; } }
          .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__content .contact-form__header {
            margin-top: 0;
            margin-bottom: 30px;
            font-size: 30px; }
          .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__content .contact-form__body-copy {
            margin-bottom: 20px;
            font-size: 20px; }
          .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__content .contact-form__contact-image {
            width: 100%;
            height: auto;
            display: block;
            margin-top: auto; }
            @media (max-width: 767px) {
              .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__content .contact-form__contact-image {
                display: none; } }
          .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__content .contact-form__body-instructions {
            color: #3b3d49;
            margin: 6px 0; }
            @media (max-width: 767px) {
              .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__content .contact-form__body-instructions {
                text-align: left; } }
            .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__content .contact-form__body-instructions a {
              color: #3f647c; }
        .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__form {
          flex: 1;
          width: 100%; }
          @media (min-width: 768px) {
            .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__form {
              max-width: 550px; } }
          .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__form .contact-form__required-instruction {
            font-style: italic;
            font-size: 15px;
            margin: 15px 0; }
          @media (max-width: 767px) {
            .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__form .contact-form__submit-button-wrapper {
              display: flex;
              justify-content: center; } }
          .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__form .contact-form__submit-button-wrapper button {
            cursor: pointer;
            line-height: 1;
            width: 260px; }
            @media (max-width: 479px) {
              .contact-section__outer-container .contact-section__form-container .contact-form__content-wrapper .contact-form__form .contact-form__submit-button-wrapper button {
                width: 100%; } }
  .contact-section .gray-layer {
    background-color: #f7f7f7;
   /* position: absolute; */
    width: 100%;
    height: 150%;
    top: 260px;
    z-index: -1;
    left: 0; }

.page-disclaimer {
  font-size: 14px;
  max-width: 1080px;
  line-height: 22px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 16px; }

.contact-form__label {
  padding: 26px 18px 8px 16px;
  font-size: 14px;
  transform: translateY(16px);
  transition: transform 0.4s ease-out;
  position: absolute;
  z-index: 2; }
  .contact-form__label.active {
    transform: translateY(-22px); }
  .contact-form__label .required {
    color: #ca3625;
    font-weight: bold; }


.contact-form__input-field:focus-visible{
  outline: 2px solid #3b3c43;
}
.contact-form__input-field {
  margin-top: 24px;
  background-clip: padding-box;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  background-color: #f7f7f7;
  padding: 14px 18px;
  outline-color: #3b3c43;
  font-family: "Synchrony Sans", Helvetica, sans-serif;
  font-size: 16px; }
  .contact-form__input-field.error {
    border-color: #ca3625;
    box-shadow: 0 0 2px 0 #ca3625; }
    .contact-form__input-field.error:focus, .contact-form__input-field.error:focus-visible {
      outline: none; }

select.contact-form__input-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDgg%0D%0ANTEyIj48cGF0aCBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3%0D%0AMy05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjIt%0D%0AOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUg%0D%0AMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0%0D%0ALjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0z%0D%0AMy45NDIgMHoiLz48L3N2Zz4=) 96%/15% no-repeat #f7f7f7;
  background-size: 1rem auto, 100%; }


.contact-form__error-label {
  transform: translateY(-68px);
 /* white-space: nowrap; */
  word-break: break-word;
  color: transparent;
  visibility: hidden;
  display: block;  }
  @media (max-width: 767px) {
    .contact-form__error-label {
      font-size: 14px;	  } }
  .contact-form__error-label.active {
    color: #ca3625;
    visibility: visible; }

.contact-section__form-container,
.form-state-container {
  transition: transform 0.5s linear;
  /* Flipping between the 3 states */ }
  .contact-section__form-container .contact-submitted,
  .contact-section__form-container .contact-error,
  .form-state-container .contact-submitted,
  .form-state-container .contact-error {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white; }
    .contact-section__form-container .contact-submitted__header,
    .contact-section__form-container .contact-error__header,
    .form-state-container .contact-submitted__header,
    .form-state-container .contact-error__header {
      font-weight: normal;
      margin: 36px 0;
      text-align: center; }
      @media (min-width: 1280px) {
        .contact-section__form-container .contact-submitted__header,
        .contact-section__form-container .contact-error__header,
        .form-state-container .contact-submitted__header,
        .form-state-container .contact-error__header {
          font-size: 46px; } }
      @media (min-width: 768px) and (max-width: 1280px) {
        .contact-section__form-container .contact-submitted__header,
        .contact-section__form-container .contact-error__header,
        .form-state-container .contact-submitted__header,
        .form-state-container .contact-error__header {
          font-size: 36px; } }
      @media (max-width: 767px) {
        .contact-section__form-container .contact-submitted__header,
        .contact-section__form-container .contact-error__header,
        .form-state-container .contact-submitted__header,
        .form-state-container .contact-error__header {
          font-size: 30px; }
          .contact-section__form-container .contact-submitted__header--name,
          .contact-section__form-container .contact-error__header--name,
          .form-state-container .contact-submitted__header--name,
          .form-state-container .contact-error__header--name {
            display: inline; } }
  .contact-section__form-container .contact-submitted,
  .form-state-container .contact-submitted {
    overflow: hidden;
    z-index: 4;
    background-color: #3b3d49; }
    .contact-section__form-container .contact-submitted__header,
    .form-state-container .contact-submitted__header {
      margin: 36px 0; }
    .contact-section__form-container .contact-submitted__body-copy,
    .form-state-container .contact-submitted__body-copy {
      max-width: 920px;
      margin: 26px 0;
      color: #fff;
      font-size: 26px; }
      @media (min-width: 1280px) {
        .contact-section__form-container .contact-submitted__body-copy,
        .form-state-container .contact-submitted__body-copy {
          font-size: 32px; } }
      @media (max-width: 767px) {
        .contact-section__form-container .contact-submitted__body-copy,
        .form-state-container .contact-submitted__body-copy {
          font-size: 20px;
          text-align: center; }
          .contact-section__form-container .contact-submitted__body-copy--name,
          .form-state-container .contact-submitted__body-copy--name {
            display: block; } }
    .contact-section__form-container .contact-submitted__button,
    .form-state-container .contact-submitted__button {
      padding: 20px 60px;
      width: -moz-fit-content;
      width: fit-content;
      text-align: center;
      margin-top: 60px;
      border: 2px solid #fbc600;
      transition: border-color 150ms ease-in-out; }
      @media (max-width: 479px) {
        .contact-section__form-container .contact-submitted__button,
        .form-state-container .contact-submitted__button {
          padding: 20px; } }
      .contact-section__form-container .contact-submitted__button:hover,
      .form-state-container .contact-submitted__button:hover {
        border: 2px solid #fff; }
  .contact-section__form-container .contact-error,
  .form-state-container .contact-error {
    z-index: 3;
    background-color: #ca3625; }
    .contact-section__form-container .contact-error__header,
    .form-state-container .contact-error__header {
      max-width: 920px; }
    .contact-section__form-container .contact-error__description,
    .form-state-container .contact-error__description {
      max-width: 920px;
      margin-top: 40px; }
  .contact-section__form-container.flipping,
  .form-state-container.flipping {
    transform: rotateY(90deg); }
  .contact-section__form-container.flipped,
  .form-state-container.flipped {
    overflow: hidden;
    position: relative; }
    .contact-section__form-container.flipped .contact-submitted,
    .form-state-container.flipped .contact-submitted {
      z-index: 5;
      padding-left: 16px;
      padding-right: 16px; }
    .contact-section__form-container.flipped .contact-form,
    .form-state-container.flipped .contact-form {
      z-index: 4;
      height: 600px;	  }
    .contact-section__form-container.flipped .contact-error,
    .form-state-container.flipped .contact-error {
      z-index: 3;
      	  }
  .contact-section__form-container.error,
  .form-state-container.error {
    position: relative; }
    .contact-section__form-container.error .contact-error,
    .form-state-container.error .contact-error {
      z-index: 5; }
    .contact-section__form-container.error .contact-submitted,
    .form-state-container.error .contact-submitted {
      z-index: 4; }
    .contact-section__form-container.error .contact-form,
    .form-state-container.error .contact-form {
      z-index: 3;
      }
	  @media screen and (max-width:767px){
.contact-section__form-container.error .contact-form,
    .form-state-container.error .contact-form {
      height:720px;	  }
}

.contact-form__captcha-wrapper {
  background-color: #f4f4f4;
  border: 1px solid #bebebe;
  border-radius: 4px;
  display: flex;
  align-items: center;
  height: 74px;
  padding: 0 12px;
  gap: 8px;
  margin-top: 16px; }
  .contact-form__captcha-wrapper:has(input.error) {
    border-color: #ca3625;
    box-shadow: 0 0 2px 0 #ca3625; }
  .contact-form__captcha-wrapper input {
    width: 30px;
    height: 30px;
    accent-color: #fbc600;
    /* optional: sets checkmark color in modern browsers */
    transform: scale(1);
    /* keep crisp scaling */
    cursor: pointer;
    vertical-align: middle; }
  .contact-form__captcha-wrapper .contact-form__error-label {
    position: absolute;
    transform: translateY(-50px);
    margin-left: -12px; }

.recaptcha-vertical {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #a7a8a8;
  line-height: 0.9; }
  .recaptcha-vertical__title {
    font-size: 8px; }
  .recaptcha-vertical__links {
    font-size: 7px; }
    .recaptcha-vertical__links a {
      text-decoration: none; }
      .recaptcha-vertical__links a:hover {
        text-decoration: underline; }

/* added for IOS devices input text color */		
@media screen and (max-width:767px){
.contact-form__input-field{
  color: #3b3c43;
}
}

 
@media screen and (min-width:1280px){
  #hero-form_email_error.m-1,#contact-form_email_error.m-1 {
    margin-top: -18px;
  }
}

@media screen and (max-width:375px){
  #hero-form_email_error.m-1, #contact-form_email_error.m-1 {
    margin-top: -18px;
  }
}
@media screen and (min-width:767px){
  #contact-form_email_error.m-1 {
    margin-top: -18px;
  }
}