@font-face {
  font-family: eurostile-black;
  src: url(/font/fonnts.com-Eurostile_Black.otf);
}
@font-face {
  font-family: eurostile;
  src: url(/font/fonnts.com-Eurostile.otf);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* booking form */
.booking_demo .booking_form .error {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: red;
}
.booking_demo .booking_form .book_demo-title {
  margin-top: 15%;
  text-align: center;
  letter-spacing: 2px;
  font-family: "eurostile-black";
  color: #ffffff;
  text-transform: uppercase;
  font-size: 26px;
}

.form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  color: #ffffff; /* optional: makes text white too */
}

.img-box img {
  height: 100%;
  object-fit: cover; /* keep proportions while covering */
}
.booking_demo .booking_form {
  background-color: #39327f;
}
.booking_demo .booking_form .form-check .form-check-input,
.form-check-label {
  cursor: pointer;
}
.booking_demo .booking_form .book_demo-btn:hover {
  background-color: #4b4398;
}
.booking_demo .booking_form .book_demo-btn {
  padding: 10px 25px 10px 25px;
  border-radius: 5px;
  border: none;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  background-color: #302a72;
}
form#book_demo_form input {
  background-color: #302a72;
}
form#book_demo_form .form-select option {
  background-color: #4a448a !important;
}
form#book_demo_form .form-control,
form#book_demo_form .form-select {
  background-color: transparent !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid white !important;
  border-radius: 0% !important;
}

form#book_demo_form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

form#book_demo_form .form-check .form-check-label {
  color: white !important;
}
form#book_demo_form .form-check .form-check-input:checked {
  background-color: #bec9fa !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.4) !important;
  border-color: #919dd2 !important;
}

form#book_demo_form .form-control:focus,
form#book_demo_form .form-select:focus {
  background-color: transparent !important;
  color: #fff !important;
  /* border-color: #fff !important; */
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.7) !important;
}

/* animations  */

/*responsive*/
/* desktops */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/*laptops*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/*tablets*/
@media (min-width: 768px) and (max-width: 991.98px) {
  .booking_demo .img-box {
    display: none !important;
  }

  .menu_text li {
    display: none !important;
  }
  .booking_demo .booking_form .book_demo-title {
    margin-top: 10%;
  }
}

/*landscape phones*/
@media (min-width: 576px) and (max-width: 767.98px) {
  .booking_demo .img-box {
    display: none !important;
  }

  .menu_text li {
    display: none !important;
  }
  .booking_demo .booking_form .book_demo-title {
    margin-top: 8%;
    font-size: 20px;
  }
  .booking_demo .booking_form .book_demo-btn {
    padding: 10px 25px 10px 25px;
    width: 100% !important;
  }
}

/*portrait phones*/
@media (max-width: 575.98px) {
  .booking_demo .img-box {
    display: none !important;
  }

  .menu_text li {
    display: none !important;
  }
  .booking_demo .booking_form .book_demo-title {
    margin-top: 10%;
    font-size: 20px;
  }
  .booking_demo .booking_form .book_demo-btn {
    padding: 10px 25px 10px 25px;
    width: 100% !important;
  }
}