:root {
  --primary: #33aa5f;
  --secondary: #ec282d;
  --primary-50: #50fe8f;
  --primary-100: #4cf48a;
  --primary-200: #4bee87;
  --primary-300: #4ae483;
  --primary-400: #41c572;
  --primary-500: #46d179;
  --primary-600: #39be6a;
  --primary-700: #33aa5f;
  --primary-800: #1d6c3a;
  --primary-900: #134927;
  --primary-950: #0a2815;
  --secondary-950: #470c0e;
  --secondary-900: #6a1215;
  --secondary-800: #9a1b20;
  --secondary-700: #ba1f24;
  --secondary-600: #db252b;
  --secondary-500: #ec282d;
  --secondary-400: #e8373d;
  --secondary-300: #e75156;
  --secondary-200: #e4696d;
  --secondary-100: #f37074;
  --secondary-50: #ff7579;
  --zinc-950: #09090b;
  --zinc-900: #1c1917;
  --zinc-800: #27272a;
  --zinc-700: #3f3f46;
  --zinc-600: #52525b;
  --zinc-500: #71717a;
  --zinc-400: #a1a1aa;
  --zinc-300: #d4d4d8;
  --zinc-200: #e4e4e7;
  --zinc-100: #f4f4f5;
  --zinc-50: #fafafa;
}
@media not all and (min-width: 1024px) {
  .Add-Remove div.h-full {
    display: flex !important;
    gap: 10px !important;
  }
  .searchList li.bg-bgColor-100 {
    text-align: center !important;
    font-weight: 700 !important;
  }
  .flighttype-items li {
    background-color: transparent !important;
    padding: 4px 0px !important;
    border-radius: 40px !important;
    border: 1px solid #d6d9e3;
    width: 27vw !important;
    display: inline-flex !important;
    justify-content: center;
  }
  .module-icon svg {
    width: 42px !important;
    height: 42px !important;
  }
  .reservation-item li {
    margin: 0 !important;
    color: #1f2230;
    border-radius: 8px !important;
    padding: 9px 2px !important;
    height: 96px !important;
    align-items: center;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    background-color: transparent !important;
  }
  .reservation-item {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .module-name {
    font-size: 12px !important;
  }
  .searchList .close-searchList {
    background-color: var(--primary) !important;
  }
  .hidden-box {
    border-radius: 0 !important;
  }
  .FlightClass ul {
    margin-top: 25px !important;
  }
  .FlightClass ul li {
    padding-right: 8px !important;
  }
  .exchangeRoute {
    top: 38px !important;
  }
  .search-engine-c {
    margin-top: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 13px -10px #0c2d33e3;
    border-radius: 8px;
    padding: 1.5em;
    background-color: #fff;
  }
  .search-box-container {
    padding-top: 1.5em !important;
  }
}

@media (min-width: 1024px) {
  .module-icon svg {
    width: 42px !important;
    height: 42px !important;
  }
  .search-engine-c {
    margin-top: 8em;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 13px -10px #0c2d33e3;
    border-radius: 8px;
    padding: 1.5em;
    background-color: #fff;
  }
  .reservation-item li {
    margin: 0 !important;
    color: #1f2230;
    border-radius: 8px !important;
    padding: 0.5em 2.2em !important;
    /* min-width: 140px; */
    height: 58px !important;
    align-items: center;
    display: flex !important;
    justify-content: space-between;
    gap: 12px;
    background-color: transparent !important;
  }
  .flighttype-items li {
    background-color: transparent !important;
    padding: 8px 0px !important;
    border-radius: 40px !important;
    border: 1px solid #d6d9e3;
    width: 120px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center !important;
  }
  .search-engine-c {
    z-index: 9 !important;
    position: relative;
  }
  .mini-shape-1 {
    z-index: 8 !important;
  }
  ul.FlightClass,
  .passengerbox {
    border: solid 1px #e7e7e7;
    padding: 0.4em !important;
    background: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2) !important;
    border-radius: 10px !important;
  }
  .search-engine-c .Add-Remove {
    display: inline-flex;
    align-items: center;
    width: 50% !important;
  }
  .search-engine-c .Add-Remove div.h-full {
    display: inline-flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 40px;
  }
  .reservation-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d6d9e3;
    padding-bottom: 1em;
    text-align: center;
    gap: 12px;
  }
  .route-content-inner .flight-routes {
    width: 75% !important;
  }
  #r-flight .flightclass-field {
    width: 33.33333% !important;
  }
  #r-insurance .passengers-field {
    width: 27% !important;
  }
  .exchangeRoute {
    left: -18px !important;

    transform: rotate(90deg) !important;
  }
}
.Basis_Date_Box .no-activedate {
  background-color: transparent !important;
  cursor: not-allowed !important;
}
.exchangeRoute {
  background-color: #33aa5f !important;
  width: 25px !important;
  height: 25px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.exchangeRoute:hover {
  background-color: #113c21 !important;
}
.exchangeRoute svg {
  width: 20px !important;
  height: 20px !important;
}
.reserve-search button,
.add-routs,
.remove-routs {
  background-color: #33aa5f !important;
  border-radius: 8px !important;
  color: white;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 14px !important;
}
.reserve-search button:hover,
.add-routs:hover,
.remove-routs:hover {
  background-color: #195830 !important;
}
.reserve-search button span,
.remove-routs svg,
.add-routs svg {
  display: none !important;
}
.remove-routs span,
.add-routs span {
  font-size: 14px !important;
  color: white !important;
}

.flighttype-items li * {
  color: #1f2230 !important;
}

.flighttype-items li:hover {
  border: 1px solid #33aa5f !important;
}
.flighttype-items li.active-r-btn {
  background-color: #33aa5f !important;
  border: 1px solid #33aa5f !important;
}
.flighttype-items li.active-r-btn * {
  color: white !important;
}
.search-engine-c .form-search {
  margin-top: 16px !important;
}
.search-engine-c .reserve-field.h-20,
.reserve-search {
  height: 45px !important;
}
input.text-value {
  height: 100% !important;
}
.search-engine-c .departure-route,
.search-engine-c .flightclass-field,
.search-engine-c .passengers-field,
.search-engine-c .Basis_Date_Box input,
.search-engine-c .destination-route {
  border: 1px solid #d6d9e3 !important;
  border-radius: 8px !important;
}
.search-engine-c .Basis_Date_Box input {
  padding-top: 0 !important;
}
.FlightClass-text,
.show-passengers-dropdown div.cursor-pointer {
  display: flex;
  width: 100% !important;
  height: 100% !important;
  align-items: center;
  font-size: 14px !important;
}
.label-routes,
.label-dates,
.label-flightclass,
.label-passengers {
  display: none !important;
}
.active-module span {
  color: #1f2230 !important;
}
.reservation-item li.active-module {
  border: 1px solid #33aa5f !important;
}

ul.FlightClass {
  padding: 8px !important;
}
ul.FlightClass li {
  padding: 5px 10px !important;
}
.search-engine-c .plus-count,
.search-engine-c .minus-count {
  background-color: #33aa5f !important;
  font-size: 16px !important;
  color: white !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}
.search-engine-c p,
.route-minus-btn span {
  display: none !important;
}
.route-minus-btn {
  width: fit-content !important;
  height: fit-content !important;
  display: flex;
  position: absolute;
  left: 0;
  top: -1px;
}
.search-engine-c .plus-count:hover,
.confirm-passenger:hover,
.search-engine-c .minus-count:hover {
  background-color: #18542e !important;
}
.passengers-field .toggle-calendar {
  border: 1px solid #33aa5f !important;
  border-radius: 8px !important;
}
.passengers-field .toggle-calendar:hover {
  background-color: #33aa5f !important;
  color: white !important;
}
.confirm-passenger {
  display: flex !important;
  align-items: center;
  border-radius: 8px !important;
  justify-content: center;
  width: 100% !important;
  height: 45px !important;
  background-color: #33aa5f !important;
  color: white;
}
.active-FlightClass *,
.confirm-passenger:hover {
  color: white !important;
}
.active-FlightClass {
  background-color: #33aa5f !important;
  border-radius: 8px !important;
}
.hotel-banner-background {
  background-image: url(../images/search-bg-hotel.jpg) !important;
}
.flight-banner-background {
  background-image: url(../images/search-bg-flight.jpg) !important;
}
.flighthotel-banner-background {
  background-image: url(../images/search-bg-flighthotel.jpg) !important;
}
.tour-banner-background {
  background-image: url(../images/search-bg-tour.jpg) !important;
}
.insurance-banner-background {
  background-image: url(../images/search-bg-insurance.jpg) !important;
}

.book-border.book-border-zinc-300 {
  border: 1px solid var(--zinc-300) !important;
}
.book-border-b.book-border-zinc-300 {
  border-bottom: 1px solid var(--zinc-300) !important;
}
.book-border-t.book-border-zinc-300 {
  border-top: 1px solid var(--zinc-300) !important;
}

.book-border.book-border-zinc-200 {
  border: 1px solid var(--zinc-200) !important;
}
.book-border-b.book-border-zinc-200 {
  border-bottom: 1px solid var(--zinc-200) !important;
}
.book-border-t.book-border-zinc-200 {
  border-top: 1px solid var(--zinc-200) !important;
}
.book-border-l.book-border-solid.book-border-zinc-200 {
  border-left: 1px solid var(--zinc-200) !important;
}

.book-border.book-border-zinc-500 {
  border: 1px solid var(--zinc-500);
}
.warningColor-100 {
  color: rgb(207, 0, 0) !important;
}
.searchList ul {
  max-height: unset !important;
}
.searchList ul li.cursor-pointer {
  text-align: center !important;
}
.searchList .selectLocation svg {
  width: 38px !important;
  height: 40px !important;
}
.searchList .selectLocation:first-child {
  margin-top: 0 !important;
}
.searchList .selectLocation {
  margin-top: 12px !important;
}
.search-box-content {
  z-index: 0 !important;
  margin-top: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
#picker button {
  cursor: pointer !important;
}
.search-box-container .createChildDropdown select,
.BithdatePassenger {
  width: 100% !important;
}
.search-box-container select {
  width: 100% !important;
}