#header, #header .header-top {
  background-color: white;
}

#search_widget {
  margin-bottom: .625rem;
  overflow: auto;
}
#search_widget form {
  position: relative;
}
#search_widget form i {
  position: absolute;
  padding: .5rem;
}
#search_widget form i.clear {
  right: 15px;
  display: none;
}
#search_widget form input {
  padding: 10px 20px 10px 10px;
  outline: none;
  background-color: #f1f1f1;
  border: none;
  border-radius: 0px;
}

.ui-autocomplete.searchbar-autocomplete {
  width: 100%;
  min-height: 100%;
  border: none;
}

.ui-autocomplete.searchbar-autocomplete li a, .ui-autocomplete.searchbar-autocomplete li a.ui-state-focus {
  padding: 8px 15px;
  overflow: auto;
  border: none;
  background: none;
  margin: auto;
  border-radius: 0;
}

.ui-autocomplete.searchbar-autocomplete li a:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

.ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail {
  float: left;
  width: 50px;
  height: auto;
  margin-right: 8px;
}

@media only screen and (min-width: 768px) {
  #search_widget {
    float: right;
    margin-bottom: 0;
  }

  .ui-autocomplete.searchbar-autocomplete {
    width: 400px;
    min-height: auto;
    left: auto;
  }
}

@media only screen and (min-width: 992px) {
  #search_widget {
    min-width: 20rem;
  }
}

.search-gardient {
  background:linear-gradient(to bottom, #9c6d92, #457b9d);
  padding-bottom: 60px;
  }
  @media (min-width: 1015px) {
    .w-75-lg {
      width: 85%!important;
    }
  }
  @media (min-width: 768px) {
    .form-label {
      margin-bottom: 0;
  }
    .border-end-lg {
      border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
  }
    .fs-4-lg {
      font-size: calc(1.275rem + .3vw)!important;
  }
    .ps-5-lg {
      padding-left: 3rem!important;
  }
    .search-box-lg {
      border-radius: var(--bs-border-radius-pill)!important;
      
    }
    .ms-auto-lg {
      margin-left: auto!important;
  }
    
  }
  @media (max-width: 768px) {
    .w-100-xs {
      width: 100%!important;
    }
    .search-box-xs {
      padding:20px;
      border-radius: 30px;
      font-size: 1.2rem;
      margin-left: 1rem;
      margin-right: 1rem;
    }
    .search-box-xs input, .search-box-xs select {
      height: 40px;
      font-size: 1.2rem;
  
    }
    .rounded-xs-pill {
      border-radius: var(--bs-border-radius-pill)!important;
    }
  
    .mt-xs-2{
      margin-top: 1rem!important;
    } 
}

#hero-espagne.search-gardient {
    background:linear-gradient(to bottom,#88763e,#574d3f);
}

.hero-card-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover; /* La magie opère ici */
}