.content-main {
  transform: translateY(-4.5rem);
}

.section-search-hotels .icon-villa {
  width: 1.25rem;
  height: 1.25rem;
  background: url("../images/i-villa.webp");
  background-size: 1.2rem;
  background-repeat: no-repeat;
}

.section-search-hotels .icon-input {
  position: relative;
}

.section-search-hotels .search-box input,
.section-search-hotels .search-box .btn-search {
  height: 2.5rem;
}

.section-search-hotels .icon-input i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--primary-color);
}
.section-search-hotels form-control {
  padding-left: 35px !important;
}

.nav-pills .nav-link.active {
  background-color: var(--primary-color);
}

.section-search-hotels .btn-search {
  transition: background-color 0.4s ease;
  background-color: var(--primary-color);
}

.section-search-hotels .btn-search:hover {
  background-color: #f97800d8;
}

.section-search-hotels .nav-link {
  color: var(--text-dark);
}

.section-search-hotels .nav-link.active i {
  color: white;
}

/* حواستون به ادرس های عکس تو این بخش باشه */
.section-search-hotels .nav-link.active .icon-villa {
  background: url("../images/i-villa-white.webp");
  background-size: 1.2rem;
  background-repeat: no-repeat;
}

.section-search-hotels .nav-link.disabled,
.section-search-hotels .nav-link.disabled i {
  color: #cacaca;
}

@media (max-width: 768px) {
  .section-search-hotels .icon-input {
    width: calc(80% - 2.9rem);
  }

  .section-search-hotels .btn-search {
    border-radius: 0 0 var(--radius-md) var(--radius-md);
  }
}