@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");
@import url("https://fonts.cdnfonts.com/css/avenir");
body {
  overflow: auto;
  position: relative;
  direction: rtl; }

@keyframes leftToRight {
  from {
    right: -100%; }
  to {
    right: 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-right: 15px;
    padding-left: 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-left: .75rem;
          margin-right: .75rem;
          display: flex;
          align-items: center; }
          #AppBarID .AppBar__Container__Stack .rightSideElement .findBooking img {
            margin-left: .25rem; }
          #AppBarID .AppBar__Container__Stack .rightSideElement .findBooking .ri {
            font-size: 1.25rem;
            margin-left: .25rem; }
        #AppBarID .AppBar__Container__Stack .rightSideElement .LoyaltyNav {
          color: var(--color-white, #ffffff);
          text-decoration: none;
          margin-left: .75rem;
          display: flex;
          align-items: center; }
          #AppBarID .AppBar__Container__Stack .rightSideElement .LoyaltyNav img {
            margin-left: .25rem; }
          #AppBarID .AppBar__Container__Stack .rightSideElement .LoyaltyNav .ri {
            font-size: 1.5rem;
            margin-left: .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-right: 10px;
      padding-left: 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-right: .5rem; }
    #AppBarID .AppBar__Currency__Dropdown {
      position: absolute;
      width: 470px;
      top: 35px;
      right: -280px; }
      #AppBarID .AppBar__Currency__Dropdown__List {
        background-color: var(--color-white, #ffffff);
        z-index: 999;
        display: flex;
        flex-wrap: wrap;
        border-bottom-right-radius: 4px;
        border-top-left-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-right: 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-left: 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-right-radius: 4px;
          border-bottom-left-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-right: 10px;
      padding-left: 10px;
      cursor: pointer;
      width: 100%;
      justify-content: center; }
      #AppBarID .AppBar__Country .Button .flagIcon {
        width: 20px;
        margin-left: 10px; }
      #AppBarID .AppBar__Country .Button .ri {
        font-size: 1.25rem; }
    #AppBarID .AppBar__Country__Dropdown {
      position: absolute;
      width: 200px;
      top: 50px;
      right: -120px; }
      #AppBarID .AppBar__Country__Dropdown__List {
        background-color: white;
        z-index: 999;
        display: flex;
        flex-direction: column;
        border-bottom-right-radius: 4px;
        border-bottom-left-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-right: unset;
          cursor: pointer; }
          #AppBarID .AppBar__Country__Dropdown__List__ListItem .text {
            color: var(--color-natural-900, #0F172A);
            font-weight: 300;
            font-size: 16px;
            margin-right: 10px; }
          #AppBarID .AppBar__Country__Dropdown__List__ListItem .currency {
            color: var(--color-blue-primary, #0D52DB);
            font-weight: 600;
            font-size: 16px;
            margin-left: 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-right-radius: 4px;
          border-bottom-left-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-left: 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-right: 10px;
        padding-left: 10px;
        font-weight: 500;
        color: var(--color-white, #ffffff); }
      #AppBarID .AppBar__Account__AccountButton .ri {
        font-size: 1.25rem; }
        #AppBarID .AppBar__Account__AccountButton .ri:first-of-type {
          font-size: 0.875rem; }
    #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;
      left: 0%;
      box-shadow: 0px 2px 4px 0px #EDEDED;
      border-bottom-right-radius: 4px;
      border-bottom-left-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-left: 8px; }
        #AppBarID .AppBar__Account .ListItemsAccount .Items .ri {
          margin-left: 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-right: 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: left; }
    #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;
      left: 0;
      z-index: 99999;
      box-shadow: 0px 2px 4px 0px #EDEDED;
      border-bottom-right-radius: 4px;
      border-bottom-left-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-right: 8px; }
      #AppBarID .AppBar__Support__Dropdown__List .items .ri {
        font-size: 1rem; }
    #AppBarID .AppBar__Support .Text {
      margin-right: 8px;
      margin-left: 8px; }

#AppBarID #MobileModel {
  /* Modal Content */
  /* Add Animation */ }
  #AppBarID #MobileModel .HideModal {
    display: none; }
  #AppBarID #MobileModel .modal {
    position: fixed;
    z-index: 1;
    right: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99999; }
  #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-right: 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-right: 1px solid var(--color-natural-200, #E2E8F0);
          border-left: 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-right: 13px; }
      #AppBarID #MobileModel .modal-content__Content__data__Icon {
        margin-left: 13px; }
      #AppBarID #MobileModel .modal-content__Content__data__Sign {
        margin-left: 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%; }

@-webkit-keyframes animatetop {
  from {
    right: -300px;
    opacity: 0; }
  to {
    right: 0;
    opacity: 1; } }

