.contact-form-wrapper {
  position: relative;
  top: -120px;
}
.main-contact-container {
  max-width: 1480px;
  margin: 0 auto;
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
.main-contact {
  display: flex;
  background: #fff;
}
.main-contact .contact-info {
  width: 40%;
  padding: 60px;
  background-color: #FFFCF6;
}
.main-contact .contact-main {
  width: 60%;
  padding: 60px;
}
.main-contact h3 {
  margin-bottom: 30px;
}

.follow-us h5 {
  margin-bottom: var(--secondary-margin);
}

.main-contact h5,
.main-contact ul li p,
.main-contact .input-line-row .input > span
{
  font-size: var(--font-heading);
  line-height: var(--font-line-heading);
}

.main-contact ul {
  margin: 40px 0 120px;
  display: flex;
  flex-direction: column;
  gap: var(--primary-gap);
}

.main-contact ul li {
  display: flex;
  align-items: center;
  gap: var(--secondary-margin);
}

.main-contact h5 {
  font-weight: 700;
}

.main-contact .input-line-row {
  margin: var(--secondary-margin) 0;
}

.main-contact .input-line-row.input-column-2 {
  display: grid;
  gap: var(--secondary-margin);
  grid-template-columns: repeat(2, 1fr);
}

.main-contact .input-line-row .input-container {
  display: flex;
  flex-direction: column;
}
.main-contact .input-line-row input, 
.main-contact .input-line-row textarea
{
  padding: 20px;
  margin-top: var(--secondary-gap);
  width: 100%;
  border: 1px solid #BCBCBC;
}

.main-contact .input-line-row input {
  height: 62px;
}

.main-contact .input-line-row textarea {
  min-height: 220px;
}

.main-contact .btn-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--primary-gap);
}
@media screen and (max-width: 999px) {
  .main-contact {
    flex-direction: column;
  }
  .main-contact .contact-info,
  .main-contact .contact-main {
    width: 100%;
  }
}
@media screen and (max-width: 740px) {
  .main-contact .contact-info,
  .main-contact .contact-main {
    padding: 30px 15px;
  }
  .main-contact h3 {
    margin-bottom: 20px;
  }
  .main-contact ul {
    margin: 30px 0 60px;
  }
  .main-contact .input-line-row span {
    font-weight: 500;
  }
  .main-contact .btn-wrapper .btn {
    width: 100%;
  }
  .contact-form-wrapper {
    top: -20px;
  }
}