input.form-control{
  font-size: 14px;
  font-family: "Inter", sans-serif;
  color: #1b1d1f;
  padding: 24px 20px;
  border-color: #f6f7f9;
  border-radius: 4px;
  box-shadow:none;
  background-color: #f6f7f9 !important;
}

@media (max-width: 768px) {
  input.form-control{
    font-size: 13px;
    padding: 19px 10px;
    height: 40px;
  }
}

input.form-control[disabled]{
  border-color: #CBD5E9;
}

.form-control-feedback{
  line-height: 50px;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
}

@media (max-width: 768px) {
  .form-control-feedback{
    line-height: 40px;
    height: 40px;
    width: 40px;
  }

  .form-control-feedback svg{
    transform: scale(.8);
  }
}

.has-error input.form-control{
  border-color: #D0021B;
}

.has-error .help-block{
  margin-top: -3px;
  background: #D0021B;
  color: #fff;
  padding: 8px 12px;
  border-radius: 0 0 5px 5px;
}

@media (max-width: 768px) {
  .has-error .help-block{
    font-size: 12px;
  }
}

.has-error .form-control-feedback{
  background: #D0021B;
}

.has-success input.form-control{
  border-color: #789C48;
}

.has-success .form-control-feedback{
  background: #789C48;
}

.form__input-group--search-box-form{
  position: relative;
}

.form__input-group--search-box-form .form-control{
  font-size: 16px;
  height: 60px;
}

@media (max-width: 768px) {
  .form__input-group--search-box-form .form-control{
    font-size: 12px;
    height: 40px;
  }
}

.form__input-group--search-box-form input.form-control{
  color: #769AC2;
}

.form__input-group--search-box-form button{
  border-radius: 0 5px 5px 0;
  color: #fff;
  height: 60px;
  width: 60px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .form__input-group--search-box-form button{
    height: 40px;
    width: 40px;
  }
}

@media (max-width: 768px) {
  .form__input-group--search-box-form button svg{
    transform: scale(.8);
  }
}