.section--feedback {
    padding-top: clamp(3.75rem, 3.1007rem + 2.4161vw, 6rem);
    padding-bottom: 100px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/feedback/bg-mob.jpg);
}
@media only screen and (min-width: 1200px) {
    .section--feedback {
      background-image: url(../img/feedback/bg.jpg);
    }
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .section--feedback {
      background-image: url(../img/feedback/bg-mob.jpg);
    }
    @media only screen and (min-width: 1200px) {
      .section--feedback {
        background-image: url(../img/feedback/bg@2x.jpg);
      }
    }
  }

  .feedback-form {
    margin-top:  clamp(1rem, 0.4769rem + 1.9463vw, 2.8125rem);
  }


.feedback-tel {
    margin-bottom: clamp(1.125rem, 0.9443rem + 0.6723vw, 1.875rem);
    font-size: clamp(1rem, 0.6989rem + 1.1204vw, 2.25rem);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}
.feedback-tel img {
    width: clamp(0.625rem, 0.5347rem + 0.3361vw, 1rem);
    margin: 0 4px;
}
.feedback-tel span {
    font-size: clamp(1rem, 0.8796rem + 0.4482vw, 1.5rem);
    font-weight: 400;
}
.feedback-tel a {
    display: inline-block;
    color: #00293B;
    text-decoration: none;
}
.feedback-tel a:hover {
    color: #00293B;
    opacity: 0.7;
}

.feedback-form .btn,
.feedback-form .form-control {
    width: 100%;
  /* height: clamp(2.375rem, 1.6674rem + 2.6331vw, 3.3125rem); */
  height: clamp(3.75rem, 1.5rem + 2.5vw, 4.5rem);
  font-family: "Heebo", sans-serif;
  /* border-radius: clamp(0.25rem, 0.1597rem + 0.3361vw, 0.625rem); */
  border-radius: 15px;
  font-size: clamp(1.5rem, 0.375rem + 1.25vw, 1.875rem);
}
.feedback-form .btn {
/* font-size: clamp(1rem, 0.8257rem + 0.8716vw, 2.1875rem); */
  color: #fff;
  background: #00293B;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  font-weight: 700;
  padding: 0 clamp(2rem, 1.5182rem + 1.7927vw, 3rem);
  white-space: nowrap;

}
.feedback-form .btn:hover,
.feedback-form .btn:active,
.feedback-form .btn:focus,
.feedback-form .btn:focus:active {
  color: #2CA6DA;
  background: #00293B;
}

.feedback-form .form-label {
    display: block;
    color: #fff;
    /* font-size: clamp(1.25rem, 1.0696rem + 0.6711vw, 1.875rem); */
    line-height: 1;
    font-weight: 500;
    margin-bottom: 8px;
}


.feedback-form .form-control::-webkit-input-placeholder {color:#00293B;opacity: 1;font-family: "Heebo", sans-serif; font-weight: 500;
  font-size: clamp(1rem, 0.9097rem + 0.3361vw, 1.375rem);}
.welfeedbackcome-form .form-control::-moz-placeholder          {color:#00293B;opacity: 1;font-family: "Heebo", sans-serif; font-weight: 500;
  font-size: clamp(1rem, 0.9097rem + 0.3361vw, 1.375rem);}
.feedback-form .form-control:-moz-placeholder           {color:#00293B;opacity: 1;font-family: "Heebo", sans-serif; font-weight: 500;
  font-size: clamp(1rem, 0.9097rem + 0.3361vw, 1.375rem);}
.feedback-form .form-control:-ms-input-placeholder      {color:#00293B;opacity: 1;font-family: "Heebo", sans-serif; font-weight: 500;
  font-size: clamp(1rem, 0.9097rem + 0.3361vw, 1.375rem);}

.feedback-form .form-control {
  width: 100%;
  display: block;
  flex: 1;
  border: none;
  background: #fff;
  font-weight: 500;
  font-size: clamp(1rem, 0.9097rem + 0.3361vw, 1.375rem);
  color: #00293B;
  padding: 0 20px;
  background: #fff;
  border: 3px solid #2CA6DA;
}


.feedback-form .form-check {
    font-size: clamp(0.75rem, 0.5693rem + 0.6723vw, 1.5rem);
    margin-bottom: 0;
    line-height: 1.2;
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.feedback-form .form-check-input {
    margin-left: 12px;
    width: clamp(1.5rem, 1.2836rem + 0.8054vw, 2.25rem);
    height: clamp(1.5rem, 1.2836rem + 0.8054vw, 2.25rem);
}


.feedback-form__flex {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 0 -9px;
}
.feedback-form__item {
    width: calc(100%/5 - 18px);
    margin: 0 9px;
}

@media (max-width: 1199px) {
  .feedback-form, .section--feedback h2, .section--feedback .h2 {
    width: 480px;
    max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   font-size: 20px;
  }

  .feedback-form__flex {   
margin-left: 0;
margin-right: 0;
    flex-direction: column;
  }
  .feedback-form__item {
    width: 100%;
margin-left: 0;
margin-right: 0;
}
.feedback-form .form-check {
  color: #fff;
}
.feedback-form .btn {
  margin-top: 30px;
}

}

@media (max-width: 767px) {
    .feedback-form .btn {
     
    }
    .feedback-form .form-control {
      border-width: 2px;
    }
}