@keyframes animatetop {
  from {
    right: -300px;
    opacity: 0; }
  to {
    right: 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: calc(100% / 4);
      margin-left: .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: .5rem;
        font-size: 1rem;
        color: var(--color-natural-900, #0F172A); }
    #Footer .FooterContent .box-content {
      width: calc(100% / 3); }
      @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: .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: .75rem; }
          @media only screen and (max-width: 640px) {
            #Footer .FooterContent .box-content .list .item {
              width: calc(100% /2); } }
          #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 .5rem; }
        @media only screen and (max-width: 768px) {
          #Footer .FooterContent .box-content .donwloadApp a {
            width: calc(100% /2); } }
        #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  .5rem; }
          @media only screen and (max-width: 768px) {
            #Footer .FooterContent .box-content .Footer-Payment__List {
              flex-wrap: wrap;
              gap: .5rem; } }
        #Footer .FooterContent .box-content .Footer-Payment .tabby {
          width: 60px;
          height: 60px; }
  #Footer .FooterBottom {
    padding: .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-left: 1.25rem; }
    @media only screen and (max-width: 640px) {
      #Footer .FooterBottom__Left {
        display: flex;
        justify-content: center;
        margin-bottom: .5rem; } }
    @media only screen and (max-width: 640px) {
      #Footer .FooterBottom__Right {
        display: flex;
        justify-content: center; } }
    #Footer .FooterBottom__Right .copyRight {
      font-size: .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 .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;
            right: 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: .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 .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: .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: .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: .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-left: .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: .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 .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 {
  /* Hide scrollbar for IE, Edge and Firefox */ }
  #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);
      margin-top: 28px;
      gap: 30px; }
      @media only screen and (max-width: 768px) {
        #DestinationId .DestinationContainer__CardContainer {
          display: flex; } }
      #DestinationId .DestinationContainer__CardContainer > * {
        flex-shrink: 0;
        scroll-snap-align: start; }
      @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 .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: calc(100% /1);
    position: relative; }
    .FeaturedPackages__Content__Card .lowPrice {
      background-color: var(--color-green-primary, #00AC6B);
      padding: .25rem .62rem;
      color: var(--color-white, #ffffff);
      display: flex;
      align-items: center;
      border-radius: 1rem;
      position: absolute;
      top: -1rem;
      right: 28%; }
      .FeaturedPackages__Content__Card .lowPrice img {
        margin-left: .5rem; }
    .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-right-radius: 0;
        border-bottom-left-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 .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;
            left: 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: .88rem 1.5rem;
    border-radius: .5rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 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-left: 10px !important;
      background-color: var(--color-blue-primary, #0D52DB) !important;
      color: var(--color-natural-400, #94A3B8);
      position: absolute !important;
      left: 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-left: 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, #0000004D); }
        @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-left: 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, #0000004D); }
      @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, #0000004D);
  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, #0000004D);
  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-left: 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, #0000004D);
  margin-top: 8px;
  position: absolute !important;
  z-index: 9999;
  left: 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-right: 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-right: 15px;
      justify-content: space-between; } }

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

.iconMargin {
  margin-right: 64px;
  opacity: 0.6;
  margin-top: 5px; }
  @media only screen and (max-width: 1280px) {
    .iconMargin {
      margin-right: 20px; } }
  @media only screen and (max-width: 768px) {
    .iconMargin {
      margin-right: 5px; } }
  @media only screen and (max-width: 640px) {
    .iconMargin {
      margin-right: 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-left: 20px;
        cursor: pointer; }
        @media only screen and (max-width: 1280px) {
          #SearchResult .SearchResultNavBar__Container__Elements .dropdownButton {
            padding: 8px 10px;
            margin-left: 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-left: 7px; }
          @media only screen and (max-width: 768px) {
            #SearchResult .SearchResultNavBar__Container__Elements .dropdownButton__text {
              font-size: 16px;
              margin-left: 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-left: 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-right: 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;
          right: 140px; }
          @media only screen and (max-width: 1280px) {
            #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .CategoryDropdown {
              right: 110px; } }
        #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .DurationDropdown {
          top: 50px;
          left: 110px; }
          @media only screen and (max-width: 1280px) {
            #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .DurationDropdown {
              left: 50px; } }
        #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .OtherfeaturesDropdown {
          top: 50px;
          left: -40px; }
          @media only screen and (max-width: 1280px) {
            #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .OtherfeaturesDropdown {
              left: 10px; } }
        #SearchResult .SearchResultNavBar__Container__Elements .customDropdown .PriceDropdown {
          top: 50px;
          right: -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-right: 20px;
          padding-left: 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-left: 20px; }
      #SearchResult .SearchResultNavBar__Container__Form__Select .MuiSelect-select {
        padding: 11px 14px; }
    #SearchResult .SearchResultNavBar .FilterIcon {
      display: none;
      position: absolute;
      z-index: inherit;
      left: 0px;
      height: 45px;
      background-color: white;
      left: 16px;
      bottom: 0px;
      width: 45px; }
      #SearchResult .SearchResultNavBar .FilterIcon__container img {
        margin-top: 5px;
        margin-right: 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-right: 5px;
          rotate: 180deg; }
        #SearchResult .SearchResultMedia__Container__Element .filter__dropdown {
          position: absolute;
          border-radius: 4px;
          border: 1px solid #D0CBC9;
          background: #FFF;
          top: 28px;
          width: 220px;
          right: -43px; }
          @media only screen and (max-width: 640px) {
            #SearchResult .SearchResultMedia__Container__Element .filter__dropdown {
              right: -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-right: 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: .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 .5rem; }
          #SearchResult .ResultFormSearch .boxFormSearch__mobile__content__info .title {
            font-size: 0.99563rem;
            color: var(--color-white, #ffffff);
            margin: 0;
            margin-bottom: .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: .5rem;
        padding: 1rem; }
        #SearchResult .boxContaner__Left .FilterPackage .section-title {
          font-size: 0.75rem;
          color: var(--color-natural-900, #0F172A);
          margin: 0;
          margin-bottom: .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.0650rem); }
      @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;
    left: 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-right: 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,
  .MobileFilterModel .PriceDropdown__List {
    border-bottom: 1px dashed var(--color-natural-200, #E2E8F0);
    padding-top: 0px;
    padding-bottom: 20px; }
    .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-right: 10px; }
  .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-left: 2px solid;
        content: '';
        display: block;
        height: 8px;
        margin-top: -6px;
        position: absolute;
        transform: rotate(-135deg);
        left: 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-left: 2px solid;
      content: "";
      display: block;
      height: 8px;
      margin-top: -5px;
      position: absolute;
      transform: rotate(-230deg);
      left: 8px;
      right: 8px;
      top: 8px;
      width: 0; }
    .MobileFilterModel .PriceDropdown__slider span[data-index="1"]::before {
      transform: rotate(-120deg);
      border-left: 2px solid;
      content: "";
      display: block;
      height: 8px;
      margin-top: -6px;
      position: absolute;
      left: 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: .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 .5rem; }
          #PackageDetails .ResultFormSearch .boxFormSearch__mobile__content__info .title {
            font-size: 0.99563rem;
            color: var(--color-white, #ffffff);
            margin: 0;
            margin-bottom: .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-left: 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: .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: .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-left: 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-right: .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: .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-right: 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-right: 20px; }
              @media only screen and (max-width: 640px) {
                #PackageDetails .OverView__Container__LeftSide__IncludeSection .NotIncluded .Included__list {
                  padding-right: 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-right: 1px dashed var(--color-natural-300, #CBD5E1);
          padding-right: 18px;
          margin: 0%; }
          #PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel .PackageGallery {
            margin-top: 2rem;
            margin-bottom: 2rem;
            display: flex;
            gap: 0 .25rem;
            cursor: pointer; }
            #PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel .PackageGallery__BoxImg {
              width: 20%;
              height: 200px;
              border-radius: .5rem;
              position: relative; }
              @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 img {
                object-fit: fill;
                width: 100%;
                height: 100%;
                border-radius: .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;
                right: 50%;
                top: 50%;
                transform: translate(50%, -50%);
                font-size: 0.88875rem;
                font-weight: 400;
                padding: .25rem .5rem;
                border-radius: .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%;
            right: -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;
              right: 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%;
            right: -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;
              right: 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%;
              right: -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;
                right: 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 {
              color: var(--color-natural-900, #0F172A);
              font-size: 16px;
              font-weight: 400;
              margin-top: 10px; }
              #PackageDetails .OverView__Container__LeftSide .Schedule__accordians .pannel__Details .paragraph p {
                margin: 0; }
              @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-right: 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-right: 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-right: 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: .25rem;
            width: calc(100%/2); }
            @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;
              right: 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 0 2px 2px;
                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 {
              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.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: calc(100%/2);
            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: calc(100%/2); }
            @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-left: .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 .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: .5rem;
              background-color: transparent;
              border: 1px solid var(--color-natural-200, #E2E8F0);
              padding: .75rem;
              border-radius: .25rem;
              cursor: pointer;
              font-size: .9rem;
              font-weight: 600;
              transition: all ease-in-out .3s;
              color: var(--color-blue-primary, #0D52DB);
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 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: .2;
            cursor: not-allowed; }
          #PackageDetails .OverView__Container .chooseDetails .BookNowBtn span {
            width: 20px !important;
            height: 20px !important;
            margin-right: 20px !important; }
          #PackageDetails .OverView__Container .chooseDetails .BookNowBtn .MuiSvgIcon-fontSizeMedium {
            width: 20px !important;
            height: 20px !important;
            margin-right: 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-right: 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: .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-left: 1rem;
        background-color: var(--color-white, #ffffff);
        width: 3.125rem;
        height: 3.125rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .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: 20px !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-left: 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 {
  padding: 2.5rem 5rem;
  background-color: var(--color-natural-100, #F1F5F9); }
  @media only screen and (max-width: 920px) {
    #Reservation {
      padding: 1.5rem 0.5rem; } }
  @media only screen and (max-width: 640px) {
    #Reservation {
      padding: 2.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-right: 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;
    gap: 0 1.25rem; }
    @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; } }
    #Reservation .reservationComponent .container__reservationInfo {
      width: 70%; }
      @media only screen and (max-width: 1280px) {
        #Reservation .reservationComponent .container__reservationInfo {
          padding-left: 15px; } }
      @media only screen and (max-width: 920px) {
        #Reservation .reservationComponent .container__reservationInfo {
          order: 2;
          border-left: unset;
          width: 100%;
          padding-left: 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: .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;
        top: 0;
        right: 50%;
        transform: translate(50%, -50%); }
        #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-right: 2px;
            color: var(--color-white, #ffffff); }
      #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: left;
          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-right: 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-right: 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-right: 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-right: 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: 0 4px 4px 0;
            height: 100%; }
          #Reservation .reservationComponent .container .AddToCart__Cart__img .SelectedHotel {
            position: absolute;
            display: flex;
            justify-content: center;
            top: 9px;
            right: 9px; }
            #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-right: 2px;
                color: var(--color-white, #ffffff); }
        #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: left;
                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-right-radius: 4px;
          border-top-left-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-right: 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: .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: .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-right: 20px; }
            @media only screen and (max-width: 640px) {
              #Reservation .reservationComponent .container .SelectedInfo__TravelPackege .HotelInfo__Info {
                padding-right: 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-right: 20px; }
            @media only screen and (max-width: 640px) {
              #Reservation .reservationComponent .container .SelectedInfo__TravelPackege .schedule__Info {
                padding-right: 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-right: 20px; }
            @media only screen and (max-width: 640px) {
              #Reservation .reservationComponent .container .SelectedInfo__TravelPackege .additionalInfo__info {
                padding-right: 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: .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-right: 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 .5rem !important;
    position: fixed;
    z-index: 99;
    bottom: 0;
    right: 0; }
    #Reservation .ReservationBottom .btn-View-package {
      width: 100%;
      margin-bottom: 1rem;
      border-radius: .5rem;
      padding: .5rem .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-left: .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-right: 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: .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: .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-right: 20px; }
        @media only screen and (max-width: 640px) {
          .packageDetailsPopup .SelectedInfo__TravelPackege .HotelInfo__Info {
            padding-right: 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-right: 20px; }
        @media only screen and (max-width: 640px) {
          .packageDetailsPopup .SelectedInfo__TravelPackege .schedule__Info {
            padding-right: 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-right: 20px; }
        @media only screen and (max-width: 640px) {
          .packageDetailsPopup .SelectedInfo__TravelPackege .additionalInfo__info {
            padding-right: 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: .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-right: 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;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: black;
  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-right: 15px;
      padding-left: 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-right: 15px;
      padding-left: 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-left: 30px; }
        #model .model__Content__body__TravelLocation .SearchForm__Container__SearchBtn {
          margin-left: 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: .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;
          right: 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;
        right: 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: .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-left: 10px;
      margin-top: 10px; }
      .CustomAddOn .AddOnButtons__Btn__text {
        text-transform: capitalize;
        color: #3171C9;
        font-size: 16px;
        font-weight: 400;
        margin-right: 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-right: 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-left: 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-right-radius: 16px;
        border-bottom-right-radius: 16px;
        font-weight: 500; }
    #paymentMethod .paymentMethod__Accordion__Details .infoBox__selection .secondText:hover {
      border-radius: unset; }
    #paymentMethod .paymentMethod__Accordion__Details .infoBox__selection .lastText {
      border-left: unset; }
      #paymentMethod .paymentMethod__Accordion__Details .infoBox__selection .lastText:hover {
        border-radius: unset;
        border: 1px solid #3171C9;
        border-top-left-radius: 16px;
        border-bottom-left-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-left: 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-right: 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-right: 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-right: 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-left: 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-left: 16px;
        margin-right: 15px; } }
    @media only screen and (max-width: 768px) {
      .searchInfo__container {
        margin-left: 16px;
        margin-right: 15px; } }
    @media only screen and (max-width: 640px) {
      .searchInfo__container {
        margin-left: 16px;
        margin-right: 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-right: 8px;
          font-size: 10px; }
          @media only screen and (max-width: 640px) {
            .searchInfo__container .information .text .text-info {
              display: inherit;
              margin-right: 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-right: 10px;
        padding-left: 10px; }
        @media only screen and (max-width: 640px) {
          .searchInfo__container .information__duration {
            width: auto;
            padding: 0;
            margin-left: 10px; } }
        .searchInfo__container .information__duration .text-info {
          font-size: 12px; }
      .searchInfo__container .information__kayword {
        width: max-content;
        padding-left: 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-right: 10px;
        padding-left: 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-left: 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-right: 10px;
        padding-left: 10px; }
        .searchInfo__container .information__adults .passenger-info {
          display: flex; }
          .searchInfo__container .information__adults .passenger-info p {
            display: flex;
            align-items: center;
            margin-left: 15px; }
        @media only screen and (max-width: 640px) {
          .searchInfo__container .information__adults {
            height: auto;
            padding: 0; } }
      .searchInfo__container .information .border-left {
        border-left: 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;
      cursor: pointer; }
      @media only screen and (max-width: 640px) {
        .searchInfo__container .btn-search {
          padding: 9px 0;
          width: 60px; } }
      .searchInfo__container .btn-search svg {
        color: var(--color-blue-primary, #0D52DB);
        margin-left: 6px; }
        @media only screen and (max-width: 640px) {
          .searchInfo__container .btn-search svg {
            margin-left: 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-left: 10px !important;
      background-color: var(--color-blue-primary, #0D52DB) !important;
      color: var(--color-natural-400, #94A3B8);
      position: absolute !important;
      left: 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-left: 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, #0000004D); }
        @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-left: 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, #0000004D); }
      @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, #0000004D);
  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, #0000004D);
  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-left: 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, #0000004D);
  margin-top: 8px;
  position: absolute !important;
  z-index: 9999;
  left: 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-right: 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-right: 15px;
      justify-content: space-between; } }

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

.iconMargin {
  margin-right: 64px;
  opacity: 0.6;
  margin-top: 5px; }
  @media only screen and (max-width: 1280px) {
    .iconMargin {
      margin-right: 20px; } }
  @media only screen and (max-width: 768px) {
    .iconMargin {
      margin-right: 5px; } }
  @media only screen and (max-width: 640px) {
    .iconMargin {
      margin-right: 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-left: 30px;
      margin-right: 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-left: .75rem; }
        .FormContent__Top__Left .addTravellersContent__Left .ri {
          margin-left: .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__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-left: 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 1rem 0 .5rem;
            content: url(./images/Flights/iconDAte.svg);
            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 {
      right: inherit  !important;
      left: 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 .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-right: 20px;
      position: relative; }
      .FormContent__Top__Right .TransferDateFirst .MuiFormLabel-root {
        margin-right: 1rem; }
      .FormContent__Top__Right .TransferDateFirst::after {
        padding: 0 1rem 0 .5rem;
        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;
        right: -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 .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: .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-left: 8px; }
    .FormContent__Bottom .Button:last-of-type {
      margin-left: 0; }
    .FormContent__Bottom .Button.active {
      transition: all ease-in-out .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-right: 16px;
      display: flex;
      align-items: center;
      position: relative; }
    .FormContent__Bottom__Left .w-auto {
      width: auto; }
    .FormContent__Bottom__Left .ml-0 {
      margin-right: 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-left: 1rem; }
      .FormContent__Bottom__Left .HowLong .btn-select {
        background-color: var(--color-natural-300, #CBD5E1);
        border: none;
        padding: .75rem 1rem;
        margin-left: .5rem;
        border-radius: .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-left: .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-right: .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; }
  @media only screen and (max-width: 768px) {
    .Home .home_Container {
      padding-right: 1rem;
      padding-left: 1rem; } }
  .Home .section-title {
    font-size: 22px;
    font-weight: 500;
    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 4px 0px rgba(0, 0, 0, 0.08);
      width: 100%; }
      .Home .flightDeels__Content__Card .lowPrice {
        background-color: var(--color-green-primary, #00AC6B);
        padding: .25rem .62rem;
        color: var(--color-white, #ffffff);
        display: flex;
        align-items: center;
        border-radius: 1rem;
        position: absolute;
        top: -1rem;
        right: 28%; }
        .Home .flightDeels__Content__Card .lowPrice img {
          margin-left: .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: 12px;
          border-bottom-right-radius: 0;
          border-bottom-left-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 .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 .rountTrip {
          margin: 0;
          margin-bottom: 16px;
          font-size: 14px;
          font-weight: 400;
          color: var(--color-natural-900, #0F172A); }
        .Home .flightDeels__Content__Card__Info .price {
          margin: 0;
          color: var(--color-natural-900, #0F172A);
          font-size: 16px;
          font-weight: 400; }
          .Home .flightDeels__Content__Card__Info .price .total {
            font-size: 22px;
            font-weight: 500; }
          @media only screen and (max-width: 640px) {
            .Home .flightDeels__Content__Card__Info .price {
              position: absolute;
              bottom: 0;
              left: 20px; } }
      .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 .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-left: 10px; }
  .Home .continueNextTravel__Content .slick-arrow {
    display: none !important; }
  .Home .continueNextTravel__Content .slick-track {
    margin-left: inherit;
    margin-right: inherit; }
  .Home .continueNextTravel__Content__Card {
    padding: .75rem;
    background-color: var(--color-natural-50, #F8FAFC);
    min-width: 12.37rem;
    border-radius: .5rem;
    direction: rtl; }
    @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: .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: .5rem;
      font-weight: 400; }
    .Home .continueNextTravel__Content__Card__Bottom {
      display: flex;
      flex-direction: column-reverse;
      gap: .5rem 1rem; }
      .Home .continueNextTravel__Content__Card__Bottom__Left {
        display: flex;
        align-items: center;
        gap: 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 .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: .5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all ease-in-out .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-left: 10px; }
  .Home .SearchComplete__Content .slick-arrow {
    display: none !important; }
  .Home .SearchComplete__Content .slick-track {
    margin-left: inherit;
    margin-right: inherit; }
  @media only screen and (max-width: 640px) {
    .Home .SearchComplete__Content {
      flex-wrap: wrap; } }
  .Home .SearchComplete__Content__Card {
    padding: .5rem;
    background-color: var(--color-natural-50, #F8FAFC);
    display: flex;
    border-radius: .5rem;
    direction: rtl; }
    @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: .5rem;
      margin-left: .5rem; }
    .Home .SearchComplete__Content__Card .Info img {
      margin-left: .5rem; }
    .Home .SearchComplete__Content__Card .Info__Top {
      display: flex;
      align-items: center;
      margin-bottom: .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: .5rem; }
    .Home .SearchComplete__Content__Card .Info__Bottom {
      display: flex;
      align-items: center;
      gap: 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;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: var(--color-natural-900, #0F172A);
      border-radius: 2px;
      opacity: .3; }
    .Home .luxuryBannar .background {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 2px; }
    .Home .luxuryBannar .box-info {
      position: absolute;
      top: 50%;
      right: 100px;
      transform: translateY(-50%);
      z-index: 99;
      width: 100%; }
      @media only screen and (max-width: 768px) {
        .Home .luxuryBannar .box-info {
          right: 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;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: var(--color-natural-900, #0F172A);
      opacity: .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: .5rem;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .addTravellersPopup .box-content .box-container {
          margin-right: 5px;
          margin-left: 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-right: 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;
        /* Track */
        /* Handle */
        /* Handle on hover */ }
        .addTravellersPopup .box-content .box-container__content::-webkit-scrollbar {
          width: 5px; }
        .addTravellersPopup .box-content .box-container__content::-webkit-scrollbar-track {
          background: #f1f1f1; }
        .addTravellersPopup .box-content .box-container__content::-webkit-scrollbar-thumb {
          background: var(--color-natural-100, #F1F5F9); }
        .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-right: .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: .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-left: .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.5rem 0.25rem 0.25rem;
                  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;
          right: 15px;
          left: 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-left: .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: .5rem;
            padding: .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 .5rem; }
          .flightResult .ResultFormSearch .boxFormSearch__mobile__content__info .title {
            font-size: 0.99563rem;
            color: var(--color-white, #ffffff);
            margin: 0;
            margin-bottom: .12rem;
            display: flex;
            align-items: center; }
            .flightResult .ResultFormSearch .boxFormSearch__mobile__content__info .title .arrowLeft {
              margin-right: .3rem;
              transform: rotate(-180deg);
              margin-left: -.2rem; }
            .flightResult .ResultFormSearch .boxFormSearch__mobile__content__info .title .arrowRight {
              margin-left: .3rem;
              margin-right: -.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-right: .3rem;
              transform: rotate(-180deg);
              margin-left: -.2rem; }
            .flightResult .ResultFormSearch .boxFormSearch__mobile__content__info .date .arrowRight {
              margin-left: .3rem;
              margin-right: -.2rem; }
        .flightResult .ResultFormSearch .boxFormSearch__mobile .btn-edit {
          background-color: transparent;
          border: none;
          cursor: pointer; }
  .flightResult__Container {
    padding: 2rem 5rem;
    display: flex;
    gap: 0 1.25rem; }
    @media only screen and (max-width: 768px) {
      .flightResult__Container {
        padding: 2rem 1rem; } }
    .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: .5rem;
        padding: 1rem; }
        .flightResult__Container .filterResult__Content .section-title {
          font-size: 0.75rem;
          color: var(--color-natural-900, #0F172A);
          margin: 0;
          margin-bottom: .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.0650rem); }
      @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: .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: .5rem 1rem;
            display: flex;
            align-items: center;
            gap: .5rem;
            margin-left: 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: .25rem;
              position: relative;
              width: 100%; }
              .flightResult__Container .Results .FilterAirline .carousel-container .card .details .div-input-checkbox {
                position: absolute;
                left: 0; }
                @media only screen and (max-width: 768px) {
                  .flightResult__Container .Results .FilterAirline .carousel-container .card .details .div-input-checkbox {
                    left: -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: .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: .5rem; }
          .flightResult__Container .Results__Content__Card__Content .Expend {
            background-color: var(--color-natural-100, #F1F5F9);
            padding: 1rem;
            border-radius: .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;
              right: 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 {
                padding-bottom: 1rem;
                padding-top: 1.5rem; }
                .flightResult__Container .Results__Content__Card__Content .Expend .Original:first-of-type {
                  border-bottom: 1px solid var(--color-natural-200, #E2E8F0);
                  padding-top: .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 .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: .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-left: 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: .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: .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;
              left: -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;
              right: -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 .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 .25rem; }
                  @media only screen and (max-width: 768px) {
                    .flightResult__Container .Results__Content__Card__Content__Center .travel .flight-Info .expand {
                      margin-top: .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 .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: .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 .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: .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: .75rem; } }
            .flightResult__Container .Results__Content__Card__Content__Right .flightInfo {
              padding: .5rem .75rem;
              background-color: var(--color-natural-50, #F8FAFC);
              border-radius: .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: .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;
                gap: .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: .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 .5rem; }
            @media only screen and (max-width: 768px) {
              .flightResult__Container .Results__Content__Card__Booking__Left {
                width: 100%;
                margin-bottom: .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 .25rem;
              padding: .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: .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 .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-left: 1.5rem;
              color: var(--color-natural-900, #0F172A); }
              @media only screen and (max-width: 768px) {
                .flightResult__Container .Results__Content__Card__Booking__Right .price {
                  margin-left: 0;
                  width: 100%;
                  font-size: 1.20938rem;
                  font-weight: 600;
                  margin-bottom: .25rem;
                  margin-right: 0.5rem; } }
        .flightResult__Container .Results__Content__Card__Offers {
          display: block;
          gap: 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-left: .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: .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 .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 .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: .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 .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: .88rem 1.5rem;
              border-radius: .5rem;
              font-size: 1rem;
              margin-top: .5rem;
              cursor: pointer;
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 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: .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: .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: .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: .75rem;
        font-weight: 400;
        display: block;
        padding: .06rem .38rem;
        border-radius: .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: .25rem;
    overflow: hidden;
    margin-bottom: .5rem;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: .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 .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"] {
      right: 9% !important; }
    .box__price .BoxSlider .MuiSlider-markLabel[data-index="1"] {
      right: 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 .MuiBox-root {
  margin-bottom: 0;
  width: 100%;
  gap: 0 .5rem; }
  .box__Times .MuiBox-root .MuiOutlinedInput-root {
    width: 100%; }

.box__airlines {
  margin-bottom: 1.5rem; }
  .box__airlines .section-title {
    margin-bottom: 1rem; }
  .box__airlines .label-airlines {
    margin-bottom: .75rem;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .box__airlines .label-airlines img {
      width: 1.5rem;
      height: 1.5rem;
      margin-left: 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-left: 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 .5rem;
    cursor: pointer; }
  .box__resultAction .btn-apply {
    background-color: var(--color-yellow-primary, #FFCC00);
    border: none;
    border-radius: .5rem;
    font-size: 1rem;
    font-weight: 400;
    padding: .88rem 1.5rem;
    cursor: pointer; }

.filterMobile .box-container {
  overflow-y: scroll;
  padding-bottom: 100px; }
  .filterMobile .box-container__header {
    position: fixed;
    top: 0;
    right: 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: .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-left: .25rem; }
  .filterMobile .box-container .box__resultAction {
    flex-direction: column;
    justify-content: center;
    background-color: var(--color-white, #ffffff);
    position: fixed;
    bottom: 0rem;
    right: 0;
    width: 100%;
    padding: .5rem; }
    .filterMobile .box-container .box__resultAction .btn-rest {
      margin-bottom: .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: .5rem;
        display: flex;
        align-items: center;
        gap: 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;
      right: 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 .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 {
    margin-top: 50px;
    padding: 1.1rem; }
    .AllSwipeableDrawer .DrawerFlightDetails .Luggage .MuiTable-root,
    .AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .MuiTable-root {
      border: 1px solid var(--color-natural-300, #CBD5E1);
      border-radius: .25rem;
      margin-bottom: 1rem; }
    .AllSwipeableDrawer .DrawerFlightDetails .Luggage__List,
    .AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown__List {
      margin: 0;
      padding: 0;
      list-style: none; }
      .AllSwipeableDrawer .DrawerFlightDetails .Luggage__List__item,
      .AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown__List__item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: .5rem;
        padding-bottom: .5rem; }
        .AllSwipeableDrawer .DrawerFlightDetails .Luggage__List__item .name,
        .AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown__List__item .name {
          font-size: 1rem;
          font-weight: 400; }
        .AllSwipeableDrawer .DrawerFlightDetails .Luggage__List__item .value,
        .AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown__List__item .value {
          font-size: 1rem;
          font-weight: 600; }
    .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 .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: .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: .75rem;
      font-size: .85rem; }
    .AllSwipeableDrawer .DrawerFlightDetails .Luggage .header-title,
    .AllSwipeableDrawer .DrawerFlightDetails .Farebreakdown .header-title {
      margin-bottom: .75rem; }

.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 .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-left: 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-left: .25rem;
          text-decoration: none; }
    .bookingFlight__header__Steps {
      display: flex;
      width: 70%;
      gap: 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: .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 .5rem; }
    @media only screen and (max-width: 768px) {
      .bookingFlight__Container {
        flex-wrap: wrap;
        padding: 1rem .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: .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 .5rem; } }
        .bookingFlight__Container__Left .boxContent__header {
          display: flex;
          align-items: center;
          gap: 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-right: .5rem; }
          .bookingFlight__Container__Left .boxContent__header.mb0 {
            margin-bottom: .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 .5rem; }
            .bookingFlight__Container__Left .boxContent__header__passanger__Right {
              display: flex;
              align-items: center;
              gap: 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: .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: .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;
                right: 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: .75rem;
          display: flex;
          align-items: center;
          justify-content: space-between;
          background-color: var(--color-natural-50, #F8FAFC);
          padding: .5rem 1rem !important;
          border-radius: .25rem; }
          .bookingFlight__Container__Left .boxContent__Footer__Left {
            display: flex; }
            .bookingFlight__Container__Left .boxContent__Footer__Left .MuiFormControlLabel-root .MuiButtonBase-root {
              padding: 0;
              margin-left: .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 .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-right: .5rem; }
          .bookingFlight__Container__Left .boxContent__Footer.nobackGround {
            background-color: transparent;
            padding: .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: .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: .25rem; }
            .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Header__Top img {
              margin-left: .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: .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: .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-left: .5rem; }
          .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content {
            margin-bottom: .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-left: 1.5rem; }
              @media only screen and (max-width: 768px) {
                .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo {
                  margin-bottom: .75rem;
                  width: 100%;
                  margin-left: 0; } }
              .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .logo {
                width: 3rem;
                height: 3rem;
                margin-left: .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: .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 .25rem; }
            .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck {
              display: flex;
              width: 100%;
              gap: 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: .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: .5rem;
                    padding: .5rem;
                    padding-left: 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: .5rem;
                  left: .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;
                    left: -0.1rem;
                    opacity: 0; }
                .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: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__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-left: .5rem; } }
                  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Header .title {
                    font-size: 0.90rem;
                    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: .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: .5rem 1rem;
            border-radius: .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: .5rem; } }
              .bookingFlight__Container__Left .boxContent__ExtraCheckIn__Passenger__Footer__Left .icon {
                width: 1.25rem;
                height: 1.25rem;
                margin-left: .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: .25rem;
          background-color: var(--color-natural-100, #F1F5F9); }
          .bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Header {
            display: flex;
            align-items: center;
            margin-bottom: .5rem; }
            .bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Header img {
              margin-left: .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: .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: .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-right: .5rem; }
              @media only screen and (max-width: 768px) {
                .bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore {
                  border: 1px solid var(--color-blue-primary, #0D52DB);
                  padding: .88rem 1.5rem;
                  border-radius: .5rem;
                  width: 8rem;
                  justify-content: center; }
                  .bookingFlight__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore img {
                    display: none; } }
            @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: .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: .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-left: .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: .88rem .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-left: .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-left: 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-right: 25px; }
            .bookingFlight__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .fromTo img {
              margin: 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: .25rem;
              padding: 1rem;
              margin-bottom: .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: .38rem .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-left: 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 .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: .38rem .5rem;
                border-radius: .25rem;
                margin-bottom: .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-left: .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: .31rem .38rem;
                  background-color: var(--color-blue-primary, #0D52DB);
                  border-radius: .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-right: .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 .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;
                right: 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 .5s; }
              .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header {
                display: flex;
                align-items: center;
                margin-bottom: .5rem;
                gap: 0 1rem; }
                .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header__Top {
                  width: 2.5rem;
                  height: 2.5rem;
                  border: .19rem;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header__Top:last-of-type {
                    margin-left: 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: .5rem;
                gap: 0 1rem; }
                .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box {
                  width: 2.5rem;
                  height: 2.5rem;
                  border-radius: .19rem;
                  background-color: var(--color-natural-300, #CBD5E1);
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  transition: all ease-in-out .3s;
                  cursor: pointer;
                  position: relative; }
                  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box:last-of-type {
                    margin-left: 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 .3s; }
                  .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:has(input:checked) .Iconselect {
                      opacity: 1; }
                  .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;
                    right: 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 .3s ease-in-out;
                    z-index: 2;
                    padding: 10px 25px;
                    border-radius: 3px;
                    font-size: .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: .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: .5rem; }
              .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading {
                transition: all ease-in-out .5s; }
                .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 .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 .5s; }
        .bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .FromTo {
          display: flex;
          align-items: center;
          gap: 0 .5rem;
          margin-bottom: .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 .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: .5rem;
            background-color: var(--color-natural-100, #F1F5F9);
            width: max-content;
            padding: .38rem;
            border-radius: .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: .38rem;
              border-radius: .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: .88rem 1.5rem;
          border-radius: .5rem;
          cursor: pointer; }
          .bookingFlight__Container__Left .boxContent__ChooseSeats__ContentSM .btn-seatMap img {
            margin-left: .5rem; }
        .bookingFlight__Container__Left .boxContent__BookingSupport {
          padding: 1rem;
          border: 1px solid var(--color-natural-200, #E2E8F0);
          border-radius: .38rem;
          display: flex;
          justify-content: space-between;
          margin-bottom: .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: .25rem;
              background-color: var(--color-natural-100, #F1F5F9);
              display: flex;
              align-items: center;
              justify-content: center;
              margin-left: 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: .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-left: 0; }
              @media only screen and (max-width: 768px) {
                .bookingFlight__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root {
                  top: 4px;
                  left: 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-right: .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: .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: .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: .88rem 1.5rem;
            border-radius: .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-left: .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: .25rem;
              overflow: hidden;
              margin-left: 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-left: 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: .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-left: 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: .5rem; } }
            .bookingFlight__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root {
              margin: 0;
              padding: 0;
              border: 1px solid var(--color-natural-200, #E2E8F0);
              padding: .75rem 1rem;
              margin-left: .5rem;
              border-radius: .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-left: 0; }
              .bookingFlight__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root .MuiRadio-root {
                padding: 0;
                margin-left: .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: .88rem 1.5rem;
            border-radius: .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-left: .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 .88rem;
          border: 1px solid var(--color-natural-200, #E2E8F0);
          border-radius: .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: .62rem; }
            .bookingFlight__Container__Left .boxContent__BoxInsurance__Left__Header img {
              margin-left: .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: .5rem; }
              .bookingFlight__Container__Left .boxContent__BoxInsurance__Left__List .item img {
                margin-left: .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: .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: .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: .88rem 1.5rem;
              border-radius: .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-left: .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 .88rem;
          border: 1px solid var(--color-natural-200, #E2E8F0);
          border-radius: .56rem;
          display: flex;
          flex-direction: column;
          margin-bottom: 1.25rem;
          position: relative;
          width: calc(100% / 3 - 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: .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: .25rem .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-left: .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: .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: .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: .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: .5rem; }
                .bookingFlight__Container__Left .boxContent__LevelSupport__Box__Body__List .item img {
                  margin-left: .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: .88rem 1.5rem;
            width: 100%;
            border-radius: .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: .88rem 1.5rem;
              width: 100%;
              border-radius: .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: .75rem 0;
              border-radius: .56rem;
              border-bottom-right-radius: 0;
              border-bottom-left-radius: 0; }
              @media only screen and (max-width: 768px) {
                .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box .bestPrice {
                  position: absolute;
                  z-index: 999;
                  padding: .25rem 1rem;
                  font-size: .75rem;
                  left: 29px;
                  top: -11px;
                  border-radius: .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: .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: .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 .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: .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: left;
                      margin-bottom: .5rem; } }
                  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .price {
                    margin: 0;
                    font-size: .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: .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: .5rem; } }
                    .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item img {
                      margin-left: .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: .75rem 0.5rem 0; }
                    .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo img {
                      margin-top: .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: .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: .88rem 1.5rem;
                width: 100%;
                border-radius: .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: .88rem 1.5rem;
                  width: 100%;
                  border-radius: .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-right-radius: 0;
              border-top-left-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: .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: .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: .5rem; } }
            .bookingFlight__Container__Left .boxContent__Normal__Container__Right__Content__Header .title {
              font-size: 1.25rem;
              font-weight: 600;
              margin: 0;
              margin-bottom: .25rem; }
            .bookingFlight__Container__Left .boxContent__Normal__Container__Right__Content__Header .info {
              font-size: 1rem;
              margin-bottom: .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 .5rem;
                    margin-top: 1rem;
                    margin-bottom: .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: .5rem; } }
              .bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root {
                margin: 0;
                padding: 0;
                border: 1px solid var(--color-natural-200, #E2E8F0);
                padding: .75rem 1rem;
                margin-left: .5rem;
                border-radius: .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-left: 0; }
                .bookingFlight__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root .MuiRadio-root {
                  padding: 0;
                  margin-left: .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: .88rem 1.5rem;
                width: 100%;
                border-radius: .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: .75rem 0;
            border-radius: .56rem;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0; }
            @media only screen and (max-width: 768px) {
              .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box .BestPrice {
                position: absolute;
                z-index: 999;
                padding: .25rem 1rem;
                font-size: .75rem;
                left: 29px;
                top: -11px;
                border-radius: .56rem; } }
          .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container {
            padding: 1rem 0;
            border: 1px solid var(--color-natural-200, #E2E8F0);
            border-radius: .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-right-radius: 0;
              border-top-left-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: .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: .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 .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: .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: left;
                    margin-bottom: .5rem; } }
                .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .price {
                  margin: 0;
                  font-size: .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: .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: .5rem; } }
                  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item img {
                    margin-left: .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: .75rem 0.5rem 0; }
                  .bookingFlight__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo img {
                    margin-top: .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: .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: .88rem 1.5rem;
              width: 100%;
              border-radius: .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: .88rem 1.5rem;
                width: 100%;
                border-radius: .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: .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 .2s; }
          .bookingFlight__Container__Left .boxContent .frequentClick input[type="checkbox"]:checked + .frequentClickContent {
            height: max-content;
            transition: all ease-in-out .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: .5rem;
            display: flex;
            align-items: center;
            gap: 0 .5rem; }
          .bookingFlight__Container__Left .boxContent .blineChoice .BoxInfo .btn-noBorder {
            border: none;
            background-color: transparent;
            color: var(--color-blue-primary, #0D52DB);
            padding: .88rem .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-left: 2rem; }
            @media only screen and (max-width: 768px) {
              .bookingFlight__Container__Left .boxContent .blineChoice__Left {
                margin-left: 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: .5rem; }
            .bookingFlight__Container__Left .boxContent .blineChoice__Left .BoxInfo .pricing-coins {
              display: flex;
              margin-bottom: .5rem;
              gap: 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-left: 1.5rem; }
                @media only screen and (max-width: 768px) {
                  .bookingFlight__Container__Left .boxContent .blineChoice__Left .div-Bottom .price {
                    position: absolute;
                    right: 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: left; }
              @media only screen and (max-width: 768px) {
                .bookingFlight__Container__Left .boxContent .blineChoice__Right .title {
                  text-align: right; } }
    .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: .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-left: .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: .5rem; }
          .bookingFlight__Container__Right .boxContent__TimerPrice .info .price {
            font-size: 1rem;
            font-weight: 600;
            color: var(--color-natural-700, #334155);
            margin: 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 .5rem;
          margin-bottom: 1.5rem; }
          .bookingFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-img {
            width: 4rem;
            height: 4rem;
            border-radius: .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 .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-right: .5rem;
                background-color: var(--color-natural-200, #E2E8F0);
                padding: .25rem .38rem;
                border-radius: .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-right: .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: .5rem; }
            .bookingFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info img {
              margin-left: .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-right: .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-left: 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;
                right: 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-left: .5rem; }
            .bookingFlight__Container__Right .boxContent__FareBreakDown__Header .showDetails .ri {
              margin-left: .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: .5rem;
    border-radius: .5rem;
    padding: .5rem .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-left: .5rem; }
    .bookingFlight .btn-View-Flight .rightSide {
      display: flex;
      align-items: center;
      gap: 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-left: 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-right: .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 .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-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem; }

.flghtDetailsPopup .box-container {
  background-color: var(--color-white, #ffffff);
  height: 100%;
  overflow-x: auto;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem; }
  .flghtDetailsPopup .box-container__Header {
    padding: 1rem;
    text-align: center;
    margin-bottom: .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;
      left: 1rem; }
  .flghtDetailsPopup .box-container__content {
    padding: .5rem;
    padding-top: 86px;
    padding-bottom: 10rem; }
    .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__Content {
      overflow: hidden;
      max-height: 0;
      transition: all ease-in-out .2s; }
      .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__Content.show {
        background-color: var(--color-natural-50, #F8FAFC);
        max-height: 500vh;
        transition: all ease-in-out .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: .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: .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 .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: .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-left: 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: .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 .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: .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;
            left: -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;
            right: -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 .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: .25rem .5rem;
                border-radius: .25rem;
                font-size: .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 .25rem; }
                @media only screen and (max-width: 768px) {
                  .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Center .travel .flight-Info .expand {
                    margin-top: .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 .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: .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 .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: .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: .75rem; } }
          .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__Right .flightInfo {
            padding: .5rem .75rem;
            background-color: var(--color-natural-50, #F8FAFC);
            border-radius: .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: .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: .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: .75rem;
                font-weight: 400; }
        .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Content__showMore {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 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: .5rem 1.5rem;
            font-size: 1rem;
            font-weight: 600;
            border-radius: .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 .5rem; }
          @media only screen and (max-width: 768px) {
            .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Booking__Left {
              width: 100%;
              margin-bottom: .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 .25rem;
            padding: .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 .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-left: 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-left: 0;
                width: 100%;
                font-size: 1.20938rem;
                font-weight: 600;
                margin-bottom: .25rem;
                margin-right: 0.5rem; } }
      .flghtDetailsPopup .box-container__content .boxContent__FlightDeteails__CardFlight__Offers {
        display: flex;
        gap: 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: calc(100% / 3);
          padding: 1rem;
          border-radius: .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 .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: .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 .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: .88rem 1.5rem;
            border-radius: .5rem;
            font-size: 1rem;
            margin-top: .5rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 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: .5rem; }
    .flghtDetailsPopup .box-container__content .airPlanName {
      background-color: var(--color-natural-100, #F1F5F9);
      width: max-content;
      padding: .25rem;
      display: flex;
      align-items: center;
      margin-bottom: .5rem; }
      .flghtDetailsPopup .box-container__content .airPlanName:last-of-type {
        margin-bottom: 1.25rem; }
      .flghtDetailsPopup .box-container__content .airPlanName img {
        margin-left: .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-right: 5px;
      padding-left: 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 .5rem;
        margin-bottom: 1.5rem; }
        .flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-img {
          width: 4rem;
          height: 4rem;
          border-radius: .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 .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-right: .5rem;
              background-color: var(--color-natural-200, #E2E8F0);
              padding: .25rem .38rem;
              border-radius: .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-right: .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: .5rem; }
          .flghtDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .box-info img {
            margin-left: .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-right: .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-left: 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;
              right: 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: right; }
      .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: .75rem;
        display: block;
        text-align: right; }
      .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-left: .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: right;
        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-left: -7px;
        position: relative;
        right: -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 .5rem;
      border-radius: 50%; }
    .flghtDetailsPopup .box-container__content .btn-select {
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      width: 95%;
      margin-left: auto;
      margin-right: auto;
      background-color: var(--color-blue-primary, #0D52DB);
      border-radius: .5rem;
      border: none;
      color: var(--color-white, #ffffff);
      display: flex;
      align-items: center;
      padding: .88rem 1.5rem;
      justify-content: center;
      font-size: 1.0625rem;
      font-weight: 400; }
      .flghtDetailsPopup .box-container__content .btn-select img {
        margin-left: .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: .5rem;
    outline: none; }
    @media only screen and (max-width: 768px) {
      .TotalOrderPopup .box-container {
        margin-left: 10px;
        margin-right: 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-right: 2rem;
        margin-bottom: 1.5rem;
        position: relative; }
        .TotalOrderPopup .box-container__content .orderList .orderItem:last-of-type {
          margin-bottom: 2rem; }
        .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;
          right: 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: .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-left: 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: .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-left: .5rem; }
            .TotalOrderPopup .box-container__content .orderList .orderItem .item .info img {
              margin-left: .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 .5rem;
      margin-bottom: 1rem; }
      .TotalOrderPopup .box-container .box-btn .btn-social {
        width: 100%;
        margin-bottom: .5rem;
        background-color: transparent;
        border: 1px solid var(--color-natural-200, #E2E8F0);
        padding: .75rem;
        border-radius: .25rem;
        cursor: pointer;
        font-size: .9rem;
        font-weight: 600;
        transition: all ease-in-out .3s;
        color: var(--color-blue-primary, #0D52DB);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 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-left: 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: .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: .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 .5rem; }
      .PassportPopupLG .box-container__Action .label-uplode {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 .5rem;
        padding: .75rem 3.5rem;
        background-color: var(--color-blue-primary, #0D52DB);
        border-radius: .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: .5rem;
        padding: .88rem 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 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: .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 .5rem; }
    .passportDrawerSM__Container__Action .label-uplode {
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0 .5rem;
      padding: .75rem 3.5rem;
      background-color: var(--color-blue-primary, #0D52DB);
      border-radius: .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: .5rem;
      padding: .88rem 1.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 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: .5rem; }
    @media only screen and (max-width: 768px) {
      .AncillaryPopup .box-container {
        margin-right: 5px;
        margin-left: 5px;
        width: 100%; } }
    .AncillaryPopup .box-container__Header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
      margin-bottom: .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: .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: .5rem; } }
      .AncillaryPopup .box-container__content .inputCheck .MuiFormControlLabel-root {
        margin: 0;
        padding: 0;
        border: 1px solid var(--color-natural-200, #E2E8F0);
        padding: .75rem 1rem;
        margin-left: .5rem;
        border-radius: .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-left: 0; }
        .AncillaryPopup .box-container__content .inputCheck .MuiFormControlLabel-root .MuiRadio-root {
          padding: 0;
          margin-left: .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: .5rem; }
    @media only screen and (max-width: 768px) {
      .InsurancePopup .box-container {
        margin-right: 5px;
        margin-left: 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-left: .5rem;
          background-color: transparent;
          border: none;
          color: var(--color-blue-primary, #0D52DB);
          border-radius: .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: .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: .88rem;
          border-radius: .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: .5rem; } }
          .InsurancePopup .box-container__content .div-btn .btn-apply img {
            margin-left: .5rem; }

.SeatChoosePopup .contentScroll {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.SeatChoosePopup .box-container {
  background-color: var(--color-white, #ffffff);
  height: 100%;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem; }
  .SeatChoosePopup .box-container__Header {
    padding: 1rem;
    text-align: center;
    margin-bottom: .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: right;
      display: flex;
      align-items: center;
      gap: 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;
      left: 1rem; }
  .SeatChoosePopup .box-container .traveller {
    display: flex;
    gap: 0 .5rem;
    margin-bottom: .5rem;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-snap-points-x: repeat(3rem);
    scroll-behavior: smooth;
    cursor: pointer;
    padding-top: .25rem;
    margin-top: .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: .75rem;
      border-radius: .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: .12rem; }
      .SeatChoosePopup .box-container .traveller .Box-traveller .fromTo {
        display: flex;
        align-content: center;
        gap: 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: .38rem;
        border-radius: .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;
        right: 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 .5s; }
      .SeatChoosePopup .box-container__content .SeatChoose__Layout__Header {
        display: flex;
        align-items: center;
        margin-bottom: .5rem;
        position: sticky;
        top: 0;
        background-color: var(--color-white, #ffffff);
        z-index: 99;
        gap: 0 .5rem; }
        .SeatChoosePopup .box-container__content .SeatChoose__Layout__Header__Top {
          width: 1.5rem;
          height: 1.5rem;
          border: .19rem;
          display: flex;
          align-items: center;
          justify-content: center; }
          .SeatChoosePopup .box-container__content .SeatChoose__Layout__Header__Top:last-of-type {
            margin-left: 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: .5rem;
        gap: 0 .5rem; }
        .SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box {
          width: 1.5rem;
          height: 1.5rem;
          border-radius: .19rem;
          background-color: var(--color-natural-300, #CBD5E1);
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all ease-in-out .3s;
          cursor: pointer;
          position: relative; }
          .SeatChoosePopup .box-container__content .SeatChoose__Layout__Content__Box:last-of-type {
            margin-left: 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 .3s; }
          .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:has(input:checked) .Iconselect {
              opacity: 1; }
          .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;
            right: 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 .3s ease-in-out;
            z-index: 2;
            padding: 5px;
            border-radius: 3px;
            font-size: .9rem;
            padding: 10px 25px;
            color: var(--color-natural-900, #0F172A);
            visibility: hidden;
            opacity: 0;
            transition: opacity .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: .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: .65rem;
        font-weight: 500;
        margin-bottom: .5rem; }
      .SeatChoosePopup .box-container__content .SeatChoose.loading {
        transition: all ease-in-out .5s; }
        .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 .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 .5s; }
    .SeatChoosePopup .box-container__content .Btn-Footer {
      position: sticky;
      bottom: 0;
      background-color: var(--color-natural-100, #F1F5F9);
      padding: 1 .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: .5rem;
        padding: .88rem;
        border: none;
        color: var(--color-white, #ffffff);
        border-radius: .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: .38rem;
    border-radius: .19rem;
    font-size: 0.93313rem;
    font-weight: 400;
    color: var(--color-natural-900, #0F172A); }
    .MuiList-root .customeSeatMenuItem .seat span {
      font-weight: 500 !important; }

.bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes, .seatTypePopups .seatTypes, .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes {
  border: 1px solid var(--color-natural-200, #E2E8F0);
  border-radius: .25rem;
  padding: 1rem; }
  .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type, .seatTypePopups .seatTypes .type, .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type {
    display: flex;
    align-items: center;
    margin-bottom: .5rem; }
    .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type:last-of-type, .seatTypePopups .seatTypes .type:last-of-type, .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type:last-of-type {
      margin-bottom: 0; }
    .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box, .seatTypePopups .seatTypes .type .box, .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box {
      width: 1.7rem;
      height: 1.7rem;
      border-radius: .19rem;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: .5rem; }
      .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.notSelect, .seatTypePopups .seatTypes .type .box.notSelect, .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.notSelect {
        background-color: var(--color-natural-400, #94A3B8); }
      .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.select, .seatTypePopups .seatTypes .type .box.select, .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.select {
        background-color: var(--color-blue-primary, #0D52DB); }
      .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.standard, .seatTypePopups .seatTypes .type .box.standard, .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.standard {
        background-color: var(--color-natural-300, #CBD5E1); }
      .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.cheapest, .seatTypePopups .seatTypes .type .box.cheapest, .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.cheapest {
        background-color: var(--color-yellow-primary, #FFCC00); }
      .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.extra, .seatTypePopups .seatTypes .type .box.extra, .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .box.extra {
        background-color: var(--color-blue-dark, #1E3A8A); }
    .bookingFlight__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .seatTypes .type .title, .seatTypePopups .seatTypes .type .title, .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .seatCardContent .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 .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: .5rem;
      margin-bottom: 1.25rem; }
      @media only screen and (max-width: 768px) {
        .paymentFlight__Container__Left .boxContent {
          flex-wrap: wrap;
          padding: 1rem .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: .5rem;
        display: flex;
        flex-direction: column;
        margin-bottom: .5rem;
        transition: all ease-in-out .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-left: 1rem;
            transition: all ease-in-out .2s; }
          .paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .header img,
          .paymentFlight__Container__Left .boxContent__PaymentChose .PaymentSelect .header img {
            margin-left: .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 .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: .88rem 1rem;
            color: var(--color-white, #ffffff);
            border: none;
            border-radius: .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 .3s; }
          .paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .MuiFormControl-root {
            width: 100%;
            margin-bottom: .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: .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-left: .5rem;
                width: calc(100% / 3.1);
                border-radius: .5rem;
                margin-bottom: .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-left: 0; }
                .paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber {
                  display: flex;
                  align-items: center;
                  margin-bottom: .5rem; }
                  .paymentFlight__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber .numberHiden {
                    margin-left: 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-left: 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: .5rem; }
          .paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount__Header .title {
            font-size: 0.875rem;
            font-weight: 600;
            margin: 0;
            margin-bottom: .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-left: .5rem; }
        .paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount .totalList {
          margin: 0;
          padding: 0;
          list-style: none;
          width: 100%;
          margin-bottom: .75rem; }
          .paymentFlight__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: .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 .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 .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 .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 .25rem;
      flex-wrap: wrap; }
      @media only screen and (max-width: 768px) {
        .paymentFlight__Container__Left .CoinsChance__Content {
          padding: .25rem .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: .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 .5rem;
        margin-bottom: 1.5rem; }
        .paymentFlight__Container__Right .boxContent__ReservationDetails__Header__details .box-img {
          width: 4rem;
          height: 4rem;
          border-radius: .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 .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-right: .5rem;
              background-color: var(--color-natural-200, #E2E8F0);
              padding: .25rem .38rem;
              border-radius: .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-right: .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: .5rem; }
          .paymentFlight__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info img {
            margin-left: .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-right: .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-left: 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;
              right: 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: .5rem; }
        .paymentFlight__Container__Right .boxContent__FlightDeteails__Content .title span {
          color: var(--color-natural-400, #94A3B8);
          font-weight: 600;
          margin-right: .5rem; }
      .paymentFlight__Container__Right .boxContent__FlightDeteails__Content .airPlanName {
        background-color: var(--color-natural-100, #F1F5F9);
        width: max-content;
        padding: .25rem;
        display: flex;
        align-items: center;
        margin-bottom: .5rem; }
        .paymentFlight__Container__Right .boxContent__FlightDeteails__Content .airPlanName:last-of-type {
          margin-bottom: 1.25rem; }
        .paymentFlight__Container__Right .boxContent__FlightDeteails__Content .airPlanName img {
          margin-left: .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: .75rem;
          display: block;
          text-align: right; }
        .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-left: .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: right;
          margin-bottom: 1.5rem;
          display: block; }
        .paymentFlight__Container__Right .boxContent__FlightDeteails__Content .MuiTimeline-root .MuiTimelineSeparator-root .icon {
          margin-left: -7px;
          position: relative;
          right: -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 .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-left: .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: .5rem; }
      .paymentFlight__Container__Right .boxContent__TimerPrice .info .price {
        font-size: 1rem;
        font-weight: 600;
        color: var(--color-natural-700, #334155);
        margin: 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-left: .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: .5rem;
  margin-top: .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: .5rem;
    outline: none; }
    @media only screen and (max-width: 768px) {
      .RedeemPopup .box-container {
        margin-left: 10px;
        margin-right: 10px; } }
    .RedeemPopup .box-container__Header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
      margin-bottom: .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: .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: .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: .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: .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: right; }
      .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 .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: right; }
    .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: .5rem; }
          .bookingConfirmed__Content .boxInfo .flightDetails .boxList .list .item .name {
            width: 6.5rem;
            font-size: 0.88875rem;
            font-weight: 400;
            text-align: right;
            margin-left: .5rem; }
            @media only screen and (max-width: 768px) {
              .bookingConfirmed__Content .boxInfo .flightDetails .boxList .list .item .name {
                width: 100%;
                text-align: right; } }
          .bookingConfirmed__Content .boxInfo .flightDetails .boxList .list .item .info {
            margin: 0;
            width: 11.25rem;
            font-size: 0.88875rem;
            font-weight: 400;
            text-align: right; }
            @media only screen and (max-width: 768px) {
              .bookingConfirmed__Content .boxInfo .flightDetails .boxList .list .item .info {
                width: 100%;
                text-align: right; } }
  .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 .5rem;
        flex-direction: column; } }
    .bookingConfirmed__Content .div-btn .btn-back {
      background-color: transparent;
      border: 1px solid var(--color-blue-primary, #0D52DB);
      padding: .88rem 1.5rem;
      border-radius: .5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      color: var(--color-blue-primary, #0D52DB);
      margin-left: .5rem;
      width: 100%;
      cursor: pointer; }
      @media only screen and (max-width: 768px) {
        .bookingConfirmed__Content .div-btn .btn-back {
          margin-bottom: 1rem;
          margin-left: 0; } }
      .bookingConfirmed__Content .div-btn .btn-back img {
        margin-left: .5rem; }
      .bookingConfirmed__Content .div-btn .btn-back .ri {
        margin-left: .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: .88rem 1.5rem;
      border-radius: .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-left: .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: .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: .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: right; }
    .flightNotAvailable__Content .boxInfo .flightDetails .list {
      margin: 0;
      padding: 0; }
      .flightNotAvailable__Content .boxInfo .flightDetails .list .item {
        list-style: none;
        margin-bottom: .5rem;
        font-size: 0.88875rem;
        font-weight: 400;
        color: var(--color-natural-900, #0F172A);
        padding-right: 1rem;
        position: relative; }
        .flightNotAvailable__Content .boxInfo .flightDetails .list .item:before {
          content: '';
          width: .5rem;
          height: .5rem;
          border-radius: 100%;
          background-color: var(--color-natural-900, #0F172A);
          position: absolute;
          right: 0;
          top: .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 .5rem;
        flex-direction: column; } }
    .flightNotAvailable__Content .div-btn .btn-back {
      background-color: transparent;
      border: 1px solid var(--color-blue-primary, #0D52DB);
      padding: .88rem 1.5rem;
      border-radius: .5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      color: var(--color-blue-primary, #0D52DB);
      margin-left: .5rem;
      width: 100%;
      cursor: pointer; }
      @media only screen and (max-width: 768px) {
        .flightNotAvailable__Content .div-btn .btn-back {
          margin-bottom: 1rem;
          margin-left: 0; } }
      .flightNotAvailable__Content .div-btn .btn-back img {
        margin-left: .5rem; }
    .flightNotAvailable__Content .div-btn .btn-download {
      background-color: var(--color-blue-primary, #0D52DB);
      border: 1px solid var(--color-blue-primary, #0D52DB);
      padding: .88rem 1.5rem;
      border-radius: .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-left: .5rem; }

.error-page { }
  .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;
        right: 208px;
        width: 100%;
        height: 100%; }
        @media only screen and (max-width: 768px) {
          .error-page__Content .box-image .layer-2 {
            top: -94px;
            right: 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 .5rem; }
          .hotelResult .ResultFormSearch .boxFormSearch__mobile__content__info .title {
            font-size: 0.99563rem;
            color: var(--color-white, #ffffff);
            margin: 0;
            margin-bottom: .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-right: .3rem;
            transform: rotate(-180deg);
            margin-left: -.2rem; }
          .hotelResult .ResultFormSearch .boxFormSearch__mobile__content__info .arrowRight {
            margin-left: .3rem;
            margin-right: -.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: .25rem;
      overflow: hidden;
      transition: all ease-in-out .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%;
        right: 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: .5rem;
        padding: 1rem; }
        .hotelResult__Container .filterResult__Content .section-title {
          font-size: 0.75rem;
          color: var(--color-natural-900, #0F172A);
          margin: 0;
          margin-bottom: .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: .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: .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: .75rem;
              font-weight: 400;
              display: block;
              padding: .06rem .38rem;
              border-radius: .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-left: .25rem; }
      .hotelResult__Container .filterResult .PropertyType {
        margin-bottom: 1.5rem; }
    .hotelResult__Container .Results {
      width: calc(100% - 20.0650rem); }
      @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-left: .5rem; }
          .hotelResult__Container .Results__header .sortGroup .sort-container {
            display: flex;
            align-items: center;
            gap: 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-left: 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: .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: .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: .25rem;
              cursor: pointer; }
            .hotelResult__Container .Results__Content__HotelCard__Info__Left .header .BoxStar {
              display: flex;
              align-items: center;
              gap: 0.25rem;
              margin-bottom: .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-left: .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 .25rem;
                flex-shrink: 0;
                scroll-snap-align: start; }
            .hotelResult__Container .Results__Content__HotelCard__Info__Left .info {
              display: flex;
              align-items: center;
              gap: 0 .5rem;
              margin-bottom: .5rem; }
              .hotelResult__Container .Results__Content__HotelCard__Info__Left .info .review {
                display: flex;
                align-items: center;
                gap: 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: .5rem;
                padding: .2rem .5rem;
                display: flex;
                align-items: center; }
                .hotelResult__Container .Results__Content__HotelCard__Info__Left .info .rate img {
                  margin-left: .5rem; }
                .hotelResult__Container .Results__Content__HotelCard__Info__Left .info .rate span {
                  font-size: .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: .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 .38rem;
                flex-shrink: 0;
                scroll-snap-align: start; }
                .hotelResult__Container .Results__Content__HotelCard__Info__Left .RoomDetails .content span img {
                  margin-left: .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: left; }
            .hotelResult__Container .Results__Content__HotelCard__Info__Right__Top .hint {
              font-size: .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 .25rem;
              justify-content: flex-end;
              font-size: .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: .5rem;
              padding: .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: .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: .60rem;
              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: .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: .9;
          margin-bottom: .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: .5rem;
          margin-bottom: .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: .5rem; }
          .hotelResult__Container .Results .buttonPrice .btn-check .price {
            color: var(--color-white, #ffffff);
            font-size: 1.0625rem;
            font-weight: 600;
            margin-right: .5rem; }
          .hotelResult__Container .Results .buttonPrice .btn-check .coins {
            margin-right: 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: .5rem;
        padding-top: .5rem;
        border-top: 1px solid var(--color-natural-200, #E2E8F0); }
        .hotelResult__Container .Results .BoxButtom .BoxButtom-coins {
          display: flex;
          align-items: flex-end;
          gap: 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: .5rem; }
        .hotelResult__Container .Results .BoxButtom .hint {
          font-size: .75rem;
          font-size: .75rem;
          display: block;
          display: flex;
          align-items: center;
          color: var(--color-natural-700, #334155);
          margin-right: .5rem; }
          .hotelResult__Container .Results .BoxButtom .hint img {
            margin-left: .2rem; }
        .hotelResult__Container .Results .BoxButtom .price {
          color: var(--color-natural-900, #0F172A);
          font-size: 1.20938rem;
          font-weight: 500;
          margin-right: .5rem;
          display: block;
          width: 100%;
          display: flex;
          gap: 0 .5rem; }
        .hotelResult__Container .Results .BoxButtom .benefits span {
          display: flex;
          align-items: center;
          gap: 0 .25rem;
          justify-content: flex-end;
          font-size: .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: .60rem;
          font-size: 0.75rem;
          font-weight: 500;
          color: var(--color-natural-900, #0F172A);
          width: max-content; }
  .hotelResult .flightNotAvailable {
    width: 100%;
    border-radius: .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 .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-left: 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-left: .25rem;
          text-decoration: none; }
    .bookingHotel__header__Steps {
      display: flex;
      width: 70%;
      gap: 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: .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 .5rem; }
    @media only screen and (max-width: 768px) {
      .bookingHotel__Container {
        flex-wrap: wrap;
        padding: 1rem .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: .5rem;
        margin-bottom: 1.25rem; }
        @media only screen and (max-width: 768px) {
          .bookingHotel__Container__Left .boxContent {
            flex-wrap: wrap;
            padding: 1rem .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 .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-right: .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;
              right: 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: .75rem;
          display: flex;
          align-items: center;
          justify-content: space-between;
          background-color: var(--color-natural-100, #F1F5F9);
          padding: .5rem 1rem !important;
          border-radius: .25rem; }
          .bookingHotel__Container__Left .boxContent__Footer__Left {
            display: flex; }
            .bookingHotel__Container__Left .boxContent__Footer__Left .MuiFormControlLabel-root .MuiButtonBase-root {
              padding: 0;
              margin-left: .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 .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-right: .5rem; }
          .bookingHotel__Container__Left .boxContent__Footer.nobackGround {
            background-color: transparent;
            padding: .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: .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: .25rem; }
            .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Header__Top img {
              margin-left: .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: .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: .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-left: .5rem; }
          .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content {
            margin-bottom: .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-left: 1.5rem; }
              @media only screen and (max-width: 768px) {
                .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo {
                  margin-bottom: .75rem;
                  width: 100%;
                  margin-left: 0; } }
              .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__FlightInfo .logo {
                width: 3rem;
                height: 3rem;
                margin-left: .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: .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 .25rem; }
            .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck {
              display: flex;
              width: 100%;
              gap: 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: .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: .5rem;
                    padding: .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: .5rem;
                  left: .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;
                    left: -0.1rem;
                    opacity: 0; }
                .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: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__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-left: .5rem; } }
                  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__Passenger__Content__AllCheck__BoxCheck__Header .title {
                    font-size: 0.90rem;
                    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: .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: .25rem;
          background-color: var(--color-natural-100, #F1F5F9); }
          .bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Header {
            display: flex;
            align-items: center;
            margin-bottom: .5rem; }
            .bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Header img {
              margin-left: .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: .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: .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-right: .5rem; }
              @media only screen and (max-width: 768px) {
                .bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore {
                  border: 1px solid var(--color-blue-primary, #0D52DB);
                  padding: .88rem 1.5rem;
                  border-radius: .5rem;
                  width: 8rem;
                  justify-content: center; }
                  .bookingHotel__Container__Left .boxContent__ExtraCheckIn__LostBaggage__Footer .btn-ViewMore img {
                    display: none; } }
            @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: .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: .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-left: .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: .88rem .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-left: .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-left: 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-right: 25px; }
            .bookingHotel__Container__Left .boxContent__ChooseSeats__Header__Right .airlineInfo .fromTo img {
              margin: 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: .25rem;
              padding: 1rem;
              margin-bottom: .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: .38rem .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-left: 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 .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: .38rem .5rem;
                border-radius: .25rem;
                margin-bottom: .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-left: .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: .31rem .38rem;
                  background-color: var(--color-blue-primary, #0D52DB);
                  border-radius: .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-right: .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 .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;
                right: 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 .5s; }
              .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header {
                display: flex;
                align-items: center;
                margin-bottom: .5rem; }
                .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header__Top {
                  width: 2.5rem;
                  height: 2.5rem;
                  border: .19rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin-left: 1rem; }
                  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Header__Top:last-of-type {
                    margin-left: 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: .5rem; }
                .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box {
                  width: 2.5rem;
                  height: 2.5rem;
                  margin-left: 1rem;
                  border-radius: .19rem;
                  background-color: var(--color-natural-300, #CBD5E1);
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  transition: all ease-in-out .3s;
                  cursor: pointer;
                  position: relative; }
                  .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose__Layout__Content__Box:last-of-type {
                    margin-left: 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 .3s; }
                  .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:has(input:checked) .Iconselect {
                      opacity: 1; }
                  .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;
                    right: 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 .3s ease-in-out;
                    z-index: 2;
                    padding: 10px 25px;
                    border-radius: 3px;
                    font-size: .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: .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: .5rem; }
              .bookingHotel__Container__Left .boxContent__ChooseSeats__Content .SeatChooseContent .SeatChoose.loading {
                transition: all ease-in-out .5s; }
                .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 .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 .5s; }
        .bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .FromTo {
          display: flex;
          align-items: center;
          gap: 0 .5rem;
          margin-bottom: .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 .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: .5rem;
            background-color: var(--color-natural-100, #F1F5F9);
            width: max-content;
            padding: .38rem;
            border-radius: .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: .38rem;
              border-radius: .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: .88rem 1.5rem;
          border-radius: .5rem;
          cursor: pointer; }
          .bookingHotel__Container__Left .boxContent__ChooseSeats__ContentSM .btn-seatMap img {
            margin-left: .5rem; }
        .bookingHotel__Container__Left .boxContent__BookingSupport {
          padding: 1rem;
          border: 1px solid var(--color-natural-200, #E2E8F0);
          border-radius: .38rem;
          display: flex;
          justify-content: space-between;
          margin-bottom: .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: .25rem;
              background-color: var(--color-natural-100, #F1F5F9);
              display: flex;
              align-items: center;
              justify-content: center;
              margin-left: 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: .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-left: 0; }
              @media only screen and (max-width: 768px) {
                .bookingHotel__Container__Left .boxContent__BookingSupport__Right .MuiFormControlLabel-root {
                  top: 4px;
                  left: 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-right: .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: .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: .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: .88rem 1.5rem;
            border-radius: .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-left: .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: .25rem;
              overflow: hidden;
              margin-left: 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-left: 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: .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-left: 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: .5rem; } }
            .bookingHotel__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root {
              margin: 0;
              padding: 0;
              border: 1px solid var(--color-natural-200, #E2E8F0);
              padding: .75rem 1rem;
              margin-left: .5rem;
              border-radius: .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-left: 0; }
              .bookingHotel__Container__Left .boxContent__BoxServices__Right__Bottom .MuiFormControlLabel-root .MuiRadio-root {
                padding: 0;
                margin-left: .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: .88rem 1.5rem;
            border-radius: .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-left: .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 .88rem;
          border: 1px solid var(--color-natural-200, #E2E8F0);
          border-radius: .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: .62rem; }
            .bookingHotel__Container__Left .boxContent__BoxInsurance__Left__Header img {
              margin-left: .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: .5rem; }
              .bookingHotel__Container__Left .boxContent__BoxInsurance__Left__List .item img {
                margin-left: .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: .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: .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: .88rem 1.5rem;
              border-radius: .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-left: .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 .88rem;
          border: 1px solid var(--color-natural-200, #E2E8F0);
          border-radius: .56rem;
          display: flex;
          flex-direction: column;
          margin-bottom: 1.25rem;
          position: relative;
          width: calc(100% / 3 - 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: .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: .25rem .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-left: .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: .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: .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: .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: .5rem; }
                .bookingHotel__Container__Left .boxContent__LevelSupport__Box__Body__List .item img {
                  margin-left: .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: .88rem 1.5rem;
            width: 100%;
            border-radius: .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: .88rem 1.5rem;
              width: 100%;
              border-radius: .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: .75rem 0;
              border-radius: .56rem;
              border-bottom-right-radius: 0;
              border-bottom-left-radius: 0; }
              @media only screen and (max-width: 768px) {
                .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box .bestPrice {
                  position: absolute;
                  z-index: 999;
                  padding: .25rem 1rem;
                  font-size: .75rem;
                  left: 29px;
                  top: -11px;
                  border-radius: .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: .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: .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 .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: .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: left;
                      margin-bottom: .5rem; } }
                  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .price {
                    margin: 0;
                    font-size: .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: .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: .5rem; } }
                    .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item img {
                      margin-left: .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: .75rem 0.5rem 0; }
                    .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo img {
                      margin-top: .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: .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: .88rem 1.5rem;
                width: 100%;
                border-radius: .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: .88rem 1.5rem;
                  width: 100%;
                  border-radius: .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-right-radius: 0;
              border-top-left-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: .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: .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: .5rem; } }
            .bookingHotel__Container__Left .boxContent__Normal__Container__Right__Content__Header .title {
              font-size: 1.25rem;
              font-weight: 600;
              margin: 0;
              margin-bottom: .25rem; }
            .bookingHotel__Container__Left .boxContent__Normal__Container__Right__Content__Header .info {
              font-size: 1rem;
              margin-bottom: .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 .5rem;
                    margin-top: 1rem;
                    margin-bottom: .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: .5rem; } }
              .bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root {
                margin: 0;
                padding: 0;
                border: 1px solid var(--color-natural-200, #E2E8F0);
                padding: .75rem 1rem;
                margin-left: .5rem;
                border-radius: .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-left: 0; }
                .bookingHotel__Container__Left .boxContent__Normal__Container__Right__Price .MuiFormControlLabel-root .MuiRadio-root {
                  padding: 0;
                  margin-left: .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: .88rem 1.5rem;
                width: 100%;
                border-radius: .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: .75rem 0;
            border-radius: .56rem;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0; }
            @media only screen and (max-width: 768px) {
              .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box .BestPrice {
                position: absolute;
                z-index: 999;
                padding: .25rem 1rem;
                font-size: .75rem;
                left: 29px;
                top: -11px;
                border-radius: .56rem; } }
          .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container {
            padding: 1rem 0;
            border: 1px solid var(--color-natural-200, #E2E8F0);
            border-radius: .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-right-radius: 0;
              border-top-left-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: .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: .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 .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: .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: left;
                    margin-bottom: .5rem; } }
                .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Header .pricing .price {
                  margin: 0;
                  font-size: .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: .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: .5rem; } }
                  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .item img {
                    margin-left: .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: .75rem 0.5rem 0; }
                  .bookingHotel__Container__Left .boxContent__NewLevelSupport__Box__Container__Body__List .itemInfo img {
                    margin-top: .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: .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: .88rem 1.5rem;
              width: 100%;
              border-radius: .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: .88rem 1.5rem;
                width: 100%;
                border-radius: .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: .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 .2s; }
          .bookingHotel__Container__Left .boxContent .frequentClick input[type="checkbox"]:checked + .frequentClickContent {
            height: max-content;
            transition: all ease-in-out .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: .5rem;
            display: flex;
            align-items: center;
            gap: 0 .5rem; }
          .bookingHotel__Container__Left .boxContent .blineChoice .BoxInfo .btn-noBorder {
            border: none;
            background-color: transparent;
            color: var(--color-blue-primary, #0D52DB);
            padding: .88rem .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: left; }
            @media only screen and (max-width: 768px) {
              .bookingHotel__Container__Left .boxContent .blineChoice__Right .title {
                text-align: right; } }
          .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-left: 1.5rem; }
              @media only screen and (max-width: 768px) {
                .bookingHotel__Container__Left .boxContent .blineChoice__Right .div-Bottom .price {
                  position: absolute;
                  right: 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: .5rem;
        margin-bottom: 1.25rem; }
        .bookingHotel__Container__Right .boxContent__Timer {
          display: flex;
          align-items: center; }
          .bookingHotel__Container__Right .boxContent__Timer .ri {
            margin-left: .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: .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-left: .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: .5rem;
            margin-right: 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 .5rem;
          margin-bottom: 1.5rem; }
          .bookingHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-img {
            width: 4rem;
            height: 4rem;
            border-radius: .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 .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-right: .5rem;
                background-color: var(--color-natural-200, #E2E8F0);
                padding: .25rem .38rem;
                border-radius: .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-right: .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: .5rem; }
            .bookingHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info img {
              margin-left: .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-right: .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-left: 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;
                right: 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-left: .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: .5rem;
    border-radius: .5rem;
    padding: .5rem .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-left: .5rem; }
    .bookingHotel .btn-View-Flight .rightSide {
      display: flex;
      align-items: center;
      gap: 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: .88rem 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    cursor: pointer; }
    .bookingHotel .btn-book img {
      margin-left: .5rem; }

.whatsappInfo {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-natural-900, #0F172A);
  display: flex;
  margin: 0; }
  .whatsappInfo .price {
    margin-right: .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 .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-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem; }

.ReservationDetailsPopup .box-container {
  background-color: var(--color-white, #ffffff);
  height: 100%;
  overflow-x: auto;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem; }
  .ReservationDetailsPopup .box-container__Header {
    padding: 1rem;
    text-align: center;
    margin-bottom: .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;
      left: 1rem; }
  .ReservationDetailsPopup .box-container__content {
    padding: .5rem;
    padding-top: 86px;
    padding-bottom: 10rem; }
    .ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails {
      padding-right: 5px;
      padding-left: 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 .5rem;
        margin-bottom: 1.5rem; }
        .ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__Header__details .box-img {
          width: 4rem;
          height: 4rem;
          border-radius: .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 .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-right: .5rem;
              background-color: var(--color-natural-200, #E2E8F0);
              padding: .25rem .38rem;
              border-radius: .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-right: .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: .5rem; }
          .ReservationDetailsPopup .box-container__content .boxContent__ReservationDetails__RoomDetails__info .box-info img {
            margin-left: .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-right: .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-left: 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;
              right: 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 .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: .5rem;
      margin-bottom: 1.25rem; }
      @media only screen and (max-width: 768px) {
        .paymentHotel__Container__Left .boxContent {
          flex-wrap: wrap;
          padding: 1rem .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: .5rem;
        display: flex;
        flex-direction: column;
        margin-bottom: .5rem;
        transition: all ease-in-out .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-left: 1rem;
            transition: all ease-in-out .2s; }
          .paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .header img,
          .paymentHotel__Container__Left .boxContent__PaymentChose .PaymentSelect .header img {
            margin-left: .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 .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: .88rem 1rem;
            color: var(--color-white, #ffffff);
            border: none;
            border-radius: .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 .3s; }
          .paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .MuiFormControl-root {
            width: 100%;
            margin-bottom: .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: .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-left: .5rem;
                width: calc(100% / 3.1);
                border-radius: .5rem;
                margin-bottom: .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-left: 0; }
                .paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber {
                  display: flex;
                  align-items: center;
                  margin-bottom: .5rem; }
                  .paymentHotel__Container__Left .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber .numberHiden {
                    margin-left: 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-left: 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: .5rem; }
          .paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount__Header .title {
            font-size: 0.875rem;
            font-weight: 600;
            margin: 0;
            margin-bottom: .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-left: .5rem; }
        .paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount .totalList {
          margin: 0;
          padding: 0;
          list-style: none;
          width: 100%;
          margin-bottom: .75rem; }
          .paymentHotel__Container__Left .boxContent__PaymentChose .totalAmount .totalList .item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: .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 .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 .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 .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 .25rem;
      flex-wrap: wrap; }
      @media only screen and (max-width: 768px) {
        .paymentHotel__Container__Left .CoinsChance__Content {
          padding: .25rem .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: .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 .5rem;
        margin-bottom: 1.5rem; }
        .paymentHotel__Container__Right .boxContent__ReservationDetails__Header__details .box-img {
          width: 4rem;
          height: 4rem;
          border-radius: .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 .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-right: .5rem;
              background-color: var(--color-natural-200, #E2E8F0);
              padding: .25rem .38rem;
              border-radius: .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-right: .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: .5rem; }
          .paymentHotel__Container__Right .boxContent__ReservationDetails__RoomDetails__info .box-info img {
            margin-left: .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-right: .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-left: 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;
              right: 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-left: .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-left: .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: .88rem 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .5rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  cursor: pointer; }
  .paymentHotel .btn-book img {
    margin-left: .5rem; }

.paymentHotel .alert {
  text-align: center;
  background-color: var(--color-yellow-background, #FFF49D);
  padding: .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 .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: .5rem; } }
      .hotelDetails__Container .hotelinformation__details {
        grid-column: 1/10;
        grid-row: 1/3;
        border: 1px solid var(--color-natural-200, #E2E8F0);
        border-radius: .5rem;
        padding: 1.25rem;
        background-color: var(--color-white, #ffffff); }
        @media only screen and (max-width: 768px) {
          .hotelDetails__Container .hotelinformation__details {
            padding: .75rem; } }
        .hotelDetails__Container .hotelinformation__details .title {
          font-size: 1.80188rem;
          font-weight: 700;
          margin: 0;
          margin-bottom: .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: .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-left-radius: .5rem;
            border-bottom-left-radius: .5rem;
            border-top-right-radius: .5rem;
            color: var(--color-white, #ffffff); }
        .hotelDetails__Container .hotelinformation__Reviews__Content {
          border: 1px solid var(--color-natural-200, #E2E8F0);
          border-radius: .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: .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%;
          right: 50%;
          transform: translate(50%, -50%);
          padding: .25rem .5rem;
          border-radius: .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: .25rem;
        overflow: hidden;
        transition: all ease-in-out .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%;
          right: 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: .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: .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: calc(100% / 5); }
          @media only screen and (max-width: 768px) {
            .hotelDetails__Container .featuresHotel__Container__Box {
              width: 48%; } }
          .hotelDetails__Container .featuresHotel__Container__Box .icon {
            margin-left: .5rem; }
          .hotelDetails__Container .featuresHotel__Container__Box i {
            font-size: 1.5rem;
            color: var(--color-natural-500, #64748B);
            margin-left: .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: .75rem;
        border: 1px solid var(--color-natural-200, #E2E8F0);
        border-radius: .5rem;
        background-color: var(--color-white, #ffffff);
        margin-bottom: .5rem;
        position: relative; }
        .hotelDetails__Container .RoomDetails .BoxRoomDetails .bestPrice {
          background-color: var(--color-green-primary, #00AC6B);
          display: flex;
          align-items: center;
          padding: .25rem .62rem;
          width: max-content;
          font-size: 0.93313rem;
          font-weight: 400;
          color: var(--color-white, #ffffff);
          border-radius: 20px;
          position: absolute;
          top: -.75rem;
          left: 1rem; }
          .hotelDetails__Container .RoomDetails .BoxRoomDetails .bestPrice img {
            margin-left: .5rem; }
        .hotelDetails__Container .RoomDetails .BoxRoomDetails__Header {
          margin-bottom: .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: .75rem; }
          .hotelDetails__Container .RoomDetails .BoxRoomDetails__roomInfo .box {
            width: max-content;
            margin-left: .5rem;
            margin-bottom: .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-left: .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: .75rem; }
          .hotelDetails__Container .RoomDetails .BoxRoomDetails .showDetails img {
            margin-left: .5rem; }
        .hotelDetails__Container .RoomDetails .BoxRoomDetails__Cancelation, .hotelDetails__Container .RoomDetails .BoxRoomDetails__BoxInfo {
          margin-bottom: .75rem; }
          .hotelDetails__Container .RoomDetails .BoxRoomDetails__Cancelation .box, .hotelDetails__Container .RoomDetails .BoxRoomDetails__BoxInfo .box {
            margin-bottom: .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-left: .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 .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: .75rem;
            font-size: .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: .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: .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: .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: .5rem;
            padding: .88rem 1.2rem;
            width: 9rem;
            margin-bottom: .25rem; }
          .hotelDetails__Container .RoomDetails .BoxRoomDetails__Footer__Right .error {
            color: var(--color-red-primary, #E42519);
            margin: 0 auto;
            margin-top: .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: .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-left: 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-left: none; }
          .hotelDetails__Container .RoomDetails .div-table__Row__header {
            width: 100%;
            background-color: var(--color-natural-50, #F8FAFC);
            padding: .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-left: 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-left: 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: .5rem; }
                .hotelDetails__Container .RoomDetails .div-table__Row__CellBody.room .box-room .roomImg {
                  width: 17.0625rem;
                  height: 8rem;
                  margin-bottom: .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-left: .75rem;
                    width: max-content;
                    display: flex;
                    align-items: center;
                    margin-bottom: .75rem; }
                    .hotelDetails__Container .RoomDetails .div-table__Row__CellBody.room .box-room .room-info .box img {
                      margin-left: .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-left: .5rem;
                  margin-bottom: .5rem; }
                  .hotelDetails__Container .RoomDetails .div-table__Row__CellBody.included .box-included .box-content img {
                    margin-left: .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: .75rem 1rem;
                border-left: 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: .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-left: .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-left: 1rem;
                    width: 100%; }
                    .hotelDetails__Container .RoomDetails .div-table__Row__CellBody__row__Cell.Reserve .box-reserve__Left .hint {
                      font-size: .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: .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 .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: .75rem;
                      font-weight: 400;
                      color: var(--color-natural-400, #94A3B8);
                      display: block;
                      margin-bottom: .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 .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-left: .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: left;
                    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: .88rem 1.5rem;
                      border: none;
                      width: 100%;
                      border-radius: .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;
                        right: 50%;
                        transform: translateX(50%);
                        width: max-content;
                        background-color: var(--color-green-primary, #00AC6B);
                        padding: .25rem .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-left: .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: .25rem; }
    .hotelDetails__Container .RoomFacts__content {
      display: flex;
      gap: 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: .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-left: 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: calc(100% / 5); }
            @media only screen and (max-width: 768px) {
              .hotelDetails__Container .RoomFacts__content__Box__Content.fullWidth .RoomFacts__content__Box__Content__Items {
                width: calc(100% / 2); } }
        .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: calc(100% / 3); }
            @media only screen and (max-width: 768px) {
              .hotelDetails__Container .RoomFacts__content__Box__Content.halfWidth .RoomFacts__content__Box__Content__Items {
                width: calc(100% / 2); } }
    .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: .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-left: 1.25rem; }
            @media only screen and (max-width: 768px) {
              .hotelDetails__Container .houseRules__Content__BoxInfo__Left {
                margin-bottom: .5rem; } }
            .hotelDetails__Container .houseRules__Content__BoxInfo__Left img {
              margin-left: .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: .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: calc(100% / 4.3);
        position: relative; }
        @media only screen and (max-width: 768px) {
          .hotelDetails__Container .Viewed__Content__Card {
            width: calc(100% / 1.9); } }
        @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-right-radius: 0;
            border-bottom-left-radius: 0;
            object-fit: cover; }
        .hotelDetails__Container .Viewed__Content__Card__Info {
          background-color: var(--color-white, #ffffff);
          border-bottom-right-radius: .5rem;
          border-bottom-left-radius: .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: .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-left: .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: .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 .5rem; }
          .hotelDetails .ResultFormSearch .boxFormSearch__mobile__content__info .title {
            font-size: 0.99563rem;
            color: var(--color-white, #ffffff);
            margin: 0;
            margin-bottom: .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: .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-left-radius: 1.5rem;
  border-top-right-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-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem; }
  .AdditionalTaxes .box-container__Header,
  .canclationPolicyPopup .box-container__Header,
  .RoomDetailsPopup .box-container__Header {
    padding: 1rem;
    text-align: center;
    margin-bottom: .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;
      left: 1rem; }
  .AdditionalTaxes .box-container__content,
  .canclationPolicyPopup .box-container__content,
  .RoomDetailsPopup .box-container__content {
    padding: .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: .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: .25rem;
      margin-bottom: .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: .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-left: .5rem;
        margin-bottom: .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-left: .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: .5rem;
    outline: none; }
    @media only screen and (max-width: 768px) {
      .AdditionalTaxesLG .box-container,
      .CancelationPolicyPopupLG .box-container {
        margin-left: 10px;
        margin-right: 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;
      /* Track */ }
      .AdditionalTaxesLG .box-container__content::-webkit-scrollbar,
      .CancelationPolicyPopupLG .box-container__content::-webkit-scrollbar {
        width: 5px; }
      .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-right: 2rem;
          margin-bottom: 1.5rem;
          position: relative; }
          .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::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;
            right: 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: .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-left: 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: .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-left: .5rem; }
              .AdditionalTaxesLG .box-container__content .orderList .orderItem .item .info img,
              .CancelationPolicyPopupLG .box-container__content .orderList .orderItem .item .info img {
                margin-left: .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: .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;
            right: 28%;
            top: 100%;
            width: 0;
            height: 0;
            border-right: 10px solid transparent;
            border-left: 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: .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-left: .5rem; }
              .hotelSearchMap__Conatiner .box-map .Box-hotelSearchMap-conatiner .SearchMapFilter__Right .btn-optinal .ri {
                margin-left: .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: .5rem;
            padding-right: 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: .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: .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: .25rem; }
            .hotelSearchMap__Conatiner .box-map .card__Info__Left .header .BoxStar {
              display: flex;
              align-items: center;
              gap: 0.25rem;
              margin-bottom: .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-left: .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 .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: .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 .38rem;
                flex-shrink: 0;
                scroll-snap-align: start; }
                .hotelSearchMap__Conatiner .box-map .card__Info__Left .RoomDetails .content span img {
                  margin-left: .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: left; }
            .hotelSearchMap__Conatiner .box-map .card__Info__Right__Top .hint {
              font-size: .75rem;
              display: block;
              text-align: center;
              color: var(--color-natural-700, #334155); }
            .hotelSearchMap__Conatiner .box-map .card__Info__Right__Top .coins {
              margin-top: .5rem;
              margin-bottom: .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 .5rem;
              margin-bottom: .5rem; }
              .hotelSearchMap__Conatiner .box-map .card__Info__Right__Bottom .info .review {
                margin-bottom: .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: .5rem;
                padding: .31rem .5rem;
                display: flex;
                align-items: center; }
                .hotelSearchMap__Conatiner .box-map .card__Info__Right__Bottom .info .rate img {
                  margin-left: .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: .5rem;
              padding: .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: .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: .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: .5rem;
          margin-bottom: .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: .5rem; }
          .hotelSearchMap__Conatiner .box-map .buttonPrice .btn-check .price {
            color: var(--color-white, #ffffff);
            font-size: 1.0625rem;
            font-weight: 600;
            margin-right: .5rem; }
          .hotelSearchMap__Conatiner .box-map .buttonPrice .btn-check .coins {
            margin-right: 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: .5rem;
        padding-top: .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: .5rem; }
        .hotelSearchMap__Conatiner .box-map .BoxButtom .hint {
          font-size: .75rem;
          font-size: .75rem;
          display: block;
          display: flex;
          align-items: center;
          color: var(--color-natural-700, #334155);
          margin-right: .5rem; }
          .hotelSearchMap__Conatiner .box-map .BoxButtom .hint img {
            margin-left: .2rem; }
        .hotelSearchMap__Conatiner .box-map .BoxButtom .price {
          color: var(--color-natural-900, #0F172A);
          font-size: 1.20938rem;
          font-weight: 500;
          margin-right: .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: .60rem;
          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;
        right: 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: .5rem;
            height: 4rem;
            border-radius: 50rem;
            transition: all ease-in-out .2s;
            width: fit-content;
            /* margin: auto; */
            right: 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 .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-left: 2px solid;
    content: '';
    display: block;
    height: 8px;
    margin-top: -6px;
    position: absolute;
    transform: rotate(-135deg);
    left: 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-left: 2px solid;
  content: "";
  display: block;
  height: 8px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(-230deg);
  left: 8px;
  right: 8px;
  top: 8px;
  width: 0; }

.PriceDropdown__dropDown__slider span[data-index="1"]::before {
  transform: rotate(-120deg);
  border-left: 2px solid;
  content: "";
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  left: 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: .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: .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: .5rem;
            margin-bottom: 1rem; } }
        .MyProfile .profileLeftSide__Conatiner__Tabs .list .item {
          list-style: none;
          display: flex;
          align-items: center;
          gap: 0 .5rem;
          padding: .5rem;
          margin-bottom: .5rem;
          cursor: pointer;
          font-size: 1rem;
          color: var(--color-natural-900, #0F172A);
          transition: all ease-in-out;
          border-radius: .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: .5rem;
        display: flex;
        align-items: center;
        gap: 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;
          left: .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: .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-left: 1.5rem; }
            @media only screen and (max-width: 768px) {
              .MyProfile .ProfileContent .MyAccount__Header__Left__BoxGift {
                width: auto;
                height: auto;
                background-color: transparent;
                margin-left: .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: .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 .25rem;
                background-color: var(--color-white, #ffffff);
                border-radius: 2.25rem;
                padding: .25rem .75rem;
                margin: 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: .88rem 1.5rem;
            border-radius: .5rem;
            background-color: var(--color-white, #ffffff);
            border: none;
            display: flex;
            align-items: center;
            gap: 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 .5rem;
        margin-bottom: .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: .5rem;
        margin-bottom: .5rem; }
        .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Top {
          display: flex;
          align-items: center;
          gap: 0 .5rem;
          margin-bottom: .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 .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: .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 .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: .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 .5rem; }
            @media only screen and (max-width: 768px) {
              .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .date {
                width: 100%;
                margin-bottom: .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 .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: .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 .5rem; }
            @media only screen and (max-width: 768px) {
              .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .traveler {
                width: 100%;
                margin-bottom: .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 .5rem; }
            @media only screen and (max-width: 768px) {
              .MyProfile .ProfileContent .MyAccount .SearchHistory__Content__Bottom .economy {
                width: 100%;
                margin-bottom: .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 .5rem; }
          .MyProfile .ProfileContent .MyAccount .NoHistory .all .Box {
            padding: .88rem 1.5rem;
            border-radius: .5rem;
            border: 1px solid var(--color-blue-primary, #0D52DB);
            display: flex;
            align-items: center;
            gap: 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: .5rem .75rem; } }
  .MyProfile .MyOrder__Tabs {
    display: flex;
    align-items: center;
    gap: 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: .25rem;
      padding: .5rem 2.5rem;
      font-size: 0.86819rem;
      color: var(--color-natural-900, #0F172A);
      font-weight: 400;
      cursor: pointer;
      transition: all ease-in-out .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: .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: .5rem; } }
    .MyProfile .MyOrder__Container__Content .Box-order__Content {
      background-color: var(--color-natural-100, #F1F5F9);
      padding: 1rem;
      border-radius: .5rem;
      margin-bottom: .5rem;
      display: flex;
      justify-content: space-between; }
      .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top {
        display: flex;
        align-items: center;
        gap: 0 .5rem;
        margin-bottom: .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 .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: .5rem; } }
        .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Top .for {
          margin: 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 .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: .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 .5rem; }
          @media only screen and (max-width: 768px) {
            .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .date {
              width: 100%;
              margin-bottom: .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 .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: .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 .5rem; }
          @media only screen and (max-width: 768px) {
            .MyProfile .MyOrder__Container__Content .Box-order__Content__Left__Bottom .traveler {
              width: 50%;
              margin-bottom: .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 .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: .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 .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 .5rem;
        margin-bottom: .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;
            left: .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 .5rem;
      background-color: var(--color-blue-primary, #0D52DB);
      color: var(--color-white, #ffffff);
      border: none;
      padding: .88rem 3rem;
      border-radius: .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-right: auto;
          margin-left: 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: .5rem 0rem; }
        .MyProfile .editInfo .ProfilePhoto .boxBtn .btn-primary {
          background-color: var(--color-blue-primary, #0D52DB);
          border: none;
          display: flex;
          align-items: center;
          padding: .88rem 4rem;
          border-radius: .5rem;
          color: var(--color-white, #ffffff);
          gap: 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: .75rem 1.5rem; } }
        .MyProfile .editInfo .ProfilePhoto .boxBtn .btn-border {
          background-color: transparent;
          border: 1px solid var(--color-natural-200, #E2E8F0);
          border-radius: .5rem;
          padding: .88rem 4rem;
          color: var(--color-natural-900, #0F172A);
          gap: 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;
              left: -0.5rem;
              padding: .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: .88rem 4rem;
        border-radius: .5rem;
        gap: 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 .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;
            right: 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: .88rem 4rem;
        border-radius: .5rem;
        gap: 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;
        right: 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: .88rem 4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: .5rem;
      border: none;
      width: 16rem;
      margin-top: 1rem;
      margin-right: auto;
      gap: 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 .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-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
        border: 1px solid var(--color-natural-200, #E2E8F0);
        padding: 1.5rem; }
        @media only screen and (max-width: 768px) {
          .BookingDetails__Container__Left__Content {
            padding: .5rem; } }
        .BookingDetails__Container__Left__Content .BookingManger {
          margin-bottom: 1.5rem; }
          .BookingDetails__Container__Left__Content .BookingManger .content {
            padding: 0 .75rem; }
            .BookingDetails__Container__Left__Content .BookingManger .content .info {
              display: flex;
              align-items: center;
              gap: 0 .5rem;
              margin-bottom: .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 .5rem; }
            .BookingDetails__Container__Left__Content .Passanger__Content .BoxPassanger {
              border: 1px solid var(--color-natural-200, #E2E8F0);
              border-radius: .5rem;
              padding: 1rem;
              width: max-content;
              margin-bottom: .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 .5rem;
                margin-bottom: .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-left: .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%;
              padding: 1rem; }
              @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__Info {
                display: flex;
                align-items: center;
                margin-bottom: .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 .5rem;
                  margin-bottom: .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%;
              padding: 1rem; }
              @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 .flightInfo {
                display: flex;
                align-items: center;
                gap: 0 .5rem;
                margin-bottom: 1rem; }
              .BookingDetails__Container__Left__Content .Departure__Container .Box-departure__Info {
                display: flex;
                align-items: center;
                margin-bottom: .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 .5rem;
                  margin-bottom: .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: .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: .5rem; }
          .BookingDetails__Container__Right__Content .contactUs .info .left {
            display: flex;
            align-items: center;
            gap: 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-right: .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: .5rem;
          padding: .88rem 1.5rem;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 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: .5rem;
        padding: .88rem 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 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: .5rem;
        padding: 1rem;
        margin-bottom: .5rem; }
        @media only screen and (max-width: 768px) {
          .BookingDetails__Container__Right__Content .OrderInfo {
            margin-top: .5rem; } }
        .BookingDetails__Container__Right__Content .OrderInfo .info {
          display: flex;
          align-items: center;
          gap: 0 .5rem;
          margin-bottom: .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: .5rem; }
        .BookingDetails__Container__Right__Content .OrderInfo .hotel {
          display: flex;
          align-items: center;
          gap: 0 .5rem;
          width: 100%; }
          .BookingDetails__Container__Right__Content .OrderInfo .hotel .ImgHotel {
            width: 4rem;
            height: 4rem;
            border-radius: .25rem; }
          .BookingDetails__Container__Right__Content .OrderInfo .hotel .content {
            width: 100%; }
            .BookingDetails__Container__Right__Content .OrderInfo .hotel .content .name {
              margin-bottom: .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 .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: .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 .5rem;
          border-radius: .5rem;
          padding: .88rem 1.5rem;
          color: var(--color-white, #ffffff);
          font-size: 1rem; }
      .BookingDetails__Container__Right .SelectedInfo-TravelPackege {
        border-radius: .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: .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-right: 20px; }
            @media only screen and (max-width: 640px) {
              .BookingDetails__Container__Right .SelectedInfo-TravelPackege .HotelInfo__Info {
                padding-right: 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-right: 20px; }
            @media only screen and (max-width: 640px) {
              .BookingDetails__Container__Right .SelectedInfo-TravelPackege .schedule__Info {
                padding-right: 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-right: 20px; }
            @media only screen and (max-width: 640px) {
              .BookingDetails__Container__Right .SelectedInfo-TravelPackege .additionalInfo__info {
                padding-right: 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-left-radius: .5rem;
    border-top-right-radius: .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 .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 .5rem;
    padding: .75rem;
    background-color: var(--color-natural-100, #F1F5F9);
    margin-bottom: .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: .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: .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: .38rem;
          text-indent: 1rem; }
          .FindBookingContent__Content__Form .label-input input:focus-within {
            outline: none; }
        .FindBookingContent__Content__Form .label-input img {
          position: absolute;
          top: 10px;
          left: 8px;
          cursor: pointer; }
        .FindBookingContent__Content__Form .label-input .err {
          font-size: .75rem;
          color: var(--color-red-primary, #E42519);
          margin-top: .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: .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-left: 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: .88rem 4rem;
        border-radius: .5rem;
        margin-bottom: 2.5rem;
        cursor: pointer; }
        .FindBookingContent__Content__Form .btn-enter img {
          margin-left: .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: right;
      font-size: 2.5rem;
      line-height: 106%;
      color: var(--color-white, #ffffff);
      margin: 0;
      margin-bottom: .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-left: 16px; }
        .FormSearch__Container__Tabs__Tab .ri {
          font-size: 1.438rem;
          margin-left: 16px; }
        .FormSearch__Container__Tabs__Tab:first-of-type {
          border-top-right-radius: 12px; }
        .FormSearch__Container__Tabs__Tab:last-of-type {
          border-top-left-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-right: auto;
      margin-left: 1rem; }
      .FormSearch__Container .Top-Tabby img {
        width: 90px;
        height: 61px; }
    .FormSearch__Container__Content {
      padding: 24px;
      background-color: var(--color-white, #ffffff);
      border-radius: 12px 0px 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-right: auto;
      margin-left: 1rem;
      background-color: var(--color-white, #ffffff);
      border-radius: .25rem; }
      .FormSearch__Container .Bottom-tabby img {
        width: max-content;
        height: 24px; }
      .FormSearch__Container .Bottom-tabby span {
        padding: 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 .3s;
      width: calc(100% / 2.8); }
      .FormSearchMobile__Container__AllChoices__Box.fullWidth {
        width: calc(100% / 1.40);
        align-items: center; }
      .FormSearchMobile__Container__AllChoices__Box img {
        width: 32px;
        height: 32px;
        transition: all ease-in-out .3s; }
      .FormSearchMobile__Container__AllChoices__Box .ri {
        font-size: 2rem;
        transition: all ease-in-out .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 .2s; }
    .flightSearch__Container__input .input-search .icon {
      margin-left: 10px; }
    .flightSearch__Container__input .input-search .ri {
      margin-left: 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;
        right: 35px;
        font-size: 1rem !important;
        color: #334155;
        transition: all ease-in-out .2s;
        transform: translate(-14px, -11px) scale(1); }
        .flightSearch__Container__input .input-search.MuiTextField-root .MuiFormLabel-root.Mui-focused {
          top: 15px !important;
          right: 32px !important;
          font-size: .75rem !important; }
        .flightSearch__Container__input .input-search.MuiTextField-root .MuiFormLabel-root.MuiFormLabel-filled {
          top: 15px !important;
          right: 32px !important;
          font-size: .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 .2s;
      border-bottom-right-radius: 8px;
      border-bottom-left-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;
          /* Track */
          /* Handle */
          /* Handle on hover */ }
          .flightSearch__Container__dropDown::-webkit-scrollbar {
            width: 5px; }
          .flightSearch__Container__dropDown::-webkit-scrollbar-track {
            background: #f1f1f1; }
          .flightSearch__Container__dropDown::-webkit-scrollbar-thumb {
            background: var(--color-natural-100, #F1F5F9); }
          .flightSearch__Container__dropDown::-webkit-scrollbar-thumb:hover {
            background: #555; } }
      .flightSearch__Container__dropDown__List {
        list-style: none;
        margin: 0;
        padding: 0;
        padding: .75rem 0.625rem; }
        .flightSearch__Container__dropDown__List__Item {
          display: flex;
          align-items: center;
          padding: .5rem;
          cursor: pointer;
          display: flex;
          gap: 0 .25rem;
          border-radius: 4px; }
          @media only screen and (max-width: 768px) {
            .flightSearch__Container__dropDown__List__Item {
              padding: .5rem 0; } }
          .flightSearch__Container__dropDown__List__Item .icon {
            margin-left: 8px; }
          .flightSearch__Container__dropDown__List__Item .ri {
            margin-left: 8px;
            font-size: 1.5rem; }
          .flightSearch__Container__dropDown__List__Item__box {
            width: 100%;
            display: flex;
            justify-content: space-between;
            gap: 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: .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: .9rem; }
            .flightSearch__Container__dropDown__List__Item .tag.tag-backage {
              min-width: 5.875rem;
              font-weight: 400;
              text-align: left; }
            .flightSearch__Container__dropDown__List__Item .tag.tagFlight {
              min-width: 4rem;
              padding-top: .5rem;
              padding-bottom: .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-right-radius: 8px;
      border-top-left-radius: 8px;
      width: 140%;
      position: absolute;
      top: -50px;
      right: -10px;
      z-index: 99;
      transition: width ease-in-out .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 .2s; }
  .CustomeSelect__Container {
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transition: all ease-in-out .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;
      right: -1px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      visibility: hidden;
      opacity: 0;
      transition: all ease-in-out .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 .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;
      right: 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;
        left: 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-left: .5rem; }
          .modalFlightMobile .box-container__content__destination .addTravellersContent__Left .ri {
            margin-left: .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: calc(100%/2);
        cursor: pointer;
        margin-left: 8px; }
        .modalFlightMobile .box-container__content__trip .Button:last-of-type {
          margin-left: 0; }
        .modalFlightMobile .box-container__content__trip .Button.active {
          transition: all ease-in-out .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: .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-left: 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-right: 0px;
            display: inherit;
            width: 100%; }
            .modalFlightMobile .box-container__content__date .inputDate .DateRangePickerInput_calendarIcon {
              margin: 0;
              padding-left: 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 .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;
          right: 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 .5rem;
      padding: .5rem; }
      .modalFlightMobile .box-container__content__howLong .HowLong .title {
        font-size: 1rem;
        font-weight: 400;
        color: var(--color-natural-900, #0F172A);
        margin-bottom: .5rem;
        width: 100%; }
      .modalFlightMobile .box-container__content__howLong .HowLong .btn-select {
        min-width: calc(100% /2.2);
        background-color: var(--color-natural-100, #F1F5F9);
        border: none;
        padding: .75rem 1rem;
        margin-left: .5rem;
        border-radius: .5rem;
        font-size: 1rem;
        color: var(--color-natural-900, #0F172A);
        text-align: center;
        margin-bottom: .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;
      right: 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: calc(100%/2);
        cursor: pointer;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99; }
        .modalFlightMobile .box-container__content__Search .Button img {
          margin-left: 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: .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;
  right: 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: .5rem;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .AddtravellersModule .box-container .box-container {
      margin-right: 5px;
      margin-left: 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-right: auto;
      cursor: pointer; }
  .AddtravellersModule .box-container .box-container__content {
    height: 70vh;
    overflow-y: auto;
    padding-top: 0;
    padding: 1.5rem;
    padding-bottom: 3rem;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .AddtravellersModule .box-container .box-container__content::-webkit-scrollbar {
      width: 5px; }
    .AddtravellersModule .box-container .box-container__content::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .AddtravellersModule .box-container .box-container__content::-webkit-scrollbar-thumb {
      background: var(--color-natural-100, #F1F5F9); }
    .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-right: .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: .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-left: .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.5rem 0.25rem 0.25rem;
              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;
      right: 15px;
      left: 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-left: .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: .5rem;
        padding: .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 00;
      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: .25rem;
        padding: .5rem 1rem;
        font-size: .88875rem;
        color: var(--color-natural-900, #0F172A);
        font-weight: 400;
        cursor: pointer;
        transition: all ease-in-out .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(100% / 3 - 1.25rem);
        margin-bottom: 1.25rem;
        border-radius: 0.5625rem;
        border: 1px solid var(--color-natural-200, #E2E8F0);
        padding: .75rem; }
        @media only screen and (max-width: 1024px) {
          .Visa__Container__Cards__Content .VisaCard {
            width: calc(100% / 2 - 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: .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-left: .5rem; }
          .Visa__Container__Cards__Content .VisaCard__header__Right {
            display: flex;
            gap: 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: .60rem;
              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: .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: .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 .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: .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 .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: .5rem;
          font-weight: 400;
          line-height: 1.2rem; }
        .visaRequirements__Content__Container__Info .list {
          margin: 0;
          padding-right: 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 .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 .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: .60rem;
          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: .88rem 1.5rem;
          font-size: 1rem;
          border-radius: .5rem;
          cursor: pointer; }
  .visaRequirements__contactUs .boxContent {
    background-color: var(--color-white, #ffffff);
    padding: 1.5rem;
    border-radius: .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 .5rem; }
    .visaRequirements__contactUs .boxContent__CallCenter .content .btn-social {
      width: 100%;
      margin-bottom: .5rem;
      background-color: transparent;
      border: 1px solid var(--color-natural-200, #E2E8F0);
      padding: .75rem;
      border-radius: .25rem;
      cursor: pointer;
      font-size: .9rem;
      font-weight: 600;
      transition: all ease-in-out .3s;
      color: var(--color-blue-primary, #0D52DB);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 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: .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: .5rem; }
  .visaDetails .Expenses__content .info {
    font-size: 0.88875rem;
    font-weight: 400;
    color: var(--color-natural-500, #64748B);
    margin: 0;
    margin-bottom: .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: .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: .75rem;
      border-radius: .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 .5rem;
    font-size: 1rem;
    padding: .88rem 1.5rem;
    border-radius: .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: .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;
      right: 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 .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: .9rem;
        color: var(--color-natural-900, #0F172A); }
      .passengerTypes-Component .passenger-Types .content .value {
        font-size: .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: .5rem; }
    .SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent .head-title {
      font-size: 1.1rem;
      margin-right: .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: .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 .5rem;
      padding: 0 1rem;
      justify-content: space-between; }
      .SwipeableDrawerPassangerTypes .DrawerPassangerTypes .passengerContent__AllSelect .BoxSelect {
        border: 1px solid var(--color-natural-400, #94A3B8);
        padding: 0.75rem .5rem;
        width: calc(100% / 2.05);
        text-align: center;
        margin-bottom: .5rem;
        border-radius: .25rem;
        font-size: 1rem;
        transition: all ease-in-out .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: .5rem; }
    .AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__age .allSelect {
      margin-top: .5rem; }
      .AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__age .allSelect .AgeInputSelect p {
        margin: 0;
        margin-bottom: .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-left: .5rem;
          margin-bottom: .5rem; }
          .AddTerveleresSwipeableDrawer .DrawerAddTerevelers__Content .RoomComponent__age .allSelect .MuiFormControl-root .MuiInputBase-root .MuiSelect-select {
            padding-top: 0;
            padding-bottom: 0;
            padding: 0.25rem 0.5rem 0.25rem 0.25rem;
            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 .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;
  right: 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: .5rem;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.08);
    background-color: var(--color-white, #ffffff);
    visibility: visible;
    right: 0;
    width: 120%;
    z-index: 999;
    transition: all ease-in-out .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 .6s;
      animation-iteration-count: 1; }
    .addTravellersDropdown.active .addTravellersDropdown__footer {
      display: flex !important;
      animation: fadIn ease .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: .5rem; }
  .addTravellersDropdown .RoomComponent__age .allSelect {
    margin-top: .5rem; }
    .addTravellersDropdown .RoomComponent__age .allSelect .AgeInputSelect p {
      margin: 0;
      margin-bottom: .25rem; }
    .addTravellersDropdown .RoomComponent__age .allSelect .MuiFormControl-root {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      .addTravellersDropdown .RoomComponent__age .allSelect .MuiFormControl-root .MuiInputBase-root {
        margin-left: .5rem;
        margin-bottom: .5rem; }
        .addTravellersDropdown .RoomComponent__age .allSelect .MuiFormControl-root .MuiInputBase-root .MuiSelect-select {
          padding-top: 0;
          padding-bottom: 0;
          padding: 0.25rem 0.5rem 0.25rem 0.25rem;
          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 .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: .3; }
  50% {
    opacity: .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;
        left: 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 5px 7.5px 4px !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: .5rem;
  margin-bottom: 1.25rem; }
  @media only screen and (max-width: 768px) {
    #payment_Method {
      flex-wrap: wrap;
      padding: 1rem .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: .5rem;
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem;
    transition: all ease-in-out .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-left: 1rem;
        transition: all ease-in-out .2s; }
      #payment_Method .boxContent__PaymentChose .cardPayment .header img,
      #payment_Method .boxContent__PaymentChose .PaymentSelect .header img {
        margin-left: .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 .2s; }
      #payment_Method .boxContent__PaymentChose .cardPayment .content .payment-agreement-terms-input,
      #payment_Method .boxContent__PaymentChose .PaymentSelect .content .payment-agreement-terms-input {
        margin-top: .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: .88rem 1rem;
        color: var(--color-white, #ffffff);
        border: none;
        border-radius: .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: .88rem 1.5rem;
        font-size: 1rem;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .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-left: .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-left: .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 .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;
            border-radius: 100%;
            position: relative;
            margin-bottom: .5rem; }
            @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::after,
            #payment_Method .boxContent__PaymentChose .PaymentSelect .content .tabby-installments .Box-info .circle::after {
              content: '';
              position: absolute;
              top: 0;
              right: 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;
              left: 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: .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: .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 .3s; }
      #payment_Method .boxContent__PaymentChose .cardPayment .content .MuiFormControl-root {
        width: 100%;
        margin-bottom: .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: .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-left: .5rem;
            width: calc(100% / 3.1);
            border-radius: .5rem;
            margin-bottom: .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-left: 0; }
            #payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber {
              display: flex;
              align-items: center;
              margin-bottom: .5rem; }
              #payment_Method .boxContent__PaymentChose .cardPayment .content .savedCards__Container .boxCard .cardNumber .numberHiden {
                margin-left: 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-left: 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 .title {
      font-size: 0.875rem;
      font-weight: 600;
      margin: 0;
      margin-bottom: .75rem;
      display: block; }
    #payment_Method .boxContent__PaymentChose .totalAmount .totalList {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 100%;
      margin-bottom: .75rem; }
      #payment_Method .boxContent__PaymentChose .totalAmount .totalList .item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: .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 .5rem; }
  #payment_Method .boxContent__PaymentChose .PaymentChoseInfo {
    font-size: 0.88875rem;
    font-weight: 400;
    color: var(--color-natural-900, #0F172A);
    margin: 1.25rem 0 .5rem; }

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

.btn-scroll-top {
  position: fixed;
  bottom: 20px;
  left: 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 .25rem;
  box-sizing: border-box; }

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

.Results__Content__Card__Offers .embla__slide {
  position: relative;
  padding: 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 .94rem;
  cursor: pointer;
  z-index: 0;
  position: relative; }
  .exploreUnique__Content__Card {
    width: 25rem;
    height: 17.5rem;
    border-radius: .5rem;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
    display: flex; }
    .exploreUnique__Content__Card:after {
      content: '';
      position: absolute;
      top: 0;
      right: 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: calc(100% / 2.2); } }
    @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 {
      position: absolute;
      bottom: 1.25rem;
      padding-right: 1.25rem;
      padding-left: 1.25rem;
      width: 100%;
      display: flex;
      justify-content: space-between;
      z-index: 2; }
      .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; }
      .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; }

.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: .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:first-of-type {
      grid-column: 1/3;
      grid-row: 1 / 3; }
    .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;
      right: 50%;
      top: 50%;
      transform: translate(50%, -50%);
      font-size: 0.88875rem;
      font-weight: 400;
      padding: .25rem .5rem;
      border-radius: .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-sm {
  margin-bottom: 1rem; }
  .gallery-sm .Big-img {
    width: 100%;
    height: 15rem;
    border-radius: .5rem;
    margin-bottom: .5rem;
    overflow: hidden; }
    .gallery-sm .Big-img .img {
      width: 100% !important;
      height: 100% !important; }
  .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: calc(100% /4.5);
      height: 5rem;
      margin-left: .25rem;
      border-radius: .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: .88rem 1.5rem;
  border-radius: .5rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 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 .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: .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: .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-left: 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: .5rem 1rem;
        width: 100%; }
        .FlightHotelsSteps__Container .step .contentSelected.selected {
          padding-right: 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: .5rem; }
          .FlightHotelsSteps__Container .step .contentSelected .p-selected img {
            margin-left: .25rem; }
        .FlightHotelsSteps__Container .step .contentSelected__Bottom {
          display: flex;
          align-items: center;
          gap: 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 .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 .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;
        left: -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: calc(100% /2);
      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;
          right: 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: .5rem;
    outline: none; }
    @media only screen and (max-width: 768px) {
      .timerAlertPopup .box-container {
        margin-right: 5px;
        margin-left: 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 .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: calc(100% / 2.1); }
    @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: .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: .5rem 1rem; }
  .CookieConsent .p-cookie {
    font-size: 1.2rem;
    color: var(--color-white, #ffffff);
    margin: 0 0 .5rem 0; }
    @media only screen and (max-width: 768px) {
      .CookieConsent .p-cookie {
        font-size: .8rem;
        margin-bottom: 0; } }
  .CookieConsent #rcc-confirm-button {
    font-size: 1rem !important;
    margin: 0 !important;
    padding: .88rem 1.5rem !important;
    border-radius: .5rem !important; }
    @media only screen and (max-width: 768px) {
      .CookieConsent #rcc-confirm-button {
        font-size: .8rem !important; } }

.pormotion {
  background-color: #ffffff;
  padding: 0 0.5rem;
  border-radius: .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 .5rem; }
    .CoinsChance span .coins,
    .EligibleEarn span .coins {
      background-color: var(--color-white, #ffffff);
      display: flex;
      align-items: center;
      gap: 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 .5rem; }
  @media only screen and (max-width: 768px) {
    .compare {
      flex-wrap: wrap;
      padding-right: 1rem;
      padding-left: 1rem; } }
  .compare__box {
    width: calc(100% /3);
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      .compare__box {
        width: calc(100% /2.2);
        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: .9rem; } }
    .compare__box .info {
      font-size: .85rem;
      color: var(--color-natural-700, #334155);
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .compare__box .info {
          font-size: .9rem; } }

.advertisement {
  width: 100%;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .advertisement {
      padding-right: 1rem;
      padding-left: 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-left: inherit;
    margin-right: inherit; }
  .advertisement .div-adv {
    max-height: 180px;
    width: 100%;
    margin-left: .25rem;
    overflow: hidden;
    padding: 4px; }
  .advertisement .img-adv {
    max-height: 170px;
    width: 100%;
    border-radius: .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 .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: .5rem 1rem;
  text-align: center;
  position: relative; }
  .announcementBar p {
    font-size: .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;
    left: 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: .5rem 2rem;
  border-radius: .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 .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: .25rem .75rem;
        border-radius: 2.25rem;
        display: flex;
        align-items: center;
        gap: 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: .88rem 1.5rem;
      border-radius: .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: .5rem 1rem; } }

.FlightDetails_upper {
  background-color: var(--color-white, #ffffff);
  border-radius: .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: .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 .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: .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-left: 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: .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 .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: .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 .25rem;
              margin-bottom: .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: .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;
            left: -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;
            right: -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 .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: .25rem .5rem;
                border-radius: .25rem;
                font-size: .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 .25rem; }
                @media only screen and (max-width: 768px) {
                  .FlightDetails_upper__FlightDeteails__CardFlight__Content__Left__Center .travel .flight-Info .expand {
                    margin-top: .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 .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: .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 .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: .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: .75rem; } }
        .FlightDetails_upper__FlightDeteails__CardFlight__Content__Right .flightInfo {
          padding: .5rem .75rem;
          background-color: var(--color-natural-50, #F8FAFC);
          border-radius: .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: .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: .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: .75rem;
              font-weight: 400; }
      .FlightDetails_upper__FlightDeteails__CardFlight__Content__showMore {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 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: .5rem 1.5rem;
          font-size: 1rem;
          border-radius: .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 .5rem; }
        @media only screen and (max-width: 768px) {
          .FlightDetails_upper__FlightDeteails__CardFlight__Booking__Left {
            width: 100%;
            margin-bottom: .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 .25rem;
          padding: .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 .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-left: 1.5rem;
          color: var(--color-natural-900, #0F172A); }
          @media only screen and (max-width: 768px) {
            .FlightDetails_upper__FlightDeteails__CardFlight__Booking__Right .price {
              margin-left: 0;
              width: 100%;
              font-size: 1.20938rem;
              font-weight: 600;
              margin-bottom: .25rem;
              margin-right: 0.5rem; } }
    .FlightDetails_upper__FlightDeteails__CardFlight__Offers {
      display: flex;
      gap: 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: calc(100% / 3);
        padding: 1rem;
        border-radius: .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 .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: .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 .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: .88rem 1.5rem;
          border-radius: .5rem;
          font-size: 1rem;
          margin-top: .5rem;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 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: .5rem; }
    .FlightDetails_upper__FlightDeteails__Content .airPlanName {
      background-color: var(--color-natural-100, #F1F5F9);
      width: max-content;
      padding: .25rem;
      display: flex;
      align-items: center;
      margin-bottom: .5rem; }
      .FlightDetails_upper__FlightDeteails__Content .airPlanName:last-of-type {
        margin-bottom: 1.25rem; }
      .FlightDetails_upper__FlightDeteails__Content .airPlanName img {
        margin-left: .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: .75rem;
        display: block;
        text-align: right; }
      .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-left: .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: right;
        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-left: -7px;
        position: relative;
        right: -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 .5rem;
      border-radius: 50%; }

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

.terms-condition-aspa {
  margin: 0;
  font-size: .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; }

.signUp,
.Login,
.ForgetPassword {
  padding: 40px 0;
  background-color: var(--color-natural-100, #F1F5F9); }
  .signUp__Content,
  .Login__Content,
  .ForgetPassword__Content {
    border-radius: .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: .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: .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: .75rem;
          color: var(--color-red-primary, #E42519);
          margin-top: .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: right; }
      .signUp__Content__Form .checkBox,
      .Login__Content__Form .checkBox,
      .ForgetPassword__Content__Form .checkBox {
        margin-left: 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: .88rem 4rem;
        border-radius: .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-left: .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;
            right: 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-right: .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-left: .5rem; }
    .signUp__Content__Social .Box,
    .Login__Content__Social .Box,
    .ForgetPassword__Content__Social .Box {
      border-radius: .25rem;
      cursor: pointer;
      margin-bottom: .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-right: 0 !important;
            padding-left: 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 .5rem;
        height: 46px;
        border-radius: .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 .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: .5rem;
        margin-bottom: 1.25rem; }
        @media only screen and (max-width: 768px) {
          .contactUs__Container__Left .boxContent {
            flex-wrap: wrap;
            padding: 1rem .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: .5rem;
          display: flex;
          flex-direction: column;
          margin-bottom: .5rem;
          transition: all ease-in-out .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;
              right: 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: .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: .75rem;
            color: var(--color-red-primary, #E42519);
            margin-top: .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: .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 .5rem; }
        .contactUs__Container__Right .boxContent__CallCenter .content .btn-social {
          width: 100%;
          margin-bottom: .5rem;
          background-color: transparent;
          border: 1px solid var(--color-natural-200, #E2E8F0);
          padding: .75rem;
          border-radius: .25rem;
          cursor: pointer;
          font-size: .9rem;
          font-weight: 600;
          transition: all ease-in-out .3s;
          color: var(--color-blue-primary, #0D52DB);
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 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 .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 .5rem; } }
    .aboutUs .Conteiner .content,
    .TermsConditions .Conteiner .content,
    .paymentTerms .Conteiner .content,
    .privacyPolicy .Conteiner .content {
      background-color: var(--color-white, #ffffff);
      padding: 1.5rem;
      border-radius: .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: .5rem;
            margin-right: 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: .5rem;
              height: .5rem;
              background-color: var(--color-blue-primary, #0D52DB);
              border-radius: 100%;
              position: absolute;
              top: 7px;
              right: -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: .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: right;
        font-size: 2.5rem;
        line-height: 106%;
        color: var(--color-white, #ffffff);
        margin: 0;
        margin-bottom: .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: .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: .75rem .5rem;
        cursor: pointer;
        display: flex;
        align-items: center; }
        .CustomerService__Container__Find .header-sm img {
          margin-left: .5rem; }
      .CustomerService__Container__Find__Content {
        background-color: var(--color-white, #ffffff);
        border-radius: .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 .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: .75rem .5rem;
            border-radius: .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.0650rem); }
      @media only screen and (max-width: 768px) {
        .CustomerService__Container__Baggage {
          width: 100%; } }
      .CustomerService__Container__Baggage__Content {
        background-color: var(--color-white, #ffffff);
        border-radius: .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 .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 .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-right: 2.5rem;
    margin-top: -2rem; }
    @media only screen and (max-width: 768px) {
      .RewardsMembers__HeaderBottom {
        margin-top: 0;
        padding-right: 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-right: 2.5rem;
    display: none;
    opacity: 0;
    transition: all ease-in-out .2s; }
    @media only screen and (max-width: 768px) {
      .RewardsMembers__SectionNumber {
        padding-right: 0; } }
    .RewardsMembers__SectionNumber.visible {
      margin-top: 1.5rem;
      display: block;
      opacity: 1;
      transition: all ease-in-out .2s;
      animation-name: fadein;
      animation-duration: 1s; }
    .RewardsMembers__SectionNumber .title {
      font-size: 0.75rem;
      font-weight: 600;
      margin-bottom: .5rem;
      display: block; }
    .RewardsMembers__SectionNumber__Container {
      margin-bottom: 1rem; }
      .RewardsMembers__SectionNumber__Container__Input {
        display: flex;
        gap: 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: .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: .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: .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: .75rem;
        margin-top: .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-right: 2.5rem;
    margin-top: 1.5rem;
    display: none;
    opacity: 0;
    transition: all ease-in-out .2s; }
    @media only screen and (max-width: 768px) {
      .RewardsMembers__Points {
        padding-right: 0; } }
    .RewardsMembers__Points.visible {
      margin-top: 1.5rem;
      display: block;
      opacity: 1;
      transition: all ease-in-out .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: .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;
            left: 5px;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            transition: all ease-in-out .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: .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: .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 .5rem; }
        @media only screen and (max-width: 768px) {
          .RewardsMembers__Points__Container__Input {
            flex-wrap: wrap;
            margin-top: .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: .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: .75rem;
            margin-top: .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: .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: .5rem; } }
  .RewardsMembers__Confirmed {
    padding-right: 2.5rem;
    margin-top: 1.25rem; }
    @media only screen and (max-width: 768px) {
      .RewardsMembers__Confirmed {
        padding-right: 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: .5rem;
      padding: 2rem 1.75rem;
      display: flex;
      align-items: center;
      gap: 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; } }

.packageHeader {
  min-height: 567px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .packageHeader__Info {
    text-align: center; }
    .packageHeader__Info .heading {
      text-transform: uppercase;
      font-size: 2.5rem;
      line-height: 106%;
      color: var(--color-white, #ffffff);
      margin: 0;
      margin-bottom: .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.2rem;
      font-weight: 600;
      text-shadow: -2px 2px 8px var(--color-natural-900, #0F172A); }