#tourSearch {
  width: 100%;
  position: relative;
  z-index: 10;
}

.tour_search_form {
  width: 85%;
  margin: 3rem auto;

  display: flex;
  align-items: end;
  gap: 1rem;

  background: #fff;
  padding: 1.5rem;
  border-radius: 1.5rem;

  box-shadow:
    0 1rem 3rem rgba(0, 0, 0, .08),
    0 .25rem 1rem rgba(0, 0, 0, .05);
}

.search_field {
  flex: 1;
}

.search_field label {
  display: block;
  margin-bottom: .5rem;

  font-size: .9rem;
  font-weight: 600;
  color: var(--primary-title);
}

.input_wrapper {
  position: relative;
}

.input_wrapper i {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--primary-background-color);
}

.input_wrapper input,
.input_wrapper select {
  width: 100%;
  height: 3.5rem;

  border: 2px solid #edf2f7;
  border-radius: 1rem;

  padding-left: 2.8rem;
  padding-right: 1rem;

  outline: none;
  transition: .3s;
}

.input_wrapper input:focus,
.input_wrapper select:focus {
  border-color: var(--primary-background-color);
}

.search_btn {
  height: 3.5rem;
  padding: 0 2rem;
  border: none;
  border-radius: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  background:
    linear-gradient(135deg,
      var(--second-primary-background-color),
      var(--primary-background-color));

  color: white;
  font-weight: 600;

  transition: .3s;
}

.search_btn:hover {
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .tour_search_form {
    width: 95%;
    flex-direction: column;
  }

  .search_field,
  .search_btn {
    width: 100%;
  }

  .tour_search_form {
    width: 95%;
    margin: 0.5rem auto;
    padding: 0.8rem;
    border-radius: 1.5rem;
  }

  .search_field label {
    display: none;
  }

  .search_btn {
    height: 2.5rem;
  }

  .input_wrapper input,
  .input_wrapper select {
    height: 2.5rem;
    padding-right: 1rem;
  }

}