.form-wrapper {
  padding-top: 5rem;
  border-top: 1px solid var(--black);
  background: url('../../img/content/Elipse-blue.svg') no-repeat;
  background-position: 80vw 3vh;
  background-size: 300px;
}

form {
  padding-bottom: 3rem;
  border-bottom: 2px solid var(--primary-color);
}

.form-wrapper .col-lg-3 {
  padding-top: 3rem;
}

.form-wrapper h1 {
  margin-bottom: 0.5rem;
}

input.primary-btn {
  padding: 1rem 3rem;
}

.form-group label {
  color: var(--dark-grey);
  margin-bottom: 0.5rem;
}

.form-control {
  background-color: var(--light-grey);
  border: none;
  border-radius: 0;
  margin-bottom: 1rem;
  padding: 0.5rem;
}

.form-control:focus {
  border: 1px solid var(--primary-color);
}

.contact-info .contact-info address {
  max-width: 25ch;
}

.contact-info .contact-info__item:not(:last-child) {
  margin-bottom: 3rem;
}

section.map {
  padding-bottom: 0;
}

.map {
  background: url('../../img/content/Elipse-blue.svg') no-repeat;
  background-position: -40vw 1vh;
  background-size: 500px;
}

.map .container {
  max-width: 65ch;
  text-align: center;
}

.map h2 {
  color: var(--primary-color);
}

.map iframe {
  margin-top: 2rem;
}

@media (width >= 992px) {
  form {
    padding-bottom: 0;
    padding-right: 10vw;
    border-bottom: none;
    border-right: 2px solid var(--primary-color);
  }

  .form-wrapper .col-lg-3 {
    padding-top: 0;
  }

  form,
  .contact-info {
    padding-top: 2rem;
  }

  section.map {
    padding-top: 10rem;
  }
}