form {
  display: flex;
  flex-direction: column;
}

form > *:nth-child(n+3) {
  margin-bottom: 20px;
}

form h2 {
  font-size: 29px;
  padding: 30px 0;
}

form h2::after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  background-color: red;
  margin-top: 25px;
}

form .row {
  display: flex;
  column-gap: 20px;
}

form .row > div {
  width: 100%;
}

.form-group .form-label {
  font-size: 0.7rem;
  line-height: 1rem;
  letter-spacing: 0.075rem;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 0.75rem;
  font-weight: 500;
}

.form-group input {
  padding: 0.75rem 1rem;
  border: 1px solid #A39E9E;
  border-radius: 4px;
  width: 100%;
}

.form-group input:hover {
  border-color: #000000;
}

.form-group select {
  appearance: none;
  background: white;
  padding: 0.75rem 1rem;
  border: 1px solid #A39E9E;
  border-radius: 4px;
  width: 100%;

  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem;
}

.form-group select:hover {
  border-color: #000000;
}

.file-upload {
  display: flex;
  height: 4rem;
  align-items: center;
  justify-content: center;
  color: rgb(246 250 251 / 1);
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  background-color: rgb(0 37 80 / 1);
  margin-bottom: 0.5rem;
  cursor: pointer;
}

.file-upload:hover {
background-color: rgb(51, 77, 117, 1);
}

.form-navigation .submit button {
  color: white;
  background-color: rgb(226, 91, 90, 1);
  padding: 0.75rem 1rem;
}