.form-bg {
  background-color: var(--darkblue);
  padding: 50px;
}
.form-bg :is(.heading-38, label) {
  color: var(--white);
}
.form-bg label {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
  line-height: 1.2;
}
.form-control,
input[type="text"],
input[type="email"],
textarea,
input[type="number"],
input[type="tel"],
input[type="file"] {
  border-radius: 6px;
  line-height: 1.286;
  padding: 15px 20px;
}
select.form-control {
  background: #fff url(../images/carret-down.svg) no-repeat right 15px top 22px;
}
.width50 {
  width: calc(50% - 25px);
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-bg p {
  font-size: 14px;
  color: #aebbc8;
  letter-spacing: 0.28px;
  margin-bottom: 5px;
  line-height: 20px;
}

.form-bg .submit_button p {
  margin-bottom: 0;
  margin-top: 20px;
}
.form-bg .submit_button .submitbtn {
  width: 100%;
  background: var(--yellow);
}
.form-bg .submit_button .submitbtn:hover {
  background-color: var(--theme);
}
@media (max-width: 1199.98px) {
  .form-bg {
    padding: 40px;
  }
  .width50 {
    width: calc(50% - 15px);
  }
}
@media (max-width: 991.98px) {
  .form-bg {
    padding: 30px;
  }
  .width50 {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .form-bg {
    padding: 20px;
  }
}

@media (max-width: 575.98px) {
  .form-control,
  input[type="text"],
  input[type="email"],
  textarea,
  input[type="number"],
  input[type="tel"],
  input[type="file"] {
    padding: 12px 15px;
  }
  .form-group.width50 {
    width: 100%;
  }
  select.form-control {
    background: #fff url(../images/select-arrow.svg) no-repeat right 10px top
      17px;
  }
}