@charset "utf-8";

.search-form {
  margin: 0 0 40px;
}
.search-form__heading {
  color: var(--white);
  --clamp-max: 20;
  --clamp-min: 18;
  margin-bottom: 10px;
  text-align: center;
}
.search-form__form {
  background: var(--navy);
  padding: 20px;
  border-radius: 20px;
  margin: 0 0 20px;
}
.search-form__inner {
  display: flex;
  gap: 10px;
}
.search-form__input.search-form__input {
  background: var(--white);
  width: 100%;
  padding: 1em;
  border-radius: 10px;
  --clamp-min: 16;
}
.search-form__button.search-form__button {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .search-form__inner {
    flex-direction: column;
    gap: 16px;
  }
}