@media not all and (min-width: 1024px) {
  .searchList li,
  .FlightClass li,
  .flighttype-items-ul li {
    text-align: center !important;
  }
  .add-routs:hover,
  .remove-routs:hover,
  .add-routs:hover span,
  .remove-routs:hover span {
    color: black !important;
  }
  .route-minus-btn {
    width: 40px !important;
    height: 40px !important;
    position: absolute;
    left: 0;
    top: -16px !important;
    z-index: 10;
    cursor: pointer;
  }
  .confirm-passenger {
    margin-top: 50px !important;
  }
  #r-flight .flightclass-field {
    position: absolute !important;
    height: 40px !important;
    position: absolute;
    top: 84px !important;
    width: 44vw !important;
    background-color: #ececec;
    border-radius: 10px !important;
    border: none !important;
    left: 0 !important;
  }
  #r-flighthotel .flightclass-field {
    position: absolute !important;
    height: 40px !important;
    position: absolute;
    top: -3px !important;
    width: 44vw !important;
    background-color: #ececec;
    border-radius: 10px !important;
    border: none !important;
    right: 0 !important;
  }
  .FlightClass-text {
    font-size: 14px !important;
  }
  .flighttype-field-icon {
    top: -3px !important;
  }
  .flighttype-dropDown-text {
    margin: 0 !important;
    padding: 0 4px;
    display: flex;
    align-items: center;
  }
  .flighttype-field {
    height: 40px;
    width: 42vw !important;
  }
  .reservation-item {
    display: flex !important;
    margin-bottom: 52px !important;
  }
  .searchList,
  .passengerbox,
  .flighttype-items,
  .FlightClass {
    z-index: 20000 !important;
    border-radius: 0 !important;
    border: none !important;
  }
  .active-r-btn {
    padding: 10px 5px !important;
  }
  .flighttype-items,
  .FlightClass {
    padding: 20px !important;
  }
  .FlightClass ul {
    margin-top: 30px !important;
  }
  .exchangeRoute {
    top: 49px !important;
    transform: rotate(0) !important;
  }
  .Basis_Date_Box {
    flex-direction: column !important;
    gap: 15px !important;
  }
  .Basis_Date_Box .reserve-field {
    width: 100% !important;
  }
}
@media (min-width: 1024px) {
  .flighttype-items li,
  .FlightClass li {
    padding: 6px 4px !important;
    border-radius: 10px !important;
  }
  .FlightClass li:last-child {
    margin-bottom: 0 !important;
  }
  .FlightClass li {
    margin-bottom: 10px;
  }
  .flighttype-items li:hover,
  .FlightClass li:hover {
    background-color: var(--primary) !important;
    color: black !important;
  }
  .flighttype-items li:hover *,
  .FlightClass li:hover * {
    color: black !important;
  }
  .FlightClass-text {
    font-size: 14px !important;
  }
  .active-r-btn {
    padding: 6px 4px !important;
  }
  .confirm-passenger:hover {
    background-color: var(--primary) !important;
    color: black !important;
  }
  .confirm-passenger:hover * {
    color: black !important;
  }
  .flighttype-field {
    width: 145px !important;
  }
  .flighttype-dropDown-text {
    margin: 10px 9px !important;
  }
  .Add-Remove button:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
  .Add-Remove button:hover * {
    color: white !important;
  }
  .route-minus-btn {
    position: absolute !important;
    left: 0;
    top: -23px !important;
  }
  .exchangeRoute {
    left: -20px !important;
    transform: rotate(90deg) !important;
    border: 1px solid var(--primary);
  }
  .exchangeRoute:hover {
    background-color: #00a0c8 !important;
    border-color: #0090b4 !important;
  }
  .searchList li.cursor-pointer {
    transition: all 0.35s ease-in-out;
  }
  .searchList li.cursor-pointer:hover {
    background-color: rgb(35 35 35 / 91%) !important;
    border-radius: 8px !important;
  }
  .searchList li.cursor-pointer:hover span {
    color: var(--primary) !important;
    font-weight: 700 !important;
  }
  #r-flight .flightclass-field {
    position: absolute !important;
    height: 40px !important;
    position: absolute;
    top: 0;
    width: 145px !important;
    right: 160px !important;
  }
  #r-flighthotel .flightclass-field {
    position: absolute !important;
    height: 40px !important;
    position: absolute;
    top: 0;
    width: 145px !important;
    right: 0px !important;
  }
  .multiroute-fields .Flightclass-Passenger {
    width: 49% !important;
  }
  .Flightclass-Passenger {
    width: 21% !important;
  }
  .route-content-inner .flight-routes {
    width: 61% !important;
  }
  .route-content-inner .Basis_Date_Box {
    width: 38% !important;
  }
  .flight-routes {
    width: 50% !important;
  }
  #r-flight .passengers-field {
    width: 100% !important;
  }
  #r-flighthotel .passengers-field {
    width: 100% !important;
  }
  .reservation-item li span {
    color: #bbb;
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .reservation-item li {
    margin: 0 !important;
    padding: 8px 12px !important;
  }
  .reservation-item {
    display: flex !important;
    align-items: center !important;
    gap: 35px !important;
    margin-bottom: 40px !important;
  }
  .reserve-search button:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
  .reservation-item li:hover {
    transform: scale(1.05) !important;
  }
  .search-box-container .flighttype-dropDown .flighttype-items,
  ul.FlightClass {
    top: 100% !important;
    border: 1px solid #ccc !important;
    border-radius: 10px !important;
    padding: 4px !important;
  }
  .searchList,
  .passengerbox {
    border: 1px solid #ccc !important;
    border-radius: 10px !important;
  }
}
#search-box input,
#search-box select {
  font-family: "DanaRegular" !important;
}
#search-box select {
  border-radius: 8px !important;
  height: 48px !important;
}
.reservation-item li svg,
.module-icon {
  display: none !important;
}
.active-module::before {
  bottom: -14px !important;
}
.reservation-item li {
  transition: all 0.35s ease-in-out;
  background-color: transparent !important;
}
.reservation-item li span {
  color: #bbb !important;
}
.reservation-item li.active-module span {
  color: black !important;
}
.flighttype-field {
  background-color: #ececec;
  border-radius: 10px !important;

  border-radius: 10px !important;
}

