.section-contact {
  padding-top: 188px;
}

.section-contact .content {
  padding-left: 46px;
}

.section-contact h2 {
  color: #0A344E ;
  font-size: 38px;
  line-height: 48px;
  text-transform: capitalize;
  margin-bottom: 32px;
}

.section-contact .content-inner {
  display: flex;
}

.section-contact .content-inner #map {
  width: 50%;
  height: 406px;
  margin-bottom: 88px;
}

.section-contact .contact-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 50%;
  margin-right: 61px;
  margin-bottom: 68px;
}

.section-contact .contact-form .input  {
  background-color: #FFF;
  box-shadow: 0px 34px 24px -9px rgba(50, 77, 171, 0.05);
  line-height: 32px;
  border: none;
  font-size: 16px;
  padding: 16px;
  border-radius: 10px;
}

.section-contact .contact-form .input:focus {
  outline: 1px solid black;
}

.section-contact .contact-form input.input {
  height: 64px;
  width: calc((100% - 13px) / 2);
  margin-bottom: 16px;
}

.section-contact .contact-form textarea.input {
  min-width: 100%;
  height: 240px;
  margin-bottom: 40px;
}


@media (max-width: 1200px) {
  .section-contact .content {
    padding-left: 0;
  }
}

@media (max-width: 800px) {
  .section-contact {
    padding-top: 60px;
    padding-left: 0;
  }

  .section-contact .content-inner {
    flex-direction: column;
  }


  .section-contact .contact-form {
    width: 100%;
    flex-direction: column;
  }

  .section-contact .contact-form input.input,
  .section-contact .content-inner #map {
    width: 100%;
  }
}