@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
body {
  overflow: auto;
  position: relative;
  direction: ltr;
}

@keyframes leftToRight {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px); /* Start above the original position */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* Move to the original position */
  }
}
@keyframes slideDown2 {
  0% {
    display: block;
    height: fit-content;
    opacity: 0;
  }
  20% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    height: fit-content; /* Set this to the maximum height of the content */
    transform: translateY(0px);
    opacity: 1;
    display: block;
  }
}
@keyframes slideUp {
  0% {
    display: block;
    height: fit-content;
    opacity: 1;
  }
  20% {
    transform: translateY(0px);
    opacity: 1;
    height: fit-content;
  }
  100% {
    height: fit-content; /* Set this to the maximum height of the content */
    transform: translateY(-30px);
    opacity: 0;
    display: none;
  }
}
h1, h2, h3, h4, h5, h6, p, span, label, ul, li, strong, small, button {
  color: var(--color-natural-900, #0F172A);
}

.MuiButtonBase-root span {
  color: inherit;
}

.rightSideElement i.ri {
  color: var(--color-white, #ffffff);
}
.rightSideElement .countryDropdownActive i.ri,
.rightSideElement .activeButton i.ri,
.rightSideElement .CurrencyActiveDropdown i.ri,
.rightSideElement .dropdownActive i.ri,
.rightSideElement ul i.ri {
  color: var(--color-blue-primary, #0D52DB);
}

.AppBar__SupportIcon i.ri {
  color: var(--color-white, #ffffff);
}

.FormSearch i.ri {
  color: var(--color-natural-900, #0F172A);
}
.FormSearch .btn-primary i.ri {
  color: var(--color-white, #ffffff);
}
.FormSearch__Container__Tabs__Tab .ri {
  color: var(--color-natural-700, #334155) !important;
}
.FormSearch .CustomeSelect .btn-count .ri {
  color: var(--color-natural-600, #475569);
}

.DrawerPassangerTypes .btn-count .ri {
  color: var(--color-natural-600, #475569);
}

.slider-btn .btn-prev .ri,
.slider-btn .btn-next .ri {
  color: var(--color-blue-primary, #0D52DB);
}

.bookingHotel__Container__Left .boxContent__header .ri,
.bookingFlight__Container__Left .boxContent__header .ri {
  color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__Header .ri,
.bookingFlight__Container__Right .boxContent__FareBreakDown__Header .ri {
  color: var(--color-blue-primary, #0D52DB) !important;
}

.FormSearchMobile__Container__AllChoices__Box .ri {
  color: var(--color-blue-primary, #0D52DB);
}

.flightSearch__Container__dropDown__List__Item .ri {
  color: var(--color-blue-primary, #0D52DB) !important;
}

.addTravellersDropdown__footer .btn-add .ri {
  color: var(--color-blue-primary, #0D52DB);
}

#AppBarID .AppBar {
  position: static;
  height: 50px;
  background-color: var(--color-navbar-background, #0D52DB);
  box-shadow: unset;
}
#AppBarID .AppBar__Container {
  width: 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  #AppBarID .AppBar__Container {
    padding: 0% 15px;
  }
}
#AppBarID .AppBar__Container__Stack {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  height: 100%;
  width: 100%;
}
#AppBarID .AppBar__Container__Stack .rightSideElement {
  display: flex;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  #AppBarID .AppBar__Container__Stack .rightSideElement {
    display: none;
  }
}
#AppBarID .AppBar__Container__Stack .rightSideElement .AppBarDivider {
  background: var(--color-blue-light, #60A5FA);
}
#AppBarID .AppBar__Container__Stack .rightSideElement .DropdownOptionDivider {
  border: 1px solid black;
}
#AppBarID .AppBar__Container__Stack .rightSideElement .findBooking {
  color: var(--color-white, #ffffff);
  text-decoration: none;
  margin-right: 0.75rem;
  margin-left: 0.75rem;
  display: flex;
  align-items: center;
}
#AppBarID .AppBar__Container__Stack .rightSideElement .findBooking img {
  margin-right: 0.25rem;
}
#AppBarID .AppBar__Container__Stack .rightSideElement .findBooking .ri {
  font-size: 1.25rem;
  margin-right: 0.25rem;
}
#AppBarID .AppBar__Container__Stack .rightSideElement .LoyaltyNav {
  color: var(--color-white, #ffffff);
  text-decoration: none;
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
}
#AppBarID .AppBar__Container__Stack .rightSideElement .LoyaltyNav img {
  margin-right: 0.25rem;
}
#AppBarID .AppBar__Container__Stack .rightSideElement .LoyaltyNav .ri {
  font-size: 1.5rem;
  margin-right: 0.25rem;
}
#AppBarID .AppBar__logo {
  height: 100%;
  padding: 8px 0px;
}
#AppBarID .AppBar__logo img {
  height: 33px;
}
#AppBarID .AppBar__BurgerIcon {
  display: none;
  filter: brightness(0) invert(1);
}
@media only screen and (max-width: 640px) {
  #AppBarID .AppBar__BurgerIcon {
    display: block;
  }
}
#AppBarID .AppBar__SupportIcon {
  display: none;
}
#AppBarID .AppBar__SupportIcon .ri {
  font-size: 1.25rem;
}
@media only screen and (max-width: 640px) {
  #AppBarID .AppBar__SupportIcon {
    display: block;
  }
}
#AppBarID .AppBar .CurrencyActiveDropdown {
  background-color: var(--color-white, #ffffff);
}
#AppBarID .AppBar .CurrencyActiveDropdown .currency {
  color: var(--color-blue-primary, #0D52DB);
}
#AppBarID .AppBar__Currency {
  cursor: pointer;
  position: relative;
  height: 100%;
  position: relative;
  height: 100%;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#AppBarID .AppBar__Currency__Button {
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
#AppBarID .AppBar__Currency__Button .currency {
  width: 25px;
  text-align: center;
  color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Currency__Button .ri {
  font-size: 1.25rem;
  margin-left: 0.5rem;
}
#AppBarID .AppBar__Currency__Dropdown {
  position: absolute;
  width: 470px;
  top: 35px;
  left: -280px;
}
#AppBarID .AppBar__Currency__Dropdown__List {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
  display: flex;
  flex-wrap: wrap;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 0px;
}
#AppBarID .AppBar__Currency__Dropdown__List__ListItem {
  width: 50%;
  height: 50px;
  border: 0.5px solid var(--color-natural-200, #E2E8F0);
  border-top: unset;
  border-left: unset;
  cursor: pointer;
}
#AppBarID .AppBar__Currency__Dropdown__List__ListItem .text {
  color: var(--color-natural-900, #0F172A);
  font-weight: 300;
  font-size: 16px;
}
#AppBarID .AppBar__Currency__Dropdown__List__ListItem .currency {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
  font-size: 16px;
  margin-right: 10px;
}
#AppBarID .AppBar__Currency__Dropdown__List__AllCurrencies {
  height: 62px;
  background-color: var(--color-natural-200, #E2E8F0);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#AppBarID .AppBar__Currency__Dropdown__List__AllCurrencies .text {
  font-size: 14px;
  color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
}
#AppBarID .AppBar__Currency__Dropdown__List__AllCurrencies .text:hover {
  text-decoration: underline;
}
#AppBarID .AppBar__Currency .MuiInputBase-root::before {
  border: unset;
}
#AppBarID .AppBar__Currency__Select {
  height: 2.5rem;
  color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Currency__Select .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Currency__Select .MuiSvgIcon-root {
  color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Country {
  display: flex;
  align-items: center;
  width: 78px;
  height: 100%;
  cursor: pointer;
}
#AppBarID .AppBar__Country .countryDropdownActive {
  background-color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Country__FormControl {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#AppBarID .AppBar__Country .Button {
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  width: 100%;
  justify-content: center;
}
#AppBarID .AppBar__Country .Button .flagIcon {
  width: 20px;
  margin-right: 10px;
}
#AppBarID .AppBar__Country .Button .ri {
  font-size: 1.25rem;
}
#AppBarID .AppBar__Country__Dropdown {
  position: absolute;
  width: 200px;
  top: 50px;
  left: -120px;
}
#AppBarID .AppBar__Country__Dropdown__List {
  background-color: white;
  z-index: 999;
  display: flex;
  flex-direction: column;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
}
#AppBarID .AppBar__Country__Dropdown__List__ListItem {
  width: 100%;
  height: 50px;
  border-bottom: 0.5px solid var(--color-natural-200, #E2E8F0);
  border-top: unset;
  border-left: unset;
  cursor: pointer;
}
#AppBarID .AppBar__Country__Dropdown__List__ListItem .text {
  color: var(--color-natural-900, #0F172A);
  font-weight: 300;
  font-size: 16px;
  margin-left: 10px;
}
#AppBarID .AppBar__Country__Dropdown__List__ListItem .currency {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
  font-size: 16px;
  margin-right: 10px;
}
#AppBarID .AppBar__Country__Dropdown__List__AllCurrencies {
  height: 62px;
  background-color: var(--color-natural-200, #E2E8F0);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#AppBarID .AppBar__Country__Dropdown__List__AllCurrencies .text {
  font-size: 14px;
  color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
}
#AppBarID .AppBar__Country__Dropdown__List__AllCurrencies .text:hover {
  text-decoration: underline;
}
#AppBarID .AppBar__Country__formControl {
  border: unset;
}
#AppBarID .AppBar__Country__formControl__Select {
  height: 2.5rem;
  color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Country__formControl__Select .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Country__formControl__Select .MuiSvgIcon-root {
  color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Country .MuiInputBase-root::before {
  border: unset;
}
#AppBarID .AppBar__Country .MuiListItemIcon-root {
  min-width: auto;
}
#AppBarID .AppBar__Country .MuiSelect-select {
  padding-right: 12px !important;
}
#AppBarID .AppBar__Account {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
#AppBarID .AppBar__Account__AccountButton {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  cursor: pointer;
}
#AppBarID .AppBar__Account__AccountButton .text {
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Account__AccountButton .ri:first-of-type {
  font-size: 0.875rem;
}
#AppBarID .AppBar__Account__AccountButton .ri {
  font-size: 1.25rem;
}
#AppBarID .AppBar__Account .activeButton {
  background-color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Account .activeButton .text {
  color: var(--color-blue-primary, #0D52DB);
}
#AppBarID .AppBar__Account .ListItemsAccount {
  width: 280px;
  padding-top: 0px;
  background-color: var(--color-white, #ffffff);
  position: absolute;
  z-index: 9999;
  top: 24px;
  right: 0%;
  box-shadow: 0px 2px 4px 0px #EDEDED;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0%;
}
#AppBarID .AppBar__Account .ListItemsAccount .Items {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  height: 50px;
  cursor: pointer;
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 300;
}
#AppBarID .AppBar__Account .ListItemsAccount .Items:hover {
  background-color: #f4f8fc;
}
#AppBarID .AppBar__Account .ListItemsAccount .Items:hover .text {
  color: #000;
  font-weight: 300;
}
#AppBarID .AppBar__Account .ListItemsAccount .Items img {
  margin-right: 8px;
}
#AppBarID .AppBar__Account .ListItemsAccount .Items .ri {
  margin-right: 8px;
  font-size: 1.125rem;
}
#AppBarID .AppBar__Account .ListItemsAccount .FooterButton {
  background-color: #f4f3f2;
  font-size: 14px;
  flex-direction: column;
  gap: 0.5rem 0;
}
#AppBarID .AppBar__Account .ListItemsAccount .FooterButton__signUpBtn {
  font-weight: 300;
  padding: 9px 20px;
  color: var(--color-white, #ffffff);
  background-color: var(--color-blue-primary, #0D52DB);
  border-color: var(--color-blue-primary, #0D52DB);
  width: 110px;
  height: 40px;
  text-transform: capitalize;
  width: 100%;
}
#AppBarID .AppBar__Account .ListItemsAccount .FooterButton__signInBtn {
  border: 1px solid var(--color-blue-primary, #0D52DB);
  font-weight: 300;
  padding: 9px 20px;
  width: 110px;
  height: 40px;
  text-transform: capitalize;
  color: var(--color-blue-primary, #0D52DB);
  width: 100%;
}
#AppBarID .AppBar__Account__Select {
  height: 2.5rem;
  color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Account__Select .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Account__Select .MuiSvgIcon-root {
  color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Account__Select__Text {
  font-size: 14px;
  margin-left: 10px;
  font-weight: 500;
}
#AppBarID .AppBar__Account .MuiInputBase-root::before {
  border: unset;
}
#AppBarID .AppBar__Support {
  display: flex;
  flex-direction: row;
  margin-top: auto;
  margin-bottom: auto;
  align-items: center;
  cursor: pointer;
  position: relative;
  height: 100%;
  justify-content: right;
}
#AppBarID .AppBar__Support .dropdownActive {
  background-color: var(--color-white, #ffffff);
  height: 100%;
}
#AppBarID .AppBar__Support .dropdownActive .Text {
  color: var(--color-blue-primary, #0D52DB);
}
#AppBarID .AppBar__Support__button {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
#AppBarID .AppBar__Support__button .Text {
  color: var(--color-white, #ffffff);
}
#AppBarID .AppBar__Support__button .ri {
  font-size: 1.25rem;
}
#AppBarID .AppBar__Support__Dropdown {
  background-color: var(--color-white, #ffffff);
  position: absolute;
  width: 220px;
  top: 50px;
  right: 0;
  z-index: 99999;
  box-shadow: 0px 2px 4px 0px #EDEDED;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#AppBarID .AppBar__Support__Dropdown__List .items .link {
  display: flex;
  text-decoration: none;
}
#AppBarID .AppBar__Support__Dropdown__List .items__text {
  color: var(--color-natural-900, #0F172A);
  font-weight: 300;
  margin-left: 8px;
}
#AppBarID .AppBar__Support__Dropdown__List .items .ri {
  font-size: 1rem;
}
#AppBarID .AppBar__Support .Text {
  margin-left: 8px;
  margin-right: 8px;
}
#AppBarID #MobileModel .HideModal {
  display: none;
}
#AppBarID #MobileModel .modal {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999;
}
#AppBarID #MobileModel {
  /* Modal Content */
}
#AppBarID #MobileModel .modal-content {
  position: relative;
  background: #F7F7F7;
  box-shadow: 0px 2px 4px 0px #EDEDED;
  padding: 0px;
  border: 1px solid #888;
  width: 320px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  height: 100vh;
}
@media only screen and (max-width: 640px) {
  #AppBarID #MobileModel .modal-content {
    width: 100%;
  }
}
#AppBarID #MobileModel .modal-content__BackText {
  color: var(--color-blue-primary, #0D52DB);
}
#AppBarID #MobileModel .modal-content__crossIcon {
  padding: 10px;
}
#AppBarID #MobileModel .modal-content__Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  background-color: white;
  border-top: 1px solid var(--color-natural-200, #E2E8F0);
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
#AppBarID #MobileModel .modal-content__Header__account {
  padding-left: 15px;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
#AppBarID #MobileModel .modal-content__Header__account p {
  color: var(--color-natural-900, #0F172A);
  font-weight: 300;
}
#AppBarID #MobileModel .modal-content__Header__currency {
  display: flex;
  align-items: center;
  height: 100%;
}
#AppBarID #MobileModel .modal-content__Header__currency p {
  border-left: 1px solid var(--color-natural-200, #E2E8F0);
  border-right: 1px solid var(--color-natural-200, #E2E8F0);
  color: var(--color-blue-primary, #0D52DB);
  padding: 0px 20px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#AppBarID #MobileModel .modal-content__Header__currency .Text {
  color: var(--color-white, #ffffff);
}
#AppBarID #MobileModel .modal-content__Header__currency img {
  width: 55px;
  height: 55px;
  padding: 12px;
}
#AppBarID #MobileModel .modal-content__Content .FooterButton {
  background-color: #f4f3f2;
  height: 72px;
  justify-content: space-between;
  font-size: 14px;
  flex-direction: column;
  gap: 0.5rem 0;
}
#AppBarID #MobileModel .modal-content__Content .FooterButton__signUpBtn {
  font-weight: 300;
  padding: 9px 20px;
  color: var(--color-white, #ffffff);
  background-color: var(--color-blue-primary, #0D52DB);
  border-color: var(--color-blue-primary, #0D52DB);
  width: 110px;
  height: 40px;
  text-transform: capitalize;
  text-decoration: none;
  text-align: center;
  width: 100%;
}
#AppBarID #MobileModel .modal-content__Content .FooterButton__signInBtn {
  border: 1px solid var(--color-blue-primary, #0D52DB);
  font-weight: 300;
  padding: 9px 20px;
  width: 110px;
  height: 40px;
  text-transform: capitalize;
  color: var(--color-blue-primary, #0D52DB);
  text-decoration: none;
  text-align: center;
  width: 100%;
}
#AppBarID #MobileModel .modal-content__Content__data {
  height: 50px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding-left: 13px;
}
#AppBarID #MobileModel .modal-content__Content__data__Icon {
  margin-right: 13px;
}
#AppBarID #MobileModel .modal-content__Content__data__Sign {
  margin-right: 13px;
  color: var(--color-blue-primary, #0D52DB) !important;
}
#AppBarID #MobileModel .modal-content__Content__data p {
  color: var(--color-natural-900, #0F172A);
  font-weight: 300;
}
#AppBarID #MobileModel .modal-content__Content__data .link {
  color: var(--color-natural-900, #0F172A);
  font-weight: 300;
  text-decoration: none;
  text-transform: capitalize;
  width: 100%;
}
#AppBarID #MobileModel {
  /* Add Animation */
}
@-webkit-keyframes animatetop {
  from {
    left: -300px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    left: -300px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}

#NavBarID {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  background-color: var(--color-white, #ffffff);
}
#NavBarID .NavBar {
  width: 100%;
  max-width: 100%;
}
#NavBarID .NavBar .Mui-selected {
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
}
#NavBarID .NavBar button {
  color: var(--color-natural-900, #0F172A);
  font-weight: 300;
}
@media only screen and (max-width: 640px) {
  #NavBarID {
    display: none;
  }
}
#NavBarID .MuiTabs-indicator {
  background-color: var(--color-blue-primary, #0D52DB);
}

#Footer {
  background-color: var(--color-white, #ffffff);
  padding: 3.75rem 5rem 0 5rem;
}
@media only screen and (max-width: 640px) {
  #Footer {
    padding: 3rem 1rem 0;
  }
}
#Footer .box-logo img {
  width: max-content;
  height: 47px;
}
@media only screen and (max-width: 640px) {
  #Footer .box-logo {
    margin-bottom: 1rem;
  }
}
#Footer .FooterContent {
  display: flex;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
@media only screen and (max-width: 640px) {
  #Footer .FooterContent {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
#Footer .FooterContent .box-logo {
  width: 25%;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 640px) {
  #Footer .FooterContent .box-logo {
    width: 100%;
  }
}
#Footer .FooterContent .box-logo img {
  margin-bottom: 1rem;
}
#Footer .FooterContent .box-logo__info {
  margin: 0;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
}
#Footer .FooterContent .box-content {
  width: 33.3333333333%;
}
@media only screen and (max-width: 640px) {
  #Footer .FooterContent .box-content {
    width: 100%;
    margin-bottom: 1rem;
  }
}
#Footer .FooterContent .box-content .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.75rem;
}
#Footer .FooterContent .box-content .list {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  #Footer .FooterContent .box-content .list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
#Footer .FooterContent .box-content .list .item {
  list-style: none;
  margin-bottom: 0.75rem;
}
@media only screen and (max-width: 640px) {
  #Footer .FooterContent .box-content .list .item {
    width: 50%;
  }
}
#Footer .FooterContent .box-content .list .item a {
  text-decoration: none;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  font-size: 1rem;
}
#Footer .FooterContent .box-content .donwloadApp {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  #Footer .FooterContent .box-content .donwloadApp a {
    width: 50%;
  }
}
#Footer .FooterContent .box-content .donwloadApp a img {
  width: 190px;
  height: max-content;
}
@media only screen and (max-width: 768px) {
  #Footer .FooterContent .box-content .donwloadApp a img {
    width: 100%;
  }
}
#Footer .FooterContent .box-content .Footer-Payment {
  margin-top: 30px;
}
#Footer .FooterContent .box-content .Footer-Payment .title {
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  font-size: 1rem;
}
#Footer .FooterContent .box-content .Footer-Payment__List {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  #Footer .FooterContent .box-content .Footer-Payment__List {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}
#Footer .FooterContent .box-content .Footer-Payment .tabby {
  width: 60px;
  height: 60px;
}
#Footer .FooterBottom {
  padding: 0.75rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  #Footer .FooterBottom {
    display: inherit;
  }
}
#Footer .FooterBottom__Left a {
  margin-right: 1.25rem;
}
@media only screen and (max-width: 640px) {
  #Footer .FooterBottom__Left {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 640px) {
  #Footer .FooterBottom__Right {
    display: flex;
    justify-content: center;
  }
}
#Footer .FooterBottom__Right .copyRight {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
  margin: 0;
  text-decoration: none;
}

.footerMaster__content__payment {
  background-color: var(--color-natural-100, #F1F5F9);
  border-bottom: 1px solid var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1rem;
  flex-wrap: wrap;
  padding: 1.1rem 0;
}
.footerMaster__content__payment img {
  max-width: 100px;
}
@media only screen and (max-width: 768px) {
  .footerMaster__content__payment img {
    max-width: 40px;
  }
}
.footerMaster__content__payment .tabby {
  width: 60px;
  height: 60px;
}
.footerMaster__content__Container {
  background-color: var(--color-footer-primary-bg, #324155);
}
.footerMaster__content__Container__Content {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 0 3rem;
}
@media only screen and (max-width: 768px) {
  .footerMaster__content__Container__Content {
    flex-wrap: wrap;
  }
}
.footerMaster__content__Container__Content__LeftSide {
  width: 80%;
  padding: 1.25 0.95rem;
  display: block;
}
@media only screen and (max-width: 768px) {
  .footerMaster__content__Container__Content__LeftSide {
    width: 100%;
    display: none;
  }
}
.footerMaster__content__Container__Content__LeftSide__Container {
  display: flex;
  gap: 0 15rem;
  padding: 1rem;
}
.footerMaster__content__Container__Content__LeftSide__Container .Box-content .title {
  color: var(--color-footer-head-color, #CBD5E1);
  font-size: 1rem;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
.footerMaster__content__Container__Content__LeftSide__Container .Box-content .title::after {
  content: "";
  background-color: var(--color-natural-300, #CBD5E1);
  width: 30px;
  height: 3px;
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0;
}
.footerMaster__content__Container__Content__LeftSide__Container .Box-content .list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footerMaster__content__Container__Content__LeftSide__Container .Box-content .list .item {
  margin-bottom: 0.5rem;
}
.footerMaster__content__Container__Content__LeftSide__Container .Box-content .list .item a {
  text-decoration: none;
  font-size: 1rem;
  color: var(--color-footer-link-color, #FFFFFF);
  display: flex;
  border-bottom: 1px dashed transparent;
  width: max-content;
}
.footerMaster__content__Container__Content__LeftSide__Container .Box-content .list .item a:hover {
  transition: all ease-in-out 0.2s;
  color: var(--color-white, #ffffff);
  border-bottom: 1px dashed var(--color-white, #ffffff);
}
.footerMaster__content__Container__Content__LeftSide__Bottom .content {
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
.footerMaster__content__Container__Content__LeftSide__Bottom .content .footerLogo {
  display: flex;
  align-items: center;
}
.footerMaster__content__Container__Content__LeftSide__Bottom .content .footerLogo .logo {
  width: 100px;
  margin-bottom: 0.5rem;
}
.footerMaster__content__Container__Content__LeftSide__Bottom .content .adress {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-footer-text-color, #E2E8F0);
  margin-bottom: 0.5rem;
}
.footerMaster__content__Container__Content__LeftSide__Bottom .content .linkEmial,
.footerMaster__content__Container__Content__LeftSide__Bottom .content .linkPhone {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-200, #E2E8F0);
  margin-bottom: 0.5rem;
  text-decoration: none;
  display: flex;
}
.footerMaster__content__Container__Content__LeftSide__Bottom .content .linkEmial .emailText,
.footerMaster__content__Container__Content__LeftSide__Bottom .content .linkEmial .phoneNumber,
.footerMaster__content__Container__Content__LeftSide__Bottom .content .linkPhone .emailText,
.footerMaster__content__Container__Content__LeftSide__Bottom .content .linkPhone .phoneNumber {
  color: var(--color-footer-link-color, #FFFFFF);
}
.footerMaster__content__Container__Content__LeftSide__Bottom .content .linkEmial i,
.footerMaster__content__Container__Content__LeftSide__Bottom .content .linkPhone i {
  color: var(--color-footer-icon-color, #FFFFFF);
  margin-right: 0.5rem;
}
.footerMaster__content__Container__Content__LeftSide__Bottom .content .copyRight {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-footer-text-color, #E2E8F0);
  margin: 0;
  text-decoration: none;
}
.footerMaster__content__Container__Content__LeftSide__Bottom .content .copyRight:hover a {
  color: var(--color-white, #ffffff);
}
.footerMaster__content__Container__Content__Accordion {
  display: none;
}
.footerMaster__content__Container__Content__Accordion .accordion-list {
  background-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid var(--color-natural-500, #64748B);
  color: var(--color-footer-head-color, #CBD5E1);
  width: 100%;
  text-transform: uppercase;
}
.footerMaster__content__Container__Content__Accordion .accordion-list .list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footerMaster__content__Container__Content__Accordion .accordion-list .list .item {
  border-top: 1px solid var(--color-natural-500, #64748B);
  padding: 0.75rem 0;
}
.footerMaster__content__Container__Content__Accordion .accordion-list .list .item a {
  text-decoration: none;
  font-size: 1rem;
  color: var(--color-footer-link-color, #FFFFFF);
  display: flex;
  border-bottom: 1px dashed transparent;
  width: max-content;
}
.footerMaster__content__Container__Content__Accordion .accordion-list .list .item a:hover {
  transition: all ease-in-out 0.2s;
  color: var(--color-white, #ffffff);
  border-bottom: 1px dashed var(--color-white, #ffffff);
}
.footerMaster__content__Container__Content__Accordion .accordion-list .MuiSvgIcon-root {
  color: var(--color-footer-icon-color, #FFFFFF);
}
@media only screen and (max-width: 768px) {
  .footerMaster__content__Container__Content__Accordion {
    display: block;
  }
}
.footerMaster__content__Container__Content__RightSide {
  background-color: var(--color-footer-secondary-bg, #475469);
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .footerMaster__content__Container__Content__RightSide {
    width: 100%;
  }
}
.footerMaster__content__Container__Content__RightSide .content {
  padding: 1rem;
}
.footerMaster__content__Container__Content__RightSide .content .title {
  color: var(--color-footer-head-color, #CBD5E1);
  font-size: 1rem;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
.footerMaster__content__Container__Content__RightSide .content .box-social {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  margin-bottom: 2.25rem;
}
.footerMaster__content__Container__Content__RightSide .content .box-social a {
  width: 35px;
  height: 35px;
  display: block;
  background: var(--color-natural-300, #CBD5E1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-decoration: none;
}
.footerMaster__content__Container__Content__RightSide .content .box-social a img {
  width: 20px;
  height: 20px;
}
.footerMaster__content__Container__Content__RightSide .content .box-social a i {
  color: var(--color-footer_social_icons, #FFFFFF);
}
.footerMaster__content__Container__Content__RightSide .content .box-download {
  display: flex;
  align-items: center;
  gap: 0 1rem;
}
.footerMaster__content__Container__Content__RightSide .content .box-download a img {
  width: 190px;
  height: max-content;
}
@media only screen and (max-width: 768px) {
  .footerMaster__content__Container__Content__RightSide .content .box-download a img {
    width: 150px;
  }
}

#MainBanner {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}
#MainBanner .BannerImage {
  width: 100%;
  height: 1580px;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
  #MainBanner .BannerImage {
    object-fit: cover;
    height: 430px;
  }
}

@media (max-width: 768px) {
  .mainBanner-desktop {
    display: none !important;
  }
  .mainBanner-mobile {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .mainBanner-mobile {
    display: none !important;
  }
  .mainBanner-desktop {
    display: inline-block !important;
  }
}
#DestinationId .DestinationContainer {
  margin-top: 20px;
  padding: 0 5rem;
  margin-top: 2.5rem;
}
@media only screen and (max-width: 768px) {
  #DestinationId .DestinationContainer {
    padding: 1rem;
  }
}
#DestinationId .DestinationContainer__heading {
  font-size: 22px;
  font-weight: 500;
}
#DestinationId .DestinationContainer__subHeading {
  font-size: 18px;
  font-weight: 300;
}
#DestinationId .DestinationContainer__CardContainer {
  display: grid;
  grid-template-columns: auto auto auto auto;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
}
@media only screen and (max-width: 768px) {
  #DestinationId .DestinationContainer__CardContainer {
    display: flex;
  }
}
#DestinationId .DestinationContainer__CardContainer > * {
  flex-shrink: 0;
  scroll-snap-align: start;
}
#DestinationId .DestinationContainer__CardContainer {
  margin-top: 28px;
  gap: 30px;
}
@media only screen and (max-width: 640px) {
  #DestinationId .DestinationContainer__CardContainer {
    gap: 15px;
  }
}
#DestinationId .DestinationContainer__CardContainer__card {
  margin-top: 20px;
  border-radius: 12px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  background: var(--color-white, #ffffff);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1280px) {
  #DestinationId .DestinationContainer__CardContainer__card {
    width: 48%;
  }
}
@media only screen and (max-width: 640px) {
  #DestinationId .DestinationContainer__CardContainer__card {
    width: 78%;
  }
}
#DestinationId .DestinationContainer__CardContainer__card__content {
  padding: 10px 15px;
}
#DestinationId .DestinationContainer__CardContainer__card__content .heading {
  font-size: 18px;
  font-weight: 600;
}
#DestinationId .DestinationContainer__CardContainer__card__content .text {
  height: 40px;
}
@media only screen and (max-width: 640px) {
  #DestinationId .DestinationContainer__CardContainer__card__content .text {
    height: 62px;
  }
}
#DestinationId .DestinationContainer__CardContainer__card__content .image {
  width: 100%;
}
#DestinationId .DestinationContainer__CardContainer__card__content .packages {
  font-weight: 600;
  margin-top: 14px;
  margin-bottom: 10px;
}
#DestinationId .DestinationContainer__CardContainer__card__media {
  width: 100%;
  height: 14.625rem;
}
#DestinationId .DestinationContainer__CardContainer__card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#DestinationId .DestinationScroll::-webkit-scrollbar {
  display: none;
}
#DestinationId {
  /* Hide scrollbar for IE, Edge and Firefox */
}
#DestinationId .DestinationScroll {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.FeaturedPackages__Content {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .FeaturedPackages__Content {
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 640px) {
  .FeaturedPackages__Content {
    grid-template-columns: auto;
  }
}
.FeaturedPackages__Content__Card {
  border-radius: 12px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 100%;
  position: relative;
  display: block;
  text-decoration: none;
}
.FeaturedPackages__Content__Card .sellOut,
.FeaturedPackages__Content__Card .top,
.FeaturedPackages__Content__Card .lowPrice {
  background-color: var(--color-green-primary, #00AC6B);
  padding: 0.25rem 0.5rem;
  color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: absolute;
  top: 1rem;
  left: 15px;
  z-index: 999;
  font-size: 0.75rem;
  font-weight: 600;
}
.FeaturedPackages__Content__Card .sellOut img,
.FeaturedPackages__Content__Card .top img,
.FeaturedPackages__Content__Card .lowPrice img {
  margin-right: 0.5rem;
}
.FeaturedPackages__Content__Card .sellOut {
  background-color: var(--color-red-dark, #991B1B);
}
.FeaturedPackages__Content__Card__Image {
  width: 100%;
  height: 14.625rem;
  border-radius: 12px;
}
.FeaturedPackages__Content__Card__Image .imgCard {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.FeaturedPackages__Content__Card__Info {
  padding: 20px;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .FeaturedPackages__Content__Card__Info {
    padding-bottom: 0;
  }
}
.FeaturedPackages__Content__Card__Info .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}
.FeaturedPackages__Content__Card__Info .location {
  display: flex;
  align-items: center;
  margin: 0;
  margin-bottom: 8px;
  color: var(--color-natural-900, #0F172A);
}
.FeaturedPackages__Content__Card__Info .location span {
  font-size: 18px;
  font-weight: 500;
}
.FeaturedPackages__Content__Card__Info .location img {
  margin: 0 8px;
}
.FeaturedPackages__Content__Card__Info .rountTrip {
  margin: 0;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.FeaturedPackages__Content__Card__Info .price {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
.FeaturedPackages__Content__Card__Info .price .total {
  font-size: 22px;
  font-weight: 500;
}
@media only screen and (max-width: 640px) {
  .FeaturedPackages__Content__Card__Info .price {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
.FeaturedPackages .loadMore {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}
.FeaturedPackages .loadMore .btnLoodMore {
  border: none;
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  cursor: pointer;
}

#Packages .Container {
  width: 100%;
  margin-top: 22px;
}
#Packages .Container__heading {
  font-size: 22px;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
#Packages .Container__SubHeading {
  font-size: 18px;
  font-weight: 300;
  color: var(--color-natural-900, #0F172A);
  margin-top: 2px;
}
#Packages .Container__CardContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
#Packages .Container__CardContainer__Card {
  width: 269px;
  margin-top: 20px;
  border-radius: 12px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  background: var(--color-white, #ffffff);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1280px) {
  #Packages .Container__CardContainer__Card {
    width: 49%;
  }
}
@media only screen and (max-width: 640px) {
  #Packages .Container__CardContainer__Card {
    width: 100%;
  }
}
#Packages .Container__CardContainer__Card__Image {
  height: 86px;
}
#Packages .Container__CardContainer__Card__Image img {
  object-fit: cover;
}
#Packages .Container__CardContainer__Card__Content {
  padding: 10px 15px;
}
#Packages .Container__CardContainer__Card__Content__Heading {
  color: var(--color-natural-900, #0F172A);
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#Packages .Container__CardContainer__Card__Content__Heading a {
  text-decoration: none;
  color: var(--color-natural-900, #0F172A);
}
#Packages .Container__CardContainer__Card__Content__Type {
  color: var(--color-blue-primary, #0D52DB);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 11px;
}
#Packages .Container__CardContainer__Card__Content__Destination {
  color: var(--color-natural-900, #0F172A);
  margin-top: 7px;
  font-size: 1rem;
}
#Packages .Container__CardContainer__Card__Content__Duration {
  color: var(--color-natural-900, #0F172A);
  font-weight: 300;
  margin-top: 8px;
  margin-bottom: 12px;
}
#Packages .Container__CardContainer__Card__Content__Price {
  color: var(--color-natural-900, #0F172A);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-top: 3px;
}
#Packages .Container__CardContainer__Card__Content__Price .currency {
  color: var(--color-natural-900, #0F172A);
  font-family: Roboto;
  font-size: 26px;
  font-weight: 500;
  line-height: 30px;
}
#Packages .Container__CardContainer__Card__Content .SearchResultTypeDuration {
  display: none;
}
#Packages .Container__CardContainer__Card__Image img {
  width: 100%;
  height: 100%;
}
#Packages .Container__CardContainer__Card .SearchResultTypeDuration {
  display: none;
}
#Packages .Container__CardContainer .loding {
  box-shadow: none;
  border: none;
}

.SearchForm {
  position: absolute;
  top: 200px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .SearchForm {
    top: 80px;
  }
}
.SearchForm__Container {
  margin: 0 auto;
  border-radius: 28px;
  display: flex;
  align-items: center;
  max-width: 1120px;
  height: 64px;
  background: var(--color-white, #ffffff);
  position: relative;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
}
@media only screen and (max-width: 1280px) {
  .SearchForm__Container {
    max-width: 1120px;
    height: 55px;
  }
}
@media only screen and (max-width: 1024px) {
  .SearchForm__Container {
    max-width: 996px;
    height: 55px;
  }
}
@media (max-width: 830px) {
  .SearchForm__Container {
    max-width: 750px;
  }
}
@media only screen and (max-width: 768px) {
  .SearchForm__Container {
    max-width: 725px;
  }
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container {
    flex-direction: column;
    height: auto;
    width: 95% !important;
    border-radius: 14px;
  }
}
.SearchForm__Container__SearchBtn {
  margin-right: 10px !important;
  background-color: var(--color-blue-primary, #0D52DB) !important;
  color: var(--color-natural-400, #94A3B8);
  position: absolute !important;
  right: 0;
  width: 40px;
  height: 40px;
}
.SearchForm__Container__SearchBtn:hover {
  background-color: var(--color-blue-primary, #0D52DB);
}
.SearchForm__Container__SearchBtn a {
  display: flex;
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__SearchBtn {
    top: 12px;
    display: none !important;
  }
}
.SearchForm__Container__SearchBtn svg {
  color: white;
}
.SearchForm__Container__MobileSearchBtn {
  display: none;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__MobileSearchBtn {
    display: flex;
  }
}
.SearchForm__Container__MobileSearchBtn .searchBtn {
  border-radius: 14px;
  background: var(--color-blue-primary, #0D52DB);
  position: absolute;
  width: 290px;
  color: var(--color-white, #ffffff);
  margin-top: 20px;
  height: 40px;
  width: 100%;
}
.SearchForm__Container__MobileSearchBtn .searchBtn:hover {
  background-color: var(--color-blue-primary, #0D52DB);
}
.SearchForm__Container__MobileSearchBtn .searchBtn:focus-visible {
  background-color: var(--color-blue-primary, #0D52DB);
}
.SearchForm__Container__MobileSearchBtn .searchBtn:focus-within {
  background-color: var(--color-blue-primary, #0D52DB);
  opacity: 1;
}
.SearchForm__Container__MobileSearchBtn .searchBtn .text {
  color: var(--color-white, #ffffff);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__TravelLocation {
    border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
    width: 100%;
  }
}
.SearchForm__Container__TravelLocation__AutoComplete {
  width: 300px !important;
}
.SearchForm__Container__TravelLocation__AutoComplete .MuiAutocomplete-endAdornment {
  display: none;
}
.SearchForm__Container__TravelLocation__AutoComplete .MuiInputBase-root {
  border-radius: 28px !important;
  padding: 10px 26px !important;
  color: var(--color-natural-900, #0F172A);
  height: 63px !important;
}
@media only screen and (max-width: 768px) {
  .SearchForm__Container__TravelLocation__AutoComplete .MuiInputBase-root {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__TravelLocation__AutoComplete .MuiInputBase-root {
    padding: 5px 10px !important;
  }
}
.SearchForm__Container__TravelLocation__AutoComplete .MuiOutlinedInput-notchedOutline {
  border: none;
}
.SearchForm__Container__TravelLocation__AutoComplete .MuiInputBase-input .MuiOutlinedInput-input::placeholder {
  color: var(--color-natural-900, #0F172A);
}
.SearchForm__Container__TravelLocation__AutoComplete .Mui-focused .MuiOutlinedInput-notchedOutline {
  border-radius: 31px;
  box-shadow: 0px 4px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__TravelLocation__AutoComplete .Mui-focused .MuiOutlinedInput-notchedOutline {
    box-shadow: unset;
    border: unset;
  }
}
@media only screen and (max-width: 1280px) {
  .SearchForm__Container__TravelLocation__AutoComplete {
    width: 342px;
  }
}
@media only screen and (max-width: 1024px) {
  .SearchForm__Container__TravelLocation__AutoComplete {
    width: 270px !important;
  }
}
@media (max-width: 830px) {
  .SearchForm__Container__TravelLocation__AutoComplete {
    width: 236px !important;
  }
}
@media only screen and (max-width: 768px) {
  .SearchForm__Container__TravelLocation__AutoComplete {
    width: 222px !important;
  }
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__TravelLocation__AutoComplete {
    width: 100% !important;
  }
}
.SearchForm__Container .origin .SearchForm__Container__TravelLocation__AutoComplete {
  width: 300px;
}
.SearchForm .TravelersContainer {
  width: 254px;
}
@media only screen and (max-width: 640px) {
  .SearchForm .TravelersContainer {
    border-bottom: none !important;
  }
}
.SearchForm .TravelersContainer,
.SearchForm .DurationContainer {
  width: 200px;
}
@media only screen and (max-width: 640px) {
  .SearchForm .TravelersContainer,
  .SearchForm .DurationContainer {
    border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
    width: 100%;
  }
}
.SearchForm .TravelersContainer .MuiAutocomplete-inputRoot,
.SearchForm .DurationContainer .MuiAutocomplete-inputRoot {
  border-radius: 28px !important;
  padding-right: 20px !important;
  height: 63px !important;
}
@media only screen and (max-width: 640px) {
  .SearchForm .TravelersContainer .MuiAutocomplete-inputRoot,
  .SearchForm .DurationContainer .MuiAutocomplete-inputRoot {
    padding: 5px 10px !important;
    height: 51px !important;
  }
}
.SearchForm .TravelersContainer .MuiOutlinedInput-notchedOutline,
.SearchForm .DurationContainer .MuiOutlinedInput-notchedOutline {
  border: none;
}
.SearchForm .TravelersContainer .Mui-focused .MuiOutlinedInput-notchedOutline,
.SearchForm .DurationContainer .Mui-focused .MuiOutlinedInput-notchedOutline {
  border-radius: 31px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  box-shadow: 0px 4px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
}
@media only screen and (max-width: 640px) {
  .SearchForm .TravelersContainer .Mui-focused .MuiOutlinedInput-notchedOutline,
  .SearchForm .DurationContainer .Mui-focused .MuiOutlinedInput-notchedOutline {
    box-shadow: unset !important;
    border: unset;
  }
}
.SearchForm .TravelersContainer .MuiAutocomplete-clearIndicator,
.SearchForm .DurationContainer .MuiAutocomplete-clearIndicator {
  display: none;
}
.SearchForm .TravelersContainer .css-1glvl0p-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-clearIndicator,
.SearchForm .DurationContainer .css-1glvl0p-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-clearIndicator {
  display: none;
}

.TravelLocationDropdown {
  width: 647px;
  background-color: var(--color-white, #ffffff);
  border-radius: 16px;
  box-shadow: 0px 4px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
  margin-top: 8px;
}
@media only screen and (max-width: 640px) {
  .TravelLocationDropdown {
    width: 100%;
  }
}
.TravelLocationDropdown .MuiAutocomplete-option {
  padding: 0%;
}
.TravelLocationDropdown ul {
  padding: 0%;
}
.TravelLocationDropdown ul .MuiAutocomplete-option {
  padding: 0%;
}
.TravelLocationDropdown ul .MuiAutocomplete-option div {
  width: 100%;
}
.TravelLocationDropdown ::-webkit-scrollbar {
  display: none;
}
.TravelLocationDropdown__Heading {
  color: #027A02;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 0px !important;
  padding: 17px 16px;
  margin-bottom: 5px;
}

.DurationContainerDropdown {
  width: 295px;
  background-color: var(--color-white, #ffffff);
  border-radius: 16px;
  box-shadow: 0px 4px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
  margin-top: 8px;
}
@media only screen and (max-width: 640px) {
  .DurationContainerDropdown {
    width: 100%;
  }
}
.DurationContainerDropdown ul {
  padding: 0%;
}
.DurationContainerDropdown .MuiAutocomplete-option {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 10px 20px;
}
.DurationContainerDropdown .MuiAutocomplete-option p {
  font-weight: 300;
  color: var(--color-natural-900, #0F172A);
}

.Location {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 10px 20px;
}
.Location:hover {
  background-color: rgba(25, 118, 210, 0.08);
}
@media only screen and (max-width: 640px) {
  .Location {
    padding: 10px 8px;
  }
}
.Location__Text {
  font-size: 14px;
  color: var(--color-natural-900, #0F172A);
  margin-right: 3px;
  font-weight: 300;
}
@media only screen and (max-width: 640px) {
  .Location__Text {
    font-size: 12px;
  }
}
.Location__Label {
  color: var(--color-natural-900, #0F172A);
  font-weight: 300;
}
.Location__Price {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 18px;
  font-weight: 500;
}
.Location__Currency {
  font-size: 14px;
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 500;
}

.Placeholder {
  opacity: 0.4;
}

.AddScroll {
  overflow-y: scroll;
  height: 358px;
}

.Travelers {
  width: 351px;
  background-color: var(--color-white, #ffffff);
  border-radius: 16px;
  box-shadow: 0px 4px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
  margin-top: 8px;
  position: absolute !important;
  z-index: 9999;
  right: 0;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.Travelers::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .Travelers {
    width: 340px;
  }
}
@media only screen and (max-width: 768px) {
  .Travelers {
    width: 190px;
  }
}
@media only screen and (max-width: 768px) {
  .Travelers {
    width: 100%;
  }
}
.Travelers__RoomLabel {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  padding: 5px 16px;
  margin-top: 10px;
}
.Travelers__Options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 5px 16px;
}
.Travelers__Options__Label {
  font-size: 16px;
  font-weight: 300;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 640px) {
  .Travelers__Options__Label {
    font-size: 14px;
  }
}
.Travelers__Options .MuiIconButton-root {
  color: var(--color-blue-light, #60A5FA) !important;
}
.Travelers__Options__Count {
  font-size: 16px;
  font-weight: 300;
  color: var(--color-natural-900, #0F172A);
}
.Travelers__AddBtn {
  font-size: 14px !important;
  color: var(--color-blue-primary, #0D52DB) !important;
  padding-left: 16px !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.TravelInputField {
  width: 254px;
  padding: 9px;
  height: 51px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.00938em;
  cursor: pointer;
}
@media only screen and (max-width: 1280px) {
  .TravelInputField {
    width: 254px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .TravelInputField {
    width: 200px !important;
  }
}
@media only screen and (max-width: 640px) {
  .TravelInputField {
    width: 100% !important;
    padding-left: 15px;
    justify-content: space-between;
  }
}

.TravelrsFocused {
  border-radius: 28px;
  box-shadow: 0px 1px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
  padding-right: 20px;
  background-color: var(--color-white, #ffffff);
  width: 254px;
  padding: 9px;
  height: 63px;
}
@media only screen and (max-width: 640px) {
  .TravelrsFocused {
    width: 100%;
    padding-left: 17px;
    box-shadow: none;
  }
}

.iconMargin {
  margin-left: 64px;
  opacity: 0.6;
  margin-top: 5px;
}
@media only screen and (max-width: 1280px) {
  .iconMargin {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .iconMargin {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 640px) {
  .iconMargin {
    margin-left: 0px;
  }
}

#SearchResult {
  background-color: #F1F5F9;
}
#SearchResult .SearchForm {
  position: relative;
  margin-top: 25px;
  top: 0%;
  z-index: 1;
}
#SearchResult .SearchForm__Container {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  max-width: 1180px;
}
@media only screen and (max-width: 1280px) {
  #SearchResult .SearchForm__Container {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #SearchResult .SearchForm__Container {
    width: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  #SearchResult .SearchForm__Container .TravelersContainer .TravelInputField {
    width: 170px;
  }
}
@media only screen and (max-width: 768px) {
  #SearchResult .SearchForm__Container .TravelersContainer .TravelInputField {
    width: 190px;
  }
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchForm__Container .TravelersContainer .TravelInputField {
    width: 100%;
  }
}
#SearchResult .SearchForm__Container__TravelLocation__AutoComplete {
  width: 334px;
}
@media only screen and (max-width: 1280px) {
  #SearchResult .SearchForm__Container__TravelLocation__AutoComplete {
    width: 297px;
  }
}
@media only screen and (max-width: 768px) {
  #SearchResult .SearchForm__Container__TravelLocation__AutoComplete {
    width: 200px;
  }
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchForm__Container__TravelLocation__AutoComplete {
    width: 100%;
  }
}
#SearchResult .SearchResultNavBar {
  margin-top: 30px;
  position: relative;
}
#SearchResult .SearchResultNavBar__Container__Elements {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  position: relative;
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchResultNavBar__Container__Elements {
    border: unset;
    width: 100%;
    overflow: auto;
  }
}
#SearchResult .SearchResultNavBar__Container__Elements .otherFeature {
  min-width: 175px;
}
#SearchResult .SearchResultNavBar__Container__Elements .dropdownButton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #BEB8B3;
  border-radius: 14px;
  padding: 8px 20px;
  margin-right: 20px;
  cursor: pointer;
}
@media only screen and (max-width: 1280px) {
  #SearchResult .SearchResultNavBar__Container__Elements .dropdownButton {
    padding: 8px 10px;
    margin-right: 12px;
  }
}
#SearchResult .SearchResultNavBar__Container__Elements .dropdownButton .dropdownIcon {
  rotate: 180deg;
}
#SearchResult .SearchResultNavBar__Container__Elements .dropdownButton .rotate {
  rotate: 0deg;
}
#SearchResult .SearchResultNavBar__Container__Elements .dropdownButton__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 18px;
  font-weight: 300;
  margin-right: 7px;
}
@media only screen and (max-width: 768px) {
  #SearchResult .SearchResultNavBar__Container__Elements .dropdownButton__text {
    font-size: 16px;
    margin-right: 0;
  }
}
#SearchResult .SearchResultNavBar__Container__Elements .dropdownButton .rotateIcon {
  rotate: 180deg;
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown {
  position: relative;
  display: flex;
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchResultNavBar__Container__Elements .customDropdown {
    padding-right: 40px;
  }
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown__List {
  width: 240px;
  position: absolute;
  background: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 14px;
  border: 1px solid var(--color-natural-300, #CBD5E1);
  cursor: pointer;
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown__List__ListItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown__List__ListItem__inputBox {
  display: flex;
  align-items: center;
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown__List__ListItem__inputBox .CheckboxIcon {
  height: 15px;
  width: 15px;
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown__List__ListItem__inputBox .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin-left: 10px;
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown__List__ListItem__TotalPackegs {
  color: var(--color-natural-900, #0F172A);
  font-size: 14px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .Theme {
    width: 95px;
  }
}
@media only screen and (max-width: 768px) {
  #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .Category {
    width: 112px;
  }
}
@media only screen and (max-width: 768px) {
  #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .Price {
    width: 80px;
  }
}
@media only screen and (max-width: 768px) {
  #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .Duration {
    width: 105px;
  }
}
@media only screen and (max-width: 768px) {
  #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .Other {
    width: 150px;
  }
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown .ThemeDropdown {
  top: 50px;
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown .CategoryDropdown {
  top: 50px;
  left: 140px;
}
@media only screen and (max-width: 1280px) {
  #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .CategoryDropdown {
    left: 110px;
  }
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown .DurationDropdown {
  top: 50px;
  right: 110px;
}
@media only screen and (max-width: 1280px) {
  #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .DurationDropdown {
    right: 50px;
  }
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown .OtherfeaturesDropdown {
  top: 50px;
  right: -40px;
}
@media only screen and (max-width: 1280px) {
  #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .OtherfeaturesDropdown {
    right: 10px;
  }
}
#SearchResult .SearchResultNavBar__Container__Elements .customDropdown .PriceDropdown {
  top: 50px;
  left: -470px;
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .PriceDropdown .MobileDropdownTitles {
    display: none;
  }
}
#SearchResult .SearchResultNavBar__Container__Elements .PriceDropdown {
  position: relative;
}
#SearchResult .SearchResultNavBar__Container__Elements .PriceDropdown__dropDown {
  width: 280px;
  position: absolute;
  height: 101px;
  background: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 14px;
  border: 1px solid var(--color-natural-300, #CBD5E1);
  cursor: pointer;
  padding-left: 20px;
  padding-right: 20px;
}
#SearchResult .SearchResultNavBar__Container__Elements .PriceDropdown__dropDown__text {
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin-top: 15px;
}
#SearchResult .SearchResultNavBar__Container__Elements .PriceDropdown__dropDown__slider {
  margin-top: 12px;
  width: 100%;
}
#SearchResult .SearchResultNavBar__Container__Form .css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root {
  transform: translate(14px, 12px) scale(1);
}
#SearchResult .SearchResultNavBar__Container__Form__Select {
  border-radius: 14px;
  margin-right: 20px;
}
#SearchResult .SearchResultNavBar__Container__Form__Select .MuiSelect-select {
  padding: 11px 14px;
}
#SearchResult .SearchResultNavBar .FilterIcon {
  display: none;
  position: absolute;
  z-index: inherit;
  right: 0px;
  height: 45px;
  background-color: white;
  right: 16px;
  bottom: 0px;
  width: 45px;
}
#SearchResult .SearchResultNavBar .FilterIcon__container img {
  margin-top: 5px;
  margin-left: 6px;
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchResultNavBar .FilterIcon {
    display: block;
  }
}
#SearchResult .SearchResultMedia {
  margin-top: 30px;
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchResultMedia {
    margin-top: 0;
  }
}
#SearchResult .SearchResultMedia__Container__Element {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchResultMedia__Container__Element {
    align-items: start;
  }
}
#SearchResult .SearchResultMedia__Container__Element .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchResultMedia__Container__Element .text {
    font-size: 13px;
    display: none;
  }
}
#SearchResult .SearchResultMedia__Container__Element .text__number {
  font-weight: 500;
}
#SearchResult .SearchResultMedia__Container__Element .filter {
  align-items: center;
  position: relative;
  cursor: pointer;
}
#SearchResult .SearchResultMedia__Container__Element .filter .activeDropdown {
  rotate: 0deg;
}
#SearchResult .SearchResultMedia__Container__Element .filter__dropdownIcon {
  filter: unset !important;
  margin-left: 5px;
  rotate: 180deg;
}
#SearchResult .SearchResultMedia__Container__Element .filter__dropdown {
  position: absolute;
  border-radius: 4px;
  border: 1px solid #D0CBC9;
  background: #FFF;
  top: 28px;
  width: 220px;
  left: -43px;
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchResultMedia__Container__Element .filter__dropdown {
    left: -68px;
  }
}
#SearchResult .SearchResultMedia__Container__Element .filter__dropdown__List {
  padding-top: 0px;
  padding-bottom: 0%;
}
#SearchResult .SearchResultMedia__Container__Element .filter__dropdown__List .ListItem {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  height: 41px;
}
#SearchResult .SearchResultMedia__Container__Element .filter__dropdown__List .ListItem:hover {
  background-color: #F4F8FC;
}
#SearchResult .SearchResultMedia__Container__Element .filter__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchResultMedia__Container__Element .filter__text {
    font-size: 13px;
  }
}
#SearchResult .SearchResultMedia__Container__Element .filter__option {
  color: var(--color-blue-primary, #0D52DB);
  margin-left: 5px;
  font-weight: 300;
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  #SearchResult .SearchResultMedia__Container__Element .filter__option {
    font-size: 13px;
  }
}
#SearchResult .SearchResultMedia__Container__Element .filter__dropdownIcon {
  filter: brightness(0) invert(0);
}
#SearchResult .SearchResultMedia__Container__Element .openFilter {
  display: none;
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  #SearchResult .SearchResultMedia__Container__Element .openFilter {
    display: flex;
  }
}
#SearchResult #Packages .Container {
  margin-top: 0px;
  min-height: 457px;
}
#SearchResult #Packages .Container__heading {
  display: none;
}
#SearchResult #Packages .Container__SubHeading {
  display: none;
}
#SearchResult #Packages .Container__CardContainer {
  margin-top: 0px;
}
#SearchResult #Packages .Container__CardContainer__Card {
  width: 49%;
  margin-top: 15px;
}
@media only screen and (max-width: 640px) {
  #SearchResult #Packages .Container__CardContainer__Card {
    width: 100%;
  }
}
#SearchResult #Packages .Container__CardContainer__Card__Image {
  height: 183px;
  cursor: pointer !important;
}
#SearchResult #Packages .Container__CardContainer__Card__Image img {
  object-fit: cover;
}
#SearchResult #Packages .Container__CardContainer__Card__Content__Price {
  display: inline;
}
@media only screen and (max-width: 640px) {
  #SearchResult #Packages .Container__CardContainer__Card__Content__Price {
    font-size: 28px;
  }
}
#SearchResult #Packages .Container__CardContainer__Card__Content__Destination {
  margin-bottom: 20px;
  min-height: 74px;
  font-weight: 300;
}
#SearchResult #Packages .Container__CardContainer__Card__Content__Type, #SearchResult #Packages .Container__CardContainer__Card__Content__Duration {
  display: none;
}
#SearchResult #Packages .Container__CardContainer__Card__Content .fromText {
  display: inline;
}
#SearchResult #Packages .Container__CardContainer__Card__Content .SearchResultTypeDuration {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 1536px) {
  #SearchResult #Packages .Container__CardContainer__Card__Content .SearchResultTypeDuration {
    gap: 10px;
  }
}
@media only screen and (max-width: 640px) {
  #SearchResult #Packages .Container__CardContainer__Card__Content .SearchResultTypeDuration {
    gap: 7px;
  }
}
#SearchResult #Packages .Container__CardContainer__Card__Content .SearchResultTypeDuration .duration {
  margin-bottom: 0px;
  color: var(--color-natural-900, #0F172A);
  font-weight: 300;
}
#SearchResult #Packages .Container__CardContainer__Card__Content .SearchResultTypeDuration .Type {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  color: var(--color-blue-primary, #0D52DB);
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#SearchResult #Packages .Container__CardContainer__Card__Content .SearchResultTypeDuration .freeCancellation {
  font-weight: 500;
  color: var(--color-green-primary, #00AC6B);
}
#SearchResult .ResultFormSearch {
  margin: 1rem 5rem 0 5rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 768px) {
  #SearchResult .ResultFormSearch {
    margin: 0;
  }
}
#SearchResult .ResultFormSearch .boxFormSearch {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-bottom: 1px solid #E2E8F0;
}
@media only screen and (max-width: 768px) {
  #SearchResult .ResultFormSearch .boxFormSearch {
    display: none;
  }
}
#SearchResult .ResultFormSearch .boxFormSearch__mobile {
  border-top: 1px solid var(--color-natural-300, #CBD5E1);
  background-color: var(--color-blue-primary, #0D52DB);
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  display: none;
}
@media only screen and (max-width: 768px) {
  #SearchResult .ResultFormSearch .boxFormSearch__mobile {
    display: flex;
  }
}
#SearchResult .ResultFormSearch .boxFormSearch__mobile__content {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
#SearchResult .ResultFormSearch .boxFormSearch__mobile__content__info .title {
  font-size: 0.99563rem;
  color: var(--color-white, #ffffff);
  margin: 0;
  margin-bottom: 0.12rem;
  display: flex;
  align-items: center;
}
#SearchResult .ResultFormSearch .boxFormSearch__mobile__content__info .date {
  margin: 0;
  color: var(--color-white, #ffffff);
  font-size: 0.93313rem;
}
#SearchResult .ResultFormSearch .boxFormSearch__mobile .btn-edit {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
#SearchResult .boxContaner {
  padding: 2rem 5rem;
  display: flex;
  gap: 0 1.25rem;
}
@media only screen and (max-width: 768px) {
  #SearchResult .boxContaner {
    padding: 2rem 1rem;
  }
}
#SearchResult .boxContaner__Left {
  width: 19.0625rem;
}
@media only screen and (max-width: 768px) {
  #SearchResult .boxContaner__Left {
    display: none;
  }
}
#SearchResult .boxContaner__Left .title {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin: 0;
  margin-bottom: 1.25rem;
}
#SearchResult .boxContaner__Left .FilterPackage {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.5rem;
  padding: 1rem;
}
#SearchResult .boxContaner__Left .FilterPackage .section-title {
  font-size: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  display: block;
}
#SearchResult .boxContaner__Left .FilterPackage .box-Theme,
#SearchResult .boxContaner__Left .FilterPackage .box-Category,
#SearchResult .boxContaner__Left .FilterPackage .box__price {
  margin-bottom: 1.5rem;
}
#SearchResult .boxContaner__Right {
  width: calc(100% - 20.065rem);
}
@media only screen and (max-width: 768px) {
  #SearchResult .boxContaner__Right {
    width: 100%;
  }
}

.disabled {
  pointer-events: none;
}

.MobileFilterModel {
  width: 100%;
  background: white;
  z-index: 9999;
  position: fixed;
  height: 100%;
  top: 0;
}
.MobileFilterModel__header {
  align-items: center;
  flex-direction: row !important;
  height: 50px;
  right: 10px;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
.MobileFilterModel__header__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
}
.MobileFilterModel__header__CrossIcon {
  margin-left: 10px;
}
.MobileFilterModel__Footer {
  height: 70px;
  border-top: 1px solid #D8D8D8;
  padding: 15px 10px;
  background-color: white;
  position: absolute;
  width: 100%;
  bottom: 0 !important;
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
}
.MobileFilterModel__Footer__Button {
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  text-transform: capitalize;
  background-color: var(--color-yellow-primary, #FFCC00);
  border-radius: 12px;
  height: 40px;
  width: 100%;
}
.MobileFilterModel .customDropdown .dropdownButton,
.MobileFilterModel .PriceDropdown .dropdownButton {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  padding-bottom: 0px;
}
.MobileFilterModel .customDropdown .dropdownButton__text,
.MobileFilterModel .PriceDropdown .dropdownButton__text {
  font-weight: 500;
}
.MobileFilterModel .customDropdown .MobileDropdownTitles,
.MobileFilterModel .PriceDropdown .MobileDropdownTitles {
  padding: 15px;
  font-weight: 500;
  padding-bottom: 5px;
}
.MobileFilterModel .customDropdown__List__ListItem,
.MobileFilterModel .PriceDropdown__List__ListItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px;
  margin-top: 18px;
}
.MobileFilterModel .customDropdown__List__ListItem__inputBox,
.MobileFilterModel .PriceDropdown__List__ListItem__inputBox {
  display: flex;
  align-items: center;
}
.MobileFilterModel .customDropdown__List__ListItem__inputBox .CheckboxIcon,
.MobileFilterModel .PriceDropdown__List__ListItem__inputBox .CheckboxIcon {
  height: 15px;
  width: 15px;
}
.MobileFilterModel .customDropdown__List__ListItem__inputBox .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root,
.MobileFilterModel .PriceDropdown__List__ListItem__inputBox .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
  padding: 0%;
}
.MobileFilterModel .customDropdown__List__ListItem__inputBox .text,
.MobileFilterModel .PriceDropdown__List__ListItem__inputBox .text {
  margin-left: 10px;
}
.MobileFilterModel .customDropdown__List,
.MobileFilterModel .PriceDropdown__List {
  border-bottom: 1px dashed var(--color-natural-200, #E2E8F0);
  padding-top: 0px;
  padding-bottom: 20px;
}
.MobileFilterModel .PriceDropdown__dropDown {
  padding: 16px;
  border-bottom: 1px dashed var(--color-natural-200, #E2E8F0);
}
.MobileFilterModel .PriceDropdown__dropDown__text {
  font-weight: 500;
  text-align: center;
  margin-bottom: 17px;
}
.MobileFilterModel .PriceDropdown__slider {
  margin-top: 12px;
  width: 100%;
}
.MobileFilterModel .PriceDropdown__slider .MuiSlider-thumb {
  border-radius: 15px;
  border: 1.222px solid #DFDFDF;
  background: #FFF;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.12);
}
.MobileFilterModel .PriceDropdown__slider .MuiSlider-thumb::before, .MobileFilterModel .PriceDropdown__slider .MuiSlider-thumb::after {
  border-right: 2px solid;
  content: "";
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  right: 6px;
  top: 50%;
  width: 0;
}
.MobileFilterModel .PriceDropdown__slider .MuiSlider-thumb::after {
  margin-top: -1px;
  transform: rotate(48deg);
}
.MobileFilterModel .PriceDropdown__slider span[data-index="1"]::after {
  border-right: 2px solid;
  content: "";
  display: block;
  height: 8px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(230deg);
  right: 8px;
  left: 8px;
  top: 8px;
  width: 0;
}
.MobileFilterModel .PriceDropdown__slider span[data-index="1"]::before {
  transform: rotate(120deg);
  border-right: 2px solid;
  content: "";
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  right: 8px;
  top: 13px;
  width: 0;
}
@media only screen and (max-width: 640px) {
  .MobileFilterModel .customDropdown {
    height: 85vh;
    overflow: auto;
  }
}
.MobileFilterModel .FilltersFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.MobileFilterModel .FilltersFooter .text {
  color: #46403C;
  font-size: 14px;
  font-weight: 400;
}
.MobileFilterModel .FilltersFooter .showResultBtn {
  width: 134px !important;
}

#PackageDetails {
  background-color: var(--color-natural-100, #F1F5F9);
}
#PackageDetails .ResultFormSearch {
  padding: 1rem 5rem 0 5rem;
  margin-bottom: 2.5rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .ResultFormSearch {
    margin: 0;
    padding: 0;
    margin-bottom: 1rem;
  }
}
#PackageDetails .ResultFormSearch .boxFormSearch {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-bottom: 1px solid #E2E8F0;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .ResultFormSearch .boxFormSearch {
    display: none;
  }
}
#PackageDetails .ResultFormSearch .boxFormSearch__mobile {
  border-top: 1px solid var(--color-natural-300, #CBD5E1);
  background-color: var(--color-blue-primary, #0D52DB);
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  display: none;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .ResultFormSearch .boxFormSearch__mobile {
    display: flex;
  }
}
#PackageDetails .ResultFormSearch .boxFormSearch__mobile__content {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
#PackageDetails .ResultFormSearch .boxFormSearch__mobile__content__info .title {
  font-size: 0.99563rem;
  color: var(--color-white, #ffffff);
  margin: 0;
  margin-bottom: 0.12rem;
  display: flex;
  align-items: center;
}
#PackageDetails .ResultFormSearch .boxFormSearch__mobile__content__info .date {
  margin: 0;
  color: var(--color-white, #ffffff);
  font-size: 0.93313rem;
}
#PackageDetails .ResultFormSearch .boxFormSearch__mobile .btn-edit {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
#PackageDetails .PackageDetails-container {
  padding: 0 5rem;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .PackageDetails-container {
    padding: 0rem 1rem;
  }
}
#PackageDetails .SearchForm {
  margin-top: 25px;
  position: static;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .SearchForm {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1280px) {
  #PackageDetails .SearchForm .DurationContainer {
    width: 220px;
  }
}
#PackageDetails .SearchForm__Container {
  filter: var(--color-boxShadow-2, drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)));
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .SearchForm__Container {
    margin: 0px;
    filter: unset;
    width: 100% !important;
  }
}
@media only screen and (max-width: 640px) {
  #PackageDetails .SearchForm__Container__SearchBtn {
    display: block !important;
    background-color: unset;
  }
}
@media only screen and (max-width: 640px) {
  #PackageDetails .SearchForm__Container__TravelLocation .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-1h51icj-MuiAutocomplete-root .MuiOutlinedInput-root {
    padding-right: 50px !important;
    height: 58px;
  }
}
@media only screen and (max-width: 1280px) {
  #PackageDetails .SearchForm__Container .TravelersContainer {
    display: none;
  }
}
#PackageDetails .MainBanner__Container__header {
  background-color: var(--color-white, #ffffff);
  margin-bottom: 1rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 1.25rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .MainBanner__Container__header {
    border-top: unset;
  }
}
#PackageDetails .MainBanner__Container__header__FirstInfo {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
#PackageDetails .MainBanner__Container__header__FirstInfo .title {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  width: 70%;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .MainBanner__Container__header__FirstInfo .title {
    font-size: 1rem;
  }
}
#PackageDetails .MainBanner__Container__header .infoContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#PackageDetails .MainBanner__Container__header__info {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .MainBanner__Container__header__info {
    flex-wrap: wrap;
  }
}
#PackageDetails .MainBanner__Container__header__info .circutText {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 18px;
  font-weight: 500;
}
#PackageDetails .MainBanner__Container__header__info .days {
  color: var(--color-natural-900, #0F172A);
  font-size: 18px;
  font-weight: 300;
  margin-right: 30px;
}
#PackageDetails .MainBanner__Container__header__info .CancellationText {
  color: var(--color-green-primary, #00AC6B);
  font-size: 18px;
  font-weight: 500;
}
#PackageDetails .MainBanner__Container__header__price {
  display: flex;
  align-items: center;
}
#PackageDetails .MainBanner__Container__header__price .fromText {
  color: var(--color-natural-900, #0F172A);
  font-size: 18px;
  font-weight: 300;
}
#PackageDetails .MainBanner__Container__header__price .number {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 40px;
  font-weight: 600;
  font-size: 1.3rem;
}
#PackageDetails .MainBanner__Container__header__price .currency {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 32px;
  font-weight: 500;
  margin-left: 0.5rem;
}
#PackageDetails .MainBanner__Container .CustomImageList {
  position: relative;
}
#PackageDetails .MainBanner__Container .CustomImageList .image-gallery-slides {
  border-radius: 4px;
}
#PackageDetails .MainBanner__Container .CustomImageList__listItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
}
@media only screen and (max-width: 920px) {
  #PackageDetails .MainBanner__Container .CustomImageList__listItem {
    flex-direction: column;
  }
}
#PackageDetails .MainBanner__Container .CustomImageList__listItem .mainImage {
  border-radius: 4px;
  width: 865px;
  height: 500px;
  position: relative;
}
@media only screen and (max-width: 920px) {
  #PackageDetails .MainBanner__Container .CustomImageList__listItem .mainImage {
    width: 100%;
    height: 400px;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 640px) {
  #PackageDetails .MainBanner__Container .CustomImageList__listItem .mainImage {
    height: 245px;
  }
}
#PackageDetails .MainBanner__Container .CustomImageList__listItem .mainImage img {
  border-radius: 4px;
}
@media only screen and (max-width: 920px) {
  #PackageDetails .MainBanner__Container .CustomImageList__listItem .sideImages {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 640px) {
  #PackageDetails .MainBanner__Container .CustomImageList__listItem .sideImages {
    flex-direction: column;
  }
}
#PackageDetails .MainBanner__Container .CustomImageList__listItem .Bitmap1 {
  position: relative;
  width: 291px;
  height: 245px;
}
@media only screen and (max-width: 920px) {
  #PackageDetails .MainBanner__Container .CustomImageList__listItem .Bitmap1 {
    width: 49%;
  }
}
@media only screen and (max-width: 640px) {
  #PackageDetails .MainBanner__Container .CustomImageList__listItem .Bitmap1 {
    width: 100%;
  }
}
#PackageDetails .MainBanner__Container .CustomImageList__listItem .Bitmap1 img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
#PackageDetails .MainBanner__Container .CustomImageList__listItem .ImageBitMap2 {
  position: relative;
  margin-top: 8px;
  width: 291px;
  height: 245px;
}
@media only screen and (max-width: 920px) {
  #PackageDetails .MainBanner__Container .CustomImageList__listItem .ImageBitMap2 {
    margin-top: 0px;
    width: 49%;
  }
}
@media only screen and (max-width: 640px) {
  #PackageDetails .MainBanner__Container .CustomImageList__listItem .ImageBitMap2 {
    width: 100%;
    margin-top: 10px;
  }
}
#PackageDetails .MainBanner__Container .CustomImageList__listItem .ImageBitMap2 img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
#PackageDetails .MainBanner__Container .CustomImageList__listItem .ImageBitMap2 .seeAllPhotos {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
#PackageDetails .MainBanner__Container .CustomImageList__listItem .ImageBitMap2 .seeAllPhotos .btn {
  background: var(--color-white, #ffffff);
  width: 173px;
  border: 1px solid var(--color-natural-900, #0F172A);
  text-transform: capitalize;
  border-radius: 8px;
  color: var(--color-natural-900, #0F172A);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
#PackageDetails .OverView {
  padding-bottom: 2rem;
}
#PackageDetails .OverView__Container {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#PackageDetails .OverView__Container__LeftSide {
  width: 100%;
  background-color: var(--color-white, #ffffff);
  padding: 1.25rem;
  border-radius: 0.5rem;
  order: 2;
}
@media (max-width: 1120px) {
  #PackageDetails .OverView__Container__LeftSide {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container__LeftSide {
    width: 100% !important;
  }
}
#PackageDetails .OverView__Container__LeftSide__TextParagraph .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 22px;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container__LeftSide__TextParagraph .title {
    font-size: 20px;
  }
}
#PackageDetails .OverView__Container__LeftSide__TextParagraph .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#PackageDetails .OverView__Container__LeftSide__IncludeSection {
  margin-top: 43px;
}
#PackageDetails .OverView__Container__LeftSide__IncludeSection .whatsInclude {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide__IncludeSection .whatsInclude {
    flex-direction: column;
  }
}
#PackageDetails .OverView__Container__LeftSide__IncludeSection .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container__LeftSide__IncludeSection .title {
    font-size: 20px;
  }
}
#PackageDetails .OverView__Container__LeftSide__IncludeSection .Included__list .listItem {
  padding: 0%;
  margin-bottom: 10px;
  align-items: center;
}
#PackageDetails .OverView__Container__LeftSide__IncludeSection .Included__list .listItem .text {
  margin-left: 10px;
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide__IncludeSection .Included__list .listItem .text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide__IncludeSection .Included {
    width: 100%;
  }
}
#PackageDetails .OverView__Container__LeftSide__IncludeSection .Included .newList {
  padding-top: 0px;
  padding-bottom: 0px;
}
#PackageDetails .OverView__Container__LeftSide__IncludeSection .NotIncluded {
  width: 50%;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide__IncludeSection .NotIncluded {
    width: 100%;
  }
}
#PackageDetails .OverView__Container__LeftSide__IncludeSection .NotIncluded .Included__list {
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide__IncludeSection .NotIncluded .Included__list {
    padding-left: 0px;
    padding-top: 0px;
  }
}
#PackageDetails .OverView__Container__LeftSide .seeMoreBtn {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 14px;
  font-weight: 300;
  text-transform: capitalize;
  padding: unset;
}
#PackageDetails .OverView__Container__LeftSide .Schedule .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 38px;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container__LeftSide .Schedule .title {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel {
  box-shadow: none;
  padding: 0%;
  border-left: 1px dashed var(--color-natural-300, #CBD5E1);
  padding-left: 18px;
  margin: 0%;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel .PackageGallery {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  gap: 0 0.25rem;
  cursor: pointer;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel .PackageGallery__BoxImg {
  width: 20%;
  height: 200px;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel .PackageGallery__BoxImg {
    width: 50%;
    height: 150px;
  }
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel .PackageGallery__BoxImg {
  position: relative;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel .PackageGallery__BoxImg img {
  object-fit: fill;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel .PackageGallery__BoxImg .seeAll {
  display: none;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel .PackageGallery__BoxImg.imageBlur img {
  filter: blur(3px);
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel .PackageGallery__BoxImg.imageBlur .seeAll {
  display: block;
  background-color: var(--color-natural-100, #F1F5F9);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.88875rem;
  font-weight: 400;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  white-space: nowrap;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel:nth-child(1) .pannel__Summary .div {
  display: block;
  background-color: var(--color-blue-primary, #0D52DB);
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  left: -30px;
  top: 20px;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel:nth-child(1) .pannel__Summary .div::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19px' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z'%3E%3C/path%3E%3C/svg%3E");
  border: unset;
  font-size: 14px;
  position: absolute;
  left: 2px;
  top: 2px;
  color: var(--color-white, #ffffff);
  transform: translate(5%, 3%);
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel:nth-child(1) .pannel__Summary .div::before {
  display: none;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel:last-child .pannel__Summary .div {
  display: block;
  background-color: var(--color-blue-primary, #0D52DB);
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  left: -30px;
  top: 20px;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel:last-child .pannel__Summary .div::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19px' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z'%3E%3C/path%3E%3C/svg%3E");
  border: unset;
  font-size: 14px;
  position: absolute;
  left: 2px;
  top: 2px;
  color: var(--color-white, #ffffff);
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel:last-child .pannel__Summary .div::before {
  display: none;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel .MuiAccordionSummary-content {
  margin-top: 22px;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Summary {
  padding: 0%;
  position: relative;
  min-height: unset;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Summary .div {
  display: block;
  background-color: var(--color-blue-primary, #0D52DB);
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  left: -30px;
  top: 20px;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Summary .div::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19px' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  left: 3px;
  top: 3px;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Summary .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details {
  padding: 0%;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .placeImage {
  border-radius: 4px;
  width: 100%;
  height: 21.875rem;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .placeImage {
    height: 250px !important;
    width: 100% !important;
  }
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .paragraph p {
  margin: 0;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .paragraph {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .paragraph {
    font-size: 14px;
  }
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .AccomodationDetail {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin-top: 14px;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .AccomodationDetail {
    font-size: 14px;
  }
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .info {
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .info__flight {
  display: flex;
  align-items: center;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .info__flight .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
  margin-left: 6px;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .info__flight .text {
    font-size: 14px;
  }
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .info__Dinner {
  display: flex;
  align-items: center;
  margin-left: 22px;
}
#PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .info__Dinner .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
  margin-left: 6px;
}
#PackageDetails .OverView__Container__LeftSide .AdditionalInfo {
  margin-top: 35px;
}
#PackageDetails .OverView__Container__LeftSide .AdditionalInfo__title {
  color: var(--color-natural-900, #0F172A);
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide .AdditionalInfo__title {
    font-size: 20px;
  }
}
#PackageDetails .OverView__Container__LeftSide .AdditionalInfo .list {
  display: flex;
  flex-wrap: wrap;
}
#PackageDetails .OverView__Container__LeftSide .AdditionalInfo .list .listItem {
  width: 50%;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide .AdditionalInfo .list .listItem {
    width: 100%;
  }
}
#PackageDetails .OverView__Container__LeftSide .CancellationPolicy {
  margin-top: 38px;
}
#PackageDetails .OverView__Container__LeftSide .CancellationPolicy__title {
  color: var(--color-natural-900, #0F172A);
  font-size: 22px;
  font-weight: 500;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container__LeftSide .CancellationPolicy__title {
    font-size: 20px;
  }
}
#PackageDetails .OverView__Container__LeftSide .CancellationPolicy__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#PackageDetails .OverView__Container .chooseDetails {
  background-color: var(--color-white, #ffffff);
  width: 25%;
  height: max-content;
  border-radius: 4px;
  order: 1;
  width: 100%;
  padding: 1.25rem;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container .chooseDetails {
    position: inherit;
  }
}
#PackageDetails .OverView__Container .chooseDetails__title {
  color: var(--color-natural-900, #0F172A);
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container .chooseDetails__title {
    text-align: center;
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer {
  border-radius: 4px;
  margin-bottom: 1rem;
  display: flex;
  gap: 0 1rem;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer {
    display: inherit;
    border: 1px solid var(--color-natural-300, #CBD5E1);
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn {
  height: 60px;
  padding: 10px 20px;
  position: relative;
  cursor: pointer;
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.25rem;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn__title {
  color: var(--color-natural-900, #0F172A);
  font-size: 12px;
  font-weight: 500;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .rmdp-container {
  width: 100%;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn__btn .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .originDropdown,
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .travelerDropdown {
  position: absolute;
  background-color: var(--color-white, #ffffff);
  width: 100%;
  z-index: 99;
  border-radius: 4px;
  left: 0px;
  top: 58px;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .originDropdown .text,
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .travelerDropdown .text {
  padding: 15px 20px;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  cursor: pointer;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .originDropdown .text:hover,
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .travelerDropdown .text:hover {
  background-color: var(--color-natural-100, #F1F5F9);
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .travelerDropdown__List {
  padding: 0%;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .travelerDropdown__List .listItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
  height: 51px;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .travelerDropdown__List .listItem__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .travelerDropdown__List .listItem__functions {
  display: flex;
  align-items: center;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .travelerDropdown__List .listItem__functions__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin: 0 10px;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-calendar {
  width: 730px;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-calendar {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-calendar {
    width: 300px;
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-calendar .rmdp-day-picker {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-calendar .rmdp-day-picker > div {
  width: 47%;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-calendar .rmdp-day-picker > div {
    width: 100%;
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-calendar .rmdp-week-day {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-calendar .rmdp-week-day {
    font-size: 14px;
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-calendar .rmdp-arrow {
  border: solid #74716E;
  border-width: 0 2px 2px 0;
  height: 5px;
  margin-top: 5px;
  padding: 5px;
  width: 5px;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-calendar .rmdp-header-values {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-calendar .rmdp-header-values {
    font-size: 14px;
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-day.rmdp-selected span:not(.highlight) {
  background-color: unset;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  border-radius: 10px;
  transition: all 0.3s;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden):hover span {
  background-color: unset;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden):hover {
  background-color: unset;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  border-radius: 10px;
  transition: all 0.3s;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-day.rmdp-today span {
  background-color: unset;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-range {
  background-color: unset;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  border-radius: 10px;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-day {
  height: 45px;
  width: 45px;
  margin-top: 5px;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-day .day {
  color: var(--color-natural-900, #0F172A);
  font-size: 15px;
  font-weight: 300;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-day .day {
    font-size: 13px;
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-day .price {
  font-size: 13px;
  color: var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownBtn .Calender .rmdp-day .price {
    font-size: 11px;
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownSelect {
  width: 50%;
  border: 1px solid var(--color-natural-300, #CBD5E1);
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownSelect .MuiOutlinedInput-notchedOutline {
  border: none;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownSelect .MuiOutlinedInput-notchedOutline {
    border: none;
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownSelect .MuiSelect-select {
  padding: 8.5px 14px;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownSelect .MuiInputLabel-shrink {
  color: var(--color-natural-900, #0F172A);
  position: relative;
  top: 21px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  transform: translate(14px, -9px) scale(1);
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownSelect .MuiFormLabel-root {
  position: inherit;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer .dropdownSelect {
    width: 100%;
    border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .addTravellersContent {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  height: 60px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container .chooseDetails__dropdownContainer .addTravellersContent {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
  }
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .addTravellersContent__Left {
  display: flex;
  align-items: center;
}
#PackageDetails .OverView__Container .chooseDetails__dropdownContainer .addTravellersContent__Left img {
  margin-right: 0.5rem;
}
#PackageDetails .OverView__Container .chooseDetails__contactUs {
  padding: 1.5rem;
}
#PackageDetails .OverView__Container .chooseDetails__contactUs .list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
}
#PackageDetails .OverView__Container .chooseDetails__contactUs .list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
#PackageDetails .OverView__Container .chooseDetails__contactUs .list .item .title {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
#PackageDetails .OverView__Container .chooseDetails__contactUs .list .item .info {
  font-size: 1rem;
  color: var(--color-natural-500, #64748B);
  font-weight: 500;
}
#PackageDetails .OverView__Container .chooseDetails__contactUs .box-btn {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container .chooseDetails__contactUs .box-btn {
    flex-wrap: wrap;
  }
}
#PackageDetails .OverView__Container .chooseDetails__contactUs .box-btn .btn-social {
  width: 100%;
  margin-bottom: 0.5rem;
  background-color: transparent;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.75rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all ease-in-out 0.3s;
  color: var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
}
#PackageDetails .OverView__Container .chooseDetails__contactUs .box-btn .btn-social:hover {
  border-color: var(--color-blue-primary, #0D52DB);
}
@media only screen and (max-width: 768px) {
  #PackageDetails .OverView__Container .chooseDetails .dropdownDate {
    border-bottom: none;
  }
}
#PackageDetails .OverView__Container .chooseDetails .dropdownDate .DateInput_input {
  background-color: transparent;
  padding: 0;
}
#PackageDetails .OverView__Container .chooseDetails .bookNowContainer {
  display: flex;
  justify-content: flex-end;
}
#PackageDetails .OverView__Container .chooseDetails .bookNowContainer.disabled {
  pointer-events: auto;
  cursor: not-allowed;
}
#PackageDetails .OverView__Container .chooseDetails .BookNowBtn {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  border-radius: 8px;
  width: 100%;
  pointer-events: auto;
  cursor: pointer;
}
#PackageDetails .OverView__Container .chooseDetails .BookNowBtn:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
#PackageDetails .OverView__Container .chooseDetails .BookNowBtn span {
  width: 20px !important;
  height: 20px !important;
  margin-left: 20px !important;
}
#PackageDetails .OverView__Container .chooseDetails .BookNowBtn .MuiSvgIcon-fontSizeMedium {
  width: 20px !important;
  height: 20px !important;
  margin-left: 20px;
}
#PackageDetails .BookNowMobileBottom {
  position: fixed;
  bottom: 0px;
  background-color: var(--color-white, #ffffff);
  width: 100%;
  z-index: 99;
  height: 60px;
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
  border-top: 1px solid #D8D8D8;
  padding: 10px;
}
#PackageDetails .BookNowMobileBottom__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#PackageDetails .BookNowMobileBottom__container .price {
  display: flex;
  align-items: center;
}
#PackageDetails .BookNowMobileBottom__container .price__from {
  color: var(--color-natural-900, #0F172A);
  font-size: 14px;
  font-weight: 300;
}
#PackageDetails .BookNowMobileBottom__container .price__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 26px;
  font-weight: 500;
}
#PackageDetails .BookNowMobileBottom__container .price__text .euroSign {
  color: var(--color-natural-900, #0F172A);
  font-size: 20px;
  font-weight: 500;
}
#PackageDetails .BookNowMobileBottom__container .bookNowBtn {
  border-radius: 12px;
  background: var(--color-blue-primary, #0D52DB);
  width: 134px;
  height: 40px;
  text-transform: capitalize;
}
#PackageDetails .BookNowMobileBottom__container .bookNowBtn__text {
  color: var(--color-white, #ffffff);
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
#PackageDetails .BookNowMobileBottom__container .bookNowBtn .MuiSvgIcon-fontSizeMedium {
  width: 20px !important;
  height: 20px !important;
  margin-left: 5px;
}

@media only screen and (max-width: 768px) {
  .NewPackageDetails {
    padding-top: 1rem !important;
  }
}
.NewPackageDetails .MainBanner__Container__header,
.NewPackageDetails .gallery,
.NewPackageDetails .OverView {
  max-width: 1400px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .NewPackageDetails .MainBanner__Container__header__FirstInfo .title {
    font-size: 1.5rem !important;
  }
}
.NewPackageDetails .startFrom {
  display: none;
  color: var(--color-natural-900, #0F172A);
  font-size: 18px;
  font-weight: 300;
}
.NewPackageDetails .startFrom .price {
  font-size: 1rem;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .NewPackageDetails .startFrom {
    display: block;
  }
}
.NewPackageDetails .downloadDocument {
  max-width: 1400px;
  margin: 0 auto;
  background-color: var(--color-white, #ffffff);
  padding-bottom: 2rem;
}
.NewPackageDetails .downloadDocument__Container {
  padding: 1.25rem;
}
.NewPackageDetails .downloadDocument__Container .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--color-natural-900, #0F172A);
}
.NewPackageDetails .downloadDocument__Container__Card {
  display: flex;
  align-items: center;
  background-color: var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .NewPackageDetails .downloadDocument__Container__Card {
    flex-wrap: wrap;
  }
}
.NewPackageDetails .downloadDocument__Container__Card .icon {
  font-size: 1.5rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-right: 1rem;
  background-color: var(--color-white, #ffffff);
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}
.NewPackageDetails .downloadDocument__Container__Card__Info {
  flex: 1;
}
.NewPackageDetails .downloadDocument__Container__Card__Info .title {
  margin: 0;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
}
.NewPackageDetails .downloadDocument__Container__Card .btn-primary {
  background-color: var(--color-blue-dark, #1E3A8A);
}
@media only screen and (max-width: 768px) {
  .NewPackageDetails .downloadDocument__Container__Card .btn-primary {
    margin-top: 1rem;
  }
}

.css-1elwnq4-MuiPaper-root-MuiAccordion-root:before {
  height: 0px !important;
}

.Mui-expanded {
  margin: 0 !important;
}

.MuiAccordionSummary-content.Mui-expanded {
  margin: 0 !important;
  padding-top: 15px !important;
}

.MuiAccordionSummary-content.Mui-expanded {
  margin: 0 !important;
}

.css-sh22l5-MuiButtonBase-root-MuiAccordionSummary-root.Mui-expanded {
  min-height: 48px;
}

.react-images__view-image {
  border-radius: 4px;
}

.fullscreen .react-images__view-image {
  height: 72vh;
  border-radius: 4px;
}
.fullscreen .css-16teiko {
  justify-content: center;
}
.fullscreen .css-16teiko img {
  margin-right: 8px;
  border-radius: 4px;
}

.image-gallery-slides {
  height: 500px;
}
@media only screen and (max-width: 640px) {
  .image-gallery-slides {
    height: 300px;
  }
}
.image-gallery-slides img {
  height: 100%;
  width: 100%;
}
.image-gallery-slides .image-gallery-center {
  height: 100%;
  width: 100%;
}

#Reservation {
  background-color: var(--color-natural-100, #F1F5F9);
}
@media only screen and (max-width: 920px) {
  #Reservation {
    padding: 1.5rem 0.5rem;
  }
}
#Reservation .reservationComponent .steeperHeader {
  padding: 24px 0px;
}
#Reservation .reservationComponent__stepper__component {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 920px) {
  #Reservation .reservationComponent__stepper__component {
    flex-direction: column;
  }
}
#Reservation .reservationComponent__stepper__component .profileInfo {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent__stepper__component .profileInfo {
    align-items: unset;
  }
}
#Reservation .reservationComponent__stepper__component .profileInfo__PersonIcon {
  background-color: var(--color-blue-primary, #0D52DB);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#Reservation .reservationComponent__stepper__component .profileInfo__text {
  padding-left: 20px;
}
#Reservation .reservationComponent__stepper__component .profileInfo__text .account {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
}
#Reservation .reservationComponent__stepper__component .profileInfo__text .login {
  color: var(--color-natural-900, #0F172A);
  font-size: 14px;
  font-weight: 300;
}
#Reservation .reservationComponent__stepper__component .profileInfo__text .login span {
  color: var(--color-blue-primary, #0D52DB);
}
#Reservation .reservationComponent__stepper__component__steps {
  width: 70%;
}
@media only screen and (max-width: 920px) {
  #Reservation .reservationComponent__stepper__component__steps {
    margin-top: 15px;
    width: 100%;
  }
}
#Reservation .reservationComponent__stepper__component__steps .stepLabels span {
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent__stepper__component__steps .stepLabels span {
    font-size: 12px;
  }
}
#Reservation .reservationComponent__stepper__component__steps .css-1hv8oq8-MuiStepLabel-label.Mui-active {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 500;
}
#Reservation .reservationComponent .container {
  width: 100%;
  display: flex;
  padding: 1rem 5rem;
}
@media only screen and (max-width: 1280px) {
  #Reservation .reservationComponent .container {
    justify-content: center;
  }
}
@media only screen and (max-width: 920px) {
  #Reservation .reservationComponent .container {
    flex-direction: column;
    padding: inherit;
  }
}
#Reservation .reservationComponent .container__reservationInfo {
  width: 70%;
}
@media only screen and (max-width: 1280px) {
  #Reservation .reservationComponent .container__reservationInfo {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 920px) {
  #Reservation .reservationComponent .container__reservationInfo {
    order: 2;
    border-right: unset;
    width: 100%;
    padding-right: 0px;
  }
}
#Reservation .reservationComponent .container__reservationInfo .sectionHead {
  color: var(--color-blue-primary, #0D52DB);
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 11px;
}
#Reservation .reservationComponent .container__reservationInfo .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#Reservation .reservationComponent .container__reservationInfo .section {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 1.25rem;
}
#Reservation .reservationComponent .container__reservationInfo .ContinueBtn {
  margin-top: 1rem;
  width: 100%;
}
#Reservation .reservationComponent .container .Category__container {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  margin-top: 30px;
  margin-bottom: 35px;
  padding: 15px 20px;
  border-radius: 4px;
  position: relative;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .Category__container {
    padding: 15px;
  }
}
#Reservation .reservationComponent .container .Category__container .SelectedHotel {
  position: absolute;
  display: flex;
  justify-content: center;
}
#Reservation .reservationComponent .container .Category__container .SelectedHotel__tag {
  border-radius: 15px;
  background: var(--color-blue-primary, #0D52DB);
  color: white;
  z-index: 99;
  padding: 2px 13px;
  display: flex;
  align-items: center;
}
#Reservation .reservationComponent .container .Category__container .SelectedHotel__tag p {
  margin-left: 2px;
  color: var(--color-white, #ffffff);
}
#Reservation .reservationComponent .container .Category__container .SelectedHotel {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#Reservation .reservationComponent .container .Category__container.selected {
  border: 1px solid var(--color-blue-primary, #0D52DB);
}
#Reservation .reservationComponent .container .Category__container .SelectBox {
  justify-content: end;
  display: flex;
  position: relative;
}
#Reservation .reservationComponent .container .Category__container .SelectBox .SelectBtn {
  border-radius: 10px;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  background: var(--color-white, #ffffff);
  color: var(--color-blue-primary, #0D52DB);
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 10px;
  padding: 7px 20px;
  width: 140px;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .Category__container .SelectBox .SelectBtn {
    position: relative;
    width: 100%;
  }
}
#Reservation .reservationComponent .container .Category__container .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#Reservation .reservationComponent .container .Category__container .header__title {
  color: var(--color-natural-900, #0F172A);
  font-size: 20px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .Category__container .header__price {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 20px;
  font-weight: 500;
}
#Reservation .reservationComponent .container .Category__container .header__price .perPerson {
  color: #46403C;
  font-size: 16px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .Category__container__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  width: 500px;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .Category__container__text {
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
  }
}
#Reservation .reservationComponent .container .Category__container__Accordion {
  margin-top: 14px;
  box-shadow: unset;
  border: unset;
}
#Reservation .reservationComponent .container .Category__container__Accordion .summary {
  width: 200px;
  align-items: center;
  display: flex;
  padding: 0%;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .Category__container__Accordion .summary {
    margin: 0 auto;
  }
}
#Reservation .reservationComponent .container .Category__container__Accordion .summary .MuiAccordionSummary-expandIconWrapper {
  position: relative;
}
#Reservation .reservationComponent .container .Category__container__Accordion .summary .MuiAccordionSummary-content.Mui-expanded {
  padding-top: 0 !important;
}
#Reservation .reservationComponent .container .Category__container__Accordion .summary .MuiAccordionSummary-content.Mui-expanded .text {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 16px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .Category__container__Accordion .AccordionDetails {
  display: flex;
  justify-content: space-between;
  padding: 8px 0% !important;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .Category__container__Accordion .AccordionDetails {
    flex-direction: column;
  }
}
#Reservation .reservationComponent .container .Category__container__Accordion .AccordionDetails .HotelsInfo {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 4px;
  display: flex;
  width: 49%;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .Category__container__Accordion .AccordionDetails .HotelsInfo {
    width: 100%;
    margin-top: 10px;
  }
}
#Reservation .reservationComponent .container .Category__container__Accordion .AccordionDetails .HotelsInfo__ratingsInfo {
  margin-left: 20px;
  padding-top: 8px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 9px;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .Category__container__Accordion .AccordionDetails .HotelsInfo__ratingsInfo {
    margin-left: 10px;
  }
}
#Reservation .reservationComponent .container .Category__container__Accordion .AccordionDetails .HotelsInfo__ratingsInfo .locationInfo {
  display: flex;
  align-items: center;
}
#Reservation .reservationComponent .container .Category__container__Accordion .AccordionDetails .HotelsInfo__ratingsInfo .locationInfo .text {
  color: #74716E;
  font-size: 14px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .Category__container__Accordion .AccordionDetails .HotelsInfo__ratingsInfo .ratings {
  display: flex;
  align-items: center;
}
#Reservation .reservationComponent .container .Category__container__Accordion .AccordionDetails .HotelsInfo__ratingsInfo .ratings .text {
  color: var(--color-white, #ffffff);
  font-weight: 500;
  width: 44px;
  height: 19px;
  border-radius: 6.5px;
  background: var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
#Reservation .reservationComponent .container .Category__container__Accordion .AccordionDetails .HotelsInfo__ratingsInfo .ratings .excellent {
  color: var(--color-natural-900, #0F172A);
  font-size: 14px;
  font-weight: 500;
  margin-left: 4px;
}
#Reservation .reservationComponent .container .RoomSelection__head {
  color: var(--color-blue-primary, #0D52DB);
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 11px;
}
#Reservation .reservationComponent .container .RoomSelection__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .RoomSelection__Dropdowns {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .RoomSelection__Dropdowns {
    flex-direction: column;
  }
}
#Reservation .reservationComponent .container .RoomSelection__Dropdowns .DropdownBtn {
  height: 62px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 4px;
  padding: 12px 20px;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .RoomSelection__Dropdowns .DropdownBtn {
    width: 100%;
    margin-bottom: 10px;
  }
}
#Reservation .reservationComponent .container .RoomSelection__Dropdowns .DropdownBtn__container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#Reservation .reservationComponent .container .RoomSelection__Dropdowns .DropdownBtn__container .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .RoomSelection__Dropdowns .DropdownBtn__container__dropdownIconBtn {
  position: relative;
  top: 0px;
  padding: 0%;
}
#Reservation .reservationComponent .container .RoomSelection__Dropdowns .DropdownBtn .roomText {
  color: var(--color-natural-900, #0F172A);
  font-size: 12px;
  font-weight: 500;
}
#Reservation .reservationComponent .container .RoomSelection__Dropdowns .DropdownBtn .Dropdown {
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.3));
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 4px;
  background-color: var(--color-white, #ffffff);
}
#Reservation .reservationComponent .container .RoomSelection__Dropdowns .DropdownBtn .Dropdown__List__Items {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
#Reservation .reservationComponent .container .RoomSelection__Dropdowns .DropdownBtn .Dropdown__List__Items:hover {
  background-color: var(--color-white, #ffffff);
}
#Reservation .reservationComponent .container .RoomSelection__Dropdowns .removeBtn {
  text-transform: capitalize;
  color: var(--color-natural-500, #64748B);
  cursor: pointer;
}
#Reservation .reservationComponent .container .RoomSelection .addBtn {
  font-size: 16px;
  color: var(--color-blue-primary, #0D52DB);
  padding-left: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
#Reservation .reservationComponent .container .AddToCart {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding-bottom: 35px;
  padding-top: 35px;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .AddToCart {
    padding-bottom: 20px;
  }
}
#Reservation .reservationComponent .container .AddToCart__head {
  color: var(--color-blue-primary, #0D52DB);
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 11px;
}
#Reservation .reservationComponent .container .AddToCart__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 14px;
}
#Reservation .reservationComponent .container .AddToCart__Cart {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  margin-top: 15px;
  border-radius: 4px;
  display: flex;
}
@media only screen and (max-width: 920px) {
  #Reservation .reservationComponent .container .AddToCart__Cart {
    display: none;
  }
}
#Reservation .reservationComponent .container .AddToCart__Cart.selected {
  border: 1px solid var(--color-blue-primary, #0D52DB);
}
#Reservation .reservationComponent .container .AddToCart__Cart__img {
  position: relative;
  width: 159px;
  height: 140px;
}
#Reservation .reservationComponent .container .AddToCart__Cart__img img {
  border-radius: 4px 0 0 4px;
  height: 100%;
}
#Reservation .reservationComponent .container .AddToCart__Cart__img .SelectedHotel {
  position: absolute;
  display: flex;
  justify-content: center;
}
#Reservation .reservationComponent .container .AddToCart__Cart__img .SelectedHotel__tag {
  border-radius: 15px;
  background: var(--color-blue-primary, #0D52DB);
  color: white;
  z-index: 99;
  padding: 2px 13px;
  display: flex;
  align-items: center;
}
#Reservation .reservationComponent .container .AddToCart__Cart__img .SelectedHotel__tag p {
  margin-left: 2px;
  color: var(--color-white, #ffffff);
}
#Reservation .reservationComponent .container .AddToCart__Cart__img .SelectedHotel {
  top: 9px;
  left: 9px;
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info {
  padding: 15px 25px;
  width: 100%;
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info .header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info .header div:nth-child(1) {
  width: 100%;
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info .header div:nth-child(2) {
  width: 20%;
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info .header .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info .header .moreInfo {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 16px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info .header .price {
  color: var(--color-natural-900, #0F172A);
  font-size: 18px;
  font-weight: 500;
  text-align: end;
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info .header .totalText {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  text-align: end;
  text-transform: capitalize;
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info .footer {
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 1280px) {
  #Reservation .reservationComponent .container .AddToCart__Cart__Info .footer {
    flex-direction: column;
  }
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info .footer__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  width: 50%;
}
@media only screen and (max-width: 920px) {
  #Reservation .reservationComponent .container .AddToCart__Cart__Info .footer__text {
    width: 100%;
  }
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info .footer__CartSection {
  position: relative;
}
#Reservation .reservationComponent .container .AddToCart__Cart__Info .footer__CartSection__CartBtn {
  border-radius: 10px;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  background: var(--color-white, #ffffff);
  color: var(--color-blue-primary, #0D52DB);
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 10px;
  padding: 7px 20px;
  width: 140px;
}
@media only screen and (max-width: 1280px) {
  #Reservation .reservationComponent .container .AddToCart__Cart__Info .footer__CartSection__CartBtn {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 920px) {
  #Reservation .reservationComponent .container .AddToCart__Cart__Info .footer__CartSection__CartBtn {
    width: 250px;
    margin: 20px auto 10px;
  }
}
#Reservation .reservationComponent .container .AddToCart__MobileView {
  display: none;
  fill: var(--color-white, #ffffff);
  border: 1px solid var(--color-natural-200, #E2E8F0);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 27px;
  border-radius: 4px;
}
@media only screen and (max-width: 920px) {
  #Reservation .reservationComponent .container .AddToCart__MobileView {
    display: block;
  }
}
#Reservation .reservationComponent .container .AddToCart__MobileView__Image {
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  object-fit: cover;
}
#Reservation .reservationComponent .container .AddToCart__MobileView__content {
  padding: 15px;
}
#Reservation .reservationComponent .container .AddToCart__MobileView__content .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 18px;
  font-weight: 500;
}
#Reservation .reservationComponent .container .AddToCart__MobileView__content .moreInfo {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
#Reservation .reservationComponent .container .AddToCart__MobileView__content .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin-top: 13px;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .AddToCart__MobileView__content .text {
    font-size: 14px;
  }
}
#Reservation .reservationComponent .container .AddToCart__MobileView__content .bottomContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
}
#Reservation .reservationComponent .container .AddToCart__MobileView__content .bottomContainer__CartSection {
  position: relative;
}
#Reservation .reservationComponent .container .AddToCart__MobileView__content .bottomContainer__CartSection__btn {
  border-radius: 10px;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  background: var(--color-white, #ffffff);
  color: var(--color-blue-primary, #0D52DB);
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}
#Reservation .reservationComponent .container .AddToCart__MobileView__content .bottomContainer__CartSection .total {
  color: var(--color-natural-900, #0F172A);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .AddToCart__MobileView__content .bottomContainer__CartSection .Travelers {
  width: 190px;
}
#Reservation .reservationComponent .container .AddToCart__MobileView.selected {
  border: 1px solid var(--color-blue-primary, #0D52DB);
}
#Reservation .reservationComponent .container .InfoBox {
  margin-top: 36px;
  padding: 15px;
  background-color: var(--color-white, #ffffff);
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 4px;
}
#Reservation .reservationComponent .container .InfoBox__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 14px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .SelectedInfo {
  display: flex;
  flex-direction: column;
  width: 30%;
}
@media only screen and (max-width: 920px) {
  #Reservation .reservationComponent .container .SelectedInfo {
    padding-left: 0px;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .SelectedInfo {
    flex-direction: column;
  }
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege {
  border-radius: 0.5rem;
  background: var(--color-white, #ffffff);
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  #Reservation .reservationComponent .container .SelectedInfo__TravelPackege {
    width: 320px;
  }
}
@media only screen and (max-width: 920px) {
  #Reservation .reservationComponent .container .SelectedInfo__TravelPackege {
    width: 49%;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .SelectedInfo__TravelPackege {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .img-continaer {
  overflow: hidden;
  border-radius: 0.5rem;
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .img-continaer img {
  width: 100%;
  object-fit: cover;
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .Image {
  width: 100%;
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .HotelInfo {
  padding: 15px 15px 0px 15px;
  display: flex;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .SelectedInfo__TravelPackege .HotelInfo {
    padding: 10px 10px 0px 10px;
  }
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .HotelInfo__Info {
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .SelectedInfo__TravelPackege .HotelInfo__Info {
    padding-left: 15px;
  }
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .HotelInfo__Info .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .HotelInfo__Info .from {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin-top: 12px;
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .HotelInfo__Info .category {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px;
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .schedule {
  padding: 15px;
  display: flex;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .SelectedInfo__TravelPackege .schedule {
    padding: 10px;
  }
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .schedule__Info {
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .SelectedInfo__TravelPackege .schedule__Info {
    padding-left: 15px;
  }
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .schedule__Info .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 8px;
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .schedule__Info .text b {
  font-weight: 500;
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .additionalInfo {
  padding: 15px;
  display: flex;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .SelectedInfo__TravelPackege .additionalInfo {
    padding: 10px;
  }
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .additionalInfo__info {
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .SelectedInfo__TravelPackege .additionalInfo__info {
    padding-left: 15px;
  }
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .additionalInfo__info .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege .additionalInfo__info .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
#Reservation .reservationComponent .container .SelectedInfo__TravelPackege__footer .text {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .SelectedInfo__TravelPackege__footer .text {
    font-size: 14px;
  }
}
#Reservation .reservationComponent .container .SelectedInfo__PriceSummary {
  border-radius: 0.5rem;
  background: var(--color-white, #ffffff);
}
@media only screen and (max-width: 1280px) {
  #Reservation .reservationComponent .container .SelectedInfo__PriceSummary {
    width: 320px;
  }
}
@media only screen and (max-width: 920px) {
  #Reservation .reservationComponent .container .SelectedInfo__PriceSummary {
    width: 49%;
  }
}
@media only screen and (max-width: 640px) {
  #Reservation .reservationComponent .container .SelectedInfo__PriceSummary {
    width: 100%;
  }
}
#Reservation .reservationComponent .container .SelectedInfo__PriceSummary .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 18px;
  font-weight: 500;
  padding: 15px;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
#Reservation .reservationComponent .container .SelectedInfo__PriceSummary__details {
  padding: 15px 20px;
}
#Reservation .reservationComponent .container .SelectedInfo__PriceSummary__details .price {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding-bottom: 12px;
}
#Reservation .reservationComponent .container .SelectedInfo__PriceSummary__details .price .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .SelectedInfo__PriceSummary__details .price .value {
  color: var(--color-green-primary, #00AC6B);
  font-size: 16px;
  font-weight: 500;
  mPackageDetailsMobileModelargin-left: 4px;
}
#Reservation .reservationComponent .container .SelectedInfo__PriceSummary__details .detailedInfo {
  align-items: center;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 15px 0px;
}
#Reservation .reservationComponent .container .SelectedInfo__PriceSummary__details .detailedInfo .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#Reservation .reservationComponent .container .SelectedInfo__PriceSummary__details .detailedInfo .text bPackageDetailsMobileModel {
  font-weight: 500;
}
#Reservation .reservationComponent .container .SelectedInfo__PriceSummary__details__footer {
  border-bottom: unset !important;
  padding-bottom: 0px !important;
}
#Reservation .ReservationBottom {
  width: 100%;
  background-color: var(--color-white, #ffffff);
  padding: 1rem 0.5rem !important;
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
}
#Reservation .ReservationBottom .btn-View-package {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.25rem;
  border: none;
  background-color: var(--color-natural-100, #F1F5F9);
  display: none;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
#Reservation .ReservationBottom .btn-View-package .leftSide {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
#Reservation .ReservationBottom .btn-View-package .leftSide img {
  margin-right: 0.5rem;
}
@media only screen and (max-width: 768px) {
  #Reservation .ReservationBottom .btn-View-package {
    display: flex;
  }
}

.packageDetailsPopup .SelectedInfo {
  display: flex;
  flex-direction: column;
  width: 30%;
}
@media only screen and (max-width: 920px) {
  .packageDetailsPopup .SelectedInfo {
    padding-left: 0px;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 640px) {
  .packageDetailsPopup .SelectedInfo {
    flex-direction: column;
  }
}
.packageDetailsPopup .SelectedInfo__TravelPackege {
  border-radius: 0.5rem;
  background: var(--color-white, #ffffff);
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  .packageDetailsPopup .SelectedInfo__TravelPackege {
    width: 320px;
  }
}
@media only screen and (max-width: 920px) {
  .packageDetailsPopup .SelectedInfo__TravelPackege {
    width: 49%;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 640px) {
  .packageDetailsPopup .SelectedInfo__TravelPackege {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.packageDetailsPopup .SelectedInfo__TravelPackege .img-continaer {
  overflow: hidden;
  border-radius: 0.5rem;
}
.packageDetailsPopup .SelectedInfo__TravelPackege .img-continaer img {
  width: 100%;
  object-fit: cover;
}
.packageDetailsPopup .SelectedInfo__TravelPackege .Image {
  width: 100%;
}
.packageDetailsPopup .SelectedInfo__TravelPackege .HotelInfo {
  padding: 15px 15px 0px 15px;
  display: flex;
}
@media only screen and (max-width: 640px) {
  .packageDetailsPopup .SelectedInfo__TravelPackege .HotelInfo {
    padding: 10px 10px 0px 10px;
  }
}
.packageDetailsPopup .SelectedInfo__TravelPackege .HotelInfo__Info {
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
  .packageDetailsPopup .SelectedInfo__TravelPackege .HotelInfo__Info {
    padding-left: 15px;
  }
}
.packageDetailsPopup .SelectedInfo__TravelPackege .HotelInfo__Info .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
}
.packageDetailsPopup .SelectedInfo__TravelPackege .HotelInfo__Info .from {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin-top: 12px;
}
.packageDetailsPopup .SelectedInfo__TravelPackege .HotelInfo__Info .category {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px;
}
.packageDetailsPopup .SelectedInfo__TravelPackege .schedule {
  padding: 15px;
  display: flex;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
@media only screen and (max-width: 640px) {
  .packageDetailsPopup .SelectedInfo__TravelPackege .schedule {
    padding: 10px;
  }
}
.packageDetailsPopup .SelectedInfo__TravelPackege .schedule__Info {
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
  .packageDetailsPopup .SelectedInfo__TravelPackege .schedule__Info {
    padding-left: 15px;
  }
}
.packageDetailsPopup .SelectedInfo__TravelPackege .schedule__Info .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 8px;
}
.packageDetailsPopup .SelectedInfo__TravelPackege .schedule__Info .text b {
  font-weight: 500;
}
.packageDetailsPopup .SelectedInfo__TravelPackege .additionalInfo {
  padding: 15px;
  display: flex;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
@media only screen and (max-width: 640px) {
  .packageDetailsPopup .SelectedInfo__TravelPackege .additionalInfo {
    padding: 10px;
  }
}
.packageDetailsPopup .SelectedInfo__TravelPackege .additionalInfo__info {
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
  .packageDetailsPopup .SelectedInfo__TravelPackege .additionalInfo__info {
    padding-left: 15px;
  }
}
.packageDetailsPopup .SelectedInfo__TravelPackege .additionalInfo__info .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
}
.packageDetailsPopup .SelectedInfo__TravelPackege .additionalInfo__info .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
.packageDetailsPopup .SelectedInfo__TravelPackege__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.packageDetailsPopup .SelectedInfo__TravelPackege__footer .text {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .packageDetailsPopup .SelectedInfo__TravelPackege__footer .text {
    font-size: 14px;
  }
}
.packageDetailsPopup .SelectedInfo__PriceSummary {
  border-radius: 0.5rem;
  background: var(--color-white, #ffffff);
}
@media only screen and (max-width: 1280px) {
  .packageDetailsPopup .SelectedInfo__PriceSummary {
    width: 320px;
  }
}
@media only screen and (max-width: 920px) {
  .packageDetailsPopup .SelectedInfo__PriceSummary {
    width: 49%;
  }
}
@media only screen and (max-width: 640px) {
  .packageDetailsPopup .SelectedInfo__PriceSummary {
    width: 100%;
  }
}
.packageDetailsPopup .SelectedInfo__PriceSummary .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 18px;
  font-weight: 500;
  padding: 15px;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
.packageDetailsPopup .SelectedInfo__PriceSummary__details {
  padding: 15px 20px;
}
.packageDetailsPopup .SelectedInfo__PriceSummary__details .price {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding-bottom: 12px;
}
.packageDetailsPopup .SelectedInfo__PriceSummary__details .price .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
.packageDetailsPopup .SelectedInfo__PriceSummary__details .price .value {
  color: var(--color-green-primary, #00AC6B);
  font-size: 16px;
  font-weight: 500;
  mPackageDetailsMobileModelargin-left: 4px;
}
.packageDetailsPopup .SelectedInfo__PriceSummary__details .detailedInfo {
  align-items: center;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 15px 0px;
}
.packageDetailsPopup .SelectedInfo__PriceSummary__details .detailedInfo .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
.packageDetailsPopup .SelectedInfo__PriceSummary__details .detailedInfo .text bPackageDetailsMobileModel {
  font-weight: 500;
}
.packageDetailsPopup .SelectedInfo__PriceSummary__details__footer {
  border-bottom: unset !important;
  padding-bottom: 0px !important;
}

#model .model {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s;
}
#model .model__Content {
  position: fixed;
  top: 0;
  background-color: #fefefe;
  width: 100%;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s;
  height: 100%;
}
#model .model__Content__header {
  width: 100%;
  border-bottom: 1px solid #DFDFDF;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
}
#model .model__Content__header .title {
  color: #222;
  font-size: 16px;
  font-weight: 500;
}
#model .model__Content__body {
  margin-top: 13px;
  height: 78vh;
  overflow: auto;
  padding-left: 15px;
  padding-right: 15px;
}
#model .model__Content__body .title {
  color: #222;
  font-size: 18px;
  font-weight: 400;
  margin-top: 15px;
  text-align: center;
}
#model .model__Content__body__TravelLocation {
  width: 100%;
  position: relative;
}
#model .model__Content__body__TravelLocation .SearchForm__Container__TravelLocation {
  border: 1px solid #DFDFDF;
  margin-top: 13px;
  border-radius: 28px;
}
#model .model__Content__body__TravelLocation .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-1h51icj-MuiAutocomplete-root .MuiOutlinedInput-root {
  height: 48px;
}
#model .model__Content__body__TravelLocation .css-1h51icj-MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input {
  padding-right: 30px;
}
#model .model__Content__body__TravelLocation .SearchForm__Container__SearchBtn {
  margin-right: 9px;
  top: 46px;
  display: block !important;
  background-color: unset;
}
#model .model__Content__body__TravelLocation .SearchForm__Container__SearchBtn svg {
  color: #0042C6;
}
#model .model__Content__body .DurationOptions {
  width: 100%;
  border: 1px solid #DFDFDF;
  border-radius: 10px;
  margin-top: 13px;
}
#model .model__Content__body .DurationOptions__option {
  padding: 15px 25px;
  border-bottom: 1px solid #DFDFDF;
  display: flex;
  justify-content: space-between;
}
#model .model__Content__body .DurationOptions .last {
  border-bottom: unset;
}
#model .model__Content__body__TravelersInfo {
  width: 100%;
  position: relative;
  padding-bottom: 45px;
}
#model .model__Content__body__TravelersInfo .Travelers {
  box-shadow: unset;
  border: 1px solid #DFDFDF;
  z-index: unset;
  position: relative;
  padding-bottom: 0px;
  padding-top: 0px;
}
#model .model__Content__footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  padding: 15px;
  border: 1px solid #D8D8D8;
  background: #FFF;
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
}
#model .model__Content__footer .searchBtn {
  background-color: #0042C6;
  border-radius: 12px;
  width: 100%;
  color: #fff;
}

#CustomerDetails {
  background-color: var(--color-white, #ffffff);
  padding: 1.25rem;
  border-radius: 0.5rem;
}
#CustomerDetails .CustomerDetails__head {
  color: var(--color-blue-primary, #0D52DB);
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 11px;
}
#CustomerDetails .CustomerDetails__description {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#CustomerDetails .CustomerDetails__Data .title {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  margin-top: 8px;
  margin-bottom: 18px;
}
#CustomerDetails .CustomerDetails__Data__InputFieldContainer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  #CustomerDetails .CustomerDetails__Data__InputFieldContainer .InputField {
    width: 100%;
  }
}
#CustomerDetails .CustomerDetails__Data__InputFieldContainer .phoneNumber {
  width: 48%;
  margin-top: 15px;
}
@media only screen and (max-width: 640px) {
  #CustomerDetails .CustomerDetails__Data__InputFieldContainer .phoneNumber {
    width: 100%;
  }
}
#CustomerDetails .CustomerDetails__Data__InputFieldContainer .phoneNumber .InputField {
  width: 100%;
  margin-top: 0px;
}
#CustomerDetails .CustomerDetails__Data__InputFieldContainer .phoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
}
#CustomerDetails .CustomerDetails__Data__InputFieldContainer .phoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  background-color: var(--color-white, #ffffff);
}
#CustomerDetails .CustomerDetails__Data__InputFieldContainer .phoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
  background-color: var(--color-white, #ffffff);
}
#CustomerDetails .CustomerDetails__Data__InputFieldContainer .phoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: block;
}
#CustomerDetails .CustomerDetails__Data__InputFieldContainer .phoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: none;
}
#CustomerDetails .CustomerDetails__Data__InputFieldContainer .phoneNumber .InputField .MuiInputLabel-animated {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
#CustomerDetails .CustomerDetails__Data__checkbocContainer {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
@media only screen and (max-width: 640px) {
  #CustomerDetails .CustomerDetails__Data__checkbocContainer p {
    font-size: 14px;
  }
}
#CustomerDetails .CustomerDetails__guest__header {
  margin-bottom: 1.25rem;
  gap: 10px;
}
#CustomerDetails .CustomerDetails__guest__header .title {
  font-size: 1.26563rem;
  font-weight: 500;
  margin: 0;
  display: flex;
  align-items: center;
}
#CustomerDetails .CustomerDetails__guest .phoneNumber {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #CustomerDetails .CustomerDetails__guest .phoneNumber {
    width: 100%;
  }
}
#CustomerDetails .CustomerDetails__guest .phoneNumber .InputField {
  width: 100%;
  margin-top: 0px;
}
#CustomerDetails .CustomerDetails__guest .phoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
}
#CustomerDetails .CustomerDetails__guest .phoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  background-color: var(--color-white, #ffffff);
}
#CustomerDetails .CustomerDetails__guest .phoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
  background-color: var(--color-white, #ffffff);
}
#CustomerDetails .CustomerDetails__guest .phoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: block;
}
#CustomerDetails .CustomerDetails__guest .phoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: none;
}
#CustomerDetails .CustomerDetails__guest .phoneNumber .InputField .MuiInputLabel-animated {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}

.CustomAddOn {
  margin-top: 1.5rem;
  background-color: var(--color-white, #ffffff);
  padding: 1.25rem;
  border-radius: 0.5rem;
}
.CustomAddOn__head {
  color: var(--color-blue-primary, #0D52DB);
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 11px;
}
@media only screen and (max-width: 640px) {
  .CustomAddOn {
    margin-top: 25px;
  }
}
.CustomAddOn__title {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 640px) {
  .CustomAddOn__title {
    font-size: 14px;
  }
}
.CustomAddOn .AddOnButtons {
  margin-top: 10px;
}
.CustomAddOn .AddOnButtons__Btn {
  border-radius: 18px;
  border: 1px solid #3171C9;
  padding: 6px 8px;
  margin-right: 10px;
  margin-top: 10px;
}
.CustomAddOn .AddOnButtons__Btn__text {
  text-transform: capitalize;
  color: #3171C9;
  font-size: 16px;
  font-weight: 400;
  margin-left: 5px;
}
.CustomAddOn .AddOnButtons__active {
  border: 1px solid #027A02;
}
.CustomAddOn .AddOnButtons__active .AddOnButtons__Btn__text {
  color: #027A02 !important;
}
.CustomAddOn__textArea {
  max-width: 100%;
  padding: 10px 15px;
  border-color: #D0CBC9;
  margin-top: 15px;
  border-radius: 8px;
  min-width: 100%;
  min-height: 120px;
}

#paymentMethod .paymentMethod__Accordion__summary .css-o4b71y-MuiAccordionSummary-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0%;
}
@media only screen and (max-width: 640px) {
  #paymentMethod .paymentMethod__Accordion__summary .css-o4b71y-MuiAccordionSummary-content {
    flex-wrap: wrap;
    gap: 5px;
  }
}
#paymentMethod .paymentMethod__Accordion__summary .title {
  color: #222;
  font-size: 16px;
  font-weight: 500;
}
#paymentMethod .paymentMethod__Accordion__summary .expandenIcon {
  width: 43%;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 640px) {
  #paymentMethod .paymentMethod__Accordion__summary .expandenIcon {
    width: 80%;
  }
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox {
  background-color: #F7F7F7;
  border: 1px solid #D0CBC9;
  border-radius: 16px;
  margin-top: 32px;
  padding: 15px 30px;
}
@media only screen and (max-width: 640px) {
  #paymentMethod .paymentMethod__Accordion__Details .infoBox {
    padding: 15px;
  }
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__checkBoxContainer {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 640px) {
  #paymentMethod .paymentMethod__Accordion__Details .infoBox__checkBoxContainer {
    align-items: flex-start;
  }
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__checkBoxContainer .MuiCheckbox-root {
  padding-left: 0%;
}
@media only screen and (max-width: 640px) {
  #paymentMethod .paymentMethod__Accordion__Details .infoBox__checkBoxContainer .MuiCheckbox-root {
    padding-top: 0px;
  }
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__checkBoxContainer__content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__checkBoxContainer .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__SelectionContainer {
  display: flex;
  justify-content: space-between;
  margin-top: 19px;
}
@media only screen and (max-width: 640px) {
  #paymentMethod .paymentMethod__Accordion__Details .infoBox__SelectionContainer {
    flex-direction: column;
  }
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__selection {
  display: flex;
  background-color: #fff;
  border: 1px solid #D0CBC9;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__selection .text {
  width: 70px;
  text-align: center;
  border-right: 1px solid #D0CBC9;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 640px) {
  #paymentMethod .paymentMethod__Accordion__Details .infoBox__selection .text {
    width: 33%;
  }
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__selection .text:hover {
  border: 1px solid #3171C9;
  color: #3171C9;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  font-weight: 500;
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__selection .secondText:hover {
  border-radius: unset;
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__selection .lastText {
  border-right: unset;
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__selection .lastText:hover {
  border-radius: unset;
  border: 1px solid #3171C9;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__infoDetails {
  background-color: #fff;
  border: 1px solid #D0CBC9;
  border-radius: 16px;
  width: 273px;
}
@media only screen and (max-width: 640px) {
  #paymentMethod .paymentMethod__Accordion__Details .infoBox__infoDetails {
    width: 100%;
    margin-top: 15px;
  }
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__infoDetails .info {
  padding: 6px 16px;
  border-bottom: 1px solid #D0CBC9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__infoDetails .info .text {
  color: #222;
  font-size: 14px;
  font-weight: 300;
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__infoDetails .info .text span {
  font-weight: 500;
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__infoDetails .lastInfo {
  border-bottom: unset;
}
#paymentMethod .paymentMethod__Accordion__Details .infoBox__text {
  color: #222;
  font-size: 14px;
  font-weight: 300;
}
#paymentMethod .paymentMethod__Accordion__Details .alertBox {
  background-color: #FFFBCC;
  padding: 10px;
  margin-top: 20px;
  text-align: center;
}
#paymentMethod .paymentMethod__Accordion__Details .alertBox__text {
  color: #222;
  font-size: 14px;
  font-weight: 300;
}
#paymentMethod .paymentMethod__Accordion .cardInfo {
  margin-top: 28px;
  width: 50%;
}
@media (max-width: 1080px) {
  #paymentMethod .paymentMethod__Accordion .cardInfo {
    width: 100%;
  }
}
#paymentMethod .paymentMethod__Accordion .cardInfo__cardNumber {
  width: 100%;
  margin-top: 15px;
}
#paymentMethod .paymentMethod__Accordion .cardInfo__cvvInfo {
  width: 115px;
  margin-top: 15px;
}
#paymentMethod .paymentMethod__Accordion .cardInfo__cvvInfo .icon {
  position: relative;
  top: 4px;
}
#paymentMethod .paymentMethod__Accordion .cardInfo .formInput {
  margin-top: 15px;
  margin-right: 15px;
}
#paymentMethod .paymentMethod__Accordion .cardInfo .formInput .expiration-date122 {
  position: relative;
  width: 100%;
}
#paymentMethod .paymentMethod__Accordion .cardInfo .formInput .expiration-date122 .dropdown {
  display: flex;
  width: 100%;
  position: absolute;
  justify-content: space-between;
}
#paymentMethod .paymentMethod__Accordion .cardInfo .formInput .expiration-date122 .dropdown fieldset {
  outline: 0px;
  border: unset;
}
#paymentMethod .paymentMethod__footer {
  margin-top: 31px;
}
#paymentMethod .paymentMethod__footer .request {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#paymentMethod .paymentMethod__footer .conditionalCheck {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
@media only screen and (max-width: 640px) {
  #paymentMethod .paymentMethod__footer .conditionalCheck {
    align-items: flex-start;
  }
}
#paymentMethod .paymentMethod__footer .conditionalCheck .MuiCheckbox-root {
  padding-left: 0%;
}
#paymentMethod .paymentMethod__footer .conditionalCheck .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 640px) {
  #paymentMethod .paymentMethod__footer .conditionalCheck .text {
    font-size: 14px;
  }
}
#paymentMethod .paymentMethod__footer .conditionalCheck .text span {
  color: #3171C9;
  text-decoration: underline;
  cursor: pointer;
}
#paymentMethod .paymentMethod__footer .conformation {
  color: #027A02;
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
}
#paymentMethod .css-1elwnq4-MuiPaper-root-MuiAccordion-root.Mui-expanded {
  margin: 0%;
}

#conformation .conformation {
  min-height: 75.5vh;
}
#conformation .conformation__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 45px;
  width: 100%;
  max-width: 894px;
}
#conformation .conformation__container__checkIcon {
  color: #027A02;
  font-size: 3rem;
  height: 40px;
  width: 40px;
}
#conformation .conformation__container__message {
  color: #222;
  font-size: 20px;
  font-weight: 300;
  margin-top: 15px;
}
@media only screen and (max-width: 640px) {
  #conformation .conformation__container__message {
    text-align: center;
  }
}
#conformation .conformation__container .thankuMessage {
  color: #222;
  font-size: 18px;
  font-weight: 300;
  margin-top: 16px;
}
#conformation .conformation__container .emailConformation {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin-top: 16px;
}
@media only screen and (max-width: 640px) {
  #conformation .conformation__container .emailConformation {
    text-align: center;
  }
}
#conformation .conformation__container .emailConformation span {
  font-weight: 500;
}
#conformation .conformation__container .refrenceContainer {
  border-radius: 6px;
  background: #F7F7F7;
  padding: 10px;
  margin-top: 31px;
  text-align: center;
  width: 100%;
}
#conformation .conformation__container .refrenceContainer__text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#conformation .conformation__container .refrenceContainer__refrenceNumber {
  color: #0042C6;
  font-size: 18px;
  font-weight: 500;
}
#conformation .conformation__container__detailedInfo {
  margin-top: 30px;
  display: flex;
  border-radius: 6px;
  border: 1px solid #DFDFDF;
  background: #FFF;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.12);
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #conformation .conformation__container__detailedInfo {
    flex-direction: column;
  }
}
@media only screen and (max-width: 920px) {
  #conformation .conformation__container__detailedInfo .locationImg {
    height: auto;
  }
}
@media only screen and (max-width: 640px) {
  #conformation .conformation__container__detailedInfo .locationImg {
    width: 100%;
  }
}
#conformation .conformation__container__detailedInfo .infoContainer {
  width: 100%;
}
#conformation .conformation__container__detailedInfo .infoContainer__infoBox {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 920px) {
  #conformation .conformation__container__detailedInfo .infoContainer__infoBox {
    flex-direction: column;
    padding: 15px;
  }
}
#conformation .conformation__container__detailedInfo .infoContainer__infoBox__data {
  display: flex;
}
@media only screen and (max-width: 920px) {
  #conformation .conformation__container__detailedInfo .infoContainer__infoBox__data {
    width: 100%;
  }
}
#conformation .conformation__container__detailedInfo .infoContainer__infoBox__data .textInfo {
  margin-left: 15px;
  width: 229px;
}
@media only screen and (max-width: 920px) {
  #conformation .conformation__container__detailedInfo .infoContainer__infoBox__data .textInfo {
    width: 100%;
  }
}
#conformation .conformation__container__detailedInfo .infoContainer__infoBox__data .textInfo .title {
  color: #222;
  font-size: 16px;
  font-weight: 500;
}
#conformation .conformation__container__detailedInfo .infoContainer__infoBox__data .textInfo .from {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#conformation .conformation__container__detailedInfo .infoContainer__infoBox .scheduleInfo {
  display: flex;
}
@media only screen and (max-width: 920px) {
  #conformation .conformation__container__detailedInfo .infoContainer__infoBox .scheduleInfo {
    width: 100%;
    margin-top: 10px;
  }
}
#conformation .conformation__container__detailedInfo .infoContainer__infoBox .scheduleInfo .schedule {
  margin-left: 15px;
}
#conformation .conformation__container__detailedInfo .infoContainer__infoBox .scheduleInfo .schedule .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
#conformation .conformation__container__detailedInfo .infoContainer__infoBox .scheduleInfo .schedule .text span {
  font-weight: 500;
}
#conformation .conformation__container__detailedInfo .infoContainer__totalPrice {
  border-top: 1px solid #DFDFDF;
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  padding: 8px 0px;
}
#conformation .conformation__container .footerButtons {
  margin-top: 30px;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 640px) {
  #conformation .conformation__container .footerButtons {
    flex-direction: column;
    width: 100%;
  }
}
#conformation .conformation__container .footerButtons__Btn {
  border-radius: 6px;
  border: 1px solid #0052C3;
  color: #0052C3;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 5px 30px;
}
@media only screen and (max-width: 640px) {
  #conformation .conformation__container .footerButtons__Btn {
    width: 100%;
  }
}
#conformation .conformation__container .footerButtons__Btn img {
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.searchInfo {
  max-width: 100%;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
}
.searchInfo__container {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1150px;
}
@media only screen and (max-width: 1024px) {
  .searchInfo__container {
    margin-right: 16px;
    margin-left: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .searchInfo__container {
    margin-right: 16px;
    margin-left: 15px;
  }
}
@media only screen and (max-width: 640px) {
  .searchInfo__container {
    margin-right: 16px;
    margin-left: 15px;
  }
}
.searchInfo__container .information {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .information {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.searchInfo__container .information .heading {
  font-size: 13px;
  color: var(--color-natural-400, #94A3B8);
  text-transform: capitalize;
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .information .heading {
    display: none;
  }
}
.searchInfo__container .information .text {
  display: flex;
  font-size: 12px;
}
.searchInfo__container .information .text .text-info {
  margin-left: 8px;
  font-size: 10px;
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .information .text .text-info {
    display: inherit;
    margin-left: 3px;
  }
}
.searchInfo__container .information__kayword, .searchInfo__container .information__duration, .searchInfo__container .information__rooms, .searchInfo__container .information__adults {
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.searchInfo__container .information__kayword .text, .searchInfo__container .information__duration .text, .searchInfo__container .information__rooms .text, .searchInfo__container .information__adults .text {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .information__kayword, .searchInfo__container .information__duration, .searchInfo__container .information__rooms, .searchInfo__container .information__adults {
    height: auto;
  }
}
.searchInfo__container .information__duration {
  width: max-content;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .information__duration {
    width: auto;
    padding: 0;
    margin-right: 10px;
  }
}
.searchInfo__container .information__duration .text-info {
  font-size: 12px;
}
.searchInfo__container .information__kayword {
  width: max-content;
  padding-right: 5px;
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .information__kayword {
    width: 100%;
  }
}
.searchInfo__container .information__kayword .text {
  font-size: 15px;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .information__kayword .text {
    margin-bottom: 0;
  }
}
.searchInfo__container .information__rooms {
  width: 7%;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 768px) {
  .searchInfo__container .information__rooms {
    width: 15%;
  }
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .information__rooms {
    width: auto;
    padding: 0;
    margin-right: 10px;
  }
}
.searchInfo__container .information__rooms .text-info {
  display: none;
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .information__rooms .text-info {
    display: block;
  }
}
.searchInfo__container .information__adults {
  padding-left: 10px;
  padding-right: 10px;
}
.searchInfo__container .information__adults .passenger-info {
  display: flex;
}
.searchInfo__container .information__adults .passenger-info p {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .information__adults {
    height: auto;
    padding: 0;
  }
}
.searchInfo__container .information .border-left {
  border-right: 1px solid var(--color-natural-300, #CBD5E1);
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .information .border-left {
    border: none;
  }
}
.searchInfo__container .btn-search {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 2px solid var(--color-blue-primary, #0D52DB);
  color: var(--color-blue-primary, #0D52DB);
  height: 42px;
  width: 110px;
  border-radius: 5px;
  font-size: 18px;
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .btn-search {
    padding: 9px 0;
    width: 60px;
  }
}
.searchInfo__container .btn-search {
  cursor: pointer;
}
.searchInfo__container .btn-search svg {
  color: var(--color-blue-primary, #0D52DB);
  margin-right: 6px;
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .btn-search svg {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 640px) {
  .searchInfo__container .btn-search span {
    display: none;
  }
}

.SearchForm {
  position: absolute;
  top: 200px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .SearchForm {
    top: 80px;
  }
}
.SearchForm__Container {
  margin: 0 auto;
  border-radius: 28px;
  display: flex;
  align-items: center;
  max-width: 1120px;
  height: 64px;
  background: var(--color-white, #ffffff);
  position: relative;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
}
@media only screen and (max-width: 1280px) {
  .SearchForm__Container {
    max-width: 1120px;
    height: 55px;
  }
}
@media only screen and (max-width: 1024px) {
  .SearchForm__Container {
    max-width: 996px;
    height: 55px;
  }
}
@media (max-width: 830px) {
  .SearchForm__Container {
    max-width: 750px;
  }
}
@media only screen and (max-width: 768px) {
  .SearchForm__Container {
    max-width: 725px;
  }
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container {
    flex-direction: column;
    height: auto;
    width: 95% !important;
    border-radius: 14px;
  }
}
.SearchForm__Container__SearchBtn {
  margin-right: 10px !important;
  background-color: var(--color-blue-primary, #0D52DB) !important;
  color: var(--color-natural-400, #94A3B8);
  position: absolute !important;
  right: 0;
  width: 40px;
  height: 40px;
}
.SearchForm__Container__SearchBtn:hover {
  background-color: var(--color-blue-primary, #0D52DB);
}
.SearchForm__Container__SearchBtn a {
  display: flex;
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__SearchBtn {
    top: 12px;
    display: none !important;
  }
}
.SearchForm__Container__SearchBtn svg {
  color: white;
}
.SearchForm__Container__MobileSearchBtn {
  display: none;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__MobileSearchBtn {
    display: flex;
  }
}
.SearchForm__Container__MobileSearchBtn .searchBtn {
  border-radius: 14px;
  background: var(--color-blue-primary, #0D52DB);
  position: absolute;
  width: 290px;
  color: var(--color-white, #ffffff);
  margin-top: 20px;
  height: 40px;
  width: 100%;
}
.SearchForm__Container__MobileSearchBtn .searchBtn:hover {
  background-color: var(--color-blue-primary, #0D52DB);
}
.SearchForm__Container__MobileSearchBtn .searchBtn:focus-visible {
  background-color: var(--color-blue-primary, #0D52DB);
}
.SearchForm__Container__MobileSearchBtn .searchBtn:focus-within {
  background-color: var(--color-blue-primary, #0D52DB);
  opacity: 1;
}
.SearchForm__Container__MobileSearchBtn .searchBtn .text {
  color: var(--color-white, #ffffff);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__TravelLocation {
    border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
    width: 100%;
  }
}
.SearchForm__Container__TravelLocation__AutoComplete {
  width: 300px !important;
}
.SearchForm__Container__TravelLocation__AutoComplete .MuiAutocomplete-endAdornment {
  display: none;
}
.SearchForm__Container__TravelLocation__AutoComplete .MuiInputBase-root {
  border-radius: 28px !important;
  padding: 10px 26px !important;
  color: var(--color-natural-900, #0F172A);
  height: 63px !important;
}
@media only screen and (max-width: 768px) {
  .SearchForm__Container__TravelLocation__AutoComplete .MuiInputBase-root {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__TravelLocation__AutoComplete .MuiInputBase-root {
    padding: 5px 10px !important;
  }
}
.SearchForm__Container__TravelLocation__AutoComplete .MuiOutlinedInput-notchedOutline {
  border: none;
}
.SearchForm__Container__TravelLocation__AutoComplete .MuiInputBase-input .MuiOutlinedInput-input::placeholder {
  color: var(--color-natural-900, #0F172A);
}
.SearchForm__Container__TravelLocation__AutoComplete .Mui-focused .MuiOutlinedInput-notchedOutline {
  border-radius: 31px;
  box-shadow: 0px 4px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__TravelLocation__AutoComplete .Mui-focused .MuiOutlinedInput-notchedOutline {
    box-shadow: unset;
    border: unset;
  }
}
@media only screen and (max-width: 1280px) {
  .SearchForm__Container__TravelLocation__AutoComplete {
    width: 342px;
  }
}
@media only screen and (max-width: 1024px) {
  .SearchForm__Container__TravelLocation__AutoComplete {
    width: 270px !important;
  }
}
@media (max-width: 830px) {
  .SearchForm__Container__TravelLocation__AutoComplete {
    width: 236px !important;
  }
}
@media only screen and (max-width: 768px) {
  .SearchForm__Container__TravelLocation__AutoComplete {
    width: 222px !important;
  }
}
@media only screen and (max-width: 640px) {
  .SearchForm__Container__TravelLocation__AutoComplete {
    width: 100% !important;
  }
}
.SearchForm__Container .origin .SearchForm__Container__TravelLocation__AutoComplete {
  width: 300px;
}
.SearchForm .TravelersContainer {
  width: 254px;
}
@media only screen and (max-width: 640px) {
  .SearchForm .TravelersContainer {
    border-bottom: none !important;
  }
}
.SearchForm .TravelersContainer,
.SearchForm .DurationContainer {
  width: 200px;
}
@media only screen and (max-width: 640px) {
  .SearchForm .TravelersContainer,
  .SearchForm .DurationContainer {
    border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
    width: 100%;
  }
}
.SearchForm .TravelersContainer .MuiAutocomplete-inputRoot,
.SearchForm .DurationContainer .MuiAutocomplete-inputRoot {
  border-radius: 28px !important;
  padding-right: 20px !important;
  height: 63px !important;
}
@media only screen and (max-width: 640px) {
  .SearchForm .TravelersContainer .MuiAutocomplete-inputRoot,
  .SearchForm .DurationContainer .MuiAutocomplete-inputRoot {
    padding: 5px 10px !important;
    height: 51px !important;
  }
}
.SearchForm .TravelersContainer .MuiOutlinedInput-notchedOutline,
.SearchForm .DurationContainer .MuiOutlinedInput-notchedOutline {
  border: none;
}
.SearchForm .TravelersContainer .Mui-focused .MuiOutlinedInput-notchedOutline,
.SearchForm .DurationContainer .Mui-focused .MuiOutlinedInput-notchedOutline {
  border-radius: 31px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  box-shadow: 0px 4px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
}
@media only screen and (max-width: 640px) {
  .SearchForm .TravelersContainer .Mui-focused .MuiOutlinedInput-notchedOutline,
  .SearchForm .DurationContainer .Mui-focused .MuiOutlinedInput-notchedOutline {
    box-shadow: unset !important;
    border: unset;
  }
}
.SearchForm .TravelersContainer .MuiAutocomplete-clearIndicator,
.SearchForm .DurationContainer .MuiAutocomplete-clearIndicator {
  display: none;
}
.SearchForm .TravelersContainer .css-1glvl0p-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-clearIndicator,
.SearchForm .DurationContainer .css-1glvl0p-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-clearIndicator {
  display: none;
}

.TravelLocationDropdown {
  width: 647px;
  background-color: var(--color-white, #ffffff);
  border-radius: 16px;
  box-shadow: 0px 4px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
  margin-top: 8px;
}
@media only screen and (max-width: 640px) {
  .TravelLocationDropdown {
    width: 100%;
  }
}
.TravelLocationDropdown .MuiAutocomplete-option {
  padding: 0%;
}
.TravelLocationDropdown ul {
  padding: 0%;
}
.TravelLocationDropdown ul .MuiAutocomplete-option {
  padding: 0%;
}
.TravelLocationDropdown ul .MuiAutocomplete-option div {
  width: 100%;
}
.TravelLocationDropdown ::-webkit-scrollbar {
  display: none;
}
.TravelLocationDropdown__Heading {
  color: #027A02;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 0px !important;
  padding: 17px 16px;
  margin-bottom: 5px;
}

.DurationContainerDropdown {
  width: 295px;
  background-color: var(--color-white, #ffffff);
  border-radius: 16px;
  box-shadow: 0px 4px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
  margin-top: 8px;
}
@media only screen and (max-width: 640px) {
  .DurationContainerDropdown {
    width: 100%;
  }
}
.DurationContainerDropdown ul {
  padding: 0%;
}
.DurationContainerDropdown .MuiAutocomplete-option {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 10px 20px;
}
.DurationContainerDropdown .MuiAutocomplete-option p {
  font-weight: 300;
  color: var(--color-natural-900, #0F172A);
}

.Location {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 10px 20px;
}
.Location:hover {
  background-color: rgba(25, 118, 210, 0.08);
}
@media only screen and (max-width: 640px) {
  .Location {
    padding: 10px 8px;
  }
}
.Location__Text {
  font-size: 14px;
  color: var(--color-natural-900, #0F172A);
  margin-right: 3px;
  font-weight: 300;
}
@media only screen and (max-width: 640px) {
  .Location__Text {
    font-size: 12px;
  }
}
.Location__Label {
  color: var(--color-natural-900, #0F172A);
  font-weight: 300;
}
.Location__Price {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 18px;
  font-weight: 500;
}
.Location__Currency {
  font-size: 14px;
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 500;
}

.Placeholder {
  opacity: 0.4;
}

.AddScroll {
  overflow-y: scroll;
  height: 358px;
}

.Travelers {
  width: 351px;
  background-color: var(--color-white, #ffffff);
  border-radius: 16px;
  box-shadow: 0px 4px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
  margin-top: 8px;
  position: absolute !important;
  z-index: 9999;
  right: 0;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.Travelers::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .Travelers {
    width: 340px;
  }
}
@media only screen and (max-width: 768px) {
  .Travelers {
    width: 190px;
  }
}
@media only screen and (max-width: 768px) {
  .Travelers {
    width: 100%;
  }
}
.Travelers__RoomLabel {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  padding: 5px 16px;
  margin-top: 10px;
}
.Travelers__Options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 5px 16px;
}
.Travelers__Options__Label {
  font-size: 16px;
  font-weight: 300;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 640px) {
  .Travelers__Options__Label {
    font-size: 14px;
  }
}
.Travelers__Options .MuiIconButton-root {
  color: var(--color-blue-light, #60A5FA) !important;
}
.Travelers__Options__Count {
  font-size: 16px;
  font-weight: 300;
  color: var(--color-natural-900, #0F172A);
}
.Travelers__AddBtn {
  font-size: 14px !important;
  color: var(--color-blue-primary, #0D52DB) !important;
  padding-left: 16px !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.TravelInputField {
  width: 254px;
  padding: 9px;
  height: 51px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.00938em;
  cursor: pointer;
}
@media only screen and (max-width: 1280px) {
  .TravelInputField {
    width: 254px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .TravelInputField {
    width: 200px !important;
  }
}
@media only screen and (max-width: 640px) {
  .TravelInputField {
    width: 100% !important;
    padding-left: 15px;
    justify-content: space-between;
  }
}

.TravelrsFocused {
  border-radius: 28px;
  box-shadow: 0px 1px 8px 0px var(--color-boxShadow-1, rgba(0, 0, 0, 0.3019607843));
  padding-right: 20px;
  background-color: var(--color-white, #ffffff);
  width: 254px;
  padding: 9px;
  height: 63px;
}
@media only screen and (max-width: 640px) {
  .TravelrsFocused {
    width: 100%;
    padding-left: 17px;
    box-shadow: none;
  }
}

.iconMargin {
  margin-left: 64px;
  opacity: 0.6;
  margin-top: 5px;
}
@media only screen and (max-width: 1280px) {
  .iconMargin {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .iconMargin {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 640px) {
  .iconMargin {
    margin-left: 0px;
  }
}

.DateRangePicker_picker__portal {
  z-index: 9999999 !important;
}

.FormContent__Top {
  display: flex;
  margin-bottom: 16px;
  position: relative;
  justify-content: space-between;
  gap: 0 18px;
}
@media only screen and (max-width: 768px) {
  .FormContent__Top {
    flex-wrap: wrap;
  }
}
.FormContent__Top__Left {
  display: flex;
  align-items: center;
  width: 70%;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .FormContent__Top__Left {
    width: 100%;
    margin-bottom: 15px;
  }
}
.FormContent__Top__Left .btn-change {
  background-color: transparent;
  border: none;
  margin-right: 30px;
  margin-left: 30px;
  padding: 0;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.FormContent__Top__Left .addTravellersContent {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
}
.FormContent__Top__Left .addTravellersContent__Left {
  display: flex;
  align-items: center;
}
.FormContent__Top__Left .addTravellersContent__Left .icon {
  margin-right: 0.75rem;
}
.FormContent__Top__Left .addTravellersContent__Left .ri {
  margin-right: 0.75rem;
  font-size: 1.25rem;
}
.FormContent__Top__Left .addTravellersContent__Left .title {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  font-style: normal;
}
.FormContent__Top__Left.cutsomStyle {
  width: 0;
  height: 73px;
  border: none;
}
.FormContent__Top__Right {
  width: 40%;
  display: flex;
  align-items: center;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .FormContent__Top__Right {
    width: 100%;
    margin-bottom: 15px;
  }
}
.FormContent__Top__Right .inputDate {
  width: 100%;
}
.FormContent__Top__Right .inputDate .DateRangePickerInput {
  padding-right: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.FormContent__Top__Right .inputDate .DateRangePickerInput .DateInput {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
}
.FormContent__Top__Right .inputDate .DateRangePickerInput .DateInput::before {
  padding: 0 0.5rem 0 1rem;
  position: relative;
  top: 2px;
}
.FormContent__Top__Right .inputDate .DateRangePickerInput .DateInput .DateInput_input {
  padding: 0;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  font-family: "Roboto";
}
.FormContent__Top__Right .inputDate .DateRangePickerInput .DateInput .DateInput_input::placeholder {
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.FormContent__Top__Right .inputDate .DateRangePickerInput .DateInput .DateInput_input__focused {
  border-bottom: none;
}
.FormContent__Top__Right .DateRangePicker_picker {
  left: inherit !important;
  right: 0 !important;
}
.FormContent__Top__Right .DateRangePicker_picker .CalendarDay__selected_start {
  background-color: var(--color-blue-primary, #0D52DB);
  border: 1px double var(--color-blue-primary, #0D52DB);
}
.FormContent__Top__Right .DateRangePicker_picker .CalendarDay__selected_span {
  background-color: var(--color-natural-100, #F1F5F9);
  border: 1px double var(--color-natural-400, #94A3B8);
  color: var(--color-natural-900, #0F172A);
}
.FormContent__Top__Right .DateRangePicker_picker .CalendarDay__hovered_span {
  background-color: var(--color-natural-100, #F1F5F9) !important;
  border: 1px double var(--color-natural-400, #94A3B8) !important;
  color: var(--color-natural-900, #0F172A);
}
.FormContent__Top__Right .DateRangePicker_picker .CalendarDay__selected_end {
  background-color: var(--color-blue-primary, #0D52DB);
  border: 1px double var(--color-blue-primary, #0D52DB);
}
.FormContent__Top__Right .transferDate {
  display: flex;
}
.FormContent__Top__Right .transferDate .TransferDateTimePicker .MuiOutlinedInput-notchedOutline {
  border: none;
}
.FormContent__Top__Right .transferDate .MuiFormLabel-root {
  font-size: 1rem !important;
  color: #334155;
  transition: all ease-in-out 0.2s;
}
.FormContent__Top__Right .transferDate .MuiFormLabel-root.Mui-focused {
  top: 5px !important;
  font-size: 1rem !important;
}
.FormContent__Top__Right .transferDate .MuiFormLabel-root.MuiFormLabel-filled {
  top: 5px !important;
  font-size: 1rem !important;
}
.FormContent__Top__Right .transferDate .MuiInputBase-input {
  font-size: 1rem !important;
  font-weight: 600 !important;
}
.FormContent__Top__Right .transferDate .MuiInputBase-input::placeholder {
  color: var(--color-natural-900, #0F172A) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}
.FormContent__Top__Right .TransferDateFirst {
  padding-left: 20px;
  position: relative;
}
.FormContent__Top__Right .TransferDateFirst .MuiFormLabel-root {
  margin-left: 1rem;
}
.FormContent__Top__Right .TransferDateFirst::after {
  padding: 0 0.5rem 0 1rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'  viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM8 13V15H6V13H8ZM13 13V15H11V13H13ZM18 13V15H16V13H18ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  top: 19px;
  left: -7px;
}
.FormContent__Top__Right .separat {
  background-color: #E2E8F0;
  display: block;
  width: 1px;
  height: 24px;
  margin: auto;
}
.FormContent__Top__Right .SingleDatePicker .DateInput {
  width: 80%;
}
.FormContent__Top__Right .SingleDatePicker .DateInput .DateInput_input {
  font-size: 1rem !important;
  font-weight: 600 !important;
}
.FormContent__Top__Right .SingleDatePicker .DateInput .DateInput_input::placeholder {
  color: var(--color-natural-900, #0F172A) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}
.FormContent__Top__Right .SingleDatePicker .DateInput .DateInput_input__focused {
  border: none;
}
.FormContent__Top__Delete {
  width: 2%;
}
.FormContent__Top .customWidth {
  width: 100%;
}
.FormContent__Top .customWidth .active {
  width: 100%;
}
.FormContent__Top .w-30 {
  width: 28%;
}
.FormContent__Top .w-100 {
  width: 100%;
}
.FormContent__Top .w-35 {
  width: 35%;
}
.FormContent__Top .w-140 {
  width: 140%;
}
.FormContent__Top .w-120 {
  width: 120%;
}
.FormContent__Top .w-150 {
  width: 150%;
}
.FormContent__multi-city .FormContent__Top .delete {
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  top: 22px;
}
.FormContent__multi-city .BtnaddFlight {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  color: var(--color-blue-primary, #0D52DB);
  padding: 12px 18px;
  margin-bottom: 0.5rem;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
}
.FormContent__Bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .FormContent__Bottom {
    flex-wrap: wrap;
  }
}
.FormContent__Bottom .Button {
  background-color: var(--color-natural-300, #CBD5E1);
  padding: 12px 18px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  color: #334155;
  cursor: pointer;
  margin-right: 8px;
}
.FormContent__Bottom .Button:last-of-type {
  margin-right: 0;
}
.FormContent__Bottom .Button.active {
  transition: all ease-in-out 0.3s;
  background-color: var(--color-yellow-primary, #FFCC00);
  color: var(--color-natural-900, #0F172A);
}
.FormContent__Bottom__Left {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .FormContent__Bottom__Left {
    width: 100%;
    margin-bottom: 15px;
  }
}
.FormContent__Bottom__Left__ChooseTrip {
  width: 100%;
}
.FormContent__Bottom__Left__Select {
  margin-left: 16px;
  display: flex;
  align-items: center;
  position: relative;
}
.FormContent__Bottom__Left .w-auto {
  width: auto;
}
.FormContent__Bottom__Left .ml-0 {
  margin-left: 0;
}
.FormContent__Bottom__Left .HowLong {
  display: flex;
  align-items: center;
}
.FormContent__Bottom__Left .HowLong .title {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin-right: 1rem;
}
.FormContent__Bottom__Left .HowLong .btn-select {
  background-color: var(--color-natural-300, #CBD5E1);
  border: none;
  padding: 0.75rem 1rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  cursor: pointer;
}
.FormContent__Bottom__Left .HowLong .btn-select input[type=radio] {
  display: none;
}
.FormContent__Bottom__Left .HowLong .btn-select:has(input[type=radio]:checked) {
  background-color: var(--color-yellow-primary, #FFCC00);
  color: var(--color-natural-900, #0F172A);
}
.FormContent__Bottom__Left__Nationality {
  margin-right: 0.5rem;
}
.FormContent__Bottom__Left__Nationality .MuiInputBase-root {
  width: 250px !important;
  height: 50px;
}
.FormContent__Bottom__Left__Nationality .MuiSelect-select {
  padding: 12px;
}
.FormContent__Bottom__Left__Nationality .MuiOutlinedInput-notchedOutline {
  top: 0;
}
.FormContent__Bottom__Left .Cabin {
  margin-left: 0.5rem;
}
.FormContent__Bottom__Right {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .FormContent__Bottom__Right {
    width: 100%;
    margin-bottom: 15px;
    justify-content: space-between;
  }
}
.FormContent__Bottom__Right .MuiFormControlLabel-root .MuiFormControlLabel-label {
  font-size: 14px;
  color: #0F172A;
}
.FormContent__Bottom__Right .MuiFormControlLabel-root .MuiButtonBase-root {
  color: var(--color-natural-200, #E2E8F0);
}
.FormContent__Bottom__Right .MuiFormControlLabel-root .MuiButtonBase-root.Mui-checked {
  color: var(--color-blue-primary, #0D52DB);
}

.DateRangePicker_picker .DayPicker_transitionContainer {
  height: 404px !important;
}
@media only screen and (max-width: 768px) {
  .DateRangePicker_picker .DayPicker_transitionContainer {
    height: inherit !important;
  }
}
.DateRangePicker_picker .CalendarDay__selected_start {
  background-color: var(--color-blue-primary, #0D52DB) !important;
  border: 1px double var(--color-blue-primary, #0D52DB) !important;
}
.DateRangePicker_picker .CalendarDay__selected_span {
  background-color: var(--color-natural-100, #F1F5F9);
  border: 1px double var(--color-natural-400, #94A3B8);
  color: var(--color-natural-900, #0F172A);
}
.DateRangePicker_picker .CalendarDay__hovered_span {
  background-color: var(--color-natural-100, #F1F5F9) !important;
  border: 1px double var(--color-natural-400, #94A3B8) !important;
  color: var(--color-natural-900, #0F172A);
}
.DateRangePicker_picker .CalendarDay__selected_end {
  background-color: var(--color-blue-primary, #0D52DB);
  border: 1px double var(--color-blue-primary, #0D52DB);
}

.DayPicker_focusRegion .CalendarDay__selected {
  background-color: var(--color-blue-primary, #0D52DB);
}
.DayPicker_focusRegion .CalendarDay__selected div {
  color: var(--color-white, #ffffff);
}
.DayPicker_focusRegion .CalendarDay__selected div p {
  color: var(--color-white, #ffffff);
}
.DayPicker_focusRegion .CalendarDay__selected:hover {
  background-color: var(--color-blue-primary, #0D52DB);
}

.Home {
  margin-top: 48px;
  max-width: 1400px;
  margin: 48px auto 0;
}
.Home .home_Container .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}
.Home .home_Container .header .section-title {
  margin: 0;
}
.Home .home_Container .header .header-content .info {
  margin: 0;
  color: var(--color-natural-600, #475569);
  font-size: 1rem;
}
.Home .home_Container .header .seeAll .linkSeeAll {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .Home .home_Container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.Home .section-title {
  font-size: 1.357rem;
  font-weight: 600;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  color: var(--color-natural-900, #0F172A);
}
.Home .section-title span {
  color: var(--color-blue-primary, #0D52DB);
}
.Home .flitghHome-Tabs {
  margin-bottom: 24px;
  display: flex;
  gap: 0 8px;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
}
.Home .flitghHome-Tabs > * {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.Home .flitghHome-Tabs::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Home .flitghHome-Tabs .flitghHome-Tabs-Tab {
  background-color: var(--color-natural-100, #F1F5F9);
  padding: 8px 16px;
  border-radius: 4px;
  color: var(--color-natural-900, #0F172A);
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.Home .flitghHome-Tabs .flitghHome-Tabs-Tab.active {
  background-color: var(--color-blue-primary, #0D52DB);
}
.Home .flitghHome-Tabs .flitghHome-Tabs-Tab.active .tab-name {
  color: var(--color-white, #ffffff);
}
.Home .flightDeels__Content {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 1.25rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .Home .flightDeels__Content {
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 640px) {
  .Home .flightDeels__Content {
    grid-template-columns: auto;
  }
}
.Home .flightDeels__Content__Card {
  border-radius: 12px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
  width: 100%;
}
.Home .flightDeels__Content__Card .sellOut,
.Home .flightDeels__Content__Card .top,
.Home .flightDeels__Content__Card .lowPrice {
  background-color: var(--color-green-primary, #00AC6B);
  padding: 0.25rem;
  color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: absolute;
  top: 1rem;
  left: 15px;
  z-index: 999;
}
.Home .flightDeels__Content__Card .sellOut img,
.Home .flightDeels__Content__Card .top img,
.Home .flightDeels__Content__Card .lowPrice img {
  margin-right: 0.5rem;
}
.Home .flightDeels__Content__Card__Image {
  width: 100%;
  height: 14.625rem;
  border-radius: 12px;
  position: relative;
  display: block;
}
.Home .flightDeels__Content__Card__Image .imgCard {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  object-fit: cover;
}
.Home .flightDeels__Content__Card__Info {
  padding: 20px;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .Home .flightDeels__Content__Card__Info {
    padding-bottom: 0;
  }
}
.Home .flightDeels__Content__Card__Info .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.5rem;
}
.Home .flightDeels__Content__Card__Info .location {
  display: flex;
  align-items: center;
  margin: 0;
  margin-bottom: 8px;
  color: var(--color-natural-900, #0F172A);
}
.Home .flightDeels__Content__Card__Info .location span {
  font-size: 18px;
  font-weight: 500;
}
.Home .flightDeels__Content__Card__Info .location img {
  margin: 0 8px;
}
.Home .flightDeels__Content__Card__Info .infoTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Home .flightDeels__Content__Card__Info .infoTop .check {
  font-size: 0.75rem;
  margin: 0;
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: var(--color-natural-600, #475569);
}
.Home .flightDeels__Content__Card__Info .infoTop .ri-star-fill {
  color: var(--color-yellow-primary, #FFCC00);
}
.Home .flightDeels__Content__Card__Info .rountTrip {
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
}
.Home .flightDeels__Content__Card__Info .price {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.75rem;
  font-weight: 400;
}
.Home .flightDeels__Content__Card__Info .price .total {
  font-size: 1.125rem;
  font-weight: 600;
}
.Home .flightDeels__Content__Card .boxLoding {
  height: 14.625rem;
}
.Home .popularDestinations {
  margin-top: 1.75rem;
  padding: 2.5rem 0 4rem 0;
  background-color: var(--color-natural-100, #F1F5F9);
}
.Home .popularDestinations .flitghHome-Tabs .flitghHome-Tabs-Tab {
  background-color: var(--color-white, #ffffff);
}
.Home .popularDestinations .flitghHome-Tabs .flitghHome-Tabs-Tab.active {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.Home .popularDestinations__Container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  gap: 1.31rem 0.94rem;
}
@media only screen and (max-width: 768px) {
  .Home .popularDestinations__Container {
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 640px) {
  .Home .popularDestinations__Container {
    grid-template-columns: auto;
  }
}
.Home .popularDestinations__Container__Content .name {
  font-size: 0.84769rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  cursor: pointer;
}
.Home .continueNextTravel__Content .slick-slide > div {
  padding-right: 10px;
}
.Home .continueNextTravel__Content .slick-arrow {
  display: none !important;
}
.Home .continueNextTravel__Content .slick-track {
  margin-right: inherit;
  margin-left: inherit;
}
.Home .continueNextTravel__Content__Card {
  padding: 0.75rem;
  background-color: var(--color-natural-50, #F8FAFC);
  min-width: 12.37rem;
  border-radius: 0.5rem;
  direction: ltr;
}
@media only screen and (max-width: 640px) {
  .Home .continueNextTravel__Content__Card {
    width: 100%;
  }
}
.Home .continueNextTravel__Content__Card__Top .location {
  display: flex;
  align-items: center;
  margin: 0;
  margin-bottom: 0.5rem;
  color: var(--color-natural-900, #0F172A);
}
.Home .continueNextTravel__Content__Card__Top .location span {
  font-size: 18px;
  font-weight: 500;
}
.Home .continueNextTravel__Content__Card__Top .location img {
  margin: 0 8px;
}
.Home .continueNextTravel__Content__Card__Center .tripType {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
.Home .continueNextTravel__Content__Card__Bottom {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.5rem 1rem;
}
.Home .continueNextTravel__Content__Card__Bottom__Left {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.Home .continueNextTravel__Content__Card__Bottom__Left .date {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  font-weight: 400;
}
.Home .continueNextTravel__Content__Card__Bottom__Right {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.Home .continueNextTravel__Content__Card__Bottom__Right .person {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  font-weight: 400;
}
.Home .airlineCompanies__Content {
  display: flex;
  justify-content: space-between;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
  scroll-behavior: smooth;
  cursor: pointer;
}
.Home .airlineCompanies__Content > * {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.Home .airlineCompanies__Content::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Home .airlineCompanies__Content__Box {
  width: 5rem;
  height: 5rem;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.3s;
}
.Home .airlineCompanies__Content__Box img {
  width: 4rem;
  height: 4rem;
}
.Home .airlineCompanies__Content__Box .boxLoding {
  width: 4rem;
  height: 4rem;
}
.Home .SearchComplete__Content .slick-slide > div {
  padding-right: 10px;
}
.Home .SearchComplete__Content .slick-arrow {
  display: none !important;
}
.Home .SearchComplete__Content .slick-track {
  margin-right: inherit;
  margin-left: inherit;
}
@media only screen and (max-width: 640px) {
  .Home .SearchComplete__Content {
    flex-wrap: wrap;
  }
}
.Home .SearchComplete__Content__Card {
  padding: 0.5rem;
  background-color: var(--color-natural-50, #F8FAFC);
  display: flex;
  border-radius: 0.5rem;
  direction: ltr;
}
@media only screen and (max-width: 640px) {
  .Home .SearchComplete__Content__Card {
    width: 100%;
  }
}
.Home .SearchComplete__Content__Card .img {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 0.5rem;
  margin-right: 0.5rem;
}
.Home .SearchComplete__Content__Card .Info img {
  margin-right: 0.5rem;
}
.Home .SearchComplete__Content__Card .Info__Top {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
.Home .SearchComplete__Content__Card .Info__Top .title {
  font-size: 1.125rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.Home .SearchComplete__Content__Card .Info__Ceneter {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: var(--color-natural-600, #475569);
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.Home .SearchComplete__Content__Card .Info__Bottom {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.Home .SearchComplete__Content__Card .Info__Bottom__Left, .Home .SearchComplete__Content__Card .Info__Bottom__Right {
  display: flex;
  align-items: center;
}
.Home .SearchComplete__Content__Card .Info__Bottom__Left .title, .Home .SearchComplete__Content__Card .Info__Bottom__Right .title {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
}
.Home .luxuryBannar {
  height: 301px;
  position: relative;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  border-radius: 2px;
  overflow: hidden;
}
.Home .luxuryBannar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-natural-900, #0F172A);
  border-radius: 2px;
  opacity: 0.3;
}
.Home .luxuryBannar .background {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}
.Home .luxuryBannar .box-info {
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translateY(-50%);
  z-index: 99;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .Home .luxuryBannar .box-info {
    left: 17PX;
  }
}
.Home .luxuryBannar .box-info .title {
  color: var(--color-white, #ffffff);
  font-size: 40px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .Home .luxuryBannar .box-info .title {
    width: 90%;
  }
}
.Home .luxuryBannar .box-info .sub-title {
  color: var(--color-white, #ffffff);
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .Home .luxuryBannar .box-info .sub-title {
    width: 90%;
  }
}

.bannar-full {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}
.bannar-full .FacilitatesTravels {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 320px;
  background-attachment: fixed;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bannar-full .FacilitatesTravels::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-natural-900, #0F172A);
  opacity: 0.5;
}
.bannar-full .FacilitatesTravels .info {
  z-index: 99;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .bannar-full .FacilitatesTravels .info {
    padding: 1rem;
  }
}
.bannar-full .FacilitatesTravels .info .title {
  color: var(--color-white, #ffffff);
  font-size: 50px;
  margin: 0;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .bannar-full .FacilitatesTravels .info .title {
    font-size: 40px;
  }
}
.bannar-full .FacilitatesTravels .info .sub-title {
  color: var(--color-white, #ffffff);
  font-size: 1.1rem;
  margin: 0;
}

.addTravellersPopup {
  display: flex;
  align-items: center;
  justify-content: center;
  top: -183px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .addTravellersPopup {
    top: -78px;
  }
}
@media (min-width: 1200px) and (max-width: 3000px) {
  .addTravellersPopup {
    top: -78px;
  }
}
@media only screen and (max-width: 1536px) {
  .addTravellersPopup {
    top: -78px !important;
  }
}
@media (min-width: 1536px) and (max-width: 3000px) {
  .addTravellersPopup {
    top: -426px;
  }
}
.addTravellersPopup .box-content {
  outline: none;
}
.addTravellersPopup .box-content .box-container {
  background-color: var(--color-white, #ffffff);
  width: 23.625rem;
  border-radius: 0.5rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .addTravellersPopup .box-content .box-container {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.addTravellersPopup .box-content .box-container__Header {
  display: flex;
}
.addTravellersPopup .box-content .box-container__Header .btn-close {
  background-color: transparent;
  border: none;
  width: max-content;
  margin-left: auto;
  cursor: pointer;
  padding: 1.5rem;
  padding-bottom: 0;
}
.addTravellersPopup .box-content .box-container__content {
  max-height: 70vh;
  overflow-y: auto;
  padding-top: 0;
  padding: 1.5rem;
  padding-bottom: 3rem;
}
.addTravellersPopup .box-content .box-container__content::-webkit-scrollbar {
  width: 5px;
}
.addTravellersPopup .box-content .box-container__content {
  /* Track */
}
.addTravellersPopup .box-content .box-container__content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.addTravellersPopup .box-content .box-container__content {
  /* Handle */
}
.addTravellersPopup .box-content .box-container__content::-webkit-scrollbar-thumb {
  background: var(--color-natural-100, #F1F5F9);
}
.addTravellersPopup .box-content .box-container__content {
  /* Handle on hover */
}
.addTravellersPopup .box-content .box-container__content::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.addTravellersPopup .box-content .box-container__content .room-info {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  display: block;
}
.addTravellersPopup .box-content .box-container__content .room-info__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.addTravellersPopup .box-content .box-container__content .room-info__header .btn-delete {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}
.addTravellersPopup .box-content .box-container__content .room-info:first-of-type .btn-delete {
  display: none;
}
.addTravellersPopup .box-content .box-container__content .room-info__choose {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.addTravellersPopup .box-content .box-container__content .room-info__choose .info {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.addTravellersPopup .box-content .box-container__content .room-info__choose .info span {
  color: var(--color-natural-500, #64748B);
  font-weight: 400;
  margin-left: 0.5rem;
}
.addTravellersPopup .box-content .box-container__content .room-info__choose .Count {
  display: flex;
  align-items: center;
}
.addTravellersPopup .box-content .box-container__content .room-info__choose .Count input[type=number] {
  width: 32px;
  margin: 0 8px;
  text-align: center;
  padding: 0;
  border: none;
  font-size: 16px;
  color: #334155;
  font-weight: 400;
}
.addTravellersPopup .box-content .box-container__content .room-info__choose .Count input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.addTravellersPopup .box-content .box-container__content .room-info__choose .Count input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.addTravellersPopup .box-content .box-container__content .room-info__choose .Count input[type=number]:focus {
  outline: none;
}
.addTravellersPopup .box-content .box-container__content .room-info__choose .Count .btn-count {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background-color: #F1F5F9;
  border: none;
  padding: 0;
  cursor: pointer;
}
.addTravellersPopup .box-content .box-container__content .room-info__age .allSelect {
  margin-top: 0.5rem;
}
.addTravellersPopup .box-content .box-container__content .room-info__age .allSelect .MuiFormControl-root {
  display: flex;
  flex-direction: row;
}
.addTravellersPopup .box-content .box-container__content .room-info__age .allSelect .MuiFormControl-root .MuiInputBase-root {
  margin-right: 0.5rem;
}
.addTravellersPopup .box-content .box-container__content .room-info__age .allSelect .MuiFormControl-root .MuiInputBase-root .MuiSelect-select {
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  width: 3.8125rem;
}
.addTravellersPopup .box-content .box-container__content .hr {
  width: 100%;
  height: 1px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  margin: 1rem 0;
}
.addTravellersPopup .box-content .box-container__content .box-footer {
  position: absolute;
  bottom: 0px;
  left: 15px;
  right: 15px;
  padding-bottom: 10px;
  background-color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.addTravellersPopup .box-content .box-container__content .box-footer .btn-addRoom {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
}
.addTravellersPopup .box-content .box-container__content .box-footer .btn-addRoom img {
  margin-right: 0.5rem;
}
.addTravellersPopup .box-content .box-container__content .box-footer .btn-apply {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  border-radius: 0.5rem;
  padding: 0.88rem 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
}
.addTravellersPopup.hideTitle .room-info__header .title {
  display: none;
}
.addTravellersPopup.hideTitle .room-info__age {
  display: none !important;
}
.addTravellersPopup.hideTitle .box-footer {
  justify-content: flex-end !important;
}
.addTravellersPopup.hideTitle .box-footer .btn-addRoom {
  display: none !important;
}

.flightResult {
  min-height: 100vh;
  background-color: var(--color-natural-100, #F1F5F9);
  padding-top: 1rem;
}
@media only screen and (max-width: 768px) {
  .flightResult {
    padding: 0;
  }
}
.flightResult .ResultFormSearch {
  margin: 0 5rem;
}
@media only screen and (max-width: 768px) {
  .flightResult .ResultFormSearch {
    margin: 0;
  }
}
.flightResult .ResultFormSearch .boxFormSearch {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-bottom: 1px solid #E2E8F0;
}
@media only screen and (max-width: 768px) {
  .flightResult .ResultFormSearch .boxFormSearch {
    display: none;
  }
}
.flightResult .ResultFormSearch .boxFormSearch__mobile {
  border-top: 1px solid var(--color-natural-300, #CBD5E1);
  background-color: var(--color-blue-primary, #0D52DB);
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  display: none;
}
@media only screen and (max-width: 768px) {
  .flightResult .ResultFormSearch .boxFormSearch__mobile {
    display: flex;
  }
}
.flightResult .ResultFormSearch .boxFormSearch__mobile__content {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.flightResult .ResultFormSearch .boxFormSearch__mobile__content__info .title {
  font-size: 0.99563rem;
  color: var(--color-white, #ffffff);
  margin: 0;
  margin-bottom: 0.12rem;
  display: flex;
  align-items: center;
}
.flightResult .ResultFormSearch .boxFormSearch__mobile__content__info .title .arrowLeft {
  margin-left: 0.3rem;
  transform: rotate(180deg);
  margin-right: -0.2rem;
}
.flightResult .ResultFormSearch .boxFormSearch__mobile__content__info .title .arrowRight {
  margin-right: 0.3rem;
  margin-left: -0.2rem;
}
.flightResult .ResultFormSearch .boxFormSearch__mobile__content__info .date {
  margin: 0;
  color: var(--color-white, #ffffff);
  font-size: 0.93313rem;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
}
.flightResult .ResultFormSearch .boxFormSearch__mobile__content__info .date .arrowLeft {
  margin-left: 0.3rem;
  transform: rotate(180deg);
  margin-right: -0.2rem;
}
.flightResult .ResultFormSearch .boxFormSearch__mobile__content__info .date .arrowRight {
  margin-right: 0.3rem;
  margin-left: -0.2rem;
}
.flightResult .ResultFormSearch .boxFormSearch__mobile .btn-edit {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.flightResult__Container {
  padding: 2rem 5rem;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container {
    padding: 2rem 1rem;
  }
}
.flightResult__Container {
  display: flex;
  gap: 0 1.25rem;
}
.flightResult__Container .filterResult {
  width: 19.0625rem;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .filterResult {
    display: none;
  }
}
.flightResult__Container .filterResult .title {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin: 0;
  margin-bottom: 1.25rem;
}
.flightResult__Container .filterResult__Content {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.5rem;
  padding: 1rem;
}
.flightResult__Container .filterResult__Content .section-title {
  font-size: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.flightResult__Container .filterResult__Content .filter-box {
  display: flex;
  flex-direction: column;
}
.flightResult__Container .filterResult__Content .filter-box label span {
  text-transform: capitalize;
  font-size: 0.88875rem;
}
.flightResult__Container .filterResult__Content .filter-box .show-item {
  display: flex;
  flex-direction: column;
  animation: slideDown 0.5s ease-in-out forwards;
}
.flightResult__Container .filterResult__Content .filter-box .show_more,
.flightResult__Container .filterResult__Content .filter-box .show_less {
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
  font-weight: 400;
  margin-top: 5px;
}
.flightResult__Container .filterResult__Content .filter-box .show_more strong,
.flightResult__Container .filterResult__Content .filter-box .show_less strong {
  color: var(--color-blue-primary, #0D52DB);
}
.flightResult__Container .Results {
  width: calc(100% - 20.065rem);
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results {
    width: 100%;
  }
}
.flightResult__Container .Results .FilterAirline {
  display: flex;
  margin-bottom: 1.25rem;
}
.flightResult__Container .Results .FilterAirline .arrow {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 2.5rem;
  color: var(--color-natural-800, #1E293B);
  display: flex;
  align-items: center;
}
.flightResult__Container .Results .FilterAirline .arrow.left, .flightResult__Container .Results .FilterAirline .arrow.right {
  padding: 4px;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results .FilterAirline .arrow {
    display: none;
  }
}
.flightResult__Container .Results .FilterAirline .carousel-container {
  overflow: hidden !important;
  width: 100%;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
}
.flightResult__Container .Results .FilterAirline .carousel-container .embla__dots {
  display: none;
}
.flightResult__Container .Results .FilterAirline .carousel-container .card {
  background-color: var(--color-white, #ffffff);
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-right: 0.15rem;
  cursor: pointer;
}
.flightResult__Container .Results .FilterAirline .carousel-container .card .icon {
  width: 2rem;
  height: 2rem;
}
.flightResult__Container .Results .FilterAirline .carousel-container .card .details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
  width: 100%;
}
.flightResult__Container .Results .FilterAirline .carousel-container .card .details .div-input-checkbox {
  position: absolute;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results .FilterAirline .carousel-container .card .details .div-input-checkbox {
    right: -37px;
  }
}
.flightResult__Container .Results .FilterAirline .carousel-container .card .details .name {
  font-size: 0.75rem;
}
.flightResult__Container .Results .FilterAirline .carousel-container .card .details .price {
  font-size: 0.88875rem;
  font-weight: 600;
}
.flightResult__Container .Results .FilterAirline .carousel-container .card.active {
  background-color: var(--color-natural-100, #F1F5F9);
}
.flightResult__Container .Results__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.flightResult__Container .Results__header .pageNumber {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__header .pageNumber {
    display: none;
  }
}
.flightResult__Container .Results__header .btn-low-to-high {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 0 1rem;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__header .btn-low-to-high {
    flex-direction: row-reverse;
  }
}
.flightResult__Container .Results__header .selectSort {
  width: 220px !important;
  background-color: transparent;
  padding: 0;
}
.flightResult__Container .Results__header .selectSort .MuiSelect-select {
  padding: 0;
}
.flightResult__Container .Results__header .selectSort .MuiOutlinedInput-notchedOutline {
  border: none;
}
.flightResult__Container .Results__header .openSort {
  display: none;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__header .openSort {
    display: block;
  }
}
.flightResult__Container .Results__Content__Card {
  background-color: var(--color-white, #ffffff);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.flightResult__Container .Results__Content__Card__Content {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
.flightResult__Container .Results__Content__Card__Content .Original {
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.flightResult__Container .Results__Content__Card__Content .Expend {
  background-color: var(--color-natural-100, #F1F5F9);
  padding: 1rem;
  border-radius: 0.5rem;
  border-bottom: 0;
  display: none;
  margin-bottom: 2.5rem;
  position: relative;
}
.flightResult__Container .Results__Content__Card__Content .Expend::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-natural-200, #E2E8F0);
  position: absolute;
  bottom: -1rem;
  left: 0;
}
.flightResult__Container .Results__Content__Card__Content .Expend.show {
  display: block;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content .Expend .Original:first-of-type {
    border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
    padding-top: 0.5rem;
  }
  .flightResult__Container .Results__Content__Card__Content .Expend .Original {
    padding-bottom: 1rem;
    padding-top: 1.5rem;
  }
}
.flightResult__Container .Results__Content__Card__Content .dote {
  display: block;
  background-color: var(--color-natural-900, #0F172A);
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.25rem;
  border-radius: 50%;
}
.flightResult__Container .Results__Content__Card__Content__Left {
  width: 20%;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content__Left {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.flightResult__Container .Results__Content__Card__Content__Left .airlineInfo {
  display: flex;
  align-items: center;
}
.flightResult__Container .Results__Content__Card__Content__Left .airlineInfo .logo {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
}
.flightResult__Container .Results__Content__Card__Content__Left .airlineInfo__Content .airlinName {
  margin: 0;
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.25rem;
}
.flightResult__Container .Results__Content__Card__Content__Left .airlineInfo__Content .type {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  display: flex;
  align-items: center;
}
.flightResult__Container .Results__Content__Card__Content__Center {
  width: 50%;
  display: flex;
  gap: 0 1.5rem;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content__Center {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.flightResult__Container .Results__Content__Card__Content__Center .timeStart,
.flightResult__Container .Results__Content__Card__Content__Center .timeEnd {
  position: relative;
  text-align: center;
}
.flightResult__Container .Results__Content__Card__Content__Center .timeStart .date,
.flightResult__Container .Results__Content__Card__Content__Center .timeEnd .date {
  font-size: 0.7rem;
  width: max-content;
  margin: 0;
  font-weight: 400;
}
.flightResult__Container .Results__Content__Card__Content__Center .timeStart .time,
.flightResult__Container .Results__Content__Card__Content__Center .timeEnd .time {
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.flightResult__Container .Results__Content__Card__Content__Center .timeStart .code,
.flightResult__Container .Results__Content__Card__Content__Center .timeEnd .code {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.flightResult__Container .Results__Content__Card__Content__Center .timeStart .terminal,
.flightResult__Container .Results__Content__Card__Content__Center .timeEnd .terminal {
  font-size: 0.7rem;
  width: max-content;
  margin: 0;
  font-weight: 400;
}
.flightResult__Container .Results__Content__Card__Content__Center .timeStart::after {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-200, #E2E8F0);
  border-radius: 100%;
  position: absolute;
  top: 8px;
  right: -20px;
}
.flightResult__Container .Results__Content__Card__Content__Center .timeEnd::before {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-200, #E2E8F0);
  border-radius: 100%;
  position: absolute;
  top: 8px;
  left: -20px;
}
.flightResult__Container .Results__Content__Card__Content__Center .travel {
  width: 100%;
}
.flightResult__Container .Results__Content__Card__Content__Center .travel .flight-line {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.flightResult__Container .Results__Content__Card__Content__Center .travel .flight-line::after {
  content: "";
  display: block;
  width: 50%;
  height: 0.0625rem;
  background-color: var(--color-natural-200, #E2E8F0);
}
.flightResult__Container .Results__Content__Card__Content__Center .travel .flight-line::before {
  content: "";
  display: block;
  width: 50%;
  height: 0.0625rem;
  background-color: var(--color-natural-200, #E2E8F0);
}
.flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info {
    flex-wrap: wrap;
  }
}
.flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info .time,
.flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info .stops {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info .expand {
  padding: 0;
  background-color: transparent;
  border: none;
  color: var(--color-natural-900, #0F172A);
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info .expand {
    margin-top: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info .durationi {
    position: absolute;
    bottom: -9px;
    padding: 0 0.5rem;
    background: #F1F5F9;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info .stops {
    margin: 0;
    margin-top: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info .time {
    width: 100%;
    margin: 0;
    margin-top: 1rem;
    text-align: center;
  }
}
.flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info .dote {
  margin: 0 0.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info .dote {
    margin-top: 0.5rem;
  }
  .flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info .dote:first-of-type {
    display: none;
  }
}
.flightResult__Container .Results__Content__Card__Content__Right {
  width: 15%;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content__Right {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.flightResult__Container .Results__Content__Card__Content__Right .flightInfo {
  padding: 0.5rem 0.75rem;
  background-color: var(--color-natural-50, #F8FAFC);
  border-radius: 0.5rem;
  width: max-content;
  height: max-content;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content__Right .flightInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
.flightResult__Container .Results__Content__Card__Content__Right .flightInfo .planeInfo {
  margin-bottom: 0.38rem;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Content__Right .flightInfo .planeInfo {
    margin-bottom: 0;
  }
}
.flightResult__Container .Results__Content__Card__Content__Right .flightInfo .planeInfo,
.flightResult__Container .Results__Content__Card__Content__Right .flightInfo .package {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.flightResult__Container .Results__Content__Card__Content__Right .flightInfo .planeInfo .planeName,
.flightResult__Container .Results__Content__Card__Content__Right .flightInfo .planeInfo .packageInfo,
.flightResult__Container .Results__Content__Card__Content__Right .flightInfo .package .planeName,
.flightResult__Container .Results__Content__Card__Content__Right .flightInfo .package .packageInfo {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.75rem;
  font-weight: 400;
}
.flightResult__Container .Results__Content__Card__Booking {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  flex-wrap: wrap;
}
.flightResult__Container .Results__Content__Card__Booking__Left {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Booking__Left {
    width: 100%;
    margin-bottom: 0.5rem;
    justify-content: space-between;
  }
}
.flightResult__Container .Results__Content__Card__Booking__Left .Coupon,
.flightResult__Container .Results__Content__Card__Booking__Left .refund {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0 0.25rem;
  padding: 0.31rem 0.56rem;
}
.flightResult__Container .Results__Content__Card__Booking__Left .Coupon .title,
.flightResult__Container .Results__Content__Card__Booking__Left .refund .title {
  margin: 0;
  font-size: 0.8875rem;
  font-weight: 500;
  color: var(--color-natural-500, #64748B);
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Booking__Left .Coupon .title,
  .flightResult__Container .Results__Content__Card__Booking__Left .refund .title {
    font-size: 0.59563rem;
    line-height: 106%;
  }
}
.flightResult__Container .Results__Content__Card__Booking__Left .Coupon .btn-flightDetails,
.flightResult__Container .Results__Content__Card__Booking__Left .refund .btn-flightDetails {
  background-color: transparent;
  border: transparent;
  padding: 0;
  color: var(--color-purple-dark, #0D52DB);
  font-size: 1rem;
  margin-bottom: 0.25rem;
  cursor: pointer;
}
.flightResult__Container .Results__Content__Card__Booking__Left .refund .title {
  font-weight: 300;
}
.flightResult__Container .Results__Content__Card__Booking__Left .Coupon {
  background-color: var(--color-green-primary, #00AC6B);
  border-radius: 1.06rem;
}
.flightResult__Container .Results__Content__Card__Booking__Left .Coupon .title {
  color: var(--color-white, #ffffff);
  font-size: 0.88875rem;
  font-weight: 400;
}
.flightResult__Container .Results__Content__Card__Booking__Right {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Booking__Right {
    width: 100%;
    position: relative;
  }
}
.flightResult__Container .Results__Content__Card__Booking__Right .title {
  margin: 0;
}
.flightResult__Container .Results__Content__Card__Booking__Right .pricing-coins {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Booking__Right .pricing-coins {
    width: 100%;
  }
}
.flightResult__Container .Results__Content__Card__Booking__Right .price {
  margin: 0;
  font-size: 1.80188rem;
  font-weight: 500;
  margin-right: 1.5rem;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Booking__Right .price {
    margin-right: 0;
    width: 100%;
    font-size: 1.20938rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    margin-left: 0.5rem;
  }
}
.flightResult__Container .Results__Content__Card__Offers {
  display: block;
  gap: 0 0.5rem;
  margin-top: 1rem;
  display: none;
}
.flightResult__Container .Results__Content__Card__Offers.show {
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Offers {
    flex-direction: column;
  }
}
.flightResult__Container .Results__Content__Card__Offers .slick-slide {
  padding-right: 0.5rem;
}
.flightResult__Container .Results__Content__Card__Offers .slider-btn {
  justify-content: center;
  margin-bottom: 1rem;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer {
  width: 100%;
  padding: 1rem;
  border-radius: 0.38rem;
  border: 2px solid var(--color-natural-300, #CBD5E1);
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Offers .box-offer {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .offer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .offer-header .title {
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .offer-header .price {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .offer-header .coins-price {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .flightResult__Container .Results__Content__Card__Offers .box-offer .offer-header .coins-price {
    flex-direction: column-reverse;
  }
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .offer-Tabs {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  gap: 0 0.5rem;
  border-bottom: 2px solid var(--color-natural-300, #CBD5E1);
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .offer-Tabs .MuiButtonBase-root {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  opacity: 1;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .offer-Tabs .MuiTabScrollButton-root {
  width: auto;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .Box-hide {
  display: none;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .Box-show {
  display: block;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .offer-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .offer-info .title {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  font-size: 0.88875rem;
  font-weight: 500;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .offer-info .info {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.88875rem;
  font-weight: 500;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .btn-book {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  color: var(--color-blue-primary, #0D52DB);
  width: 100%;
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  margin-top: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  margin-top: auto;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .btn-book .ri {
  font-size: 1.25rem;
  line-height: 1;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .btn-book:active {
  color: var(--color-white, #ffffff) !important;
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .btn-book:disabled {
  color: var(--color-white, #ffffff);
}
.flightResult__Container .Results__Content__Card__Offers .box-offer.best {
  border: 2px solid var(--color-green-primary, #00AC6B);
}
.flightResult__Container .Results__Content__Card__Offers .box-offer.best .btn-book {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.flightResult__Container .Results__Content__Card__Offers .box-offer .see-more {
  background: none;
  border: 0;
  color: var(--color-blue-primary, #0D52DB);
  text-transform: capitalize;
  cursor: pointer;
  margin-bottom: 16px;
}
.flightResult__Container .Results__Content__Card__Offers .slick-dots {
  bottom: -13px;
}
.flightResult .flightNotAvailable {
  width: 100%;
  border-radius: 0.5rem;
  margin-top: 2.75rem;
  background-color: var(--color-white, #ffffff);
  padding-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .flightResult .flightNotAvailable {
    margin-top: 0;
  }
}
.flightResult .Coins {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: #FFCC00;
  border-radius: 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #0F172A;
  width: max-content;
}
.flightResult .Coins .title {
  font-size: 0.75rem;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .flightResult .Coins {
    margin: 0;
  }
  .flightResult .Coins .title {
    font-size: 0.93313rem;
  }
}

.hotelName {
  margin-bottom: 1.5rem;
}
.hotelName .inputSearch {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.38rem;
  padding: 1rem;
  width: 100%;
  margin-bottom: 1rem;
}
.hotelName .inputSearch:focus-visible {
  outline: none;
}
.hotelName .searchHotels {
  margin: 0;
  padding: 0;
}
.hotelName .searchHotels .item {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 0.75rem;
}
.hotelName .searchHotels .item .name {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelName .searchHotels .item .number {
  background-color: var(--color-natural-100, #F1F5F9);
  font-size: 0.75rem;
  font-weight: 400;
  display: block;
  padding: 0.06rem 0.38rem;
  border-radius: 0.25rem;
}

.box__price {
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .box__price {
    margin-top: 2rem;
    overflow: hidden;
  }
}
.box__price .label-input {
  width: 100%;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  display: block;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 0.75rem;
}
.box__price .label-input:focus-within {
  border: 1px solid var(--color-blue-primary, #0D52DB);
}
.box__price .label-input .input-text {
  width: 100%;
  height: 100%;
  border: none;
  padding: 1rem 0.75rem;
  font-size: 1rem;
}
.box__price .label-input .input-text:focus-within {
  outline: none;
}
.box__price .label-input .input-text::placeholder {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
.box__price .BoxSlider {
  padding: 0 1.2rem;
}
@media only screen and (max-width: 768px) {
  .box__price .BoxSlider {
    width: 90%;
    margin: 0 auto;
  }
}
.box__price .BoxSlider .MuiSlider-rail {
  background-color: var(--color-blue-primary, #0D52DB);
}
.box__price .BoxSlider .MuiSlider-track {
  background-color: var(--color-blue-primary, #0D52DB);
  border-color: var(--color-blue-primary, #0D52DB);
}
.box__price .BoxSlider .MuiSlider-thumb {
  background-color: var(--color-blue-primary, #0D52DB);
}
.box__price .BoxSlider .MuiSlider-valueLabel {
  background-color: var(--color-blue-primary, #0D52DB);
}
.box__price .BoxSlider .MuiSlider-valueLabel .MuiSlider-valueLabelLabel {
  color: var(--color-white, #ffffff);
}
.box__price .BoxSlider .MuiSlider-markLabel[data-index="0"] {
  left: 9% !important;
}
.box__price .BoxSlider .MuiSlider-markLabel[data-index="1"] {
  left: 95% !important;
}

.box__stops,
.box__Times,
.box_seatClass {
  margin-bottom: 1.5rem;
}
.box__stops .MuiFormControlLabel-root .MuiTypography-root,
.box__Times .MuiFormControlLabel-root .MuiTypography-root,
.box_seatClass .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  font-weight: 400;
}

.box__Times__Container {
  display: flex;
  align-items: center;
  gap: 0.5rem 0.5rem;
  flex-wrap: wrap;
}
.box__Times__Container .Item {
  width: calc(50% - 0.5rem) !important;
}
.box__Times__Container .Item input {
  display: none;
}
.box__Times__Container .Item span {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}
.box__Times__Container .Item .ri {
  margin-bottom: 0.25rem;
  font-size: 1.5rem;
}
.box__Times__Container .Item .info {
  font-size: 0.88875rem;
  margin: 0;
}
.box__Times__Container input[type=checkbox]:checked ~ span {
  color: var(--color-blue-primary, #0D52DB);
  border-color: var(--color-blue-primary, #0D52DB);
}

.box__airlines {
  margin-bottom: 1.5rem;
}
.box__airlines .section-title {
  margin-bottom: 1rem;
}
.box__airlines .label-airlines {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.box__airlines .label-airlines img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  order: 2;
}
.box__airlines .label-airlines .label-title {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  order: 3;
}
.box__airlines .label-airlines .formCheckBox {
  margin: 0;
  margin-right: 1rem;
}
.box__airlines .label-airlines .formCheckBox .MuiButtonBase-root {
  padding: 0;
}
.box__airlines .label-airlines input[type=checkbox] {
  display: none;
}
.box__airlines .label-airlines input[type=checkbox]:checked + .label-title {
  color: var(--color-blue-primary, #0D52DB);
}

.box__resultAction {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box__resultAction .btn-rest {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  cursor: pointer;
}
.box__resultAction .btn-apply {
  background-color: var(--color-yellow-primary, #FFCC00);
  border: none;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.88rem 1.5rem;
  cursor: pointer;
}

.filterMobile .box-container {
  overflow-y: scroll;
  padding-bottom: 100px;
}
.filterMobile .box-container__header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
.filterMobile .box-container__header .title {
  color: var(--color-white, #ffffff);
  font-size: 20px;
  font-weight: 500;
}
.filterMobile .box-container__content {
  margin-top: 73px !important;
}
.filterMobile .box-container__content .section-title {
  font-size: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  display: block;
}
.filterMobile .box-container__content .filter-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.filterMobile .box-container__content .filter-box label span {
  text-transform: capitalize;
  font-size: 0.88875rem;
}
.filterMobile .box-container__content .filter-box .show-item {
  display: flex;
  flex-direction: column;
  animation: slideDown 0.3s ease-in-out forwards;
}
.filterMobile .box-container__content .filter-box .show_more,
.filterMobile .box-container__content .filter-box .show_less {
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
  font-weight: 400;
  margin-top: 5px;
}
.filterMobile .box-container__content .filter-box .show_more strong,
.filterMobile .box-container__content .filter-box .show_less strong {
  color: var(--color-blue-primary, #0D52DB);
}
.filterMobile .box-container__content .HotelRank {
  margin-bottom: 1.5rem;
}
.filterMobile .box-container__content .HotelRank .stars {
  padding-top: 7px;
}
.filterMobile .box-container__content .HotelRank .stars img {
  margin-right: 0.25rem;
}
.filterMobile .box-container .box__resultAction {
  flex-direction: column;
  justify-content: center;
  background-color: var(--color-white, #ffffff);
  position: fixed;
  bottom: 0rem;
  left: 0;
  width: 100%;
  padding: 0.5rem;
}
.filterMobile .box-container .box__resultAction .btn-rest {
  margin-bottom: 0.5rem;
}
.filterMobile .box-container .box__resultAction .btn-rest,
.filterMobile .box-container .box__resultAction .btn-apply {
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.MuiPaper-elevation::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: var(--color-natural-200, #E2E8F0);
}
.MuiPaper-elevation::-webkit-scrollbar-thumb {
  background: var(--color-natural-300, #CBD5E1);
}

.AllSwipeableDrawer .MuiPaper-root {
  background-color: var(--color-natural-50, #F8FAFC);
}
.AllSwipeableDrawer .DrawerFlightDetails {
  position: relative;
  min-height: max-content;
}
.AllSwipeableDrawer .DrawerFlightDetails__header {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  background-color: var(--color-natural-50, #F8FAFC);
  z-index: 99;
}
.AllSwipeableDrawer .DrawerFlightDetails__header__Top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.AllSwipeableDrawer .DrawerFlightDetails__header__Top .close {
  cursor: pointer;
  border: none;
  background-color: transparent;
  font-size: 1.5rem;
  color: var(--color-natural-900, #0F172A);
}
.AllSwipeableDrawer .DrawerFlightDetails__header__Top .title {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.AllSwipeableDrawer .DrawerFlightDetails__header .tabList {
  background-color: var(--color-natural-50, #F8FAFC);
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
.AllSwipeableDrawer .DrawerFlightDetails__header .tabList .MuiButtonBase-root {
  opacity: 1 !important;
}
.AllSwipeableDrawer .DrawerFlightDetails__header .tabList .Mui-selected {
  color: var(--color-blue-primary, #0D52DB) !important;
  outline: none !important;
}
.AllSwipeableDrawer .DrawerFlightDetails__header .tabList .MuiTouchRipple-root {
  display: none;
}
.AllSwipeableDrawer .DrawerFlightDetails__header .tabList .muirtl-1aquho2-MuiTabs-indicator {
  background-color: var(--color-blue-primary, #0D52DB) !important;
}
.AllSwipeableDrawer .DrawerFlightDetails__header .tabList .MuiTabs-indicator {
  background-color: var(--color-blue-primary, #0D52DB) !important;
}
.AllSwipeableDrawer .DrawerFlightDetails .Custome-tabPanel {
  padding: 0;
}
.AllSwipeableDrawer .DrawerFlightDetails .Custome-tabPanel .TabPanel-footer {
  background-color: var(--color-natural-50, #F8FAFC);
  border-top: 1px solid var(--color-natural-300, #CBD5E1);
  padding: 1.1rem;
  padding-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
}
.AllSwipeableDrawer .DrawerFlightDetails .Custome-tabPanel .TabPanel-footer .price {
  padding: 0;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 500;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .AllSwipeableDrawer .DrawerFlightDetails .Custome-tabPanel .TabPanel-footer .price {
    width: 100%;
  }
}
.AllSwipeableDrawer .DrawerFlightDetails .Custome-tabPanel .fare-rules-text {
  height: 10rem;
  overflow-x: auto;
}
.AllSwipeableDrawer .DrawerFlightDetails .Custome-tabPanel .fare-rules-text .info {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  direction: ltr;
}
.AllSwipeableDrawer .DrawerFlightDetails .FlightDetails_upper__FlightDeteails__Content {
  display: block;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage {
  padding: 1.5rem;
}
.AllSwipeableDrawer .DrawerFlightDetails .hr {
  border-color: var(--color-natural-50, #F8FAFC);
  margin-bottom: 1rem;
}
.AllSwipeableDrawer .DrawerFlightDetails .boxContent__FlightDeteails {
  min-height: 100vh;
  overflow: auto;
  background-color: var(--color-natural-50, #F8FAFC);
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown {
  padding: 1.1rem;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .MuiTable-root,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .MuiTable-root {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .header-type,
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .header-title,
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .title,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .header-type,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .header-title,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .title {
  display: flex;
  align-items: center;
  font-size: 1rem;
  gap: 0 0.5rem;
  margin: 0;
  font-weight: 600;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .header-type .date,
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .header-title .date,
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .title .date,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .header-type .date,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .header-title .date,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .title .date {
  font-size: 0.85rem;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .header-type i,
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .header-title i,
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .title i,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .header-type i,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .header-title i,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .title i {
  color: var(--color-natural-900, #0F172A);
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .header-type,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .header-type {
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .header-title,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .header-title {
  margin-bottom: 0.75rem;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .Box-hide,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .Box-hide {
  display: none;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .Box-show,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .Box-show {
  display: block;
  margin-top: 1rem;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .offer-info,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .offer-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .offer-info .title,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .offer-info .title {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  font-size: 0.88875rem;
  font-weight: 500;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .offer-info .info,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .offer-info .info {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.88875rem;
  font-weight: 500;
}
.AllSwipeableDrawer .DrawerFlightDetails .Luggage .see-more,
.AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .see-more {
  background: none;
  border: 0;
  color: var(--color-blue-primary, #0D52DB);
  text-transform: capitalize;
  cursor: pointer;
  margin-bottom: 16px;
}

.bookingFlight {
  background-color: var(--color-natural-100, #F1F5F9);
  position: relative;
}
.bookingFlight__header {
  background-color: var(--color-white, #ffffff);
  padding: 1rem 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__header {
    padding: 1rem 0.5rem;
  }
}
.bookingFlight__header__Content {
  display: flex;
}
.bookingFlight__header__Content__BoxImage {
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}
.bookingFlight__header__Content__Details .title {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}
.bookingFlight__header__Content__Details .info {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
}
.bookingFlight__header__Content__Details .info a {
  color: var(--color-blue-primary, #0D52DB);
  margin-right: 0.25rem;
  text-decoration: none;
}
.bookingFlight__header__Steps {
  display: flex;
  width: 70%;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__header__Steps {
    display: none;
  }
}
.bookingFlight__header__Steps__Step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.bookingFlight__header__Steps__Step .number {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-natural-400, #94A3B8);
  font-size: 0.88875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.bookingFlight__header__Steps__Step .title {
  font-size: 0.88875rem;
  color: var(--color-natural-500, #64748B);
}
.bookingFlight__header__Steps__Step.active .number {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.bookingFlight__header__Steps__Step.active .title {
  color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__header__Steps__Line {
  width: 30%;
  height: 2px;
  background-color: var(--color-natural-200, #E2E8F0);
  position: relative;
  top: 9px;
}
.bookingFlight__header__Steps__Line.active {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__Container {
  padding: 2rem 5rem;
  display: flex;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.bookingFlight__Container__Left {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left {
    width: 100%;
  }
}
.bookingFlight__Container__Left .boxContent {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.bookingFlight__Container__Left .boxContent.group {
  border: 1px solid var(--color-natural-200, #E2E8F0);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__header {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1.25rem;
}
.bookingFlight__Container__Left .boxContent__header .ri {
  font-size: 2rem;
}
.bookingFlight__Container__Left .boxContent__header .title {
  font-size: 1.26563rem;
  font-weight: 500;
  margin: 0;
  display: flex;
  align-items: center;
}
.bookingFlight__Container__Left .boxContent__header .title .hint {
  color: var(--color-natural-500, #64748B);
  font-size: 0.88875rem;
  margin-inline-start: 5px;
}
.bookingFlight__Container__Left .boxContent__header .title .MuiButtonBase-root {
  margin-left: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__header.mb0 {
  margin-bottom: 0.25rem;
}
.bookingFlight__Container__Left .boxContent__header__passanger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bookingFlight__Container__Left .boxContent__header__passanger__Left {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.bookingFlight__Container__Left .boxContent__header__passanger__Right {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.bookingFlight__Container__Left .boxContent__header__passanger__Right .scan {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__header__passanger__Right .scan .text {
  font-size: 0.375rem;
}
.bookingFlight__Container__Left .boxContent__header__passanger__Right .scan input[type=file] {
  display: none;
}
.bookingFlight__Container__Left .boxContent__header__passanger__Right .iconLoading {
  animation: rotet 2s linear infinite;
}
@keyframes rotet {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.bookingFlight__Container__Left .boxContent__infoSection {
  display: flex;
  flex-direction: column;
}
.bookingFlight__Container__Left .boxContent__infoSection .brief {
  color: var(--color-blue-dark, #1E3A8A);
  font-size: 0.88875rem;
  font-weight: 400;
  margin-bottom: 0.25rem;
}
.bookingFlight__Container__Left .boxContent__infoSection .desc {
  color: var(--color-natural-500, #64748B);
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
}
.bookingFlight__Container__Left .boxContent__InputContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 2rem;
}
.bookingFlight__Container__Left .boxContent__InputContainer .InputField {
  width: 100%;
}
.bookingFlight__Container__Left .boxContent__InputContainer .InputField .Mui-disabled {
  background-color: var(--color-natural-400, #94A3B8);
}
.bookingFlight__Container__Left .boxContent__InputContainer .phoneNumber {
  width: 100%;
}
.bookingFlight__Container__Left .boxContent__InputContainer .phoneNumber .InputField {
  width: 100%;
  margin-top: 0px;
}
.bookingFlight__Container__Left .boxContent__InputContainer .phoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
}
.bookingFlight__Container__Left .boxContent__InputContainer .phoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  background-color: var(--color-white, #ffffff);
}
.bookingFlight__Container__Left .boxContent__InputContainer .phoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
  background-color: var(--color-white, #ffffff);
}
.bookingFlight__Container__Left .boxContent__InputContainer .phoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: block;
}
.bookingFlight__Container__Left .boxContent__InputContainer .phoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: none;
}
.bookingFlight__Container__Left .boxContent__InputContainer .phoneNumber .InputField .MuiInputLabel-animated {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.bookingFlight__Container__Left .boxContent__Footer {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-natural-50, #F8FAFC);
  padding: 0.5rem 1rem !important;
  border-radius: 0.25rem;
}
.bookingFlight__Container__Left .boxContent__Footer__Left {
  display: flex;
}
.bookingFlight__Container__Left .boxContent__Footer__Left .MuiFormControlLabel-root .MuiButtonBase-root {
  padding: 0;
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__Footer__Left .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__Footer__Right {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__Footer__Right {
    width: max-content;
  }
}
.bookingFlight__Container__Left .boxContent__Footer__Right span {
  color: var(--color-blue-primary, #0D52DB);
  text-transform: uppercase;
  font-size: 0.88875rem;
  font-weight: 500;
}
.bookingFlight__Container__Left .boxContent__Footer__Right img {
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__Footer__Right .MuiButtonBase-root {
  margin-left: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__Footer.nobackGround {
  background-color: transparent;
  padding: 0.5rem !important;
  margin: 0;
}
.bookingFlight__Container__Left .boxContent__PassengerInfo .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.75rem;
}
.bookingFlight__Container__Left .boxContent__PassengerInfo .select {
  width: 100%;
}
.bookingFlight__Container__Left .boxContent__PassengerInfo .InputField {
  width: 100%;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Header {
  margin-bottom: 1.25rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Header__Top {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Header__Top img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Header__Top .title {
  margin: 0;
  font-size: 1.42375rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Header__Bottom {
  margin-bottom: 1.25rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Header__Bottom p {
  margin: 0;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Header__Bottom .info-passenger {
  color: var(--color-blue-dark, #1E3A8A);
  font-size: 0.88875rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Header__Bottom .info {
  color: var(--color-natural-500, #64748B);
  font-size: 1rem;
  font-weight: 500;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1.25rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Header .title {
  margin: 0;
  font-size: 1.125rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Header .MuiFormControlLabel-root {
  margin: 0;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Header .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Header .MuiFormControlLabel-root .MuiCheckbox-root {
  padding: 0;
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content {
    flex-wrap: wrap;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo {
  display: flex;
  align-items: center;
  margin-right: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo {
    margin-bottom: 0.75rem;
    width: 100%;
    margin-right: 0;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .logo {
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .logo img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .info .title {
  color: var(--color-natural-500, #64748B);
  margin: 0;
  margin-bottom: 0.25rem;
  font-size: 0.88875rem;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .info .title {
    margin-bottom: 0;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .info .FromTo {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .info .FromTo img {
  margin: 0 0.25rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck {
  display: flex;
  width: 100%;
  gap: 0 0.5rem;
  overflow-x: auto;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: var(--color-natural-200, #E2E8F0);
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck::-webkit-scrollbar-thumb {
  background: var(--color-natural-300, #CBD5E1);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck {
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-snap-points-x: repeat(3rem);
    scroll-behavior: smooth;
    cursor: pointer;
  }
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck > * {
    flex-shrink: 0;
    scroll-snap-align: start;
    width: 200px;
  }
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex: 2 0 0;
  border-radius: 0.25rem;
  padding: 1.5rem;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck {
    flex: inherit;
    width: 100%;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    padding-right: 3rem;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck input[type=checkbox] {
  display: none;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck .checkboxstyle {
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  border: 2px solid var(--color-natural-200, #E2E8F0);
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck .checkboxstyle:after {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background-color: var(--color-blue-primary, #0D52DB);
  position: relative;
  display: block;
  border-radius: 50%;
  top: 0.1rem;
  right: -0.1rem;
  opacity: 0;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck:has(input[type=checkbox]:checked) .checkboxstyle {
  border-color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck:has(input[type=checkbox]:checked) .checkboxstyle:after {
  opacity: 1;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck:has(input[type=checkbox]:checked) {
  background-color: var(--color-natural-100, #F1F5F9);
  border-color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Header {
  text-align: center;
  width: 80px;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Header {
    text-align: inherit;
    width: 100%;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Header .BoxIcon {
    display: flex;
    margin-right: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Header .title {
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
  display: block;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Content {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Content {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Content span {
  display: block;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Content .total {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.25rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Content .price {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Footer {
  background-color: var(--color-natural-50, #F8FAFC);
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Footer {
    flex-wrap: wrap;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Footer__Left {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Footer__Left {
    margin-bottom: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Footer__Left .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Footer__Left .info {
  margin: 0;
  color: var(--color-natural-500, #64748B);
  font-size: 0.75rem;
  font-weight: 400;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Footer__Left .info span {
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Footer__Right {
    width: 100%;
    text-align: center;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Footer__Right .change {
  font-size: 0.88875rem;
  background-color: transparent;
  border: none;
  color: var(--color-natural-600, #475569);
  font-weight: 400;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage {
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: var(--color-natural-100, #F1F5F9);
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Header img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Header .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Content {
  margin-bottom: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Content .info {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
  margin: 0;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Content .info .price {
  color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer {
    flex-wrap: wrap;
    gap: 0;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .personPirce {
  color: var(--color-blue-primary, #0D52DB);
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .personPirce span {
  color: var(--color-natural-500, #64748B);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .personPirce {
    margin-bottom: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore {
  background-color: transparent;
  border: none;
  border: none;
  display: flex;
  align-items: center;
  font-size: 0.88875rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  padding: 0;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore img {
  margin-left: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore img {
    display: none;
  }
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore {
    border: 1px solid var(--color-blue-primary, #0D52DB);
    padding: 0.88rem 1.5rem;
    border-radius: 0.5rem;
    width: 8rem;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer__Left {
    width: 100%;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer__Right {
  display: flex;
  align-items: center;
  gap: 0 1rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer__Right {
    width: 100%;
  }
}
.bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer__Right .btn-add {
  padding: 0.88rem 1.5rem;
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  font-size: 1rem;
  font-weight: 400;
  border-radius: 0.5rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer__Right .btn-add {
    width: 12rem;
  }
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Left img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Left .title {
  font-size: 1.26563rem;
  font-weight: 500;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Right {
    display: none;
  }
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Right .btnAuto {
  background-color: transparent;
  border: none;
  padding: 0.88rem 0.5rem;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Right .btnAuto img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .airlineName {
  display: flex;
  align-items: center;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .airlineName .logo {
  width: 20px;
  height: 20px;
  margin-right: 0.25rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .airlineName .name, .bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .airlineName .number {
  color: var(--color-natural-900, #0F172A);
  font-size: 1rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .fromTo {
  display: flex;
  align-items: center;
  margin-left: 25px;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .fromTo img {
  margin: 0 0.25rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .fromTo span {
  color: var(--color-natural-900, #0F172A);
  font-size: 1rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content {
  display: flex;
  gap: 0 1rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content {
    display: inherit;
    gap: 0;
  }
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent {
  width: 35%;
  scroll-behavior: smooth;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent {
    width: 100%;
  }
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.25rem;
  padding: 1rem;
  margin-bottom: 0.25rem;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard.active {
  border-color: var(--color-blue-primary, #0D52DB);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard {
    padding: 0.38rem 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header {
    display: none;
  }
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Logo {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  margin-right: 1rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Logo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Info p {
  margin: 0;
  display: flex;
  align-items: center;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Info .title {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Info .FromTo {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Info .FromTo img {
  margin: 0 0.25rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  background-color: var(--color-natural-50, #F8FAFC);
  padding: 0.38rem 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Left {
  display: flex;
  align-items: center;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Left .iconPerson {
  margin-right: 0.75rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Left p {
  margin: 0;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Left .title {
  font-size: 0.5rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Left .name {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Right .tag {
  padding: 0.31rem 0.38rem;
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 0.19rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Right .tag .info {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-white, #ffffff);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Right .tag .info span {
  font-weight: 600;
  margin-left: 0.19rem;
  color: var(--color-white, #ffffff);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary .title {
  color: var(--color-natural-50, #F8FAFC);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary .name {
  color: var(--color-white, #ffffff);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary .tag {
  background-color: var(--color-blue-primary, #0D52DB);
  background-color: var(--color-yellow-primary, #FFCC00);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary .tag .info {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary .tag .info span {
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson {
    display: none;
    margin-bottom: 0;
  }
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson:first-of-type {
    display: flex;
    background-color: transparent;
    padding: 0;
    border: none;
  }
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson .title {
    font-size: 0.5rem;
    font-weight: 400;
    color: var(--color-natural-600, #475569) !important;
  }
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson .name {
    font-size: 0.88875rem;
    color: var(--color-natural-900, #0F172A) !important;
    font-weight: 500;
  }
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes {
  margin-top: 5rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent {
  width: 65%;
  padding: 1.5rem 2.5rem;
  background-color: var(--color-natural-100, #F1F5F9);
  display: flex;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent {
    display: none;
  }
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose {
  display: flex;
  justify-content: space-between;
  transition: all ease-in-out 0.5s;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose {
    display: none;
  }
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose .Box-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  top: 16rem;
  visibility: hidden;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose .Box-loading img {
  opacity: 0;
  transition: all ease-in-out 0.5s;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  gap: 0 1rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header__Top {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.19rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header__Top:last-of-type {
  margin-right: 0;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header__Top span {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  gap: 0 1rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.19rem;
  background-color: var(--color-natural-300, #CBD5E1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
  position: relative;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box:last-of-type {
  margin-right: 0;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box input {
  display: none;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box .Iconselect {
  opacity: 0;
  transition: all ease-in-out 0.3s;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box:has(input:checked) .Iconselect {
  opacity: 1;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box:has(input:checked) {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box.notSelected {
  background-color: var(--color-natural-400, #94A3B8);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box.special {
  background-color: var(--color-yellow-primary, #FFCC00);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box.hiiden {
  visibility: hidden;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box .seat_hover_box {
  display: none;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: max-content;
  height: fit-content;
  background-color: #ffffff;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease-in-out;
  z-index: 2;
  padding: 10px 25px;
  border-radius: 3px;
  font-size: 0.9rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box .seat_hover_box li {
  color: var(--color-natural-500, #64748B);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box:hover .seat_hover_box {
  display: block;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Corridor__Header {
  margin-bottom: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Corridor__Header .emptyBox {
  width: 2.5rem;
  height: 2.5rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Corridor__BoxNumber {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.88875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading .Box-loading {
  visibility: visible;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading .Box-loading img {
  opacity: 1;
  transition: all ease-in-out 0.5s;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading {
  transition: all ease-in-out 0.5s;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading .SeatChoose__Layout, .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading .SeatChoose__Corridor {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.5s;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .FromTo {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .FromTo .cityName {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat {
  margin-bottom: 1rem;
  display: flex;
  gap: 0 0.5rem;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
  scroll-behavior: smooth;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat > * {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat .BoxInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  background-color: var(--color-natural-100, #F1F5F9);
  width: max-content;
  padding: 0.38rem;
  border-radius: 0.25rem;
  width: 100%;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat .BoxInfo .name {
  font-size: 0.99563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat .BoxInfo .seatLocation {
  background-color: var(--color-yellow-primary, #FFCC00);
  padding: 0.38rem;
  border-radius: 0.19rem;
  font-size: 0.93313rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat .BoxInfo .seatLocation span {
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .btn-seatMap {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1.0625rem;
  font-weight: 400;
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .btn-seatMap img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__BookingSupport {
  padding: 1rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.38rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BookingSupport {
    flex-direction: column;
    position: relative;
  }
}
.bookingFlight__Container__Left .boxContent__BookingSupport:last-of-type {
  margin-bottom: 0;
}
.bookingFlight__Container__Left .boxContent__BookingSupport__Left {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BookingSupport__Left {
    align-items: flex-start;
    width: inherit;
  }
}
.bookingFlight__Container__Left .boxContent__BookingSupport__Left .icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.25rem;
  background-color: var(--color-natural-100, #F1F5F9);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BookingSupport__Left .icon {
    width: inherit;
    height: inherit;
    background-color: transparent;
  }
}
.bookingFlight__Container__Left .boxContent__BookingSupport__Left .title {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.88875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__BookingSupport__Left .p-info {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
}
.bookingFlight__Container__Left .boxContent__BookingSupport__Right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BookingSupport__Right {
    align-items: flex-start;
  }
}
.bookingFlight__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root {
    top: 4px;
    right: 0;
    display: flex;
    align-items: center;
  }
}
.bookingFlight__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root .MuiTypography-root {
    padding: 0;
    margin-left: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root .MuiTypography-root .hideSm {
    display: none;
  }
}
.bookingFlight__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root .MuiButtonBase-root-MuiRadio-root.Mui-checked {
  color: var(--color-blue-primary, #0D52DB) !important;
}
.bookingFlight__Container__Left .boxContent__BookingSupport__Right .price {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BookingSupport__Right .price {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.bookingFlight__Container__Left .boxContent__BookingSupport__Right .price span {
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
}
.bookingFlight__Container__Left .boxContent__BookingSupport__Right .questionIcon {
  margin-bottom: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__BookingSupport.normal .icon {
  background-color: var(--color-red-background, #FEE2E2);
}
.bookingFlight__Container__Left .boxContent__BookingSupport.standard .icon {
  background-color: var(--color-green-background, #BAE6D1);
}
.bookingFlight__Container__Left .boxContent__BookingSupport:has(input:checked) {
  border-color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__Container__Left .boxContent__BookingSupport .btn-add {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__BookingSupport .btn-add img {
  margin-right: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BookingSupport .btn-add {
    width: 100%;
  }
}
.bookingFlight__Container__Left .boxContent__BookingSupport .btn-add.btn-cehek {
  background-color: var(--color-green-primary, #00AC6B);
  border: 1px solid var(--color-green-primary, #00AC6B);
  color: var(--color-white, #ffffff);
  text-transform: capitalize;
}
.bookingFlight__Container__Left .boxContent__BoxServices {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxServices {
    flex-direction: column;
    position: relative;
  }
}
.bookingFlight__Container__Left .boxContent__BoxServices__Left {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxServices__Left {
    margin-bottom: 1rem;
  }
}
.bookingFlight__Container__Left .boxContent__BoxServices__Left .image {
  width: 5rem;
  height: 5rem;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-right: 1.25rem;
}
.bookingFlight__Container__Left .boxContent__BoxServices__Left .image img {
  width: 100%;
  height: 100%;
}
.bookingFlight__Container__Left .boxContent__BoxServices__Left .content {
  display: flex;
  flex-direction: column;
  margin-right: 1.25rem;
  width: 70%;
}
.bookingFlight__Container__Left .boxContent__BoxServices__Left .content .info {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  color: var(--color-natural-700, #334155);
}
.bookingFlight__Container__Left .boxContent__BoxServices__Left .content .viewMore {
  font-size: 1.125rem;
  font-weight: 500;
  text-decoration: none;
  color: var(--color-natural-700, #334155);
  cursor: pointer;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxServices__Left .content .viewMore {
    display: none;
  }
}
.bookingFlight__Container__Left .boxContent__BoxServices__Right {
  display: flex;
  flex-direction: column;
  gap: 1rem 0rem;
}
.bookingFlight__Container__Left .boxContent__BoxServices__Right__Top {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxServices__Right__Top {
    justify-content: flex-start;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.bookingFlight__Container__Left .boxContent__BoxServices__Right__Top .price {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__BoxServices__Right__Top .price span {
  color: var(--color-natural-500, #64748B);
  font-weight: 400;
}
.bookingFlight__Container__Left .boxContent__BoxServices__Right__Top .viewMore {
  font-size: 0.99563rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--color-natural-700, #334155);
  display: none;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxServices__Right__Top .viewMore {
    display: block;
    padding-right: 1rem;
  }
}
.bookingFlight__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormGroup-root {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormGroup-root {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root {
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.75rem 1rem;
  margin-right: 0.5rem;
  border-radius: 0.25rem;
  height: 2.5rem;
  text-transform: capitalize;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root {
    width: 48%;
    justify-content: center;
  }
}
.bookingFlight__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root:last-of-type {
  margin-right: 0;
}
.bookingFlight__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root .MuiRadio-root {
  padding: 0;
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__BoxServices .btn-add {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__BoxServices .btn-add img {
  margin-right: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxServices .btn-add {
    width: 100%;
  }
}
.bookingFlight__Container__Left .boxContent__BoxServices .btn-add.btn-cehek {
  background-color: var(--color-green-primary, #00AC6B);
  border: 1px solid var(--color-green-primary, #00AC6B);
  color: var(--color-white, #ffffff);
  text-transform: capitalize;
}
.bookingFlight__Container__Left .boxContent__BoxInsurance {
  padding: 1rem 0.88rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.56rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxInsurance {
    flex-wrap: wrap;
  }
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Left__Header {
  display: flex;
  align-items: center;
  margin-bottom: 0.62rem;
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Left__Header img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Left__Header .title {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Left__List {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Left__List .item {
  display: flex;
  align-content: center;
  margin-bottom: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Left__List .item img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Left__List .item span {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxInsurance__Left__List {
    margin-bottom: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Right {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxInsurance__Right {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Right .price {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__BoxInsurance__Right .price {
    margin-bottom: 0;
  }
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Right .price span {
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Right .btn-add {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__BoxInsurance__Right .btn-add img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Container {
  display: flex;
  gap: 0 1rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__LevelSupport__Container {
    flex-direction: column;
  }
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box {
  padding: 1rem 0.88rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.56rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  position: relative;
  width: calc(33.3333333333% - 1rem);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__LevelSupport__Box {
    height: auto;
    width: 100%;
  }
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Header {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.62rem;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Header .title {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Header .best {
  display: flex;
  align-items: center;
  background-color: var(--color-green-primary, #00AC6B);
  padding: 0.25rem 0.63rem;
  border-radius: 1rem;
  color: var(--color-white, #ffffff);
  font-size: 0.75rem;
  font-weight: 400;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Header .best img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Header .price {
  display: none;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__LevelSupport__Box__Header .price {
    display: block;
    margin: 0;
    font-size: 1.46938rem;
    color: var(--color-natural-900, #0F172A);
  }
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Pricing {
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  margin-bottom: 0.62rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__LevelSupport__Box__Pricing {
    display: none;
  }
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Pricing .price {
  margin: 0;
  font-size: 1.80188rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Pricing .hint {
  font-size: 0.75rem;
  font-weight: 400;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Body {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__LevelSupport__Box__Body {
    margin-top: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Body .info {
  margin: 0;
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  margin-bottom: 1rem;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Body .info span {
  font-weight: 500;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Body .info .green {
  color: var(--color-green-primary, #00AC6B);
  font-weight: 600;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Body .info .primary {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Body__List {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1rem;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Body__List .item {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Body__List .item img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box__Body__List .item span {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box .btn-select {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-top: auto;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box .btn-primary {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box .radioBtn {
  text-align: center;
  margin-top: auto;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box .radioBtn input {
  display: none;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box .radioBtn span {
  text-align: center;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  display: block;
  width: 100%;
  margin-top: auto;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box .radioBtn input:checked + span {
  color: var(--color-white, #ffffff);
  background-color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box .radioBtn input:checked + .radioBtn {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__Container__Left .boxContent__LevelSupport__Box.active {
  border-color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport {
  position: relative;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box {
  position: relative;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box .bestPrice {
  visibility: hidden;
  background-color: var(--color-green-primary, #00AC6B);
  text-align: center;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  font-weight: 600;
  padding: 0.75rem 0;
  border-radius: 0.56rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box .bestPrice {
    position: absolute;
    z-index: 999;
    padding: 0.25rem 1rem;
    font-size: 0.75rem;
    right: 29px;
    top: -11px;
    border-radius: 0.56rem;
    background-color: var(--color-green-background, #BAE6D1);
    color: var(--color-green-primary, #00AC6B);
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container {
  padding: 1rem 0;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.56rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  position: relative;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 0.62rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .title {
    font-size: 1rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing {
    text-align: right;
    margin-bottom: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .price {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .hint {
  font-size: 0.75rem;
  font-weight: 400;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body {
    margin-top: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info {
  margin: 0;
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  margin-bottom: 1rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info span {
  font-weight: 500;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info .green {
  color: var(--color-green-primary, #00AC6B);
  font-weight: 600;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info .primary {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.45rem 0.5rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item .info {
  color: var(--color-natural-400, #94A3B8);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
    align-items: flex-start;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(odd) {
  background-color: var(--color-natural-100, #F1F5F9);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(odd) {
    background-color: transparent;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(even) {
  background-color: var(--color-white, #ffffff);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
    justify-content: flex-start;
    padding: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item span {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0.75rem 0.5rem 0;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo img {
  margin-top: 0.2rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content {
  display: flex;
  flex-direction: column;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content .title {
  font-weight: 600;
  font-size: 1rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content .info {
  font-size: 0.75rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .show-details {
  margin: 0 1rem;
  color: var(--color-blue-primary, #0D52DB);
  border-bottom: dashed 2px var(--color-blue-primary, #0D52DB);
  width: max-content;
  text-transform: capitalize;
  cursor: pointer;
  margin-bottom: 3rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .btn-select {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-top: auto;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .btn-primary {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input {
  display: none;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn span {
  text-align: center;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  display: block;
  width: 100%;
  margin-top: auto;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input:checked + span {
  color: var(--color-white, #ffffff);
  background-color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input:checked + .radioBtn {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box.active .boxContent__NewLevelSupport__Box__Container {
  border-color: var(--color-green-primary, #00AC6B);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  border-width: 2px;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box.active .boxContent__NewLevelSupport__Box__Container {
    border: 2px solid var(--color-green-primary, #00AC6B);
    border-radius: 0.56rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box.active .bestPrice {
  visibility: visible;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box {
    margin-bottom: 1.25rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport .no-border {
  border: none;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport .no-border .boxContent__NewLevelSupport__Box__Container__Header {
  border-color: transparent;
}
.bookingFlight__Container__Left .boxContent__Normal__Container {
  display: flex;
  gap: 0 1rem;
}
.bookingFlight__Container__Left .boxContent__Normal__Container.active {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 1rem;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Left {
  width: 4rem;
  height: 4rem;
  position: relative;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Left .img {
  width: 100%;
  height: 100%;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Left .imgActive {
  width: 4rem;
  height: 4rem;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right {
  display: flex;
  gap: 0 1.5rem;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__Normal__Container__Right {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__Normal__Container__Right__Content__Header {
    display: flex;
    align-items: center;
    gap: 0 1rem;
    margin-bottom: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Content__Header .title {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.25rem;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Content__Header .info {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  display: block;
  color: var(--color-natural-700, #334155);
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right .description {
  margin: 0;
  color: var(--color-natural-700, #334155);
  font-size: 0.875rem;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right .description.viewMore {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3; /* Number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: "pre-wrap";
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right .readMore {
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
  font-size: 0.87rem;
  margin-top: 13px;
  display: block;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price {
    align-items: flex-start;
  }
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .price {
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .price {
    flex-direction: row;
    gap: 0 0.5rem;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .price small {
  font-weight: 400;
  color: var(--color-natural-700, #334155);
  font-size: 0.75rem;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormGroup-root {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormGroup-root {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root {
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.75rem 1rem;
  margin-right: 0.5rem;
  border-radius: 0.25rem;
  height: 2.5rem;
  text-transform: capitalize;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root {
    width: 48%;
    justify-content: center;
  }
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root:last-of-type {
  margin-right: 0;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root .MuiRadio-root {
  padding: 0;
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .btn-add {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  justify-content: center;
  text-transform: capitalize;
  cursor: pointer;
  min-width: 150px;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .btn-add img {
  width: 1.5rem;
  height: 1.5rem;
}
.bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .btn-select {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport {
  position: relative;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box .BestPrice {
  background-color: var(--color-green-primary, #00AC6B);
  text-align: center;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  font-weight: 600;
  padding: 0.75rem 0;
  border-radius: 0.56rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box .BestPrice {
    position: absolute;
    z-index: 999;
    padding: 0.25rem 1rem;
    font-size: 0.75rem;
    right: 29px;
    top: -11px;
    border-radius: 0.56rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container {
  padding: 1rem 0;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.56rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container {
    max-height: 100vh;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container.active {
  border-color: var(--color-green-primary, #00AC6B);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  border-width: 2px;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container.active {
    border: 2px solid var(--color-green-primary, #00AC6B);
    border-radius: 0.56rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container.show {
  height: 33rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 0.62rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .title {
    font-size: 1rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing {
    text-align: right;
    margin-bottom: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .price {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .hint {
  font-size: 0.75rem;
  font-weight: 400;
  height: 14px;
  display: block;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body {
    margin-top: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info {
  margin: 0;
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  margin-bottom: 1rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info span {
  font-weight: 500;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info .green {
  color: var(--color-green-primary, #00AC6B);
  font-weight: 600;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info .primary {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.45rem 0.5rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item .info {
  color: var(--color-natural-400, #94A3B8);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
    align-items: flex-start;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(odd) {
  background-color: var(--color-natural-100, #F1F5F9);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(odd) {
    background-color: transparent;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(even) {
  background-color: var(--color-white, #ffffff);
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
    justify-content: flex-start;
    padding: 0.5rem;
  }
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item span {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0.75rem 0.5rem 0;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo img {
  margin-top: 0.2rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content {
  display: flex;
  flex-direction: column;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content .title {
  font-weight: 600;
  font-size: 1rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content .info {
  font-size: 0.75rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .show {
  margin: 0 1rem;
  color: var(--color-blue-primary, #0D52DB);
  border-bottom: dashed 2px var(--color-blue-primary, #0D52DB);
  width: max-content;
  text-transform: capitalize;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .btn-select {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-top: auto;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .btn-primary {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn {
  text-align: center;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input {
  display: none;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn span {
  text-align: center;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  display: block;
  width: 100%;
  margin-top: auto;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input:checked + span {
  color: var(--color-white, #ffffff);
  background-color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input:checked + span img {
  width: 1.5rem;
  height: 1.5rem;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input:checked + .radioBtn {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport .no-border {
  border: none;
}
.bookingFlight__Container__Left .boxContent__NewLevelSupport .no-border .boxContent__NewLevelSupport__Box__Container__Header {
  border-color: transparent;
}
.bookingFlight__Container__Left .boxContent .frequentClick {
  width: 100%;
  display: block;
}
.bookingFlight__Container__Left .boxContent .frequentClick .headtitle {
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-top: 0.5rem;
  display: block;
  cursor: pointer;
}
.bookingFlight__Container__Left .boxContent .frequentClick input[type=checkbox] {
  display: none;
}
.bookingFlight__Container__Left .boxContent .frequentClick .frequentClickContent {
  height: 0;
  overflow: hidden;
  transition: all ease-in-out 0.2s;
}
.bookingFlight__Container__Left .boxContent .frequentClick input[type=checkbox]:checked + .frequentClickContent {
  height: max-content;
  transition: all ease-in-out 0.2s;
}
.bookingFlight__Container__Left .boxContent .blineChoice {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent .blineChoice {
    display: inherit;
  }
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent .blineChoice .BoxInfo.BoxInfoMobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
  .bookingFlight__Container__Left .boxContent .blineChoice .BoxInfo.BoxInfoMobile .title {
    margin-bottom: 0;
  }
}
.bookingFlight__Container__Left .boxContent .blineChoice .BoxInfo .title {
  color: var(--color-natural-700, #334155);
  font-size: 0.88875rem;
  display: block;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.bookingFlight__Container__Left .boxContent .blineChoice .BoxInfo .btn-noBorder {
  border: none;
  background-color: transparent;
  color: var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 0.5rem;
  font-size: 1rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent .blineChoice .BoxInfo .btn-noBorder {
    padding: 0;
  }
}
.bookingFlight__Container__Left .boxContent .blineChoice__Left {
  margin-right: 2rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent .blineChoice__Left {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.bookingFlight__Container__Left .boxContent .blineChoice__Left .BoxInfo .info {
  font-size: 1rem;
  color: var(--color-natural-700, #334155);
  display: block;
  margin-bottom: 0.5rem;
}
.bookingFlight__Container__Left .boxContent .blineChoice__Left .BoxInfo .pricing-coins {
  display: flex;
  margin-bottom: 0.5rem;
  gap: 0 0.5rem;
  align-items: center;
}
.bookingFlight__Container__Left .boxContent .blineChoice__Left .BoxInfo .pricing-coins .Coins {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: #FFCC00;
  border-radius: 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #0F172A;
  width: max-content;
}
.bookingFlight__Container__Left .boxContent .blineChoice__Left .BoxInfo .pricing-coins .Coins .Coins-title {
  margin: 0;
  font-size: 0.75rem;
}
.bookingFlight__Container__Left .boxContent .blineChoice__Left .BoxInfo .pricing-coins .price {
  margin: 0;
  font-size: 1.80188rem;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent .blineChoice__Left .BoxInfo .pricing-coins .price {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent .blineChoice__Left .BoxInfo .pricing-coins {
    width: 100%;
  }
}
.bookingFlight__Container__Left .boxContent .blineChoice__Left .div-Bottom {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent .blineChoice__Left .div-Bottom {
    position: relative;
  }
}
.bookingFlight__Container__Left .boxContent .blineChoice__Left .div-Bottom .price {
  color: var(--color-natural-900, #0F172A);
  font-size: 1.80188rem;
  font-weight: 500;
  margin-right: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent .blineChoice__Left .div-Bottom .price {
    position: absolute;
    left: 9rem;
    color: var(--color-white, #ffffff);
    font-size: 1.0625rem;
    margin: 0;
  }
}
.bookingFlight__Container__Left .boxContent .blineChoice__Left .div-Bottom .btn-primary {
  width: 40rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent .blineChoice__Left .div-Bottom .btn-primary {
    width: 100%;
  }
}
.bookingFlight__Container__Left .boxContent .blineChoice__Left .div-Bottom .btn-primary .price {
  color: var(--color-white, #ffffff);
  font-size: inherit;
}
.bookingFlight__Container__Left .boxContent .blineChoice__Right {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent .blineChoice__Right {
    align-items: inherit;
    justify-content: center;
  }
}
.bookingFlight__Container__Left .boxContent .blineChoice__Right .title {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Left .boxContent .blineChoice__Right .title {
    text-align: left;
  }
}
.bookingFlight__Container__Right {
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Right {
    width: 100%;
  }
}
.bookingFlight__Container__Right .boxContent {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.bookingFlight__Container__Right .boxContent.customBoxContent {
  padding: 0 !important;
}
.bookingFlight__Container__Right .boxContent.customBoxContent .p-1 {
  padding: 1.5rem;
}
.bookingFlight__Container__Right .boxContent__Timer {
  display: flex;
  align-items: center;
}
.bookingFlight__Container__Right .boxContent__Timer .ri {
  margin-right: 0.5rem;
  font-size: 1.499rem;
}
.bookingFlight__Container__Right .boxContent__Timer .info {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Right .boxContent__Timer .info span {
  color: var(--color-red-primary, #E42519);
  font-weight: 900;
}
.bookingFlight__Container__Right .boxContent__TimerPrice .info {
  font-size: 0.88875rem;
  margin: 0;
  margin-top: 0.5rem;
}
.bookingFlight__Container__Right .boxContent__TimerPrice .info .price {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-700, #334155);
  margin: 0 0.25rem;
  display: inline-block;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__Header .title {
  font-size: 1.42375rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1.5rem;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__Header__details {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1.5rem;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-img {
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-img img {
  width: 100%;
  height: 100%;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-img .imgTransfer {
  object-fit: contain;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-info {
  display: flex;
  flex-direction: column;
  gap: 0 0.5rem;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-info .name {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-info .roomNum {
  font-size: 1rem;
  font-weight: 400;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails {
  margin-bottom: 1rem;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .name {
  display: flex;
  align-items: center;
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  margin: 0;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .name span {
  margin-left: 0.5rem;
  background-color: var(--color-natural-200, #E2E8F0);
  padding: 0.25rem 0.38rem;
  border-radius: 0.25rem;
  font-size: 0.88875rem;
  font-weight: 400;
  text-align: center;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees,
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .freeCancelation {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-green-primary, #00AC6B);
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees img,
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .freeCancelation img {
  margin-left: 0.5rem;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees {
  color: var(--color-natural-600, #475569);
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info .date {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate {
  margin-top: 1rem;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till,
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from {
  font-size: 0.88875rem;
  font-weight: 500;
  color: var(--color-natural-600, #475569);
  margin: 0;
  display: flex;
  align-items: center;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .from, .bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .till,
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .from,
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .till {
  width: 2.5rem;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till span,
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from span {
  margin-left: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till::before,
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from::before {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-400, #94A3B8);
  margin-right: 1.5rem;
  border-radius: 50%;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line {
  display: flex;
  height: 1rem;
}
.bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line::before {
  content: "";
  width: 1px;
  height: 1rem;
  background-color: var(--color-natural-400, #94A3B8);
  position: relative;
  left: 4px;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__OrderNumber {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__OrderNumber .title {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-natural-600, #475569);
  margin: 0;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__OrderNumber .number {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-natural-600, #475569);
  margin: 0;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__Header .title {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__Header .showDetails {
  display: flex;
  align-items: center;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  cursor: pointer;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__Header .showDetails img {
  margin-right: 0.5rem;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__Header .showDetails .ri {
  margin-right: 0.5rem;
  font-size: 1.25rem;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__Invoice {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1.5rem;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__Invoice .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__Invoice .item .name {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__Invoice .item .price {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__Invoice .item.primary {
  margin-top: 1.5rem;
}
.bookingFlight__Container__Right .boxContent__FareBreakDown__Invoice .item.primary .name,
.bookingFlight__Container__Right .boxContent__FareBreakDown__Invoice .item.primary .price {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .bookingFlight__Container__Right .boxContent.ds-none-sm {
    display: none;
  }
}
.bookingFlight .btn-View-Flight {
  width: 100%;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.25rem;
  border: none;
  background-color: var(--color-natural-100, #F1F5F9);
  display: none;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.bookingFlight .btn-View-Flight .leftSide {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingFlight .btn-View-Flight .leftSide img {
  margin-right: 0.5rem;
}
.bookingFlight .btn-View-Flight .rightSide {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.bookingFlight .btn-View-Flight .rightSide .ri-right {
  font-size: 1.7rem;
}
@media only screen and (max-width: 768px) {
  .bookingFlight .btn-View-Flight {
    display: flex;
  }
}
.bookingFlight .checkbox {
  margin-right: 0;
  margin-bottom: 0;
}
.bookingFlight .checkbox .info {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.bookingFlight .checkbox .info a {
  color: var(--color-blue-primary, #0D52DB);
  text-decoration: none;
  font-weight: 500;
}
.bookingFlight .checkbox .whatsappInfo {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  display: flex;
  margin: 0;
}
.bookingFlight .checkbox .whatsappInfo .price {
  margin-left: 0.5rem;
}
.bookingFlight .checkbox .whatsappInfo a {
  color: var(--color-blue-primary, #0D52DB);
  text-decoration: none;
  font-weight: 500;
}
.bookingFlight .btn-primary {
  width: 100%;
}
.bookingFlight .box-timer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
}
.bookingFlight .box-timer img {
  width: 2rem;
  height: 2rem;
}
.bookingFlight .box-timer .ri {
  font-size: 1.7rem;
  color: var(--color-natural-300, #CBD5E1);
}
.bookingFlight .box-timer .info {
  margin: 0;
  font-size: 0.99563rem;
  color: var(--color-red-primary, #E42519);
  font-weight: 600;
}
.bookingFlight .container-btn-sm {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .bookingFlight .container-btn-sm {
    background-color: var(--color-white, #ffffff);
    padding-top: 1rem !important;
    z-index: 999;
    bottom: 0;
  }
}
.bookingFlight .no-position {
  background-color: var(--color-white, #ffffff);
}
.bookingFlight .pt-0 {
  padding-top: 0;
}

.flghtDetailsPopup .alicss {
  position: absolute;
  width: 100%;
  bottom: -10rem;
  height: 100%;
  overflow: hidden;
  border-top-right-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.flghtDetailsPopup .box-container {
  background-color: var(--color-white, #ffffff);
  height: 100%;
  overflow-x: auto;
  border-top-right-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.flghtDetailsPopup .box-container__Header {
  padding: 1rem;
  text-align: center;
  margin-bottom: 0.5rem;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.flghtDetailsPopup .box-container__Header .title {
  font-size: 1.0625rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  text-align: center;
}
.flghtDetailsPopup .box-container__Header .btn-close {
  background-color: transparent;
  border: none;
  padding: 0;
  width: max-content;
  position: absolute;
  top: 2rem;
  right: 1rem;
}
.flghtDetailsPopup .box-container__content {
  padding: 0.5rem;
  padding-top: 86px;
  padding-bottom: 10rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__Content {
  overflow: hidden;
  max-height: 0;
  transition: all ease-in-out 0.2s;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__Content.show {
  background-color: var(--color-natural-50, #F8FAFC);
  max-height: 500vh;
  transition: all ease-in-out 0.2s;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__Header .title {
  display: none;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight {
  padding: 1.5rem;
  background-color: var(--color-white, #ffffff);
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight.shadow {
  box-shadow: -2px 1px 11px 1px #E2E8F0;
  padding-bottom: 0.5rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content {
  padding-bottom: 1rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__TimeCenter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__TimeCenter .time {
  margin: 0;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content .dote {
  display: block;
  background-color: var(--color-natural-900, #0F172A);
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.25rem;
  border-radius: 50%;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Left {
  width: 20%;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Left {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Left .airlineInfo {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Left .airlineInfo .logo {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Left .airlineInfo__Content .airlinName {
  margin: 0;
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.25rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Left .airlineInfo__Content .type {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  display: flex;
  align-items: center;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Left .airlineInfo__Content .FlightTime {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 0 0.25rem;
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Left .airlineInfo__Content .FlightTime img {
  width: 16px;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center {
  width: 100%;
  display: flex;
  gap: 0 1.5rem;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .timeStart,
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .timeEnd {
  position: relative;
  width: 50px;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .timeStart .date,
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .timeEnd .date {
  font-size: 0.7rem;
  width: max-content;
  margin: 0;
  font-weight: 400;
  margin-top: 6px;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .timeStart .time,
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .timeEnd .time {
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .timeStart .code,
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .timeEnd .code {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .timeStart::after {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-200, #E2E8F0);
  border-radius: 100%;
  position: absolute;
  top: 10px;
  right: -20px;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .timeEnd::before {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-200, #E2E8F0);
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: -20px;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel {
  width: 100%;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-line {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-line::after {
  content: "";
  display: block;
  width: 50%;
  height: 0.0625rem;
  background-color: var(--color-natural-200, #E2E8F0);
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-line::before {
  content: "";
  display: block;
  width: 50%;
  height: 0.0625rem;
  background-color: var(--color-natural-200, #E2E8F0);
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-line .boxStops {
  display: flex;
  align-items: center;
  white-space: nowrap;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info {
    flex-wrap: wrap;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info .time,
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info .stops {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info .expand {
  padding: 0;
  background-color: transparent;
  border: none;
  color: var(--color-natural-900, #0F172A);
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info .expand {
    margin-top: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info .durationi {
    position: absolute;
    bottom: -9px;
    padding: 0 0.5rem;
    background: #F1F5F9;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info .stops {
    margin: 0;
    margin-top: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info .time {
    width: 100%;
    margin: 0;
    margin-top: 1rem;
    text-align: center;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info .dote {
  margin: 0 0.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info .dote {
    margin-top: 0.5rem;
  }
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info .dote:first-of-type {
    display: none;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right {
  width: 15%;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right .flightInfo {
  padding: 0.5rem 0.75rem;
  background-color: var(--color-natural-50, #F8FAFC);
  border-radius: 0.5rem;
  width: max-content;
  height: max-content;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right .flightInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right .flightInfo .planeInfo {
  margin-bottom: 0.38rem;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right .flightInfo .planeInfo {
    margin-bottom: 0;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right .flightInfo .planeInfo,
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right .flightInfo .package {
  display: flex;
  gap: 0.5rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right .flightInfo .planeInfo .planeName,
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right .flightInfo .planeInfo .packageInfo,
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right .flightInfo .package .planeName,
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right .flightInfo .package .packageInfo {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.75rem;
  font-weight: 400;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__showMore {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  margin-top: 1rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__showMore .line {
  width: 100%;
  height: 2px;
  background-color: var(--color-natural-200, #E2E8F0);
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__showMore .btn-showMore {
  background-color: transparent;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.25rem;
  white-space: nowrap;
  cursor: pointer;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  flex-wrap: wrap;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left {
    width: 100%;
    margin-bottom: 0.5rem;
    justify-content: space-between;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left .Coupon,
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left .refund {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  padding: 0.31rem 0.56rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left .Coupon .title,
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left .refund .title {
  margin: 0;
  font-size: 0.8875rem;
  font-weight: 500;
  color: var(--color-natural-500, #64748B);
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left .Coupon .title,
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left .refund .title {
    font-size: 0.59563rem;
    line-height: 106%;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left .refund .title {
  font-weight: 300;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left .Coupon {
  background-color: var(--color-green-primary, #00AC6B);
  border-radius: 1.06rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left .Coupon .title {
  color: var(--color-white, #ffffff);
  font-size: 0.88875rem;
  font-weight: 400;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Right {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Right {
    width: 100%;
    position: relative;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Right .title {
  margin: 0;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Right .pricing-coins {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Right .pricing-coins {
    width: 100%;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Right .price {
  margin: 0;
  font-size: 1.80188rem;
  font-weight: 500;
  margin-right: 1.5rem;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Right .price {
    margin-right: 0;
    width: 100%;
    font-size: 1.20938rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    margin-left: 0.5rem;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers {
  display: flex;
  gap: 0 0.5rem;
  margin-top: 1rem;
  display: none;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers.show {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers {
    flex-direction: column;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer {
  width: 33.3333333333%;
  padding: 1rem;
  border-radius: 0.38rem;
  border: 2px solid var(--color-natural-300, #CBD5E1);
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer .offer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer .offer-header .title {
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer .offer-header .price {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer .offer-header .coins-price {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer .offer-header .coins-price {
    flex-direction: column-reverse;
  }
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer .offer-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer .offer-info .title {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  font-size: 0.88875rem;
  font-weight: 400;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer .offer-info .info {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.88875rem;
  font-weight: 500;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer .btn-book {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  color: var(--color-blue-primary, #0D52DB);
  width: 100%;
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  margin-top: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  margin-top: auto;
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer.best {
  border: 2px solid var(--color-green-primary, #00AC6B);
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer.best .btn-book {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers .box-offer .see-more {
  background: none;
  border: 0;
  color: var(--color-blue-primary, #0D52DB);
  text-transform: capitalize;
  cursor: pointer;
  margin-bottom: 16px;
}
.flghtDetailsPopup .box-container__content .title {
  font-size: 1.20938rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  margin-bottom: 0.5rem;
}
.flghtDetailsPopup .box-container__content .airPlanName {
  background-color: var(--color-natural-100, #F1F5F9);
  width: max-content;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.flghtDetailsPopup .box-container__content .airPlanName:last-of-type {
  margin-bottom: 1.25rem;
}
.flghtDetailsPopup .box-container__content .airPlanName img {
  margin-right: 0.25rem;
}
.flghtDetailsPopup .box-container__content .airPlanName .name {
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  display: flex;
  align-items: center;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 1rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__Header .title {
  font-size: 1.42375rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1.5rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1.5rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-img {
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-img img {
  width: 100%;
  height: 100%;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-img .imgTransfer {
  object-fit: contain;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-info {
  display: flex;
  flex-direction: column;
  gap: 0 0.5rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-info .name {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-info .roomNum {
  font-size: 1rem;
  font-weight: 400;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails {
  margin-bottom: 1rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .name {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  margin: 0;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .name span {
  margin-left: 0.5rem;
  background-color: var(--color-natural-200, #E2E8F0);
  padding: 0.25rem 0.38rem;
  border-radius: 0.25rem;
  font-size: 0.88875rem;
  font-weight: 400;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees,
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .freeCancelation {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-green-primary, #00AC6B);
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees img,
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .freeCancelation img {
  margin-left: 0.5rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees {
  color: var(--color-natural-600, #475569);
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .box-info {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .box-info img {
  margin-right: 0.5rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .box-info .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .box-info .date {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate {
  margin-top: 1rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till,
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from {
  font-size: 0.88875rem;
  font-weight: 500;
  color: var(--color-natural-600, #475569);
  margin: 0;
  display: flex;
  align-items: center;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .from, .flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .till,
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .from,
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .till {
  width: 2.5rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till span,
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from span {
  margin-left: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till::before,
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from::before {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-400, #94A3B8);
  margin-right: 1.5rem;
  border-radius: 50%;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line {
  display: flex;
  height: 1rem;
}
.flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line::before {
  content: "";
  width: 1px;
  height: 1rem;
  background-color: var(--color-natural-400, #94A3B8);
  position: relative;
  left: 4px;
}
.flghtDetailsPopup .box-container__content .MuiTimeline-root {
  padding: 0;
  margin: 0;
}
.flghtDetailsPopup .box-container__content .MuiTimeline-root .flight-details .time {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  flex: 0.2;
}
.flghtDetailsPopup .box-container__content .MuiTimeline-root .flight-details .flight-info .location {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.flghtDetailsPopup .box-container__content .MuiTimeline-root .flight-details .flight-info .airportName {
  color: var(--color-natural-500, #64748B);
  font-size: 0.88875rem;
  font-weight: 400;
  display: block;
  text-align: left;
}
.flghtDetailsPopup .box-container__content .MuiTimeline-root .flight-details .flight-info .terminal {
  color: var(--color-natural-500, #64748B);
  font-size: 0.88875rem;
  font-weight: 400;
  margin-bottom: 0.75rem;
  display: block;
  text-align: left;
}
.flghtDetailsPopup .box-container__content .MuiTimeline-root .flight-details .flight-info .date {
  display: flex;
  align-items: center;
  font-size: 0.88875rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
}
.flghtDetailsPopup .box-container__content .MuiTimeline-root .flight-details .flight-info .date img {
  margin-right: 0.5rem;
}
.flghtDetailsPopup .box-container__content .MuiTimeline-root .flight-details .flight-info .mb-0 {
  margin-bottom: 0;
}
.flghtDetailsPopup .box-container__content .MuiTimeline-root .flight-details .flight-info .FlightTime {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
  text-align: left;
  margin-bottom: 6.5rem;
  display: block;
}
.flghtDetailsPopup .box-container__content .MuiTimeline-root .flight-details .flight-info.bottom {
  margin-top: -5rem;
}
.flghtDetailsPopup .box-container__content .MuiTimeline-root .MuiTimelineSeparator-root .icon {
  margin-right: -7px;
  position: relative;
  left: -4px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.flghtDetailsPopup .box-container__content .dote {
  display: block;
  background-color: var(--color-natural-400, #94A3B8);
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.5rem;
  border-radius: 50%;
}
.flghtDetailsPopup .box-container__content .btn-select {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 0.5rem;
  border: none;
  color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  padding: 0.88rem 1.5rem;
  justify-content: center;
  font-size: 1.0625rem;
  font-weight: 400;
}
.flghtDetailsPopup .box-container__content .btn-select img {
  margin-right: 0.5rem;
}
.flghtDetailsPopup.DrawerFlightDetailsPopup .FlightDetails_upper__FlightDeteails__Content {
  display: block !important;
}

.TotalOrderPopup {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999999;
}
.TotalOrderPopup .box-container {
  background-color: var(--color-white, #ffffff);
  width: 40rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  outline: none;
}
@media only screen and (max-width: 768px) {
  .TotalOrderPopup .box-container {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.TotalOrderPopup .box-container__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 2rem;
}
.TotalOrderPopup .box-container__Header .title {
  font-size: 1.26563rem;
  font-weight: 500;
  margin: 0;
}
.TotalOrderPopup .box-container__Header .btn-close {
  background-color: transparent;
  border: none;
  padding: 0;
  width: max-content;
  cursor: pointer;
}
.TotalOrderPopup .box-container__content .p-description {
  margin: 0;
  margin-bottom: 1rem;
  font-size: 1rem;
  color: var(--color-natural-600, #475569);
}
.TotalOrderPopup .box-container__content .orderList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.TotalOrderPopup .box-container__content .orderList .orderItem {
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}
.TotalOrderPopup .box-container__content .orderList .orderItem:last-of-type {
  margin-bottom: 2rem;
}
.TotalOrderPopup .box-container__content .orderList .orderItem {
  position: relative;
}
.TotalOrderPopup .box-container__content .orderList .orderItem::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: var(--color-natural-400, #94A3B8);
  position: absolute;
  top: 10px;
  left: 0;
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item {
  width: 100%;
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .header .title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  text-transform: capitalize;
  margin-top: 0;
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .header .title .text {
  margin: 0;
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .header .title .learnMore {
  color: var(--color-blue-primary, #0D52DB);
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .header .title .remove-btn {
  padding: 0;
  text-transform: none;
  font-weight: 400;
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .header .price {
  display: flex;
  align-items: center;
  color: var(--color-natural-900, #0F172A);
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .header .price.voucher {
  color: var(--color-green-primary, #00AC6B);
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .header .price .total {
  font-size: 1rem;
  font-weight: 600;
  margin-right: 1rem;
  color: inherit;
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .header .price img {
  cursor: pointer;
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .info {
  margin: 0;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.5rem;
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .info .from,
.TotalOrderPopup .box-container__content .orderList .orderItem .item .info .to {
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-right: 0.5rem;
}
.TotalOrderPopup .box-container__content .orderList .orderItem .item .info img {
  margin-right: 0.5rem;
}
.TotalOrderPopup .box-container .totalTrip {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.TotalOrderPopup .box-container .totalTrip .total {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
}
.TotalOrderPopup .box-container .totalTrip .price {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
}
.TotalOrderPopup .box-container .totalTrip .text-gray {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
}
.TotalOrderPopup .box-container .success {
  margin-bottom: 1rem;
}
.TotalOrderPopup .box-container .box-btn {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1rem;
}
.TotalOrderPopup .box-container .box-btn .btn-social {
  width: 100%;
  margin-bottom: 0.5rem;
  background-color: transparent;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.75rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all ease-in-out 0.3s;
  color: var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
}
.TotalOrderPopup .box-container .box-btn .btn-social:hover {
  border-color: var(--color-blue-primary, #0D52DB);
}
.TotalOrderPopup .box-container .w-100 {
  width: 100%;
}
.TotalOrderPopup.faerBreakdown .orderList {
  height: 60vh;
  overflow-y: auto;
  padding-right: 5px;
}
.TotalOrderPopup.faerBreakdown .orderList::-webkit-scrollbar {
  width: 3px;
  height: 5px;
  background-color: var(--color-natural-200, #E2E8F0);
}
.TotalOrderPopup.faerBreakdown .orderList::-webkit-scrollbar-thumb {
  background: var(--color-blue-primary, #0D52DB);
}

.PassportPopupLG {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999999;
}
.PassportPopupLG .box-container {
  background-color: var(--color-white, #ffffff);
  width: 40rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  outline: none;
}
.PassportPopupLG .box-container__content .title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 1.25rem;
}
.PassportPopupLG .box-container__content .p-description {
  margin: 0;
  margin-bottom: 1.25rem;
  font-size: 1rem;
  color: var(--color-natural-800, #1E293B);
}
.PassportPopupLG .box-container__content .p-info {
  margin: 0;
  margin-bottom: 1.25rem;
  font-size: 0.75rem;
  color: var(--color-natural-900, #0F172A);
}
.PassportPopupLG .box-container__content .alert-error {
  margin-bottom: 1.25rem;
}
.PassportPopupLG .box-container__content .passport-info {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  gap: 0 2rem;
}
.PassportPopupLG .box-container__content .passport-info .item .Name {
  font-size: 1rem;
}
.PassportPopupLG .box-container__content .passport-info .item .Value {
  font-size: 1rem;
  font-weight: 600;
}
.PassportPopupLG .box-container__Action {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  gap: 0 0.5rem;
}
.PassportPopupLG .box-container__Action .label-uplode {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  padding: 0.75rem 3.5rem;
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 0.5rem;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
}
.PassportPopupLG .box-container__Action .label-uplode .name {
  font-size: 1rem;
  color: var(--color-white, #ffffff);
}
.PassportPopupLG .box-container__Action .label-uplode input {
  display: none;
}
.PassportPopupLG .box-container__Action .btn-border {
  border: 1px solid var(--color-blue-primary, #0D52DB);
  background-color: transparent;
  border-radius: 0.5rem;
  padding: 0.88rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  width: 100%;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
}
.PassportPopupLG .box-container__Action .btn-loading {
  width: 100%;
  flex-direction: row-reverse;
}
.PassportPopupLG .box-container__Action .btn-applay {
  white-space: pre;
  flex-direction: row-reverse;
}

.passportDrawerSM__Container {
  padding: 1.5rem;
}
.passportDrawerSM__Container__Content .title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 1.25rem;
}
.passportDrawerSM__Container__Content .p-description {
  margin: 0;
  margin-bottom: 1.25rem;
  font-size: 1rem;
  color: var(--color-natural-800, #1E293B);
}
.passportDrawerSM__Container__Content .p-info {
  margin: 0;
  margin-bottom: 1.25rem;
  font-size: 0.75rem;
  color: var(--color-natural-900, #0F172A);
}
.passportDrawerSM__Container__Content .alert-error {
  margin-bottom: 1.25rem;
}
.passportDrawerSM__Container__Content .passport-info {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  gap: 0 2rem;
}
.passportDrawerSM__Container__Content .passport-info .item .Name {
  font-size: 1rem;
}
.passportDrawerSM__Container__Content .passport-info .item .Value {
  font-size: 1rem;
  font-weight: 600;
}
.passportDrawerSM__Container__Action {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  gap: 0 0.5rem;
}
.passportDrawerSM__Container__Action .label-uplode {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  padding: 0.75rem 3.5rem;
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 0.5rem;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
}
.passportDrawerSM__Container__Action .label-uplode .name {
  font-size: 1rem;
  color: var(--color-white, #ffffff);
}
.passportDrawerSM__Container__Action .label-uplode input {
  display: none;
}
.passportDrawerSM__Container__Action .btn-border {
  border: 1px solid var(--color-blue-primary, #0D52DB);
  background-color: transparent;
  border-radius: 0.5rem;
  padding: 0.88rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  width: 100%;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  white-space: pre;
}
.passportDrawerSM__Container__Action .btn-loading {
  width: 100%;
  flex-direction: row-reverse;
  font-size: 1rem;
}
.passportDrawerSM__Container__Action .btn-applay {
  white-space: pre;
  flex-direction: row-reverse;
  width: auto;
}

.AncillaryPopup {
  display: flex;
  align-items: center;
  justify-content: center;
}
.AncillaryPopup .box-container {
  background-color: var(--color-white, #ffffff);
  width: 40rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .AncillaryPopup .box-container {
    margin-left: 5px;
    margin-right: 5px;
    width: 100%;
  }
}
.AncillaryPopup .box-container__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 0.5rem;
}
.AncillaryPopup .box-container__Header .title {
  font-size: 1.26563rem;
  font-weight: 500;
  margin: 0;
}
.AncillaryPopup .box-container__Header .btn-close {
  background-color: transparent;
  border: none;
  padding: 0;
  width: max-content;
}
.AncillaryPopup .box-container__content .info {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.AncillaryPopup .box-container__content .background {
  border-radius: 0.25rem;
  height: 13.125rem;
  width: 100%;
  margin-bottom: 1.5rem;
}
.AncillaryPopup .box-container__content .info-content {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 1.5rem;
}
.AncillaryPopup .box-container__content .inputCheck {
  display: flex;
  justify-content: flex-end;
}
.AncillaryPopup .box-container__content .inputCheck .MuiFormGroup-root {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  .AncillaryPopup .box-container__content .inputCheck .MuiFormGroup-root {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.AncillaryPopup .box-container__content .inputCheck .MuiFormControlLabel-root {
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.75rem 1rem;
  margin-right: 0.5rem;
  border-radius: 0.25rem;
}
@media only screen and (max-width: 768px) {
  .AncillaryPopup .box-container__content .inputCheck .MuiFormControlLabel-root {
    width: 48%;
  }
}
.AncillaryPopup .box-container__content .inputCheck .MuiFormControlLabel-root:last-of-type {
  margin-right: 0;
}
.AncillaryPopup .box-container__content .inputCheck .MuiFormControlLabel-root .MuiRadio-root {
  padding: 0;
  margin-right: 0.5rem;
}
.AncillaryPopup .box-container__content .inputCheck .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}

.InsurancePopup {
  display: flex;
  align-items: center;
  justify-content: center;
}
.InsurancePopup .box-container {
  background-color: var(--color-white, #ffffff);
  width: 40rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .InsurancePopup .box-container {
    margin-left: 5px;
    margin-right: 5px;
    width: 100%;
  }
}
.InsurancePopup .box-container__content {
  text-align: center;
}
.InsurancePopup .box-container__content .title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.InsurancePopup .box-container__content .info {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  margin-bottom: 1.25rem;
}
.InsurancePopup .box-container__content .div-btn {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .InsurancePopup .box-container__content .div-btn {
    flex-direction: column;
  }
}
.InsurancePopup .box-container__content .div-btn .btn-skip {
  width: auto;
  margin-right: 0.5rem;
  background-color: transparent;
  border: none;
  color: var(--color-blue-primary, #0D52DB);
  border-radius: 0.5rem;
  font-size: 1rem;
  text-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  .InsurancePopup .box-container__content .div-btn .btn-skip {
    order: 2;
    font-size: 0.8rem;
  }
}
.InsurancePopup .box-container__content .div-btn .btn-apply {
  width: 100%;
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem;
  border-radius: 0.5rem;
  font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .InsurancePopup .box-container__content .div-btn .btn-apply {
    width: 100%;
    margin-bottom: 0;
    order: 1;
    margin-bottom: 0.5rem;
  }
}
.InsurancePopup .box-container__content .div-btn .btn-apply img {
  margin-right: 0.5rem;
}

.SeatChoosePopup .contentScroll {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.SeatChoosePopup .box-container {
  background-color: var(--color-white, #ffffff);
  height: 100%;
  border-top-right-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.SeatChoosePopup .box-container__Header {
  padding: 1rem;
  text-align: center;
  margin-bottom: 0.5rem;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.SeatChoosePopup .box-container__Header .title {
  font-size: 1.0625rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.SeatChoosePopup .box-container__Header .showSeats {
  background-color: transparent;
  border: none;
}
.SeatChoosePopup .box-container__Header .showSeats .Iconinfo {
  width: 25px;
  height: 25px;
}
.SeatChoosePopup .box-container__Header .btn-close {
  background-color: transparent;
  border: none;
  padding: 0;
  width: max-content;
  position: absolute;
  top: 2rem;
  right: 1rem;
}
.SeatChoosePopup .box-container .traveller {
  display: flex;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
  scroll-behavior: smooth;
  cursor: pointer;
  padding-top: 0.25rem;
  margin-top: 0.5rem;
}
.SeatChoosePopup .box-container .traveller > * {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.SeatChoosePopup .box-container .traveller::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.SeatChoosePopup .box-container .traveller .Box-traveller {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.75rem;
  border-radius: 0.5rem;
  width: max-content;
  cursor: pointer;
}
.SeatChoosePopup .box-container .traveller .Box-traveller .title {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.12rem;
}
.SeatChoosePopup .box-container .traveller .Box-traveller .fromTo {
  display: flex;
  align-content: center;
  gap: 0 0.25rem;
  align-items: center;
}
.SeatChoosePopup .box-container .traveller .Box-traveller .fromTo span {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.SeatChoosePopup .box-container .traveller .Box-traveller .iconWhite {
  display: none;
}
.SeatChoosePopup .box-container .traveller .Box-traveller.active {
  background-color: var(--color-blue-primary, #0D52DB);
}
.SeatChoosePopup .box-container .traveller .Box-traveller.active .iconDark {
  display: none;
}
.SeatChoosePopup .box-container .traveller .Box-traveller.active .iconWhite {
  display: block;
  width: 16px;
  height: 17px;
}
.SeatChoosePopup .box-container .traveller .Box-traveller.active .title {
  color: var(--color-white, #ffffff);
}
.SeatChoosePopup .box-container .traveller .Box-traveller.active .fromTo span {
  color: var(--color-white, #ffffff);
}
.SeatChoosePopup .box-container .BoxSelect {
  margin-bottom: 1.5rem;
}
.SeatChoosePopup .box-container .BoxSelect .Customeselect {
  width: 100%;
}
.SeatChoosePopup .box-container .BoxSelect #select-Seats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
}
.SeatChoosePopup .box-container .BoxSelect #select-Seats .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SeatChoosePopup .box-container .BoxSelect #select-Seats .seat {
  background-color: var(--color-yellow-primary, #FFCC00);
  padding: 0.38rem;
  border-radius: 0.19rem;
  font-size: 0.93313rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.SeatChoosePopup .box-container .BoxSelect #select-Seats .seat span {
  font-weight: 500 !important;
}
.SeatChoosePopup .box-container__content {
  padding: 1rem;
  padding-top: 86px;
  padding-bottom: 10rem;
}
.SeatChoosePopup .box-container__content .contanet-container {
  height: calc(100vh - 275px);
  overflow: hidden;
  overflow-y: auto;
  position: relative;
}
.SeatChoosePopup .box-container__content .SeatChoose {
  display: flex;
  justify-content: space-between;
}
.SeatChoosePopup .box-container__content .SeatChoose::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.SeatChoosePopup .box-container__content .SeatChoose .Box-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  top: 2rem;
  visibility: hidden;
}
.SeatChoosePopup .box-container__content .SeatChoose .Box-loading img {
  opacity: 0;
  transition: all ease-in-out 0.5s;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  position: sticky;
  top: 0;
  background-color: var(--color-white, #ffffff);
  z-index: 99;
  gap: 0 0.5rem;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Header__Top {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.19rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Header__Top:last-of-type {
  margin-right: 0;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Header__Top span {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Content {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  gap: 0 0.5rem;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.19rem;
  background-color: var(--color-natural-300, #CBD5E1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
  position: relative;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box:last-of-type {
  margin-right: 0;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box input {
  display: none;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box .Iconselect {
  opacity: 0;
  transition: all ease-in-out 0.3s;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box:has(input:checked) .Iconselect {
  opacity: 1;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box:has(input:checked) {
  background-color: var(--color-blue-primary, #0D52DB);
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box.notSelected {
  background-color: var(--color-natural-400, #94A3B8);
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box.special {
  background-color: var(--color-yellow-primary, #FFCC00);
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box.hiiden {
  visibility: hidden;
}
.SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box .seat_hover_box {
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: fit-content;
  height: fit-content;
  background-color: #ffffff;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease-in-out;
  z-index: 2;
  padding: 5px;
  border-radius: 3px;
  font-size: 0.9rem;
  padding: 10px 25px;
  color: var(--color-natural-900, #0F172A);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box:active .seat-hover-box, .SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box:focus .seat-hover-box, .SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box:focus-visible .seat-hover-box {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}
.SeatChoosePopup .box-container__content .SeatChoose__Corridor__Header {
  margin-bottom: 0.5rem;
}
.SeatChoosePopup .box-container__content .SeatChoose__Corridor__Header .emptyBox {
  width: 1.5rem;
  height: 1.5rem;
}
.SeatChoosePopup .box-container__content .SeatChoose__Corridor__BoxNumber {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.SeatChoosePopup .box-container__content .SeatChoose.loading .Box-loading {
  visibility: visible;
}
.SeatChoosePopup .box-container__content .SeatChoose.loading .Box-loading img {
  opacity: 1;
  transition: all ease-in-out 0.5s;
}
.SeatChoosePopup .box-container__content .SeatChoose.loading {
  transition: all ease-in-out 0.5s;
}
.SeatChoosePopup .box-container__content .SeatChoose.loading .SeatChoose__Layout, .SeatChoosePopup .box-container__content .SeatChoose.loading .SeatChoose__Corridor {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.5s;
}
.SeatChoosePopup .box-container__content .Btn-Footer {
  position: sticky;
  bottom: 0;
  background-color: var(--color-natural-100, #F1F5F9);
  padding: 1 0.5rem;
}
.SeatChoosePopup .box-container__content .Btn-Footer .btnDone {
  background-color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  margin-top: 0.5rem;
  padding: 0.88rem;
  border: none;
  color: var(--color-white, #ffffff);
  border-radius: 0.5rem;
  width: 100%;
}

.seatTypePopups .seatTypes {
  margin-top: 0;
}

.MuiList-root .customeSeatMenuItem {
  display: flex !important;
  justify-content: space-between !important;
}
.MuiList-root .customeSeatMenuItem .seat {
  background-color: var(--color-yellow-primary, #FFCC00);
  padding: 0.38rem;
  border-radius: 0.19rem;
  font-size: 0.93313rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.MuiList-root .customeSeatMenuItem .seat span {
  font-weight: 500 !important;
}

.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes, .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes, .seatTypePopups .seatTypes {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.25rem;
  padding: 1rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type, .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type, .seatTypePopups .seatTypes .type {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type:last-of-type, .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type:last-of-type, .seatTypePopups .seatTypes .type:last-of-type {
  margin-bottom: 0;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box, .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box, .seatTypePopups .seatTypes .type .box {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 0.19rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.notSelect, .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.notSelect, .seatTypePopups .seatTypes .type .box.notSelect {
  background-color: var(--color-natural-400, #94A3B8);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.select, .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.select, .seatTypePopups .seatTypes .type .box.select {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.standard, .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.standard, .seatTypePopups .seatTypes .type .box.standard {
  background-color: var(--color-natural-300, #CBD5E1);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.cheapest, .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.cheapest, .seatTypePopups .seatTypes .type .box.cheapest {
  background-color: var(--color-yellow-primary, #FFCC00);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.extra, .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.extra, .seatTypePopups .seatTypes .type .box.extra {
  background-color: var(--color-blue-dark, #1E3A8A);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .title, .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .title, .seatTypePopups .seatTypes .type .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 1.2rem;
}

.paymentFlight__Container {
  padding: 2rem 5rem;
  display: flex;
  gap: 0 1.25rem;
}
@media only screen and (max-width: 768px) {
  .paymentFlight__Container {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.paymentFlight__Container__Left {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .paymentFlight__Container__Left {
    width: 100%;
  }
}
.paymentFlight__Container__Left .boxContent {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .paymentFlight__Container__Left .boxContent {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.paymentFlight__Container__Left .boxContent .title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment,
.paymentFlight__Container__Left .boxContent__PaymentChose .PaymentSelect {
  width: 100%;
  display: block;
  cursor: pointer;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 1.5rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
  transition: all ease-in-out 0.3s;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment input[type=radio],
.paymentFlight__Container__Left .boxContent__PaymentChose .PaymentSelect input[type=radio] {
  display: none;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .header,
.paymentFlight__Container__Left .boxContent__PaymentChose .PaymentSelect .header {
  display: flex;
  align-items: center;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .header .radio,
.paymentFlight__Container__Left .boxContent__PaymentChose .PaymentSelect .header .radio {
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--color-natural-400, #94A3B8);
  border-radius: 50%;
  margin-right: 1rem;
  transition: all ease-in-out 0.2s;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .header img,
.paymentFlight__Container__Left .boxContent__PaymentChose .PaymentSelect .header img {
  margin-right: 0.5rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .header .name,
.paymentFlight__Container__Left .boxContent__PaymentChose .PaymentSelect .header .name {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content,
.paymentFlight__Container__Left .boxContent__PaymentChose .PaymentSelect .content {
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: all ease-in-out 0.2s;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .btn,
.paymentFlight__Container__Left .boxContent__PaymentChose .PaymentSelect .content .btn {
  background-color: var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1rem;
  color: var(--color-white, #ffffff);
  border: none;
  border-radius: 0.2rem;
  display: block;
  margin: 15px auto;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .header .left .radio,
.paymentFlight__Container__Left .boxContent__PaymentChose .PaymentSelect input[type=radio]:checked ~ .header .left .radio {
  border: 5px solid var(--color-blue-primary, #0D52DB);
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .content,
.paymentFlight__Container__Left .boxContent__PaymentChose .PaymentSelect input[type=radio]:checked ~ .content {
  height: max-content;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment {
  flex-direction: column;
  align-items: flex-start;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .header .left {
  display: flex;
  align-items: center;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content {
  height: 0;
  width: 100%;
  overflow: hidden;
  transition: all ease-in-out 0.3s;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .MuiFormControl-root {
  width: 100%;
  margin-bottom: 0.5rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards {
  margin-top: 1.5rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards .boxTitle {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container {
  display: flex;
  flex-wrap: wrap;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard {
  padding: 1rem;
  background-color: var(--color-natural-50, #F8FAFC);
  margin-right: 0.5rem;
  width: 32.2580645161%;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard {
    width: 100%;
  }
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard:last-of-type {
  margin-right: 0;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber .numberHiden {
  margin-right: 1rem;
  font-size: 1.125rem;
  font-weight: 400;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber .number {
  font-size: 1.125rem;
  font-weight: 400;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardEx .exp {
  font-size: 0.875rem;
  color: var(--color-natural-500, #64748B);
  margin-right: 2rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardEx .date {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .p-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content apple-pay-button {
  width: 100% !important;
  margin-bottom: 1rem;
  min-height: 40px;
  display: block !important;
  --apple-pay-button-height: 48px;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .header .left .radio {
  border: 5px solid var(--color-blue-primary, #0D52DB);
}
.paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .content {
  height: max-content;
  padding-top: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .content {
    height: max-content;
  }
}
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount {
  margin-top: 1.25rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount__Header .title {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.75rem;
  display: block;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount__Header .showDetails {
  display: flex;
  align-items: center;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  cursor: pointer;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount__Header .showDetails img {
  margin-right: 0.5rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount .totalList {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  margin-bottom: 0.75rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item .name,
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item .price {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  text-transform: capitalize;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item .name.bold,
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item .price.bold {
  font-weight: 600;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item .price.voucher {
  color: var(--color-green-primary, #00AC6B) !important;
}
.paymentFlight__Container__Left .boxContent__PaymentChose .PaymentChoseInfo {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin: 1.25rem 0 0.5rem;
}
.paymentFlight__Container__Left .CoinsChance,
.paymentFlight__Container__Left .EligibleEarn {
  background-color: var(--color-yellow-primary, #FFCC00);
  min-height: 2.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.25rem;
}
.paymentFlight__Container__Left .CoinsChance span,
.paymentFlight__Container__Left .EligibleEarn span {
  color: var(--color-natural-800, #1E293B);
  font-size: 1rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 0.5rem;
}
.paymentFlight__Container__Left .CoinsChance span .coins,
.paymentFlight__Container__Left .EligibleEarn span .coins {
  background-color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  padding: 0.3125rem 0.8625rem;
  border-radius: 0.9rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.paymentFlight__Container__Left .CoinsChance__Content {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .paymentFlight__Container__Left .CoinsChance__Content {
    padding: 0.25rem 0.5rem;
  }
}
.paymentFlight__Container__Left .CoinsChance__Content a {
  color: var(--color-blue-primary, #0D52DB);
  text-decoration: none;
  font-size: 0.88875rem;
}
.paymentFlight__Container__Right {
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .paymentFlight__Container__Right {
    width: 100%;
  }
}
.paymentFlight__Container__Right .boxContent {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__Header .title {
  font-size: 1.42375rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1.5rem;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__Header__details {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1.5rem;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-img {
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-img img {
  width: 100%;
  height: 100%;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-info {
  display: flex;
  flex-direction: column;
  gap: 0 0.5rem;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-info .name {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-info .roomNum {
  font-size: 1rem;
  font-weight: 400;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails {
  margin-bottom: 1rem;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .name {
  display: flex;
  align-items: center;
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  margin: 0;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .name span {
  margin-left: 0.5rem;
  background-color: var(--color-natural-200, #E2E8F0);
  padding: 0.25rem 0.38rem;
  border-radius: 0.25rem;
  font-size: 0.88875rem;
  font-weight: 400;
  text-align: center;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees,
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .freeCancelation {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-green-primary, #00AC6B);
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees img,
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .freeCancelation img {
  margin-left: 0.5rem;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees {
  color: var(--color-natural-600, #475569);
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info img {
  margin-right: 0.5rem;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info .date {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate {
  margin-top: 1rem;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till,
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from {
  font-size: 0.88875rem;
  font-weight: 500;
  color: var(--color-natural-600, #475569);
  margin: 0;
  display: flex;
  align-items: center;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .from,
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .till,
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .from,
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .till {
  width: 2.5rem;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till span,
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from span {
  margin-left: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till::before,
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from::before {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-400, #94A3B8);
  margin-right: 1.5rem;
  border-radius: 50%;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line {
  display: flex;
  height: 1rem;
}
.paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line::before {
  content: "";
  width: 1px;
  height: 1rem;
  background-color: var(--color-natural-400, #94A3B8);
  position: relative;
  left: 4px;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Header {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Header .title {
  margin: 0;
  font-size: 1.42375rem;
  color: var(--color-natural-900, #0F172A);
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Header .change {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  font-weight: 400;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .title {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  margin: 0;
  margin-bottom: 0.5rem;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .title span {
  color: var(--color-natural-400, #94A3B8);
  font-weight: 600;
  margin-left: 0.5rem;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .airPlanName {
  background-color: var(--color-natural-100, #F1F5F9);
  width: max-content;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .airPlanName:last-of-type {
  margin-bottom: 1.25rem;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .airPlanName img {
  margin-right: 0.25rem;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .airPlanName .name {
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  display: flex;
  align-items: center;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .MuiTimeline-root {
  padding: 0;
  margin: 0;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .MuiTimeline-root .flight-details .time {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  flex: 0.2;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .location {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .airportName {
  color: var(--color-natural-500, #64748B);
  font-size: 0.88875rem;
  font-weight: 400;
  margin-bottom: 0.75rem;
  display: block;
  text-align: left;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .date {
  display: flex;
  align-items: center;
  font-size: 0.88875rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .date img {
  margin-right: 0.5rem;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .mb-0 {
  margin-bottom: 0;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .FlightTime {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
  text-align: left;
  margin-bottom: 1.5rem;
  display: block;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .MuiTimeline-root .MuiTimelineSeparator-root .icon {
  margin-right: -7px;
  position: relative;
  left: -4px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.paymentFlight__Container__Right .boxContent__FlightDeteails__Content .dote {
  display: block;
  background-color: var(--color-natural-400, #94A3B8);
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.5rem;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .paymentFlight__Container__Right .boxContent.ds-none-sm {
    display: none;
  }
}
.paymentFlight__Container__Right .boxContent__Timer {
  display: flex;
  align-items: center;
}
.paymentFlight__Container__Right .boxContent__Timer .ri {
  margin-right: 0.5rem;
  font-size: 1.499rem;
}
.paymentFlight__Container__Right .boxContent__Timer .info {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.paymentFlight__Container__Right .boxContent__Timer .info span {
  color: var(--color-red-primary, #E42519);
  font-weight: 900;
}
.paymentFlight__Container__Right .boxContent__TimerPrice .info {
  font-size: 0.88875rem;
  margin: 0;
  margin-top: 0.5rem;
}
.paymentFlight__Container__Right .boxContent__TimerPrice .info .price {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-700, #334155);
  margin: 0 0.25rem;
  display: inline-block;
}
.paymentFlight__Container__Right .boxContent__FareBreakDown__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.paymentFlight__Container__Right .boxContent__FareBreakDown__Header .title {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.paymentFlight__Container__Right .boxContent__FareBreakDown__Header .showDetails {
  display: flex;
  align-items: center;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  cursor: pointer;
}
.paymentFlight__Container__Right .boxContent__FareBreakDown__Header .showDetails img {
  margin-right: 0.5rem;
}
.paymentFlight__Container__Right .boxContent__FareBreakDown__Invoice {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1.5rem;
}
.paymentFlight__Container__Right .boxContent__FareBreakDown__Invoice .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.paymentFlight__Container__Right .boxContent__FareBreakDown__Invoice .item .name {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.paymentFlight__Container__Right .boxContent__FareBreakDown__Invoice .item .price {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
}
.paymentFlight__Container__Right .boxContent__FareBreakDown__Invoice .item.primary {
  margin-top: 1.5rem;
}
.paymentFlight__Container__Right .boxContent__FareBreakDown__Invoice .item.primary .name,
.paymentFlight__Container__Right .boxContent__FareBreakDown__Invoice .item.primary .price {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
}
.paymentFlight .alert {
  text-align: center;
  background-color: var(--color-yellow-background, #FFF49D);
  padding: 0.5rem;
  margin-top: 0.5rem;
}
.paymentFlight .alert span {
  font-size: 0.88875rem;
  font-weight: 400;
}
.paymentFlight #card-element {
  width: 100%;
}

.RedeemPopup {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999999;
}
.RedeemPopup .box-container {
  background-color: var(--color-white, #ffffff);
  width: 40rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  outline: none;
}
@media only screen and (max-width: 768px) {
  .RedeemPopup .box-container {
    width: 100%;
    height: 100%;
    margin-right: 10px;
    margin-left: 10px;
  }
}
.RedeemPopup .box-container__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 0.5rem;
}
.RedeemPopup .box-container__Header .title {
  font-size: 1.26563rem;
  font-weight: 500;
  margin: 0;
}
.RedeemPopup .box-container__Header .btn-close {
  background-color: transparent;
  border: none;
  padding: 0;
  width: max-content;
  cursor: pointer;
}
.RedeemPopup .box-container__content .info {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.RedeemPopup .box-container__content .info-coins {
  margin: 0;
  margin-bottom: 1rem;
  color: var(--color-blue-primary, #0D52DB);
}
.RedeemPopup .box-container__content .info-coins span {
  font-size: 0.88875rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
}
.RedeemPopup .box-container .MuiFormControl-root {
  width: 50%;
  margin-bottom: 1rem;
}
.RedeemPopup .box-container .err,
.RedeemPopup .box-container .succes {
  font-size: 0.88875rem;
  font-weight: 400;
}
.RedeemPopup .box-container .err span,
.RedeemPopup .box-container .succes span {
  font-weight: 700;
}
.RedeemPopup .box-container .err {
  color: var(--color-red-primary, #E42519);
}
.RedeemPopup .box-container .err span {
  color: var(--color-red-primary, #E42519);
}
.RedeemPopup .box-container .succes {
  color: var(--color-green-primary, #00AC6B);
}

.bookingConfirmed {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .bookingConfirmed__Content {
    margin-top: 2rem;
  }
}
.bookingConfirmed__Content .gif {
  width: 16rem;
  height: 16rem;
  display: block;
  margin: 0 auto 0;
}
@media only screen and (max-width: 768px) {
  .bookingConfirmed__Content .gif {
    width: 10rem;
    height: 10rem;
    margin: 0 auto 0rem;
  }
}
.bookingConfirmed__Content .title {
  margin: 0;
  font-size: 1.80188rem;
  font-weight: 700;
  color: var(--color-natural-900, #0F172A);
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .bookingConfirmed__Content .title {
    font-size: 1.5rem;
  }
}
.bookingConfirmed__Content .refNumber {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1.5rem;
  text-align: center;
}
.bookingConfirmed__Content .info {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  text-align: center;
  margin-bottom: 1.5rem;
}
.bookingConfirmed__Content .boxInfo {
  border-radius: 0.5rem;
  padding: 1.25rem;
  border: 2px dashed var(--color-blue-primary, #0D52DB);
  margin-bottom: 1rem;
}
.bookingConfirmed__Content .boxInfo .passengerInfo {
  background-color: var(--color-blue-primary, #0D52DB);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.bookingConfirmed__Content .boxInfo .passengerInfo .title {
  margin: 0;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  display: block;
  text-align: left;
}
.bookingConfirmed__Content .boxInfo .passengerInfo .details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingConfirmed__Content .boxInfo .passengerInfo .details {
    flex-direction: column;
    align-items: flex-start;
  }
}
.bookingConfirmed__Content .boxInfo .passengerInfo .details span {
  color: var(--color-white, #ffffff);
  font-size: 0.88875rem;
  font-weight: 40;
}
.bookingConfirmed__Content .boxInfo .passengerInfo .phone {
  display: flex;
  gap: 0 0.25rem;
}
.bookingConfirmed__Content .boxInfo .flightDetails .title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 1.5rem;
  display: block;
  text-align: left;
}
.bookingConfirmed__Content .boxInfo .flightDetails .boxList {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingConfirmed__Content .boxInfo .flightDetails .boxList {
    flex-direction: column;
    align-items: inherit;
  }
}
.bookingConfirmed__Content .boxInfo .flightDetails .boxList .list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bookingConfirmed__Content .boxInfo .flightDetails .boxList .list .item {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.bookingConfirmed__Content .boxInfo .flightDetails .boxList .list .item .name {
  width: 6.5rem;
  font-size: 0.88875rem;
  font-weight: 400;
  text-align: left;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingConfirmed__Content .boxInfo .flightDetails .boxList .list .item .name {
    width: 100%;
    text-align: left;
  }
}
.bookingConfirmed__Content .boxInfo .flightDetails .boxList .list .item .info {
  margin: 0;
  width: 11.25rem;
  font-size: 0.88875rem;
  font-weight: 400;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .bookingConfirmed__Content .boxInfo .flightDetails .boxList .list .item .info {
    width: 100%;
    text-align: left;
  }
}
.bookingConfirmed__Content .p-info {
  margin-bottom: 3rem;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
.bookingConfirmed__Content .div-btn {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .bookingConfirmed__Content .div-btn {
    padding: 0 0.5rem;
    flex-direction: column;
  }
}
.bookingConfirmed__Content .div-btn .btn-back {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-right: 0.5rem;
  width: 100%;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bookingConfirmed__Content .div-btn .btn-back {
    margin-bottom: 1rem;
    margin-right: 0;
  }
}
.bookingConfirmed__Content .div-btn .btn-back img {
  margin-right: 0.5rem;
}
.bookingConfirmed__Content .div-btn .btn-back .ri {
  margin-right: 0.5rem;
  font-size: 1.25rem;
}
.bookingConfirmed__Content .div-btn .btn-download {
  background-color: var(--color-blue-primary, #0D52DB);
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.bookingConfirmed__Content .div-btn .btn-download img {
  margin-right: 0.5rem;
}

.bookingConfirmed-Flight-hotels .flightDetails-container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingConfirmed-Flight-hotels .flightDetails-container {
    flex-wrap: wrap;
  }
}

.flightNotAvailable__Content {
  margin-top: 4rem;
}
@media only screen and (max-width: 768px) {
  .flightNotAvailable__Content {
    margin-top: 2rem;
  }
}
.flightNotAvailable__Content .gif {
  width: 15rem;
  height: 15rem;
  display: block;
  margin: 0 auto 3rem;
}
@media only screen and (max-width: 768px) {
  .flightNotAvailable__Content .gif {
    width: 10rem;
    height: 10rem;
    margin: 0 auto 0rem;
  }
}
.flightNotAvailable__Content .title {
  margin: 0;
  font-size: 1.80188rem;
  font-weight: 700;
  color: var(--color-natural-900, #0F172A);
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .flightNotAvailable__Content .title {
    font-size: 1.5rem;
  }
}
.flightNotAvailable__Content .refNumber {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1.5rem;
  text-align: center;
}
.flightNotAvailable__Content .info {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  text-align: center;
  margin-bottom: 1.5rem;
}
.flightNotAvailable__Content .info span {
  color: var(--color-red-primary, #E42519);
  font-weight: 500;
}
.flightNotAvailable__Content .boxInfo {
  border-radius: 0.5rem;
  padding: 1.25rem;
  border: 2px dashed var(--color-natural-200, #E2E8F0);
  margin-bottom: 3rem;
  background-color: var(--color-natural-50, #F8FAFC);
}
.flightNotAvailable__Content .boxInfo .flightDetails .title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 1.25rem;
  display: block;
  text-align: left;
}
.flightNotAvailable__Content .boxInfo .flightDetails .list {
  margin: 0;
  padding: 0;
}
.flightNotAvailable__Content .boxInfo .flightDetails .list .item {
  list-style: none;
  margin-bottom: 0.5rem;
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  padding-left: 1rem;
  position: relative;
}
.flightNotAvailable__Content .boxInfo .flightDetails .list .item:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: var(--color-natural-900, #0F172A);
  position: absolute;
  left: 0;
  top: 0.3rem;
}
.flightNotAvailable__Content .div-btn {
  display: flex;
  align-items: center;
  padding: 0 4rem;
}
@media only screen and (max-width: 768px) {
  .flightNotAvailable__Content .div-btn {
    padding: 0 0.5rem;
    flex-direction: column;
  }
}
.flightNotAvailable__Content .div-btn .btn-back {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-right: 0.5rem;
  width: 100%;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .flightNotAvailable__Content .div-btn .btn-back {
    margin-bottom: 1rem;
    margin-right: 0;
  }
}
.flightNotAvailable__Content .div-btn .btn-back img {
  margin-right: 0.5rem;
}
.flightNotAvailable__Content .div-btn .btn-download {
  background-color: var(--color-blue-primary, #0D52DB);
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.flightNotAvailable__Content .div-btn .btn-download img {
  margin-right: 0.5rem;
}

.error-page {
  @import url("https://fonts.cdnfonts.com/css/avenir");
}
.error-page__Content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.error-page__Content .info-1 {
  font-family: "Avenir Next";
  font-size: 4rem;
  font-weight: 800;
  margin: 0;
}
.error-page__Content .info-2 {
  font-family: "Avenir Next";
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0;
}
.error-page__Content .box-image {
  position: relative;
}
.error-page__Content .box-image .layer-1 {
  width: 100%;
  height: 100%;
}
.error-page__Content .box-image .layer-2 {
  position: absolute;
  top: -105px;
  left: 208px;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .error-page__Content .box-image .layer-2 {
    top: -94px;
    left: 10px;
  }
}
.error-page__Content .btn-back {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  display: flex;
  flex-direction: row-reverse;
  color: var(--color-blue-primary, #0D52DB);
}

.HotelLooding,
.FlightLooding {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.HotelLooding img,
.FlightLooding img {
  height: max-content;
}
@media only screen and (max-width: 768px) {
  .HotelLooding img,
  .FlightLooding img {
    width: 150px;
    height: max-content;
  }
}

.HotelLooding {
  background-color: var(--color-white, #ffffff);
  padding: 1rem;
}

.hotelResult {
  min-height: 100vh;
  background-color: #F1F5F9;
  padding-top: 1rem;
}
.hotelResult.hotelResultMap {
  min-height: auto;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .hotelResult {
    padding-top: 0;
  }
}
.hotelResult .ResultFormSearch {
  margin: 0 5rem;
}
@media only screen and (max-width: 768px) {
  .hotelResult .ResultFormSearch {
    margin: 0;
  }
}
.hotelResult .ResultFormSearch .boxFormSearch {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-bottom: 1px solid #E2E8F0;
}
@media only screen and (max-width: 768px) {
  .hotelResult .ResultFormSearch .boxFormSearch {
    display: none;
  }
}
.hotelResult .ResultFormSearch .boxFormSearch__mobile {
  border-top: 1px solid var(--color-natural-300, #CBD5E1);
  background-color: var(--color-blue-primary, #0D52DB);
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  display: none;
}
@media only screen and (max-width: 768px) {
  .hotelResult .ResultFormSearch .boxFormSearch__mobile {
    display: flex;
  }
}
.hotelResult .ResultFormSearch .boxFormSearch__mobile__content {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.hotelResult .ResultFormSearch .boxFormSearch__mobile__content__info .title {
  font-size: 0.99563rem;
  color: var(--color-white, #ffffff);
  margin: 0;
  margin-bottom: 0.12rem;
  display: flex;
  align-items: center;
}
.hotelResult .ResultFormSearch .boxFormSearch__mobile__content__info .date {
  margin: 0;
  color: var(--color-white, #ffffff);
  font-size: 0.93313rem;
  display: flex;
  align-items: center;
}
.hotelResult .ResultFormSearch .boxFormSearch__mobile__content__info .arrowLeft {
  margin-left: 0.3rem;
  transform: rotate(180deg);
  margin-right: -0.2rem;
}
.hotelResult .ResultFormSearch .boxFormSearch__mobile__content__info .arrowRight {
  margin-right: 0.3rem;
  margin-left: -0.2rem;
}
.hotelResult .ResultFormSearch .boxFormSearch__mobile .btn-edit {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.hotelResult__Container {
  padding: 2rem 5rem;
  display: flex;
  gap: 0 1.25rem;
}
@media only screen and (max-width: 768px) {
  .hotelResult__Container {
    padding: 2rem 1rem;
    gap: 0;
  }
}
.hotelResult__Container.map {
  display: block;
  padding: 0;
}
.hotelResult__Container .sectionMap {
  width: 19.0625rem;
  height: 100px;
  position: relative;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  overflow: hidden;
  transition: all ease-in-out 0.2s;
}
.hotelResult__Container .sectionMap:hover {
  box-shadow: 1px 1px 7px 5px #CBD5E1;
}
.hotelResult__Container .sectionMap img {
  width: 100%;
  object-fit: cover;
}
.hotelResult__Container .sectionMap .btn-primary {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  .hotelResult__Container .sectionMap {
    display: none;
  }
}
.hotelResult__Container .filterResult {
  width: 19.0625rem;
}
@media only screen and (max-width: 768px) {
  .hotelResult__Container .filterResult {
    display: none;
  }
}
.hotelResult__Container .filterResult .title {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin: 0;
  margin-bottom: 1.25rem;
}
.hotelResult__Container .filterResult__Content {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.5rem;
  padding: 1rem;
}
.hotelResult__Container .filterResult__Content .section-title {
  font-size: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  display: block;
}
.hotelResult__Container .filterResult__Content .filter-box {
  display: flex;
  flex-direction: column;
}
.hotelResult__Container .filterResult__Content .filter-box label span {
  text-transform: capitalize;
  font-size: 0.88875rem;
}
.hotelResult__Container .filterResult__Content .filter-box .show-item {
  display: flex;
  flex-direction: column;
  animation: slideDown 0.5s ease-in-out forwards;
}
.hotelResult__Container .filterResult__Content .filter-box .show_more,
.hotelResult__Container .filterResult__Content .filter-box .show_less {
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
  font-weight: 400;
  margin-top: 5px;
}
.hotelResult__Container .filterResult__Content .filter-box .show_more strong,
.hotelResult__Container .filterResult__Content .filter-box .show_less strong {
  color: var(--color-blue-primary, #0D52DB);
}
.hotelResult__Container .filterResult .hotelName {
  margin-bottom: 1.5rem;
}
.hotelResult__Container .filterResult .hotelName .inputSearch {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.38rem;
  padding: 0 1rem;
  width: 100%;
  height: 2.5rem;
  margin-bottom: 1rem;
}
.hotelResult__Container .filterResult .hotelName .inputSearch:focus-visible {
  outline: none;
}
.hotelResult__Container .filterResult .hotelName .searchHotels {
  margin: 0;
  padding: 0;
}
.hotelResult__Container .filterResult .hotelName .searchHotels .item {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 0.75rem;
}
.hotelResult__Container .filterResult .hotelName .searchHotels .item .name {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelResult__Container .filterResult .hotelName .searchHotels .item .number {
  background-color: var(--color-natural-100, #F1F5F9);
  font-size: 0.75rem;
  font-weight: 400;
  display: block;
  padding: 0.06rem 0.38rem;
  border-radius: 0.25rem;
}
.hotelResult__Container .filterResult .BoardingType,
.hotelResult__Container .filterResult .Cancelition {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
}
.hotelResult__Container .filterResult .form-checkbox .MuiTypography-root {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelResult__Container .filterResult .HotelRank {
  margin-bottom: 1.5rem;
}
.hotelResult__Container .filterResult .HotelRank .stars {
  padding-top: 7px;
}
.hotelResult__Container .filterResult .HotelRank .stars img {
  margin-right: 0.25rem;
}
.hotelResult__Container .filterResult .PropertyType {
  margin-bottom: 1.5rem;
}
.hotelResult__Container .Results {
  width: calc(100% - 20.065rem);
}
@media only screen and (max-width: 768px) {
  .hotelResult__Container .Results {
    width: 100%;
  }
}
.hotelResult__Container .Results__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.hotelResult__Container .Results__header.header-sm {
  justify-content: flex-end;
}
.hotelResult__Container .Results__header .pageNumber {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .hotelResult__Container .Results__header .pageNumber {
    display: none;
  }
}
.hotelResult__Container .Results__header .sortGroup {
  display: flex;
  align-items: end;
  gap: 5px;
}
.hotelResult__Container .Results__header .sortGroup button {
  margin-top: 0;
  padding: 0;
  color: var(--color-natural-600, #475569);
}
.hotelResult__Container .Results__header .sortGroup button.select {
  color: var(--color-blue-primary, #0D52DB);
}
.hotelResult__Container .Results__header .sortGroup button img {
  width: 20px;
  height: 20px;
  margin-inline-end: 5px;
}
.hotelResult__Container .Results__header .sortGroup button .ri {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.hotelResult__Container .Results__header .sortGroup .sort-container {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.hotelResult__Container .Results__header .sortGroup .sort-container .sortTitle {
  font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .hotelResult__Container .Results__header .sortGroup .sort-container .sortTitle {
    display: none;
  }
}
.hotelResult__Container .Results__header .btn-low-to-high {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 0 1rem;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .hotelResult__Container .Results__header .btn-low-to-high {
    flex-direction: row-reverse;
  }
}
.hotelResult__Container .Results__header .selectSort {
  width: 220px !important;
  background-color: transparent;
  padding: 0;
  margin-top: 0;
}
.hotelResult__Container .Results__header .selectSort .MuiSelect-select {
  padding: 0;
  padding-right: 32px;
  margin-bottom: 2px;
}
.hotelResult__Container .Results__header .selectSort .MuiOutlinedInput-notchedOutline {
  border: none;
}
.hotelResult__Container .Results__header .openSort {
  display: none;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .hotelResult__Container .Results__header .openSort {
    display: block;
  }
}
.hotelResult__Container .Results__Content__HotelCard {
  margin-bottom: 1.25rem;
  border-radius: 0.5rem;
  border: 2px solid var(--color-natural-200, #E2E8F0);
  overflow: hidden;
  background-color: var(--color-white, #ffffff);
  display: flex;
  position: relative;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .hotelResult__Container .Results__Content__HotelCard {
    display: inherit;
  }
}
.hotelResult__Container .Results__Content__HotelCard.selected {
  border: 2px solid var(--color-blue-primary, #0D52DB);
}
.hotelResult__Container .Results__Content__HotelCard .box-img {
  display: flex;
  cursor: pointer;
  width: 16.75rem;
  height: 13.625rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  flex-shrink: 0;
  align-self: stretch;
  position: relative;
}
.hotelResult__Container .Results__Content__HotelCard .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hotelResult__Container .Results__Content__HotelCard__Info {
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
}
@media only screen and (max-width: 768px) {
  .hotelResult__Container .Results__Content__HotelCard__Info {
    display: inherit;
  }
}
.hotelResult__Container .Results__Content__HotelCard__Info .align-items-center {
  align-items: center;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  gap: 0.5rem;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .header .title {
  font-size: 1.3rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.25rem;
  cursor: pointer;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .header .BoxStar {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .header .BoxStar .ri {
  color: var(--color-blue-primary, #0D52DB);
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .header .type {
  font-size: 0.7rem;
  font-weight: 400;
  text-transform: uppercase;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .header .hint {
  font-size: 0.88875rem;
  font-weight: 400;
  display: flex;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .header .hint img {
  margin-right: 0.2rem;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .benefits {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .benefits::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .benefits span {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  flex-shrink: 0;
  scroll-snap-align: start;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .info {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .info .review {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .info .review .p-review {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 0.9rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .info .review .num-review {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .info .rate {
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 0.5rem;
  padding: 0.2rem 0.5rem;
  display: flex;
  align-items: center;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .info .rate img {
  margin-right: 0.5rem;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .info .rate span {
  font-size: 0.75rem;
  color: var(--color-white, #ffffff);
  font-weight: 500;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .RoomDetails .title {
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .RoomDetails .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .RoomDetails .content::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .RoomDetails .content span {
  display: flex;
  align-items: center;
  background-color: var(--color-natural-100, #F1F5F9);
  padding: 0.13rem 0.38rem;
  flex-shrink: 0;
  scroll-snap-align: start;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .RoomDetails .content span img {
  margin-right: 0.25rem;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Left .RoomDetails .content i {
  font-size: 1.3rem;
  color: var(--color-natural-600, #475569);
}
.hotelResult__Container .Results__Content__HotelCard__Info__Right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
  text-align: right;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Right__Top .hint {
  font-size: 0.75rem;
  display: block;
  text-align: center;
  color: var(--color-natural-700, #334155);
}
.hotelResult__Container .Results__Content__HotelCard__Info__Right__Top .price {
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Right__Top .tax {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  border-bottom: 1px dashed var(--color-natural-900, #0F172A);
}
.hotelResult__Container .Results__Content__HotelCard__Info__Right__Top .Per-person {
  font-size: 0.75rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Right__Top .tax-car {
  display: flex;
  justify-content: center;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Right__Top .benefits span {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  justify-content: flex-end;
  font-size: 0.75rem;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Right__Top .benefits span img {
  width: 18px;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Right__Bottom .btn-check {
  background-color: var(--color-blue-primary, #0D52DB);
  border: none;
  border-radius: 0.5rem;
  padding: 0.88rem 1.5rem;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  cursor: pointer;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Right__Bottom .BoxButtom-coins {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 0.5rem 0;
}
.hotelResult__Container .Results__Content__HotelCard__Info__Right .coins {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--color-yellow-primary, #FFCC00);
  border-radius: 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  width: max-content;
}
.hotelResult__Container .Results__Content__HotelCard .close-icon {
  position: absolute;
  top: 5px;
  inset-inline-end: 5px;
  z-index: 99;
  cursor: pointer;
}
.hotelResult__Container .Results .headerCardMobile {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  margin-bottom: 0.5rem;
}
.hotelResult__Container .Results .headerCardMobile .box-img {
  width: 35%;
  position: relative;
}
.hotelResult__Container .Results .headerCardMobile .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hotelResult__Container .Results .headerCardMobile .box-img .imgCar {
  object-fit: contain;
}
.hotelResult__Container .Results .headerCardMobile .header .content {
  width: 100%;
}
.hotelResult__Container .Results .headerCardMobile .header .title {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  line-height: 0.9;
  margin-bottom: 0.25rem;
}
.hotelResult__Container .Results .headerCardMobile .header .hint {
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelResult__Container .Results .buttonPrice {
  width: 100%;
}
.hotelResult__Container .Results .buttonPrice .hr {
  border-color: var(--color-natural-200, #E2E8F0);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.hotelResult__Container .Results .buttonPrice .btn-check {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  width: 100%;
  display: flex;
  align-items: center;
  height: 3rem;
  padding: 0.875rem 0.75rem;
  font-size: 1.0625rem;
  font-weight: 500;
  border-radius: 0.5rem;
}
.hotelResult__Container .Results .buttonPrice .btn-check .price {
  color: var(--color-white, #ffffff);
  font-size: 1.0625rem;
  font-weight: 600;
  margin-left: 0.5rem;
}
.hotelResult__Container .Results .buttonPrice .btn-check .coins {
  margin-left: auto;
  display: flex;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--color-yellow-primary, #FFCC00);
  border-radius: 1.06rem;
}
.hotelResult__Container .Results .BoxButtom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-natural-200, #E2E8F0);
}
.hotelResult__Container .Results .BoxButtom .BoxButtom-coins {
  display: flex;
  align-items: flex-end;
  gap: 0 0.5rem;
}
.hotelResult__Container .Results .BoxButtom .btn-check {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  width: 100%;
  height: 3rem;
  padding: 0.875rem 0.75rem;
  font-size: 1.0625rem;
  font-weight: 500;
  border-radius: 0.5rem;
}
.hotelResult__Container .Results .BoxButtom .hint {
  font-size: 0.75rem;
  font-size: 0.75rem;
  display: block;
  display: flex;
  align-items: center;
  color: var(--color-natural-700, #334155);
  margin-left: 0.5rem;
}
.hotelResult__Container .Results .BoxButtom .hint img {
  margin-right: 0.2rem;
}
.hotelResult__Container .Results .BoxButtom .price {
  color: var(--color-natural-900, #0F172A);
  font-size: 1.20938rem;
  font-weight: 500;
  margin-left: 0.5rem;
  display: block;
  width: 100%;
  display: flex;
  gap: 0 0.5rem;
}
.hotelResult__Container .Results .BoxButtom .benefits span {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  justify-content: flex-end;
  font-size: 0.75rem;
}
.hotelResult__Container .Results .BoxButtom .benefits span img {
  width: 18px;
}
.hotelResult__Container .Results .BoxButtom .tax {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  border-bottom: 1px dashed var(--color-natural-900, #0F172A);
}
.hotelResult__Container .Results .BoxButtom .Per-person {
  font-size: 0.75rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
}
.hotelResult__Container .Results .BoxButtom .tax-car {
  display: flex;
  text-align: center;
}
.hotelResult__Container .Results .BoxButtom .coins {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--color-yellow-primary, #FFCC00);
  border-radius: 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  width: max-content;
}
.hotelResult .flightNotAvailable {
  width: 100%;
  border-radius: 0.5rem;
  margin-top: 2.75rem;
  background-color: var(--color-white, #ffffff);
  padding-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .hotelResult .flightNotAvailable {
    margin-top: 0;
  }
}

.bookingHotel {
  background-color: var(--color-natural-100, #F1F5F9);
}
.bookingHotel__header {
  background-color: var(--color-white, #ffffff);
  padding: 1rem 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__header {
    padding: 1rem 0.5rem;
  }
}
.bookingHotel__header__Content {
  display: flex;
}
.bookingHotel__header__Content__BoxImage {
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}
.bookingHotel__header__Content__Details .title {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}
.bookingHotel__header__Content__Details .info {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
}
.bookingHotel__header__Content__Details .info a {
  color: var(--color-blue-primary, #0D52DB);
  margin-right: 0.25rem;
  text-decoration: none;
}
.bookingHotel__header__Steps {
  display: flex;
  width: 70%;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__header__Steps {
    display: none;
  }
}
.bookingHotel__header__Steps__Step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.bookingHotel__header__Steps__Step .number {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-natural-400, #94A3B8);
  font-size: 0.88875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.bookingHotel__header__Steps__Step .title {
  font-size: 0.88875rem;
  color: var(--color-natural-500, #64748B);
}
.bookingHotel__header__Steps__Step.active .number {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.bookingHotel__header__Steps__Step.active .title {
  color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__header__Steps__Line {
  width: 30%;
  height: 2px;
  background-color: var(--color-natural-200, #E2E8F0);
  position: relative;
  top: 9px;
}
.bookingHotel__header__Steps__Line.active {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container {
  padding: 2rem 5rem;
  display: flex;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.bookingHotel__Container__Left {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left {
    width: 100%;
  }
}
.bookingHotel__Container__Left .boxContent {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent.group {
  border: 1px solid var(--color-natural-200, #E2E8F0);
}
.bookingHotel__Container__Left .boxContent__header {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1.25rem;
}
.bookingHotel__Container__Left .boxContent__header .ri {
  font-size: 2rem;
}
.bookingHotel__Container__Left .boxContent__header .title {
  font-size: 1.26563rem;
  font-weight: 500;
  margin: 0;
  display: flex;
  align-items: center;
}
.bookingHotel__Container__Left .boxContent__header .title .hint {
  color: var(--color-natural-500, #64748B);
  font-size: 0.88875rem;
  margin-inline-start: 5px;
}
.bookingHotel__Container__Left .boxContent__header .title .MuiButtonBase-root {
  margin-left: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__InputContainer .InputField {
  width: 100%;
}
.bookingHotel__Container__Left .boxContent__InputContainer .phoneNumber {
  width: 100%;
}
.bookingHotel__Container__Left .boxContent__InputContainer .phoneNumber .InputField {
  width: 100%;
  margin-top: 0px;
}
.bookingHotel__Container__Left .boxContent__InputContainer .phoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
}
.bookingHotel__Container__Left .boxContent__InputContainer .phoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  background-color: var(--color-white, #ffffff);
}
.bookingHotel__Container__Left .boxContent__InputContainer .phoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
  background-color: var(--color-white, #ffffff);
}
.bookingHotel__Container__Left .boxContent__InputContainer .phoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: block;
}
.bookingHotel__Container__Left .boxContent__InputContainer .phoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: none;
}
.bookingHotel__Container__Left .boxContent__InputContainer .phoneNumber .InputField .MuiInputLabel-animated {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.bookingHotel__Container__Left .boxContent__Footer {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-natural-100, #F1F5F9);
  padding: 0.5rem 1rem !important;
  border-radius: 0.25rem;
}
.bookingHotel__Container__Left .boxContent__Footer__Left {
  display: flex;
}
.bookingHotel__Container__Left .boxContent__Footer__Left .MuiFormControlLabel-root .MuiButtonBase-root {
  padding: 0;
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__Footer__Left .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__Footer__Right {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__Footer__Right {
    width: max-content;
  }
}
.bookingHotel__Container__Left .boxContent__Footer__Right span {
  color: var(--color-blue-primary, #0D52DB);
  text-transform: uppercase;
  font-size: 0.88875rem;
  font-weight: 500;
}
.bookingHotel__Container__Left .boxContent__Footer__Right img {
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__Footer__Right .MuiButtonBase-root {
  margin-left: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__Footer.nobackGround {
  background-color: transparent;
  padding: 0.5rem !important;
  margin: 0;
}
.bookingHotel__Container__Left .boxContent__RoomDetails .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.75rem;
}
.bookingHotel__Container__Left .boxContent__RoomDetails .select {
  width: 100%;
}
.bookingHotel__Container__Left .boxContent__RoomDetails .InputField {
  width: 100%;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Header {
  margin-bottom: 1.25rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Header__Top {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Header__Top img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Header__Top .title {
  margin: 0;
  font-size: 1.42375rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Header__Bottom {
  margin-bottom: 1.25rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Header__Bottom p {
  margin: 0;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Header__Bottom .info-passenger {
  color: var(--color-blue-dark, #1E3A8A);
  font-size: 0.88875rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Header__Bottom .info {
  color: var(--color-natural-500, #64748B);
  font-size: 1rem;
  font-weight: 500;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1.25rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Header .title {
  margin: 0;
  font-size: 1.125rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Header .MuiFormControlLabel-root {
  margin: 0;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Header .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Header .MuiFormControlLabel-root .MuiCheckbox-root {
  padding: 0;
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content {
    flex-wrap: wrap;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo {
  display: flex;
  align-items: center;
  margin-right: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo {
    margin-bottom: 0.75rem;
    width: 100%;
    margin-right: 0;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .logo {
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .logo img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .info .title {
  color: var(--color-natural-500, #64748B);
  margin: 0;
  margin-bottom: 0.25rem;
  font-size: 0.88875rem;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .info .title {
    margin-bottom: 0;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .info .FromTo {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .info .FromTo img {
  margin: 0 0.25rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck {
  display: flex;
  width: 100%;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck {
    flex-wrap: wrap;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
  border-radius: 0.25rem;
  padding: 1.5rem;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck {
    flex: inherit;
    width: 100%;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck input[type=checkbox] {
  display: none;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck .checkboxstyle {
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  border: 2px solid var(--color-natural-200, #E2E8F0);
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck .checkboxstyle:after {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background-color: var(--color-blue-primary, #0D52DB);
  position: relative;
  display: block;
  border-radius: 50%;
  top: 0.1rem;
  right: -0.1rem;
  opacity: 0;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck:has(input[type=checkbox]:checked) .checkboxstyle {
  border-color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck:has(input[type=checkbox]:checked) .checkboxstyle:after {
  opacity: 1;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck:has(input[type=checkbox]:checked) {
  background-color: var(--color-natural-100, #F1F5F9);
  border-color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Header {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Header {
    text-align: inherit;
    width: 100%;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Header .BoxIcon {
    display: flex;
    margin-right: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Header .title {
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
  display: block;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Content {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Content {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Content span {
  display: block;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Content .total {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.25rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Content .price {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage {
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: var(--color-natural-100, #F1F5F9);
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Header img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Header .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Content {
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Content .info {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
  margin: 0;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Content .info .price {
  color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer {
    flex-wrap: wrap;
    gap: 0;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .personPirce {
  color: var(--color-blue-primary, #0D52DB);
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .personPirce span {
  color: var(--color-natural-500, #64748B);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .personPirce {
    margin-bottom: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore {
  background-color: transparent;
  border: none;
  border: none;
  display: flex;
  align-items: center;
  font-size: 0.88875rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  padding: 0;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore img {
  margin-left: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore img {
    display: none;
  }
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore {
    border: 1px solid var(--color-blue-primary, #0D52DB);
    padding: 0.88rem 1.5rem;
    border-radius: 0.5rem;
    width: 8rem;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer__Left {
    width: 100%;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer__Right {
  display: flex;
  align-items: center;
  gap: 0 1rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer__Right {
    width: 100%;
  }
}
.bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer__Right .btn-add {
  padding: 0.88rem 1.5rem;
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  font-size: 1rem;
  font-weight: 400;
  border-radius: 0.5rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer__Right .btn-add {
    width: 12rem;
  }
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Left img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Left .title {
  font-size: 1.26563rem;
  font-weight: 500;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Right {
    display: none;
  }
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Right .btnAuto {
  background-color: transparent;
  border: none;
  padding: 0.88rem 0.5rem;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Right .btnAuto img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .airlineName {
  display: flex;
  align-items: center;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .airlineName .logo {
  width: 20px;
  height: 20px;
  margin-right: 0.25rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .airlineName .name, .bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .airlineName .number {
  color: var(--color-natural-900, #0F172A);
  font-size: 1rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .fromTo {
  display: flex;
  align-items: center;
  margin-left: 25px;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .fromTo img {
  margin: 0 0.25rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .fromTo span {
  color: var(--color-natural-900, #0F172A);
  font-size: 1rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content {
  display: flex;
  gap: 0 1rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content {
    display: inherit;
    gap: 0;
  }
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent {
  width: 35%;
  scroll-behavior: smooth;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent {
    width: 100%;
  }
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.25rem;
  padding: 1rem;
  margin-bottom: 0.25rem;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard.active {
  border-color: var(--color-blue-primary, #0D52DB);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard {
    padding: 0.38rem 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header {
    display: none;
  }
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Logo {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  margin-right: 1rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Logo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Info p {
  margin: 0;
  display: flex;
  align-items: center;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Info .title {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Info .FromTo {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Header__Info .FromTo img {
  margin: 0 0.25rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  background-color: var(--color-natural-50, #F8FAFC);
  padding: 0.38rem 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Left {
  display: flex;
  align-items: center;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Left .iconPerson {
  margin-right: 0.75rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Left p {
  margin: 0;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Left .title {
  font-size: 0.5rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Left .name {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Right .tag {
  padding: 0.31rem 0.38rem;
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 0.19rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Right .tag .info {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-white, #ffffff);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson__Right .tag .info span {
  font-weight: 600;
  margin-left: 0.19rem;
  color: var(--color-white, #ffffff);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary .title {
  color: var(--color-natural-50, #F8FAFC);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary .name {
  color: var(--color-white, #ffffff);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary .tag {
  background-color: var(--color-blue-primary, #0D52DB);
  background-color: var(--color-yellow-primary, #FFCC00);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary .tag .info {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson.primary .tag .info span {
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson {
    display: none;
    margin-bottom: 0;
  }
  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson:first-of-type {
    display: flex;
    background-color: transparent;
    padding: 0;
    border: none;
  }
  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson .title {
    font-size: 0.5rem;
    font-weight: 400;
    color: var(--color-natural-600, #475569) !important;
  }
  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .SeatCard__Content__BoxPerson .name {
    font-size: 0.88875rem;
    color: var(--color-natural-900, #0F172A) !important;
    font-weight: 500;
  }
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes {
  margin-top: 5rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent {
  width: 65%;
  padding: 1.5rem 2.5rem;
  background-color: var(--color-natural-100, #F1F5F9);
  display: flex;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent {
    display: none;
  }
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose {
  display: flex;
  justify-content: space-between;
  transition: all ease-in-out 0.5s;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose {
    display: none;
  }
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose .Box-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  top: 16rem;
  visibility: hidden;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose .Box-loading img {
  opacity: 0;
  transition: all ease-in-out 0.5s;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header__Top {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.19rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header__Top:last-of-type {
  margin-right: 0;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header__Top span {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
  border-radius: 0.19rem;
  background-color: var(--color-natural-300, #CBD5E1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
  position: relative;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box:last-of-type {
  margin-right: 0;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box input {
  display: none;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box .Iconselect {
  opacity: 0;
  transition: all ease-in-out 0.3s;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box:has(input:checked) .Iconselect {
  opacity: 1;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box:has(input:checked) {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box.notSelected {
  background-color: var(--color-natural-400, #94A3B8);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box.special {
  background-color: var(--color-yellow-primary, #FFCC00);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box.hiiden {
  visibility: hidden;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box .seat_hover_box {
  display: none;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: fit-content;
  height: fit-content;
  background-color: #ffffff;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease-in-out;
  z-index: 2;
  padding: 10px 25px;
  border-radius: 3px;
  font-size: 0.9rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box .seat_hover_box li {
  color: var(--color-natural-500, #64748B);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box:hover .seat_hover_box {
  display: block;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Corridor__Header {
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Corridor__Header .emptyBox {
  width: 2.5rem;
  height: 2.5rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Corridor__BoxNumber {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.88875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading .Box-loading {
  visibility: visible;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading .Box-loading img {
  opacity: 1;
  transition: all ease-in-out 0.5s;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading {
  transition: all ease-in-out 0.5s;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading .SeatChoose__Layout, .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading .SeatChoose__Corridor {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.5s;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .FromTo {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .FromTo .cityName {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat {
  margin-bottom: 1rem;
  display: flex;
  gap: 0 0.5rem;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
  scroll-behavior: smooth;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat > * {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat .BoxInfo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--color-natural-100, #F1F5F9);
  width: max-content;
  padding: 0.38rem;
  border-radius: 0.25rem;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat .BoxInfo .name {
  font-size: 0.99563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat .BoxInfo .seatLocation {
  background-color: var(--color-yellow-primary, #FFCC00);
  padding: 0.38rem;
  border-radius: 0.19rem;
  font-size: 0.93313rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .PassengarSeat .BoxInfo .seatLocation span {
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .btn-seatMap {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1.0625rem;
  font-weight: 400;
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .btn-seatMap img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__BookingSupport {
  padding: 1rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.38rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BookingSupport {
    flex-direction: column;
    position: relative;
  }
}
.bookingHotel__Container__Left .boxContent__BookingSupport:last-of-type {
  margin-bottom: 0;
}
.bookingHotel__Container__Left .boxContent__BookingSupport__Left {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BookingSupport__Left {
    align-items: flex-start;
    width: inherit;
  }
}
.bookingHotel__Container__Left .boxContent__BookingSupport__Left .icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.25rem;
  background-color: var(--color-natural-100, #F1F5F9);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BookingSupport__Left .icon {
    width: inherit;
    height: inherit;
    background-color: transparent;
  }
}
.bookingHotel__Container__Left .boxContent__BookingSupport__Left .title {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.88875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__BookingSupport__Left .p-info {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
}
.bookingHotel__Container__Left .boxContent__BookingSupport__Right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BookingSupport__Right {
    align-items: flex-start;
  }
}
.bookingHotel__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root {
    top: 4px;
    right: 0;
    display: flex;
    align-items: center;
  }
}
.bookingHotel__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root .MuiTypography-root {
    padding: 0;
    margin-left: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root .MuiTypography-root .hideSm {
    display: none;
  }
}
.bookingHotel__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root .MuiButtonBase-root-MuiRadio-root.Mui-checked {
  color: var(--color-blue-primary, #0D52DB) !important;
}
.bookingHotel__Container__Left .boxContent__BookingSupport__Right .price {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BookingSupport__Right .price {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.bookingHotel__Container__Left .boxContent__BookingSupport__Right .price span {
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
}
.bookingHotel__Container__Left .boxContent__BookingSupport__Right .questionIcon {
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__BookingSupport.normal .icon {
  background-color: var(--color-red-background, #FEE2E2);
}
.bookingHotel__Container__Left .boxContent__BookingSupport.standard .icon {
  background-color: var(--color-green-background, #BAE6D1);
}
.bookingHotel__Container__Left .boxContent__BookingSupport:has(input:checked) {
  border-color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Left .boxContent__BookingSupport .btn-add {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__BookingSupport .btn-add img {
  margin-right: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BookingSupport .btn-add {
    width: 100%;
  }
}
.bookingHotel__Container__Left .boxContent__BookingSupport .btn-add.btn-cehek {
  background-color: var(--color-green-primary, #00AC6B);
  border: 1px solid var(--color-green-primary, #00AC6B);
  color: var(--color-white, #ffffff);
  text-transform: capitalize;
}
.bookingHotel__Container__Left .boxContent__BoxServices {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxServices {
    flex-direction: column;
    position: relative;
  }
}
.bookingHotel__Container__Left .boxContent__BoxServices__Left {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxServices__Left {
    margin-bottom: 1rem;
  }
}
.bookingHotel__Container__Left .boxContent__BoxServices__Left .image {
  width: 5rem;
  height: 5rem;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-right: 1.25rem;
}
.bookingHotel__Container__Left .boxContent__BoxServices__Left .image img {
  width: 100%;
  height: 100%;
}
.bookingHotel__Container__Left .boxContent__BoxServices__Left .content {
  display: flex;
  flex-direction: column;
  margin-right: 1.25rem;
  width: 70%;
}
.bookingHotel__Container__Left .boxContent__BoxServices__Left .content .info {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  color: var(--color-natural-700, #334155);
}
.bookingHotel__Container__Left .boxContent__BoxServices__Left .content .viewMore {
  font-size: 1.125rem;
  font-weight: 500;
  text-decoration: none;
  color: var(--color-natural-700, #334155);
  cursor: pointer;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxServices__Left .content .viewMore {
    display: none;
  }
}
.bookingHotel__Container__Left .boxContent__BoxServices__Right {
  display: flex;
  flex-direction: column;
  gap: 1rem 0rem;
}
.bookingHotel__Container__Left .boxContent__BoxServices__Right__Top {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxServices__Right__Top {
    justify-content: flex-start;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.bookingHotel__Container__Left .boxContent__BoxServices__Right__Top .price {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__BoxServices__Right__Top .price span {
  color: var(--color-natural-500, #64748B);
  font-weight: 400;
}
.bookingHotel__Container__Left .boxContent__BoxServices__Right__Top .viewMore {
  font-size: 0.99563rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--color-natural-700, #334155);
  display: none;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxServices__Right__Top .viewMore {
    display: block;
    padding-right: 1rem;
  }
}
.bookingHotel__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormGroup-root {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormGroup-root {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root {
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.75rem 1rem;
  margin-right: 0.5rem;
  border-radius: 0.25rem;
  height: 2.5rem;
  text-transform: capitalize;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root {
    width: 48%;
    justify-content: center;
  }
}
.bookingHotel__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root:last-of-type {
  margin-right: 0;
}
.bookingHotel__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root .MuiRadio-root {
  padding: 0;
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__BoxServices .btn-add {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__BoxServices .btn-add img {
  margin-right: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxServices .btn-add {
    width: 100%;
  }
}
.bookingHotel__Container__Left .boxContent__BoxServices .btn-add.btn-cehek {
  background-color: var(--color-green-primary, #00AC6B);
  border: 1px solid var(--color-green-primary, #00AC6B);
  color: var(--color-white, #ffffff);
  text-transform: capitalize;
}
.bookingHotel__Container__Left .boxContent__BoxInsurance {
  padding: 1rem 0.88rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.56rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxInsurance {
    flex-wrap: wrap;
  }
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Left__Header {
  display: flex;
  align-items: center;
  margin-bottom: 0.62rem;
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Left__Header img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Left__Header .title {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Left__List {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Left__List .item {
  display: flex;
  align-content: center;
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Left__List .item img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Left__List .item span {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxInsurance__Left__List {
    margin-bottom: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Right {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxInsurance__Right {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Right .price {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__BoxInsurance__Right .price {
    margin-bottom: 0;
  }
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Right .price span {
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Right .btn-add {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__BoxInsurance__Right .btn-add img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Container {
  display: flex;
  gap: 0 1rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__LevelSupport__Container {
    flex-direction: column;
  }
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box {
  padding: 1rem 0.88rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.56rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  position: relative;
  width: calc(33.3333333333% - 1rem);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__LevelSupport__Box {
    height: auto;
    width: 100%;
  }
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Header {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.62rem;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Header .title {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Header .best {
  display: flex;
  align-items: center;
  background-color: var(--color-green-primary, #00AC6B);
  padding: 0.25rem 0.63rem;
  border-radius: 1rem;
  color: var(--color-white, #ffffff);
  font-size: 0.75rem;
  font-weight: 400;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Header .best img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Header .price {
  display: none;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__LevelSupport__Box__Header .price {
    display: block;
    margin: 0;
    font-size: 1.46938rem;
    color: var(--color-natural-900, #0F172A);
  }
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Pricing {
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  margin-bottom: 0.62rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__LevelSupport__Box__Pricing {
    display: none;
  }
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Pricing .price {
  margin: 0;
  font-size: 1.80188rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Pricing .hint {
  font-size: 0.75rem;
  font-weight: 400;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Body {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__LevelSupport__Box__Body {
    margin-top: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Body .info {
  margin: 0;
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  margin-bottom: 1rem;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Body .info span {
  font-weight: 500;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Body .info .green {
  color: var(--color-green-primary, #00AC6B);
  font-weight: 600;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Body .info .primary {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Body__List {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1rem;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Body__List .item {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Body__List .item img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box__Body__List .item span {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box .btn-select {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-top: auto;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box .btn-primary {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box .radioBtn {
  text-align: center;
  margin-top: auto;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box .radioBtn input {
  display: none;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box .radioBtn span {
  text-align: center;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  display: block;
  width: 100%;
  margin-top: auto;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box .radioBtn input:checked + span {
  color: var(--color-white, #ffffff);
  background-color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box .radioBtn input:checked + .radioBtn {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Left .boxContent__LevelSupport__Box.active {
  border-color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport {
  position: relative;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box {
  position: relative;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box .bestPrice {
  visibility: hidden;
  background-color: var(--color-green-primary, #00AC6B);
  text-align: center;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  font-weight: 600;
  padding: 0.75rem 0;
  border-radius: 0.56rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box .bestPrice {
    position: absolute;
    z-index: 999;
    padding: 0.25rem 1rem;
    font-size: 0.75rem;
    right: 29px;
    top: -11px;
    border-radius: 0.56rem;
    background-color: var(--color-green-background, #BAE6D1);
    color: var(--color-green-primary, #00AC6B);
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container {
  padding: 1rem 0;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.56rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  position: relative;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 0.62rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .title {
    font-size: 1rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing {
    text-align: right;
    margin-bottom: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .price {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .hint {
  font-size: 0.75rem;
  font-weight: 400;
  height: 14px;
  display: block;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body {
    margin-top: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info {
  margin: 0;
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  margin-bottom: 1rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info span {
  font-weight: 500;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info .green {
  color: var(--color-green-primary, #00AC6B);
  font-weight: 600;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info .primary {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.45rem 0.5rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item .info {
  color: var(--color-natural-400, #94A3B8);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
    align-items: flex-start;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(odd) {
  background-color: var(--color-natural-100, #F1F5F9);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(odd) {
    background-color: transparent;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(even) {
  background-color: var(--color-white, #ffffff);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
    justify-content: flex-start;
    padding: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item span {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0.75rem 0.5rem 0;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo img {
  margin-top: 0.2rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content {
  display: flex;
  flex-direction: column;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content .title {
  font-weight: 600;
  font-size: 1rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content .info {
  font-size: 0.75rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .show-details {
  margin: 0 1rem;
  color: var(--color-blue-primary, #0D52DB);
  border-bottom: dashed 2px var(--color-blue-primary, #0D52DB);
  width: max-content;
  text-transform: capitalize;
  cursor: pointer;
  margin-bottom: 3rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .btn-select {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-top: auto;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .btn-primary {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input {
  display: none;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn span {
  text-align: center;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  display: block;
  width: 100%;
  margin-top: auto;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input:checked + span {
  color: var(--color-white, #ffffff);
  background-color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input:checked + .radioBtn {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box.active .boxContent__NewLevelSupport__Box__Container {
  border-color: var(--color-green-primary, #00AC6B);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  border-width: 2px;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box.active .boxContent__NewLevelSupport__Box__Container {
    border: 2px solid var(--color-green-primary, #00AC6B);
    border-radius: 0.56rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box.active .bestPrice {
  visibility: visible;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box {
    margin-bottom: 1.25rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport .no-border {
  border: none;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport .no-border .boxContent__NewLevelSupport__Box__Container__Header {
  border-color: transparent;
}
.bookingHotel__Container__Left .boxContent__Normal__Container {
  display: flex;
  gap: 0 1rem;
}
.bookingHotel__Container__Left .boxContent__Normal__Container.active {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 1rem;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Left {
  width: 4rem;
  height: 4rem;
  position: relative;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Left .img {
  width: 100%;
  height: 100%;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Left .imgActive {
  width: 4rem;
  height: 4rem;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right {
  display: flex;
  gap: 0 1.5rem;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__Normal__Container__Right {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__Normal__Container__Right__Content__Header {
    display: flex;
    align-items: center;
    gap: 0 1rem;
    margin-bottom: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Content__Header .title {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.25rem;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Content__Header .info {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  display: block;
  color: var(--color-natural-700, #334155);
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right .description {
  margin: 0;
  color: var(--color-natural-700, #334155);
  font-size: 0.875rem;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right .description.viewMore {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3; /* Number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: "pre-wrap";
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right .readMore {
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
  font-size: 0.87rem;
  margin-top: 13px;
  display: block;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price {
    align-items: flex-start;
  }
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .price {
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .price {
    flex-direction: row;
    gap: 0 0.5rem;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .price small {
  font-weight: 400;
  color: var(--color-natural-700, #334155);
  font-size: 0.75rem;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormGroup-root {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormGroup-root {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root {
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.75rem 1rem;
  margin-right: 0.5rem;
  border-radius: 0.25rem;
  height: 2.5rem;
  text-transform: capitalize;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root {
    width: 48%;
    justify-content: center;
  }
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root:last-of-type {
  margin-right: 0;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root .MuiRadio-root {
  padding: 0;
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .btn-add {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  justify-content: center;
  text-transform: capitalize;
  cursor: pointer;
  min-width: 150px;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .btn-add img {
  width: 1.5rem;
  height: 1.5rem;
}
.bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .btn-select {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport {
  position: relative;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box .BestPrice {
  background-color: var(--color-green-primary, #00AC6B);
  text-align: center;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  font-weight: 600;
  padding: 0.75rem 0;
  border-radius: 0.56rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box .BestPrice {
    position: absolute;
    z-index: 999;
    padding: 0.25rem 1rem;
    font-size: 0.75rem;
    right: 29px;
    top: -11px;
    border-radius: 0.56rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container {
  padding: 1rem 0;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.56rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container {
    max-height: 100vh;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container.active {
  border-color: var(--color-green-primary, #00AC6B);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  border-width: 2px;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container.active {
    border: 2px solid var(--color-green-primary, #00AC6B);
    border-radius: 0.56rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container.show {
  height: 33rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 0.62rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .title {
    font-size: 1rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing {
    text-align: right;
    margin-bottom: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .price {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .hint {
  font-size: 0.75rem;
  font-weight: 400;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body {
    margin-top: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info {
  margin: 0;
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  margin-bottom: 1rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info span {
  font-weight: 500;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info .green {
  color: var(--color-green-primary, #00AC6B);
  font-weight: 600;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .info .primary {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.45rem 0.5rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item .info {
  color: var(--color-natural-400, #94A3B8);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
    align-items: flex-start;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(odd) {
  background-color: var(--color-natural-100, #F1F5F9);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(odd) {
    background-color: transparent;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item:nth-child(even) {
  background-color: var(--color-white, #ffffff);
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item {
    justify-content: flex-start;
    padding: 0.5rem;
  }
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item span {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0.75rem 0.5rem 0;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo img {
  margin-top: 0.2rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content {
  display: flex;
  flex-direction: column;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content .title {
  font-weight: 600;
  font-size: 1rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo .content .info {
  font-size: 0.75rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body .show {
  margin: 0 1rem;
  color: var(--color-blue-primary, #0D52DB);
  border-bottom: dashed 2px var(--color-blue-primary, #0D52DB);
  width: max-content;
  text-transform: capitalize;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .btn-select {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-top: auto;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .btn-primary {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn {
  text-align: center;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input {
  display: none;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn span {
  text-align: center;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  border: 1px solid var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1.5rem;
  width: 100%;
  border-radius: 0.56rem;
  display: block;
  width: 100%;
  margin-top: auto;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input:checked + span {
  color: var(--color-white, #ffffff);
  background-color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input:checked + span img {
  width: 1.5rem;
  height: 1.5rem;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container .radioBtn input:checked + .radioBtn {
  background-color: var(--color-blue-primary, #0D52DB);
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport .no-border {
  border: none;
}
.bookingHotel__Container__Left .boxContent__NewLevelSupport .no-border .boxContent__NewLevelSupport__Box__Container__Header {
  border-color: transparent;
}
.bookingHotel__Container__Left .boxContent .frequentClick {
  width: 100%;
  display: block;
}
.bookingHotel__Container__Left .boxContent .frequentClick .headtitle {
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-top: 0.5rem;
  display: block;
  cursor: pointer;
}
.bookingHotel__Container__Left .boxContent .frequentClick input[type=checkbox] {
  display: none;
}
.bookingHotel__Container__Left .boxContent .frequentClick .frequentClickContent {
  height: 0;
  overflow: hidden;
  transition: all ease-in-out 0.2s;
}
.bookingHotel__Container__Left .boxContent .frequentClick input[type=checkbox]:checked + .frequentClickContent {
  height: max-content;
  transition: all ease-in-out 0.2s;
}
.bookingHotel__Container__Left .boxContent .blineChoice {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent .blineChoice {
    display: inherit;
  }
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent .blineChoice .BoxInfo.BoxInfoMobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
  .bookingHotel__Container__Left .boxContent .blineChoice .BoxInfo.BoxInfoMobile .title {
    margin-bottom: 0;
  }
}
.bookingHotel__Container__Left .boxContent .blineChoice .BoxInfo .title {
  color: var(--color-natural-700, #334155);
  font-size: 0.88875rem;
  display: block;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.bookingHotel__Container__Left .boxContent .blineChoice .BoxInfo .btn-noBorder {
  border: none;
  background-color: transparent;
  color: var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 0.5rem;
  font-size: 1rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent .blineChoice .BoxInfo .btn-noBorder {
    padding: 0;
  }
}
.bookingHotel__Container__Left .boxContent .blineChoice__Right .title {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent .blineChoice__Right .title {
    text-align: left;
  }
}
.bookingHotel__Container__Left .boxContent .blineChoice__Right .div-Bottom {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent .blineChoice__Right .div-Bottom {
    position: relative;
  }
}
.bookingHotel__Container__Left .boxContent .blineChoice__Right .div-Bottom .price {
  color: var(--color-natural-900, #0F172A);
  font-size: 1.80188rem;
  font-weight: 500;
  margin-right: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent .blineChoice__Right .div-Bottom .price {
    position: absolute;
    left: 9rem;
    color: var(--color-white, #ffffff);
    font-size: 1.0625rem;
    margin: 0;
  }
}
.bookingHotel__Container__Left .boxContent .blineChoice__Right .div-Bottom .btn-primary {
  width: 40rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Left .boxContent .blineChoice__Right .div-Bottom .btn-primary {
    width: 100%;
    justify-content: inherit;
  }
}
.bookingHotel__Container__Left .boxContent .blineChoice__Right .div-Bottom .btn-primary .price {
  color: var(--color-white, #ffffff);
  font-size: inherit;
}
.bookingHotel__Container__Right {
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Right {
    width: 100%;
  }
}
.bookingHotel__Container__Right .boxContent {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.bookingHotel__Container__Right .boxContent__Timer {
  display: flex;
  align-items: center;
}
.bookingHotel__Container__Right .boxContent__Timer .ri {
  margin-right: 0.5rem;
  font-size: 1.25rem;
}
.bookingHotel__Container__Right .boxContent__Timer .info {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Right .boxContent__Timer .info span {
  color: var(--color-red-primary, #E42519);
  font-weight: 900;
}
.bookingHotel__Container__Right .boxContent__Pormotion .title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1rem;
}
.bookingHotel__Container__Right .boxContent__Pormotion .inputPromoCode {
  display: flex;
  height: 2.5rem;
  padding: 0.625rem 1rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  width: 100%;
  border-radius: 0.38rem;
  margin-bottom: 1rem;
}
.bookingHotel__Container__Right .boxContent__Pormotion .inputPromoCode:focus-visible {
  outline: none;
}
.bookingHotel__Container__Right .boxContent__Pormotion__Footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bookingHotel__Container__Right .boxContent__Pormotion__Footer .pro-applied {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-green-primary, #00AC6B);
}
.bookingHotel__Container__Right .boxContent__Pormotion__Footer .pro-applied img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Right .boxContent__Pormotion__Footer .btn-apply {
  background-color: var(--color-blue-primary, #0D52DB);
  font-size: 1.0625rem;
  font-weight: 400;
  height: 3rem;
  padding: 0.875rem 1.5rem;
  color: var(--color-white, #ffffff);
  border: none;
  border-radius: 0.5rem;
  margin-left: auto;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__Header .title {
  font-size: 1.42375rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1.5rem;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__Header__details {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1.5rem;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-img {
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-img img {
  width: 100%;
  height: 100%;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-info {
  display: flex;
  flex-direction: column;
  gap: 0 0.5rem;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-info .name {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-info .roomNum {
  font-size: 1rem;
  font-weight: 400;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails {
  margin-bottom: 1rem;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .name {
  display: flex;
  align-items: center;
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  margin: 0;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .name span {
  margin-left: 0.5rem;
  background-color: var(--color-natural-200, #E2E8F0);
  padding: 0.25rem 0.38rem;
  border-radius: 0.25rem;
  font-size: 0.88875rem;
  font-weight: 400;
  text-align: center;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees,
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .freeCancelation {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-green-primary, #00AC6B);
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees img,
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .freeCancelation img {
  margin-left: 0.5rem;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees {
  color: var(--color-natural-600, #475569);
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info .date {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate {
  margin-top: 1rem;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till,
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from {
  font-size: 0.88875rem;
  font-weight: 500;
  color: var(--color-natural-600, #475569);
  margin: 0;
  display: flex;
  align-items: center;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .from, .bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .till,
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .from,
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .till {
  width: 2.5rem;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till span,
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from span {
  margin-left: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till::before,
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from::before {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-400, #94A3B8);
  margin-right: 1.5rem;
  border-radius: 50%;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line {
  display: flex;
  height: 1rem;
}
.bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line::before {
  content: "";
  width: 1px;
  height: 1rem;
  background-color: var(--color-natural-400, #94A3B8);
  position: relative;
  left: 4px;
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__OrderNumber {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__OrderNumber .title {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-natural-600, #475569);
  margin: 0;
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__OrderNumber .number {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-natural-600, #475569);
  margin: 0;
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__Header .title {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__Header .showDetails {
  display: flex;
  align-items: center;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  cursor: pointer;
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__Header .showDetails img {
  margin-right: 0.5rem;
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__Invoice {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1.5rem;
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__Invoice .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__Invoice .item .name {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__Invoice .item .price {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__Invoice .item.primary {
  margin-top: 1.5rem;
}
.bookingHotel__Container__Right .boxContent__FareBreakDown__Invoice .item.primary .name,
.bookingHotel__Container__Right .boxContent__FareBreakDown__Invoice .item.primary .price {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .bookingHotel__Container__Right .boxContent.ds-none-sm {
    display: none;
  }
}
.bookingHotel .container-btn-sm {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .bookingHotel .container-btn-sm {
    background-color: var(--color-white, #ffffff);
    padding-top: 1rem !important;
    z-index: 99;
    bottom: 0;
  }
}
.bookingHotel .pt-0 {
  padding-top: 0;
}
.bookingHotel .btn-View-Flight {
  width: 100%;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.25rem;
  border: none;
  background-color: var(--color-natural-100, #F1F5F9);
  display: none;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.bookingHotel .btn-View-Flight .leftSide {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.bookingHotel .btn-View-Flight .leftSide img {
  margin-right: 0.5rem;
}
.bookingHotel .btn-View-Flight .rightSide {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.bookingHotel .btn-View-Flight .rightSide .ri-right {
  font-size: 1.7rem;
}
@media only screen and (max-width: 768px) {
  .bookingHotel .btn-View-Flight {
    display: flex;
  }
}
.bookingHotel .btn-book {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  width: 100%;
  padding: 0.88rem 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  cursor: pointer;
}
.bookingHotel .btn-book img {
  margin-right: 0.5rem;
}

.whatsappInfo {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  display: flex;
  margin: 0;
}
.whatsappInfo .price {
  margin-left: 0.5rem;
}
.whatsappInfo a {
  color: var(--color-blue-primary, #0D52DB);
  text-decoration: none;
  font-weight: 500;
}

.box-timer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
}
.box-timer img {
  width: 2rem;
  height: 2rem;
}
.box-timer .ri {
  font-size: 1.7rem;
  color: var(--color-natural-300, #CBD5E1);
}
.box-timer .info {
  margin: 0;
  font-size: 0.99563rem;
  color: var(--color-red-primary, #E42519);
  font-weight: 600;
}

.ReservationDetailsPopup .alicss {
  position: absolute;
  width: 100%;
  bottom: -10rem;
  height: 100%;
  overflow: hidden;
  border-top-right-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.ReservationDetailsPopup .box-container {
  background-color: var(--color-white, #ffffff);
  height: 100%;
  overflow-x: auto;
  border-top-right-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.ReservationDetailsPopup .box-container__Header {
  padding: 1rem;
  text-align: center;
  margin-bottom: 0.5rem;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.ReservationDetailsPopup .box-container__Header .title {
  font-size: 1.0625rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  text-align: center;
}
.ReservationDetailsPopup .box-container__Header .btn-close {
  background-color: transparent;
  border: none;
  padding: 0;
  width: max-content;
  position: absolute;
  top: 2rem;
  right: 1rem;
}
.ReservationDetailsPopup .box-container__content {
  padding: 0.5rem;
  padding-top: 86px;
  padding-bottom: 10rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails {
  padding-left: 5px;
  padding-right: 5px;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__Header .title {
  font-size: 1.42375rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1.5rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1.5rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-img {
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-img img {
  width: 100%;
  height: 100%;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-info {
  display: flex;
  flex-direction: column;
  gap: 0 0.5rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-info .name {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-info .roomNum {
  font-size: 1rem;
  font-weight: 400;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails {
  margin-bottom: 1rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .name {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  margin: 0;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .name span {
  margin-left: 0.5rem;
  background-color: var(--color-natural-200, #E2E8F0);
  padding: 0.25rem 0.38rem;
  border-radius: 0.25rem;
  font-size: 0.88875rem;
  font-weight: 400;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees,
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .freeCancelation {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-green-primary, #00AC6B);
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees img,
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .freeCancelation img {
  margin-left: 0.5rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees {
  color: var(--color-natural-600, #475569);
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .box-info {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .box-info img {
  margin-right: 0.5rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .box-info .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .box-info .date {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate {
  margin-top: 1rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till,
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from {
  font-size: 0.88875rem;
  font-weight: 500;
  color: var(--color-natural-600, #475569);
  margin: 0;
  display: flex;
  align-items: center;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .from, .ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .till,
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .from,
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .till {
  width: 2.5rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till span,
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from span {
  margin-left: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till::before,
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from::before {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-400, #94A3B8);
  margin-right: 1.5rem;
  border-radius: 50%;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line {
  display: flex;
  height: 1rem;
}
.ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line::before {
  content: "";
  width: 1px;
  height: 1rem;
  background-color: var(--color-natural-400, #94A3B8);
  position: relative;
  left: 4px;
}

.paymentHotel__Container {
  padding: 2rem 5rem;
  display: flex;
  gap: 0 1.25rem;
}
@media only screen and (max-width: 768px) {
  .paymentHotel__Container {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.paymentHotel__Container__Left {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .paymentHotel__Container__Left {
    width: 100%;
  }
}
.paymentHotel__Container__Left .boxContent {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .paymentHotel__Container__Left .boxContent {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.paymentHotel__Container__Left .boxContent .title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment,
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect {
  width: 100%;
  display: block;
  cursor: pointer;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 1.5rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
  transition: all ease-in-out 0.3s;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment input[type=radio],
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect input[type=radio] {
  display: none;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .header,
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect .header {
  display: flex;
  align-items: center;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .header input[type=radio],
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect .header input[type=radio] {
  display: none;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .header .radio,
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect .header .radio {
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--color-natural-400, #94A3B8);
  border-radius: 50%;
  margin-right: 1rem;
  transition: all ease-in-out 0.2s;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .header img,
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect .header img {
  margin-right: 0.5rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .header .name,
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect .header .name {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content,
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect .content {
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: all ease-in-out 0.2s;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .btn,
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect .content .btn {
  background-color: var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1rem;
  color: var(--color-white, #ffffff);
  border: none;
  border-radius: 0.2rem;
  display: block;
  margin: 15px auto;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .header .radio,
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect input[type=radio]:checked ~ .header .radio {
  border: 5px solid var(--color-blue-primary, #0D52DB);
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .content,
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect input[type=radio]:checked ~ .content {
  height: max-content;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment {
  flex-direction: column;
  align-items: flex-start;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .header .left {
  display: flex;
  align-items: center;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content {
  height: 0;
  width: 100%;
  overflow: hidden;
  transition: all ease-in-out 0.3s;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .MuiFormControl-root {
  width: 100%;
  margin-bottom: 0.5rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards {
  margin-top: 1.5rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards .boxTitle {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container {
  display: flex;
  flex-wrap: wrap;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard {
  padding: 1rem;
  background-color: var(--color-natural-50, #F8FAFC);
  margin-right: 0.5rem;
  width: 32.2580645161%;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard {
    width: 100%;
  }
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard:last-of-type {
  margin-right: 0;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber .numberHiden {
  margin-right: 1rem;
  font-size: 1.125rem;
  font-weight: 400;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber .number {
  font-size: 1.125rem;
  font-weight: 400;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardEx .exp {
  font-size: 0.875rem;
  color: var(--color-natural-500, #64748B);
  margin-right: 2rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardEx .date {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .p-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .content {
  height: max-content;
  padding-top: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .content {
    height: max-content;
  }
}
.paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount {
  margin-top: 1.25rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount__Header .title {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.75rem;
  display: block;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount__Header .showDetails {
  display: flex;
  align-items: center;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  cursor: pointer;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount__Header .showDetails img {
  margin-right: 0.5rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount .totalList {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  margin-bottom: 0.75rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item .name, .paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item .price {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  text-transform: capitalize;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item .name.bold, .paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item .price.bold {
  font-weight: 600;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item .price.voucher {
  color: var(--color-green-primary, #00AC6B) !important;
}
.paymentHotel__Container__Left .boxContent__PaymentChose .PaymentChoseInfo {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin: 1.25rem 0 0.5rem;
}
.paymentHotel__Container__Left .CoinsChance,
.paymentHotel__Container__Left .EligibleEarn {
  background-color: var(--color-yellow-primary, #FFCC00);
  min-height: 2.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1.25rem;
}
.paymentHotel__Container__Left .CoinsChance span,
.paymentHotel__Container__Left .EligibleEarn span {
  color: var(--color-natural-800, #1E293B);
  font-size: 1rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 0.5rem;
}
.paymentHotel__Container__Left .CoinsChance span .coins,
.paymentHotel__Container__Left .EligibleEarn span .coins {
  background-color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  padding: 0.3125rem 0.8625rem;
  border-radius: 0.9rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.paymentHotel__Container__Left .CoinsChance__Content {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .paymentHotel__Container__Left .CoinsChance__Content {
    padding: 0.25rem 0.5rem;
  }
}
.paymentHotel__Container__Left .CoinsChance__Content a {
  color: var(--color-blue-primary, #0D52DB);
  text-decoration: none;
  font-size: 0.88875rem;
}
.paymentHotel__Container__Right {
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .paymentHotel__Container__Right {
    width: 100%;
  }
}
.paymentHotel__Container__Right .boxContent {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__Header .title {
  font-size: 1.42375rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1.5rem;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__Header__details {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1.5rem;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-img {
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-img img {
  width: 100%;
  height: 100%;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-info {
  display: flex;
  flex-direction: column;
  gap: 0 0.5rem;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-info .name {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-info .roomNum {
  font-size: 1rem;
  font-weight: 400;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails {
  margin-bottom: 1rem;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .name {
  display: flex;
  align-items: center;
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  margin: 0;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .name span {
  margin-left: 0.5rem;
  background-color: var(--color-natural-200, #E2E8F0);
  padding: 0.25rem 0.38rem;
  border-radius: 0.25rem;
  font-size: 0.88875rem;
  font-weight: 400;
  text-align: center;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees,
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .freeCancelation {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-green-primary, #00AC6B);
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees img,
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .freeCancelation img {
  margin-left: 0.5rem;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__header .Cancelationfees {
  color: var(--color-natural-600, #475569);
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info img {
  margin-right: 0.5rem;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info .date {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate {
  margin-top: 1rem;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till,
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from {
  font-size: 0.88875rem;
  font-weight: 500;
  color: var(--color-natural-600, #475569);
  margin: 0;
  display: flex;
  align-items: center;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .from, .paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till .till,
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .from,
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from .till {
  width: 2.5rem;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till span,
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from span {
  margin-left: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-till::before,
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .p-from::before {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-400, #94A3B8);
  margin-right: 1.5rem;
  border-radius: 50%;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line {
  display: flex;
  height: 1rem;
}
.paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .timelineDate .line::before {
  content: "";
  width: 1px;
  height: 1rem;
  background-color: var(--color-natural-400, #94A3B8);
  position: relative;
  left: 4px;
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__OrderNumber {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__OrderNumber .title {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-natural-600, #475569);
  margin: 0;
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__OrderNumber .number {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-natural-600, #475569);
  margin: 0;
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__Header .title {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__Header .showDetails {
  display: flex;
  align-items: center;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  cursor: pointer;
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__Header .showDetails img {
  margin-right: 0.5rem;
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__Invoice {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1.5rem;
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__Invoice .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__Invoice .item .name {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__Invoice .item .price {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__Invoice .item.primary {
  margin-top: 1.5rem;
}
.paymentHotel__Container__Right .boxContent__FareBreakDown__Invoice .item.primary .name,
.paymentHotel__Container__Right .boxContent__FareBreakDown__Invoice .item.primary .price {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
}
.paymentHotel__Container__Right .boxContent .boxContent__Timer {
  display: flex;
  align-items: center;
}
.paymentHotel__Container__Right .boxContent .boxContent__Timer img {
  margin-right: 0.5rem;
}
.paymentHotel__Container__Right .boxContent .boxContent__Timer .info {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.paymentHotel__Container__Right .boxContent .boxContent__Timer .info span {
  color: var(--color-blue-primary, #0D52DB);
}
@media only screen and (max-width: 768px) {
  .paymentHotel__Container__Right .boxContent.ds-none-sm {
    display: none;
  }
}
.paymentHotel .btn-book {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  width: 100%;
  padding: 0.88rem 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  cursor: pointer;
}
.paymentHotel .btn-book img {
  margin-right: 0.5rem;
}
.paymentHotel .alert {
  text-align: center;
  background-color: var(--color-yellow-background, #FFF49D);
  padding: 0.5rem;
}
.paymentHotel .alert span {
  font-size: 0.88875rem;
  font-weight: 400;
}
.paymentHotel #card-element {
  width: 100%;
}

.hotelDetails {
  background-color: var(--color-natural-100, #F1F5F9);
  padding-top: 1rem;
}
@media only screen and (max-width: 768px) {
  .hotelDetails {
    padding-top: 0;
  }
}
.hotelDetails__Container {
  padding: 2.5rem 5rem;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container {
    padding: 2.5rem 0.5rem;
  }
}
.hotelDetails__Container .hotelinformation {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(12, 1fr);
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .hotelinformation {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
  }
}
.hotelDetails__Container .hotelinformation__details {
  grid-column: 1/10;
  grid-row: 1/3;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background-color: var(--color-white, #ffffff);
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .hotelinformation__details {
    padding: 0.75rem;
  }
}
.hotelDetails__Container .hotelinformation__details .title {
  font-size: 1.80188rem;
  font-weight: 700;
  margin: 0;
  margin-bottom: 0.25rem;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .hotelinformation__details .locaiton {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 1rem;
  display: block;
}
.hotelDetails__Container .hotelinformation__details .info {
  font-size: 1rem;
  font-weight: 400;
  color: #475569;
  line-height: 2;
}
.hotelDetails__Container .hotelinformation__Reviews {
  grid-column: 10/13;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background-color: var(--color-white, #ffffff);
}
.hotelDetails__Container .hotelinformation__Reviews__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.hotelDetails__Container .hotelinformation__Reviews__Header__Left .title {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-blue-primary, #0D52DB);
  display: block;
}
.hotelDetails__Container .hotelinformation__Reviews__Header__Left .number {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
}
.hotelDetails__Container .hotelinformation__Reviews__Header__Right .star {
  display: block;
  background-color: var(--color-blue-primary, #0D52DB);
  display: flex;
  padding: 0.5rem 0.75rem;
  align-items: center;
  gap: 0.25rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  color: var(--color-white, #ffffff);
}
.hotelDetails__Container .hotelinformation__Reviews__Content {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  text-align: center;
  padding: 0.5rem;
}
.hotelDetails__Container .hotelinformation__Reviews__Content .p-content {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .hotelinformation__Reviews {
    display: none;
  }
}
.hotelDetails__Container .hotelinformation__Map {
  grid-column: 10/13;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
}
.hotelDetails__Container .hotelinformation__Map img {
  width: 100%;
  height: 100%;
}
.hotelDetails__Container .hotelinformation__Map .location {
  position: absolute;
  background-color: var(--color-white, #ffffff);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .hotelinformation__Map {
    display: none;
  }
}
.hotelDetails__Container .hotelinformation .sectionMap {
  grid-column: 10/13;
  position: relative;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  overflow: hidden;
  transition: all ease-in-out 0.2s;
  cursor: pointer;
}
.hotelDetails__Container .hotelinformation .sectionMap:hover {
  box-shadow: 1px 1px 7px 5px #CBD5E1;
}
.hotelDetails__Container .hotelinformation .sectionMap img {
  width: 100%;
  object-fit: cover;
}
.hotelDetails__Container .hotelinformation .sectionMap .btn-primary {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .hotelinformation .sectionMap {
    display: none;
  }
}
.hotelDetails__Container .featuresHotel {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .featuresHotel {
    border: none;
    border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
    margin-bottom: 1rem;
    padding: 0.75rem;
    background-color: var(--color-white, #ffffff);
  }
}
.hotelDetails__Container .featuresHotel__Container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .featuresHotel__Container {
    justify-content: space-between;
  }
}
.hotelDetails__Container .featuresHotel__Container__Box {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  width: 20%;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .featuresHotel__Container__Box {
    width: 48%;
  }
}
.hotelDetails__Container .featuresHotel__Container__Box .icon {
  margin-right: 0.5rem;
}
.hotelDetails__Container .featuresHotel__Container__Box i {
  font-size: 1.5rem;
  color: var(--color-natural-500, #64748B);
  margin-right: 0.5rem;
}
.hotelDetails__Container .featuresHotel__Container__Box .name {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .featuresHotel__Container__Box .name {
    font-size: 1rem;
  }
}
.hotelDetails__Container .RoomDetails {
  padding: 0;
  margin-bottom: 2.5rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails {
  padding: 0.75rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  background-color: var(--color-white, #ffffff);
  margin-bottom: 0.5rem;
  position: relative;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails .bestPrice {
  background-color: var(--color-green-primary, #00AC6B);
  display: flex;
  align-items: center;
  padding: 0.25rem 0.62rem;
  width: max-content;
  font-size: 0.93313rem;
  font-weight: 400;
  color: var(--color-white, #ffffff);
  border-radius: 20px;
  position: absolute;
  top: -0.75rem;
  right: 1rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails .bestPrice img {
  margin-right: 0.5rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Header {
  margin-bottom: 0.75rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Header .title {
  margin: 0;
  font-size: 1.20938rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__roomInfo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__roomInfo .box {
  width: max-content;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: center;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__roomInfo .box .title {
  font-size: 0.93313rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__roomInfo .box img {
  margin-right: 0.25rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails .showDetails {
  display: flex;
  justify-content: center;
  background-color: transparent;
  border: none;
  color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
  padding: 0;
  font-size: 1.0625rem;
  font-weight: 400;
  margin-bottom: 0.75rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails .showDetails img {
  margin-right: 0.5rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Cancelation, .hotelDetails__Container .RoomDetails .BoxRoomDetails__BoxInfo {
  margin-bottom: 0.75rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Cancelation .box, .hotelDetails__Container .RoomDetails .BoxRoomDetails__BoxInfo .box {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Cancelation .box .title, .hotelDetails__Container .RoomDetails .BoxRoomDetails__BoxInfo .box .title {
  font-size: 0.93313rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Cancelation .box img, .hotelDetails__Container .RoomDetails .BoxRoomDetails__BoxInfo .box img {
  margin-right: 0.5rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Cancelation .box.freeCancelation .title, .hotelDetails__Container .RoomDetails .BoxRoomDetails__BoxInfo .box.freeCancelation .title {
  color: var(--color-green-primary, #00AC6B);
  font-weight: 600;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Cancelation .box.cancelationFees .title, .hotelDetails__Container .RoomDetails .BoxRoomDetails__BoxInfo .box.cancelationFees .title {
  color: var(--color-natural-400, #94A3B8);
  font-weight: 400;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Cancelation {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer {
  display: flex;
  justify-content: space-between;
  gap: 0 1.25rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer__Left .hint {
  font-size: 0.75rem;
  font-size: 0.75rem;
  display: block;
  color: var(--color-natural-700, #334155);
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer__Left .price {
  font-size: 1.10938rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.25rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer__Left .coins {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: #FFCC00;
  border-radius: 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #0F172A;
  width: max-content;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer__Left .coins .title {
  font-size: 0.75rem;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer__Left .coins {
    margin: 0;
    margin-top: 0.25rem;
  }
  .hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer__Left .coins .title {
    font-size: 0.93313rem;
  }
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer__Left .tax {
  font-size: 0.73rem;
  font-weight: 400;
  color: var(--color-natural-400, #94A3B8);
  margin-bottom: 0.5rem;
  display: block;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer__Left .tax span {
  color: var(--color-natural-400, #94A3B8);
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer__Right .btn-availability {
  font-size: 1rem;
  color: var(--color-white, #ffffff);
  font-weight: 400;
  background-color: var(--color-blue-primary, #0D52DB);
  border: none;
  border-radius: 0.5rem;
  padding: 0.88rem 1.2rem;
  width: 9rem;
  margin-bottom: 0.25rem;
}
.hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer__Right .error {
  color: var(--color-red-primary, #E42519);
  margin: 0 auto;
  margin-top: 0.25rem;
}
.hotelDetails__Container .RoomDetails .div-table {
  background-color: var(--color-white, #ffffff);
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.4rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row {
  display: flex;
  width: 100%;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
.hotelDetails__Container .RoomDetails .div-table__Row:last-of-type {
  border-bottom: none;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellHeader {
  padding: 1.25rem 1rem;
  border-right: 1px solid var(--color-natural-200, #E2E8F0);
  background-color: var(--color-natural-100, #F1F5F9);
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellHeader:nth-child(1) {
  width: 40%;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellHeader:nth-child(2) {
  width: 20%;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellHeader:nth-child(3) {
  width: 40%;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellHeader:last-of-type {
  border-right: none;
}
.hotelDetails__Container .RoomDetails .div-table__Row__header {
  width: 100%;
  background-color: var(--color-natural-50, #F8FAFC);
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  font-size: 1.26563rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody {
  border-right: 1px solid var(--color-natural-200, #E2E8F0);
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody:nth-child(1) {
  width: 40%;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody:last-of-type {
  width: 60%;
  border-right: none;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.room {
  padding: 1rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.room .box-room {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.room .box-room .roomName {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  display: block;
  margin-bottom: 0.5rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.room .box-room .roomImg {
  width: 17.0625rem;
  height: 8rem;
  margin-bottom: 0.5rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.room .box-room .room-info {
  display: flex;
  flex-wrap: wrap;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.room .box-room .room-info .box {
  margin-right: 0.75rem;
  width: max-content;
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.room .box-room .room-info .box img {
  margin-right: 0.25rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.room .box-room .room-info .box .title {
  font-size: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.included {
  padding: 1rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.included .box-included {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 13.5rem;
  margin-bottom: 1rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.included .box-included .box-content {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.included .box-included .box-content img {
  margin-right: 0.25rem;
  width: 16px;
  height: 16px;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody.included .box-included .box-content .title {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row {
  display: flex;
  width: 100%;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row:first-of-type {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0) !important;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row:last-of-type {
  border-bottom: none;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Pricing {
  width: 35%;
  padding: 0.75rem 1rem;
  border-right: 1px solid var(--color-natural-200, #E2E8F0);
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Pricing .box-pricing {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Pricing .box-pricing:last-of-type {
  margin-bottom: 0;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Pricing .box-pricing img {
  margin-right: 0.5rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Pricing .box-pricing .title {
  font-size: 0.75rem;
  font-weight: 400;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve {
  width: 70%;
  padding: 1rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve {
  display: flex;
  align-items: center;
  height: 100%;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left {
  margin-right: 1rem;
  width: 100%;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left .hint {
  font-size: 0.75rem;
  display: block;
  color: var(--color-natural-700, #334155);
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left .price {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.25rem;
  display: flex;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left .coins-price {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left .coins-price .coins {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: #FFCC00;
  border-radius: 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #0F172A;
  width: max-content;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left .coins-price .coins .title {
  font-size: 0.75rem;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left .coins-price .coins {
    margin: 0;
  }
  .hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left .coins-price .coins .title {
    font-size: 0.93313rem;
  }
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left .tax {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-400, #94A3B8);
  display: block;
  margin-bottom: 0.25rem;
  cursor: pointer;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left .tax span {
  color: var(--color-natural-400, #94A3B8);
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left__box {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left__box .policy,
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left__box .free {
  margin: 0;
  display: flex;
  align-items: center;
  width: max-content;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left__box .policy img,
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left__box .free img {
  margin-right: 0.25rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left__box .policy {
  color: var(--color-natural-400, #94A3B8);
  cursor: pointer;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Right {
  width: 100%;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Right .btn-reserve {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  font-weight: 400;
  padding: 0.88rem 1.5rem;
  border: none;
  width: 100%;
  border-radius: 0.5rem;
  position: relative;
  max-width: 14rem;
  cursor: pointer;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Right .btn-reserve .bestPrice {
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  background-color: var(--color-green-primary, #00AC6B);
  padding: 0.25rem 0.63rem;
  color: var(--color-white, #ffffff);
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Right .btn-reserve .bestPrice img {
  margin-right: 0.5rem;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Right .coins {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: #FFCC00;
  border-radius: 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #0F172A;
  width: max-content;
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Right .coins .title {
  font-size: 0.75rem;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Right .coins {
    margin: 0;
  }
  .hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Right .coins .title {
    font-size: 0.93313rem;
  }
}
.hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Right .error {
  padding: 0;
  color: var(--color-red-primary, #E42519);
  display: block;
  margin: 0 auto;
  margin-top: 0.25rem;
}
.hotelDetails__Container .RoomFacts__content {
  display: flex;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .RoomFacts__content {
    flex-wrap: wrap;
  }
}
.hotelDetails__Container .RoomFacts__content__Box {
  padding: 1rem;
  margin-bottom: 0.5rem;
  width: 100%;
  background-color: var(--color-white, #ffffff);
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .RoomFacts__content__Box {
    width: 100%;
  }
}
.hotelDetails__Container .RoomFacts__content__Box .title {
  font-size: 1.26563rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 1rem;
}
.hotelDetails__Container .RoomFacts__content__Box__Content__Items {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
}
.hotelDetails__Container .RoomFacts__content__Box__Content__Items i {
  font-size: 1.5rem;
  color: #64748B;
  margin-right: 0.5rem;
}
.hotelDetails__Container .RoomFacts__content__Box__Content__Items .name {
  font-size: 1rem;
  font-weight: 600;
}
.hotelDetails__Container .RoomFacts__content__Box__Content.fullWidth {
  display: flex;
  flex-wrap: wrap;
}
.hotelDetails__Container .RoomFacts__content__Box__Content.fullWidth .RoomFacts__content__Box__Content__Items {
  margin-bottom: 0.25rem;
  width: 20%;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .RoomFacts__content__Box__Content.fullWidth .RoomFacts__content__Box__Content__Items {
    width: 50%;
  }
}
.hotelDetails__Container .RoomFacts__content__Box__Content.halfWidth {
  display: flex;
  flex-wrap: wrap;
}
.hotelDetails__Container .RoomFacts__content__Box__Content.halfWidth .RoomFacts__content__Box__Content__Items {
  margin-bottom: 0.25rem;
  width: 33.3333333333%;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .RoomFacts__content__Box__Content.halfWidth .RoomFacts__content__Box__Content__Items {
    width: 50%;
  }
}
.hotelDetails__Container .houseRules {
  margin-bottom: 2.5rem;
}
.hotelDetails__Container .houseRules .title {
  font-size: 1.42375rem;
  font-weight: 500;
  color: var(--color-natural-600, #475569);
  margin: 0;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .houseRules .title {
    margin-bottom: 1rem;
  }
}
.hotelDetails__Container .houseRules__Content {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  background-color: var(--color-white, #ffffff);
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .houseRules__Content {
    background-color: transparent;
    border: none;
  }
}
.hotelDetails__Container .houseRules__Content__BoxInfo {
  display: flex;
  align-items: center;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  margin-bottom: 1.25rem;
}
.hotelDetails__Container .houseRules__Content__BoxInfo:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .houseRules__Content__BoxInfo {
    flex-wrap: wrap;
  }
}
.hotelDetails__Container .houseRules__Content__BoxInfo__Left {
  min-width: 18rem;
  display: flex;
  align-items: center;
  margin-right: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .houseRules__Content__BoxInfo__Left {
    margin-bottom: 0.5rem;
  }
}
.hotelDetails__Container .houseRules__Content__BoxInfo__Left img {
  margin-right: 0.5rem;
}
.hotelDetails__Container .houseRules__Content__BoxInfo__Left .label {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .houseRules__Content__BoxInfo__Right .inf {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .houseRules__Content__BoxInfo__Right .hint {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .FaqsAbout {
  margin-bottom: 2.5rem;
}
.hotelDetails__Container .FaqsAbout .title {
  margin: 0;
  margin-bottom: 1.5rem;
  font-size: 1.42375rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .FaqsAbout__Content {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.5rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 1.5rem 1rem;
}
.hotelDetails__Container .FaqsAbout__Content .MuiPaper-elevation {
  box-shadow: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  margin-bottom: 1.5rem;
}
.hotelDetails__Container .FaqsAbout__Content .MuiPaper-elevation .MuiAccordionSummary-root {
  padding: 0;
}
.hotelDetails__Container .FaqsAbout__Content .MuiPaper-elevation .MuiAccordionSummary-content {
  padding-top: 0 !important;
}
.hotelDetails__Container .FaqsAbout__Content .MuiPaper-elevation .header-title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 1.5rem;
}
.hotelDetails__Container .FaqsAbout__Content .MuiPaper-elevation .MuiAccordionDetails-root {
  padding: 0;
  margin-bottom: 1.5rem;
}
.hotelDetails__Container .FaqsAbout__Content .MuiPaper-elevation .MuiAccordionDetails-root .p-info {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
}
.hotelDetails__Container .Viewed .title {
  margin: 0;
  margin-bottom: 1.5rem;
  font-size: 1.42375rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .Viewed__Content {
  display: flex;
  gap: 1.25rem;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
  scroll-behavior: smooth;
  cursor: pointer;
}
.hotelDetails__Container .Viewed__Content > * {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.hotelDetails__Container .Viewed__Content::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.hotelDetails__Container .Viewed__Content__Card {
  border-radius: 12px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  width: 100%;
  width: 23.2558139535%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .hotelDetails__Container .Viewed__Content__Card {
    width: 52.6315789474%;
  }
}
@media only screen and (max-width: 640px) {
  .hotelDetails__Container .Viewed__Content__Card {
    width: 90%;
  }
}
.hotelDetails__Container .Viewed__Content__Card__Image {
  width: 100%;
  height: 14.625rem;
  border-radius: 12px;
}
.hotelDetails__Container .Viewed__Content__Card__Image .imgCard {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  object-fit: cover;
}
.hotelDetails__Container .Viewed__Content__Card__Info {
  background-color: var(--color-white, #ffffff);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding: 1.25rem;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .hotelDetails__Container .Viewed__Content__Card__Info {
    padding-bottom: 0;
  }
}
.hotelDetails__Container .Viewed__Content__Card__Info .info-title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.5rem;
}
.hotelDetails__Container .Viewed__Content__Card__Info .review {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.hotelDetails__Container .Viewed__Content__Card__Info .review .review-title {
  font-size: 0.88875rem;
  font-weight: 400;
}
.hotelDetails__Container .Viewed__Content__Card__Info .review img {
  margin-right: 0.5rem;
}
.hotelDetails__Container .Viewed__Content__Card__Info .rountTrip {
  margin: 0;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelDetails__Container .Viewed__Content__Card__Info .price {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  color: red;
}
.hotelDetails__Container .Viewed__Content__Card__Info .price .total {
  font-size: 22px;
  font-weight: 500;
}
.hotelDetails .ResultFormSearch {
  margin-bottom: 2.5rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .hotelDetails .ResultFormSearch {
    margin: 0;
  }
}
.hotelDetails .ResultFormSearch .boxFormSearch {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-bottom: 1px solid #E2E8F0;
}
@media only screen and (max-width: 768px) {
  .hotelDetails .ResultFormSearch .boxFormSearch {
    display: none;
  }
}
.hotelDetails .ResultFormSearch .boxFormSearch__mobile {
  border-top: 1px solid var(--color-natural-300, #CBD5E1);
  background-color: var(--color-blue-primary, #0D52DB);
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  display: none;
}
@media only screen and (max-width: 768px) {
  .hotelDetails .ResultFormSearch .boxFormSearch__mobile {
    display: flex;
  }
}
.hotelDetails .ResultFormSearch .boxFormSearch__mobile__content {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.hotelDetails .ResultFormSearch .boxFormSearch__mobile__content__info .title {
  font-size: 0.99563rem;
  color: var(--color-white, #ffffff);
  margin: 0;
  margin-bottom: 0.12rem;
  display: flex;
  align-items: center;
}
.hotelDetails .ResultFormSearch .boxFormSearch__mobile__content__info .date {
  margin: 0;
  color: var(--color-white, #ffffff);
  font-size: 0.93313rem;
}
.hotelDetails .ResultFormSearch .boxFormSearch__mobile .btn-edit {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.hotelDetails .flightNotAvailable {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.5rem;
  margin-top: 0;
  padding-bottom: 4rem;
  margin-bottom: 1rem;
}

.AdditionalTaxes .alicss,
.canclationPolicyPopup .alicss,
.RoomDetailsPopup .alicss {
  position: absolute;
  width: 100%;
  bottom: -2rem;
  height: 100%;
  overflow: hidden;
  border-top-right-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.AdditionalTaxes .box-container,
.canclationPolicyPopup .box-container,
.RoomDetailsPopup .box-container {
  background-color: var(--color-white, #ffffff);
  height: 70vh;
  overflow-x: auto;
  border-top-right-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.AdditionalTaxes .box-container__Header,
.canclationPolicyPopup .box-container__Header,
.RoomDetailsPopup .box-container__Header {
  padding: 1rem;
  text-align: center;
  margin-bottom: 0.5rem;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.AdditionalTaxes .box-container__Header .title,
.canclationPolicyPopup .box-container__Header .title,
.RoomDetailsPopup .box-container__Header .title {
  font-size: 1.0625rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  text-align: center;
}
.AdditionalTaxes .box-container__Header .btn-close,
.canclationPolicyPopup .box-container__Header .btn-close,
.RoomDetailsPopup .box-container__Header .btn-close {
  background-color: transparent;
  border: none;
  padding: 0;
  width: max-content;
  position: absolute;
  top: 2rem;
  right: 1rem;
}
.AdditionalTaxes .box-container__content,
.canclationPolicyPopup .box-container__content,
.RoomDetailsPopup .box-container__content {
  padding: 0.5rem;
  padding-top: 86px;
  padding-bottom: 10rem;
}
.AdditionalTaxes .box-container__content__Room .title,
.canclationPolicyPopup .box-container__content__Room .title,
.RoomDetailsPopup .box-container__content__Room .title {
  font-size: 1.20938rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.75rem;
}
.AdditionalTaxes .box-container__content__Room .big-img,
.canclationPolicyPopup .box-container__content__Room .big-img,
.RoomDetailsPopup .box-container__content__Room .big-img {
  width: 100%;
  height: 8rem;
  border-radius: 0.25rem;
  margin-bottom: 0.75rem;
}
.AdditionalTaxes .box-container__content__Room__Bottom, .AdditionalTaxes .box-container__content__Room__First,
.canclationPolicyPopup .box-container__content__Room__Bottom,
.canclationPolicyPopup .box-container__content__Room__First,
.RoomDetailsPopup .box-container__content__Room__Bottom,
.RoomDetailsPopup .box-container__content__Room__First {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.AdditionalTaxes .box-container__content__Room__Bottom .box, .AdditionalTaxes .box-container__content__Room__First .box,
.canclationPolicyPopup .box-container__content__Room__Bottom .box,
.canclationPolicyPopup .box-container__content__Room__First .box,
.RoomDetailsPopup .box-container__content__Room__Bottom .box,
.RoomDetailsPopup .box-container__content__Room__First .box {
  width: max-content;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: center;
}
.AdditionalTaxes .box-container__content__Room__Bottom .box .title, .AdditionalTaxes .box-container__content__Room__First .box .title,
.canclationPolicyPopup .box-container__content__Room__Bottom .box .title,
.canclationPolicyPopup .box-container__content__Room__First .box .title,
.RoomDetailsPopup .box-container__content__Room__Bottom .box .title,
.RoomDetailsPopup .box-container__content__Room__First .box .title {
  font-size: 0.93313rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0;
}
.AdditionalTaxes .box-container__content__Room__Bottom .box img, .AdditionalTaxes .box-container__content__Room__First .box img,
.canclationPolicyPopup .box-container__content__Room__Bottom .box img,
.canclationPolicyPopup .box-container__content__Room__First .box img,
.RoomDetailsPopup .box-container__content__Room__Bottom .box img,
.RoomDetailsPopup .box-container__content__Room__First .box img {
  margin-right: 0.25rem;
}

.AdditionalTaxesLG,
.CancelationPolicyPopupLG {
  display: flex;
  align-items: center;
  justify-content: center;
}
.AdditionalTaxesLG .box-container,
.CancelationPolicyPopupLG .box-container {
  background-color: var(--color-white, #ffffff);
  width: 40rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  outline: none;
}
@media only screen and (max-width: 768px) {
  .AdditionalTaxesLG .box-container,
  .CancelationPolicyPopupLG .box-container {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.AdditionalTaxesLG .box-container__Header,
.CancelationPolicyPopupLG .box-container__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 2rem;
}
.AdditionalTaxesLG .box-container__Header .title,
.CancelationPolicyPopupLG .box-container__Header .title {
  font-size: 1.26563rem;
  font-weight: 500;
  margin: 0;
}
.AdditionalTaxesLG .box-container__Header .btn-close,
.CancelationPolicyPopupLG .box-container__Header .btn-close {
  background-color: transparent;
  border: none;
  padding: 0;
  width: max-content;
  cursor: pointer;
}
.AdditionalTaxesLG .box-container__content,
.CancelationPolicyPopupLG .box-container__content {
  min-height: 20vh;
  max-height: 70vh;
  overflow-x: auto;
}
.AdditionalTaxesLG .box-container__content::-webkit-scrollbar,
.CancelationPolicyPopupLG .box-container__content::-webkit-scrollbar {
  width: 5px;
}
.AdditionalTaxesLG .box-container__content,
.CancelationPolicyPopupLG .box-container__content {
  /* Track */
}
.AdditionalTaxesLG .box-container__content::-webkit-scrollbar-track,
.CancelationPolicyPopupLG .box-container__content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.AdditionalTaxesLG .box-container__content .orderList,
.CancelationPolicyPopupLG .box-container__content .orderList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem {
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem:last-of-type,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem:last-of-type {
  margin-bottom: 2rem;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem {
  position: relative;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem::before,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: var(--color-natural-400, #94A3B8);
  position: absolute;
  top: 8px;
  left: 0;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem .item,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item {
  width: 100%;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem .item .header,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item .header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem .item .header .title,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item .header .title {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem .item .header .title .learnMore,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item .header .title .learnMore {
  color: var(--color-blue-primary, #0D52DB);
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem .item .header .price,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item .header .price {
  display: flex;
  align-items: center;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem .item .header .price .total,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item .header .price .total {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin-right: 1rem;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem .item .header .price img,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item .header .price img {
  cursor: pointer;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem .item .info,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item .info {
  margin: 0;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.5rem;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem .item .info .from, .AdditionalTaxesLG .box-container__content .orderList .orderItem .item .info .to,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item .info .from,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item .info .to {
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-right: 0.5rem;
}
.AdditionalTaxesLG .box-container__content .orderList .orderItem .item .info img,
.CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item .info img {
  margin-right: 0.5rem;
}
.AdditionalTaxesLG .box-container .totalTrip,
.CancelationPolicyPopupLG .box-container .totalTrip {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.AdditionalTaxesLG .box-container .totalTrip .total,
.CancelationPolicyPopupLG .box-container .totalTrip .total {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
}
.AdditionalTaxesLG .box-container .totalTrip .price,
.CancelationPolicyPopupLG .box-container .totalTrip .price {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
}

.hotelSearchMap {
  position: relative;
  min-height: inherit;
  display: flex;
  margin: 0 5rem;
  gap: 0 1.25rem;
}
@media only screen and (max-width: 768px) {
  .hotelSearchMap {
    display: block;
    margin: 0;
  }
}
.hotelSearchMap .hotelResult__Container {
  padding: 0.5rem 0;
}
.hotelSearchMap .hotelResult__Container .Results__header {
  margin-bottom: 0;
  padding: 0 1rem;
}
.hotelSearchMap__Conatiner {
  background-color: #F1F5F9;
  padding-top: 1rem;
  flex-grow: 1;
}
@media only screen and (max-width: 768px) {
  .hotelSearchMap__Conatiner {
    padding-top: 0;
    margin: 0;
    padding: 0;
  }
}
.hotelSearchMap__Conatiner .box-map {
  position: relative;
  height: 95vh;
}
@media only screen and (max-width: 768px) {
  .hotelSearchMap__Conatiner .box-map {
    height: 70vh;
  }
}
.hotelSearchMap__Conatiner .box-map div:first-of-type {
  z-index: 9;
  position: relative;
}
.hotelSearchMap__Conatiner .box-map .gm-fullscreen-control {
  display: none;
}
.hotelSearchMap__Conatiner .box-map .marker-style {
  background-color: var(--color-blue-primary, #0D52DB);
  width: max-content;
  height: 30px;
  padding: 0.25rem 0.5rem;
  display: flex;
  align-items: center;
  font-size: 0.88875rem;
  border-radius: 0.5rem;
  color: var(--color-white, #ffffff);
}
.hotelSearchMap__Conatiner .box-map .marker-style.active {
  border: 1px solid var(--color-blue-primary, #0D52DB);
}
.hotelSearchMap__Conatiner .box-map .marker-style.active::after {
  content: "";
  position: absolute;
  left: 28%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 11px solid transparent;
  border-top: 10px solid #0D52DB;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner {
  position: absolute;
  top: 0;
  width: 100%;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .SearchMapFilter {
  background-color: var(--color-white, #ffffff);
  padding: 0.5rem 1rem;
  z-index: 99;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .SearchMapFilter__Left .pageNumber {
  margin: 0;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .SearchMapFilter__Right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .SearchMapFilter__Right .line {
  width: 0.0625rem;
  height: 1.5rem;
  display: block;
  background-color: var(--color-natural-200, #E2E8F0);
  margin: 0 1rem;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .SearchMapFilter__Right .btn-optinal {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-400, #94A3B8);
  display: flex;
  align-items: center;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .SearchMapFilter__Right .btn-optinal img {
  margin-right: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .SearchMapFilter__Right .btn-optinal .ri {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .SearchMapFilter__Right .btn-optinal.active {
  color: var(--color-blue-primary, #0D52DB);
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .SearchMapFilter__Right__Optinal {
  display: flex;
  gap: 0 1rem;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .SearchMapFilter__Right__LowestToHighst .p-filter {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0 1rem;
  cursor: pointer;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container {
  display: flex;
  gap: 9px;
  z-index: 99;
  position: absolute;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  height: 90vh;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container.light {
  background-color: var(--color-white, #ffffff);
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container .filterResult {
  display: none;
  position: relative;
  max-height: 100%;
  overflow-y: auto;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container .filterResult.show {
  display: block;
  animation: leftToRight 0.3s ease-in-out forwards;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container .filterResult .title {
  display: none;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container .filterResult::-webkit-scrollbar {
  width: 5px;
  height: 0;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container .filterResult::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container .filterResult::-webkit-scrollbar-thumb {
  background: var(--color-natural-300, #CBD5E1);
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container .Box-conatiner-Cards {
  width: 390px;
  overflow-x: auto;
  padding: 0.5rem;
  padding-left: 0;
  z-index: 99;
  position: relative;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container .Box-conatiner-Cards::-webkit-scrollbar {
  width: 5px;
  height: 0;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container .Box-conatiner-Cards::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container .Box-conatiner-Cards::-webkit-scrollbar-thumb {
  background: var(--color-natural-300, #CBD5E1);
}
@media only screen and (max-width: 768px) {
  .hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .box-container .Box-conatiner-Cards {
    width: 100%;
    padding: 0;
  }
}
.hotelSearchMap__Conatiner .box-map .card {
  margin-bottom: 1.25rem;
  border-radius: 0.5rem;
  border: 2px solid var(--color-natural-200, #E2E8F0);
  overflow: hidden;
  background-color: var(--color-white, #ffffff);
  display: flex;
}
@media only screen and (max-width: 768px) {
  .hotelSearchMap__Conatiner .box-map .card {
    display: inherit;
  }
}
.hotelSearchMap__Conatiner .box-map .card.selected {
  border: 2px solid var(--color-blue-primary, #0D52DB);
}
.hotelSearchMap__Conatiner .box-map .card .box-img {
  display: flex;
  width: 16.75rem;
  height: 12.625rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  flex-shrink: 0;
  align-self: stretch;
}
.hotelSearchMap__Conatiner .box-map .card .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hotelSearchMap__Conatiner .box-map .card__Info {
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
}
@media only screen and (max-width: 768px) {
  .hotelSearchMap__Conatiner .box-map .card__Info {
    display: inherit;
  }
}
.hotelSearchMap__Conatiner .box-map .card__Info .align-items-center {
  align-items: center;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  gap: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .header .title {
  font-size: 1.80188rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.25rem;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .header .BoxStar {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .header .hint {
  font-size: 0.88875rem;
  font-weight: 400;
  display: flex;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .header .hint img {
  margin-right: 0.2rem;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .benefits {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .benefits::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .benefits span {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  flex-shrink: 0;
  scroll-snap-align: start;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .RoomDetails .title {
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .RoomDetails .content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .RoomDetails .content::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .RoomDetails .content span {
  display: flex;
  align-items: center;
  background-color: var(--color-natural-100, #F1F5F9);
  padding: 0.13rem 0.38rem;
  flex-shrink: 0;
  scroll-snap-align: start;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Left .RoomDetails .content span img {
  margin-right: 0.25rem;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
  text-align: right;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Top .hint {
  font-size: 0.75rem;
  display: block;
  text-align: center;
  color: var(--color-natural-700, #334155);
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Top .coins {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--color-yellow-primary, #FFCC00);
  border-radius: 1.06rem;
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Top .price {
  font-size: 1.80188rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Top .tax {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  border-bottom: 1px dashed var(--color-natural-900, #0F172A);
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Top .Per-person {
  font-size: 0.75rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Top .tax-car {
  display: flex;
  justify-content: center;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Bottom .info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Bottom .info .review {
  margin-bottom: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Bottom .info .review .p-review {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 0.88875rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Bottom .info .review .num-review {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Bottom .info .rate {
  background-color: var(--color-natural-100, #F1F5F9);
  border-radius: 0.5rem;
  padding: 0.31rem 0.5rem;
  display: flex;
  align-items: center;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Bottom .info .rate img {
  margin-right: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Bottom .info .rate span {
  font-size: 1.125rem;
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 500;
}
.hotelSearchMap__Conatiner .box-map .card__Info__Right__Bottom .btn-check {
  background-color: var(--color-blue-primary, #0D52DB);
  border: none;
  border-radius: 0.5rem;
  padding: 0.88rem 1.5rem;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  cursor: pointer;
}
.hotelSearchMap__Conatiner .box-map .headerCardMobile {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  margin-bottom: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .headerCardMobile .box-img {
  width: 35%;
}
.hotelSearchMap__Conatiner .box-map .headerCardMobile .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hotelSearchMap__Conatiner .box-map .headerCardMobile .box-img .imgCar {
  object-fit: contain;
}
.hotelSearchMap__Conatiner .box-map .headerCardMobile .header .title {
  font-size: 1.46938rem;
  font-weight: 800;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.hotelSearchMap__Conatiner .box-map .headerCardMobile .header .hint {
  font-size: 0.99563rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.hotelSearchMap__Conatiner .box-map .headerCardMobile .reviewMobile {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}
.hotelSearchMap__Conatiner .box-map .headerCardMobile .reviewMobile .rate {
  display: flex;
  padding: 0.1875rem 0.5rem;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--color-natural-100, #F1F5F9);
  border-radius: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .headerCardMobile .reviewMobile .rate span {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1.13375rem;
  font-weight: 500;
}
.hotelSearchMap__Conatiner .box-map .headerCardMobile .reviewMobile .p-review {
  margin: 0;
  font-size: 0.99563rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
}
.hotelSearchMap__Conatiner .box-map .buttonPrice {
  width: 100%;
}
.hotelSearchMap__Conatiner .box-map .buttonPrice .hr {
  border-color: var(--color-natural-200, #E2E8F0);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .buttonPrice .btn-check {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  width: 100%;
  display: flex;
  align-items: center;
  height: 3rem;
  padding: 0.875rem 0.75rem;
  font-size: 1.0625rem;
  font-weight: 500;
  border-radius: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .buttonPrice .btn-check .price {
  color: var(--color-white, #ffffff);
  font-size: 1.0625rem;
  font-weight: 600;
  margin-left: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .buttonPrice .btn-check .coins {
  margin-left: auto;
  display: flex;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--color-yellow-primary, #FFCC00);
  border-radius: 1.06rem;
}
.hotelSearchMap__Conatiner .box-map .BoxButtom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-natural-200, #E2E8F0);
}
.hotelSearchMap__Conatiner .box-map .BoxButtom div:first-of-type {
  position: relative;
}
.hotelSearchMap__Conatiner .box-map .BoxButtom .btn-check {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  width: 100%;
  height: 3rem;
  padding: 0.875rem 0.75rem;
  font-size: 1.0625rem;
  font-weight: 500;
  border-radius: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .BoxButtom .hint {
  font-size: 0.75rem;
  font-size: 0.75rem;
  display: block;
  display: flex;
  align-items: center;
  color: var(--color-natural-700, #334155);
  margin-left: 0.5rem;
}
.hotelSearchMap__Conatiner .box-map .BoxButtom .hint img {
  margin-right: 0.2rem;
}
.hotelSearchMap__Conatiner .box-map .BoxButtom .price {
  color: var(--color-natural-900, #0F172A);
  font-size: 1.20938rem;
  font-weight: 500;
  margin-left: 0.5rem;
  display: block;
  width: 100%;
}
.hotelSearchMap__Conatiner .box-map .BoxButtom .tax {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  border-bottom: 1px dashed var(--color-natural-900, #0F172A);
}
.hotelSearchMap__Conatiner .box-map .BoxButtom .Per-person {
  font-size: 0.75rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
}
.hotelSearchMap__Conatiner .box-map .BoxButtom .tax-car {
  display: flex;
  text-align: center;
}
.hotelSearchMap__Conatiner .box-map .BoxButtom .coins {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--color-yellow-primary, #FFCC00);
  border-radius: 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  width: max-content;
}
.hotelSearchMap__Conatiner .box-map .box-card-mobile {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%;
  height: max-content;
  z-index: 99;
}
.hotelSearchMap__Conatiner .box-map .box-card-mobile .select-mapList {
  margin-bottom: 1rem;
}
.hotelSearchMap__Conatiner .box-map .box-card-mobile .select-mapList__Container {
  background-color: var(--color-blue-primary, #0D52DB);
  background-color: #0D52DB;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  height: 4rem;
  border-radius: 50rem;
  transition: all ease-in-out 0.2s;
  width: fit-content;
  /* margin: auto; */
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: -66px;
}
.hotelSearchMap__Conatiner .box-map .box-card-mobile .select-mapList__Container .btn-select {
  background-color: transparent;
  border: none;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-white, #ffffff);
  text-align: center;
  width: 6rem;
}
.hotelSearchMap__Conatiner .box-map .box-card-mobile .select-mapList__Container .btn-select.active {
  background-color: var(--color-white, #ffffff);
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  transition: all ease-in-out 0.2s;
}

.PriceDropdown__dropDown__slider .MuiSlider-thumb {
  border-radius: 15px;
  border: 1.222px solid #DFDFDF;
  background: #FFF;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.12);
}
.PriceDropdown__dropDown__slider .MuiSlider-thumb::before, .PriceDropdown__dropDown__slider .MuiSlider-thumb::after {
  border-right: 2px solid;
  content: "";
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  right: 6px;
  top: 50%;
  width: 0;
}
.PriceDropdown__dropDown__slider .MuiSlider-thumb::after {
  margin-top: -1px;
  transform: rotate(48deg);
}
.PriceDropdown__dropDown__slider span[data-index="1"]::after {
  border-right: 2px solid;
  content: "";
  display: block;
  height: 8px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(230deg);
  right: 8px;
  left: 8px;
  top: 8px;
  width: 0;
}
.PriceDropdown__dropDown__slider span[data-index="1"]::before {
  transform: rotate(120deg);
  border-right: 2px solid;
  content: "";
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  right: 8px;
  top: 13px;
  width: 0;
}

.MyProfile {
  background-color: var(--color-natural-100, #F1F5F9);
  padding: 2rem 5rem;
  display: flex;
  gap: 0 1.25rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile {
    flex-wrap: wrap;
    padding: 1rem 1rem;
    background-color: var(--color-white, #ffffff);
  }
}
.MyProfile .profileLeftSide {
  width: 20%;
}
@media only screen and (max-width: 768px) {
  .MyProfile .profileLeftSide {
    width: 100%;
    position: relative;
  }
}
.MyProfile .profileLeftSide__Conatiner {
  background-color: var(--color-white, #ffffff);
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 1rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .profileLeftSide__Conatiner {
    padding: 0;
    border: none;
  }
}
.MyProfile .profileLeftSide__Conatiner__Header {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .profileLeftSide__Conatiner__Header {
    flex-direction: column;
    margin-bottom: 1rem;
    margin-top: 3rem;
  }
}
.MyProfile .profileLeftSide__Conatiner__Header .Img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}
.MyProfile .profileLeftSide__Conatiner__Header .Img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .MyProfile .profileLeftSide__Conatiner__Header .Img {
    width: 8rem;
    height: 8rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .MyProfile .profileLeftSide__Conatiner__Header .info {
    text-align: center;
  }
}
.MyProfile .profileLeftSide__Conatiner__Header .info p {
  margin: 0;
}
.MyProfile .profileLeftSide__Conatiner__Header .info .name {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.12rem;
}
.MyProfile .profileLeftSide__Conatiner__Header .info .email {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
}
.MyProfile .profileLeftSide__Conatiner__Tabs .list {
  margin: 0;
  padding: 0;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .profileLeftSide__Conatiner__Tabs .list {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
  }
}
.MyProfile .profileLeftSide__Conatiner__Tabs .list .item {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  transition: all ease-in-out;
  border-radius: 0.38rem;
}
.MyProfile .profileLeftSide__Conatiner__Tabs .list .item .ri {
  font-size: 1.5rem;
}
.MyProfile .profileLeftSide__Conatiner__Tabs .list .item:hover {
  background-color: var(--color-natural-100, #F1F5F9);
}
.MyProfile .profileLeftSide__Conatiner__Tabs .list .item.active {
  background-color: var(--color-blue-background, #DBEAFE);
}
.MyProfile .profileLeftSide__Conatiner__Tabs .list .item.active .ri {
  color: var(--color-blue-primary, #0D52DB);
}
@media only screen and (max-width: 768px) {
  .MyProfile .profileLeftSide__Conatiner__Tabs .list .item {
    padding: 0;
  }
  .MyProfile .profileLeftSide__Conatiner__Tabs .list .item:hover {
    background-color: transparent;
  }
  .MyProfile .profileLeftSide__Conatiner__Tabs .list .item.active {
    background-color: transparent;
    color: var(--color-blue-primary, #0D52DB);
  }
}
.MyProfile .profileLeftSide__Conatiner__LogOut .btn-logout {
  background-color: transparent;
  border: none;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .MyProfile .profileLeftSide__Conatiner__LogOut {
    position: absolute;
    top: 1rem;
    right: 0.5rem;
  }
}
.MyProfile .ProfileContent {
  width: 80%;
  background-color: var(--color-white, #ffffff);
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent {
    width: 100%;
  }
}
.MyProfile .ProfileContent .MyAccount {
  padding: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount {
    padding: 0rem;
  }
}
.MyProfile .ProfileContent .MyAccount__Header {
  background-color: var(--color-yellow-primary, #FFCC00);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
}
.MyProfile .ProfileContent .MyAccount__Header__Left {
  display: flex;
  align-items: center;
}
.MyProfile .ProfileContent .MyAccount__Header__Left__BoxGift {
  background-color: var(--color-white, #ffffff);
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount__Header__Left__BoxGift {
    width: auto;
    height: auto;
    background-color: transparent;
    margin-right: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount__Header__Left__BoxGift .iconLG {
    display: none;
  }
}
.MyProfile .ProfileContent .MyAccount__Header__Left__BoxGift .iconSM {
  display: none;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount__Header__Left__BoxGift .iconSM {
    display: block;
  }
}
.MyProfile .ProfileContent .MyAccount__Header__Left__Info {
  margin-bottom: 1rem;
}
.MyProfile .ProfileContent .MyAccount__Header__Left__Info .header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount__Header__Left__Info .header {
    margin-bottom: 0.5rem;
  }
}
.MyProfile .ProfileContent .MyAccount__Header__Left__Info .header p {
  margin: 0;
  font-size: 1.42375rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount__Header__Left__Info .header p {
    font-size: 1.2rem;
  }
}
.MyProfile .ProfileContent .MyAccount__Header__Left__Info .header .coin {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  background-color: var(--color-white, #ffffff);
  border-radius: 2.25rem;
  padding: 0.25rem 0.75rem;
  margin: 0 0.25rem;
}
.MyProfile .ProfileContent .MyAccount__Header__Left .hint {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.MyProfile .ProfileContent .MyAccount__Header__Right {
  display: flex;
  align-items: flex-end;
}
.MyProfile .ProfileContent .MyAccount__Header__Right .btn-find {
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  background-color: var(--color-white, #ffffff);
  border: none;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount__Header__Right {
    display: none;
  }
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Header {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Header p {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 1.125rem;
  font-weight: 500;
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content {
  background-color: var(--color-natural-100, #F1F5F9);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Top {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Top {
    flex-wrap: wrap;
  }
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Top .from {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Top .from span {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  display: block;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Top .from {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Top .fromTo {
  display: flex;
  align-items: center;
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Top .fromTo span {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Top .fromTo img {
  margin: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Top .fromTo {
    width: 100%;
  }
  .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Top .fromTo span {
    font-size: 0.75rem;
  }
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom {
    flex-wrap: wrap;
  }
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .date {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .date {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .date .dateInfo {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin: 0;
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .date .dateInfo span {
  font-weight: 500;
  font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .date .dateInfo {
    font-size: 0.68875rem;
  }
  .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .date .dateInfo span {
    font-size: 0.9rem;
  }
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .line {
  height: 1rem;
  width: 2px;
  background-color: var(--color-natural-200, #E2E8F0);
  display: block;
  margin: 0 1rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .line {
    display: none;
  }
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .traveler {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .traveler {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .traveler .info {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .economy {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .economy {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .economy span {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.MyProfile .ProfileContent .MyAccount .NoHistory {
  height: 29rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.MyProfile .ProfileContent .MyAccount .NoHistory .iconBig {
  margin-bottom: 1rem;
}
.MyProfile .ProfileContent .MyAccount .NoHistory .info {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1rem;
}
.MyProfile .ProfileContent .MyAccount .NoHistory .hint {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  margin: 0;
  margin-bottom: 1rem;
}
.MyProfile .ProfileContent .MyAccount .NoHistory .all {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.MyProfile .ProfileContent .MyAccount .NoHistory .all .Box {
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .MyProfile .ProfileContent .MyAccount .NoHistory .all .Box {
    padding: 0.5rem 0.75rem;
  }
}
.MyProfile .MyOrder__Tabs {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  padding-bottom: 1.25rem;
  background-color: var(--color-natural-100, #F1F5F9);
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
}
.MyProfile .MyOrder__Tabs > * {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.MyProfile .MyOrder__Tabs::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Tabs {
    background-color: var(--color-white, #ffffff);
    margin-top: 1rem;
  }
}
.MyProfile .MyOrder__Tabs .Tab {
  background-color: var(--color-white, #ffffff);
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.25rem;
  padding: 0.5rem 2.5rem;
  font-size: 0.86819rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.MyProfile .MyOrder__Tabs .Tab.active {
  color: var(--color-white, #ffffff);
  background-color: var(--color-blue-primary, #0D52DB);
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Tabs .Tab {
    padding: 0.5rem 2rem;
  }
}
.MyProfile .MyOrder__Container {
  padding: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container {
    padding: 1.5rem 0;
  }
}
.MyProfile .MyOrder__Container__Content .header-date {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  display: block;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .header-date {
    margin-bottom: 0.5rem;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content {
  background-color: var(--color-natural-100, #F1F5F9);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top {
    flex-wrap: wrap;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top .from {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top .from span {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  display: block;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top .from {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top .for {
  margin: 0 0.5rem;
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top .fromTo {
  display: flex;
  align-items: center;
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top .fromTo span {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top .fromTo img {
  margin: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top .fromTo {
    width: 100%;
  }
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top .fromTo span {
    font-size: 0.75rem;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom {
    flex-wrap: wrap;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .date {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .date {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .date .dateInfo {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin: 0;
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .date .dateInfo span {
  font-weight: 500;
  font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .date .dateInfo {
    font-size: 0.68875rem;
  }
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .date .dateInfo span {
    font-size: 0.9rem;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .line {
  height: 1rem;
  width: 2px;
  background-color: var(--color-natural-200, #E2E8F0);
  display: block;
  margin: 0 1rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .line {
    display: none;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .traveler {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .traveler {
    width: 50%;
    margin-bottom: 0.5rem;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .traveler .info {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .economy,
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .rooms {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .economy,
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .rooms {
    width: 50%;
    margin-bottom: 0.5rem;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .economy span,
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .rooms span {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .id {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .id {
    display: none;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .id span {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Right {
    position: relative;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Right .ViewOrder {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Right .ViewOrder span {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Right .ViewOrder {
    position: absolute;
    width: max-content;
    right: 0.2rem;
    top: 0;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Right .boxBottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .MyProfile .MyOrder__Container__Content .Box-order__Content__Right .boxBottom {
    display: none;
  }
}
.MyProfile .MyOrder__Container__Content .Box-order__Content__Right .boxBottom .line {
  height: 1rem;
  width: 2px;
  background-color: var(--color-natural-200, #E2E8F0);
  display: block;
  margin: 0 1rem;
}
.MyProfile .noOrder {
  height: 41rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .MyProfile .noOrder {
    height: auto;
  }
}
.MyProfile .noOrder img {
  margin-bottom: 1rem;
}
.MyProfile .noOrder .title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 1.5rem;
}
.MyProfile .noOrder .hint {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  margin-bottom: 1.5rem;
}
.MyProfile .noOrder .btn-search {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  padding: 0.88rem 3rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  cursor: pointer;
}
.MyProfile .noOrder .btn-search img {
  margin: 0;
}
.MyProfile .editInfo {
  width: 28rem;
  margin: 2.5rem auto;
}
@media only screen and (max-width: 768px) {
  .MyProfile .editInfo {
    width: 100%;
  }
}
.MyProfile .editInfo .ProfilePhoto {
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 2.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .editInfo .ProfilePhoto {
    flex-direction: column;
    position: relative;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
}
.MyProfile .editInfo .ProfilePhoto .boxImg img {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  object-fit: cover;
}
.MyProfile .editInfo .ProfilePhoto .boxBtn {
  display: flex;
  flex-direction: column;
  gap: 0.5rem 0rem;
}
.MyProfile .editInfo .ProfilePhoto .boxBtn .btn-primary {
  background-color: var(--color-blue-primary, #0D52DB);
  border: none;
  display: flex;
  align-items: center;
  padding: 0.88rem 4rem;
  border-radius: 0.5rem;
  color: var(--color-white, #ffffff);
  gap: 0 0.5rem;
  font-size: 1rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .MyProfile .editInfo .ProfilePhoto .boxBtn .btn-primary {
    margin-top: 1rem;
    background-color: transparent;
    color: var(--color-blue-primary, #0D52DB);
    border: 1px solid var(--color-blue-primary, #0D52DB);
    padding: 0.75rem 1.5rem;
  }
}
.MyProfile .editInfo .ProfilePhoto .boxBtn .btn-border {
  background-color: transparent;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  padding: 0.88rem 4rem;
  color: var(--color-natural-900, #0F172A);
  gap: 0 0.5rem;
  display: flex;
  align-items: center;
  font-size: 1rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .MyProfile .editInfo .ProfilePhoto .boxBtn .btn-border {
    position: absolute;
    top: 5rem;
    right: -0.5rem;
    padding: 0.5rem;
    background-color: var(--color-natural-200, #E2E8F0);
    border: 1px solid var(--color-white, #ffffff);
    border-radius: 50%;
  }
  .MyProfile .editInfo .ProfilePhoto .boxBtn .btn-border span {
    display: none;
  }
}
.MyProfile .editInfo .password {
  margin-bottom: 2.5rem;
  position: relative;
}
.MyProfile .editInfo .password .title {
  font-size: 1.125rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin-bottom: 1rem;
  display: block;
}
.MyProfile .editInfo .password .box-ChnagePassword .MuiTextField-root {
  width: 100%;
  margin-bottom: 1rem;
}
.MyProfile .editInfo .password .Btn-changePassword {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.88rem 4rem;
  border-radius: 0.5rem;
  gap: 0 0.5rem;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  width: 100%;
  cursor: pointer;
}
.MyProfile .editInfo .basicInfo {
  margin-bottom: 2.5rem;
}
.MyProfile .editInfo .basicInfo .title {
  font-size: 1.125rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin-bottom: 1rem;
  display: block;
}
.MyProfile .editInfo .basicInfo .MuiTextField-root {
  width: 100%;
  margin-bottom: 1rem;
}
.MyProfile .editInfo .basicInfo .boxInfo {
  display: flex;
  gap: 0 0.5rem;
}
.MyProfile .editInfo .basicInfo .phoneNumber {
  width: 100%;
  margin-bottom: 1rem;
}
.MyProfile .editInfo .basicInfo .phoneNumber .MuiTextField-root {
  margin-bottom: 0;
}
.MyProfile .editInfo .basicInfo .phoneNumber .InputField {
  width: 100%;
  margin-top: 0px;
}
.MyProfile .editInfo .basicInfo .phoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
}
.MyProfile .editInfo .basicInfo .phoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  background-color: var(--color-white, #ffffff);
}
.MyProfile .editInfo .basicInfo .phoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
  background-color: var(--color-white, #ffffff);
}
.MyProfile .editInfo .basicInfo .phoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: block;
}
.MyProfile .editInfo .basicInfo .phoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: none;
}
.MyProfile .editInfo .basicInfo .phoneNumber .InputField .MuiInputLabel-animated {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.MyProfile .editInfo .deleteAccount {
  margin-bottom: 2.5rem;
  position: relative;
}
.MyProfile .editInfo .deleteAccount .title {
  font-size: 1.125rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin-bottom: 1rem;
  display: block;
}
.MyProfile .editInfo .deleteAccount .MuiTextField-root {
  width: 100%;
  margin-bottom: 1rem;
}
.MyProfile .editInfo .deleteAccount .Btn-deleteAccount {
  background-color: transparent;
  border: 1px solid var(--color-red-primary, #E42519);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.88rem 4rem;
  border-radius: 0.5rem;
  gap: 0 0.5rem;
  color: var(--color-red-primary, #E42519);
  font-size: 1rem;
  width: 100%;
  cursor: pointer;
}
.MyProfile .editInfo .PhoneNumber .title {
  font-size: 1.125rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin-bottom: 1rem;
  display: block;
}
.MyProfile .editInfo .PhoneNumber .InputField {
  width: 100%;
  margin-top: 0px;
}
.MyProfile .editInfo .PhoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
}
.MyProfile .editInfo .PhoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  background-color: var(--color-white, #ffffff);
}
.MyProfile .editInfo .PhoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
  background-color: var(--color-white, #ffffff);
}
.MyProfile .editInfo .PhoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: block;
}
.MyProfile .editInfo .PhoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: none;
}
.MyProfile .editInfo .PhoneNumber .InputField .MuiInputLabel-animated {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.MyProfile .editInfo .btn-update {
  font-size: 1rem;
  color: var(--color-white, #ffffff);
  background-color: var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border: none;
  width: 16rem;
  margin-top: 1rem;
  margin-left: auto;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .MyProfile .editInfo .btn-update {
    width: 100%;
  }
}

.BookingDetails {
  background-color: var(--color-natural-100, #F1F5F9);
}
.BookingDetails__Container {
  display: flex;
  gap: 0 1.25rem;
  padding: 2.5rem 5rem;
}
@media only screen and (max-width: 768px) {
  .BookingDetails__Container {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.BookingDetails__Container__Left {
  width: 75%;
}
@media only screen and (max-width: 768px) {
  .BookingDetails__Container__Left {
    width: 100%;
  }
}
.BookingDetails__Container__Left__Content {
  background-color: var(--color-white, #ffffff);
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .BookingDetails__Container__Left__Content {
    padding: 0.5rem;
  }
}
.BookingDetails__Container__Left__Content .BookingManger {
  margin-bottom: 1.5rem;
}
.BookingDetails__Container__Left__Content .BookingManger .content {
  padding: 0 0.75rem;
}
.BookingDetails__Container__Left__Content .BookingManger .content .info {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.BookingDetails__Container__Left__Content .BookingManger .content .info:last-of-type {
  margin: 0;
}
.BookingDetails__Container__Left__Content .BookingManger .content .info .p-info {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.BookingDetails__Container__Left__Content .Passanger {
  margin-bottom: 1.5rem;
}
.BookingDetails__Container__Left__Content .Passanger__Content {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.5rem;
}
.BookingDetails__Container__Left__Content .Passanger__Content .BoxPassanger {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  padding: 1rem;
  width: max-content;
  margin-bottom: 0.5rem;
}
.BookingDetails__Container__Left__Content .Passanger__Content .BoxPassanger:last-of-type {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .BookingDetails__Container__Left__Content .Passanger__Content .BoxPassanger {
    width: 100%;
  }
}
.BookingDetails__Container__Left__Content .Passanger__Content .BoxPassanger .info {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.BookingDetails__Container__Left__Content .Passanger__Content .BoxPassanger .info:last-of-type {
  margin: 0;
}
.BookingDetails__Container__Left__Content .Passanger__Content .BoxPassanger .info .Left {
  display: flex;
  align-items: center;
}
.BookingDetails__Container__Left__Content .Passanger__Content .BoxPassanger .info .Left img {
  margin-right: 0.5rem;
}
.BookingDetails__Container__Left__Content .Passanger__Content .BoxPassanger .info .Left .p-info {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin: 0;
  min-width: 4.5rem;
}
.BookingDetails__Container__Left__Content .Passanger__Content .BoxPassanger .info .Right .value {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.BookingDetails__Container__Left__Content .Suite {
  margin-bottom: 1.5rem;
}
.BookingDetails__Container__Left__Content .Suite__Container {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .BookingDetails__Container__Left__Content .Suite__Container {
    flex-wrap: wrap;
  }
}
.BookingDetails__Container__Left__Content .Suite__Container .Box-suite {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .BookingDetails__Container__Left__Content .Suite__Container .Box-suite {
    width: 100%;
  }
}
.BookingDetails__Container__Left__Content .Suite__Container .Box-suite {
  padding: 1rem;
}
.BookingDetails__Container__Left__Content .Suite__Container .Box-suite__Info {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.BookingDetails__Container__Left__Content .Suite__Container .Box-suite__Info p {
  margin: 0;
  min-width: 10.5rem;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.BookingDetails__Container__Left__Content .Suite__Container .Box-suite__Info span {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
}
.BookingDetails__Container__Left__Content .Suite__Container .Box-suite__Check {
  margin-bottom: 1rem;
}
.BookingDetails__Container__Left__Content .Suite__Container .Box-suite__Check .p-check {
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.88875rem;
  font-weight: 500;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.BookingDetails__Container__Left__Content .Suite__Container .Box-suite__Check .date {
  font-size: 0.88875rem;
  color: var(--color-natural-600, #475569);
  font-weight: 400;
  margin: 0;
}
.BookingDetails__Container__Left__Content .Departure {
  margin-bottom: 1.5rem;
}
.BookingDetails__Container__Left__Content .Departure__Container {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .BookingDetails__Container__Left__Content .Departure__Container {
    flex-wrap: wrap;
  }
}
.BookingDetails__Container__Left__Content .Departure__Container .Box-departure {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .BookingDetails__Container__Left__Content .Departure__Container .Box-departure {
    width: 100%;
  }
}
.BookingDetails__Container__Left__Content .Departure__Container .Box-departure {
  padding: 1rem;
}
.BookingDetails__Container__Left__Content .Departure__Container .Box-departure .flightInfo {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1rem;
}
.BookingDetails__Container__Left__Content .Departure__Container .Box-departure__Info {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.BookingDetails__Container__Left__Content .Departure__Container .Box-departure__Info p {
  margin: 0;
  min-width: 10.5rem;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.BookingDetails__Container__Left__Content .Departure__Container .Box-departure__Info span {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
}
.BookingDetails__Container__Left__Content .Departure__Container .Box-departure__Check {
  margin-bottom: 1rem;
}
.BookingDetails__Container__Left__Content .Departure__Container .Box-departure__Check .p-check {
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.88875rem;
  font-weight: 500;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.BookingDetails__Container__Left__Content .Departure__Container .Box-departure__Check .terminal,
.BookingDetails__Container__Left__Content .Departure__Container .Box-departure__Check .date {
  font-size: 0.88875rem;
  color: var(--color-natural-600, #475569);
  font-weight: 400;
  margin: 0;
  display: block;
}
.BookingDetails__Container__Right {
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .BookingDetails__Container__Right {
    width: 100%;
  }
}
.BookingDetails__Container__Right__Content .contactUs {
  background-color: var(--color-white, #ffffff);
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  padding: 1rem;
}
.BookingDetails__Container__Right__Content .contactUs .title {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  margin: 0;
  margin-bottom: 1rem;
}
.BookingDetails__Container__Right__Content .contactUs .info {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.BookingDetails__Container__Right__Content .contactUs .info .left {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.BookingDetails__Container__Right__Content .contactUs .info .left .name {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  min-width: 4rem;
}
.BookingDetails__Container__Right__Content .contactUs .info .right {
  margin-left: 0.5rem;
}
.BookingDetails__Container__Right__Content .contactUs .info .right .value {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.BookingDetails__Container__Right__Content .contactUs .info:last-of-type {
  margin-bottom: 1rem;
}
.BookingDetails__Container__Right__Content .contactUs .btn-border {
  border: 1px solid var(--color-blue-primary, #0D52DB);
  background-color: transparent;
  border-radius: 0.5rem;
  padding: 0.88rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  width: 100%;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  font-weight: 400;
}
.BookingDetails__Container__Right__Content .btn-border {
  border: 1px solid var(--color-blue-primary, #0D52DB);
  background-color: transparent;
  border-radius: 0.5rem;
  padding: 0.88rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  width: 100%;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  font-weight: 400;
}
.BookingDetails__Container__Right__Content .OrderInfo {
  background-color: var(--color-white, #ffffff);
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .BookingDetails__Container__Right__Content .OrderInfo {
    margin-top: 0.5rem;
  }
}
.BookingDetails__Container__Right__Content .OrderInfo .info {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.BookingDetails__Container__Right__Content .OrderInfo .info:last-of-type {
  margin-bottom: 0;
}
.BookingDetails__Container__Right__Content .OrderInfo .info .title {
  font-size: 1.26563rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  min-width: 7.5rem;
}
.BookingDetails__Container__Right__Content .OrderInfo .info .value {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
}
.BookingDetails__Container__Right__Content .OrderInfo .hotelInfo {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1.5rem !important;
}
.BookingDetails__Container__Right__Content .OrderInfo .hotelInfo .title {
  margin-bottom: 0.5rem;
}
.BookingDetails__Container__Right__Content .OrderInfo .hotel {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  width: 100%;
}
.BookingDetails__Container__Right__Content .OrderInfo .hotel .ImgHotel {
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
}
.BookingDetails__Container__Right__Content .OrderInfo .hotel .content {
  width: 100%;
}
.BookingDetails__Container__Right__Content .OrderInfo .hotel .content .name {
  margin-bottom: 0.25rem;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.BookingDetails__Container__Right__Content .OrderInfo .hotel .content .box-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .BookingDetails__Container__Right__Content .OrderInfo .hotel .content .box-bottom {
    flex-wrap: wrap;
  }
}
.BookingDetails__Container__Right__Content .OrderInfo .hotel .content .box-bottom p {
  margin: 0;
}
.BookingDetails__Container__Right__Content .OrderInfo .hotel .content .box-bottom .name {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.BookingDetails__Container__Right__Content .OrderInfo .hotel .content .box-bottom .cancelation {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  cursor: pointer;
}
.BookingDetails__Container__Right__Content .OrderInfo .hr {
  margin: 1rem 0;
  border: 1px solid var(--color-natural-200, #E2E8F0);
}
.BookingDetails__Container__Right__Content .OrderInfo .btn-border {
  margin-bottom: 0.5rem;
}
.BookingDetails__Container__Right__Content .OrderInfo .btn-download {
  background-color: var(--color-blue-primary, #0D52DB);
  border: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  border-radius: 0.5rem;
  padding: 0.88rem 1.5rem;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege {
  border-radius: 0.5rem;
  background: var(--color-white, #ffffff);
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  .BookingDetails__Container__Right .SelectedInfo-TravelPackege {
    width: 320px;
  }
}
@media only screen and (max-width: 920px) {
  .BookingDetails__Container__Right .SelectedInfo-TravelPackege {
    width: 49%;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 640px) {
  .BookingDetails__Container__Right .SelectedInfo-TravelPackege {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .img-continaer {
  overflow: hidden;
  border-radius: 0.5rem;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .img-continaer img {
  width: 100%;
  object-fit: cover;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .Image {
  width: 100%;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .HotelInfo {
  padding: 15px 15px 0px 15px;
  display: flex;
}
@media only screen and (max-width: 640px) {
  .BookingDetails__Container__Right .SelectedInfo-TravelPackege .HotelInfo {
    padding: 10px 10px 0px 10px;
  }
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .HotelInfo__Info {
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
  .BookingDetails__Container__Right .SelectedInfo-TravelPackege .HotelInfo__Info {
    padding-left: 15px;
  }
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .HotelInfo__Info .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .HotelInfo__Info .from {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin-top: 12px;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .HotelInfo__Info .category {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .schedule {
  padding: 15px;
  display: flex;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
@media only screen and (max-width: 640px) {
  .BookingDetails__Container__Right .SelectedInfo-TravelPackege .schedule {
    padding: 10px;
  }
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .schedule__Info {
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
  .BookingDetails__Container__Right .SelectedInfo-TravelPackege .schedule__Info {
    padding-left: 15px;
  }
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .schedule__Info .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 8px;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .schedule__Info .text b {
  font-weight: 500;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .additionalInfo {
  padding: 15px;
  display: flex;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
@media only screen and (max-width: 640px) {
  .BookingDetails__Container__Right .SelectedInfo-TravelPackege .additionalInfo {
    padding: 10px;
  }
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .additionalInfo__info {
  padding-left: 20px;
}
@media only screen and (max-width: 640px) {
  .BookingDetails__Container__Right .SelectedInfo-TravelPackege .additionalInfo__info {
    padding-left: 15px;
  }
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .additionalInfo__info .title {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege .additionalInfo__info .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.BookingDetails__Container__Right .SelectedInfo-TravelPackege__footer .text {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .BookingDetails__Container__Right .SelectedInfo-TravelPackege__footer .text {
    font-size: 14px;
  }
}
.BookingDetails .orderDetails {
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  background-color: var(--color-white, #ffffff);
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
.BookingDetails .orderDetails .title {
  font-size: 1.80188rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1rem;
}
.BookingDetails .orderDetails .info {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.BookingDetails .orderDetails .info .order {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
}
.BookingDetails .orderDetails .info .orderNumber {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
}
.BookingDetails .Box-header {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  padding: 0.75rem;
  background-color: var(--color-natural-100, #F1F5F9);
  margin-bottom: 0.75rem;
}
.BookingDetails .Box-header .title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}

.FindBookingContent {
  padding: 40px 0;
  background-color: var(--color-natural-100, #F1F5F9);
}
.FindBookingContent__Content {
  border-radius: 0.5rem;
  padding: 3rem 6rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  background-color: var(--color-white, #ffffff);
}
@media only screen and (max-width: 768px) {
  .FindBookingContent__Content {
    padding: 1.5rem 1rem;
  }
}
.FindBookingContent__Content__Header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.5rem;
}
.FindBookingContent__Content__Header .boxImage {
  background-color: var(--color-natural-100, #F1F5F9);
  border-radius: 50%;
  width: 12rem;
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.FindBookingContent__Content__Header .title {
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 1.80188rem;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .FindBookingContent__Content__Header .title {
    text-align: center;
  }
}
.FindBookingContent__Content__Header .accountDetails {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-500, #64748B);
  text-align: center;
}
.FindBookingContent__Content__Form {
  display: flex;
  flex-direction: column;
}
.FindBookingContent__Content__Form .label-input {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  position: relative;
}
.FindBookingContent__Content__Form .label-input input {
  height: 2.5rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.38rem;
  text-indent: 1rem;
}
.FindBookingContent__Content__Form .label-input input:focus-within {
  outline: none;
}
.FindBookingContent__Content__Form .label-input img {
  position: absolute;
  top: 10px;
  right: 8px;
  cursor: pointer;
}
.FindBookingContent__Content__Form .label-input .err {
  font-size: 0.75rem;
  color: var(--color-red-primary, #E42519);
  margin-top: 0.25rem;
}
.FindBookingContent__Content__Form .label-input.error input {
  border-color: var(--color-red-primary, #E42519);
}
.FindBookingContent__Content__Form input {
  height: 2.5rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.38rem;
  margin-bottom: 1rem;
  text-indent: 1rem;
  font-size: 1rem;
}
.FindBookingContent__Content__Form input:focus-within {
  outline: none;
}
.FindBookingContent__Content__Form input[type=password] {
  margin-bottom: 2.5rem;
}
.FindBookingContent__Content__Form .checkBox {
  margin-right: 0;
  justify-content: center;
  margin-bottom: 1rem;
}
.FindBookingContent__Content__Form .checkBox .info {
  color: var(--color-natural-900, #0F172A);
  font-size: 0.88875rem;
  font-weight: 500;
}
.FindBookingContent__Content__Form .checkBox .info a {
  text-decoration: none;
  color: var(--color-blue-primary, #0D52DB);
}
.FindBookingContent__Content__Form .btn-enter {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  font-size: 1rem;
  padding: 0.88rem 4rem;
  border-radius: 0.5rem;
  margin-bottom: 2.5rem;
  cursor: pointer;
}
.FindBookingContent__Content__Form .btn-enter img {
  margin-right: 0.5rem;
}

.FormSearch {
  width: 100%;
  min-height: 240px;
}
.FormSearch__Container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 7rem 0 7rem;
}
@media (-webkit-device-pixel-ratio: 1.25) {
  .FormSearch__Container {
    zoom: 0.8;
  }
}
@media only screen and (max-width: 1536px) {
  .FormSearch__Container {
    width: 95%;
  }
}
@media only screen and (max-width: 1280px) {
  .FormSearch__Container {
    width: 95%;
  }
}
@media only screen and (max-width: 1024px) {
  .FormSearch__Container {
    width: 950px;
  }
}
@media only screen and (max-width: 768px) {
  .FormSearch__Container {
    width: 650px;
  }
}
.FormSearch__Container .heading {
  text-align: left;
  font-size: 2.5rem;
  line-height: 106%;
  color: var(--color-white, #ffffff);
  margin: 0;
  margin-bottom: 0.5rem;
  text-shadow: 2px 2px 8px var(--color-natural-900, #0F172A);
}
.FormSearch__Container .sec-heading {
  color: var(--color-white, #ffffff);
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  text-shadow: 2px 2px 8px var(--color-natural-900, #0F172A);
  margin-bottom: 1rem;
}
.FormSearch__Container__Tabs {
  display: flex;
}
.FormSearch__Container__Tabs__Tab {
  background-color: var(--color-natural-100, #F1F5F9);
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 18px;
  color: #475569;
  border-bottom: 2px solid var(--color-natural-100, #F1F5F9);
}
.FormSearch__Container__Tabs__Tab img {
  margin-right: 16px;
}
.FormSearch__Container__Tabs__Tab .ri {
  font-size: 1.438rem;
  margin-right: 16px;
}
.FormSearch__Container__Tabs__Tab:first-of-type {
  border-top-left-radius: 12px;
}
.FormSearch__Container__Tabs__Tab:last-of-type {
  border-top-right-radius: 12px;
}
.FormSearch__Container__Tabs__Tab.active {
  background-color: var(--color-white, #ffffff);
  color: var(--color-natural-900, #0F172A);
  border-bottom: 2px solid var(--color-blue-primary, #0D52DB);
}
.FormSearch__Container .Top-Tabby {
  width: 90px;
  height: 61px;
  margin-left: auto;
  margin-right: 1rem;
}
.FormSearch__Container .Top-Tabby img {
  width: 90px;
  height: 61px;
}
.FormSearch__Container__Content {
  padding: 24px;
  background-color: var(--color-white, #ffffff);
  border-radius: 0px 12px 12px 12px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
}
.FormSearch__Container .Bottom-tabby {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  border: 1px solid var(--color-tabby, #3BFF9F);
  width: fit-content;
  margin-left: auto;
  margin-right: 1rem;
  background-color: var(--color-white, #ffffff);
  border-radius: 0.25rem;
}
.FormSearch__Container .Bottom-tabby img {
  width: max-content;
  height: 24px;
}
.FormSearch__Container .Bottom-tabby span {
  padding: 0 0.5rem;
}
.FormSearch .w-30 {
  width: 30%;
}

.FormSearchMobile {
  width: 100%;
  padding: 3rem 0 4rem;
}
.FormSearchMobile__Container .heading {
  text-align: center;
  font-size: 20.65px;
  line-height: 106%;
  font-weight: 500;
  color: var(--color-white, #ffffff);
  margin-bottom: 24px;
  text-shadow: 2px 2px 8px var(--color-natural-900, #0F172A);
}
.FormSearchMobile__Container__AllChoices {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
}
.FormSearchMobile__Container__AllChoices__Box {
  background-color: var(--color-white, #ffffff);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px 0;
  padding: 12px;
  width: 102px;
  border-radius: 10px;
  transition: all ease-in-out 0.3s;
  width: 35.7142857143%;
}
.FormSearchMobile__Container__AllChoices__Box.fullWidth {
  width: 71.4285714286%;
  align-items: center;
}
.FormSearchMobile__Container__AllChoices__Box img {
  width: 32px;
  height: 32px;
  transition: all ease-in-out 0.3s;
}
.FormSearchMobile__Container__AllChoices__Box .ri {
  font-size: 2rem;
  transition: all ease-in-out 0.3s;
  line-height: 1;
}
.FormSearchMobile__Container__AllChoices__Box .title {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.FormSearchMobile__Container__AllChoices__Box:hover img {
  transform: rotate(360deg);
}
.FormSearchMobile__Container__AllChoices__Box:hover .ri {
  transform: rotate(360deg);
}
.FormSearchMobile__Container .Bottom-tabby {
  margin: 1rem auto 0;
}

.flightSearch {
  position: relative;
  width: 100%;
}
.flightSearch .disabled {
  background-color: var(--color-natural-100, #F1F5F9);
}
.flightSearch__Container {
  width: 100%;
  transition: width ease-in-out 0.2s;
}
.flightSearch__Container__input .input-search .icon {
  margin-right: 10px;
}
.flightSearch__Container__input .input-search .ri {
  margin-right: 10px;
  font-size: 1.499rem;
}
.flightSearch__Container__input .input-search.MuiTextField-root {
  width: 100%;
}
.flightSearch__Container__input .input-search.MuiTextField-root .MuiInputBase-input {
  padding: 24px 0;
  font-weight: 500;
  z-index: 99;
}
.flightSearch__Container__input .input-search.MuiTextField-root .MuiOutlinedInput-notchedOutline {
  border: none;
}
.flightSearch__Container__input .input-search.MuiTextField-root .MuiFormLabel-root {
  top: 35px;
  left: 35px;
  font-size: 1rem !important;
  color: #334155;
  transition: all ease-in-out 0.2s;
  transform: translate(14px, -11px) scale(1);
}
.flightSearch__Container__input .input-search.MuiTextField-root .MuiFormLabel-root.Mui-focused {
  top: 15px !important;
  left: 32px !important;
  font-size: 0.75rem !important;
}
.flightSearch__Container__input .input-search.MuiTextField-root .MuiFormLabel-root.MuiFormLabel-filled {
  top: 15px !important;
  left: 32px !important;
  font-size: 0.75rem !important;
}
.flightSearch__Container .hr {
  color: var(--color-natural-200, #E2E8F0);
  margin: 0 auto;
  width: 92%;
  border-color: var(--color-natural-200, #E2E8F0);
  border: 1px solid;
  display: none;
}
.flightSearch__Container__dropDown {
  background-color: var(--color-white, #ffffff);
  position: absolute;
  width: 100%;
  max-height: 15.625rem;
  overflow-y: auto;
  transition: all ease-in-out 0.2s;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0px 0.25rem 0.375px 0px rgba(0, 0, 0, 0.08);
  border-top: none;
  display: none;
}
.flightSearch__Container__dropDown::-webkit-scrollbar {
  width: 0;
}
@media only screen and (max-width: 768px) {
  .flightSearch__Container__dropDown {
    max-height: 35rem;
  }
  .flightSearch__Container__dropDown::-webkit-scrollbar {
    width: 5px;
  }
  .flightSearch__Container__dropDown {
    /* Track */
  }
  .flightSearch__Container__dropDown::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .flightSearch__Container__dropDown {
    /* Handle */
  }
  .flightSearch__Container__dropDown::-webkit-scrollbar-thumb {
    background: var(--color-natural-100, #F1F5F9);
  }
  .flightSearch__Container__dropDown {
    /* Handle on hover */
  }
  .flightSearch__Container__dropDown::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}
.flightSearch__Container__dropDown__List {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 0.75rem 0.625rem;
}
.flightSearch__Container__dropDown__List__Item {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .flightSearch__Container__dropDown__List__Item {
    padding: 0.5rem 0;
  }
}
.flightSearch__Container__dropDown__List__Item {
  cursor: pointer;
  display: flex;
  gap: 0 0.25rem;
  border-radius: 4px;
}
.flightSearch__Container__dropDown__List__Item .icon {
  margin-right: 8px;
}
.flightSearch__Container__dropDown__List__Item .ri {
  margin-right: 8px;
  font-size: 1.5rem;
}
.flightSearch__Container__dropDown__List__Item__box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 0 0.25rem;
}
.flightSearch__Container__dropDown__List__Item__box__content {
  display: flex;
  flex-direction: column;
}
.flightSearch__Container__dropDown__List__Item__box .countryName {
  color: var(--color-natural-600, #475569);
  font-size: 0.75rem;
}
.flightSearch__Container__dropDown__List__Item .title {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.flightSearch__Container__dropDown__List__Item:hover {
  background-color: #DBEAFE;
}
.flightSearch__Container__dropDown__List__Item.active {
  background-color: var(--color-red-primary, #E42519);
}
.flightSearch__Container__dropDown__List__Item .tag {
  background-color: var(--color-natural-100, #F1F5F9);
  display: block;
  padding: 0.125rem 0.25rem;
  width: max-content;
  text-align: center;
  border-radius: 2px;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  font-size: 0.9rem;
}
.flightSearch__Container__dropDown__List__Item .tag.tag-backage {
  min-width: 5.875rem;
  font-weight: 400;
  text-align: right;
}
.flightSearch__Container__dropDown__List__Item .tag.tagFlight {
  min-width: 4rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.flightSearch__Container__dropDown.active {
  display: block;
}
.flightSearch__Container.active {
  background-color: var(--color-white, #ffffff);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.08);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 140%;
  position: absolute;
  top: -50px;
  left: -10px;
  z-index: 99;
  transition: width ease-in-out 0.2s;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #eee;
  border-bottom: none;
  z-index: 999;
}
.flightSearch__Container.active .flightSearch__Container__dropDown {
  visibility: visible;
  display: block;
}
.flightSearch__Container.active .hr {
  display: block;
}

.CustomeSelect {
  width: 165px;
  position: relative;
  transition: all ease-in-out 0.2s;
}
.CustomeSelect__Container {
  width: 100%;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  transition: all ease-in-out 0.2s;
}
.CustomeSelect__Container__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 8px 12px;
  cursor: pointer;
}
.CustomeSelect__Container__header .title {
  font-size: 16px;
  color: var(--color-natural-900, #0F172A);
}
.CustomeSelect__Container .hr {
  color: var(--color-natural-200, #E2E8F0);
  margin: 0 auto;
  width: 90%;
  border-color: var(--color-natural-200, #E2E8F0);
  border: 1px solid;
}
.CustomeSelect__Container__DropDown {
  width: 50%;
  position: absolute;
  top: 40px;
  left: -1px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.2s;
}
.CustomeSelect__Container__DropDown__List {
  margin: 0;
  padding: 0;
  padding: 8px 12px;
}
.CustomeSelect__Container__DropDown__List__item {
  list-style: none;
  font-size: 16px;
  margin-bottom: 16px;
  color: #334155;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.CustomeSelect__Container__DropDown__List__item .info {
  display: block;
  color: var(--color-natural-400, #94A3B8);
  font-size: 10px;
}
.CustomeSelect__Container__DropDown__List__item:hover {
  color: var(--color-blue-primary, #0D52DB);
}
.CustomeSelect__Container.active {
  background-color: var(--color-white, #ffffff);
  width: 200px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-bottom: 0;
  position: absolute;
  top: -22px;
  left: 0;
  z-index: 9999;
}
.CustomeSelect__Container.active .CustomeSelect__Container__DropDown {
  display: block;
  visibility: visible;
  background-color: var(--color-white, #ffffff);
  width: 200px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-top: 0;
  opacity: 1;
}

.passenger .CustomeSelect__Container__DropDown__List {
  margin-top: 8px;
}
.passenger .CustomeSelect__Container__DropDown__List__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.passenger .CustomeSelect__Container__DropDown__List__item:hover {
  color: #334155;
}
.passenger .CustomeSelect__Container__DropDown__List__item__Count {
  display: flex;
  align-items: center;
}
.passenger .CustomeSelect__Container__DropDown__List__item__Count input[type=number] {
  width: 32px;
  margin: 0 8px;
  text-align: center;
  padding: 0;
  border: none;
  font-size: 16px;
  color: #334155;
  font-weight: 400;
}
.passenger .CustomeSelect__Container__DropDown__List__item__Count input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.passenger .CustomeSelect__Container__DropDown__List__item__Count input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.passenger .CustomeSelect__Container__DropDown__List__item__Count input[type=number]:focus {
  outline: none;
}
.passenger .CustomeSelect__Container__DropDown__List__item__Count .btn-count {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background-color: var(--color-natural-100, #F1F5F9);
  border: none;
  padding: 0;
  cursor: pointer;
}
.passenger .CustomeSelect__Container__DropDown__List__item__Count .btn-count i {
  font-size: 1.5rem;
}

.modalFlightMobile .box-container {
  background-color: var(--color-white, #ffffff);
  height: 100%;
}
.modalFlightMobile .box-container__header {
  background-color: var(--color-blue-primary, #0D52DB);
  padding: 18px;
  display: flex;
  align-items: center !important;
  justify-content: space-between;
  flex-direction: row;
}
.modalFlightMobile .box-container__header .btn-close {
  background-color: transparent;
  border: none;
}
.modalFlightMobile .box-container__header .headerLogo {
  width: max-content;
  height: 33px;
}
.modalFlightMobile .box-container__header .title {
  font-size: 1.25rem;
  color: var(--color-white, #ffffff);
  font-weight: 600;
  text-transform: uppercase;
}
.modalFlightMobile .box-container__content {
  margin-top: 16px;
  padding: 0 1rem;
  height: 100vh;
  overflow-x: auto;
}
.modalFlightMobile .box-container__content.h-100 {
  height: 100%;
  overflow: hidden;
}
.modalFlightMobile .box-container__content .multiCityLine {
  width: 100%;
  height: 2px;
  background-color: var(--color-natural-300, #CBD5E1);
  display: block;
  margin: 1rem 0;
}
.modalFlightMobile .box-container__content__scroll {
  min-height: max-content;
  position: relative;
  margin-bottom: 220px;
}
.modalFlightMobile .box-container__content__scroll .flightNameContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.modalFlightMobile .box-container__content__scroll .flightNameContainer .flightNumber {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  text-transform: capitalize;
}
.modalFlightMobile .box-container__content__scroll .flightNameContainer .delete {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  text-transform: capitalize;
  background-color: transparent;
  cursor: pointer;
  border: none;
}
.modalFlightMobile .box-container__content__destination {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 8px;
  margin-bottom: 8px;
  position: relative;
}
.modalFlightMobile .box-container__content__destination .btn-change {
  position: absolute;
  top: 64px;
  right: 18px;
  background-color: var(--color-white, #ffffff);
  border: none;
  transform: rotate(90deg);
}
.modalFlightMobile .box-container__content__destination .hr {
  border: 1px solid var(--color-natural-200, #E2E8F0);
}
.modalFlightMobile .box-container__content__destination .addTravellersContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.modalFlightMobile .box-container__content__destination .addTravellersContent__Left {
  display: flex;
  align-items: center;
}
.modalFlightMobile .box-container__content__destination .addTravellersContent__Left img {
  margin-right: 0.5rem;
}
.modalFlightMobile .box-container__content__destination .addTravellersContent__Left .ri {
  margin-right: 0.75rem;
  font-size: 1.25rem;
}
.modalFlightMobile .box-container__content__trip {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  background-color: var(--color-white, #ffffff);
  position: sticky;
  top: 0;
  z-index: 999;
}
.modalFlightMobile .box-container__content__trip .Button {
  background-color: var(--color-natural-100, #F1F5F9);
  padding: 12px 16px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  color: #334155;
  width: 50%;
  cursor: pointer;
  margin-right: 8px;
}
.modalFlightMobile .box-container__content__trip .Button:last-of-type {
  margin-right: 0;
}
.modalFlightMobile .box-container__content__trip .Button.active {
  transition: all ease-in-out 0.3s;
  background-color: var(--color-yellow-primary, #FFCC00);
  color: var(--color-natural-900, #0F172A);
}
.modalFlightMobile .box-container__content__date {
  display: flex;
  gap: 0 8px;
  justify-content: space-between;
  padding: 24px 0px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 768px) {
  .modalFlightMobile .box-container__content__date {
    padding: 0;
    padding: 0.5rem !important;
  }
}
.modalFlightMobile .box-container__content__date .inputDate {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.modalFlightMobile .box-container__content__date .inputDate .DateRangePickerInput_calendarIcon {
  margin: 0;
  padding-right: 0;
  padding-top: 4px;
}
.modalFlightMobile .box-container__content__date .inputDate .DateInput_input {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .modalFlightMobile .box-container__content__date .inputDate {
    padding-left: 0px;
    display: inherit;
    width: 100%;
  }
  .modalFlightMobile .box-container__content__date .inputDate .DateRangePickerInput_calendarIcon {
    margin: 0;
    padding-right: 0;
    padding-top: 4px;
  }
  .modalFlightMobile .box-container__content__date .inputDate .SingleDatePicker .DateInput {
    width: 80%;
  }
  .modalFlightMobile .box-container__content__date .inputDate .SingleDatePicker .DateInput .DateInput_input__focused {
    border: none;
  }
}
.modalFlightMobile .box-container__content__date .inputDate .DateRangePicker {
  width: 100%;
}
.modalFlightMobile .box-container__content__date .inputDate .DateRangePicker .DateRangePickerInput {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modalFlightMobile .box-container__content__date .inputDate .DateRangePicker .DateRangePickerInput .DateInput {
  width: 100%;
}
.modalFlightMobile .box-container__content__date .inputDate .transferDate {
  display: flex;
}
.modalFlightMobile .box-container__content__date .inputDate .transferDate .TransferDateTimePicker .MuiOutlinedInput-notchedOutline {
  border: none;
}
.modalFlightMobile .box-container__content__date .inputDate .transferDate .MuiFormLabel-root {
  font-size: 1rem !important;
  color: #334155;
  transition: all ease-in-out 0.2s;
}
.modalFlightMobile .box-container__content__date .inputDate .transferDate .MuiFormLabel-root.Mui-focused {
  top: 5px !important;
  font-size: 1rem !important;
}
.modalFlightMobile .box-container__content__date .inputDate .transferDate .MuiFormLabel-root.MuiFormLabel-filled {
  top: 5px !important;
  font-size: 1rem !important;
}
.modalFlightMobile .box-container__content__date .inputDate .transferDate .MuiInputBase-input {
  font-size: 1rem !important;
  font-weight: 600 !important;
}
.modalFlightMobile .box-container__content__date .inputDate .transferDate .MuiInputBase-input::placeholder {
  color: var(--color-natural-900, #0F172A) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}
.modalFlightMobile .box-container__content__date .separat {
  background-color: var(--color-natural-200, #E2E8F0);
  display: block;
  width: 1px;
  height: 24px;
  margin: auto;
}
.modalFlightMobile .box-container__content__select {
  display: flex;
  padding: 8px 16px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 8px;
  margin-bottom: 8px;
}
.modalFlightMobile .box-container__content__select .CustomeSelect__Container__DropDown {
  width: 100%;
}
.modalFlightMobile .box-container__content__select .CustomeSelect {
  width: 100%;
}
.modalFlightMobile .box-container__content__select .CustomeSelect .active {
  position: inherit;
  top: inherit;
  left: inherit;
  width: 100%;
  z-index: 999;
}
.modalFlightMobile .box-container__content__select .CustomeSelect .active .CustomeSelect__Container__DropDown {
  width: 100.5%;
}
.modalFlightMobile .box-container__content__select .separat {
  background-color: var(--color-natural-200, #E2E8F0);
  display: block;
  width: 1px;
  height: 24px;
  margin: auto;
}
.modalFlightMobile .box-container__content__howLong .HowLong {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 0.5rem;
  padding: 0.5rem;
}
.modalFlightMobile .box-container__content__howLong .HowLong .title {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.5rem;
  width: 100%;
}
.modalFlightMobile .box-container__content__howLong .HowLong .btn-select {
  min-width: 45.4545454545%;
  background-color: var(--color-natural-100, #F1F5F9);
  border: none;
  padding: 0.75rem 1rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  text-align: center;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.modalFlightMobile .box-container__content__howLong .HowLong .btn-select input[type=radio] {
  display: none;
}
.modalFlightMobile .box-container__content__howLong .HowLong .btn-select:has(input[type=radio]:checked) {
  background-color: var(--color-yellow-primary, #FFCC00);
  color: var(--color-natural-900, #0F172A);
}
.modalFlightMobile .box-container__content__Search {
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 14px;
  left: 0;
  z-index: 99;
}
.modalFlightMobile .box-container__content__Search .MuiFormControlLabel-root {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.modalFlightMobile .box-container__content__Search .Button {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff) !important;
  padding: 12px 16px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  color: #334155;
  width: 50%;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.modalFlightMobile .box-container__content__Search .Button img {
  margin-right: 12px;
}
.modalFlightMobile .box-container__content .BtnaddFlight {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  color: var(--color-blue-primary, #0D52DB);
  padding: 12px 18px;
  margin-bottom: 0.5rem;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  width: 100%;
}

.ModelAutoComplate .box-container__header {
  display: flex;
  align-items: center;
  justify-content: inherit;
  gap: 0 8px;
}
.ModelAutoComplate .box-container__header .title {
  color: var(--color-white, #ffffff);
  font-size: 20px;
  font-weight: 500;
}
.ModelAutoComplate .box-container__content .active {
  width: 100%;
  position: relative;
  top: inherit;
  left: 0;
  box-shadow: none;
  border: none;
}
.ModelAutoComplate .box-container__content .active .flightSearch__Container__dropDown {
  box-shadow: none;
  border: none;
}

.AddtravellersModule .box-container__header {
  justify-content: inherit;
}
.AddtravellersModule .box-container__header .title {
  color: var(--color-white, #ffffff);
  font-size: 1.29063rem;
  font-weight: 500;
}
.AddtravellersModule .box-container .box-container {
  background-color: var(--color-white, #ffffff);
  width: 23.625rem;
  padding-top: 1.5rem;
  border-radius: 0.5rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .AddtravellersModule .box-container .box-container {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.AddtravellersModule .box-container .box-container__Header {
  display: flex;
}
.AddtravellersModule .box-container .box-container__Header .btn-close {
  background-color: transparent;
  border: none;
  width: max-content;
  margin-left: auto;
  cursor: pointer;
}
.AddtravellersModule .box-container .box-container__content {
  height: 70vh;
  overflow-y: auto;
  padding-top: 0;
  padding: 1.5rem;
  padding-bottom: 3rem;
}
.AddtravellersModule .box-container .box-container__content::-webkit-scrollbar {
  width: 5px;
}
.AddtravellersModule .box-container .box-container__content {
  /* Track */
}
.AddtravellersModule .box-container .box-container__content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.AddtravellersModule .box-container .box-container__content {
  /* Handle */
}
.AddtravellersModule .box-container .box-container__content::-webkit-scrollbar-thumb {
  background: var(--color-natural-100, #F1F5F9);
}
.AddtravellersModule .box-container .box-container__content {
  /* Handle on hover */
}
.AddtravellersModule .box-container .box-container__content::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.AddtravellersModule .box-container .box-container__content .room-info {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  display: block;
}
.AddtravellersModule .box-container .box-container__content .room-info__choose {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.AddtravellersModule .box-container .box-container__content .room-info__choose .info {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.AddtravellersModule .box-container .box-container__content .room-info__choose .info span {
  color: var(--color-natural-500, #64748B);
  font-weight: 400;
  margin-left: 0.5rem;
}
.AddtravellersModule .box-container .box-container__content .room-info__choose .Count {
  display: flex;
  align-items: center;
}
.AddtravellersModule .box-container .box-container__content .room-info__choose .Count input[type=number] {
  width: 32px;
  margin: 0 8px;
  text-align: center;
  padding: 0;
  border: none;
  font-size: 16px;
  color: #334155;
  font-weight: 400;
}
.AddtravellersModule .box-container .box-container__content .room-info__choose .Count input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.AddtravellersModule .box-container .box-container__content .room-info__choose .Count input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.AddtravellersModule .box-container .box-container__content .room-info__choose .Count input[type=number]:focus {
  outline: none;
}
.AddtravellersModule .box-container .box-container__content .room-info__choose .Count .btn-count {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background-color: var(--color-natural-100, #F1F5F9);
  border: none;
  padding: 0;
  cursor: pointer;
}
.AddtravellersModule .box-container .box-container__content .room-info__choose .Count .btn-count i {
  font-size: 1.5rem;
}
.AddtravellersModule .box-container .box-container__content .room-info__age .allSelect {
  margin-top: 0.5rem;
}
.AddtravellersModule .box-container .box-container__content .room-info__age .allSelect .MuiFormControl-root {
  display: flex;
  flex-direction: row;
}
.AddtravellersModule .box-container .box-container__content .room-info__age .allSelect .MuiFormControl-root .MuiInputBase-root {
  margin-right: 0.5rem;
}
.AddtravellersModule .box-container .box-container__content .room-info__age .allSelect .MuiFormControl-root .MuiInputBase-root .MuiSelect-select {
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  width: 3.8125rem;
}
.AddtravellersModule .box-container .box-container__content .hr {
  width: 100%;
  height: 1px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  margin: 1rem 0;
}
.AddtravellersModule .box-container .box-container__content .box-footer {
  position: absolute;
  bottom: 0px;
  left: 15px;
  right: 15px;
  padding-bottom: 10px;
  background-color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.AddtravellersModule .box-container .box-container__content .box-footer .btn-addRoom {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
}
.AddtravellersModule .box-container .box-container__content .box-footer .btn-addRoom img {
  margin-right: 0.5rem;
}
.AddtravellersModule .box-container .box-container__content .box-footer .btn-apply {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  border-radius: 0.5rem;
  padding: 0.88rem 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
}

.mbsc-datepicker .mbsc-range-control-wrapper {
  display: none;
}

.Visa {
  max-width: 1400px;
  margin: 0 auto;
}
.Visa__Header {
  background: url("../../../images/visa/visaBackground.png") lightgray 50%/cover no-repeat;
  height: 36.25rem;
  padding: 0 5rem;
  display: flex;
  align-items: center;
}
.Visa__Header .header-title {
  margin: 0;
  font-size: 4rem;
  font-weight: 600;
  color: var(--color-white, #ffffff);
}
.Visa__Container {
  padding: 2.5rem 0;
}
@media only screen and (max-width: 1024px) {
  .Visa__Container {
    padding: 1rem 1rem;
  }
}
.Visa__Container .section-title {
  font-size: 1.42375rem;
  font-weight: 5 0;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1.5rem;
}
.Visa__Container .section-title span {
  color: var(--color-blue-primary, #0D52DB);
}
.Visa__Container .tabs {
  display: flex;
  gap: 0 1rem;
  margin-bottom: 2.5rem;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
}
.Visa__Container .tabs > * {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.Visa__Container .tabs::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Visa__Container .tabs .tab {
  background-color: var(--color-natural-100, #F1F5F9);
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 400;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.Visa__Container .tabs .tab.active {
  color: var(--color-white, #ffffff);
  background-color: var(--color-blue-primary, #0D52DB);
}
.Visa__Container__Cards .cardsTitle {
  color: var(--color-natural-900, #0F172A);
  font-size: 1.80188rem;
  font-weight: 500;
  line-height: 1.8rem;
  margin: 0;
  margin-bottom: 1.5rem;
}
.Visa__Container__Cards__Content {
  display: flex;
  gap: 0 1.25rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
.Visa__Container__Cards__Content .VisaCard {
  width: calc(33.3333333333% - 1.25rem);
  margin-bottom: 1.25rem;
  border-radius: 0.5625rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.75rem;
}
@media only screen and (max-width: 1024px) {
  .Visa__Container__Cards__Content .VisaCard {
    width: calc(50% - 1.25rem);
  }
}
@media only screen and (max-width: 640px) {
  .Visa__Container__Cards__Content .VisaCard {
    width: 100%;
  }
}
.Visa__Container__Cards__Content .VisaCard__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
}
.Visa__Container__Cards__Content .VisaCard__header .country {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.Visa__Container__Cards__Content .VisaCard__header__Left {
  display: flex;
  align-items: center;
}
.Visa__Container__Cards__Content .VisaCard__header__Left img {
  width: 1.25rem;
  height: 0.9375rem;
  margin-right: 0.5rem;
}
.Visa__Container__Cards__Content .VisaCard__header__Right {
  display: flex;
  gap: 0 0.5rem;
}
.Visa__Container__Cards__Content .VisaCard__header__Right .coins {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: #FFCC00;
  border-radius: 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #0F172A;
  width: max-content;
}
.Visa__Container__Cards__Content .VisaCard__header .price {
  font-size: 1.80188rem;
  font-weight: 600;
  color: var(--color-blue-primary, #0D52DB);
  line-height: 1.8rem;
}
.Visa__Container__Cards__Content .VisaCard__Content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
  height: 4.75rem;
}
.Visa__Container__Cards__Content .VisaCard__Content .type {
  font-size: 1.42375rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  line-height: 112%;
}
.Visa__Container__Cards__Content .VisaCard__Content__Footer {
  border-top: 1px solid var(--color-natural-200, #E2E8F0);
  padding-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.Visa__Container__Cards__Content .VisaCard__Content__Footer__Left .VisaCard__header__Right {
  flex-direction: column-reverse;
}
.Visa__Container__Cards__Content .VisaCard__Content__Footer__Left .from {
  font-size: 0.75rem;
}
.Visa__Container__Cards__Content .VisaCard__Content__Footer__Left .price {
  font-size: 1.80188rem;
  font-weight: 600;
  color: var(--color-blue-primary, #0D52DB);
  line-height: 1.8rem;
  margin-bottom: 0.25rem;
}
.Visa__Container__Cards__Content .VisaCard .btn-border {
  width: 100%;
}

.visaStyleTwo .VisaCard__Content {
  display: inherit;
  height: auto;
}
.visaStyleTwo .VisaCard .country {
  font-size: 1rem;
}

.VisaResultStyleTwo {
  padding: 0 !important;
}
.VisaResultStyleTwo .Visa__Container__Cards {
  margin: 2.5rem 0 !important;
}

.visaRequirements {
  padding: 2.5rem 0;
  background-color: var(--color-natural-100, #F1F5F9);
}
.visaRequirements .back {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  text-decoration: none;
  padding: 0 2.5rem;
  display: flex;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .visaRequirements .back {
    padding: 0 1rem;
  }
}
.visaRequirements .back:active {
  color: var(--color-blue-primary, #0D52DB);
}
.visaRequirements__Content {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.75rem;
}
.visaRequirements__Content__Container {
  padding: 1rem 4rem;
}
@media only screen and (max-width: 768px) {
  .visaRequirements__Content__Container {
    padding: 1rem;
  }
}
.visaRequirements__Content__Container__Header {
  margin-bottom: 2.5rem;
}
.visaRequirements__Content__Container__Header .title {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 0 0.5rem;
  color: var(--color-natural-900, #0F172A);
  font-size: 1.26563rem;
  font-weight: 600;
  line-height: 112%;
}
.visaRequirements__Content__Container__Info {
  margin-bottom: 1rem;
}
.visaRequirements__Content__Container__Info .title {
  font-size: 1rem;
  margin: 0;
  margin-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.2rem;
}
.visaRequirements__Content__Container__Info .list {
  margin: 0;
  padding-left: 1.5rem;
}
.visaRequirements__Content__Container__Info .list .item {
  font-size: 1rem;
}
.visaRequirements__Content__Top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0rem;
  flex-wrap: wrap;
  position: sticky;
  top: 0px;
  background-color: var(--color-white, #ffffff);
  padding: 1rem 4rem;
  box-shadow: 0px -1px 10px 0px var(--color-natural-300, #CBD5E1);
}
@media only screen and (max-width: 768px) {
  .visaRequirements__Content__Top {
    padding: 1rem;
  }
}
.visaRequirements__Content__Top__Left {
  display: flex;
  align-items: center;
  gap: 0 1rem;
}
@media only screen and (max-width: 768px) {
  .visaRequirements__Content__Top__Left {
    align-items: flex-end;
    gap: 0;
  }
}
.visaRequirements__Content__Top__Left .price {
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .visaRequirements__Content__Top__Left .price {
    flex-direction: column;
    align-items: flex-start;
  }
}
.visaRequirements__Content__Top__Left .price span {
  font-size: 1.42375rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .visaRequirements__Content__Top__Left .price span {
    font-size: 1.1rem;
  }
}
.visaRequirements__Content__Top__Left .coins {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5625rem;
  align-items: center;
  gap: 0.25rem;
  background-color: #FFCC00;
  border-radius: 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #0F172A;
  width: max-content;
}
.visaRequirements__Content__Top__Right {
  display: flex;
  align-items: center;
  gap: 0 1rem;
}
.visaRequirements__Content__Top__Right .btn-yellow {
  background-color: var(--color-yellow-primary, #FFCC00);
  color: var(--color-natural-900, #0F172A);
  border: none;
  padding: 0.88rem 1.5rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.visaRequirements__contactUs .boxContent {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.visaRequirements__contactUs .boxContent__CallCenter__Header {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.visaRequirements__contactUs .boxContent__CallCenter__Header .title {
  margin: 0;
  font-size: 1.125rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
}
.visaRequirements__contactUs .boxContent__CallCenter .content .info {
  font-size: 1rem;
  color: var(--color-natural-500, #64748B);
  margin: 0;
  margin-bottom: 1rem;
}
.visaRequirements__contactUs .boxContent__CallCenter .content .info span {
  color: var(--color-blue-primary, #0D52DB);
}
.visaRequirements__contactUs .boxContent__CallCenter .content .list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
}
.visaRequirements__contactUs .boxContent__CallCenter .content .list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.visaRequirements__contactUs .boxContent__CallCenter .content .list .item .title {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.visaRequirements__contactUs .boxContent__CallCenter .content .list .item .info {
  font-size: 1rem;
  color: var(--color-natural-500, #64748B);
  font-weight: 500;
}
.visaRequirements__contactUs .boxContent__CallCenter .content .box-btn {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.visaRequirements__contactUs .boxContent__CallCenter .content .btn-social {
  width: 100%;
  margin-bottom: 0.5rem;
  background-color: transparent;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.75rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all ease-in-out 0.3s;
  color: var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
}
.visaRequirements__contactUs .boxContent__CallCenter .content .btn-social:hover {
  border-color: var(--color-blue-primary, #0D52DB);
}
@media only screen and (max-width: 768px) {
  .visaRequirements__contactUs .boxContent.ds-none-sm {
    display: none;
  }
}

.visaDetails .Expenses {
  margin-top: 1.25rem;
  background-color: var(--color-natural-100, #F1F5F9);
  border-radius: 0.25rem;
  padding: 1rem;
}
.visaDetails .Expenses__content .title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.visaDetails .Expenses__content .info {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
  margin: 0;
  margin-bottom: 0.5rem;
}
.visaDetails .Expenses__Footer {
  display: flex;
  justify-content: flex-end;
}
.visaDetails .Expenses__Footer .btn-primary {
  width: 20%;
}
.visaDetails .boxContent__File {
  width: 100%;
  margin-top: 1.25rem;
  padding: 1rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.38rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .visaDetails .boxContent__File {
    display: inherit;
  }
}
.visaDetails .boxContent__File__Left {
  display: flex;
  align-items: center;
  gap: 0 1rem;
}
.visaDetails .boxContent__File__Left .BoxIcon {
  background-color: var(--color-blue-background, #DBEAFE);
  padding: 0.75rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.visaDetails .boxContent__File__Left .title {
  font-size: 0.88875rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.visaDetails .boxContent__File__Left .info {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-700, #334155);
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .visaDetails .boxContent__File__Right .uploadFile {
    margin-top: 1rem;
    display: block;
  }
}
.visaDetails .boxContent__File__Right .uploadFile input {
  display: none;
}
.visaDetails .boxContent__File__Right .uploadFile span {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  font-size: 1rem;
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  color: var(--color-blue-primary, #0D52DB);
  border: 1px solid var(--color-blue-primary, #0D52DB);
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .visaDetails .boxContent__File__Right .uploadFile span {
    justify-content: center;
  }
}
.visaDetails .fileText {
  margin-top: 0.5rem;
  display: block;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
}

.VisaResult .Visa {
  padding-bottom: 1.5rem;
}
.VisaResult .Visa .Visa__Container__Cards {
  background-color: var(--color-white, #ffffff);
  margin: 2.5rem 5rem;
  padding: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  .VisaResult .Visa .Visa__Container__Cards {
    margin: 1rem 1rem;
  }
}
.FormSearch-visa-2 {
  padding: 0 1rem;
}
.FormSearch-visa-2 .heading {
  font-size: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .FormSearch-visa-2 .FormSearch__Container {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .FormSearch-visa-2 .flightSearch__Container.active {
    position: inherit;
    top: inherit;
    left: inherit;
    width: 100%;
  }
}
.FormSearch-visa-2 .btn-primary {
  width: 100%;
}
.FormSearch-visa-2 .FormSearch__Container__Content {
  border-radius: 12px !important;
}
.FormSearch-visa-2 .FormContent__Top {
  margin-bottom: 0;
}

.passengerTypes-Component {
  width: 100%;
}
.passengerTypes-Component .passenger-Types {
  display: flex;
  gap: 0 0.5rem;
  align-items: center;
}
.passengerTypes-Component .passenger-Types .icon img {
  width: 24px;
  height: 24px;
}
.passengerTypes-Component .passenger-Types .content {
  display: flex;
  flex-direction: column;
}
.passengerTypes-Component .passenger-Types .content .title {
  font-size: 0.9rem;
  color: var(--color-natural-900, #0F172A);
}
.passengerTypes-Component .passenger-Types .content .value {
  font-size: 0.9rem;
}

.SwipeableDrawerPassangerTypes {
  z-index: 99999 !important;
  margin-bottom: 3rem;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .header {
  background-color: var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .header .title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-white, #ffffff);
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .header .btn-close {
  background-color: transparent;
  padding: 0;
  border: none;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent {
  padding: 0.5rem;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent .head-title {
  font-size: 1.1rem;
  margin-left: 0.5rem;
  color: var(--color-natural-600, #475569);
  font-weight: 500;
  margin-bottom: 1rem;
  display: flex;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__item:last-of-type {
  margin-bottom: 0;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__item .title {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__item .title .info {
  font-size: 0.75rem;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__item__Count {
  display: flex;
  align-items: center;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__item__Count input[type=number] {
  width: 32px;
  margin: 0 8px;
  text-align: center;
  padding: 0;
  border: none;
  font-size: 16px;
  color: #334155;
  font-weight: 400;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__item__Count input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__item__Count input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__item__Count input[type=number]:focus {
  outline: none;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__item__Count .btn-count {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background-color: var(--color-natural-100, #F1F5F9);
  border: none;
  padding: 0;
  cursor: pointer;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__item__Count .btn-count i {
  font-size: 1.5rem;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__AllSelect {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.5rem;
  padding: 0 1rem;
  justify-content: space-between;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__AllSelect .BoxSelect {
  border: 1px solid var(--color-natural-400, #94A3B8);
  padding: 0.75rem 0.5rem;
  width: 48.7804878049%;
  text-align: center;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  transition: all ease-in-out 0.2s;
}
.SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__AllSelect .BoxSelect.active {
  border: 1px solid var(--color-blue-primary, #0D52DB);
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 500;
}

.AddTerveleresSwipeableDrawer {
  z-index: 99999 !important;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__header {
  background-color: var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  position: sticky;
  top: 0;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__header .title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-white, #ffffff);
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__header .btn-close {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content {
  padding: 1rem 1.5rem;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__title p {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__title .btn-delete {
  background-color: transparent;
  border: none;
  color: var(--color-red-primary, #E42519);
  cursor: pointer;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__Info {
  display: flex;
  flex-direction: column;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__Info .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__Info .content .item .title {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__Info .content .Count {
  display: flex;
  align-items: center;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__Info .content .Count input[type=number] {
  width: 32px;
  margin: 0 8px;
  text-align: center;
  padding: 0;
  border: none;
  font-size: 16px;
  color: #334155;
  font-weight: 400;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__Info .content .Count input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__Info .content .Count input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__Info .content .Count input[type=number]:focus {
  outline: none;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__Info .content .Count .btn-count {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background-color: var(--color-natural-100, #F1F5F9);
  border: none;
  padding: 0;
  cursor: pointer;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__age .Title {
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__age .allSelect {
  margin-top: 0.5rem;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__age .allSelect .AgeInputSelect p {
  margin: 0;
  margin-bottom: 0.25rem;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__age .allSelect .MuiFormControl-root {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__age .allSelect .MuiFormControl-root .MuiInputBase-root {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__age .allSelect .MuiFormControl-root .MuiInputBase-root .MuiSelect-select {
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  width: 3.8125rem;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .hr:last-of-type {
  display: none;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .addTravellersDropdown__footer {
  background-color: var(--color-white, #ffffff);
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0 1rem 0;
  border-top: 1px solid var(--color-natural-200, #E2E8F0);
  margin-top: 1rem;
  position: sticky;
  bottom: 0;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .addTravellersDropdown__footer .btn-add {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  gap: 0 0.5rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .addTravellersDropdown__footer .btn-applay {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1.1rem;
  background-color: transparent;
  border: none;
  text-transform: capitalize;
  font-weight: 600;
  cursor: pointer;
}

.addTravellersContent {
  position: relative;
}

.addTravellersDropdown {
  background-color: var(--color-white, #ffffff);
  width: 0%;
  position: absolute;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  top: -10px;
  left: 0;
  visibility: hidden;
  padding: 1rem;
  padding-bottom: 0;
  max-height: 490px;
  overflow-y: auto;
}
.addTravellersDropdown .RoomComponent {
  display: none;
}
.addTravellersDropdown__footer {
  display: none !important;
}
.addTravellersDropdown.active {
  border-radius: 0.5rem;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.08);
  background-color: var(--color-white, #ffffff);
  visibility: visible;
  left: 0;
  width: 120%;
  z-index: 999;
  transition: all ease-in-out 0.2s;
}
.addTravellersDropdown.active::-webkit-scrollbar {
  width: 3px;
  height: 5px;
  background-color: var(--color-natural-200, #E2E8F0);
}
.addTravellersDropdown.active::-webkit-scrollbar-thumb {
  background: var(--color-blue-primary, #0D52DB);
}
.addTravellersDropdown.active .RoomComponent {
  display: block;
  animation: fadIn ease 0.6s;
  animation-iteration-count: 1;
}
.addTravellersDropdown.active .addTravellersDropdown__footer {
  display: flex !important;
  animation: fadIn ease 0.6s;
  animation-iteration-count: 1;
}
.addTravellersDropdown .RoomComponent__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.addTravellersDropdown .RoomComponent__title p {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
}
.addTravellersDropdown .RoomComponent__title .btn-delete {
  background-color: transparent;
  border: none;
  color: var(--color-red-primary, #E42519);
  cursor: pointer;
}
.addTravellersDropdown .RoomComponent__Info {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  justify-content: space-between;
}
.addTravellersDropdown .RoomComponent__Info .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 1rem;
}
.addTravellersDropdown .RoomComponent__Info .content .item .title {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
}
.addTravellersDropdown .RoomComponent__Info .content .Count {
  display: flex;
  align-items: center;
}
.addTravellersDropdown .RoomComponent__Info .content .Count input[type=number] {
  width: 32px;
  margin: 0 8px;
  text-align: center;
  padding: 0;
  border: none;
  font-size: 16px;
  color: #334155;
  font-weight: 400;
}
.addTravellersDropdown .RoomComponent__Info .content .Count input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.addTravellersDropdown .RoomComponent__Info .content .Count input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.addTravellersDropdown .RoomComponent__Info .content .Count input[type=number]:focus {
  outline: none;
}
.addTravellersDropdown .RoomComponent__Info .content .Count .btn-count {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background-color: var(--color-natural-100, #F1F5F9);
  border: none;
  padding: 0;
  cursor: pointer;
}
.addTravellersDropdown .RoomComponent__age .Title {
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.addTravellersDropdown .RoomComponent__age .allSelect {
  margin-top: 0.5rem;
}
.addTravellersDropdown .RoomComponent__age .allSelect .AgeInputSelect p {
  margin: 0;
  margin-bottom: 0.25rem;
}
.addTravellersDropdown .RoomComponent__age .allSelect .MuiFormControl-root {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.addTravellersDropdown .RoomComponent__age .allSelect .MuiFormControl-root .MuiInputBase-root {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.addTravellersDropdown .RoomComponent__age .allSelect .MuiFormControl-root .MuiInputBase-root .MuiSelect-select {
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  width: 3.8125rem;
}
.addTravellersDropdown .hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
}
.addTravellersDropdown__footer {
  background-color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0 1rem 0;
  border-top: 1px solid var(--color-natural-200, #E2E8F0);
  margin-top: 1rem;
  position: sticky;
  bottom: 0;
}
.addTravellersDropdown__footer .btn-add {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  gap: 0 0.5rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.addTravellersDropdown__footer .btn-add .ri {
  font-size: 1.25rem;
}
.addTravellersDropdown__footer .btn-applay {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1.1rem;
  background-color: transparent;
  border: none;
  text-transform: capitalize;
  font-weight: 600;
  cursor: pointer;
}

@keyframes fadIn {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.modal-input {
  background-color: #F7F7F7;
  opacity: 1;
}
.modal-input .box-container {
  background-color: #F7F7F7;
  height: 100%;
}
.modal-input .box-container .MobileFilterModelInputs__header {
  background-color: #F7F7F7;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  border-bottom: 1px solid #F7F7F7;
}
.modal-input .box-container .MobileFilterModelInputs__header .div-close {
  background-color: #F7F7F7;
  border: none;
  width: 50px;
  height: 49px;
}
.modal-input .box-container .MobileFilterModelInputs__header .MobileFilterModelInputs__header__text {
  text-transform: capitalize;
  width: calc(100% - 100px);
  text-align: center;
}
.modal-input .box-container .SearchForm__Container__TravelLocation__AutoComplete {
  border: 2px solid var(--color-natural-400, #94A3B8);
  width: 95% !important;
  margin: 15px auto;
  border-radius: 5px;
  background-color: var(--color-white, #ffffff);
  position: relative;
}
.modal-input .box-container .SearchForm__Container__TravelLocation__AutoComplete .clear {
  position: absolute;
  right: 7px;
  top: 20px;
  z-index: 9999;
}

.Mui-error input::placeholder {
  color: red;
  opacity: 1;
}

.text-field-wrapper {
  max-width: 85% !important;
  width: 85% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 7.5px 4px 7.5px 5px !important;
}

.CalendarDay__blocked_calendar {
  background-color: inherit !important;
  border: 1px solid #e4e7e7 !important;
}

.cardloding {
  box-shadow: none;
}

.Inputerror .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-red-primary, #E42519) !important;
}

.Inputsuccess .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-green-primary, #00AC6B) !important;
}

.MuiStack-root .MuiFormControlLabel-asterisk {
  display: none !important;
}

.SingleDatePicker_picker {
  z-index: 9999 !important;
}

#alertTimerDialog {
  min-width: 500px;
}
#alertTimerDialog button.MuiButton-outlined {
  color: var(--color-blue-primary, #0D52DB);
}
#alertTimerDialog button.MuiButton-outlined a {
  color: var(--color-blue-primary, #0D52DB);
}

#payment_Method {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 768px) {
  #payment_Method {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
#payment_Method .title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1rem;
}
#payment_Method .boxContent__PaymentChose .cardPayment,
#payment_Method .boxContent__PaymentChose .PaymentSelect {
  width: 100%;
  display: block;
  cursor: pointer;
  border: 1px solid var(--color-natural-400, #94A3B8);
  padding: 1.5rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
  transition: all ease-in-out 0.3s;
}
#payment_Method .boxContent__PaymentChose .cardPayment input[type=radio],
#payment_Method .boxContent__PaymentChose .PaymentSelect input[type=radio] {
  display: none;
}
#payment_Method .boxContent__PaymentChose .cardPayment .header,
#payment_Method .boxContent__PaymentChose .PaymentSelect .header {
  display: flex;
  align-items: center;
}
#payment_Method .boxContent__PaymentChose .cardPayment .header input[type=radio],
#payment_Method .boxContent__PaymentChose .PaymentSelect .header input[type=radio] {
  display: none;
}
#payment_Method .boxContent__PaymentChose .cardPayment .header .radio,
#payment_Method .boxContent__PaymentChose .PaymentSelect .header .radio {
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--color-natural-500, #64748B);
  border-radius: 50%;
  margin-right: 1rem;
  transition: all ease-in-out 0.2s;
}
#payment_Method .boxContent__PaymentChose .cardPayment .header img,
#payment_Method .boxContent__PaymentChose .PaymentSelect .header img {
  margin-right: 0.5rem;
}
#payment_Method .boxContent__PaymentChose .cardPayment .header .name,
#payment_Method .boxContent__PaymentChose .PaymentSelect .header .name {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  #payment_Method .boxContent__PaymentChose .cardPayment .header .name,
  #payment_Method .boxContent__PaymentChose .PaymentSelect .header .name {
    font-size: 1rem;
  }
}
#payment_Method .boxContent__PaymentChose .cardPayment .content,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content {
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: all ease-in-out 0.2s;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .payment-agreement-terms-input,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .payment-agreement-terms-input {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .btn,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .btn {
  background-color: var(--color-blue-primary, #0D52DB);
  padding: 0.88rem 1rem;
  color: var(--color-white, #ffffff);
  border: none;
  border-radius: 0.2rem;
  display: block;
  margin: 15px auto;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .btn-book,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .btn-book {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  width: 100%;
  padding: 0.88rem 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  cursor: pointer;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .btn-book img,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .btn-book img {
  margin-right: 0.5rem;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .btn-affirm,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .btn-affirm {
  background-color: var(--color-white, #ffffff);
  color: #484af3;
  border: 1px solid #484af3;
  font-weight: 600;
  margin-bottom: 1rem;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .btn-affirm img,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .btn-affirm img {
  margin-right: 0.5rem;
  width: max-content;
  height: 18px;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .btn-affirm:active,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .btn-affirm:active {
  background-color: var(--color-natural-100, #F1F5F9) !important;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .btn-tabby,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .btn-tabby {
  background: #131C26;
  color: var(--color-white, #ffffff);
  border: 2px solid #131C26;
  border-radius: 24px;
  padding: 10px 36px;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .Form-affirm,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .Form-affirm {
  height: max-content;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .Form-affirm .StripeElement,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .Form-affirm .StripeElement {
  min-height: 20px;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .Form-affirm .StripeElement__PrivateStripeElement,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .Form-affirm .StripeElement__PrivateStripeElement {
  min-height: 20px;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 1rem;
  width: 50%;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .circle,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .circle {
  width: 40px;
  height: 40px;
}
@media only screen and (max-width: 768px) {
  #payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .circle,
  #payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .circle {
    width: 25px;
    height: 25px;
  }
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .circle,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .circle {
  border-radius: 100%;
  position: relative;
  margin-bottom: 0.5rem;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .circle::after,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .circle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid var(--color-natural-400, #94A3B8);
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .circle .shape,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .circle .shape {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  clip-path: polygon(0 0, 50% 0, 50% 50%, 0 50%);
  background-color: var(--color-blue-primary, #0D52DB);
  transform: rotate(80deg);
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .circle .shape.shape2,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .circle .shape.shape2 {
  clip-path: polygon(0 0, 100% 0, 50% 50%, 0 100%);
  transform: rotate(134deg);
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .circle .shape.shape3,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .circle .shape.shape3 {
  width: 100%;
  height: 100%;
  background-color: var(--color-blue-primary, #0D52DB);
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 50%, 50% 50%, 50% 0%);
  border-radius: 50%;
  transform: rotate(272deg);
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .circle .shape.shape4,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .circle .shape.shape4 {
  width: 100%;
  height: 100%;
  background-color: var(--color-blue-primary, #0D52DB);
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 50%, 100% 0%, 50% 0%);
  border-radius: 50%;
  transform: rotate(272deg);
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .text,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .text {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .text,
  #payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .text {
    font-size: 0.75rem;
  }
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .period,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .period {
  display: block;
  font-size: 1rem;
  color: var(--color-natural-600, #475569);
  white-space: nowrap;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .Box-info .period,
  #payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .period {
    font-size: 0.5rem;
  }
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .line,
#payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .line {
  width: 100%;
  height: 2px;
  background-color: var(--color-natural-400, #94A3B8);
  margin-top: -4.5rem;
}
@media only screen and (max-width: 768px) {
  #payment_Method .boxContent__PaymentChose .cardPayment .content .tabby-installments .line,
  #payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .line {
    margin-top: -3.5rem;
  }
}
#payment_Method .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .header .radio,
#payment_Method .boxContent__PaymentChose .PaymentSelect input[type=radio]:checked ~ .header .radio {
  border: 5px solid var(--color-blue-primary, #0D52DB);
}
#payment_Method .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .content,
#payment_Method .boxContent__PaymentChose .PaymentSelect input[type=radio]:checked ~ .content {
  height: max-content;
}
#payment_Method .boxContent__PaymentChose .cardPayment {
  flex-direction: column;
  align-items: flex-start;
}
#payment_Method .boxContent__PaymentChose .cardPayment .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
#payment_Method .boxContent__PaymentChose .cardPayment .header .left {
  display: flex;
  align-items: center;
}
#payment_Method .boxContent__PaymentChose .cardPayment .header .right .image-payment {
  width: max-content !important;
  height: 1.5rem !important;
}
@media only screen and (max-width: 768px) {
  #payment_Method .boxContent__PaymentChose .cardPayment .header .right .image-payment {
    display: none;
  }
}
#payment_Method .boxContent__PaymentChose .cardPayment .content {
  height: 0;
  width: 100%;
  overflow: hidden;
  transition: all ease-in-out 0.3s;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .MuiFormControl-root {
  width: 100%;
  margin-bottom: 0.5rem;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards {
  margin-top: 1.5rem;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards .boxTitle {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards__Container {
  display: flex;
  flex-wrap: wrap;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard {
  padding: 1rem;
  background-color: var(--color-blue-background, #DBEAFE);
  margin-right: 0.5rem;
  width: 32.2580645161%;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  #payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard {
    width: 100%;
  }
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard:last-of-type {
  margin-right: 0;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber .numberHiden {
  margin-right: 1rem;
  font-size: 1.125rem;
  font-weight: 400;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber .number {
  font-size: 1.125rem;
  font-weight: 400;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardEx .exp {
  font-size: 0.875rem;
  color: var(--color-natural-500, #64748B);
  margin-right: 2rem;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardEx .date {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
}
#payment_Method .boxContent__PaymentChose .cardPayment .content .p-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
#payment_Method .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .content {
  height: max-content;
  padding-top: 1.5rem;
}
@media only screen and (max-width: 768px) {
  #payment_Method .boxContent__PaymentChose .cardPayment input[type=radio]:checked ~ .content {
    height: max-content;
  }
}
#payment_Method .boxContent__PaymentChose .totalAmount {
  margin-top: 1.25rem;
}
#payment_Method .boxContent__PaymentChose .totalAmount__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
#payment_Method .boxContent__PaymentChose .totalAmount__Header .title {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.75rem;
  display: block;
}
#payment_Method .boxContent__PaymentChose .totalAmount__Header .showDetails {
  display: flex;
  align-items: center;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  cursor: pointer;
}
#payment_Method .boxContent__PaymentChose .totalAmount__Header .showDetails img {
  margin-right: 0.5rem;
}
#payment_Method .boxContent__PaymentChose .totalAmount .title {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.75rem;
  display: block;
}
#payment_Method .boxContent__PaymentChose .totalAmount .totalList {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  margin-bottom: 0.75rem;
}
#payment_Method .boxContent__PaymentChose .totalAmount .totalList .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
#payment_Method .boxContent__PaymentChose .totalAmount .totalList .item .name, #payment_Method .boxContent__PaymentChose .totalAmount .totalList .item .price {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
#payment_Method .boxContent__PaymentChose .totalAmount .totalList .item .name.bold, #payment_Method .boxContent__PaymentChose .totalAmount .totalList .item .price.bold {
  font-weight: 600;
}
#payment_Method .boxContent__PaymentChose .totalAmount .totalList .item .paymentFees {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
#payment_Method .boxContent__PaymentChose .PaymentChoseInfo {
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  margin: 1.25rem 0 0.5rem;
}
#payment_Method .mysr-form .w-full {
  max-width: inherit !important;
  padding: 0 0.25rem;
}
#payment_Method .mysr-form button.flex {
  display: none !important;
}
#payment_Method .mysr-form a {
  display: none !important;
}

.mb-5 {
  margin-bottom: 1rem;
}

.btn-scroll-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-Index: 1000;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: var(--color-blue-primary, #0D52DB);
  border: none;
  cursor: pointer;
}
.btn-scroll-top i {
  color: var(--color-white, #ffffff);
  font-size: 1rem;
}

.embla {
  overflow: hidden;
}

.embla__container {
  display: flex;
}

.embla__slide {
  min-width: 0;
}

.embla__container {
  display: flex;
}

.embla__slide {
  position: relative;
  box-sizing: border-box;
}

.embla__dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 16px;
}

.embla__dot {
  width: 0.75rem !important;
  height: 0.75rem !important;
  border-radius: 100% !important;
  background-color: #c4c4c4;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .embla__dot {
    width: 1.25rem !important;
    height: 1.25rem !important;
  }
}

.embla__dot.is-selected {
  background-color: var(--color-blue-primary, #0D52DB); /* or your primary color */
}

.exploreUnique .exploreUnique__Container {
  overflow: hidden;
}
.exploreUnique__Content__Card {
  width: 100% !important;
}
.exploreUnique .embla__slide {
  position: relative;
  flex: 0 0 26rem; /* 4 slides per view */
  padding: 0 0.25rem;
  box-sizing: border-box;
}

.advertisement .embla__slide {
  position: relative;
  flex: 0 0 26.25rem;
  padding: 0 0.25rem;
  box-sizing: border-box;
}

.Results__Content__Card__Offers .embla__slide {
  position: relative;
  padding: 0 0.25rem;
  box-sizing: border-box;
}

#ReactSimpleImageViewer {
  z-index: 999999;
}

.exploreUnique__Container {
  position: relative;
}
.exploreUnique__Container .slick-arrow {
  display: none !important;
}
.exploreUnique__Content {
  display: flex;
  gap: 1.31rem 0.94rem;
  cursor: pointer;
  z-index: 0;
  position: relative;
}
.exploreUnique__Content__Card {
  width: 25rem;
  height: 15.75rem;
  border-radius: 0.5rem;
  border: 1px solid #eee;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  text-decoration: none;
}
.exploreUnique__Content__Card:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%);
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .exploreUnique__Content__Card {
    width: 45.4545454545%;
  }
}
@media only screen and (max-width: 640px) {
  .exploreUnique__Content__Card {
    width: 100%;
    height: 8.4375rem;
  }
  .exploreUnique__Content__Card:nth-child(1), .exploreUnique__Content__Card:nth-child(2), .exploreUnique__Content__Card:nth-child(3) {
    display: block;
  }
}
.exploreUnique__Content__Card img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  .exploreUnique__Content__Card img {
    object-fit: fill;
    object-fit: cover;
  }
}
.exploreUnique__Content__Card__info {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 25.96%, rgba(0, 0, 0, 0.8) 71.63%);
  height: 4.75rem;
  align-items: flex-end;
}
.exploreUnique__Content__Card__info .city {
  margin: 0;
  padding: 0;
  color: var(--color-white, #ffffff);
  color: var(--color-white, #ffffff);
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 1.25rem;
}
.exploreUnique__Content__Card__info .priceStaring {
  margin: 0;
  padding: 0;
  color: var(--color-white, #ffffff);
  font-size: 1rem;
  font-weight: 400;
}
.exploreUnique__Content__Card__info .priceStaring .price {
  display: block;
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-white, #ffffff);
  text-align: center;
}
.exploreUnique__Content__Card .boxLoding {
  width: 354px;
  height: 17.5rem;
}

.FeaturedPackageCard {
  border-radius: 12px;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 100%;
  position: relative;
  display: block;
  text-decoration: none;
}
.FeaturedPackageCard .sellOut,
.FeaturedPackageCard .top,
.FeaturedPackageCard .lowPrice {
  background-color: var(--color-green-primary, #00AC6B);
  padding: 0.25rem 0.5rem;
  color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: absolute;
  top: 1rem;
  left: 15px;
  z-index: 999;
  font-size: 0.75rem;
  font-weight: 600;
}
.FeaturedPackageCard .sellOut img,
.FeaturedPackageCard .top img,
.FeaturedPackageCard .lowPrice img {
  margin-right: 0.5rem;
}
.FeaturedPackageCard .sellOut {
  background-color: var(--color-red-dark, #991B1B);
}
.FeaturedPackageCard__Image {
  width: 100%;
  height: 14.625rem;
  border-radius: 0.25rem;
}
.FeaturedPackageCard__Image .imgCard {
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  object-fit: cover;
}
.FeaturedPackageCard__Info {
  padding: 20px;
  position: relative;
}
.FeaturedPackageCard__Info .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.5rem;
  min-height: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.FeaturedPackageCard__Info .location {
  display: flex;
  align-items: center;
  margin: 0;
  margin-bottom: 8px;
  color: var(--color-natural-900, #0F172A);
}
.FeaturedPackageCard__Info .location span {
  font-size: 18px;
  font-weight: 500;
}
.FeaturedPackageCard__Info .location img {
  margin: 0 8px;
}
.FeaturedPackageCard__Info .infoTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.FeaturedPackageCard__Info .infoTop .check {
  font-size: 0.75rem;
  margin: 0;
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: var(--color-natural-600, #475569);
}
.FeaturedPackageCard__Info .infoTop .ri-star-fill {
  color: var(--color-yellow-primary, #FFCC00);
}
.FeaturedPackageCard__Info .rountTrip {
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-600, #475569);
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
}
.FeaturedPackageCard__Info .price {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.75rem;
  font-weight: 400;
}
.FeaturedPackageCard__Info .price .total {
  font-size: 1.125rem;
  font-weight: 600;
}

.gallery {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 10.625rem;
  margin-bottom: 2.5rem;
}
.gallery .box-img {
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.gallery .box-img .img {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.gallery .box-img .seeAll {
  display: none;
}
.gallery .box-img .Top {
  position: absolute;
  top: 1.25rem;
  left: 1.35rem;
  background-color: var(--color-green-primary, #00AC6B);
  color: var(--color-white, #ffffff);
  display: none;
  padding: 0.25rem 0.5rem;
  border-radius: 0.13rem;
}
.gallery .box-img:first-of-type {
  grid-column: 1/3;
  grid-row: 1/3;
}
.gallery .box-img:nth-child(1) .Top {
  display: block;
}
.gallery .box-img:nth-child(7) img {
  filter: blur(3px);
}
.gallery .box-img:nth-child(7) .seeAll {
  display: block;
  background-color: var(--color-natural-100, #F1F5F9);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.88875rem;
  font-weight: 400;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .gallery {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery .box-img:first-of-type {
    width: 100%;
    height: 25rem;
  }
}
@media only screen and (max-width: 640px) {
  .gallery {
    width: 100%;
  }
}
.gallery.gallery-6 {
  grid-template-columns: repeat(3, 1fr);
}
.gallery.gallery-6 .box-img:nth-child(6) img {
  filter: blur(3px);
}
.gallery.gallery-6 .box-img:nth-child(6) .seeAll {
  display: block;
  background-color: var(--color-natural-100, #F1F5F9);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.88875rem;
  font-weight: 400;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}

.gallery-sm {
  margin-bottom: 1rem;
}
.gallery-sm .Big-img {
  width: 100%;
  height: 15rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  position: relative;
}
.gallery-sm .Big-img .img {
  width: 100% !important;
  height: 100% !important;
}
.gallery-sm .Big-img .Top {
  position: absolute;
  top: 1.25rem;
  left: 1.35rem;
  background-color: var(--color-green-primary, #00AC6B);
  color: var(--color-white, #ffffff);
  padding: 0.25rem 0.5rem;
  border-radius: 0.13rem;
}
.gallery-sm .All-Image {
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(3rem);
  scroll-behavior: smooth;
  cursor: pointer;
}
.gallery-sm .All-Image > * {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.gallery-sm .All-Image::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.gallery-sm .All-Image .box-img {
  width: 22.2222222222%;
  height: 5rem;
  margin-right: 0.25rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.gallery-sm .All-Image .box-img .img {
  width: 100% !important;
  height: 100% !important;
}

.btn-primary {
  background-color: var(--color-blue-primary, #0D52DB);
  border: none;
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .btn-primary {
    width: 100%;
    font-size: 1.0625rem;
    font-weight: 500;
    display: flex;
    text-align: center;
  }
}
.btn-primary:active {
  background-color: var(--color-blue-dark, #1E3A8A) !important;
}
.btn-primary:disabled {
  background-color: var(--color-natural-400, #94A3B8) !important;
  color: var(--color-natural-500, #64748B);
  cursor: not-allowed;
}
.rotate img {
  transform: rotate(180deg);
  transition: all ease-in-out 0.2s;
}

.loadMore {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}

.iconSpinner {
  animation: rotet 2s linear infinite;
}

@keyframes rotet {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.card-number {
  color: black;
  font-size: 18px;
  background-color: red;
}

.card-number:-webkit-autofill {
  background-color: yellow;
}

.card-number--autofilled {
  background-color: yellow;
}

.card-number--hover {
  color: blue;
}

.payableCurrencyAlert {
  margin: 0;
  font-size: 0.9rem;
  color: var(--color-natural-400, #94A3B8);
}

.read-or-hide {
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
}

.FlightHotelsSteps {
  margin: 0 5rem 1rem;
}
@media only screen and (max-width: 768px) {
  .FlightHotelsSteps {
    margin: 0;
  }
}
.FlightHotelsSteps__Container {
  display: flex;
  align-items: center;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
}
.FlightHotelsSteps__Container .step {
  width: 100%;
  display: flex;
  min-height: 4.5rem;
  background-color: var(--color-natural-100, #F1F5F9);
  position: relative;
}
.FlightHotelsSteps__Container .step .content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.FlightHotelsSteps__Container .step .content .icon {
  margin-right: 1rem;
}
.FlightHotelsSteps__Container .step .content .active {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
}
.FlightHotelsSteps__Container .step .content .notActive {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-500, #64748B);
}
.FlightHotelsSteps__Container .step .contentSelected {
  padding: 0.5rem 1rem;
  width: 100%;
}
.FlightHotelsSteps__Container .step .contentSelected.selected {
  padding-left: 2rem;
}
.FlightHotelsSteps__Container .step .contentSelected .p-selected {
  margin: 0;
  display: flex;
  align-items: center;
  color: var(--color-green-dark, #007A46);
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.FlightHotelsSteps__Container .step .contentSelected .p-selected img {
  margin-right: 0.25rem;
}
.FlightHotelsSteps__Container .step .contentSelected__Bottom {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  white-space: nowrap;
}
.FlightHotelsSteps__Container .step .contentSelected__Bottom .name {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.FlightHotelsSteps__Container .step .contentSelected__Bottom .count {
  color: var(--color-green-dark, #007A46);
  font-size: 0.88875rem;
  font-weight: 500;
}
.FlightHotelsSteps__Container .step .contentSelected__Bottom .flightLine {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  width: 100%;
}
.FlightHotelsSteps__Container .step .contentSelected__Bottom .flightLine .div-line {
  display: flex;
  align-items: center;
  width: 100%;
}
.FlightHotelsSteps__Container .step .contentSelected__Bottom .flightLine .div-line .line {
  width: 100%;
  height: 2px;
  background: var(--color-green-primary, #00AC6B);
  display: flex;
}
.FlightHotelsSteps__Container .step .contentSelected__Bottom .flightLine .div-line img {
  margin: 0 0.25rem;
}
.FlightHotelsSteps__Container .step .contentSelected__Bottom .flightLine .name {
  font-size: 0.88875rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.FlightHotelsSteps__Container .step .iconArrow {
  position: absolute;
  right: -19px;
  z-index: 99;
  height: 100%;
}
.FlightHotelsSteps__Container .step.active {
  background-color: #f8fafc;
}
.FlightHotelsSteps__Container .step.selected {
  background-color: var(--color-green-background, #BAE6D1);
}

.FlightHotelStepsMobile {
  margin-bottom: 20px;
}
.FlightHotelStepsMobile_Container {
  display: flex;
  align-items: center;
  border: 1px solid var(--color-natural-200, #E2E8F0);
}
.FlightHotelStepsMobile_Container .step {
  padding: 1rem;
  width: 50%;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.FlightHotelStepsMobile_Container .step .name {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-500, #64748B);
}
.FlightHotelStepsMobile_Container .step .nameActive {
  color: var(--color-natural-900, #0F172A);
}
.FlightHotelStepsMobile_Container .step .icon {
  display: none;
}
.FlightHotelStepsMobile_Container .step.active {
  border-bottom: 1px solid var(--color-green-background, #BAE6D1);
}
.FlightHotelStepsMobile_Container .step.selected {
  border-bottom: 1px solid var(--color-green-primary, #00AC6B);
  color: var(--color-green-primary, #00AC6B);
  position: relative;
}
.FlightHotelStepsMobile_Container .step.selected .name {
  color: var(--color-green-primary, #00AC6B);
}
.FlightHotelStepsMobile_Container .step.selected .icon {
  display: block;
  position: absolute;
  bottom: -9px;
  left: 44%;
  background-color: var(--color-natural-100, #F1F5F9);
}

.timerAlertPopup {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
}
.timerAlertPopup .box-container {
  background-color: var(--color-white, #ffffff);
  width: 40rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  outline: none;
}
@media only screen and (max-width: 768px) {
  .timerAlertPopup .box-container {
    margin-left: 5px;
    margin-right: 5px;
    width: 100%;
  }
}
.timerAlertPopup .box-container__content .info {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
  text-align: center;
}
.timerAlertPopup .box-container__content .info-content {
  font-size: 1.25rem;
  font-weight: 400;
  color: var(--color-natural-700, #334155);
  margin: 0;
  margin-bottom: 1.5rem;
  text-align: center;
}
.timerAlertPopup .box-container__FooterContent {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 640px) {
  .timerAlertPopup .box-container__FooterContent {
    flex-direction: column-reverse;
  }
}
.timerAlertPopup .box-container__FooterContent .btn-primary {
  text-decoration: none;
  width: 70%;
}
@media only screen and (max-width: 640px) {
  .timerAlertPopup .box-container__FooterContent .btn-primary {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.timerAlertPopup .box-container__FooterContent .btn-border {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  color: var(--color-blue-primary, #0D52DB);
  width: 30%;
  line-height: 1;
}
@media only screen and (max-width: 640px) {
  .timerAlertPopup .box-container__FooterContent .btn-border {
    width: 100%;
  }
}

.possible_hotels {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .possible_hotels {
    flex-direction: column;
  }
}
.possible_hotels .possibleHotel {
  display: flex;
  justify-content: flex-start;
  border-radius: 0.5rem;
  border: 1px solid var(--color-natural-300, #CBD5E1);
  overflow: hidden;
  width: 47.619047619%;
}
@media only screen and (max-width: 768px) {
  .possible_hotels .possibleHotel {
    width: 100%;
  }
}
.possible_hotels .possibleHotel__img {
  width: 10rem;
  overflow: hidden;
  min-width: 10rem;
}
.possible_hotels .possibleHotel__img img {
  width: 100%;
  object-fit: cover;
  min-height: 100%;
}
.possible_hotels .possibleHotel__content {
  margin: 0.5rem 1.69rem 0.88rem;
  flex-grow: 1;
}
.possible_hotels .possibleHotel__content__star {
  display: flex;
}
.possible_hotels .possibleHotel__content__star img {
  width: 0.875rem;
  height: 0.875rem;
}
.possible_hotels .possibleHotel__content__name {
  color: var(--color-natural-900, #0F172A);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0.31rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.possible_hotels .possibleHotel__content__location {
  margin: 0.31rem auto;
  display: flex;
  align-items: center;
  gap: 0.13rem;
}
.possible_hotels .possibleHotel__content__location img {
  width: 0.75rem;
  height: 0.75rem;
}
.possible_hotels .possibleHotel__content__location span {
  font-size: 0.875rem;
  color: var(--color-natural-600, #475569);
  text-transform: capitalize;
  font-weight: 300;
  line-height: 0.75rem;
}
.possible_hotels .possibleHotel__content__rateNumber {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.possible_hotels .possibleHotel__content__rateNumber .number {
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 0.40625rem;
  padding: 0 0.5rem;
}
.possible_hotels .possibleHotel__content__rateNumber .number span:nth-child(1) {
  font-weight: 600;
  color: var(--color-white, #ffffff);
  letter-spacing: 0.03rem;
  font-size: 1rem;
}
.possible_hotels .possibleHotel__content__rateNumber .number span:nth-child(2) {
  font-weight: 300;
  color: var(--color-white, #ffffff);
  font-size: 0.75rem;
}
.possible_hotels .possibleHotel__content__rateNumber .status {
  color: var(--color-natural-900, #0F172A);
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
}

.CookieConsent {
  background-color: var(--color-natural-700, #334155) !important;
  display: flex;
  padding: 0.25rem 0;
  position: fixed !important;
}
@media only screen and (max-width: 768px) {
  .CookieConsent {
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
}
.CookieConsent div {
  flex: inherit !important;
  margin: 0 !important;
  padding: 0.5rem 1rem;
}
.CookieConsent .p-cookie {
  font-size: 1.2rem;
  color: var(--color-white, #ffffff);
  margin: 0 0 0.5rem 0;
}
@media only screen and (max-width: 768px) {
  .CookieConsent .p-cookie {
    font-size: 0.8rem;
    margin-bottom: 0;
  }
}
.CookieConsent #rcc-confirm-button {
  font-size: 1rem !important;
  margin: 0 !important;
  padding: 0.88rem 1.5rem !important;
  border-radius: 0.5rem !important;
}
@media only screen and (max-width: 768px) {
  .CookieConsent #rcc-confirm-button {
    font-size: 0.8rem !important;
  }
}

.pormotion {
  background-color: #ffffff;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.pormotion .accordion {
  box-shadow: none;
}
.pormotion .accordion .title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #0F172A;
  margin: 0;
  margin-bottom: 1rem;
}
.pormotion .accordion .control-container {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.pormotion .accordion .control-container .message {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5px;
}
.pormotion .accordion .control-container .message.success {
  color: var(--color-green-primary, #00AC6B);
}
.pormotion .accordion .control-container .message.error {
  color: var(--color-red-primary, #E42519);
}
.pormotion .accordion .control-container .message svg {
  font-size: 1.2rem;
}
.pormotion .accordion .control-container .message p {
  color: inherit;
  font-size: 0.9rem;
}
.pormotion .accordion .control-container .btn-primary {
  width: auto;
}

.CoinsChance,
.EligibleEarn {
  background-color: var(--color-yellow-primary, #FFCC00);
  padding: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.25rem;
}
.CoinsChance span,
.EligibleEarn span {
  color: var(--color-natural-800, #1E293B);
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.CoinsChance span .coins,
.EligibleEarn span .coins {
  background-color: var(--color-white, #ffffff);
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  padding: 0.3125rem 0.8625rem;
  border-radius: 0.9rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.compare {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .compare {
    flex-wrap: wrap;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.compare__box {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .compare__box {
    width: 45.4545454545%;
    margin-bottom: 1rem;
  }
}
.compare__box img {
  width: 100px;
  height: 100px;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .compare__box img {
    width: 75px;
    height: 75px;
  }
}
.compare__box .title {
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .compare__box .title {
    font-size: 0.9rem;
  }
}
.compare__box .info {
  font-size: 0.85rem;
  color: var(--color-natural-700, #334155);
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .compare__box .info {
    font-size: 0.9rem;
  }
}

.advertisement {
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .advertisement {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.advertisement__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.advertisement__header .section-title {
  margin: 0;
}
.advertisement .slick-track {
  margin-right: inherit;
  margin-left: inherit;
}
.advertisement .div-adv {
  max-height: 180px;
  width: 100%;
  margin-right: 0.25rem;
  overflow: hidden;
  padding: 4px;
}
.advertisement .img-adv {
  max-height: 170px;
  width: 100%;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .advertisement .img-adv {
    max-height: 106px;
  }
}
.advertisement .slick-arrow {
  display: none !important;
}

.slider-btn {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .slider-btn {
    display: none;
  }
}
.slider-btn .btn-prev,
.slider-btn .btn-next {
  background-color: transparent;
  border: 2px solid var(--color-blue-primary, #0D52DB);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.slider-btn .btn-prev .ri,
.slider-btn .btn-next .ri {
  font-size: 1.5rem;
}
.slider-btn .btn-prev {
  transform: rotate(-180deg);
}

.announcementBar {
  background-color: var(--color-blue-dark, #1E3A8A);
  color: var(--color-white, #ffffff);
  padding: 0.5rem 1rem;
  text-align: center;
  position: relative;
}
.announcementBar p {
  font-size: 0.9rem;
  color: var(--color-white, #ffffff);
  margin: 0;
  padding: 0;
}
.announcementBar a {
  color: var(--color-yellow-primary, #FFCC00);
  text-decoration: none;
  border-bottom: 1px dashed var(--color-yellow-primary, #FFCC00);
}
.announcementBar .close {
  background-color: transparent;
  padding: 0;
  position: absolute;
  top: 6px;
  right: 7px;
  cursor: pointer;
  border: none;
}

.AdvertisementCard {
  height: 90px;
  max-width: 1350px;
  margin: 0 auto;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .AdvertisementCard {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 66px;
  }
}
.AdvertisementCard img {
  width: 100%;
  height: 90px;
}
@media only screen and (max-width: 768px) {
  .AdvertisementCard img {
    height: 66px;
    object-fit: contain;
  }
}

.section-coins {
  background-color: var(--color-yellow-primary, #FFCC00);
  margin-bottom: 1rem;
  padding: 0.5rem 2rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: inherit;
  flex-wrap: inherit;
  gap: 0 1rem;
}
@media only screen and (max-width: 768px) {
  .section-coins {
    justify-content: inherit;
  }
}
.section-coins__Left {
  display: flex;
  align-items: center;
}
.section-coins__Left img {
  width: max-content;
  height: 65px;
}
@media only screen and (max-width: 768px) {
  .section-coins__Left img {
    height: 45px;
  }
}
.section-coins__Right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.section-coins__Right .title {
  font-size: 1.42375rem;
  font-weight: 500;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .section-coins__Right .title {
    font-size: 1rem;
  }
}
.section-coins__Right .title span {
  background-color: var(--color-white, #ffffff);
  display: block;
  padding: 0.25rem 0.75rem;
  border-radius: 2.25rem;
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
}
.section-coins__Right .title span img {
  width: 1.5rem;
  height: 1.5rem;
}
.section-coins__Right .btn-white {
  background-color: var(--color-white, #ffffff);
  border: none;
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .section-coins__Right .btn-white {
    padding: 0.5rem 1rem;
  }
}

.FlightDetails_upper {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
}
.FlightDetails_upper__FlightDeteails__Header {
  margin-bottom: 1.5rem;
}
.FlightDetails_upper__FlightDeteails__Header .title {
  margin: 0;
  font-size: 1.42375rem;
  color: var(--color-natural-900, #0F172A);
}
.FlightDetails_upper__FlightDeteails__CardFlight {
  padding: 1.5rem;
  background-color: var(--color-white, #ffffff);
}
.FlightDetails_upper__FlightDeteails__CardFlight.shadow {
  box-shadow: -2px 1px 11px 1px #E2E8F0;
  padding-bottom: 0.5rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content {
  padding-bottom: 1rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content .Original {
  margin-bottom: 24px;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content .dote {
  display: block;
  background-color: var(--color-natural-900, #0F172A);
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.25rem;
  border-radius: 50%;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left {
  width: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Left {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left .airlineInfo {
  display: flex;
  align-items: center;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left .airlineInfo .logo {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left .airlineInfo__Content .airlinName {
  margin: 0;
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  margin-bottom: 0.25rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left .airlineInfo__Content .type {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  display: flex;
  align-items: center;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left .airlineInfo__Content__Container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left .airlineInfo__Content__Container .info {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 0 0.25rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left .airlineInfo__Content__Container .info img {
  width: 16px;
  height: 16px;
  margin-bottom: 2px;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left .airlineInfo__Content__Container .info p {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left .CardContent {
  width: 100%;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__TimeCenter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__TimeCenter .time {
  margin: 0;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__TimeCenter__Container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__TimeCenter__Container .info {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 0 0.25rem;
  margin-bottom: 0.5rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__TimeCenter__Container .info img {
  width: 16px;
  height: 16px;
  margin-bottom: 2px;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__TimeCenter__Container .info p {
  margin: 0;
  font-size: 0.88875rem;
  font-weight: 400;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center {
  width: 100%;
  display: flex;
  gap: 0 1.5rem;
  margin-bottom: 10px;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .timeStart,
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .timeEnd {
  position: relative;
  width: 50px;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .timeStart .date,
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .timeEnd .date {
  font-size: 0.7rem;
  width: max-content;
  margin: 0;
  font-weight: 400;
  margin-top: 6px;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .timeStart .time,
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .timeEnd .time {
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .timeStart .code,
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .timeEnd .code {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .timeStart::after {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-200, #E2E8F0);
  border-radius: 100%;
  position: absolute;
  top: 10px;
  right: -20px;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .timeEnd::before {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: var(--color-natural-200, #E2E8F0);
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: -20px;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel {
  width: 100%;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-line {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-line::after {
  content: "";
  display: block;
  width: 50%;
  height: 0.0625rem;
  background-color: var(--color-natural-200, #E2E8F0);
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-line::before {
  content: "";
  display: block;
  width: 50%;
  height: 0.0625rem;
  background-color: var(--color-natural-200, #E2E8F0);
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-line .boxStops {
  display: flex;
  align-items: center;
  white-space: nowrap;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info {
    flex-wrap: wrap;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info .time,
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info .stops {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info .expand {
  padding: 0;
  background-color: transparent;
  border: none;
  color: var(--color-natural-900, #0F172A);
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info .expand {
    margin-top: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info .durationi {
    position: absolute;
    bottom: -9px;
    padding: 0 0.5rem;
    background: #F1F5F9;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info .stops {
    margin: 0;
    margin-top: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info .time {
    width: 100%;
    margin: 0;
    margin-top: 1rem;
    text-align: center;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info .dote {
  margin: 0 0.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info .dote {
    margin-top: 0.5rem;
  }
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info .dote:first-of-type {
    display: none;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Right {
  width: 15%;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Right {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Right .flightInfo {
  padding: 0.5rem 0.75rem;
  background-color: var(--color-natural-50, #F8FAFC);
  border-radius: 0.5rem;
  width: max-content;
  height: max-content;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Right .flightInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Right .flightInfo .planeInfo {
  margin-bottom: 0.38rem;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Right .flightInfo .planeInfo {
    margin-bottom: 0;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Right .flightInfo .planeInfo,
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Right .flightInfo .package {
  display: flex;
  gap: 0.5rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Right .flightInfo .planeInfo .planeName,
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Right .flightInfo .planeInfo .packageInfo,
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Right .flightInfo .package .planeName,
.FlightDetails_upper__FlightDeteails__CardFlight__Content__Right .flightInfo .package .packageInfo {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.75rem;
  font-weight: 400;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__showMore {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  margin-top: 1rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__showMore .line {
  width: 100%;
  height: 2px;
  background-color: var(--color-natural-200, #E2E8F0);
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__showMore .btn-showMore {
  background-color: transparent;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__showMore .btn-showMore i.rotate-up {
  transform: rotate(-180deg);
  /* Rotate when pointing up */
  transition: transform 0.3s ease-in-out;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Content__showMore .btn-showMore i.rotate-down {
  transform: rotate(0deg);
  /* Default pointing down */
  transition: transform 0.3s ease-in-out;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Booking {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  flex-wrap: wrap;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left {
    width: 100%;
    margin-bottom: 0.5rem;
    justify-content: space-between;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left .Coupon,
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left .refund {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  padding: 0.31rem 0.56rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left .Coupon .title,
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left .refund .title {
  margin: 0;
  font-size: 0.8875rem;
  font-weight: 500;
  color: var(--color-natural-500, #64748B);
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left .Coupon .title,
  .FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left .refund .title {
    font-size: 0.59563rem;
    line-height: 106%;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left .refund .title {
  font-weight: 300;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left .Coupon {
  background-color: var(--color-green-primary, #00AC6B);
  border-radius: 1.06rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left .Coupon .title {
  color: var(--color-white, #ffffff);
  font-size: 0.88875rem;
  font-weight: 400;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Right {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Booking__Right {
    width: 100%;
    position: relative;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Right .title {
  margin: 0;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Right .pricing-coins {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Booking__Right .pricing-coins {
    width: 100%;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Booking__Right .price {
  margin: 0;
  font-size: 1.80188rem;
  font-weight: 500;
  margin-right: 1.5rem;
  color: var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Booking__Right .price {
    margin-right: 0;
    width: 100%;
    font-size: 1.20938rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    margin-left: 0.5rem;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers {
  display: flex;
  gap: 0 0.5rem;
  margin-top: 1rem;
  display: none;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers.show {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Offers {
    flex-direction: column;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer {
  width: 33.3333333333%;
  padding: 1rem;
  border-radius: 0.38rem;
  border: 2px solid var(--color-natural-300, #CBD5E1);
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer .offer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer .offer-header .title {
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer .offer-header .price {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
  color: var(--color-natural-900, #0F172A);
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer .offer-header .coins-price {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer .offer-header .coins-price {
    flex-direction: column-reverse;
  }
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer .offer-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer .offer-info .title {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  font-size: 0.88875rem;
  font-weight: 400;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer .offer-info .info {
  margin: 0;
  color: var(--color-natural-900, #0F172A);
  font-size: 0.88875rem;
  font-weight: 500;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer .btn-book {
  background-color: transparent;
  border: 1px solid var(--color-blue-primary, #0D52DB);
  color: var(--color-blue-primary, #0D52DB);
  width: 100%;
  padding: 0.88rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  margin-top: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  margin-top: auto;
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer.best {
  border: 2px solid var(--color-green-primary, #00AC6B);
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer.best .btn-book {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.FlightDetails_upper__FlightDeteails__CardFlight__Offers .box-offer .see-more {
  background: none;
  border: 0;
  color: var(--color-blue-primary, #0D52DB);
  text-transform: capitalize;
  cursor: pointer;
  margin-bottom: 16px;
}
.FlightDetails_upper__FlightDeteails__Content {
  padding: 1.5rem;
  background-color: var(--color-natural-50, #F8FAFC);
  display: none;
}
.FlightDetails_upper__FlightDeteails__Content.show {
  display: block;
  animation: slideDown2 0.5s ease-in-out forwards;
}
.FlightDetails_upper__FlightDeteails__Content.hide {
  animation: slideUp 0.5s ease-in-out forwards;
}
.FlightDetails_upper__FlightDeteails__Content .title {
  font-size: 1.26563rem;
  font-weight: 500;
  color: var(--color-blue-primary, #0D52DB);
  margin-bottom: 0.5rem;
}
.FlightDetails_upper__FlightDeteails__Content .airPlanName {
  background-color: var(--color-natural-100, #F1F5F9);
  width: max-content;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.FlightDetails_upper__FlightDeteails__Content .airPlanName:last-of-type {
  margin-bottom: 1.25rem;
}
.FlightDetails_upper__FlightDeteails__Content .airPlanName img {
  margin-right: 0.25rem;
}
.FlightDetails_upper__FlightDeteails__Content .airPlanName .name {
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  display: flex;
  align-items: center;
}
.FlightDetails_upper__FlightDeteails__Content .MuiTimeline-root {
  padding: 0;
  margin: 0;
}
.FlightDetails_upper__FlightDeteails__Content .MuiTimeline-root .flight-details .time {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-natural-900, #0F172A);
  flex: 0.2;
}
.FlightDetails_upper__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .location {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.FlightDetails_upper__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .airportName {
  color: var(--color-natural-500, #64748B);
  font-size: 0.88875rem;
  font-weight: 400;
  margin-bottom: 0.75rem;
  display: block;
  text-align: left;
}
.FlightDetails_upper__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .date {
  display: flex;
  align-items: center;
  font-size: 0.88875rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
}
.FlightDetails_upper__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .date img {
  margin-right: 0.5rem;
}
.FlightDetails_upper__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .mb-0 {
  margin-bottom: 0;
}
.FlightDetails_upper__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info .FlightTime {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
  text-align: left;
  margin-bottom: 4.5rem;
  display: block;
}
.FlightDetails_upper__FlightDeteails__Content .MuiTimeline-root .flight-details .flight-info.bottom {
  margin-top: -3.5rem;
}
.FlightDetails_upper__FlightDeteails__Content .MuiTimeline-root .MuiTimelineSeparator-root .icon {
  margin-right: -7px;
  position: relative;
  left: -4px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.FlightDetails_upper__FlightDeteails__Content .dote {
  display: block;
  background-color: var(--color-natural-400, #94A3B8);
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.5rem;
  border-radius: 50%;
}

.Bottom-tabby {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
  border: 1px solid var(--color-tabby, #3BFF9F);
  width: fit-content;
  margin-left: auto;
  background-color: var(--color-white, #ffffff);
  border-radius: 0.25rem;
}
.Bottom-tabby img {
  width: max-content;
  height: 24px;
}
.Bottom-tabby span {
  padding: 0 0.5rem;
}

.custome-progress {
  background-color: var(--color-natural-300, #CBD5E1) !important;
}
.custome-progress .MuiLinearProgress-bar {
  background: linear-gradient(-90deg, var(--color-blue-dark, #1E3A8A), var(--color-blue-primary, #0D52DB), var(--color-blue-background, #DBEAFE));
}

.terms-condition-aspa {
  margin: 0;
  font-size: 0.85rem;
  text-decoration: underline;
  margin-top: 1rem;
  cursor: pointer;
  color: var(--color-natural-900, #0F172A);
}
.terms-condition-aspa.mt-0 {
  margin-top: 0;
}
.terms-condition-aspa.mb {
  margin-bottom: 1rem;
}

.filterChips {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
.filterChips__icon {
  font-size: 20px;
  color: var(--color-natural-900, #0F172A);
}
.filterChips__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
@media only screen and (max-width: 768px) {
  .filterChips__chips {
    overflow: auto;
    flex-wrap: nowrap;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .filterChips__chips::-webkit-scrollbar {
    display: none;
  }
}
.filterChips__chip {
  background-color: var(--color-blue-primary, #0D52DB) !important;
  color: white !important;
  font-weight: 500;
  border-radius: 9999px;
}
.filterChips__chip .MuiChip-deleteIcon {
  color: var(--color-white, #ffffff) !important;
}
.filterChips__clear {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.25rem;
  width: 7%;
}
@media only screen and (max-width: 768px) {
  .filterChips__clear {
    width: 23%;
  }
}
.filterChips__clear p {
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  white-space: nowrap;
}
.filterChips__clear button {
  padding: 0;
  color: var(--color-natural-900, #0F172A);
}

.filterChipsButton {
  display: flex;
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 999;
  padding: 0.5rem;
  background-color: var(--color-white, #ffffff);
  border: 2px solid var(--color-natural-900, #0F172A);
  border-radius: 2.25rem;
  gap: 0 0.5rem;
  align-items: center;
}
.filterChipsButton .line {
  display: block;
  background-color: var(--color-natural-900, #0F172A);
  width: 1px;
  height: 1.5rem;
}
.filterChipsButton .btn {
  background-color: transparent;
  border: none;
  font-size: 1.25rem;
  color: var(--color-natural-900, #0F172A);
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  padding: 0;
}
.filterChipsButton .btn span {
  width: 40px;
  height: 40px;
  display: flex;
  background: var(--color-natural-600, #475569);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
}
.filterChipsButton .btn i {
  color: var(--color-white, #ffffff);
}
.filterChipsButton .btn.btn-filter {
  flex-direction: row-reverse;
}

.ticker .TickerContent {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ticker .TickerContent .info {
  font-size: 1.25rem;
  color: var(--color-natural-900, #0F172A);
  text-decoration: none;
  white-space: nowrap;
}
.ticker .TickerContent .info:hover {
  color: var(--color-natural-900, #0F172A);
}
.ticker .TickerContent .info a {
  text-decoration: none;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
}

.signUp,
.Login,
.ForgetPassword {
  padding: 40px 0;
  background-color: var(--color-natural-100, #F1F5F9);
}
.signUp__Content,
.Login__Content,
.ForgetPassword__Content {
  border-radius: 0.5rem;
  padding: 3rem 6rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  background-color: var(--color-white, #ffffff);
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .signUp__Content,
  .Login__Content,
  .ForgetPassword__Content {
    padding: 1.5rem 1rem;
  }
}
.signUp__Content__Header,
.Login__Content__Header,
.ForgetPassword__Content__Header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.5rem;
}
.signUp__Content__Header .boxImage,
.Login__Content__Header .boxImage,
.ForgetPassword__Content__Header .boxImage {
  background-color: var(--color-natural-100, #F1F5F9);
  border-radius: 50%;
  width: 12rem;
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.signUp__Content__Header .title,
.Login__Content__Header .title,
.ForgetPassword__Content__Header .title {
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 1.80188rem;
  font-weight: 600;
}
.signUp__Content__Header .accountDetails,
.Login__Content__Header .accountDetails,
.ForgetPassword__Content__Header .accountDetails {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-natural-500, #64748B);
  text-align: center;
}
.signUp__Content__Form,
.Login__Content__Form,
.ForgetPassword__Content__Form {
  display: flex;
  flex-direction: column;
}
.signUp__Content__Form .label-input,
.Login__Content__Form .label-input,
.ForgetPassword__Content__Form .label-input {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.signUp__Content__Form .label-input input,
.Login__Content__Form .label-input input,
.ForgetPassword__Content__Form .label-input input {
  height: 2.5rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: 0.38rem;
  text-indent: 1rem;
}
.signUp__Content__Form .label-input input:focus-within,
.Login__Content__Form .label-input input:focus-within,
.ForgetPassword__Content__Form .label-input input:focus-within {
  outline: none;
}
.signUp__Content__Form .label-input .err,
.Login__Content__Form .label-input .err,
.ForgetPassword__Content__Form .label-input .err {
  font-size: 0.75rem;
  color: var(--color-red-primary, #E42519);
  margin-top: 0.25rem;
}
.signUp__Content__Form .label-input.error input,
.Login__Content__Form .label-input.error input,
.ForgetPassword__Content__Form .label-input.error input {
  border-color: var(--color-red-primary, #E42519);
}
.signUp__Content__Form .MuiFormControl-root,
.Login__Content__Form .MuiFormControl-root,
.ForgetPassword__Content__Form .MuiFormControl-root {
  margin-bottom: 1rem;
  text-align: left;
}
.signUp__Content__Form .checkBox,
.Login__Content__Form .checkBox,
.ForgetPassword__Content__Form .checkBox {
  margin-right: 0;
  justify-content: center;
  margin-bottom: 1rem;
}
.signUp__Content__Form .checkBox .info,
.Login__Content__Form .checkBox .info,
.ForgetPassword__Content__Form .checkBox .info {
  color: var(--color-natural-900, #0F172A);
  font-size: 0.88875rem;
  font-weight: 500;
}
.signUp__Content__Form .checkBox .info a,
.Login__Content__Form .checkBox .info a,
.ForgetPassword__Content__Form .checkBox .info a {
  text-decoration: none;
  color: var(--color-blue-primary, #0D52DB);
}
.signUp__Content__Form .btn-enter,
.Login__Content__Form .btn-enter,
.ForgetPassword__Content__Form .btn-enter {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  border: none;
  font-size: 1rem;
  padding: 0.88rem 4rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  cursor: pointer;
}
.signUp__Content__Form .btn-enter img,
.Login__Content__Form .btn-enter img,
.ForgetPassword__Content__Form .btn-enter img {
  margin-right: 0.5rem;
}
.signUp__Content__Form .phoneNumber,
.Login__Content__Form .phoneNumber,
.ForgetPassword__Content__Form .phoneNumber {
  width: 100%;
  margin-bottom: 1rem;
}
.signUp__Content__Form .phoneNumber .MuiFormControl-root,
.Login__Content__Form .phoneNumber .MuiFormControl-root,
.ForgetPassword__Content__Form .phoneNumber .MuiFormControl-root {
  margin-bottom: 0;
}
.signUp__Content__Form .phoneNumber .InputField,
.Login__Content__Form .phoneNumber .InputField,
.ForgetPassword__Content__Form .phoneNumber .InputField {
  width: 100%;
  margin-top: 0px;
}
.signUp__Content__Form .phoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root,
.Login__Content__Form .phoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root,
.ForgetPassword__Content__Form .phoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
}
.signUp__Content__Form .phoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused,
.Login__Content__Form .phoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused,
.ForgetPassword__Content__Form .phoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  background-color: var(--color-white, #ffffff);
}
.signUp__Content__Form .phoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root,
.Login__Content__Form .phoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root,
.ForgetPassword__Content__Form .phoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
  background-color: var(--color-white, #ffffff);
}
.signUp__Content__Form .phoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root,
.Login__Content__Form .phoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root,
.ForgetPassword__Content__Form .phoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: block;
}
.signUp__Content__Form .phoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root,
.Login__Content__Form .phoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root,
.ForgetPassword__Content__Form .phoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: none;
}
.signUp__Content__Form .phoneNumber .InputField .MuiInputLabel-animated,
.Login__Content__Form .phoneNumber .InputField .MuiInputLabel-animated,
.ForgetPassword__Content__Form .phoneNumber .InputField .MuiInputLabel-animated {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.signUp__Content__ForgotPasswordBtn,
.Login__Content__ForgotPasswordBtn,
.ForgetPassword__Content__ForgotPasswordBtn {
  font-weight: 400;
  color: var(--color-natural-500, #64748B);
  padding: 0;
  font-size: 18px;
  margin-bottom: 1.5rem;
  text-decoration: none;
  display: block;
}
.signUp__Content .or,
.Login__Content .or,
.ForgetPassword__Content .or {
  color: var(--color-natural-600, #475569);
  font-size: 1.25rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.5rem;
}
.signUp__Content .or:after,
.Login__Content .or:after,
.ForgetPassword__Content .or:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--color-natural-200, #E2E8F0);
  margin-left: 0.5rem;
}
.signUp__Content .or:before,
.Login__Content .or:before,
.ForgetPassword__Content .or:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--color-natural-200, #E2E8F0);
  margin-right: 0.5rem;
}
.signUp__Content__Social .Box,
.Login__Content__Social .Box,
.ForgetPassword__Content__Social .Box {
  border-radius: 0.25rem;
  cursor: pointer;
  margin-bottom: 0.75rem;
}
.signUp__Content__Social .Box .appleid-signin,
.Login__Content__Social .Box .appleid-signin,
.ForgetPassword__Content__Social .Box .appleid-signin {
  width: 100%;
}
.signUp__Content__Social .Box .appleid-signin > div,
.Login__Content__Social .Box .appleid-signin > div,
.ForgetPassword__Content__Social .Box .appleid-signin > div {
  max-width: 100% !important;
  min-height: 100% !important;
  width: 100% !important;
  height: 46px !important;
}
.signUp__Content__Social .Box .appleid-signin > div > div,
.Login__Content__Social .Box .appleid-signin > div > div,
.ForgetPassword__Content__Social .Box .appleid-signin > div > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.signUp__Content__Social .Box .customGPlusSignIn,
.Login__Content__Social .Box .customGPlusSignIn,
.ForgetPassword__Content__Social .Box .customGPlusSignIn {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  height: 46px;
  border-radius: 0.25rem;
}
.signUp__Content__Social .Box .customGPlusSignIn .buttonText,
.Login__Content__Social .Box .customGPlusSignIn .buttonText,
.ForgetPassword__Content__Social .Box .customGPlusSignIn .buttonText {
  font-size: 1.2rem;
  font-weight: 600;
}
.signUp__Content .success_message,
.Login__Content .success_message,
.ForgetPassword__Content .success_message {
  margin: 0;
  display: flex;
  align-items: center;
}
.signUp__Content .success_message i,
.Login__Content .success_message i,
.ForgetPassword__Content .success_message i {
  font-size: 1.5rem;
  color: var(--color-green-primary, #00AC6B);
}
.signUp__Content .success_message span,
.Login__Content .success_message span,
.ForgetPassword__Content .success_message span {
  color: var(--color-green-primary, #00AC6B);
  font-size: 1rem;
  font-weight: 400;
}
.signUp__Content .haveAccount-text,
.Login__Content .haveAccount-text,
.ForgetPassword__Content .haveAccount-text {
  margin: 0;
  font-size: 18px;
  color: var(--color-natural-500, #64748B);
  text-decoration: none;
  display: block;
}

.contactUs {
  background-color: var(--color-natural-100, #F1F5F9);
}
.contactUs .page-header {
  width: 100%;
  padding: 2rem 5rem 1rem;
}
@media only screen and (max-width: 640px) {
  .contactUs .page-header {
    padding: 1rem 0.5rem;
  }
}
.contactUs .page-header .page-title {
  color: var(--color-natural-900, #0F172A);
  text-transform: uppercase;
  display: block;
  margin: 0;
  font-weight: 600;
  position: relative;
  width: max-content;
}
.contactUs .page-header .page-title:after {
  content: "";
  background-color: var(--color-blue-primary, #0D52DB);
  width: 40px;
  height: 3px;
  display: block;
  position: absolute;
}
.contactUs__Container {
  padding: 2rem 5rem 1rem;
  display: flex;
  gap: 0 1.25rem;
}
@media only screen and (max-width: 768px) {
  .contactUs__Container {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.contactUs__Container__Left {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .contactUs__Container__Left {
    width: 100%;
    order: 2;
  }
}
.contactUs__Container__Left .boxContent {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .contactUs__Container__Left .boxContent {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.contactUs__Container__Left .boxContent .title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1rem;
}
.contactUs__Container__Left .boxContent .info {
  font-size: 1rem;
  color: var(--color-natural-500, #64748B);
}
.contactUs__Container__Left .boxContent__Form {
  width: 100%;
  display: block;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 1.5rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
  transition: all ease-in-out 0.3s;
  margin-top: 1rem;
}
.contactUs__Container__Left .boxContent__Form .InputField {
  width: 100%;
  margin-top: 0px;
}
.contactUs__Container__Left .boxContent__Form .InputField .MuiInputBase-root .MuiOutlinedInput-root {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
}
.contactUs__Container__Left .boxContent__Form .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  background-color: var(--color-white, #ffffff);
}
.contactUs__Container__Left .boxContent__Form .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
  background-color: var(--color-white, #ffffff);
}
.contactUs__Container__Left .boxContent__Form .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: block;
}
.contactUs__Container__Left .boxContent__Form .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: none;
}
.contactUs__Container__Left .boxContent__Form .InputField .MuiInputLabel-animated {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.contactUs__Container__Left .boxContent__Form .textarea {
  resize: none;
  width: 100%;
  height: 150px;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.23);
  text-indent: 12px;
  padding-top: 10px;
}
.contactUs__Container__Left .boxContent__Form .textarea:focus {
  outline: none;
  border: 2px solid var(--color-blue-primary, #0D52DB);
}
.contactUs__Container__Left .boxContent__Form .textarea.error {
  border-color: var(--color-red-primary, #E42519);
}
.contactUs__Container__Left .boxContent__Form .span-text-error {
  font-size: 0.75rem;
  color: var(--color-red-primary, #E42519);
  margin-top: 0.25rem;
}
.contactUs__Container__Left .boxContent__Form .btn-primary {
  width: 100%;
}
.contactUs__Container__Right {
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .contactUs__Container__Right {
    width: 100%;
    order: 1;
  }
}
.contactUs__Container__Right .boxContent {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.contactUs__Container__Right .boxContent__CallCenter__Header {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contactUs__Container__Right .boxContent__CallCenter__Header .title {
  margin: 0;
  font-size: 1.125rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
}
.contactUs__Container__Right .boxContent__CallCenter .content .info {
  font-size: 1rem;
  color: var(--color-natural-500, #64748B);
  margin: 0;
  margin-bottom: 1rem;
}
.contactUs__Container__Right .boxContent__CallCenter .content .info span {
  color: var(--color-blue-primary, #0D52DB);
}
.contactUs__Container__Right .boxContent__CallCenter .content .list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
}
.contactUs__Container__Right .boxContent__CallCenter .content .list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contactUs__Container__Right .boxContent__CallCenter .content .list .item .title {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
}
.contactUs__Container__Right .boxContent__CallCenter .content .list .item .info {
  font-size: 1rem;
  color: var(--color-natural-500, #64748B);
  font-weight: 500;
}
.contactUs__Container__Right .boxContent__CallCenter .content .box-btn {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.contactUs__Container__Right .boxContent__CallCenter .content .btn-social {
  width: 100%;
  margin-bottom: 0.5rem;
  background-color: transparent;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  padding: 0.75rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all ease-in-out 0.3s;
  color: var(--color-blue-primary, #0D52DB);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
}
.contactUs__Container__Right .boxContent__CallCenter .content .btn-social:hover {
  border-color: var(--color-blue-primary, #0D52DB);
}
@media only screen and (max-width: 768px) {
  .contactUs__Container__Right .boxContent.ds-none-sm {
    display: none;
  }
}
.contactUs .accordion {
  padding: 0rem 5rem;
  padding-bottom: 4rem;
}
@media only screen and (max-width: 768px) {
  .contactUs .accordion {
    padding: 1rem 0.5rem;
  }
}
.contactUs .accordion .MuiPaper-root {
  margin: 0;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding-bottom: 1rem;
}
.contactUs .accordion .MuiPaper-root:last-of-type {
  border: none;
}
.contactUs .accordion .MuiPaper-root .MuiAccordionSummary-content {
  font-weight: 600;
}
.contactUs .accordion .MuiPaper-root .MuiAccordionDetails-root {
  color: var(--color-natural-500, #64748B);
}

.aboutUs,
.TermsConditions,
.paymentTerms,
.privacyPolicy {
  background-color: var(--color-natural-100, #F1F5F9);
}
.aboutUs .page-header,
.TermsConditions .page-header,
.paymentTerms .page-header,
.privacyPolicy .page-header {
  width: 100%;
  padding: 2rem 5rem 1rem;
}
@media only screen and (max-width: 640px) {
  .aboutUs .page-header,
  .TermsConditions .page-header,
  .paymentTerms .page-header,
  .privacyPolicy .page-header {
    padding: 1rem 0.5rem;
  }
}
.aboutUs .page-header .page-title,
.TermsConditions .page-header .page-title,
.paymentTerms .page-header .page-title,
.privacyPolicy .page-header .page-title {
  color: var(--color-natural-900, #0F172A);
  text-transform: uppercase;
  display: block;
  margin: 0;
  font-weight: 600;
  position: relative;
  width: max-content;
}
.aboutUs .page-header .page-title span,
.TermsConditions .page-header .page-title span,
.paymentTerms .page-header .page-title span,
.privacyPolicy .page-header .page-title span {
  color: var(--color-blue-primary, #0D52DB);
}
.aboutUs .page-header .page-title:after,
.TermsConditions .page-header .page-title:after,
.paymentTerms .page-header .page-title:after,
.privacyPolicy .page-header .page-title:after {
  content: "";
  background-color: var(--color-blue-primary, #0D52DB);
  width: 40px;
  height: 3px;
  display: block;
  position: absolute;
}
.aboutUs .Conteiner,
.TermsConditions .Conteiner,
.paymentTerms .Conteiner,
.privacyPolicy .Conteiner {
  padding: 2rem 5rem 1rem;
  display: flex;
  gap: 0 1.25rem;
}
@media only screen and (max-width: 768px) {
  .aboutUs .Conteiner,
  .TermsConditions .Conteiner,
  .paymentTerms .Conteiner,
  .privacyPolicy .Conteiner {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
}
.aboutUs .Conteiner .content,
.TermsConditions .Conteiner .content,
.paymentTerms .Conteiner .content,
.privacyPolicy .Conteiner .content {
  background-color: var(--color-white, #ffffff);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
.aboutUs .Conteiner .content .title,
.TermsConditions .Conteiner .content .title,
.paymentTerms .Conteiner .content .title,
.privacyPolicy .Conteiner .content .title {
  font-size: 1.3rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1rem;
  font-weight: 600;
}
.aboutUs .Conteiner .content .info,
.TermsConditions .Conteiner .content .info,
.paymentTerms .Conteiner .content .info,
.privacyPolicy .Conteiner .content .info {
  margin: 0;
  font-size: 1rem;
  color: var(--color-natural-500, #64748B);
  margin-bottom: 2rem;
}
.aboutUs .Conteiner .content .box-content,
.TermsConditions .Conteiner .content .box-content,
.paymentTerms .Conteiner .content .box-content,
.privacyPolicy .Conteiner .content .box-content {
  margin-bottom: 2rem;
}
.aboutUs .Conteiner .content .box-content .sec-title,
.TermsConditions .Conteiner .content .box-content .sec-title,
.paymentTerms .Conteiner .content .box-content .sec-title,
.privacyPolicy .Conteiner .content .box-content .sec-title {
  font-size: 1.3rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1rem;
  font-weight: 600;
}
.aboutUs .Conteiner .content .box-content .list,
.TermsConditions .Conteiner .content .box-content .list,
.paymentTerms .Conteiner .content .box-content .list,
.privacyPolicy .Conteiner .content .box-content .list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.aboutUs .Conteiner .content .box-content .list li,
.TermsConditions .Conteiner .content .box-content .list li,
.paymentTerms .Conteiner .content .box-content .list li,
.privacyPolicy .Conteiner .content .box-content .list li {
  font-size: 1rem;
  color: var(--color-natural-500, #64748B);
  margin-bottom: 0.5rem;
  margin-left: 1.5rem;
  position: relative;
}
.aboutUs .Conteiner .content .box-content .list li::before,
.TermsConditions .Conteiner .content .box-content .list li::before,
.paymentTerms .Conteiner .content .box-content .list li::before,
.privacyPolicy .Conteiner .content .box-content .list li::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 100%;
  position: absolute;
  top: 7px;
  left: -1rem;
}
.aboutUs .Conteiner .content .box-content .sec-info,
.TermsConditions .Conteiner .content .box-content .sec-info,
.paymentTerms .Conteiner .content .box-content .sec-info,
.privacyPolicy .Conteiner .content .box-content .sec-info {
  margin: 0;
  font-size: 1rem;
  color: var(--color-natural-500, #64748B);
}
.aboutUs .Conteiner .content .box-content .sec-info a,
.TermsConditions .Conteiner .content .box-content .sec-info a,
.paymentTerms .Conteiner .content .box-content .sec-info a,
.privacyPolicy .Conteiner .content .box-content .sec-info a {
  text-decoration: none;
  color: var(--color-blue-primary, #0D52DB);
}
.aboutUs .Conteiner .content .box-content .mb,
.TermsConditions .Conteiner .content .box-content .mb,
.paymentTerms .Conteiner .content .box-content .mb,
.privacyPolicy .Conteiner .content .box-content .mb {
  margin-bottom: 0.75rem;
}

.landing .gjs-cell {
  height: auto !important;
}
.landing img {
  max-width: 100%;
}

.CustomerService {
  min-height: 100vh;
  background-color: #F1F5F9;
}
.CustomerService .bgImage {
  width: 100%;
  height: 400px;
}
@media only screen and (max-width: 768px) {
  .CustomerService .bgImage {
    height: 100px;
  }
}
.CustomerService__Header {
  background-color: var(--color-blue-primary, #0D52DB);
  height: 400px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.CustomerService__Header .info {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 7rem 0 7rem;
}
@media only screen and (max-width: 768px) {
  .CustomerService__Header .info {
    text-align: center;
    padding: 4rem 0;
  }
}
.CustomerService__Header .info .title {
  text-align: left;
  font-size: 2.5rem;
  line-height: 106%;
  color: var(--color-white, #ffffff);
  margin: 0;
  margin-bottom: 0.5rem;
  text-shadow: 2px 2px 8px var(--color-natural-900, #0F172A);
}
@media only screen and (max-width: 768px) {
  .CustomerService__Header .info .title {
    font-size: 1.5rem;
    text-align: center;
  }
}
.CustomerService__Header .info .sub-title {
  color: var(--color-white, #ffffff);
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  text-shadow: 2px 2px 8px var(--color-natural-900, #0F172A);
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .CustomerService__Header .info .sub-title {
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 768px) {
  .CustomerService__Header {
    height: 200px;
  }
}
.CustomerService__Container {
  padding: 2rem 5rem;
  display: flex;
  gap: 0 1.25rem;
}
@media only screen and (max-width: 768px) {
  .CustomerService__Container {
    padding: 2rem 1rem;
    flex-wrap: wrap;
  }
}
.CustomerService__Container .title {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin: 0;
  margin-bottom: 1.25rem;
}
.CustomerService__Container .Mb5 {
  margin-bottom: 5rem !important;
}
.CustomerService__Container__Find {
  width: 19.0625rem;
}
@media only screen and (max-width: 768px) {
  .CustomerService__Container__Find {
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .CustomerService__Container__Find .title {
    display: none;
  }
}
.CustomerService__Container__Find .header-sm {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
  font-size: 1.25rem;
  padding: 0.75rem 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.CustomerService__Container__Find .header-sm img {
  margin-right: 0.5rem;
}
.CustomerService__Container__Find__Content {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.5rem;
  padding: 1rem;
}
@media only screen and (max-width: 768px) {
  .CustomerService__Container__Find__Content {
    height: 0;
    padding: 0rem;
    overflow: hidden;
  }
}
.CustomerService__Container__Find__Content.active {
  display: block;
  height: 100%;
  margin-bottom: 5rem;
  padding: 1rem;
  transition: all ease-in-out 0.3s;
}
.CustomerService__Container__Find__Content .headTitle {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin: 0;
  margin-bottom: 1.25rem;
  display: block;
}
@media only screen and (max-width: 768px) {
  .CustomerService__Container__Find__Content .headTitle {
    display: none;
  }
}
.CustomerService__Container__Find__Content .list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.CustomerService__Container__Find__Content .list .item {
  font-size: 1rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.CustomerService__Container__Find__Content .list .item.active {
  color: var(--color-blue-primary, #0D52DB);
  background-color: var(--color-blue-background, #DBEAFE);
}
.CustomerService__Container__Baggage {
  width: calc(100% - 20.065rem);
}
@media only screen and (max-width: 768px) {
  .CustomerService__Container__Baggage {
    width: 100%;
  }
}
.CustomerService__Container__Baggage__Content {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.5rem;
  padding: 1rem;
}
.CustomerService__Container__Baggage__Content .accordion {
  padding-bottom: 4rem;
}
@media only screen and (max-width: 768px) {
  .CustomerService__Container__Baggage__Content .accordion {
    padding: 1rem 0.5rem;
  }
}
.CustomerService__Container__Baggage__Content .accordion .MuiPaper-root {
  margin: 0;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding-bottom: 1rem;
  box-shadow: none;
}
.CustomerService__Container__Baggage__Content .accordion .MuiPaper-root:last-of-type {
  border: none;
}
.CustomerService__Container__Baggage__Content .accordion .MuiPaper-root .MuiAccordionSummary-content {
  font-weight: 600;
}
.CustomerService__Container__Baggage__Content .accordion .MuiPaper-root .MuiAccordionDetails-root {
  color: var(--color-natural-500, #64748B);
}

.RewardsMembers {
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
  cursor: pointer;
}
.RewardsMembers__Header {
  display: flex;
  justify-content: space-between;
}
.RewardsMembers__Header__Info {
  display: flex;
  gap: 0 0.5rem;
}
.RewardsMembers__Header__Info .content .title {
  margin: 0;
  font-size: 1.26563rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
.RewardsMembers__Header__Logo {
  width: 148px;
  height: 63px;
}
.RewardsMembers__HeaderBottom {
  padding-left: 2.5rem;
  margin-top: -2rem;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__HeaderBottom {
    margin-top: 0;
    padding-left: 0;
  }
}
.RewardsMembers__HeaderBottom .p-info {
  padding: 0;
  margin: 0;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 0.9rem;
  font-weight: 600;
}
.RewardsMembers__SectionNumber {
  padding-left: 2.5rem;
  display: none;
  opacity: 0;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__SectionNumber {
    padding-left: 0;
  }
}
.RewardsMembers__SectionNumber.visible {
  margin-top: 1.5rem;
  display: block;
  opacity: 1;
  transition: all ease-in-out 0.2s;
  animation-name: fadein;
  animation-duration: 1s;
}
.RewardsMembers__SectionNumber .title {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: block;
}
.RewardsMembers__SectionNumber__Container {
  margin-bottom: 1rem;
}
.RewardsMembers__SectionNumber__Container__Input {
  display: flex;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__SectionNumber__Container__Input {
    flex-wrap: wrap;
  }
}
.RewardsMembers__SectionNumber__Container__Input input {
  width: 22.9375rem;
  height: 2.885rem;
  border: none;
  border: 1px solid var(--color-natural-400, #94A3B8);
  border-radius: 0.5rem;
  text-indent: 0.5rem;
  font-size: 1rem;
}
.RewardsMembers__SectionNumber__Container__Input input:focus-visible {
  outline: none;
  border-color: var(--color-blue-primary, #0D52DB);
}
.RewardsMembers__SectionNumber__Container__Input .btn-primary {
  width: auto;
  max-height: 46px;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__SectionNumber__Container__Input .btn-primary {
    margin-top: 0.5rem;
  }
}
.RewardsMembers__SectionNumber__Container__Input .btn-cancel {
  border: none;
  background-color: transparent;
  padding: 0.88rem 1.5rem;
  font-size: 1rem;
  color: var(--color-red-primary, #E42519);
  max-height: 46px;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__SectionNumber__Container__Input .btn-cancel {
    margin-top: 0.5rem;
  }
}
.RewardsMembers__SectionNumber .p-info {
  padding: 0;
  margin: 0;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 0.9rem;
  font-weight: 600;
}
.RewardsMembers__SectionNumber .BoxInput {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__SectionNumber .BoxInput {
    width: 100%;
  }
}
.RewardsMembers__SectionNumber .BoxInput .error-message {
  color: var(--color-red-primary, #E42519);
  font-size: 0.75rem;
  margin-top: 0.5rem;
}
.RewardsMembers__SectionNumber .BoxInput .inputError {
  border-color: var(--color-red-primary, #E42519);
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__SectionNumber .BoxInput input {
    width: 100%;
  }
}
.RewardsMembers__Points {
  padding-left: 2.5rem;
  margin-top: 1.5rem;
  display: none;
  opacity: 0;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__Points {
    padding-left: 0;
  }
}
.RewardsMembers__Points.visible {
  margin-top: 1.5rem;
  display: block;
  opacity: 1;
  transition: all ease-in-out 0.2s;
  animation-name: fadein;
  animation-duration: 1s;
}
.RewardsMembers__Points__Container {
  border: 1px solid var(--color-natural-400, #94A3B8);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
}
.RewardsMembers__Points__Container .title {
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.RewardsMembers__Points__Container__choose__Content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.RewardsMembers__Points__Container__choose__Content .Box label {
  width: 6.6125rem;
  height: 6.5625rem;
  border: 1px solid var(--color-natural-200, #E2E8F0);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  position: relative;
  cursor: pointer;
}
.RewardsMembers__Points__Container__choose__Content .Box label::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  transition: all ease-in-out 0.2s;
  border: 1px solid var(--color-natural-300, #CBD5E1);
}
.RewardsMembers__Points__Container__choose__Content .Box input:checked + label {
  border: 1px solid var(--color-blue-primary, #0D52DB);
}
.RewardsMembers__Points__Container__choose__Content .Box input:checked + label:after {
  background-color: var(--color-blue-primary, #0D52DB);
  box-shadow: inset 0px 0px 0px 2px var(--color-white, #ffffff);
  border: 2px solid var(--color-natural-300, #CBD5E1);
}
.RewardsMembers__Points__Container__choose__Content .Box input {
  display: none;
}
.RewardsMembers__Points__Container__choose__Content .Box .number {
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
  display: block;
  text-align: center;
}
.RewardsMembers__Points__Container__choose__Content .Box .price {
  font-size: 0.75rem;
  font-weight: 600;
  display: block;
}
.RewardsMembers__Points__Container .btn-primary {
  width: auto;
  margin-bottom: 0.5rem;
}
.RewardsMembers__Points__Container .p-code-status {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
.RewardsMembers__Points__Container .p-code-status.success {
  color: var(--color-green-primary, #00AC6B);
}
.RewardsMembers__Points__Container__Input {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__Points__Container__Input {
    flex-wrap: wrap;
    margin-top: 0.5rem;
  }
}
.RewardsMembers__Points__Container__Input .BoxInput {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__Points__Container__Input .BoxInput {
    width: 100%;
  }
}
.RewardsMembers__Points__Container__Input .BoxInput input {
  width: 22.9375rem;
  height: 2.885rem;
  border: none;
  border: 1px solid var(--color-natural-400, #94A3B8);
  border-radius: 0.5rem;
  text-indent: 0.5rem;
  font-size: 1rem;
}
.RewardsMembers__Points__Container__Input .BoxInput input:focus-visible {
  outline: none;
  border-color: var(--color-blue-primary, #0D52DB);
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__Points__Container__Input .BoxInput input {
    width: 100%;
  }
}
.RewardsMembers__Points__Container__Input .BoxInput .error-message {
  color: var(--color-red-primary, #E42519);
  font-size: 0.75rem;
  margin-top: 0.5rem;
}
.RewardsMembers__Points__Container__Input .BoxInput .inputError {
  border-color: var(--color-red-primary, #E42519);
}
.RewardsMembers__Points__Container__Input .btn-primary {
  width: auto;
  margin-bottom: 0;
  max-height: 46px;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__Points__Container__Input .btn-primary {
    margin-top: 0.5rem;
  }
}
.RewardsMembers__Points__Container__Input .btn-send {
  border: none;
  background-color: transparent;
  padding: 0.88rem 1.5rem;
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  max-height: 46px;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__Points__Container__Input .btn-send {
    margin-top: 0.5rem;
  }
}
.RewardsMembers__Confirmed {
  padding-left: 2.5rem;
  margin-top: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .RewardsMembers__Confirmed {
    padding-left: 0;
  }
}
.RewardsMembers__Confirmed .title {
  color: var(--color-green-primary, #00AC6B);
  font-size: 0.9375rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 1rem;
  display: block;
}
.RewardsMembers__Confirmed__Container {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.5rem;
  padding: 2rem 1.75rem;
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
}
.RewardsMembers__Confirmed__Container .info {
  font-size: 0.9375rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--color-green-primary, #00AC6B);
}
.RewardsMembers__Confirmed__Container .info span {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-green-primary, #00AC6B);
}
.RewardsMembers .MuiPaper-root {
  margin-bottom: 1rem;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.HomePackage {
  margin: 170px auto 0;
}
.HomePackage .FeaturedPackages {
  padding-bottom: 1rem;
}
.HomePackage .FeaturedPackages__Container__Content {
  overflow: hidden;
}
.HomePackage .FeaturedPackages__Container__Content .embla__slide {
  position: relative;
  flex: 0 0 26rem;
  /* 4 slides per view */
  padding: 0 0.25rem;
  box-sizing: border-box;
}

.packageHeader {
  min-height: 567px;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .packageHeader {
    min-height: 300px;
  }
}
.packageHeader__Info {
  text-align: center;
  padding: 0 6.5rem;
}
.packageHeader__Info .heading {
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 106%;
  color: var(--color-white, #ffffff);
  margin: 0;
  margin-bottom: 0.5rem;
  text-shadow: 2px 2px 8px var(--color-natural-900, #0F172A);
}
.packageHeader__Info p,
.packageHeader__Info .sec-heading {
  color: var(--color-white, #ffffff);
  margin: 0;
  font-size: 1.625rem;
  font-weight: 600;
  text-shadow: 2px 2px 8px var(--color-natural-900, #0F172A);
}
.packageHeader__Content {
  width: 100%;
}
.packageHeader__Content .FormSearchPackgae {
  padding: 0 16.5rem;
}
@media only screen and (max-width: 768px) {
  .packageHeader__Content .FormSearchPackgae {
    padding: 0 1rem;
  }
}
.packageHeader__Content .FormSearchPackgae .heading {
  font-size: 2.5rem;
  text-align: center;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .packageHeader__Content .FormSearchPackgae .heading {
    font-size: 1.4375rem;
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .packageHeader__Content .FormSearchPackgae .FormSearch__Container {
    width: 100%;
    padding: 0 !important;
  }
}
.packageHeader__Content .FormSearchPackgae .FormSearch__Container__Content {
  position: relative;
  top: 16rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 768px) {
  .packageHeader__Content .FormSearchPackgae .FormSearch__Container__Content {
    top: 8rem;
  }
}
@media only screen and (max-width: 768px) {
  .packageHeader__Content .FormSearchPackgae .flightSearch__Container.active {
    position: inherit;
    top: inherit;
    left: inherit;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .packageHeader__Content .FormSearchPackgae .btn-primary {
    width: 10%;
    height: 71px;
  }
}
.packageHeader__Content .FormSearchPackgae .FormSearch__Container__Content {
  border-radius: 12px !important;
}
.packageHeader__Content .FormSearchPackgae .FormContent__Top {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .packageHeader__Content .FormSearchPackgae .FormContent__Top {
    flex-wrap: nowrap;
  }
}
.packageHeader__Content .FormSearchPackgae .FormContent__Bottom .tags {
  margin-top: 1rem;
  width: 100%;
  overflow: hidden;
}
.packageHeader__Content .FormSearchPackgae .FormContent__Bottom .tags .tag {
  display: flex;
  padding: 0.25rem 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background-color: var(--color-natural-200, #E2E8F0);
  margin-right: 0.5rem;
}
.packageHeader__Content .FormSearchPackgae .FormContent__Bottom .tags .tag.active {
  background-color: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.packageHeader__Content .FormSearchPackgae .embla__dots {
  display: none;
}

.destinations-themes__Container {
  padding: 2rem 5rem 1rem;
}
@media only screen and (max-width: 768px) {
  .destinations-themes__Container {
    padding: 2rem 1rem 1rem;
  }
}
.destinations-themes__Container__Header {
  margin-bottom: 2rem;
}
.destinations-themes__Container__Header .section-title {
  color: var(--color-natural-900, #0F172A);
  font-size: 1.375rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.75rem;
}
.destinations-themes__Container__Header .info {
  margin: 0;
  color: var(--color-natural-600, #475569);
  font-size: 1rem;
}
.destinations-themes__Container__Content {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.destinations-themes__Container__Content .exploreUnique__Content__Card {
  width: calc((100% - 4.5rem) / 4) !important;
}
@media only screen and (max-width: 768px) {
  .destinations-themes__Container__Content .exploreUnique__Content__Card {
    width: 100% !important;
    height: 13.75rem !important;
  }
}

.breadcrumb {
  font-family: "Arial", sans-serif;
  font-size: 0.875rem;
  color: var(--color-natural-400, #94A3B8);
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumb a {
  text-decoration: none;
  color: var(--color-natural-400, #94A3B8);
  transition: color 0.2s;
}
.breadcrumb a:hover {
  color: #007bff;
}
.breadcrumb span {
  margin: 0 0.5rem;
  color: var(--color-natural-400, #94A3B8);
}
.breadcrumb .current {
  font-weight: 500;
  color: var(--color-natural-400, #94A3B8);
}

.packageResult__Container {
  padding: 2rem 5rem;
}
@media only screen and (max-width: 768px) {
  .packageResult__Container {
    padding: 2rem 1rem;
  }
}
.packageResult__Container .breadcrumb {
  margin-bottom: 2rem;
}
.packageResult__Container__Content {
  display: flex;
  gap: 0 1.25rem;
}
.packageResult__Container__Content__Left {
  width: 19.0625rem;
}
@media only screen and (max-width: 768px) {
  .packageResult__Container__Content__Left {
    display: none;
  }
}
.packageResult__Container__Content__Left .title {
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 500;
  margin: 0;
  margin-bottom: 1.25rem;
}
.packageResult__Container__Content__Left .FilterPackage {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.5rem;
  padding: 1rem;
}
.packageResult__Container__Content__Left .FilterPackage .section-title {
  font-size: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  display: block;
}
.packageResult__Container__Content__Left .FilterPackage .box-Theme,
.packageResult__Container__Content__Left .FilterPackage .box-Category,
.packageResult__Container__Content__Left .FilterPackage .box__price {
  margin-bottom: 1.5rem;
}
.packageResult__Container__Content__Right {
  width: calc(100% - 20.065rem);
}
@media only screen and (max-width: 768px) {
  .packageResult__Container__Content__Right {
    width: 100%;
  }
}
.packageResult__Container__Content__Right .FilterTop {
  margin-bottom: 1.5rem;
}
.packageResult__Container__Content__Right .FilterTop .pageSort {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .packageResult__Container__Content__Right .FilterTop .pageSort {
    padding-right: 0;
  }
}
.packageResult__Container__Content__Right .FilterTop .pageSort__left .info {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
}
.packageResult__Container__Content__Right .FilterTop .pageSort__left .info span {
  font-weight: 500;
}
.packageResult__Container__Content__Right .FilterTop .pageSort__right .sortBy {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.5rem;
}
.packageResult__Container__Content__Right .FilterTop .pageSort__right .sortBy__icon {
  font-size: 18px;
  color: var(--color-natural-900, #0F172A);
}
.packageResult__Container__Content__Right .FilterTop .pageSort__right .sortBy__selected {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.packageResult__Container__Content__Right .FilterTop .pageSort__right .sortBy__dropdown {
  font-size: 18px;
  color: var(--color-natural-900, #0F172A);
}
.packageResult__Container__Content__Right__Container {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.packageResult__Container__Content__Right__Container .FeaturedPackageCard {
  width: calc(33.3333333333% - 1.5rem);
}
@media only screen and (max-width: 768px) {
  .packageResult__Container__Content__Right__Container .FeaturedPackageCard {
    width: 100%;
  }
}
.packageResult__Container__Content__Right.fullWidth {
  width: 100%;
}
.packageResult__Container__Content__Right.fullWidth .FeaturedPackageCard {
  width: calc(25% - 1.5rem);
}
@media only screen and (max-width: 768px) {
  .packageResult__Container__Content__Right.fullWidth .FeaturedPackageCard {
    width: 100%;
  }
}

.filterSide .head-title {
  font-size: 1.25rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
  margin: 0;
  margin-bottom: 1rem;
}
.filterSide__Container, .filterMobileDrawer .MuiDrawer-paper .content {
  background-color: var(--color-white, #ffffff);
  border-radius: 0.25rem;
  padding: 1rem;
  border: 1px solid var(--color-natural-300, #CBD5E1);
}
.filterSide__Container .inputSearch input, .filterMobileDrawer .MuiDrawer-paper .content .inputSearch input {
  width: 100%;
  height: 2rem;
  padding: 0.625rem 1rem;
  font-size: 0.75rem;
  border-radius: 0.38rem;
  border: 1px solid var(--color-natural-300, #CBD5E1);
  margin-bottom: 1.5rem;
}
.filterSide__Container .inputSearch input:focus-within, .filterMobileDrawer .MuiDrawer-paper .content .inputSearch input:focus-within {
  outline: none;
  border-color: var(--color-blue-primary, #0D52DB);
}
.filterSide__Container .InputCheck, .filterMobileDrawer .MuiDrawer-paper .content .InputCheck {
  margin-bottom: 1.5rem;
}
.filterSide__Container .InputCheck .title, .filterMobileDrawer .MuiDrawer-paper .content .InputCheck .title {
  font-size: 0.875rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 1rem;
}
.filterSide__Container .InputCheck .ri-star-fill, .filterMobileDrawer .MuiDrawer-paper .content .InputCheck .ri-star-fill {
  color: var(--color-yellow-primary, #FFCC00);
}
.filterSide__Container .InputCheck .ri-star-line, .filterMobileDrawer .MuiDrawer-paper .content .InputCheck .ri-star-line {
  color: var(--color-natural-400, #94A3B8);
}
.filterSide__Container .InputCheck:last-of-type, .filterMobileDrawer .MuiDrawer-paper .content .InputCheck:last-of-type {
  margin-bottom: 0;
}
.filterSide__Container .box__price, .filterMobileDrawer .MuiDrawer-paper .content .box__price {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.filterSide__Container .box__price .section-title, .filterMobileDrawer .MuiDrawer-paper .content .box__price .section-title {
  font-size: 0.875rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 3rem;
}
.filterSide__Container .show_less, .filterMobileDrawer .MuiDrawer-paper .content .show_less,
.filterSide__Container .show_more,
.filterMobileDrawer .MuiDrawer-paper .content .show_more {
  font-size: 0.875rem;
  margin-top: 0.5rem;
  cursor: pointer;
}

.filterMobileDrawer .MuiDrawer-paper {
  max-height: 70vh;
  padding: 0;
  border-radius: 0;
}
.filterMobileDrawer .MuiDrawer-paper .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background-color: var(--color-white, #ffffff);
  z-index: 99;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
}
.filterMobileDrawer .MuiDrawer-paper .header .title {
  font-size: 1.25rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
  margin: 0;
  display: block;
}
.filterMobileDrawer .MuiDrawer-paper .header .btn-close {
  border: none;
  background-color: transparent;
  font-size: 2rem;
  cursor: pointer;
}
.filterMobileDrawer .MuiDrawer-paper .content {
  border: none;
  padding: 1rem 0;
  margin: 0 1rem;
}
.filterMobileDrawer .MuiDrawer-paper .content .title {
  display: none;
}
.filterMobileDrawer .MuiDrawer-paper .content .box__price {
  margin-top: 0;
}
.filterMobileDrawer .MuiDrawer-paper .choose-details {
  padding: 1rem;
}
.filterMobileDrawer .MuiDrawer-paper .room-selector {
  padding: 0;
}
.filterMobileDrawer .MuiDrawer-paper .room-selector .section-title {
  font-size: 0.75rem;
  color: var(--color-natural-900, #0F172A);
  margin: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.filterMobileDrawer .MuiDrawer-paper .room-selector .filter-box {
  display: flex;
  flex-direction: column;
}
.filterMobileDrawer .MuiDrawer-paper .room-selector .filter-box label span {
  text-transform: capitalize;
  font-size: 0.88875rem;
}
.filterMobileDrawer .MuiDrawer-paper .room-selector .filter-box .show-item {
  display: flex;
  flex-direction: column;
  animation: slideDown 0.5s ease-in-out forwards;
}
.filterMobileDrawer .MuiDrawer-paper .room-selector .filter-box .show_more,
.filterMobileDrawer .MuiDrawer-paper .room-selector .filter-box .show_less {
  font-size: 1rem;
  color: var(--color-blue-primary, #0D52DB);
  cursor: pointer;
  font-weight: 400;
  margin-top: 5px;
}
.filterMobileDrawer .MuiDrawer-paper .room-selector .filter-box .show_more strong,
.filterMobileDrawer .MuiDrawer-paper .room-selector .filter-box .show_less strong {
  color: var(--color-blue-primary, #0D52DB);
}
.filterMobileDrawer .MuiDrawer-paper .footer {
  padding: 1rem;
  position: sticky;
  bottom: 0;
  background-color: var(--color-white, #ffffff);
}

.homePackageDetails__Container {
  padding: 2rem 6.25rem 0 6.25rem;
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container {
    padding: 0 1rem;
  }
  .homePackageDetails__Container:first-of-type {
    padding-top: 2rem;
  }
}
.homePackageDetails__Container__header {
  padding: 1rem;
  background-color: var(--color-natural-100, #F1F5F9);
  border-radius: 0.25rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.homePackageDetails__Container__header__LeftSide .title {
  margin: 0;
  margin-bottom: 1rem;
  font-size: 1.375rem;
  font-weight: 600;
}
.homePackageDetails__Container__header__LeftSide .info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.homePackageDetails__Container__header__LeftSide .info .city,
.homePackageDetails__Container__header__LeftSide .info .duration {
  margin: 0;
  font-size: 0.75rem;
  color: var(--color-natural-600, #475569);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.homePackageDetails__Container__header__RightSide__price .from {
  font-size: 0.75rem;
  display: block;
  text-transform: uppercase;
}
.homePackageDetails__Container__header__RightSide__price .price {
  font-size: 1.375rem;
  font-weight: 600;
}
.homePackageDetails__Container .mobileBook {
  position: sticky;
  top: 0;
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.homePackageDetails__Container .mobileBook__Container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0.5rem;
}
.homePackageDetails__Container .mobileBook__Container .BoxPrice {
  width: 60%;
}
.homePackageDetails__Container .mobileBook__Container .BoxPrice .from {
  font-size: 0.75rem;
  display: block;
  text-transform: uppercase;
}
.homePackageDetails__Container .mobileBook__Container .BoxPrice .price {
  font-size: 1.375rem;
  font-weight: 600;
}
.homePackageDetails__Container .mobileBook__Container .BoxButton {
  width: 100%;
}
.homePackageDetails__Container__Details {
  display: flex;
}
.homePackageDetails__Container__Details__Left {
  width: 70%;
  margin-right: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container__Details__Left {
    width: 100%;
    margin-right: 0rem;
  }
}
.homePackageDetails__Container__Details__Right {
  width: calc(30% - 1.5rem);
}
.homePackageDetails__Container__Details__Right.sticky {
  background-color: var(--color-white, #ffffff);
  padding: 0.5rem;
  border-radius: 0.25rem;
  position: fixed;
  z-index: 9999;
  top: 1rem;
  right: 2rem;
  transition: all ease-in-out 0.2s;
}
.homePackageDetails__Container__Details__Right .booking-container {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.75rem;
  padding: 1.25rem;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.homePackageDetails__Container__Details__Right .booking-container .section {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  padding: 0.75rem;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
}
.homePackageDetails__Container__Details__Right .booking-container .section:nth-child(1) {
  border-radius: 0.75rem 0.75rem 0 0;
}
.homePackageDetails__Container__Details__Right .booking-container .section:nth-child(2) {
  border-top: none;
  border-bottom: none;
}
.homePackageDetails__Container__Details__Right .booking-container .section:nth-child(3) {
  border-radius: 0 0 0.75rem 0.75rem;
}
.homePackageDetails__Container__Details__Right .booking-container .section:hover {
  background-color: #f9f9f9;
}
.homePackageDetails__Container__Details__Right .booking-container .section .header {
  display: flex;
  gap: 0.75rem;
}
.homePackageDetails__Container__Details__Right .booking-container .section .header .label {
  flex-grow: 1;
}
.homePackageDetails__Container__Details__Right .booking-container .section .header .placeholder {
  font-size: 0.85rem;
  color: #757575;
}
.homePackageDetails__Container__Details__Right .booking-container .section .header .icon {
  font-size: 20px;
}
.homePackageDetails__Container__Details__Right .booking-container .section .BoxSelect {
  display: flex;
}
.homePackageDetails__Container__Details__Right .booking-container .section .BoxSelect .section .header {
  align-items: flex-start;
}
.homePackageDetails__Container__Details__Right .booking-container .section .custom-select {
  margin: 0;
  border: none;
}
.homePackageDetails__Container__Details__Right .booking-container .section .custom-select .MuiSelect-select {
  padding: 0;
  border: none;
  font-size: 0.85rem;
  color: #757575;
}
.homePackageDetails__Container__Details__Right .booking-container .section .custom-select fieldset {
  border: none !important;
}
.homePackageDetails__Container__Details__Right .booking-container .section .custom-select .MuiSvgIcon-root {
  right: 0 !important;
}
.homePackageDetails__Container__Details__Right .booking-container .section .custom-input {
  margin-top: 0.5rem;
}
.homePackageDetails__Container__Details__Right .booking-container .btn-primary {
  margin-top: 1.25rem;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup {
  background-color: var(--color-white, #ffffff);
  padding: 1rem;
  min-width: 77.5rem;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.5rem;
  animation: FadeIn 0.2s ease-in-out;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup__Header .title {
  font-size: 1.375rem;
  font-weight: 600;
  margin: 0;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup__Header .btn-close {
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup__Header .btn-close i {
  font-size: 1.5rem;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container {
  display: flex;
  gap: 2rem;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar__Header .btn-arrow {
  background-color: transparent;
  border: none;
  outline: none;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar__Header .btn-arrow i {
  font-size: 1.5rem;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar:first-of-type {
  border-right: 1px solid var(--color-natural-300, #CBD5E1);
  padding-right: 1rem;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar:last-of-type {
  padding-left: 1rem;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar .ant-picker-content thead tr th {
  padding-bottom: 1rem;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar .ant-picker-content tbody tr td {
  border: 1px solid var(--color-natural-100, #F1F5F9);
  width: 6rem;
  height: 3rem;
  padding: 0;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar .custom-cell {
  text-align: center;
  padding: 0.5rem 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar .custom-cell .day {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar .custom-cell .price {
  font-size: 0.625rem;
  color: var(--color-blue-primary, #0D52DB);
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar .custom-cell.selected {
  background: var(--color-blue-primary, #0D52DB);
  color: var(--color-white, #ffffff);
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar .custom-cell.selected .price {
  color: var(--color-white, #ffffff);
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-container .BoxCalendar .custom-cell:hover {
  background: var(--color-blue-background, #DBEAFE);
}
.homePackageDetails__Container__Details__Right .booking-container .calendar-popup .calendar-wrapper .ant-picker-calendar {
  border: none;
}
.homePackageDetails__Container__Details__Right .help-box {
  margin-top: 1.5rem;
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.75rem;
  padding: 1rem;
}
.homePackageDetails__Container__Details__Right .help-box h3 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-800, #1E293B);
  margin: 0;
  margin-bottom: 0.5rem;
}
.homePackageDetails__Container__Details__Right .help-box p {
  margin: 0;
  margin-bottom: 1rem;
  color: var(--color-natural-700, #334155);
  font-size: 0.95rem;
  margin-bottom: 1rem;
}
.homePackageDetails__Container__Details__Right .help-box .help-icons {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.homePackageDetails__Container__Details__Right .help-box .help-icons .icon-wrapper {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: var(--color-blue-background, #DBEAFE);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.homePackageDetails__Container__Details__Right .help-box .help-icons .icon-wrapper i {
  font-size: 1.5rem;
  color: var(--color-natural-900, #0F172A);
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit {
  margin-bottom: 1rem;
  height: 100%;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .title {
  font-size: 1.375rem;
  margin: 0;
  margin-bottom: 1rem;
  font-weight: 600;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .phoneNumber {
  width: 100%;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .phoneNumber .InputField {
  width: 100%;
  margin-top: 0px;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .phoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .phoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  background-color: var(--color-white, #ffffff);
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .phoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
  background-color: var(--color-white, #ffffff);
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .phoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: block;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .phoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: none;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .phoneNumber .InputField .MuiInputLabel-animated {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .textarea {
  resize: none;
  width: 100%;
  outline: none;
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.25rem;
  height: 6.5rem;
  padding: 1rem;
  font-size: 1rem;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .textarea:focus_visible {
  border-color: var(--color-blue-primary, #0D52DB);
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .MuiTextField-root {
  width: 100%;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Container .btn-primary {
  width: 100%;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Successful {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  animation: FadeIn 2s;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Successful .title {
  font-size: 1.25rem;
  margin: 0;
  margin-bottom: 2.5rem;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Successful .BoxImg {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Successful .BoxImg img {
  width: 15.5rem;
  height: 14.875rem;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Successful .boxContact {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 0 1rem;
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Successful .boxContact .box {
  text-decoration: none;
  padding: 0.5rem 1.69rem;
  border-radius: 0.25rem;
  background-color: var(--color-natural-300, #CBD5E1);
  width: calc(25% - 0.5rem);
}
.homePackageDetails__Container__Details__Right .bookingFormSubmit__Successful .boxContact .box i {
  color: var(--color-natural-900, #0F172A);
  font-size: 1.5rem;
}
.homePackageDetails__Container__Overview__Content {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container__Overview__Content {
    width: 100%;
  }
}
.homePackageDetails__Container__Overview__Content .title {
  font-size: 1.375rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 1rem;
}
.homePackageDetails__Container__Overview__Content .info {
  font-size: 1rem;
  margin: 0;
  margin-bottom: 1rem;
  color: var(--color-natural-700, #334155);
}
.homePackageDetails__Container__Overview__Content .list {
  padding: 0 1.5rem;
}
.homePackageDetails__Container__Overview__Content .list .item {
  font-size: 1rem;
  margin: 0;
  margin-bottom: 1rem;
  color: var(--color-natural-700, #334155);
}
.homePackageDetails__Container .itinerary {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container .itinerary {
    width: 100% !important;
  }
}
.homePackageDetails__Container .itinerary .title {
  font-size: 1.375rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 1.5rem;
}
.homePackageDetails__Container .itinerary .pannel {
  box-shadow: none;
  padding: 0%;
  border-left: 1px dashed var(--color-natural-300, #CBD5E1);
  padding-left: 18px;
  margin: 0%;
}
.homePackageDetails__Container .itinerary .pannel .PackageGallery {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  gap: 0 0.25rem;
  cursor: pointer;
}
.homePackageDetails__Container .itinerary .pannel .PackageGallery__BoxImg {
  width: 20%;
  height: 200px;
  border-radius: 0.75rem;
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container .itinerary .pannel .PackageGallery__BoxImg {
    width: 50%;
    height: 150px;
  }
}
.homePackageDetails__Container .itinerary .pannel .PackageGallery__BoxImg {
  position: relative;
}
.homePackageDetails__Container .itinerary .pannel .PackageGallery__BoxImg img {
  object-fit: fill;
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
}
.homePackageDetails__Container .itinerary .pannel .PackageGallery__BoxImg .seeAll {
  display: none;
}
.homePackageDetails__Container .itinerary .pannel .PackageGallery__BoxImg.imageBlur img {
  filter: blur(3px);
}
.homePackageDetails__Container .itinerary .pannel .PackageGallery__BoxImg.imageBlur .seeAll {
  display: block;
  background-color: var(--color-natural-100, #F1F5F9);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.88875rem;
  font-weight: 400;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  white-space: nowrap;
}
.homePackageDetails__Container .itinerary .pannel:nth-child(1) .pannel__Summary .div {
  display: block;
  background-color: var(--color-blue-primary, #0D52DB);
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  left: -30px;
  top: 20px;
}
.homePackageDetails__Container .itinerary .pannel:nth-child(1) .pannel__Summary .div::after {
  border: unset;
  font-size: 14px;
  position: absolute;
  left: 2px;
  top: 2px;
  color: var(--color-white, #ffffff);
  transform: translate(5%, 3%);
}
.homePackageDetails__Container .itinerary .pannel:nth-child(1) .pannel__Summary .div::before {
  display: none;
}
.homePackageDetails__Container .itinerary .pannel:last-child .pannel__Summary .div {
  display: block;
  background-color: var(--color-blue-primary, #0D52DB);
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  left: -30px;
  top: 20px;
}
.homePackageDetails__Container .itinerary .pannel:last-child .pannel__Summary .div::after {
  border: unset;
  font-size: 14px;
  position: absolute;
  left: 2px;
  top: 2px;
  color: var(--color-white, #ffffff);
}
.homePackageDetails__Container .itinerary .pannel:last-child .pannel__Summary .div::before {
  display: none;
}
.homePackageDetails__Container .itinerary .pannel .MuiAccordionSummary-content {
  margin-top: 22px;
}
.homePackageDetails__Container .itinerary .pannel span {
  font-size: 1.25rem;
  color: var(--color-natural-600, #475569);
}
.homePackageDetails__Container .itinerary .pannel__Summary {
  padding: 0%;
  position: relative;
  min-height: unset;
}
.homePackageDetails__Container .itinerary .pannel__Summary .div {
  display: block;
  background-color: var(--color-blue-primary, #0D52DB);
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  left: -30px;
  top: 20px;
}
.homePackageDetails__Container .itinerary .pannel__Summary .div::after {
  position: absolute;
  left: 3px;
  top: 3px;
}
.homePackageDetails__Container .itinerary .pannel__Summary .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 1.25rem;
  font-weight: 500;
}
.homePackageDetails__Container .itinerary .pannel__Details {
  padding: 0%;
}
.homePackageDetails__Container .itinerary .pannel__Details .placeImage {
  border-radius: 4px;
  width: 100%;
  height: 21.875rem;
}
@media only screen and (max-width: 640px) {
  .homePackageDetails__Container .itinerary .pannel__Details .placeImage {
    height: 250px !important;
    width: 100% !important;
  }
}
.homePackageDetails__Container .itinerary .pannel__Details .paragraph p {
  margin: 0;
}
.homePackageDetails__Container .itinerary .pannel__Details .paragraph {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
}
@media only screen and (max-width: 640px) {
  .homePackageDetails__Container .itinerary .pannel__Details .paragraph {
    font-size: 14px;
  }
}
.homePackageDetails__Container .itinerary .pannel__Details .AccomodationDetail {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 400;
  margin-top: 14px;
}
@media only screen and (max-width: 640px) {
  .homePackageDetails__Container .itinerary .pannel__Details .AccomodationDetail {
    font-size: 14px;
  }
}
.homePackageDetails__Container .itinerary .pannel__Details .info {
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
}
.homePackageDetails__Container .itinerary .pannel__Details .info__flight {
  display: flex;
  align-items: center;
}
.homePackageDetails__Container .itinerary .pannel__Details .info__flight .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
  margin-left: 6px;
}
@media only screen and (max-width: 640px) {
  .homePackageDetails__Container .itinerary .pannel__Details .info__flight .text {
    font-size: 14px;
  }
}
.homePackageDetails__Container .itinerary .pannel__Details .info__Dinner {
  display: flex;
  align-items: center;
  margin-left: 22px;
}
.homePackageDetails__Container .itinerary .pannel__Details .info__Dinner .text {
  color: var(--color-natural-900, #0F172A);
  font-size: 16px;
  font-weight: 500;
  margin-left: 6px;
}
.homePackageDetails__Container .itinerary .pannel__Details .list .item {
  font-size: 1rem;
  margin-bottom: 1rem;
  color: var(--color-natural-700, #334155);
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container .itinerary .pannel__Details .list .item {
    font-size: 0.75rem;
  }
}
.homePackageDetails__Container .BoxInfo {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container .BoxInfo {
    width: 100%;
  }
}
.homePackageDetails__Container .BoxInfo .pannel {
  box-shadow: none;
  padding: 0%;
  padding-left: 18px;
  margin: 0%;
}
.homePackageDetails__Container .BoxInfo .pannel .MuiAccordionSummary-content {
  margin-top: 22px;
  padding-top: 0 !important;
}
.homePackageDetails__Container .BoxInfo .pannel__Summary {
  padding: 0%;
  position: relative;
  min-height: unset;
}
.homePackageDetails__Container .BoxInfo .pannel__Summary .title {
  font-size: 1.375rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 1.5rem;
}
.homePackageDetails__Container .BoxInfo .pannel__Details .list {
  margin: 0;
  padding: 0;
}
.homePackageDetails__Container .BoxInfo .pannel__Details .list .item {
  margin-bottom: 1rem;
  color: var(--color-natural-700, #334155);
  font-size: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container .BoxInfo .pannel__Details .list .item {
    font-size: 0.75rem;
  }
}
.homePackageDetails__Container .BoxInfo .pannel__Details .list p {
  color: var(--color-natural-700, #334155);
  font-size: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container .BoxInfo .pannel__Details .list p {
    font-size: 0.75rem;
  }
}
.homePackageDetails__Container .BoxInfo .pannel__Details .Box {
  margin-left: -1rem;
  margin-bottom: 0.5rem;
}
.homePackageDetails__Container .BoxInfo .pannel__Details .Box .question {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.homePackageDetails__Container .BoxInfo .pannel__Details .Box .answer {
  margin: 0;
  font-weight: 1rem;
  color: var(--color-natural-700, #334155);
}
.homePackageDetails__Container .downloadDocument {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container .downloadDocument {
    width: 100%;
  }
}
.homePackageDetails__Container .downloadDocument {
  background-color: var(--color-white, #ffffff);
  padding-bottom: 2rem;
}
.homePackageDetails__Container .downloadDocument__Container {
  padding: 1.25rem;
}
.homePackageDetails__Container .downloadDocument__Container .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--color-natural-900, #0F172A);
}
.homePackageDetails__Container .downloadDocument__Container__Card {
  display: flex;
  align-items: center;
  background-color: var(--color-natural-200, #E2E8F0);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container .downloadDocument__Container__Card {
    flex-wrap: wrap;
  }
}
.homePackageDetails__Container .downloadDocument__Container__Card .icon {
  font-size: 1.5rem;
  color: var(--color-blue-primary, #0D52DB);
  margin-right: 1rem;
  background-color: var(--color-white, #ffffff);
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}
.homePackageDetails__Container .downloadDocument__Container__Card__Info {
  flex: 1;
}
.homePackageDetails__Container .downloadDocument__Container__Card__Info .title {
  margin: 0;
  font-size: 1rem;
  color: var(--color-natural-900, #0F172A);
}
.homePackageDetails__Container .downloadDocument__Container__Card .btn-primary {
  background-color: var(--color-blue-dark, #1E3A8A);
}
@media only screen and (max-width: 768px) {
  .homePackageDetails__Container .downloadDocument__Container__Card .btn-primary {
    margin-top: 1rem;
  }
}
.homePackageDetails .hr {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .homePackageDetails .hr {
    width: 100%;
  }
}
.homePackageDetails .hr {
  margin: 1.5rem 0;
  border: 1px solid var(--color-natural-300, #CBD5E1);
}

.choose-details {
  width: 300px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.choose-details__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-white, #ffffff);
  z-index: 99;
  padding: 0.5rem 1rem;
  font-weight: 600;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
}
.choose-details__header .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}
.choose-details__list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.choose-details__item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 8px;
  padding: 1rem;
  flex-direction: row;
  cursor: pointer;
}
.choose-details__item .icon {
  font-size: 1.5rem;
}
.choose-details__item .label {
  font-size: 1rem;
  font-weight: 600;
  font-size: 0.9rem;
}
.choose-details__item .value {
  font-size: 0.875rem;
  color: var(--color-natural-500, #64748B);
}
.choose-details__continue {
  margin-top: auto;
  background-color: var(--color-blue-primary, #0D52DB);
  color: white;
  text-transform: none;
  font-weight: 600;
  font-size: 1rem;
}
.choose-details__continue:hover {
  background-color: var(--color-blue-primary, #0D52DB);
}
.choose-details .bookingFormSubmit {
  margin-bottom: 1rem;
  height: 100%;
}
.choose-details .bookingFormSubmit__Container .title {
  font-size: 1.375rem;
  margin: 0;
  margin-bottom: 1rem;
  font-weight: 600;
  display: none;
}
.choose-details .bookingFormSubmit__Container .phoneNumber {
  width: 100%;
}
.choose-details .bookingFormSubmit__Container .phoneNumber .InputField {
  width: 100%;
  margin-top: 0px;
}
.choose-details .bookingFormSubmit__Container .phoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
}
.choose-details .bookingFormSubmit__Container .phoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  background-color: var(--color-white, #ffffff);
}
.choose-details .bookingFormSubmit__Container .phoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
  background-color: var(--color-white, #ffffff);
}
.choose-details .bookingFormSubmit__Container .phoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: block;
}
.choose-details .bookingFormSubmit__Container .phoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: none;
}
.choose-details .bookingFormSubmit__Container .phoneNumber .InputField .MuiInputLabel-animated {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.choose-details .bookingFormSubmit__Container .textarea {
  resize: none;
  width: 100%;
  outline: none;
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.25rem;
  height: 6.5rem;
  padding: 1rem;
  font-size: 1rem;
}
.choose-details .bookingFormSubmit__Container .textarea:focus_visible {
  border-color: var(--color-blue-primary, #0D52DB);
}
.choose-details .bookingFormSubmit__Container .MuiTextField-root {
  width: 100%;
}
.choose-details .bookingFormSubmit__Container .btn-primary {
  width: 100%;
}
.choose-details .bookingFormSubmit__Successful {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  animation: FadeIn 2s;
}
.choose-details .bookingFormSubmit__Successful .title {
  font-size: 1.25rem;
  margin: 0;
  margin-bottom: 2.5rem;
}
.choose-details .bookingFormSubmit__Successful .BoxImg {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
}
.choose-details .bookingFormSubmit__Successful .BoxImg img {
  width: 15.5rem;
  height: 14.875rem;
}
.choose-details .bookingFormSubmit__Successful .boxContact {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 0 1rem;
}
.choose-details .bookingFormSubmit__Successful .boxContact .box {
  text-decoration: none;
  padding: 0.5rem 1.69rem;
  border-radius: 0.25rem;
  background-color: var(--color-natural-300, #CBD5E1);
  width: calc(25% - 0.5rem);
}
.choose-details .bookingFormSubmit__Successful .boxContact .box i {
  color: var(--color-natural-900, #0F172A);
  font-size: 1.5rem;
}
.choose-details .help-box {
  margin-top: 1.5rem;
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.75rem;
  padding: 1rem;
}
.choose-details .help-box h3 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-800, #1E293B);
  margin: 0;
  margin-bottom: 0.5rem;
}
.choose-details .help-box p {
  margin: 0;
  margin-bottom: 1rem;
  color: var(--color-natural-700, #334155);
  font-size: 0.95rem;
  margin-bottom: 1rem;
}
.choose-details .help-box .help-icons {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.choose-details .help-box .help-icons .icon-wrapper {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: var(--color-blue-background, #DBEAFE);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.choose-details .help-box .help-icons .icon-wrapper i {
  font-size: 1.5rem;
  color: var(--color-natural-900, #0F172A);
}

.FilterDrawerLg {
  z-index: 9999;
}
.FilterDrawerLg .MuiPaper-root {
  width: 500px !important;
  padding-top: 0;
}
.FilterDrawerLg .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background-color: var(--color-white, #ffffff);
  z-index: 99;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
}
.FilterDrawerLg .header .title {
  font-size: 1.25rem;
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
  margin: 0;
  display: block;
}
.FilterDrawerLg .header .btn-close {
  border: none;
  background-color: transparent;
  font-size: 2rem;
  cursor: pointer;
}
.FilterDrawerLg .footer {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.FilterDrawerLg .footer .btn-primary {
  width: 100%;
}

.drawer-details__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-white, #ffffff);
  z-index: 99;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
  margin-bottom: 0.5rem;
  font-weight: 600;
  padding-bottom: 1rem;
  padding: 1rem;
}
.drawer-details__header .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}
.drawer-details__header {
  position: sticky;
  top: 0;
}
.drawer-details__content {
  padding: 1rem;
}
.drawer-details__content .travellers-counter {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-family: "Arial", sans-serif;
  color: #1c1c1c;
}
.drawer-details__content .travellers-counter__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding-bottom: 1rem;
}
.drawer-details__content .travellers-counter__info .title {
  font-weight: bold;
  font-size: 0.875rem;
  font-weight: 600;
  display: block;
}
.drawer-details__content .travellers-counter__info .desc {
  color: var(--color-natural-600, #475569);
  font-size: 0.75rem;
}
.drawer-details__content .travellers-counter__controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.drawer-details__content .travellers-counter__controls .btn {
  width: 2.25rem;
  height: 2.25rem;
  border: none;
  background-color: var(--color-natural-100, #F1F5F9);
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.25rem;
  color: var(--color-natural-600, #475569);
  display: flex;
  align-items: center;
  justify-content: center;
}
.drawer-details__content .travellers-counter__controls .count {
  font-weight: bold;
  font-size: 1rem;
  width: 1.5rem;
  text-align: center;
}
.drawer-details__content .room-selector {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1rem;
}
.drawer-details__content .room-selector .room {
  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
  padding-bottom: 1.5rem;
}
.drawer-details__content .room-selector .room__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.drawer-details__content .room-selector .room__Header__title {
  display: flex;
  align-items: center;
  font-weight: bold;
  gap: 0.5rem;
  font-size: 1rem;
}
.drawer-details__content .room-selector .room__Header__title i {
  font-size: 1.2rem;
}
.drawer-details__content .room-selector .room__Header .removeRoom {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-red-primary, #E42519);
  font-size: 1.5rem;
}
.drawer-details__content .room-selector .room__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.drawer-details__content .room-selector .room__row .title {
  font-weight: bold;
  font-size: 0.875rem;
  font-weight: 600;
  display: block;
}
.drawer-details__content .room-selector .room__row .desc {
  color: var(--color-natural-600, #475569);
  font-size: 0.75rem;
}
.drawer-details__content .room-selector .room__row .controls {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.drawer-details__content .room-selector .room__row .controls button {
  width: 2rem;
  height: 2rem;
  background-color: var(--color-natural-100, #F1F5F9);
  border: none;
  border-radius: 4px;
  font-size: 1.2rem;
  color: var(--color-natural-600, #475569);
  cursor: pointer;
}
.drawer-details__content .room-selector .room__row .controls span {
  width: 1.5rem;
  text-align: center;
  font-weight: 600;
}
.drawer-details__content .room-selector .room__dropdown {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem 0.5rem;
  flex-wrap: wrap;
}
.drawer-details__content .room-selector .room__dropdown .inputSelect .MuiInputBase-root {
  margin: 0;
}
.drawer-details__content .room-selector .room__dropdown .inputSelect .MuiFormControl-root {
  margin: 0;
}
.drawer-details__content .room-selector .add-room {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: none;
  color: var(--color-blue-primary, #0D52DB);
  border: none;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
}
.drawer-details__content .room-selector .add-room i {
  font-size: 1.2rem;
}
.drawer-details__content .calendar-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 2px;
}
.drawer-details__content .calendar-cell .calendar-date {
  font-weight: bold;
  font-size: 1rem;
}
.drawer-details__content .calendar-cell .calendar-price {
  font-size: 0.7rem;
  color: var(--color-blue-primary, #0D52DB);
  line-height: 1.2;
  text-align: center;
}
.drawer-details__content .adm-calendar .adm-calendar-header .adm-calendar-arrow-button svg {
  color: var(--color-blue-primary, #0D52DB) !important;
}
.drawer-details__content .adm-calendar-cell {
  height: 66px !important;
  border: 1px solid var(--color-natural-200, #E2E8F0) !important;
  margin-bottom: 0 !important;
}
.drawer-details__content .adm-calendar-cell-bottom {
  display: none;
}
.drawer-details__content .adm-calendar-day-range-start,
.drawer-details__content .adm-calendar-day-range-end {
  background-color: #0050d5 !important;
  color: white !important;
  border-radius: 50%;
}
.drawer-details__content .adm-calendar-cell-selected .calendar-price {
  color: var(--color-white, #ffffff) !important;
}
.drawer-details__content .adm-calendar-day-selected {
  background-color: #e6f4ff !important;
}
.drawer-details .footer {
  position: sticky;
  bottom: 0;
  padding: 1rem;
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.homePackageBooking__Container {
  padding: 2rem 6.25rem 0 6.25rem;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .homePackageBooking__Container {
    padding: 1rem;
  }
}
.homePackageBooking__Container__Left {
  width: 70%;
  border-right: 1px solid var(--color-natural-300, #CBD5E1);
  padding-right: 4rem;
}
@media only screen and (max-width: 768px) {
  .homePackageBooking__Container__Left {
    width: 100%;
    padding-right: 0rem;
    border-right: none;
  }
}
.homePackageBooking__Container__Left__Header {
  margin-bottom: 1.5rem;
}
.homePackageBooking__Container__Left__Header .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.5rem;
}
.homePackageBooking__Container__Left__Header .sub-title {
  font-size: 1rem;
  margin: 0;
}
.homePackageBooking__Container__Left .room-options {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 2rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
}
.homePackageBooking__Container__Left .room-options .room-card {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 10px;
  padding: 1rem;
  position: relative;
  transition: all 0.3s ease;
  transition: all ease-in-out 0.3s;
}
.homePackageBooking__Container__Left .room-options .room-card.selected {
  border: 1px solid var(--color-green-primary, #00AC6B);
  background-color: var(--color-green-background, #BAE6D1);
  transition: all ease-in-out 0.3s;
  padding-top: 2rem;
}
.homePackageBooking__Container__Left .room-options .room-card .selected-tag {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: var(--color-green-dark, #007A46);
  color: var(--color-white, #ffffff);
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.homePackageBooking__Container__Left .room-options .room-card .selected-tag i {
  font-size: 1rem;
}
.homePackageBooking__Container__Left .room-options .room-card .room-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5 rem;
}
.homePackageBooking__Container__Left .room-options .room-card .room-header .title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}
.homePackageBooking__Container__Left .room-options .room-card .room-header .price {
  font-weight: 600;
  font-size: 1.125rem;
}
.homePackageBooking__Container__Left .room-options .room-card .room-header .price span {
  font-weight: normal;
  font-size: 0.75rem;
  margin-left: 0.25rem;
  color: var(--color-natural-700, #334155);
}
.homePackageBooking__Container__Left .room-options .room-card .description {
  font-size: 0.75rem;
  color: var(--color-natural-900, #0F172A);
}
.homePackageBooking__Container__Left .room-options .room-card .description span {
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.homePackageBooking__Container__Left .room-options .room-card .btn-border {
  border: 1px solid var(--color-blue-primary, #0D52DB);
  background-color: transparent;
  border-radius: 0.5rem;
  padding: 0.88rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  width: 100%;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  font-weight: 400;
  margin-top: 1rem;
}
.homePackageBooking__Container__Left .services-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.homePackageBooking__Container__Left .services-list .service-card {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 0.75rem;
  position: relative;
  background: var(--color-white, #ffffff);
  transition: 0.3s;
}
.homePackageBooking__Container__Left .services-list .service-card.selected {
  border-color: var(--color-green-primary, #00AC6B);
  background-color: var(--color-green-background, #BAE6D1);
}
.homePackageBooking__Container__Left .services-list .service-card .selected-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: var(--color-green-dark, #007A46);
  color: var(--color-white, #ffffff);
  padding: 0.25rem 0.75rem;
  border-radius: 0.875rem;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.homePackageBooking__Container__Left .services-list .service-card .card-body {
  display: flex;
  gap: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .homePackageBooking__Container__Left .services-list .service-card .card-body {
    flex-direction: column;
  }
}
.homePackageBooking__Container__Left .services-list .service-card .card-body .div-img {
  width: 20%;
  height: 8.635rem;
}
@media only screen and (max-width: 768px) {
  .homePackageBooking__Container__Left .services-list .service-card .card-body .div-img {
    width: 100%;
    height: 7.5rem;
  }
}
.homePackageBooking__Container__Left .services-list .service-card .card-body .div-img .service-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75rem 0 0 0.75rem;
}
@media only screen and (max-width: 768px) {
  .homePackageBooking__Container__Left .services-list .service-card .card-body .div-img .service-img {
    border-radius: 0.75rem 0.75rem 0 0;
  }
}
.homePackageBooking__Container__Left .services-list .service-card .card-body .card-content {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0.5rem;
  width: 80%;
}
@media only screen and (max-width: 768px) {
  .homePackageBooking__Container__Left .services-list .service-card .card-body .card-content {
    flex-direction: column;
    width: 100%;
  }
}
.homePackageBooking__Container__Left .services-list .service-card .card-body .card-content .service-content {
  flex: 1;
}
.homePackageBooking__Container__Left .services-list .service-card .card-body .card-content .service-content .title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
}
.homePackageBooking__Container__Left .services-list .service-card .card-body .card-content .service-content .desc {
  font-size: 0.875rem;
  color: var(--color-natural-900, #0F172A);
}
.homePackageBooking__Container__Left .services-list .service-card .card-body .card-content .service-content .desc span {
  color: var(--color-natural-900, #0F172A);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.homePackageBooking__Container__Left .services-list .service-card .card-body .card-content .service-actions {
  text-align: right;
  white-space: nowrap;
  width: 18%;
}
@media only screen and (max-width: 768px) {
  .homePackageBooking__Container__Left .services-list .service-card .card-body .card-content .service-actions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.homePackageBooking__Container__Left .services-list .service-card .card-body .card-content .service-actions .price {
  font-weight: bold;
  font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .homePackageBooking__Container__Left .services-list .service-card .card-body .card-content .service-actions .price {
    margin: 0;
  }
}
.homePackageBooking__Container__Left .services-list .service-card .card-body .card-content .service-actions .price span {
  font-weight: normal;
  font-size: 0.85rem;
  margin-left: 0.25rem;
}
.homePackageBooking__Container__Left .services-list .service-card .card-body .card-content .service-actions .btn-border {
  border: 1px solid var(--color-blue-primary, #0D52DB);
  background-color: transparent;
  border-radius: 0.5rem;
  padding: 0.88rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5rem;
  width: 100%;
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1rem;
  font-weight: 400;
  margin-top: 1rem;
}
@media only screen and (max-width: 768px) {
  .homePackageBooking__Container__Left .services-list .service-card .card-body .card-content .service-actions .btn-border {
    width: 30%;
    margin: 0;
  }
}
.homePackageBooking__Container__Right {
  width: 30%;
  padding-left: 3rem;
}
@media only screen and (max-width: 768px) {
  .homePackageBooking__Container__Right {
    width: 100%;
    padding-left: 0rem;
    order: 1;
  }
}
.homePackageBooking__Container__Right .travel-card {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 12px;
  overflow: hidden;
  font-family: Arial, sans-serif;
  margin-bottom: 1.5rem;
  background-color: var(--color-white, #ffffff);
}
.homePackageBooking__Container__Right .travel-card .header-image {
  width: 100%;
  height: 11.80625rem;
  position: relative;
}
.homePackageBooking__Container__Right .travel-card .header-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homePackageBooking__Container__Right .travel-card .header-image .title-overlay {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  color: var(--color-white, #ffffff);
  width: 100%;
  padding: 8px 12px;
  font-weight: bold;
  font-size: 1.125rem;
}
.homePackageBooking__Container__Right .travel-card .content {
  padding: 1rem;
}
.homePackageBooking__Container__Right .travel-card .content .info {
  display: flex;
  gap: 0 1rem;
}
.homePackageBooking__Container__Right .travel-card .content .info .icon-primary {
  width: 1.875rem;
  height: 1.875rem;
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white, #ffffff);
}
.homePackageBooking__Container__Right .travel-card .content .info .icon-primary i {
  font-size: 1rem;
}
.homePackageBooking__Container__Right .travel-card .content .info .icon-dark {
  background-color: var(--color-natural-200, #E2E8F0);
  width: 1.875rem;
  height: 1.85613rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homePackageBooking__Container__Right .travel-card .content .info .icon-dark i {
  color: var(--color-natural-600, #475569);
}
.homePackageBooking__Container__Right .travel-card .content .info .details {
  margin-bottom: 0.75rem;
  width: 80%;
}
.homePackageBooking__Container__Right .travel-card .content .info .details .title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.homePackageBooking__Container__Right .travel-card .content .info .details .title.green-color {
  color: var(--color-green-primary, #00AC6B);
}
.homePackageBooking__Container__Right .travel-card .content .info .details .sub-title {
  margin: 0;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.homePackageBooking__Container__Right .travel-card .content .info .details .sub-title span {
  font-weight: 600;
}
.homePackageBooking__Container__Right .travel-card .content .info .details .category {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
.homePackageBooking__Container__Right .travel-card .content .hr {
  border: 1px dashed var(--color-natural-300, #CBD5E1);
}
.homePackageBooking__Container__Right .travel-card .content .actions {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.homePackageBooking__Container__Right .travel-card .content .actions button {
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 600;
  background-color: transparent;
  color: var(--color-blue-primary, #0D52DB);
}
.homePackageBooking__Container__Right .PriceSuammary {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 12px;
  overflow: hidden;
  font-family: Arial, sans-serif;
  margin-bottom: 1.5rem;
}
.homePackageBooking__Container__Right .PriceSuammary__header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
}
.homePackageBooking__Container__Right .PriceSuammary__header .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}
.homePackageBooking__Container__Right .PriceSuammary__Content .selection {
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
  padding: 1rem 1.5rem;
}
.homePackageBooking__Container__Right .PriceSuammary__Content .selection:last-of-type {
  border-bottom: none;
}
.homePackageBooking__Container__Right .PriceSuammary__Content .selection .info {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
.homePackageBooking__Container__Right .PriceSuammary__Content .selection .info .price {
  color: var(--color-green-primary, #00AC6B);
}
.homePackageBooking__Container__Right .PriceSuammary__Content .selection .info .x {
  font-size: 0.875rem;
}
.homePackageBooking__Container__Right .PriceSuammary__Content .selection .content .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.homePackageBooking__Container__Right .PriceSuammary__Content .selection .content .info .price {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.homePackageBooking__Container__Right .PriceSuammary__Content .selection .total .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-blue-primary, #0D52DB);
}
.homePackageBooking__Container__Right .PriceSuammary__Content .selection .total .info .price {
  color: var(--color-blue-primary, #0D52DB);
}
.homePackageBooking__Container__Right .bookingFlight__Container__Right {
  width: 100%;
}
.homePackageBooking__Container__Right .bookingFlight__Container__Right .boxContent {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 12px;
}
.homePackageBooking__Footer {
  padding: 2rem 6.25rem 0 6.25rem;
}
@media only screen and (max-width: 768px) {
  .homePackageBooking__Footer {
    padding: 0 1rem;
  }
}
.homePackageBooking__Footer .btn-primary {
  width: 100%;
}

.Additional-details__header,
.category-details__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-white, #ffffff);
  z-index: 99;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
  margin-bottom: 0.5rem;
  font-weight: 600;
  padding-bottom: 1rem;
  padding: 1rem;
}
.Additional-details__header .title,
.category-details__header .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}
.Additional-details__header,
.category-details__header {
  position: sticky;
  top: 0;
}
.Additional-details__content,
.category-details__content {
  padding: 1rem;
}
.Additional-details__content .description,
.category-details__content .description {
  margin-bottom: 1.5rem;
}
.Additional-details__content .description .title,
.category-details__content .description .title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.75rem;
}
.Additional-details__content .description .desc,
.category-details__content .description .desc {
  font-size: 0.875rem;
  margin: 0;
}
.Additional-details__content .availableHotels .title,
.category-details__content .availableHotels .title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.75rem;
}
.Additional-details__content .availableHotels__Container,
.category-details__content .availableHotels__Container {
  overflow: hidden;
}
.Additional-details__content .availableHotels__Container .hotel-card,
.category-details__content .availableHotels__Container .hotel-card {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 12px;
  overflow: hidden;
  background: var(--color-white, #ffffff);
  margin: 0 0.5rem;
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-image,
.category-details__content .availableHotels__Container .hotel-card .hotel-image {
  width: 100%;
  height: 7.5rem;
  object-fit: cover;
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info,
.category-details__content .availableHotels__Container .hotel-card .hotel-info {
  padding: 0.5rem;
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-header,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-header h3,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-header .stars,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-header .stars {
  display: flex;
  color: var(--color-yellow-primary, #FFCC00);
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-header .stars i,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-header .stars i {
  font-size: 1rem;
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-location,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-location {
  display: flex;
  align-items: center;
  margin: 8px 0;
  color: var(--color-natural-500, #64748B);
  font-size: 0.875rem;
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-location i,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-location i {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-location span,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-location span {
  font-size: 14px;
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-rating,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-rating .rate,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-rating .rate {
  background-color: var(--color-blue-primary, #0D52DB);
  color: white;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: bold;
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-rating .rate-label,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-rating .rate-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-natural-900, #0F172A);
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-price,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-price {
  font-size: 14px;
  color: var(--color-natural-500, #64748B);
}
.Additional-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-price .price,
.category-details__content .availableHotels__Container .hotel-card .hotel-info .hotel-price .price {
  color: var(--color-blue-primary, #0D52DB);
  font-weight: 600;
  font-size: 1.25rem;
}
.Additional-details .footer,
.category-details .footer {
  position: sticky;
  bottom: 0;
  padding: 1rem;
}

.Additional-details .embla__dots {
  margin-top: 0;
  margin-bottom: 1rem;
}
.Additional-details .img-card {
  margin-bottom: 1rem;
}
.Additional-details .img-card img {
  height: 7.5rem;
  width: 95%;
  object-fit: cover;
  border-radius: 0.75rem;
}
.Additional-details .people-counter h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  margin-bottom: 0.75rem;
}
.Additional-details .people-counter .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.Additional-details .people-counter .row .label {
  flex: 1;
  font-size: 1rem;
}
.Additional-details .people-counter .row .price {
  flex: 3;
  text-align: center;
  font-weight: 600;
  font-size: 1.125rem;
}
.Additional-details .people-counter .row .controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.Additional-details .people-counter .row .controls button {
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 0.75rem;
  font-size: 1.25rem;
  color: var(--color-natural-600, #475569);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Additional-details .people-counter .row .controls button i {
  pointer-events: none;
}
.Additional-details .people-counter .row .controls span {
  font-size: 1rem;
  width: 24px;
  text-align: center;
}

.PackagePaymentHome__Container {
  padding: 2rem 6.25rem 0 6.25rem;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .PackagePaymentHome__Container {
    padding: 1rem;
    flex-wrap: wrap;
  }
}
.PackagePaymentHome__Container__Left {
  width: 70%;
  border-right: 1px solid var(--color-natural-300, #CBD5E1);
  padding-right: 4rem;
}
@media only screen and (max-width: 768px) {
  .PackagePaymentHome__Container__Left {
    width: 100%;
    padding-right: 0rem;
    border-right: none;
    order: 2;
  }
}
.PackagePaymentHome__Container__Left__Header {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1.5rem;
}
.PackagePaymentHome__Container__Left__Header i {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1.25rem;
}
.PackagePaymentHome__Container__Left__Header .title {
  color: var(--color-blue-primary, #0D52DB);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
.PackagePaymentHome__Container__Left {
  /* style.scss */
}
.PackagePaymentHome__Container__Left .login-box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white, #ffffff);
  border-top: 1px solid var(--color-natural-300, #CBD5E1);
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
  padding: 1rem 0;
  margin: 1rem 0;
}
.PackagePaymentHome__Container__Left .login-box .div-icon {
  width: 20%;
}
.PackagePaymentHome__Container__Left .login-box .div-icon .icon {
  font-size: 32px;
  background: #e0e0e0;
  padding: 12px;
  border-radius: 50%;
  margin-right: 16px;
}
.PackagePaymentHome__Container__Left .login-box .login-text .title {
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 4px;
}
.PackagePaymentHome__Container__Left .login-box .login-text a {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}
.PackagePaymentHome__Container__Left .login-box .login-text a:hover {
  text-decoration: underline;
}
.PackagePaymentHome__Container__Left .login-box .login-text p {
  margin: 0;
  font-size: 14px;
  color: #333;
}
.PackagePaymentHome__Container__Left .FormDetails .MuiFormControl-root {
  width: 100%;
}
.PackagePaymentHome__Container__Left .FormDetails .phoneNumber {
  width: 100%;
}
.PackagePaymentHome__Container__Left .FormDetails .phoneNumber .InputField {
  width: 100%;
  margin-top: 0px;
}
.PackagePaymentHome__Container__Left .FormDetails .phoneNumber .InputField .MuiInputBase-root .MuiOutlinedInput-root {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
}
.PackagePaymentHome__Container__Left .FormDetails .phoneNumber .InputField .MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
  background-color: var(--color-white, #ffffff);
}
.PackagePaymentHome__Container__Left .FormDetails .phoneNumber .InputField .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
  background-color: var(--color-white, #ffffff);
}
.PackagePaymentHome__Container__Left .FormDetails .phoneNumber .InputField .phoneNumberIsNotValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: block;
}
.PackagePaymentHome__Container__Left .FormDetails .phoneNumber .InputField .phoneNumberIsValid .css-104c99h-MuiButtonBase-root-MuiIconButton-root {
  display: none;
}
.PackagePaymentHome__Container__Left .FormDetails .phoneNumber .InputField .MuiInputLabel-animated {
  background-color: var(--color-white, #ffffff);
  z-index: 999;
}
.PackagePaymentHome__Container__Left .roomDetails {
  margin-top: 2rem;
}
.PackagePaymentHome__Container__Left .roomDetails .passenger {
  margin-bottom: 2rem;
}
.PackagePaymentHome__Container__Left .roomDetails .passenger .sub-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.PackagePaymentHome__Container__Left .btn-primary {
  width: 100%;
}
.PackagePaymentHome__Container__Right {
  width: 30%;
  padding-left: 3rem;
}
@media only screen and (max-width: 768px) {
  .PackagePaymentHome__Container__Right {
    width: 100%;
    padding-left: 0rem;
    order: 1;
  }
}
.PackagePaymentHome__Container__Right .travel-card {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 12px;
  overflow: hidden;
  font-family: Arial, sans-serif;
  margin-bottom: 1.5rem;
}
.PackagePaymentHome__Container__Right .travel-card .header-image {
  width: 100%;
  height: 11.80625rem;
  position: relative;
}
.PackagePaymentHome__Container__Right .travel-card .header-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.PackagePaymentHome__Container__Right .travel-card .header-image .title-overlay {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  color: var(--color-white, #ffffff);
  width: 100%;
  padding: 8px 12px;
  font-weight: bold;
  font-size: 1.125rem;
}
.PackagePaymentHome__Container__Right .travel-card .content {
  padding: 1rem;
}
.PackagePaymentHome__Container__Right .travel-card .content .info {
  display: flex;
  gap: 0 1rem;
}
.PackagePaymentHome__Container__Right .travel-card .content .info .icon-primary {
  width: 1.875rem;
  height: 1.875rem;
  background-color: var(--color-blue-primary, #0D52DB);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white, #ffffff);
}
.PackagePaymentHome__Container__Right .travel-card .content .info .icon-primary i {
  font-size: 1rem;
}
.PackagePaymentHome__Container__Right .travel-card .content .info .icon-dark {
  background-color: var(--color-natural-200, #E2E8F0);
  width: 1.875rem;
  height: 1.85613rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.PackagePaymentHome__Container__Right .travel-card .content .info .icon-dark i {
  color: var(--color-natural-600, #475569);
}
.PackagePaymentHome__Container__Right .travel-card .content .info .details {
  margin-bottom: 0.75rem;
  width: 80%;
}
.PackagePaymentHome__Container__Right .travel-card .content .info .details .title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.PackagePaymentHome__Container__Right .travel-card .content .info .details .title.green-color {
  color: var(--color-green-primary, #00AC6B);
}
.PackagePaymentHome__Container__Right .travel-card .content .info .details .sub-title {
  margin: 0;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.PackagePaymentHome__Container__Right .travel-card .content .info .details .sub-title span {
  font-weight: 600;
}
.PackagePaymentHome__Container__Right .travel-card .content .info .details .category {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
.PackagePaymentHome__Container__Right .travel-card .content .hr {
  border: 1px dashed var(--color-natural-300, #CBD5E1);
}
.PackagePaymentHome__Container__Right .travel-card .content .actions {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.PackagePaymentHome__Container__Right .travel-card .content .actions button {
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 600;
  background-color: transparent;
  color: var(--color-blue-primary, #0D52DB);
}
.PackagePaymentHome__Container__Right .PriceSuammary {
  border: 1px solid var(--color-natural-300, #CBD5E1);
  border-radius: 12px;
  overflow: hidden;
  font-family: Arial, sans-serif;
  margin-bottom: 1.5rem;
}
.PackagePaymentHome__Container__Right .PriceSuammary__header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
}
.PackagePaymentHome__Container__Right .PriceSuammary__header .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}
.PackagePaymentHome__Container__Right .PriceSuammary__Content .selection {
  border-bottom: 1px solid var(--color-natural-300, #CBD5E1);
  padding: 1rem 1.5rem;
}
.PackagePaymentHome__Container__Right .PriceSuammary__Content .selection:last-of-type {
  border-bottom: none;
}
.PackagePaymentHome__Container__Right .PriceSuammary__Content .selection .info {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
.PackagePaymentHome__Container__Right .PriceSuammary__Content .selection .info .price {
  color: var(--color-green-primary, #00AC6B);
}
.PackagePaymentHome__Container__Right .PriceSuammary__Content .selection .info .x {
  font-size: 0.875rem;
}
.PackagePaymentHome__Container__Right .PriceSuammary__Content .selection .content .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.PackagePaymentHome__Container__Right .PriceSuammary__Content .selection .content .info .price {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
}
.PackagePaymentHome__Container__Right .PriceSuammary__Content .selection .total .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-blue-primary, #0D52DB);
}
.PackagePaymentHome__Container__Right .PriceSuammary__Content .selection .total .info .price {
  color: var(--color-blue-primary, #0D52DB);
}

.boxContent__PaymentChose .card-frame,
.boxContent__PaymentChose .card-number-frame,
.boxContent__PaymentChose .expiry-date-frame,
.boxContent__PaymentChose .cvv-frame {
  height: 38px;
}
.boxContent__PaymentChose #schemeChoice {
  height: 400px !important;
}
.boxContent__PaymentChose #payment-form {
  width: 280px;
  margin: 0 auto;
}
.boxContent__PaymentChose #payment-form label {
  display: block;
  height: 10px;
  color: #13395e;
  font-size: 14px;
  font-weight: 500;
  line-height: 10px;
  margin: 8px 0;
}
.boxContent__PaymentChose .date-and-code {
  display: flex;
  margin-bottom: 8px;
}
.boxContent__PaymentChose .date-and-code > div:nth-child(1) {
  width: 55.715%;
}
.boxContent__PaymentChose .date-and-code > div:nth-child(2) {
  width: 45.719%;
}
.boxContent__PaymentChose .input-container {
  position: relative;
  display: flex;
  height: 40px;
}
.boxContent__PaymentChose .icon-container:last-child {
  right: 0;
}
.boxContent__PaymentChose .icon-container.payment-method {
  right: 0;
}
.boxContent__PaymentChose .input-container.card-number {
  margin-bottom: 8px;
}
.boxContent__PaymentChose .input-container.expiry-date {
  margin-right: 4px;
}
.boxContent__PaymentChose .input-container.cvv {
  margin-left: 4px;
}
.boxContent__PaymentChose .card-number-frame {
  padding-left: 15px;
}
.boxContent__PaymentChose .expiry-date-frame {
  padding-left: 15px;
  margin-right: 0.5rem;
}
.boxContent__PaymentChose .cvv-frame {
  padding-left: 15px;
}
.boxContent__PaymentChose div + button {
  margin-top: 8px;
}
.boxContent__PaymentChose .icon-container {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 26px;
  margin: 0 7px;
}
.boxContent__PaymentChose .icon-container.payment-method {
  transform: translateY(-50%) rotateY(90deg);
  transition: opacity 0.15s ease-out;
  opacity: 0;
  top: 50%;
}
.boxContent__PaymentChose .icon-container.payment-method.show {
  opacity: 1;
  transition: all 0.4s ease-out;
  transform: translateY(-50%) rotateY(0deg);
}
.boxContent__PaymentChose .icon-container.payment-method img {
  width: 100%;
}
.boxContent__PaymentChose [id$=-error] {
  display: none;
}
.boxContent__PaymentChose .frame {
  opacity: 0;
}
.boxContent__PaymentChose .frame--activated {
  opacity: 1;
  border: solid 1px;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  height: 45px;
  border: 2px solid #E2E8F0;
}
.boxContent__PaymentChose .frame--activated.frame--focus {
  border: solid 2px #0D52DB;
}
.boxContent__PaymentChose .frame--activated.frame--invalid {
  border: solid 1px #d96830;
}
.boxContent__PaymentChose .error-message {
  display: block;
  color: #c9501c;
  font-size: 0.9rem;
  margin: 8px 0 0 1px;
  font-weight: 300;
}
.boxContent__PaymentChose #pay-button {
  margin-top: 150px;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
  height: 40px;
  width: 100%;
  background-color: #13395e;
  box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.4);
}
.boxContent__PaymentChose #pay-button:active {
  background-color: #0b2a49;
  box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.4);
}
.boxContent__PaymentChose #pay-button:hover {
  background-color: #15406b;
  box-shadow: 0 2px 5px 0 rgba(19, 57, 94, 0.4);
}
.boxContent__PaymentChose #pay-button:disabled {
  background-color: #697887;
  box-shadow: none;
}
.boxContent__PaymentChose #pay-button:not(:disabled) {
  cursor: pointer;
}
.boxContent__PaymentChose .success-payment-message {
  color: #13395e;
  line-height: 1.4;
}
.boxContent__PaymentChose .token {
  color: #b35e14;
  font-size: 0.9rem;
  font-family: monospace;
}
.boxContent__PaymentChose {
  /**
  IE11-targeted optimisations
  */
}
.boxContent__PaymentChose _:-ms-fullscreen,
.boxContent__PaymentChose :root .icon-container {
  display: block;
}
.boxContent__PaymentChose _:-ms-fullscreen,
.boxContent__PaymentChose :root .icon-container img {
  top: 50%;
  -ms-transform: translateY(-50%);
  position: absolute;
}
.boxContent__PaymentChose _:-ms-fullscreen,
.boxContent__PaymentChose #icon-card-number,
.boxContent__PaymentChose _:-ms-fullscreen,
.boxContent__PaymentChose #icon-expiry-date,
.boxContent__PaymentChose _:-ms-fullscreen,
.boxContent__PaymentChose #icon-cvv {
  left: 7px;
}
.boxContent__PaymentChose #checkout-frames-card-number::-ms-clear {
  display: none;
}

@keyframes leftToRight {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px); /* Start above the original position */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* Move to the original position */
  }
}
@keyframes slideDown2 {
  0% {
    display: block;
    height: fit-content;
    opacity: 0;
  }
  20% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    height: fit-content; /* Set this to the maximum height of the content */
    transform: translateY(0px);
    opacity: 1;
    display: block;
  }
}
@keyframes slideUp {
  0% {
    display: block;
    height: fit-content;
    opacity: 1;
  }
  20% {
    transform: translateY(0px);
    opacity: 1;
    height: fit-content;
  }
  100% {
    height: fit-content; /* Set this to the maximum height of the content */
    transform: translateY(-30px);
    opacity: 0;
    display: none;
  }
}
.page {
  padding: 40px;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
}

#splash {
  z-index: 9999;
  background: var(--color-screen-splash-background, #1E3A8A);
  background-repeat: repeat-y;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation: splash 3s ease-in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

#loader {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}

#loader:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: -170px;
  width: 3px;
  background: #fff;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
  height: 200px;
}

#loader:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: 8px;
  bottom: -190px;
  width: 3px;
  background: #000;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
  height: 200px;
}

#splash .anim {
  height: 100%;
  position: absolute;
  left: 50%;
  width: 100px;
  transform: translate(-50%, 100%);
  animation: loader 4s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

#splash2 {
  background-color: var(--color-screen-splash-background, #1E3A8A) !important;
  z-index: 9999;
  background: var(--color-screen-splash-background, #1E3A8A);
  background-repeat: repeat-y;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation: splash 3s ease-in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
#splash2 .loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  animation: zoom-in-zoom-out 3s ease-in;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
}
#splash2 .loader img {
  width: 100%;
  height: 350px;
}
@media only screen and (max-width: 768px) {
  #splash2 .loader img {
    height: 250px;
  }
}

@keyframes loader {
  0% {
    transform: translate(-50%, 110%);
  }
  30% {
    transform: translate(-50%, 50%);
  }
  100% {
    transform: translate(-50%, 0%);
  }
}
@keyframes splash {
  0% {
    transform: translate(0%, 0%);
  }
  50% {
    transform: translate(0%, 0%);
  }
  100% {
    transform: translate(0%, -100%);
  }
}
@keyframes zoom-in-zoom-out {
  0% {
    scale: 100%;
  }
  50% {
    scale: 110%;
  }
  100% {
    scale: 100%;
  }
}
.globalLoading {
  margin: 0;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  font-family: sans-serif;
  position: absolute;
  inset: 0;
  z-index: 99999;
}
.globalLoading .spinner {
  width: 60px;
  height: 60px;
  border: 6px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=app.css.map */