.flighttype-field-icon {
  display: flex !important;
}
.flighttype-field-icon svg,
.down-icon {
  width: 30px !important;
  height: 30px !important;
}
.label-flightclass {
  position: absolute;
  width: 30px !important;
  height: 30px !important;
  left: 0;
}
.label-flightclass svg:first-child {
  display: none !important;
}
.flightclass-field {
  position: absolute !important;
  height: 40px !important;
  position: absolute;
  top: 0;
  background-color: #ececec;
  border-radius: 10px !important;
  border-radius: 10px !important;
  border: none !important;
}

.active-r-btn *,
.active-FlightClass * {
  color: black !important;
}
.active-r-btn,
.active-FlightClass {
  border-radius: 10px !important;
  background-color: var(--primary) !important;
}

.label-flightclass span,
.label-routes,
.label-dates,
.label-passengers {
  display: none !important;
}
.FlightClass-text {
  height: 100% !important;
  display: flex !important;
  align-items: center;
}
#search-box .Basis_Date_Box div.reserve-field.h-20,
#search-box .departure-route,
#search-box .destination-route,
#search-box .passengers-field {
  height: 56px !important;
  border: 1px solid var(--secondary);
  cursor: pointer;
  background-color: var(--input-bg);
  border-radius: 8px;
}
.reserve-search {
  height: 56px !important;
}
.reserve-search button svg {
  display: none !important;
}
.reserve-search button {
  background-color: var(--primary) !important;
  border-radius: 8px !important;
  border: 1px solid var(--primary) !important;
}
.reserve-search button span {
  color: black !important;
}

#search-box div.reserve-field.h-20 input::placeholder {
  color: rgb(17, 17, 17) !important ;
}
#search-box .Basis_Date_Box input {
  padding-top: 0 !important;
}
#search-box form p {
  display: none !important;
}
#search-box input.text-value {
  height: 100% !important;
}
.flighttype-field {
  margin-bottom: 30px !important;
}
.show-passengers-dropdown div.cursor-pointer {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center;
  font-size: 14px !important;
}
.searchList li.bg-bgColor-100 {
  border-radius: 8px !important;
}
.exchangeRoute {
  background-color: var(--primary) !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
}
.exchangeRoute svg {
  width: 25px !important;
  height: 20px !important;
}
.plus-count,
.minus-count {
  border-radius: 10px !important;
}
.plus-count *,
.minus-count * {
  color: #fff !important;
}
.plus-count {
  background-color: var(--primary);
}
.minus-count {
  background-color: var(--secondary);
}
.route-minus-btn {
  width: fit-content !important;
  height: fit-content !important;
  padding: 12px !important;
  background-color: transparent !important;
}
.route-minus-btn span {
  display: none !important;
}
.removeroute-icon {
  width: 20px !important;
  height: 20px !important;
}
.Add-Remove {
  height: 56px !important;
}
.Add-Remove div.h-full {
  display: inline-flex !important;
  gap: 10px;
  width: 100%;
}
.Add-Remove button {
  border: 1px solid var(--primary) !important;
  border-radius: 8px !important;
  background-color: var(--primary) !important;
}
.Add-Remove button span {
  color: black !important;
}
.Add-Remove button svg {
  display: none !important;
}
.Add-Remove button * {
  font-size: 14px !important;
}
#r-flighthotel form {
  padding-top: 58px !important;
}
.warningColor-100 {
  color: rgb(232, 1, 1) !important;
}
.FlightClass li {
  padding-right: 5px !important;
}
.hotel-banner-background {
  background-image: url(../images/HotelBanner.jpg) !important;
}
.flighthotel-banner-background {
  background-image: url(../images/FlightHotelBanner.jpg) !important;
}
.tour-banner-background {
  background-image: url(../images/TourBanner.jpg) !important;
}
.flight-banner-background {
  background-image: url(../images/FlightBanner.jpg) !important;
}
.confirm-passenger {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 40px !important;
  border-radius: 10px !important;
  background-color: var(--secondary) !important;
  transition: all 0.4s ease-in-out !important;
}
.searchList .selectLocation svg {
  width: 30px !important;
  height: 30px !important;
}
.searchList .selectLocation .parent-item,
.searchList .selectLocation .child-item {
  display: flex !important;
  align-items: center !important;
}