.container {
  max-width: 960px;
}
#index {
  background: url(images/bg-1.jpg) no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-position: center;
}
#index .form-control,
#index .form-select {
  color: #007aff !important;
  background-color: #f7fc05 !important;
  font-weight: 700;
  border: none;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: #007aff;
  -webkit-box-shadow: 0 0 0px 1000px #f7fc05 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.invalid-feedback {
  font-weight: 600;
  color: #000;
  text-align: center;
}
.btn-perso,
.btn-perso:hover,
.btn-perso:active {
  color: #f7fc05;
  background-color: #007aff;
  font-weight: 700;
  border: none;
}
#index .form-select option,
#index .form-floating label {
  font-weight: 700;
  color: #007aff !important;
  opacity: 1;
}

#index .form-select + label,
#index #arrival_date + label {
  transform: scale(1) translateY(-0.5rem) translateX(0.15rem);
}
#index .form-select:focus + label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

#index main {
  min-height: 800px;
}
.btn-close {
  width: 2em;
  height: 2em;
  --bs-btn-close-opacity: 1;
}
.modal-body {
  background-color: #f7fc05;
  font-weight: 700;
  color: #007aff;
  text-align: justify;
}
.div-close {
  width: 48px;
  height: 48px;
  padding-top: 7px;
}
.bg-2 {
  background-color: #ff009d;
}
/* select.classic {
  background-image: linear-gradient(45deg, transparent 50%, #007aff 50%),
    linear-gradient(135deg, #007aff 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position: calc(100% - 19px) calc(1em + 2px),
    calc(101% - 15px) calc(1em + 2px), 100% 0;
  background-size: 10px 10px, 10px 10px, 35em 5em;
  background-repeat: no-repeat;
} */

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--bs-success);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(
    data:image/svg + xml,
    %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 8 8"%3e%3cpathfill="%23198754"d="M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z"/%3e%3c/svg%3e
  );
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

input:-internal-autofill-selected {
  appearance: menulist-button;
  background-image: inherit !important;
  background-color: #f7fc05 !important;
  color: #007aff !important;
}

@media (max-width: 768px) {
  #index {
    background: url(images/bg-1-mobile.jpg) no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
  }
  #index .logo {
    width: 25% !important;
  }
  .btn-perso,
  .btn-perso:hover,
  .btn-perso:active {
    color: #f7fc05;
    background-color: #02acff;
    font-weight: 700;
    border: none;
  }
}
strong {
  font-size: 130%;
  font-weight: bolder;
}