.contact-us-hero {
  padding: 305px 0px 0px;
  background-color: #2D4176;
  margin-bottom: 150px;
}
.contact-us-hero .container-fluid {
  background-color: #fff;
}
.contacts-box {
  background-color: #2D4176;
}
.contacts-box span {
  font-size: 12px;
}
.contact-us-hero .container-fluid {
  background-image: url('/assets/images/contact-us/grouped-woman-lien-helpdesk-flag.png');
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
.contact-us-left-col {
  background-color: #fff;
}
.section.here-to-help {
  position: relative;
}
.here-to-help .bg-img {
  position: absolute;
  top: 40%;
  z-index: -1;
  object-fit: cover;
  object-position: center;
  width: 100vw;
  height: 100vh;
}
.here-to-help-wrapper.row {
  background-color: #fff;
}
.here-to-help #inputGroup-sizing-default {
  background: transparent;
  border: none;
}
.here-to-help .form-control {
  border: 1.5px solid #000;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0px;
}
.hth-img {
  width: 90%;
}
.here-to-help .hth-txtarea {
  width: 100%;
  height: 283px;
}
@media screen and (max-width: 1399px){
  .hth-txtarea {
    width: 100%;
    height: 26.2vh;
  }
}
@media screen and (max-width: 1199px){
  .hth-txtarea {
    width: 100%;
    height: 18vh;
  }
}
@media screen and (min-width: 991px) and (max-width: 1199px){
  .here-to-help-wrapper img {
    object-fit: cover;
    object-position: center;
    width: 420px;
    height: 620px;
    padding-right: 12px;
  }
}

@media screen and (max-width: 1080px){
  .contact-us-hero .container-fluid {
    background-repeat: no-repeat;
    background-position: 400px;
    background-size: contain;
  }
}

@media screen and (max-width: 1196px){

    .contacts-col {
      display: none;
    } 
    .row.contacts-box-wrapper {
      width: 100%;
    }
  
    .row.contacts-box-wrapper .contacts-box {
      width: 50%;
    }
  }

  @media screen and (max-width: 520px){

    .contacts-col {
      display: none;
    } 
    .row.contacts-box-wrapper {
      width: 100%;
    }
  
    .row.contacts-box-wrapper .contacts-box {
      width: 100%;
    }
  }