/* ------------------------------------------- */
/* Page contact us
/* ------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap');

@font-face {
  font-family: 'groboldregular';
  src: url('../fonts/grobold-webfont.woff2') format('woff2'),
  url('../fonts/grobold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.contact-wrapper{
  padding-top: 20rem;
  z-index: 10;
  position: relative;
  background: linear-gradient(180deg, #FFF 0%, #E6E8F0 100%);
  overflow: hidden;
  padding-bottom: 12rem;
}

.contact-content {
  max-width: 1140px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

.contact-col-info img{
  max-width: 400px;
}

.contact-wrapper h1 {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 64px;
  line-height: 78px;
  letter-spacing: -0.08em;
  color: #0C0E19;
  margin-bottom: 24px;
}

.contact-wrapper h2 {
  font-family: 'Montserrat';
  color: #303651;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.96px;
  margin-bottom: 8rem;
}


@media (min-width: 768px) and (max-width: 990px){
  .contact-wrapper h1 {
      font-size: 54px;
      line-height: 66px;
      max-width: 600px;
      margin: 0 auto 25px;
  }
  .contact-wrapper .container {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .contact-wrapper {
    padding-top:5rem;
  }
}

@media (max-width: 767px) {
  .contact-wrapper {
    padding-top: 2rem;
    margin-top: 65px !important;
  }
  .contact-wrapper h1 {
    text-align: center;
    font-size: 24px;
    letter-spacing: -0.96px;
    line-height: 30px;
    margin-bottom: 16px;
    letter-spacing: -0.96px;
  }
  .contact-wrapper h2 {
    color: #697089;
    text-align: center;
    font-size: 18px;
    line-height: 28px; /* 155.556% */
    margin-bottom: 12px;
  }
  .contact-content {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .contact-col-info img, .prefooter-avatar {
   display: none;
  }
 .contact-col-form .contact-form{
    margin: auto;
  }
}