.contact-sec1 {
  background: url("/assets/images/contact.jpg") no-repeat center 20% / cover;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 6rem;
}

.formGroup {
  position: relative;
  width: 100%;
}

.formGroup label {
  position: absolute;
  display: inline;
  left: 3.5rem;
  top: -1rem;
  background-color: #020800;
  padding: 0.5rem;
  font-size: 1.2rem;
}

.formGroup input,
.formGroup textarea,
.formGroup select {
  background: unset;
  border: 1px solid var(--primary-green);
  border-radius: 50vw;
  padding: 2rem 4rem;
  width: 100%;
  color: var(--white);
}

.formGroup textarea {
  border-radius: 3rem;
}

.formGroup input:focus,
.formGroup textarea:focus,
.formGroup select:focus {
  outline: none;
}

@media screen and (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
}