:root {
    /* Brand colors */
    --main-color: #28348a;
    --main-color-j: #131d34;
    --main-color-dark: #212529;
    --main-color-hover: #d1aa2a;
    --main-color-light: #1d87751a;
    --white-color: #ffffff;
    --black-color: #000000;
    --black-color-opacity: rgba(43, 37, 64, 0.77);
    --paragraph-color: #818090;
    --bg-color: #F3F6FD;
    --footer-bg: #111827;
    --gold-color: #d2ab17;
    --gold-dark: #b89312;
    --gold-dark-hover: #9a7a10;
    --blue-accent: #4fbae8;
    --blue-dark: #086a80;
    --blue-range: #6396a2;
    --navy-color: #00033a;
    --border-color: #d2d2d275;
    --shadow-sm: 0 4px 6px -4px rgba(0, 0, 0, 0.10);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
    --shadow-card: 0 4px 10px rgba(0, 0, 0, 0.1);

    --primary-color-strong: #005591;
    --primary-color-stronger: #004a7d;
    --primary-color-bright: #009fd6;
    --primary-color-bright-soft: #18a6e3;
    --primary-color-sky: #f0f5ff;
    --primary-color-hover: #0c74b3;
    --action-color: #0d6efd;

    /* Base neutrals */
    --white-color: #ffffff;
    --black-color: #214373;
    --black-color-opacity: #2b2540c4;
    --paragraph-color: #6f7f95;
    --text-color: #131d34;
    --text-color-default: #212529;
    --text-color-subtle: #989ca2;
    --text-color-light: #222;

    /* Surfaces */
    --surface-color-soft: #f7fbff;
    --surface-color-muted: #f3f6fd;
    --panel-bg-soft: #35a8e0;
    --panel-bg-strong: #f8fbfd;

    /* Borders and shadows */
    --border-color-soft: rgba(13, 95, 151, 0.12);
    --border-color-neutral: #31306e;
    --border-color-black: #00000030;
    --border-color-black-full: #000000;
    --shadow-color-primary: rgba(13, 95, 151, 0.18);

    /* Interaction and form */
    --transition: .4s all ease-in-out;
    --form-label-primary-color: #1592cd;
    --form-label-muted-color: #6b7280;

    /* Opacities */
    --white-opacity-96: rgba(255, 255, 255, 0.96);
    --white-opacity-72: rgba(255, 255, 255, 0.72);
    --white-opacity-28: rgba(255, 255, 255, 0.28);
    --white-opacity-16: rgba(255, 255, 255, 0.16);
    --background-transparent: transparent;

    /* Layout helpers */
    --search-loading-overlayis-mobile: rgba(17, 24, 39, 0.18);
    --mobilepane-sort-dropdown: rgba(0, 0, 0, 0.12);
    --flight-desktop-recap-dates: #3a4356;
    --flight-airline-button: #f7f9fd;
    --hotel-mobile-calendar-overlay: rgba(12, 24, 43, 0.38);
    --hotel-mobile-calendar-sheet-bg: #f7fbff;
    --hotel-mobile-calendar-divider-color: rgba(24, 168, 229, 0.18);
    --hotel-mobile-calendar-footer: rgba(15, 45, 76, 0.10);
    --hotel-mobile-datepicker-react-datepicker-day--in-range-bg: rgba(26, 116, 223, 0.14);
    --hotel-mobile-datepicker-react-datepicker-day--in-range-color: #17365d;
    --hotel-mobile-datepicker-react-datepicker-day--in-selecting-range-bg: rgba(26, 116, 223, 0.22);
    --hotel-mobile-datepicker-day-hover-bg: rgba(24, 168, 229, 0.10);
    --hotel-mobile-datepicker-day-hover-color: #0d5f97;
    --hotel-mobile-datepicker-selected-shadow: 0 10px 22px rgba(28, 121, 221, 0.18);
    --hotel-mobile-date-trigger-bg: linear-gradient(180deg, #f9fbff 0%, #eef5ff 100%);
    --hotel-mobile-date-trigger-color: #11294b;
    --hotel-mobile-date-trigger-shadow: 0 12px 30px rgba(38, 86, 161, 0.10);
    --hotel-mobile-date-trigger-search-color: #567192;
    --hotel-mobile-date-trigger-day-card-shadow: 0 10px 24px rgba(25, 76, 146, 0.08);
    --hotel-mobile-date-trigger-label-color: #7b8ca9;
    --hotel-mobile-date-trigger-day-color: #0f62d8;
    --hotel-mobile-date-trigger-day-font-size: 36px;
    --hotel-mobile-date-trigger-meta-color: #4f6888;
    --hotel-mobile-date-trigger-arrow-color: #4c87e6;
    --hotel-mobile-calendar-summary-bg: linear-gradient(180deg, #f5fbff 0%, #edf5ff 100%);
    --hotel-mobile-calendar-month-title-color: #1a74df;
    --hotel-mobile-calendar-nav-bg: linear-gradient(180deg, #f7fbff 0%, #eaf2ff 100%);
    --hotel-mobile-calendar-nav-color: #1a74df;
    --hotel-mobile-calendar-nav-shadow: 0 8px 18px rgba(32, 114, 211, 0.10);
    --hotel-mobile-calendar-day-name-color: #6e82a0;
    --hotel-mobile-calendar-day-color: #17365d;






    --hotel-range-calendar-day-hover-bg: rgba(24, 168, 229, 0.10);
    --hotel-range-calendar-day-hover-color: #0d5f97;
    --hotel-range-calendar-day-in-range-bg: rgba(26, 116, 223, 0.14);
    --hotel-range-calendar-day-in-range-color: #17365d;
    --hotel-range-calendar-day-selected-bg: linear-gradient(135deg, #0d6efd 0%, #1a74df 100%);
    --hotel-range-calendar-day-selected-color: #ffffff;
    --hotel-range-calendar-day-selected-shadow: 0 10px 22px rgba(28, 121, 221, 0.18);
    --hotel-range-calendar-summary-bg: linear-gradient(180deg, #f5fbff 0%, #edf5ff 100%);
    --hotel-range-calendar-nav-bg: linear-gradient(180deg, #f7fbff 0%, #eaf2ff 100%);
    --hotel-range-calendar-nav-color: #1a74df;
    --hotel-range-calendar-nav-shadow: 0 8px 18px rgba(32, 114, 211, 0.10);
    --hotel-range-calendar-apply-bg: linear-gradient(135deg, #0d5f97 0%, #18a8e5 100%);
    --hotel-range-calendar-apply-hover-bg: linear-gradient(135deg, #0c74b3 0%, #18a8e5 100%);
    --hotel-range-calendar-apply-shadow: 0 10px 22px rgba(24, 112, 210, 0.22);
    --hotel-range-calendar-trigger-bg: linear-gradient(180deg, #f9fbff 0%, #eef5ff 100%);
    --hotel-range-calendar-trigger-color: #11294b;
    --hotel-range-calendar-trigger-shadow: 0 12px 30px rgba(38, 86, 161, 0.10);
    --hotel-form-datepicker-month-container-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    --hotel-datepicker-month-divider-color: rgba(24, 168, 229, 0.18);
    --hotel-datepicker-month-divider-gap: 18px;
    --hotel-datepicker-month-title-color: #1a74df;
    --hotel-datepicker-month-title-font-weight: 700;
    --hotel-datepicker-month-title-font-size: 15px;
    --hotel-datepicker-triangle-color: var(--primary-color-bright);
    --hotel-datepicker-triangle-shadow: 0 -2px 8px rgba(24, 168, 229, 0.18);

    /* Typography */
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-900: 900;
    --font-size-10: 10px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-22: 22px;
    --font-size-24: 24px;
    --font-size-20: 20px;
    --font-size-09: 0.9rem;
    --space-2: 2px;
    --space-4: 4px;
    --space-4-5: 4.5px;
    --space-30: 30px;
    --radius-0: 0;
    --radius-3: 3px;
    --radius-6: 6px;
    --radius-8: 8px;
    --radius-10: 10px;
    --radius-20: 20px;
    --radius-30: 30px;
    --radius-9: 9px;
    --radius-0-8-8-0: 0 8px 8px 0;
    --radius-top-10: 0 10px 0 0;
    --radius-23: 23px;
    --radius-5: 5px;
    --radius-16: 16px;
    --radius-999: 999px;

    /* Booking / hotel common */
    --common-author-boxed-bg: linear-gradient(146.48deg, rgba(255, 255, 255, 0.2) 1.3%, rgba(0, 0, 0, 0.1) 117.69%);
    --common-author-boxed-backdrop-filter: blur(15px);
    --react-input-border-color: rgb(204, 204, 204);
    --btn-soft-primary-bg: #edeff1;
    --widget-rounded-shadow: 3px 6px 16px rgba(0, 0, 0, 0.08);
    --widget-rounded-orange-border: #F88A61;
    --widget-rounded-sky-border: #09B0EC;
    --widget-rounded-green-border: #1DAB2D;
    --text-widget-authorized-color: grey;
    --flight-search-details-color: #f56f6b;
    --custom-tabs-bg: #e9ecef;
    --custom-tabs-radius: .25rem;
    --custom-tabs-link-active-bg: #fff;
    --flight-details-inner-color: #292f37;
    --page-confirm-booking-border: #e6e6e6;
    --page-confirm-booking-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --page-confirm-booking-photo-radius: 6px 0 0 6px;
    --hotelcard-name-color: #008cb9;

    /* Search cards */
    --hotel-search-photo-radius: 8px 0 0 8px;
    --hotel-search-bottom-pill-border: #dddddd;

    --hotelcard-stars-color: #fcb22f;

    --hotelcard-rating-total-bg: #003b95;
    --radius-6-6-6-0: 6px 6px 6px 0;

    --map-button-box-shadow: 0 0 0 1px #e5e5e5;
    --hotelcard-rates-bg: #f8f8f8;
    --hotelcard-rate-valueadds-color: #008900;

    --city-details-boxed-shadow: -4px -5px 14px rgb(0 0 0 / 8%), 5px 8px 16px rgb(0 0 0 / 8%);
    --hoteldetail-name-font-size: 26px;
    --hotel-details-right-boxed-shadow: -4px -5px 14px rgba(0, 0, 0, 0.08), 5px 8px 16px rgba(0, 0, 0, 0.08);
    --hotel-amenities-details-icon-border: #d9d9d9;
    --package-img-group-shadow: 0 4px 25px 0 rgba(0, 0, 0, .08);
    --package-gallery-overlay-bg: rgba(16, 12, 8, .6);
    --package-gallery-overlay-letter-spacing: .6px;
    --package-gallery-overlay-icon-size: 35px;
    --package-gallery-thumb-height: 400px;
    --package-gallery-image-height: 192px;
    --transfer-search-items-border: #DDDDDD;
    --transfer-logo-border-color: #e4e4e4;
    --transfer-logo-img-radius: 36%;
    --what-included-bg: #f6f6f6;
    --what-included-color: #616161;
    --transfer-car-name-color: #818090;
    --transfer-valueadds-color: #3f9952;
    --airline-button-border: #cad6e3;
    --airline-button-radius: 25px;
    --min-price-airline-color: green;
    --details-show-more-bg: #eee;
    --details-show-more-border: #d7d6d6;
    --bagages-included-bg: #f0f9ff;
    --bagages-included-color: #0ea5e9;
    --bagages-not-included-bg: #fef2f2;
    --bagages-not-included-color: #ef4444;
    --info-seats-bg: #fff7ed;
    --info-seats-color: #ea580c;
    --fare-option-bg: #209b872b;
    --fare-option-color: #209b87;
    --show-more-fare-color: #767676;
    --fareoption-not-included-color: red;
    --selected-transfer-outbound-bg: #123ad8;
    --selected-transfer-outbound-radius: 10px 10px 0 0;
    --flight-offer-currency-color: #5b6475;
    --btn-hover: #2aafbe;
    --font-weight-800: 800;
    --radius-4: 4px;
    --gray-color: #c5ceda;
    --multi-city-flight-lists-border-top: dashed 1px #d9d8d8;
    --fareoption-seperate-option-border-top: .1rem solid #ccc;
    --searchresult-to-time-color: #868686;
    --button-view-light-bg: #fceeed;
    --button-view-light-color: rgb(245, 111, 107);
    --search-input-border-color: #cfcfcf;
    --button-search-input-bg: #251d6c;
    --button-search-input-border-radius: 50%;
    --font-weight-480: 480;

    /* Command / badges */
    --command-warning-color: #FC6300;
    --command-alert-color: #dd0217;
    --command-details-color: #012e5e;
    --command-success-color: #30a487;
    --command-muted-color: #6D757F;
    --command-muted-border-color: #B8C1CD;
    --command-paiement-color: #183354;
    --command-state-color: #95a8b4;
    --border-color-default: #d2d2d2;
    --border-color-bootstrap: #dee2e6;
    --voucher-product-accent: #4a89dc;
    --voucher-product-accent-hover: #27438d;
    --badge-discount-color: #369a31;
    --badge-discount-bg: #eff9f0;
    --badge-info-color: #2f859e;
    --badge-info-bg: #d9f2f9;
    --alert-free-cancellation-color: #3CB371;
    --alert-rooms-left-color: #de0302;
    --alert-promo-bg: #fee0e0;
    --alert-promo-color: #953b3b;
    --alert-dispo-bg: #4CAF50;
    --alert-sur-demande-bg: #f57100;
    --alert-stop-sale-bg: #C8102E;
    --text-color-gray: gray;
    --font-size-small: small;
    --bg-warning-color: #FAAF05;
    --bg-success-color: #28a745;
     /* Flight trip selector */
    --flight-trip-selector-surface: #f5f3f8;
    --flight-trip-selector-border: rgba(31, 27, 56, 0.12);
    --flight-trip-selector-shadow: 0 8px 18px rgba(31, 27, 56, 0.12);
    --flight-trip-selector-pill-color: #433a77;
    --flight-trip-selector-pill-active-bg: #232255;
    --flight-trip-selector-pill-active-color: #ffffff;
    --flight-trip-selector-pill-active-shadow: 0 6px 14px rgba(35, 34, 79, 0.28);
    --flight-trip-selector-pill-font-size:14px;
    --flight-trip-selector-pill-font-weight: 600;
    --flight-trip-selector-pill-radius: 9999px;
    --flight-trip-selector-pill-line-height: 1;
    --flight-trip-selector-pill-transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
    --currency-button-hover-color: #000;
    --currency-dropdown-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    --home-banner-before-background: url('../img/banner/common-banner.png') center center no-repeat;
    --home-banner-before-height: 280px;
    --ribbon-party-bg: #dc3545;
    --ribbon-party-radius: 0 0 11px 0;
    --img-party-height: 300px;
    --fix-item-height-detail-height: 100px;
    --fix-item-dim-height: 500px;
    --scrollable-height: 640px;
    --leaflet-div-icon-border: none;
    --leaflet-div-icon-radius: 50px;
    --map-detail-btn-border-radius: 0 8px 8px;
    --map-price-bg: #343a40;
    --map-price-hover-bg: #eca934;
    --sticky-edit-icon-border: 0 none;
    --search-loading-height: 40vh;
    --form-control-tri-border-color: #dddddd75;
    --hotel-add-cart-bg: #eef4fb;
    --hotel-add-cart-icon-color: #1d4ed8;
    --hotel-add-cart-icon-border: #d8e0ef;
    --btn-add-cart-price-opacity: 0.95;
    --btn-add-cart-separator-opacity: 0.85;
    --cancellation-warning-bg: #fff4d9;
    --cancellation-warning-border: #f0d58b;
    --cancellation-warning-color: #9a6b08;
    --cancellation-warning-icon-color: #f0ad4e;
    --cancellation-info-bg: #e9f7ef;
    --cancellation-info-border: #b9e4c6;
    --cancellation-info-color: #217346;
    --cancellation-info-icon-color: #3cb371;
    --cancellation-alert-bg: #ffe1e1;
    --cancellation-alert-border: #f2b4b4;
    --cancellation-alert-color: #8f3131;

    /* Product cards */
    --product-card-border-color: #dadbdc;
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-border-radius: 0.375rem;
    --hotel-search-response-left-side-inner-sticky-top: 100px;

    --mobile-menu-trigger: rgba(38, 86, 161, 0.08);
    --mobile-menu-offcanvas: rgba(7, 33, 77, 0.28);
    --mobile-menu-offcanvas-bottum: rgba(13, 95, 151, 0.08);
    --mobile-menu-bacground-color: #f8fbff;
    --mobile-menu-contact__link: rgba(38, 86, 161, 0.12);
    --mobile-menu-contact__link--whatsapp: #25d366;
    --mobile-menu-auth__btn--primary-box-shadow: rgba(15, 98, 216, 0.24);
    --mobile-menu-toggle__icon: #7c8da8;
    --mobile-menu-item--child: #42587a;
    --offcanvas-backdrop-show: rgba(7, 33, 77, 0.38);
    --mobile-menu-session__list: rgba(7, 33, 77, 0.12);
    --mobile-menu-user__card: #1b8fe3;
    --mobile-menu-user__link--logout: #e53935;
    --mobile-menu-session__list-language-option-dropdown-item: #f3f8ff;
    --mobile-menu-user__divider: rgba(13, 95, 151, 0.10);
    --mobile-menu-user__avatar: rgba(255, 255, 255, 0.18);
    --transition-fast: 0.3s;
    --section_padding: #f2f1f0;
    --section_heading_center: #0d426a;
    --login-card: #17163b;
    --topbar-area: #17163b;
}

.topbar-area {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 0px solid var(--topbar-area);
    background-color: var(--login-card);
    padding-right: 10px;
}

.section_padding_top {
    padding: 40px 0 0 0;
}

.section_padding {
    padding: 20px 0;
    background: var(--section_padding);
}

.section_heading_center h2 {
    position: relative;
    padding-bottom: 15px;
    font-size: 32px;
    color: var(--section_heading_center);
    font-family: Poppins, sans-serif;
}

.section_heading_center h2:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    background: var(--main-color);
    left: 0;
    transform: translate(-50%, 50%);
    bottom: 0;
}

#theme_search_form {
    /* margin-top: -104px; */
    z-index: 2;
}

.theme_search_form_area_city {
    background: var(--primary-color-sky);
    box-shadow: -4px -5px 14px rgb(0 0 0 / 8%), 5px 8px 16px rgb(0 0 0 / 8%);
    border-radius: 10px;
    padding: 20px 20px;
    position: relative;
}

.img_city {
    width: 100%;
    height: 349px;
    border-radius: 10px;
}

.theme_search_form_area {
    background: var(--primary-color-sky);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 20px 20px;
    position: relative;
    border: 0px solid var(--black-color);
}

.theme_search_form_tabbtn .nav-tabs .nav-item.show .nav-link,
.theme_search_form_tabbtn .nav-tabs .nav-link.active {
    color: var(--panel-bg-soft);
    background: none;
    border: none;
    border-bottom: 3px solid var(--panel-bg-soft);
    border-radius: 0;
}

.theme_search_form_tabbtn .nav-tabs .nav-link {
    margin-bottom: 0;
    color: var(--text-color);
    border-radius: 6px;
    border: 0px solid var(--main-color);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .06em;
}

/* ==========================================================================
   TOPBAR
   ========================================================================== */



.topbar-list li a {
    color: var(--white-color);
}

.topbar-list li a:hover {
    color: var(--white-color);
}

.topbar-others-options li a {
    color: var(--white-color);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-400);
}

.topbar-others-options li a i,
.topbar-list li i,
.dropdown.language-option i {
    color: var(--white-color);
}

.topbar-others-options li .language-option,
.topbar-others-options li .language-option button::before {
    top: 0px;
}

.topbar-others-options li a:hover {
    color: var(--white-color) !important;
}

.topbar-others-options li .language-option .language-dropdown-menu .dropdown-item:hover {
    color: var(--currency-button-hover-color) !important;
}


.topbar-others-options li .language-option button {

    color: var(--white-color);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-400);
}

.topbar-others-options li .language-option button:hover {
    color: var(--white-color);
}

.topbar-others-options li .language-option button::before {
    font-weight: var(--font-weight-900);
    font-size: var(--font-size-14);
}
.faq-section {
  background-color: #f0f5ff;
}
.p-subtitle {
    color: #6c757d;
    margin-top: 10px;
}

.custom-accordion .accordion-item {
  border: none;
  border-radius: 12px;
  margin-bottom: 15px;
  overflow: hidden;
  background: #ffffff;
}

.custom-accordion .accordion-button {
  background: #ffffff;
  border: none;
  font-weight: 500;
  padding: 18px 20px;
  border-radius: 12px !important;
  box-shadow: none;
}

.custom-accordion .accordion-button:not(.collapsed) {
  color: #1a2238;
  background: #ffffff;
}

.custom-accordion .accordion-button::after {
  font-size: 18px;
  transform: rotate(0deg);
  transition: transform 0.3s;
}

.custom-accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

.custom-accordion .accordion-body {
  padding: 15px 20px;
  color: #6c757d;
}


.footer-custom {
  background-color: oklch(96% .008 250);
}

.footer-links a {
  color: #131d34;
  text-decoration: none;
  margin: 0 10px;
  font-size: 14px;
}

.footer-links a:hover {
  color:var(--panel-bg-soft);
}

.social-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  color: #131d34;
  margin-left: 8px;
  transition: 0.3s;
  font-size: 18px;
}

.social-icon:hover {
  background: var(--panel-bg-soft);
  color: #0f1c3f;
}

.footer-divider {
  border-color: #2a3a6a;
}



.cta-section {
    padding: 80px 20px;
    text-align: center;
    background: url(../img/banner/pattern.png) center center no-repeat;
    background-size: cover;
}
.cta-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, oklch(0.15 0.06 252.29 / 0.75) 0%, oklch(0.22 0.08 259.99 / 0.75) 50%, oklch(0.3 0.07 230 / 0.75) 100%);
}
.cta-section .container {
    position: relative;
}
.cta-title {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
}

.cta-text {
    font-size: 18px;
    color: #fff;
    max-width: 600px;
    margin: 20px auto;
}

.btn-primary-custom {
    background-color: #17304f;
    font-weight: 500;
    color: #fff;
    border: 1px solid #dee2e6;
    padding: 14px 25px;
    border-radius: 30px;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.btn-primary-custom:hover {
    background-color: #162033;
}

.btn-outline-custom {
border: 1px solid #dee2e6;
    padding: 14px 25px;
    border-radius: 30px;
    color: #1f2a44;
    background-color: white;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.btn-outline-custom:hover {
    background-color: var(--panel-bg-soft);
}
/* ==========================================================================
   BUTTONS
   ========================================================================== */

.btn_save {
    color: var(--white-color);
    background-color: var(--main-color);
    transition: var(--transition);
    border: none;
    padding: 17px 24px;
    font-size: var(--font-lg);
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
}

.btn_cart {
    color: var(--white-color);
    background: var(--navy-color);
    border: none;
    padding: 0;
    transition: var(--transition);
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    font-size: var(--font-size-14);
}

.btn-newsletter {
    background: var(--blue-accent);
}

.btn-cnx {
    /*border: 2px solid var(--main-color);*/
    color: var(--white-color);
    border-radius: 12px;
    font-size: 16px;
    padding: 7px 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: var(--transition-fast);
    background: var(--main-color);
}

.btn-cnx:hover {
    border-color: var(--main-color-j);
    background: var(--main-color-j);
    color: var(--white-color);
    text-decoration: none;
}

.btn-custom {
    background-color: var(--main-color);
    color: var(--white-color) !important;
    border: none;
}

.btn-custom-full-width {
    background-color: var(--main-color-hover);
    color: var(--white-color) !important;
    border: none;
    width: 100% !important;
}

.btn-flight-book {
    background-color: var(--main-color-hover);
    color: var(--white-color) !important;
    border: none;
    width: 100% !important;
}

.btn-b2b {
    background: var(--white-color);
    color: var(--main-color);
    padding: 10px 20px;
    border-radius: 24px;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(255, 122, 33, 0.3);
    transition: var(--transition-fast);
}

.btn-b2b:hover {
    background: rgba(255, 255, 255, 0.86);
    color: var(--main-color);
}

.btn-login {
    background: linear-gradient(135deg, oklch(72% .19 40), oklch(65% .22 20));
    ;
    border: none;
    border-radius: 23px;
    padding: 12px;
    font-weight: 600;
    width: 100%;
    color: var(--text-color-default);
    transition: var(--transition-fast);
}

.btn.language-option:hover {
    color: var(--white-color);
}

/* ==========================================================================
   CARD
   ========================================================================== */

.card-custom {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 460px;
    color: white;
}

.card-custom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.card-custom:hover img {
    transform: scale(1.05);
}

.card-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}

.city-name {
    font-size: 1.3rem;
    font-weight: bold;
}

.hotels-count {
    font-size: 0.9rem;
    opacity: 0.85;
}

.explorer-btn a {
    color: #fff;
}

.explorer-btn {
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    background: rgb(255 255 255 / 28%);
}

/* ==========================================================================
   NAVBAR
   ========================================================================== */

.navbar-nav li {
    list-style: none;
}

.main-navbar {
    position: relative;
    width: 100%;
    border-top: 1px solid var(--white-color);
    background: var(--white-color);
    padding: 16px 0;
}

.main-navbar .navbar .navbar-nav .nav-item a {
    color: #131d34;
    font-size: 16px;
    font-weight: 500;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    padding-bottom: 5px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-family: 'Poppins', sans-serif;
    padding: 8px 0;
}

.main-navbar .navbar .navbar-nav .nav-item a:hover {
     color: #131d34;
}

.contact-box {
    background-color: #fff;
    border-radius: 8px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.contact-box i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #2dab66;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
}

.contact-text span {
    color: #131d34;
    font-weight: 500;
}

.contact-text strong {
    display: block;
    font-size: 16px;
    color: #000;
}
.contact-text strong a{
    color: #000;
    text-decoration: none;
}

.btn-cnx {
    color: #131d34;
    border-radius: 23px;
    padding: 7px 16px;
    font-weight: 500;
    background: #f8b133;
}
/* ==========================================================================
   LOGIN / AUTH
   ========================================================================== */
/*.home_two_banner_slider_wrapper,
.banner_two_slider_item {
    min-height: 650px;
}*/
.login-hero {
    position: relative;
}

.login-hero .bravo-form-search-all {
    position: absolute !important;
    inset: 0;
    margin-top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 6%;
    z-index: 1;
    flex-direction: column;
    flex-wrap: nowrap;
}

.login-hero .z-moteur {
    width: 100%;
    padding: 0;
}

.login-card {
    width: 100%;
    max-width: 380px;
    padding: 40px 30px;
    border-radius: var(--radius-20);
    background: var(--login-card);
    backdrop-filter: blur(10px);
    color: var(--white-color);
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    margin: 0;
}

.badge-pro {
    display: inline-block;
    padding: 6px 15px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.2);
    font-size: var(--font-size-14);
    margin-bottom: 15px;
}

.login-card_heading h3 {
    font-weight: 700;
    margin-bottom: 5px;
    color: var(--white-color) !important;
    font-size: 2rem !important;
}

.login-card_heading p,
#common_author_area p {
    font-size: var(--font-size-14);
    color: #dddddd !important;
}

#main_author_form .form-group a {
    color: #cfd8dc !important;
    text-decoration: underline;
}

.input-login {
    border-radius: 23px;
    border: none;
    padding: 15px;
    margin-bottom: 15px;
    height: 43px;
}
.common_form_submit {
    padding-top: 0px;
}

input.form-control.form-input,input#hotel-destination-autocomplete-modal {
      color: var(--white-color) !important;
}
.dropdown_passenger_area .dropdown-menu.show {
    transform: translate(0px, 3px) !important;
}


.divider {
    margin: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.links {
    margin-top: 15px;
    font-size: var(--font-size-14);
    text-align: center;
}

.links a {
    color: #cfd8dc;
    text-decoration: underline;
}

.links a:hover {
    color: var(--white-color) !important;
}
.have_acount_area{
padding-top: 0px
}
.have_acount_area p {
    font-size: var(--font-lg) !important;
}

.account-user,
.account-language {
    display: none;
    font-size: 13px;
    font-weight: 500;
}

.account-responsive {
    display: none !important;
}

.avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #00799d;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
}

/* ==========================================================================
   SECTION HEADINGS
   ========================================================================== */

.section_heading_center h2 {
    position: relative;
    padding-bottom: 15px;
    font-size: var(--font-base);
    color: var(--gold-color);
    font-family: Poppins, sans-serif;
}


.section_heading_center h2::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: var(--main-color);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.section_heading_center h5 {
    font-size: var(--font-md);
    color: #4a5565;
}

.badge-services {
    color: var(--main-color);
    border-radius: 20px;
    font-weight: 600;
    font-size: var(--font-base);
    text-transform: uppercase;
    letter-spacing: 2px;
}

.section-title {
    font-size: 36px;
    font-weight: 700;
    color: #111827;
    display: block;
}

.section-subtitle {
    color: #0f4c81;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.heading-custom {
    /*background: linear-gradient(to right, var(--navy-color) 0%, var(--navy-color) 50%, var(--white-color) 95%, var(--white-color) 100%);
    color: #d1aa2a !important;
    border: none;
    padding: 3px;
    border-radius: var(--border-radius-sm);*/
}

/* ==========================================================================
   SERVICES
   ========================================================================== */

.services-section {
    background: #f9fafa;
}

.service-card {
    background: var(--white-color);
    border-radius: 15px;
    padding: 30px;
    transition: var(--transition-fast);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    height: 100%;
    border: 1px solid #EBE6DE;
}

.service-card:hover {
    transform: translateY(-5px);
}


.icon-box {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    background: var(--main-color-light);
    color: var(--main-color);
}

.service-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px;
}

.service-text,
.service-p {
    color: #6c757d;
    font-size: var(--font-base);
}

.service-card1 {
    border-radius: 15px;
    padding: 40px 20px;
    text-align: center;
    position: relative;
    transition: var(--transition-fast);
}

.service-card1:hover {
    transform: translateY(-5px);
}

.service1 {
    background-color: #d9f2ef;
}

.service1 .icon-box {
    background-color: #bfe7e3;
    color: #00897b;
}

.service2 {
    background-color: #f7efe2;
}

.service2 .icon-box {
    background-color: #f3e2c7;
    color: #f39c12;
}

.service3 {
    background-color: #eef1f4;
}

.service3 .icon-box {
    background-color: #dee3e8;
    color: #6c757d;
}


/* ==========================================================================
   DESTINATIONS
   ========================================================================== */

.destinations-section {
    background-color: rgba(238, 241, 241, 0.5);
}

.destination-card {
    position: relative;
    height: 100%;
    min-height: 496px;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    transform: translateZ(0);
    /* active GPU */
    transition: transform 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.destination-card:hover {
    transform: scale(1.07);
}

.destination-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.15), transparent);
    pointer-events: none;
    /* AJOUT: le pseudo-élément ne bloque pas les clics */
}

.destination-content {
    padding: 10px 20px;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    color: var(--white-color);
}

.destination-content h4 {
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1;
    font-size: 20px;
}

.destination-content p {
    font-size: var(--font-base);
    opacity: 0.85;
    margin-bottom: 10px;
    color: var(--white-color) !important;
}

.destination-content a {
    color: var(--white-color);
}

/* ==========================================================================
   HERO SECTION
   ========================================================================== */

.hero-section {
    background: var(--main-color);
    padding: 40px;
    color: var(--white-color);
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-20);
    text-align: center;
}

.hero-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.hero-text {
    color: rgba(219, 234, 254, 0.9);
    font-size: 16px;
    margin-bottom: 24px;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

#footer_area {
    padding: 1% 0;
    background: var(--footer-bg);
}

.footer_heading_area h5 {
    border-bottom: 2px solid var(--gold-color);
    display: inline-flex;
    padding-bottom: 5px;
    font-weight: 400;
    font-size: var(--font-base);
}

.footer_link_area ul li {
    padding-bottom: 4px;
}

.footer_link_area ul li a {
    color: #d1d5dc;
    font-size: var(--font-sm);
    font-weight: 400;
    transition: var(--transition);
}

.footer_link_area ul li a:hover {
    color: var(--gold-color);
}

.copyright_left p,
.copyright_left p span a {
    color: #99a1af;
    font-size: 12px;
    font-weight: 500;
}

.copyright_footer {
    border-top: 1px solid #364153;
}

.nav-footer .context {
    padding: 0;
}

.footer-contact1 {
    color: var(--white-color);
    padding: 15px 0 0;
}

.footer-contact1 i {
    color: #9aa0a2;
}

.footer-contact1 p,
.footer-contact1 a {
    color: rgba(255, 255, 255, 0.7);
}

.res-sociaux-paiement {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 2%;
    padding-top: 1%;
}

.title p {
    color: var(--white-color);
    font-size: 18px;
    margin-top: 26px;
}

.social>a {
    color: var(--white-color) !important;
}

.res-soc {
    color: var(--white-color);
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 18px;
    padding: 6px 8px;
    border-radius: 20px;
    margin-right: 5px;
    transition: var(--transition);
    /* AJOUT */
}

.res-soc:hover {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.34);
    cursor: pointer;
    background: var(--main-color-j);
}

/**********************/
.theme_search_form_tabbtn-scroll .nav-tabs {
    /*justify-content: center*/
}

.theme_search_form_tabbtn .nav-tabs .nav-item.show .nav-link,
.theme_search_form_tabbtn .nav-tabs .nav-link.active {
    color: var(--panel-bg-soft);
    background: none;
    border: none;
    border-bottom: 3px solid var(--panel-bg-soft);
    border-radius: 0;
}

.theme_search_form_tabbtn .nav-tabs .nav-link {
    color: var(--main-color-j);
    border-radius: var(--radius-0);
    border: 0px solid var(--black-color);
    font-weight: var(--font-weight-600);
    padding: 0rem 0rem;
}

.theme_search_form_tabbtn-arrow {
    border: 1px solid var(--border-color-black);
    background: var(--white-color);
    color: var(--main-color);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.08);
}

.theme_search_form_tabbtn-arrow i {
    font-size: var(--font-size-12);
}


/* Largeur héritée du PopperComponent, style du contenu */
.MuiAutocomplete-paper {
    border-radius: 8px !important;
    /* border: 1px solid var(--border-color-default) !important;*/
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

/* ==========================================================================
   Autocomplete custom hooks
   These classes are intentionally empty for future visual customization.
   ========================================================================== */
.autocomplete-custom {}

.autocomplete-custom__popper {}

.autocomplete-custom__paper {}

.autocomplete-custom__listbox {}

.autocomplete-custom__option {}

.autocomplete-custom__option--focused {}

.autocomplete-custom__option--selected {}

.autocomplete-custom__option-icon {
    color: var(--panel-bg-soft) !important;
}

.autocomplete-custom__option-content {}

.autocomplete-custom__option-main {}

.autocomplete-custom__option-text {}

.autocomplete-custom__option-title {
    font-size: var(--font-size-13) !important;
    font-weight: var(--font-weight-500) !important;
    color: var(--black-color-opacity);
}

.autocomplete-custom__option-subtitle {
    font-size: var(--font-size-11) !important;
    font-weight: var(--font-weight-400) !important;
    color: var(--bs-gray) !important;
}
.autocomplete-custom__option-badge {
    background: var(--panel-bg-soft);
    border: 1px solid var(--panel-bg-soft) !important;
    color: var(--white-color) !important;
}
.MuiAutocomplete-option {
    font-size: var(--font-size-14) !important;
}

.MuiAutocomplete-option.Mui-focused {
    background-color: var(--surface-color-muted) !important;
}

.MuiAutocomplete-option[aria-selected="true"] {
    background-color: rgba(24, 168, 229, 0.1) !important;
    color: var(--main-color) !important;
}

.btn-link-book {
    background: #ebf3ff;
    color: #0d6efd;
    border-radius: var(--radius-10);
}

.book_heading_theme::before {
    background-color: var(--hotelcard-name-color);
}

.required-field label:after {
    color: #e32;

}

.badge {
    /* padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--font-weight-700);
    color: var(--custom-tabs-link-active-bg);
    border-radius: var(--bs-badge-border-radius);*/
}

.price-forminput-inner {
    border: 1px solid #dddddd;
    font-size: var(--font-size-16);
}

.left_side_search_boxed_hotel {
    background: #FFFFFF;
    border: 0px solid #00000030;
    font-size: var(--font-size-12);
    color: var(--border-color-black-full);
}

.left_side_search_boxed_hotel .filter-count {
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-12);
    color: var(--border-color-black-full);
}

svg.lucide {
    color: var(--panel-bg-soft) !important;
}
#myTabContent1 .form-area input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]):not(.cabin-radio),
svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeSmall,
svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium,
button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeMedium.MuiAutocomplete-clearIndicator,
button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeSmall{

    color: var(--white-color) !important;
}
.details-booking {
    border-top: 1px dashed #dadbdc;
}

.offre-dispo {
    color: #4CAF50;
    border: 1px solid #4CAF50;
    font-weight: var(--font-weight-500);
    padding: 7px 10px;
    border-radius: var(--radius-8);
}

.offre-sur-demande {
    color: #f57100;
    border: 1px solid #f57100;
    font-weight: var(--font-weight-500);
    border-radius: var(--radius-8);

}

.soical_icon_footer a {
    color: var(--white-color);
}

.tour_details_top_bottom_dashboard {
    border-bottom: 1px solid var(--border-color-default);
}

.search-loading-modal {
    background: var(--white-opacity-96);
    box-shadow: 0 24px 60px var(--white-opacity-16);
}

.search-loading-text {
    color: var(--gold-color);
}

.page-confirm-booking {
    background-color: var(--white-color);
    border: 1px solid var(--page-confirm-booking-border);
    box-shadow: var(--page-confirm-booking-shadow);
}

.page-confirm-booking-photo {
    border-radius: var(--page-confirm-booking-photo-radius);
}

.page-confirm-booking-star {
    font-size: var(--font-size-12);
}

.page-confirm-booking-name {
    font-size: var(--font-size-13);
    line-height: var(--font-size-24);
    font-weight: bold;
}

.header-content-location {
    font-size: var(--font-size-12);
}

.hotel-details-reservation,
.book_heading_theme {
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-18);
}

p.sticky-detail-line {
    font-size: var(--font-size-13);
    ;
    font-weight: var(--font-weight-500);
    ;
    color: var(--text-color-default);
}

.hotel-details-reservation:before {
    background-color: var(--hotelcard-name-color);
}

.book_heading_theme_bg {
    background: #f1f1f1;
}

.book_heading_theme_bg label {
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-12);
}

.hotel-room-beneficiary-title__text {
    border-bottom: 2px solid var(--main-color);
}

.check-date-label {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-400) !important;
}

.check-date {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-700);
}

.check-night {
    font-weight: var(--font-weight-500);
}

.check-rooms {
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-400);
}

.check-details {
    font-size: var(--font-size-12);
}

.hotel_search_item {
    background: var(--white-color);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-8);
}

.hotel_search_item_loading {
    background: var(--white-color);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-8);
    padding: var(--radius-10);
}

.hotel_search_item_hover {
    background: var(--surface-color-muted);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-8);
}

.hotel_price {
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-600);
}

.hotel_item_img img {
    border-radius: var(--hotel-search-photo-radius);
}

.hotel_content_top_left h4 a {
    color: var(--black-color);
}

.hotel_content_top_right h5 {
    font-size: var(--font-size-16);
    color: var(--black-color);
    font-weight: var(--font-weight-500);
}

.hotel_content_top_right h4 {
    font-size: var(--font-size-16);
}

.hotel_content_middel_left h5 {
    font-size: var(--font-size-16);
    color: var(--main-color);
    font-weight: var(--font-weight-500);
    padding-bottom: var(--space-4);
}

.hotel_content_middel_right h3 {
    font-weight: var(--font-weight-500);
}

.hotel_content_middel_right h3 sub {
    font-size: var(--font-size-14);
}

.hotel_content_middel_right p {
    font-size: var(--font-size-14);
}

.hotel_content_bottom_left ul li {
    background: var(--white-color);
    border: 1px solid var(--hotel-search-bottom-pill-border);
    border-radius: var(--font-size-20);
    font-size: var(--font-size-14);
    color: var(--black-color);
}

.btn_change_selection {
    font-size: var(--font-size-15);
    background: var(--surface-color-muted);
    border-radius: var(--radius-6);
}

.item-dossier {
    background: var(--white-color);
    margin: var(--radius-10);
    border-bottom: 1px solid var(--product-card-border-color);
}

.name-product {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-500);
}

.location-product {
    font-size: var(--font-size-14);
}

.img-product-cart {
    border-radius: var(--radius-6);
}

.product_date_area_one h5 {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-500);
}

.product_date_area_one p {
    font-size: var(--font-size-14);
}

.info-product {
    padding: var(--font-size-20);
}

.btn_new_request {
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-600);
    color: var(--main-color);
    border-radius: var(--radius-3);
    padding: 0;
    border-bottom: 1px solid currentColor;
}

.btn_new_request:hover {
    color: var(--main-color);
    border-bottom: 1px solid currentColor;
}

.price-commande {
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-600);
    color: var(--command-alert-color);
}

.price-product {
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-500);
}

.commande_area {
    border: 1px solid var(--border-color-default);
    border-radius: var(--radius-9);
    overflow: hidden;
    background: var(--white-color);
}

.order_area {
    padding-bottom: var(--space-30);
}

.commande_title {
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-20);
}

.voucher-product {
    font-size: var(--font-size-13);
    letter-spacing: 0.78px;
    font-weight: var(--font-weight-600);
    color: var(--white-color);
    border-radius: var(--radius-3);
    border: 1px solid var(--voucher-product-accent);
    padding: var(--radius-6) var(--radius-8);
    background: var(--voucher-product-accent);
}

.voucher-product:hover {
    border-color: var(--voucher-product-accent-hover);
    background: var(--voucher-product-accent-hover);
    color: var(--white-color);
}

.state-commande {
    border: 1px solid var(--command-state-color);
    color: var(--command-state-color);
    text-align: center;
}

.state-confirmer {
    border-radius: 3px;
    border: 1px solid var(--command-success-color);
    color: var(--command-success-color);

}

.state-en-attente {
    border-radius: 3px;
    border: 1px solid var(--command-warning-color);
    color: var(--command-warning-color);
}

.state-annuler {
    border-radius: 3px;
    border: 1px solid var(--command-alert-color);
    color: var(--command-alert-color);
}

.info-cancelation {
    color: var(--min-price-airline-color);
    text-align: center;
}

.warning-info-cancelation {
    color: var(--command-alert-color);
    text-align: center;
}

.details-commande {
    padding: var(--space-4) var(--radius-10);
    border-radius: var(--radius-3);
    border: 1px solid var(--command-details-color);
    background: var(--command-details-color);
    color: var(--white-color);
    text-align: center;
}

.details-commande:hover {
    border: 1px solid var(--command-details-color);
    color: var(--command-details-color);
    background: var(--white-color);
}

.proforma-commande {
    color: var(--white-color);
    border-radius: var(--radius-3);
    border: 1px solid var(--command-success-color);
    padding: var(--space-4-5) var(--radius-8);
    background: var(--command-success-color);
}

.proforma-commande:hover {
    color: var(--command-muted-color);
    border-radius: var(--radius-3);
    border: 1px solid var(--command-muted-border-color);
    background: var(--white-color);
}

.paiement-commande {
    color: var(--white-color);
    border-radius: var(--radius-3);
    border: 1px solid var(--command-paiement-color);
    padding: var(--space-4-5) var(--radius-8);
    background: var(--command-paiement-color);
}

.paiement-commande:hover {
    color: var(--command-muted-color);
    border-radius: var(--radius-3);
    border: 1px solid var(--command-muted-border-color);
    background: var(--white-color);
}

.badge-discount {
    color: var(--badge-discount-color);
    background: var(--badge-discount-bg);
    border: 1px solid var(--badge-discount-color);
    font-weight: var(--font-weight-500);
    padding: var(--radius-3) var(--radius-6);
    border-radius: var(--radius-6);
    font-size: var(--font-size-13);
    margin: var(--space-2);
}

.badge-info {
    color: var(--badge-info-color);
    background: var(--badge-info-bg);
    border: 1px solid var(--badge-info-color);
    font-weight: var(--font-weight-500);
    padding: var(--radius-3) var(--radius-6);
    border-radius: var(--radius-6);
    font-size: var(--font-size-12);
    margin: var(--space-2);
}

.alert-nrf {
    color: var(--command-alert-color);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-500);
}

.alert-free-cancellation {
    color: var(--alert-free-cancellation-color);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-500);
}

.alert-rooms-left {
    color: var(--alert-rooms-left-color);
    font-size: var(--font-size-34);
    font-weight: var(--font-weight-500);
}

.old-price {
    color: var(--text-color-gray);
    text-decoration: line-through;
    font-size: var(--font-size-small);
}

.alert-promo {
    background-color: var(--alert-promo-bg);
    color: var(--alert-promo-color);
    border: 1px solid var(--alert-promo-color);
    font-weight: var(--font-weight-500);
    padding: var(--radius-3) var(--radius-6);
    border-radius: var(--radius-6);
    font-size: var(--font-size-13);
    margin: var(--space-2);
}

.alert-dispo,
.hotel-room-beneficiary-title__state .offre-dispo {
    background-color: var(--alert-dispo-bg);
    color: var(--white-color);
    font-weight: var(--font-weight-500);
    padding: var(--radius-3) var(--radius-6);
    border-radius: var(--radius-6);
    font-size: var(--font-size-12);
}

.alert-sur-demande,
.hotel-room-beneficiary-title__state .offre-sur-demande {
    background-color: var(--alert-sur-demande-bg);
    color: var(--white-color);
    font-weight: var(--font-weight-500);
    padding: var(--radius-3) var(--radius-6);
    border-radius: var(--radius-6);
    font-size: var(--font-size-13);
}

.alert-stop-sale {
    background-color: var(--alert-stop-sale-bg);
    color: var(--white-color);
    font-weight: var(--font-weight-500);
    padding: var(--radius-3) var(--radius-6);
    border-radius: var(--radius-6);
    font-size: var(--font-size-13);
}

.alert-deadline {
    color: var(--alert-free-cancellation-color);
    font-size: var(--font-size-13);
}

.arrang_select_area .nav-tabs .nav-item.show .nav-link,
.room_select_area .nav-tabs .nav-link.active {
    color: var(--white-color);
    background-color: var(--main-color);
    border-color: var(--border-color-bootstrap) var(--border-color-bootstrap) var(--white-color);
}

.arrang_select_area .nav-style {
    background: var(--surface-color-muted);
    border-radius: var(--radius-4);
    color: var(--hotelcard-name-color);
}

.type-room {
    font-size: var(--font-size-12);
}

.arrang_select_area .nav-style:hover {
    color: var(--action-color);
}

.arrang_select_area .nav-style.active {
    color: var(--white-color);
    background-color: var(--main-color);
    border-color: var(--border-color-bootstrap) var(--border-color-bootstrap) var(--white-color);
}

.room-pax {
    border-bottom-color: var(--border-color-bootstrap) !important;
    border-top-color: var(--border-color-bootstrap) !important;
}

.room_arrang {
    border-radius: var(--radius-10);
}

.color-xml {
    border-top: 3px solid var(--hotelcard-name-color);
}

.wishlist {
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-18);
}

.mes-favoris {
    font-size: var(--font-size-18);
    color: var(--button-search-input-bg);
}

.form-control-tri {
    border: 1px solid var(--form-control-tri-border-color);
    font-size: var(--font-size-16);
    border-radius: var(--radius-23);
}

.hotel-child-age-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.hotel-child-age-row label {
    font-size: var(--font-size-13);
}

.hotel-child-age-row select {
    flex: 1 1 auto;
    min-width: 0;
}

.hotel-dropdown-actions {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.hotel-dropdown-actions>button {
    flex: 1 1 50%;
    width: 50%;
}

.hotel-room-validation-message {
    font-size: var(--font-size-12);
    line-height: 1.2;
}

.waiting {
    color: var(--alert-sur-demande-bg);
    font-weight: var(--font-weight-500);
}

.complete {
    color: var(--alert-dispo-bg);
    font-weight: var(--font-weight-500);
}

.cancel {
    color: var(--alert-stop-sale-bg);
    font-weight: var(--font-weight-500);
}

.completeAdvanced {
    color: var(--alert-dispo-bg);
    font-weight: var(--font-weight-500);
}

.text-total-amount {
    font-size: 19px !important;
    color: var(--black-color);
}

.total-amount {
    font-size: 19px;
    color: var(--black-color);
}

[dir="rtl"] .total-amount {
    direction: ltr;
}

[dir="rtl"] .tour_booking_amount_area ul li span {
    direction: ltr;
}

.hotel-add-cart-actions__submit, input.form-control.price-forminput-inner {
    background: var(--transparent) !important;
    border-radius: var(--radius-8);
}
select.form-control.form-select.bg_input.hotel-beneficiary-select {
    color: #6c757d;
}
.form-control:focus {
    color: #000;
}
.btn-add-cart__label,
.btn-add-cart__separator,
.btn-add-cart__price {
    line-height: 1.1;
}

.btn-add-cart__label {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-600);
}

.btn-add-cart__price {
    font-size: var(--font-size-15);
    font-weight: var(--font-weight-700);
    opacity: var(--btn-add-cart-price-opacity);
}

.btn-add-cart__separator {
    font-size: var(--font-size-15);
    font-weight: var(--font-weight-700);
    opacity: var(--btn-add-cart-separator-opacity);
}

.hotel-add-cart-info {
    border-radius: var(--radius-8);
    background: var(--primary-color-bright-soft);
    margin-left: 10px;
}

.hotel-add-cart-info i {
    border-radius: 50%;
    background: var(--white-color);
    color: var(--hotel-add-cart-icon-color);
}

.hotel-cancellation-notice {
    border-radius: var(--radius-8);
    font-size: var(--font-size-09);
    font-weight: var(--font-weight-500);
}

.hotel-cancellation-notice__icon {
    color: inherit;
}

.hotel-cancellation-notice__text {
    word-break: break-word;
}

.hotel-cancellation-notice__message {
    font-weight: var(--font-weight-400);
}

.hotel-cancellation-notice__rooms {
    font-weight: var(--font-weight-400);
}

.hotel-cancellation-notice--warning {
    background: var(--cancellation-warning-bg);
    border-color: var(--cancellation-warning-border);
    color: var(--cancellation-warning-color);
}

.hotel-cancellation-notice--warning .hotel-cancellation-notice__icon {
    color: var(--cancellation-warning-icon-color);
}

.hotel-cancellation-notice--info {
    background: var(--cancellation-info-bg);
    border-color: var(--cancellation-info-border);
    color: var(--cancellation-info-color);
}

.hotel-cancellation-notice--info .hotel-cancellation-notice__icon {
    color: var(--cancellation-info-icon-color);
}

.hotel-cancellation-notice--alert {
    background: var(--cancellation-alert-bg);
    border-color: var(--cancellation-alert-border);
    color: var(--cancellation-alert-color);
}

.hotel-cancellation-notice--alert .hotel-cancellation-notice__icon {
    color: var(--command-alert-color);
}

.selected-row {
    background-color: var(--surface-color-muted);
}

.ribbon-party {
    background: var(--ribbon-party-bg);
    color: var(--white-color);
    border-radius: var(--ribbon-party-radius);
    font-size: var(--font-size-14);
}

.p-date-party {
    justify-content: space-between;
}

.date-party {
    color: var(--main-color);
    font-size: var(--font-size-15);
    font-weight: var(--font-weight-700);
}

.star-hotel-party {
    font-size: var(--font-size-14);
}

.name-zone {
    font-weight: var(--font-weight-700);
}

.theme_two_box_content h4 {
    text-transform: capitalize;
}

.img-party {
    height: var(--img-party-height);
}

.fix-item-height-detail {
    height: var(--fix-item-height-detail-height) !important;
}

.fix-item-dim {
    height: var(--fix-item-dim-height);
}

button.sticky-edit-icon.sticky-edit-button {
    border: var(--sticky-edit-icon-border);
    background: var(--background-transparent);
}

.bg_main {
    color: var(--white-color);
    background-color: var(--main-color);
}

.users_top_heading button {
    font-weight: var(--font-weight-600);
}

.total-equivalence {
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-700);
}

.left_side_search_heading h5 {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-500);
    color: var(--border-color-black-full);
}

.scrollable {
    height: var(--scrollable-height);
}

.search_loading {
    height: var(--search-loading-height);
}

.leaflet-div-icon {
    background: var(--background-transparent);
    border: var(--leaflet-div-icon-border);
    border-radius: var(--leaflet-div-icon-radius);
}

.map_detail_btn {
    border-color: var(--min-price-airline-color);
    color: var(--white-color);
    font-size: var(--radius-10);
    border-radius: var(--map-detail-btn-border-radius);
}

.map_price,
.map_price_hover {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-700);
    color: var(--white-color);
    border-radius: var(--radius-4);
}

.map_price {
    background-color: var(--map-price-bg);
}

.map_price_hover {
    background-color: var(--map-price-hover-bg);
    color: var(--main-color);
}

.bg-warning,
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: var(--bg-warning-color) !important;
}

.bg-success,
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: var(--bg-success-color) !important;
}

.topbar-others-options li .currency-option button {
    color: var(--white-color);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-500);
}

.topbar-others-options li .currency-option button:hover {
    color: var(--currency-button-hover-color);
}

.topbar-others-options li .currency-option button::before {
    font-weight: var(--font-weight-900);
    font-size: var(--font-size-14);
    color: var(--white-color);
}

.topbar-others-options li .currency-option .currency-dropdown-menu {
    border-radius: var(--radius-5);
    background-color: var(--white-color);
    box-shadow: var(--currency-dropdown-shadow);
}

.topbar-others-options li .currency-option .currency-dropdown-menu .dropdown-item {
    color: var(--paragraph-color);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-500);
    border-bottom: 1px solid var(--details-show-more-bg);
    border-radius: var(--radius-5);
}

.topbar-others-options li .currency-option .currency-dropdown-menu .dropdown-item:active {
    color: var(--white-color);
    background-color: var(--currency-button-hover-color);
}

.notification {
    color: var(--main-color);
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-12);
}

.slider_title,
.slider_sub_title {
    color: var(--white-color);
}

#home_one_banner::before {
    background: var(--home-banner-before-background);
    height: var(--home-banner-before-height);
}

/*Tab Moteur*/
.theme_search_form_area {
    background: var(--primary-color-sky);
    box-shadow: 0 10px 24px var(--shadow-color-primary);
    border-radius: 20px;
    padding: 25px;
    position: relative;

}

.form-area {
    background: var(--flight-trip-selector-pill-active-bg);
    border: 1px solid var(--border-color-neutral);
}

.form-label .text-primary {
    /*color: var(--form-label-primary-color) !important;*/
}

.form-label .form-label-text {
    margin-left: 5px;
}

.form-input {
    /*background-color: var(--background-transparent) !important;
    color: var(--text-color-subtle);*/
}

.form-label {
    color: var(--white-color);
}

.search-btn {
    /*background: linear-gradient(135deg, var(--main-color-dark) 0%, var(--main-color) 100%) !important;*/
    background: linear-gradient(135deg, oklch(72% .19 40), oklch(65% .22 20)) !important;
    color: var(--white-color) !important;
    border:none;
    font-weight:600;
    transition:.3s;
    box-shadow:0 12px 25px rgba(255,124,45,.35);

}

.search-btn:hover {
    background:var(--black-color) !important;
}

button.btn.dropdown-toggle.dropdown-flight_categories_search.btn-custom {
    background: var(--main-color) !important;
    color: var(--white-color) !important;
}

.flight_Search_boxed {
    background: transparent;
    border: 0px solid var(--border-color-neutral);
}

/*ChekBox*/

.flight-search-options {
    height: 74px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    overflow: hidden;
}

.flight-search-option .flight-search-option {
    color: var(--main-color-dark);
}

.flight-search-options label.flight-search-option {
    color: var(--main-color-dark);
}

/*Date Picker*/

.react-datepicker__header {
    border-bottom: 1px solid var(--border-color-neutral);
    /* background: linear-gradient(135deg, var(--primary-color-bright) 74%, var(--main-color) 100%) !important;*/
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
    border-color: var(--white-color) !important;
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
    background-color: var(--action-color);
}





.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
    background-color: var(--action-color) !important;
}

.hotel-datepicker .datepicker-input {
    color: var(--white-color);
}
.flight-offer-iata{
    color: var(--text-deep); 
}
.flight-offer-segment-label {
    font-size: 11px;
    font-weight: 500;
    color: var(--bs-white);
    background: var(--main-color);
}
@media (max-width: 767.98px) {
    td.text-end {
        width: 25%;
    }
}
@media (min-width: 993px) {
    .hotel-datepicker .react-datepicker__navigation-icon--previous:before {
        left: -4px !important;
        top:8px !important;
    }
      .hotel-datepicker .react-datepicker__navigation-icon--next:before {
        left: -5px !important;
        top: 2px !important;
    }
 
    .hotel-datepicker .react-datepicker {
        border: 1px solid var(--border-color-soft);
        /*background: linear-gradient(180deg, var(--white-color) 0%, var(--surface-color-soft) 100%);*/
        background: linear-gradient(180deg, var(--custom-tabs-bg)  0%, var(--surface-color-soft) 100%);
    }

    .hotel-datepicker .react-datepicker__header {
        border-bottom: 0px solid rgba(0, 85, 145, 0.1);
        /*background: linear-gradient(180deg, var(--primary-color-strong) 0%, var(--primary-color-sky) 100%) !important;*/
        background: transparent;
    }

    .hotel-datepicker .react-datepicker__current-month {
        color: var(--main-color) !important;
        font-size: var(--hotel-datepicker-month-title-font-size);
        font-weight: var(--hotel-datepicker-month-title-font-weight) !important;
        font-family: inherit;
        letter-spacing: 0.02em;
    }

    .hotel-datepicker .react-datepicker__navigation {
        background: var(--main-color) !important;
        transition: var(--transition);
    }

    .hotel-datepicker .react-datepicker__navigation:hover {
        background: var(--white-opacity-28);
    }

    .hotel-datepicker .react-datepicker__navigation-icon::before {
        border-color: var(--white-color) !important;

    }

    .hotel-datepicker .react-datepicker__triangle {
        border-bottom-color: var(--main-color);
        filter: drop-shadow(var(--hotel-datepicker-triangle-shadow));
    }

    .hotel-datepicker .react-datepicker__day-name {
        color: var(--black-color-opacity);

    }

    .hotel-datepicker .react-datepicker__day {
        color: var(--black-color);

    }

    .hotel-datepicker .react-datepicker__day:hover {
        background: rgba(79, 186, 232, 0.16) !important;
        color: var(--main-color) !important;
    }

    .hotel-datepicker .react-datepicker__day--keyboard-selected:not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end):not(.react-datepicker__day--selected):not(.react-datepicker__day--in-range):not(.react-datepicker__day--in-selecting-range) {
        background: transparent !important;
        color: var(--black-color) !important;
        box-shadow: none !important;
    }

    .hotel-datepicker .react-datepicker__day--today {
        /* background: rgba(0, 85, 145, 0.08);
        color: var(--main-color);*/
    }

    .hotel-datepicker .react-datepicker__day--disabled,
    .hotel-datepicker .react-datepicker__day--outside-month {
        color: rgba(129, 128, 144, 0.55);
    }

    .hotel-datepicker .react-datepicker__day--outside-month:hover,
    .hotel-datepicker .react-datepicker__day--disabled:hover {
        background: transparent !important;
        color: rgba(129, 128, 144, 0.55) !important;
    }

    .hotel-datepicker .react-datepicker__day--outside-month.react-datepicker__day--in-range,
    .hotel-datepicker .react-datepicker__day--outside-month.react-datepicker__day--in-selecting-range,
    .hotel-datepicker .react-datepicker__day--outside-month.react-datepicker__day--range-start,
    .hotel-datepicker .react-datepicker__day--outside-month.react-datepicker__day--range-end,
    .hotel-datepicker .react-datepicker__day--outside-month.react-datepicker__day--selected,
    .hotel-datepicker .react-datepicker__day--outside-month.react-datepicker__day--keyboard-selected {
        background: transparent !important;
        color: rgba(129, 128, 144, 0.4) !important;
    }

    .hotel-datepicker .react-datepicker__day--in-range,
    .hotel-datepicker .react-datepicker__day--in-selecting-range {
        background: rgba(79, 186, 232, 0.18) !important;
        color: var(--black-color) !important;

    }

    .hotel-datepicker .react-datepicker__day--range-start,
    .hotel-datepicker .react-datepicker__day--range-end,
    .hotel-datepicker .react-datepicker__day--selected {
        background: var(--main-color) !important ;
        color: var(--white-color) !important;
        box-shadow: 0 10px 20px rgba(0, 85, 145, 0.24);
    }

    .hotel-datepicker .react-datepicker__day--range-start:hover,
    .hotel-datepicker .react-datepicker__day--range-end:hover,
    .hotel-datepicker .react-datepicker__day--selected:hover {
        background: linear-gradient(135deg, var(--main-color-j) 0%, var(--main-color-j) 100%) !important;
        color: var(--white-color) !important;
    }
    .hotel-datepicker .react-datepicker__day--range-start:not(.react-datepicker__day--range-end) {
        border-radius: 7px !important;
    }

    .hotel-datepicker .react-datepicker__day--range-end:not(.react-datepicker__day--range-start) {
        border-radius: 7px !important;
    }

}

.tour_details_boxed .your_info_arae h6 {
    font-size: var(--font-size-15);
    font-weight: var(--font-weight-500);
}

label.col-form-label {
    font-size: var(--font-size-12);
}

/*********Left Bar HotelSearchResponse************/

.hotel-search-response-left-side {
    top: var(--hotel-search-response-left-side-inner-sticky-top);
}

.hotel-search-response-left-side--scrolled .hotel-search-response-left-side-inner {
    border-radius: var(--radius-6);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.hotel-search-recap-desktop {
    background: var(--white-color);
    border: 1px solid var(--border-color-black);
}

.hotel-search-recap-desktop .sticky-detail-line span {
    font-size: var(--font-size-12);
}

.hotel-search-recap-desktop .sticky-destination {
    color: var(--text-color) !important;
}

.hotel-search-recap-desktop .sticky-details {
    color: var(--text-color);
}

.hotel-search-recap-desktop .sticky-edit-icon {
    color: var(--paragraph-color);
}

.type-room span.m-1 {
    font-size: var(--font-size-12);
}

.left_side_map {
    background: var(--white-color);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-6);
}

.hotelcard-name {
    color: var(--hotelcard-name-color);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-700);
}

.hotelcard-stars {
    color: var(--hotelcard-stars-color);
    font-size: var(--font-size-12);
}

.hotelcard-address {
    color: var(--flight-details-inner-color);
    font-size: var(--font-size-12);
}

.hotelcard-reviews {
    color: var(--flight-details-inner-color);
    font-size: var(--font-size-12);
}

.hotelcard-rating-total {
    color: var(--white-color);
    background: var(--hotelcard-rating-total-bg);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-500);
    border-radius: var(--radius-6-6-6-0);
}

.regioninfo {
    background: var(--white-color);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-6);
}

.regioninfo-region {
    color: var(--hotelcard-name-color);
    font-size: var(--font-size-16);
}

.regioninfo-search {
    color: var(--regioninfo-search-color);
}

.regioninfo-dates {
    color: var(--flight-details-inner-color);
    font-size: var(--font-size-13);
}

.regioninfo-rooms {
    color: var(--flight-details-inner-color);
    font-size: var(--font-size-13);
}

.map-button {
    box-shadow: var(--map-button-box-shadow);
    background: var(--hotelcard-name-color);
    color: var(--white-color);
}

.map-button:hover {
    background: var(--white-color);
    color: var(--hotelcard-name-color);
}

.hotelcard-rates {
    background: var(--hotelcard-rates-bg);
    border-radius: var(--radius-4);
}

.hotelcard-rate-name-text {
    font-size: var(--font-size-14);
}

.valueadds-wrapper {
    color: var(--hotelcard-rate-valueadds-color);
    font-size: var(--font-size-14);
}

.hotelcard-rate-price-value {
    color: var(--flight-details-inner-color);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-500);
}

.hotelcard-rate-price-notice {
    color: var(--flight-details-inner-color);
    font-size: var(--font-size-12);
}

.hotelcard-nextstep-button {
    background: var(--hotelcard-name-color);
    color: var(--white-color);
    font-size: var(--font-size-16);
    border-radius: var(--radius-4);
}

.hotelcard-view-offre {
    background: var(--main-color) !important;
    color: var(--white-color);
    font-size: var(--font-size-14);
    border-radius: var(--radius-4);
}

.hotelcard-nextstep-icon {
    font-size: var(--font-size-14);
    display: inline-block;
    transition: transform 0.25s ease-in-out;
}

.hotelcard-view-offre[aria-expanded="true"] .hotelcard-nextstep-icon {
    transform: rotate(180deg);
}

.hotels-countresult {
    background: var(--white-color);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-8);
}

.countresult-header {
    color: var(--flight-details-inner-color);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-600);
}

a.text-enter {
    color: #f8b133;
    font-weight: var(--font-weight-600);
}

/********** Fitre verticale HotelSearchResponse ************/

.hotel-sort-desktop-label {
    color: var(--text-color-light);
}

.hotel-sort-group,
.hotel-sort-direct-btn {
    border: 1px solid var(--border-color-black);
    ;
    color: var(--text-color);
    background: var(--white-color)
}

.hotel-favorites-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.hotel-favorites-filter-btn .filterfavorites-wrapper {
    display: inline-flex;
    align-items: center;
}

.hotel-favorites-filter-btn .filterfavorites-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.hotel-favorites-filter-btn .filterfavorites-icon {
    color: #ff4d6d;
}

.hotel-favorites-filter-btn.active {
    border-color: rgba(255, 77, 109, 0.45);
    background: rgba(255, 77, 109, 0.08);
}

.hotel-sort-group-trigger {
    background: none;
    color: var(--text-color);
}

.hotel-sort-group.active {
    background: #2f3948;
    color: var(--white-color);
    border-color: #2f3948;
}

.hotel-sort-group.active .hotel-sort-group-trigger {
    color: var(--white-color);
}

.hotel-sort-group.active .hotel-sort-group-trigger .fa_tri {
    color: var(--btn-hover);
}


.hotel-sort-group-menu {
    background: var(--white-color);
    border: 1px solid var(--border-color-black);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}



.hotel-sort-group-item {
    color: var(--text-color);
}

.hotel-sort-group-item.active,
.hotel-sort-direct-btn.active {
    color: #ff4d6d;
    font-weight: 600;
}

.hotel-sort-group-item.active {
    background: rgba(47, 57, 72, 0.08);
    color: #2f3948;
}

.hotel-sort-group-item.active .sort-item-icon {
    color: #2f3948;
}

.hotel-sort-group-item.active .mobilepane-sort-check {
    color: #2f3948;
}

.img_city {
    border-radius: var(--radius-10);
}

.hotels-city {
    font-size: var(--space-30);
    font-weight: var(--font-weight-500);
}

.heading_theme_city {
    border-bottom-color: var(--main-color);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-500);
}

.left_side_favorites {
    background: var(--white-color);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-6);
}

.filterfavorites-icon {
    color: var(--flight-search-details-color);
    font-size: var(--font-size-16);
}

.filterfavorites-label {
    color: var(--text-color-default);
}

.theme_search_form_area_city {
    background: var(--white-color);
    box-shadow: var(--city-details-boxed-shadow);
    border-radius: var(--radius-10);
}

.city_details_boxed {
    background: var(--white-color);
    box-shadow: var(--city-details-boxed-shadow);
    border-radius: var(--radius-10);
}

.city_details_boxed p {
    font-size: var(--font-size-14);
}

.SearchForm-modal-submit {
    background: var(--main-color);
    border-color: var(--main-color);
    color: var(--white-color);
    border-radius: var(--radius-4);
}

.hoteldetail-name {
    font-size: var(--hoteldetail-name-font-size);
}

.hoteldetail-stars {
    color: var(--hotelcard-stars-color);
    font-size: var(--font-size-14);
}

.hoteldetail-address {
    font-size: var(--font-size-16);
}

.hotel_details_boxed {
    background: var(--white-color);
    box-shadow: var(--city-details-boxed-shadow);
    border-radius: var(--radius-10);
}

.hotel_details_right_boxed {
    background: var(--white-color);
    box-shadow: var(--hotel-details-right-boxed-shadow);
    border-radius: var(--radius-10);
}

.hotel_details_right_box_heading h3 {
    color: var(--text-color);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-500);
    border-bottom-color: var(--main-color);
}

.recent_hotel_text h5 a {
    color: var(--black-color);
    font-size: var(--font-size-16);
}

.similarhotel-stars {
    color: var(--hotelcard-stars-color);
    font-size: var(--font-size-12);
}

.hotel-amenities-details-icon {
    border: 1px solid var(--hotel-amenities-details-icon-border);
    border-radius: var(--font-size-16);
}

.package-details-area .package-img-group {
    background: var(--white-color);
    box-shadow: var(--package-img-group-shadow);
    border-radius: var(--radius-10);
}

.package-details-area .package-img-group .gallery-img-wrap.thumb img {
    height: var(--package-gallery-thumb-height);
}

.package-details-area .package-img-group .gallery-img-wrap a,
.package-details-area .package-img-group .gallery-img-wrap button {
    background-color: var(--package-gallery-overlay-bg);
    color: var(--white-color);
    font-size: var(--font-size-15);
    font-weight: var(--font-weight-400);
    letter-spacing: var(--package-gallery-overlay-letter-spacing);
    border-radius: var(--radius-10);
}

.package-details-area .package-img-group .gallery-img-wrap a i {
    color: var(--hotelcard-stars-color);
    font-size: var(--package-gallery-overlay-icon-size);
}

.package-details-area .package-img-group .gallery-img-wrap img {
    border-radius: var(--radius-10);
    height: var(--package-gallery-image-height);
}

.package-details-area .package-img-group .gallery-img-wrap button i {
    color: var(--hotelcard-stars-color);
    font-size: 20px;
}

.searchresult-form-dates {
    background-color: var(--white-color);
    border-radius: var(--radius-8);
    font-size: var(--font-size-15);
    box-shadow: var(--city-details-boxed-shadow);
}

.searchresult-from-title,
.searchresult-to-title {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-600);
}

.searchresult-from-date,
.searchresult-to-date {
    color: var(--hotelcard-name-color);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-600);
}

.searchresult-to-time,
.searchresult-from-time {
    color: var(--searchresult-to-time-color);
    font-size: var(--font-size-16);
}

.button-view-light {
    background-color: var(--button-view-light-bg);
    color: var(--button-view-light-color);
    border-radius: var(--space-4);
    font-weight: var(--font-weight-480);
}

.btn_save {
    color: var(--white-color);
    background-color: var(--main-color);
    transition: var(--transition);
    box-shadow: none;
    border: none;
    font-size: var(--font-size-22);
}

.search_input {
    border: 1px solid var(--search-input-border-color);
    border-radius: var(--space-30);
    color: var(--paragraph-color);
    font-weight: var(--font-weight-500);
    outline: 0;
}

.button_search_input {
    color: var(--white-color);
    border-radius: var(--button-search-input-border-radius);
    background-color: var(--button-search-input-bg);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border: none;
    font-size: var(--font-size-20);
}

.button_search_input:hover {
    background-color: var(--main-color);
    color: var(--white-color);
}

.btn_cart {
    color: var(--white-color);
    background: var(--background-transparent);
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    transition: var(--transition);
    box-shadow: none;
    font-size: var(--font-size-14);
    padding: 0;
}

.number_cart {
    right: -14px;
    font-size: var(--font-size-9);
    background-color: var(--background-transparent);
    color: var(--white-color);
    border-radius: var(--button-search-input-border-radius);
}

.icon_position i {
    font-size: var(--font-size-16);
    color: var(--paragraph-color);
}

.btn-soft-primary {
    border: 1px solid var(--text-color-default);
    background-color: var(--btn-soft-primary-bg);
}

.btn-soft-primary:hover {
    color: var(--text-color-default);
}

.widget-rounded {
    background: var(--white-color);
    box-shadow: var(--widget-rounded-shadow);
    border-radius: var(--radius-10);
}

.widget-rounded-orange {
    border-left: 3px solid var(--widget-rounded-orange-border);
}

.widget-rounded-sky {
    border-left: 3px solid var(--widget-rounded-sky-border);
}

.widget-rounded-green {
    border-left: 3px solid var(--widget-rounded-green-border);
}

.text-widget-rounded {
    font-weight: var(--font-weight-600);
}

.text-widget-authorized {
    font-size: var(--radius-10);
    color: var(--text-widget-authorized-color);
}

.total-widget {
    font-size: var(--font-size-26);
    font-weight: var(--font-weight-600);
}

.total-widget-orange {
    color: var(--widget-rounded-orange-border);
}

.total-widget-sky {
    color: var(--widget-rounded-sky-border);
}

.total-widget-green {
    color: var(--widget-rounded-green-border);
}

.gds_color {
    color: var(--white-color);
    font-size: var(--font-size-13);
    border-radius: var(--radius-top-10);
}

.flight_search_details {
    color: var(--flight-search-details-color);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-600);
}

.btn_search_flight {
    color: var(--white-color);
    background-color: var(--main-color);
    font-size: var(--font-size-18);
}

.custom-tabs {
    background: var(--custom-tabs-bg);
    border-radius: var(--custom-tabs-radius);
}

.custom-tabs .nav-item:nth-child(1) .nav-link,
.custom-tabs .nav-item:nth-child(2) .nav-link {
    color: var(--text-color-default);
}

.custom-tabs .nav-item:nth-child(1) .nav-link.active,
.custom-tabs .nav-item:nth-child(2) .nav-link.active {
    background-color: var(--custom-tabs-link-active-bg);
    color: var(--text-color-default);
}

.flight_details_inner {
    font-size: var(--font-size-14);
    color: var(--flight-details-inner-color);
}

.flight_details {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-500);
}

.flight_search_right span {
    color: var(--text-color);
    font-size: var(--radius-23);
    font-weight: var(--font-weight-500);
}

.flight_search_right span sup {
    color: var(--text-color);
    font-size: var(--font-size-18);
}

.itinerary-search-summary-card {
    background: var(--white-color);
    border-radius: var(--radius-18, 18px);
}

.itinerary-search-summary-logo-img {
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    background: #fff;
}

.itinerary-search-summary-time {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.05;
    white-space: nowrap;
    color: #0f172a;
}

.itinerary-search-summary-code {
    margin-bottom: 0;
    width: auto;
    color: #0f172a;
    white-space: nowrap;
}

.itinerary-search-summary-duration {
    font-size: 12px;
    color: #0f172a;
    margin-bottom: 4px;
    white-space: nowrap;
}

.itinerary-search-summary-line {
    background: #c9d2ea;
}

.itinerary-search-summary-dot {
    background: #1f1f5b;
}

.itinerary-search-summary-plane {
    background: #fff;
    color: #0f172a;
    font-size: 13px;
}

[dir="rtl"] .itinerary-search-summary-plane {
    transform: translate(-50%, -52%) scaleX(-1);
}

.itinerary-search-summary-stops {
    font-size: 13px;
    margin-top: 6px;
    color: #0f172a;
    white-space: nowrap;
}

.itinerary-search-summary-arrival-time {
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    color: #0f172a;
}

.itinerary-search-summary-arrival-code {
    font-size: 10px;
    font-weight: 700;
    color: #0f172a;
}

.itinerary-search-summary-button {
    font-size: 11px;
    font-weight: 400;
    color: #111827;
}

.itinerary-search-summary-modal-line {
    border: 1px solid #ccc;
}

.common_author_boxed {
    background: var(--common-author-boxed-bg);
    backdrop-filter: var(--common-author-boxed-backdrop-filter);
    border-radius: var(--radius-10);
}



.react-input {
    border: 1px solid var(--react-input-border-color);
    border-radius: var(--radius-8);
}

/* Transfer search results and filters */
.transfer-countresult {
    background-color: var(--white-color);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-8);
}

.left_side_search_boxed_transfert {
    background: var(--white-color);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-6);
}

.transfer_search_items {
    background: var(--white-color);
    border: 1px solid var(--transfer-search-items-border);
    border-radius: var(--radius-8);
}

.transfer_search_item {
    background: var(--white-color);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-8);
}

.transfer_search_item_hover {
    background: var(--surface-color-muted);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-8);
}

.transfer_title_item {
    font-size: var(--font-size-26);
    font-weight: var(--font-weight-700);
}

.transfer_nbr_passager {
    font-size: var(--font-size-16);
}

.transfer_nbr_passager i,
.transfer_nbr_valise i {
    color: var(--hotelcard-name-color);
}

.transfer_nbr_valise {
    font-size: var(--font-size-16);
}

.transfer_logo {
    border: var(--radius-5) solid var(--transfer-logo-border-color);
    background-color: var(--white-color);
    border-radius: var(--radius-full);
}

.transfer_logo img {
    border-radius: var(--transfer-logo-img-radius);
}

.what_included.clickable {
    color: var(--hotelcard-name-color);
}

.what_included {
    background-color: var(--what-included-bg);
    color: var(--what-included-color);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-400);
    border-radius: var(--radius-4);
}

.type_transfer {
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-600);
}

.transfer_car_name {
    color: var(--transfer-car-name-color);
    font-size: var(--font-size-14);
}

.frs_transfer {
    border: 2px solid var(--transfer-logo-border-color);
    border-radius: var(--radius-4);
    font-size: var(--font-size-12);
}

.transfer_search_right {
    background: var(--surface-color-muted);
    border-radius: var(--radius-8);
}

.transfer_search_right h5 {
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-500);
}

.transfer_search_right h2 {
    font-size: var(--font-size-26);
}

.transfer_search_right h2 sup {
    font-size: var(--font-size-18);
}

.transfer_valueadds {
    color: var(--transfer-valueadds-color);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-500);
}

.transfer_search_right h6 {
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-500);
}

.transfer_btn_book {
    background-color: var(--hotelcard-name-color);
    color: var(--white-color);
    border-radius: var(--radius-4);
    font-size: var(--font-size-16);
}

.transfer_details {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-500);
}

.transfer_details_aller,
.transfer_details_retour {
    border-bottom-color: var(--border-color-black);
}

.transfer_details_inner {
    font-size: var(--font-size-14);
}

.btn-change-route {
    background: var(--hotelcard-name-color);
    color: var(--white-color);
    border-radius: var(--radius-5);
    font-weight: var(--font-weight-500);
}

.search-btn.m-1 .fas {
    font-weight: var(--font-weight-600) !important;
    font-size: var(--font-size-10) !important;
}

.traveller-calulate-persons .passengers h6,
.traveller-calulate-persons h6 {
    font-size: var(--font-size-14);
    font-weight: 500;
    color: var(--main-color);
    margin-bottom: 10px;
}

.traveller-calulate-persons .passengers .passengers-types .passengers-type .text {
    font-size: var(--font-size-13);
}

.traveller-calulate-persons .passengers .passengers-types .passengers-type .text .count {
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-600);
}

.traveller-calulate-persons .passengers .passengers-types .passengers-type .text .type-label span {
    font-size: var(--font-size-10);
    color: gray;
}

.traveller-calulate-persons .passengers .passengers-types .passengers-type .button-set button {
    font-size: var(--font-size-12) !important;
    color: var(--white-color) !important;
    background: var(--main-color);
}
input#combo-box-demo ,input#combo-box-demo::placeholder{
    color: var(--white-color);
}
.dropdown_passenger_area button {
color: var(--white-color);
    border-radius: var(--radius-8);
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-400);
}

.dropdown_passenger_area .dropdown-menu {
    border: 1px solid var(--page-confirm-booking-border);
}

.dropdown_passenger_area .dropdown-menu.show {

    border-radius: var(--radius-10);
}

.hotel-passengers-popper {
    z-index: 1060;
}

.hotel-passengers-popper .dropdown_passenger_info {
    display: block;
    width: 100%;
    min-width: 100%;
    margin-top: 0;
    padding: 12px;
    transform: none !important;
    left: -15px;
    top: 5px;
    border: 1px solid var(--border-color-neutral);
    border-radius: var(--radius-10);
}

.hotel-dropdown-actions .search-btn {
    border-radius: var(--radius-8);
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-400);
}

.passengers-type button {
    border: 0 none;
    /*background: transparent;*/
}

.flight-search-form--rtl .traveller-calulate-persons,
[dir="rtl"] .traveller-calulate-persons {
    direction: rtl;
    text-align: right;
}

.flight-search-form--rtl .traveller-calulate-persons .passengers .passengers-types .passengers-type,
[dir="rtl"] .traveller-calulate-persons .passengers .passengers-types .passengers-type {
    flex-direction: row;
    justify-content: flex-end;
}

.flight-search-form--rtl .traveller-calulate-persons .passengers .passengers-types .passengers-type .text,
[dir="rtl"] .traveller-calulate-persons .passengers .passengers-types .passengers-type .text {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.flight-search-form--rtl .traveller-calulate-persons .passengers .passengers-types .passengers-type .text .count,
[dir="rtl"] .traveller-calulate-persons .passengers .passengers-types .passengers-type .text .count {
    margin-right: 0;
    margin-left: 20px;
}

.flight-search-form--rtl .traveller-calulate-persons .label-select-btn.cabin-option,
[dir="rtl"] .traveller-calulate-persons .label-select-btn.cabin-option {
    flex-direction: row;
    justify-content: flex-start;
}

.flight-search-form--rtl .traveller-calulate-persons .label-select-btn.cabin-option .muiButton-label,
[dir="rtl"] .traveller-calulate-persons .label-select-btn.cabin-option .muiButton-label {
    text-align: right;
}

.flight-search-form--rtl .traveller-calulate-persons .cabin-list,
[dir="rtl"] .traveller-calulate-persons .cabin-list {
    direction: rtl;
}

.fade.modal .flight-search-options label.flight-search-option {
    color: #000;
}

@media (max-width: 992px) {

    /*.destinations-section {
        margin-top: 390px !important;
    }*/
    .login-hero {
        height: 630px;
    }

    .login-hero .bravo-form-search-all {
        position: static;
        display: block;
        padding: 20px 15px 0;
    }

    .login-card {
        margin: 0 auto;
    }

    #common_author_area {
        position: relative !important;
    }

    .z-moteur {
        margin-top: 0 !important;
    }

    .login-card {
        background: var(--login-card) !important;
    }

    .btn-login {
        background-color: #edd364 !important;
    }
}

@media (max-width: 991px) {

    .transfer-mobilepane-change-route,
    .transfer-mobilepane-filters {
        background-color: var(--white-color);
        border-radius: var(--radius-4);
        color: var(--flight-search-details-color);
        font-size: var(--font-size-16);
        border: 1px solid var(--border-color-black);
        font-weight: var(--font-weight-700);
    }
}

@media (max-width: 425px) {
    .transfer_title_item {
        font-size: var(--font-size-19);
    }

    .transfer_nbr_passager,
    .transfer_nbr_valise {
        font-size: var(--font-size-14);
    }

    .what_included {
        font-size: var(--radius-10);
    }

    .transfer_car_name {
        font-size: var(--font-size-13);
    }

    .type_transfer {
        font-size: var(--font-size-13);
    }

    .what_included.clickable {
        font-size: var(--radius-10);
    }
}

/* Flight search results and fares */
.flight-countresult {
    background-color: var(--white-color);
    border: 1px solid var(--border-color-black);
    border-radius: var(--radius-8);
}

.flight_search_items_button {
    background: var(--flight-airline-button);
    border: 1px solid var(--airline-button-border);
    border-radius: var(--radius-6) !important;
}

.flight_search_items_button.selected {
    background: #e3e3e3;
    color: black;
}

.airline-button {}

.airline-name {
    color: var(--main-color) !important;
    font-size: var(--font-size-11) !important;
    text-align: left;
}

.airline-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.min-price-airline {
    color: var(--text-deep);
    font-size: var(--font-size-14) !important;
    font-weight: var(--font-weight-400) !important;
}

.flight_search_right span {
    font-size: var(--radius-23);
    font-weight: var(--font-weight-500);
}

.flight_search_right span sup {
    font-size: var(--font-size-18);
}

.vol-aller {
    font-size: var(--font-size-14);
    color: var(--transfer-car-name-color);
}

.flight_right_arrow_icon::before,
.flight_right_arrow_icon::after {
    background-color: var(--border-color-default);
    border-color: transparent transparent transparent var(--border-color-default);
}

.flight_right_arrow_icon::after {
    border-color: transparent transparent transparent var(--border-color-default);
}

.details-show-more {
    background: var(--details-show-more-bg);
    border: 1px solid var(--details-show-more-border);
    border-radius: var(--radius-11);
}

.details-refund {
    font-size: var(--radius-11);
    font-weight: var(--font-weight-600);
}

.details-bagages {
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-600);
}

.inclus-bagages {
    background: var(--bagages-included-bg);
    color: var(--bagages-included-color);
}

.non-inclus-bagages {
    background: var(--bagages-not-included-bg);
    color: var(--bagages-not-included-color);
}

.details-seats {
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-600);
}

.info-seats {
    background: var(--info-seats-bg);
    color: var(--info-seats-color);
    border-radius: var(--radius-6);
}

.fare-option {
    background-color: var(--fare-option-bg);
    border: 1px solid var(--fare-option-bg);
    color: var(--fare-option-color);
    font-size: var(--font-size-11);
    font-weight: var(--font-weight-400);
    border-radius: var(--font-size-20);
}

.show-more-vol {
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-700);
}

.flight_search_infos {
    font-size: var(--font-size-14);
    color: var(--text-color-default);
}

.multi_city_flight_lists:nth-child(2) {
    border-top: var(--multi-city-flight-lists-border-top);
}

.btn-modal-home {
    color: var(--black-color) !important;
    border: 1px solid var(--black-color) !important;
}

.btn-modal-refresh {
    background: var(--black-color) !important;
    color: var(--white-color) !important;
    border: 1px solid var(--black-color) !important;
}

.fareoptioncard {
    background: var(--white-color);
    box-shadow: var(--hotel-details-right-boxed-shadow);
    border-radius: var(--radius-10);
}

.fareoption_rate {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-700);
}

.fareoption_detail h5 {
    font-size: var(--font-size-17);
    color: var(--black-color);
    font-weight: var(--font-weight-500);
}

.fareoption_seperateOption {
    border-top: var(--fareoption-seperate-option-border-top);
}

.price-modal-flight {
    color: var(--main-color);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-500);
}

.fareSelectionButton-selected {
    background-color: var(--fare-option-bg);
    border: 1px solid var(--fare-option-bg);
    color: var(--fare-option-color);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-500);
    border-radius: var(--font-size-20);
}

.fareSelectionButton {
    background-color: var(--background-transparent);
    border: 1px solid var(--fare-option-color);
    color: var(--fare-option-color);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-500);
    border-radius: var(--font-size-20);
}

.show-more-fare {
    color: var(--show-more-fare-color);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-400);
}

.check-fare-baggage {
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-500);
}

.fareOption-included {
    color: var(--min-price-airline-color);
}

.fareOption-not-included {
    color: var(--fareoption-not-included-color);
}

.modal-header-error {
    background-color: var(--fareoption-not-included-color);
    color: var(--white-color);
}

.error-message {
    color: var(--fareoption-not-included-color);
    font-weight: var(--font-weight-700);
}

.selected_transfer_outbound {
    background-color: var(--selected-transfer-outbound-bg);
    color: var(--white-color);
    font-size: var(--font-size-13);
    border-radius: var(--selected-transfer-outbound-radius);
}

.itinerary_label {
    display: inline-block;
    background-color: lightblue;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
}

.itinerary_stop_label {
    border: 1px solid #007bff;
    background-color: #f0f8ff;
    border-radius: 5px;
}

.flight_bottom_text {
    font-size: 14px;
    color: #666;
    border-top: 1px solid lightgrey;
}

@media (max-width: 767px) {
    #theme_search_form {
        margin-top: 15px !important;
    }

    .hoteldetail-name {
        font-size: var(--font-size-17);
    }

    .multi_city_form {

        border-bottom: 0px solid #000;
    }

    .hoteldetail-address {
        font-size: var(--font-size-14);
    }

    .hoteldetail-stars {
        font-size: var(--radius-10);
    }
}


/**Vol Search***/
.flight-search-recap-desktop .sticky-details {
    color: var(--text-color);
    font-weight: var(--text-color-weight);
}

.flight-desktop-recap__line {
    color: var(--paragraph-color);
}

.flight-desktop-recap__code {
    color: var(--text-color);
}

.flight-desktop-recap__dates {
    font-size: 12px;
    color: var(--flight-desktop-recap-dates);
}

.flight-desktop-search-trigger:hover,
.flight-desktop-search-trigger:focus {
    color: var(--primary-color-strong);
}
.flight-offer-plane-icon,.flight-offer-dot,.flight-offer-dash {
    color: var(--main-color);
}
.flight-offer-currency {
    font-size: var(--font-size-13);
    font-weight: var(--text-weight-500);
    color: var(--flight-offer-currency-color);
}

.flight-offer-book-btn {
    background: var(--main-color-j) !important;
    color: var(--white-color) !important;
    border-radius: var(--radius-8);
    font-size: var(--font-size-14);
    font-weight: var(--text-weight-600);
    transition: background var(--transition-fast);
}

.flight-offer-book-btn:hover {
    background: var(--main-color);
}

.flight-offer-fare-tag {
    font-size: var(--font-size-11);
    background: var(--main-color);
    color: var(--white-color);
    font-weight: var(--text-weight-500);
}

.flight-offer-showmore {
    font-size: var(--font-size-11);
    color: var(--main-color);
    font-weight: var(--text-weight-500);
}

.img-svg-item {
    background: #d2ab17;
    border-radius: 40px;
}

.vols-card {
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background-color: var(--white-color);
}

.vols-card:hover {
    box-shadow: 0 9px 16px rgba(0, 0, 0, 0.1);
}

.vols-header {
    background-color: #b89312;
    color: var(--white-color);
}

.vols-header-center {
    background-color: var(--border-color);
    color: var(--white-color);
}

.img-svg-vol {
    border-radius: 40px;
    background-color: color-mix(in oklab, #fff 20%, transparent);
}

.vols-title {
    font-size: var(--font-size-14);
    font-weight: var(--text-weight-400);
}

.vols-subtitle {
    font-size: 12.25px;
    color: var(--white-color);
    line-height: 1.2rem;
}

.color-svg {
    color: #d2ab17;
}

.vols-body {
    padding: 1.5rem;
}

.vols-list {
    margin-bottom: 1rem;
}

.vols-list li {
    color: #4a5565;
    font-size: 12.25px;
}

.vols-list li::before {


    color: #d2ab17;
    font-size: 1.3rem;

}

.vols-badge {
    background-color: #f6f3f4;
    color: #364153;
    border-radius: 20px;
    font-size: 10.5px;

}

.vols-label {
    font-weight: var(--text-weight-400);
    color: #6a7282;
    font-size: 12.25px;
    border-top: 1px solid #f6f3f4;

}

.vols-btn {
    background-color: #b89312;
    color: var(--white-color);
    font-weight: var(--text-weight-500);
    font-size: 12.25px;
    border-radius: var(--radius-10);
}

.vols-btn:hover {
    background-color: #9a7a10;
    color: var(--white-color);
}

.flight_search_items {
    /*background: var(--white-color);
    border-radius: var(--radius-16);*/
}

.flight_search_right {
    background: var(--surface-warm);
    border-radius: 0 12px 12px 0;
}

.flight_search_right span {
    font-size: var(--font-size-26);
    font-weight: var(--text-weight-500);
    ;
}

.search-loading-overlay--flight .search-loading-line--primary {
    color: var(--main-color);
}

@media (max-width: 1440px) {
    .flight_Search_boxed input {
        font-size: var(--font-size-13);

    }
}

/* Vols mobile */
@media (max-width: 991px) {
    .hotels-mobilepane-sticky {
        background: var(--white-color);
        border: 1px solid var(--border-color-black);
    }

    .sticky-destination {
        color: var(--border-color-black-full) !important;
    }

    .sticky-details {
        color: var(--border-color-black-full);
    }

    .sticky-edit-icon {
        color: var(--paragraph-color);
    }


    .search-loading-overlay.is-mobile {
        background: var(--search-loading-overlayis-mobile);
    }

    .hotels-mobilepane-filters,
    .hotels-mobilepane-map,
    .mobilepane-btn {
        border: 1px solid var(--border-color-black);
        color: var(--text-color);
        background: var(--white-color);
    }

    .mobilepane-sort-dropdown {
        background: var(--white-color);
        border: 1px solid var(--border-color-black);
        box-shadow: 0 10px 26px var(--mobilepane-sort-dropdown);
    }

    .mobilepane-sort-option {
        background: var(--white-color);
        color: var(--paragraph-color);
    }

    .mobilepane-sort-option.selected {
        color: var(--white-color);
        background: #2f3948;
    }

    .mobilepane-sort-option+.mobilepane-sort-option {
        border-top: 1px solid #c1c1c2;
    }

    .mobilepane-sort-divider {
        border-top: 1px solid var(--border-color);
    }

    .mobilepane-btn--sort.active {
        background: #2f3948;
        color: var(--white-color);
        border-color: #2f3948;
    }

    .mobilepane-btn--sort.active .mobilepane-chevron,
    .mobilepane-btn--sort.active .mobilepane-sort-direction,
    .mobilepane-btn--sort.active i {
        color: var(--white-color);
    }

    .mobilepane-sort-label {
        white-space: nowrap;
    }

    .mobilepane-sort-direction {
        font-size: 11px;
        opacity: 0.95;
    }

    .mobilepane-sort-option-icon {
        min-width: 14px;
        color: var(--paragraph-color);
    }

    .mobilepane-sort-option.selected .mobilepane-sort-option-icon {
        color: var(--white-color);
    }
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
}


@media (max-width: 767px) {
    .flight-offer-card {
        border-radius: 16px;
        box-shadow: 0 8px 24px rgba(18, 28, 45, 0.08);
    }

    .flight-offer-endpoint {
        border-radius: 7px;
        background: #f3f3f3;
    }

    .flight-offer-showmore {
        border-radius: var(--radius-999);
        background: #eef3fb;
        font-size: var(--font-size-11);

    }

    .flight-offer-price-block {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 12px 12px;
    }

    .flight-offer-price {
        flex: 0 1 auto;
        min-width: 0;
    }

    .flight-offer-amount {
        font-size: 22px;
        line-height: 1;
        white-space: nowrap;
    }

    .flight-offer-currency {
        font-size: 11px;
    }

    .flight-offer-price-block form {
        flex: 0 0 auto;
        width: auto;
        margin-left: auto;
    }

    .flight-offer-book-btn {
        width: auto;
        min-width: 118px;
        min-height: 42px;
        padding: 10px 14px;
        font-size: 13px;
        white-space: nowrap;
    }

    .hotel-mobile-amount-card__button {

        border: 1px solid #e5e7eb;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
        color: #111827;
    }

    .hotel-mobile-amount-card__title {
        font-size: 0.95rem;
        font-weight: var(--text-weight-500);
    }

    .hotel-mobile-amount-card__line {
        font-size: 0.95rem;
        font-weight: 500;
        border-bottom: 1px solid #e5e7eb;
    }

    .hotel-mobile-amount-card__total {

        font-size: 0.98rem;
        font-weight: var(--text-weight-700);
        color: #1d4ed8;
    }

    .hotel-mobile-amount-offcanvas .offcanvas-header {
        border-bottom: 1px solid #edf2f7;
    }

    .hotel-mobile-price-trigger {
        background: transparent;
        color: #1d4ed8;
        font-size: 0.92rem;
        font-weight: var(--text-weight-700);

    }
}

@media (max-width: 480px) {

    .flight-offer-price-block {
        gap: 8px;
        padding: 7px 10px 7px;
    }

    .flight-offer-amount {
        font-size: 20px;
    }

    .flight-offer-book-btn {
        min-width: 104px;
        padding: 9px 12px;
        font-size: 12px;
    }
}

/* ==========================================================================
   Mobile hotel calendar
   ========================================================================== */
body.hotel-mobile-calendar-open {
    overflow: hidden;
    touch-action: none;
}

.hotel-mobile-datepicker .hotel-mobile-datepicker-calendar {
    background: linear-gradient(180deg, var(--custom-tabs-bg)  0%, var(--surface-color-soft) 100%);
}

.hotel-mobile-calendar-overlay {
    background: var(--hotel-mobile-calendar-sheet-bg);
}

.hotel-mobile-calendar-sheet {
    background: linear-gradient(1deg, #f4fdff 100%, #f7fbff 0%);
}

.hotel-mobile-calendar-summary {
    background: var(--white-color);
    color: var(--border-color-black-full);
    box-shadow: inset 0 -1px 0 var(--hotel-mobile-calendar-divider-color);
}

.hotel-mobile-calendar-close {
    color: var(--white-color);
    background: var(--main-color) !important;
}

.hotel-mobile-calendar-summary-card {}

.hotel-mobile-calendar-body {}

.hotel-mobile-date-trigger {
    background: var(--hotel-mobile-date-trigger-bg);
    color: var(--hotel-mobile-date-trigger-color);
    border-radius: var(--font-size-22);
    box-shadow: var(--hotel-mobile-date-trigger-shadow);
}

.hotel-mobile-date-trigger__search,
.hotel-mobile-date-trigger__footer {
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-600);
    color: var(--hotel-mobile-date-trigger-search-color);
}

.hotel-mobile-date-trigger__day-card {
    background: var(--white-color);
    border-radius: var(--font-size-18);
    box-shadow: var(--hotel-mobile-date-trigger-day-card-shadow);
}

.hotel-mobile-date-trigger__label {
    color: var(--hotel-mobile-date-trigger-label-color);
    font-size: var(--radius-10);
    font-weight: var(--font-weight-700);
}

.hotel-mobile-date-trigger__day {
    color: var(--hotel-mobile-date-trigger-day-color);
    font-size: var(--hotel-mobile-date-trigger-day-font-size);
    font-weight: var(--font-weight-800);
}

.hotel-mobile-date-trigger__meta {
    color: var(--hotel-mobile-date-trigger-meta-color);
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-600);
}

.hotel-mobile-date-trigger__arrow {
    color: var(--hotel-mobile-date-trigger-arrow-color);
    font-size: var(--font-size-24);
}

.hotelForm-datepicker .hotel-vertical-calendar .react-datepicker__month-container {
    background: var(--white-color);
    border-radius: var(--radius-0) !important;
    box-shadow: var(--hotel-form-datepicker-month-container-shadow);
}

.hotelForm-datepicker .react-datepicker__day--in-range {
    color: var(--white-color) !important;
}

.flight-datepicker .flight-vertical-calendar .react-datepicker__month-container {
    background: var(--white-color);
    border-radius: var(--radius-0) !important;
    box-shadow: var(--hotel-form-datepicker-month-container-shadow);
}

.flight-datepicker .react-datepicker__day {
    border-radius: var(--radius-0) !important;
}

.flight-iata-box-display {
    background-color: var(--main-color) !important;
    color: var(--white-color);
    border-radius: var(--radius-5);
}

.hotel-mobile-calendar__summary {
    background: var(--hotel-mobile-calendar-summary-bg);
    color: var(--white-color);
}

.hotel-mobile-calendar__summary-year {
    font-size: var(--font-size-12);
}

.hotel-mobile-calendar__summary-date {
    font-size: var(--font-size-22);
    font-weight: var(--font-weight-700);
}

.hotel-mobile-calendar__summary-arrow {
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-700);
}

.hotel-mobile-calendar__month-title {
    color: var(--hotel-mobile-calendar-month-title-color);
    font-size: var(--font-size-17);
    font-weight: var(--font-weight-800);
}

.hotel-mobile-calendar__nav {
    background: var(--hotel-mobile-calendar-nav-bg);
    color: var(--hotel-mobile-calendar-nav-color);
    box-shadow: var(--hotel-mobile-calendar-nav-shadow);
}

.react-datepicker__portal .hotel-mobile-calendar .react-datepicker__day-name {
    color: var(--hotel-mobile-calendar-day-name-color);
}

.react-datepicker__portal .hotel-mobile-calendar .react-datepicker__day {
    color: var(--hotel-mobile-calendar-day-color);
    font-size: var(--font-size-15);
    font-weight: var(--font-weight-700);
}

.react-datepicker__portal .hotel-mobile-calendar .react-datepicker__day--in-range,
.react-datepicker__portal .hotel-mobile-calendar .react-datepicker__day--in-selecting-range {
    color: var(--white-color);
}

.react-datepicker__portal .hotel-mobile-calendar .react-datepicker__day--selected,
.react-datepicker__portal .hotel-mobile-calendar .react-datepicker__day--range-start,
.react-datepicker__portal .hotel-mobile-calendar .react-datepicker__day--selecting-range-start {
    color: var(--white-color);
    font-weight: var(--font-weight-700);
}

.react-datepicker__portal .hotel-mobile-calendar .react-datepicker__day--range-end,
.react-datepicker__portal .hotel-mobile-calendar .react-datepicker__day--selecting-range-end {
    background: var(--white-color);
}

.react-datepicker__portal .hotel-mobile-calendar .react-datepicker__day--range-start.react-datepicker__day--range-end,
.react-datepicker__portal .hotel-mobile-calendar .react-datepicker__day--selected:not(.react-datepicker__day--in-range) {
    background: linear-gradient(135deg, var(--main-color) 0%, #2cbccc 100%);
    color: var(--white-color);
    box-shadow: 0 10px 22px rgba(28, 121, 221, 0.24);
}

.react-datepicker__portal .hotel-mobile-calendar.hotel-mobile-calendar--pending-end .react-datepicker__day--selected,
.react-datepicker__portal .hotel-mobile-calendar.hotel-mobile-calendar--pending-end .react-datepicker__day--range-start,
.react-datepicker__portal .hotel-mobile-calendar.hotel-mobile-calendar--pending-end .react-datepicker__day--selecting-range-start {
    background: var(--main-color);
    color: var(--white-color);
    box-shadow: 0 8px 18px rgba(47, 128, 208, 0.25);
}


.hotel-mobile-datepicker .react-datepicker__month-container {}

.hotel-mobile-datepicker .react-datepicker__header {
    background: transparent !important;
}

.hotel-mobile-datepicker-month {
    color: var(--main-color) !important;
    font-size: var(--font-size-17);
    font-weight: var(--font-weight-700);
}

.hotel-mobile-datepicker-nav {
    color: var(--white-color);
    background: var(--main-color) !important;
    box-shadow: var(--hotel-mobile-calendar-nav-shadow);
    transition: var(--transition);
}

.hotel-mobile-datepicker-nav:hover:not(:disabled) {
    transform: translateY(-1px);
    color: var(--primary-color-hover);
}

.hotel-mobile-datepicker .react-datepicker__day-name {
    color: var(--black-color);
    font-size: var(--font-size-14);
    letter-spacing: 0.08em;
}

.hotel-mobile-datepicker .react-datepicker__day {
    color: var(--black-color);
}

.hotel-mobile-datepicker .react-datepicker__day:hover {
    background-color: var(--hotel-mobile-datepicker-day-hover-bg) !important;
    color: var(--hotel-mobile-datepicker-day-hover-color) !important;
}

.hotel-mobile-datepicker .react-datepicker__day--today {
    font-weight: var(--font-weight-700);
    color: var(--primary-color-hover);
}

.hotel-mobile-datepicker .react-datepicker__month-container+.react-datepicker__month-container {
    border-top: 1px solid var(--hotel-mobile-calendar-divider-color);
}

.hotel-mobile-datepicker .react-datepicker__day-names,
.hotel-mobile-datepicker .react-datepicker__week {
    /*background: var(--white-color);*/
}

.hotel-mobile-datepicker .react-datepicker__day-name {
    min-height: 18px;
}

.hotel-mobile-datepicker .react-datepicker__day--disabled,
.hotel-mobile-datepicker .react-datepicker__day--outside-month {
    color: rgba(111, 127, 149, 0.55);
}

.hotel-mobile-datepicker .react-datepicker__day--outside-month.react-datepicker__day--in-range,
.hotel-mobile-datepicker .react-datepicker__day--outside-month.react-datepicker__day--in-selecting-range,
.hotel-mobile-datepicker .react-datepicker__day--outside-month.react-datepicker__day--range-start,
.hotel-mobile-datepicker .react-datepicker__day--outside-month.react-datepicker__day--range-end,
.hotel-mobile-datepicker .react-datepicker__day--outside-month.react-datepicker__day--selected {
    background: transparent !important;
    color: transparent !important;
}

.hotel-mobile-datepicker .react-datepicker__day--keyboard-selected {
    background: transparent;
    color: var(--hotel-mobile-calendar-day-color);
}

.hotel-mobile-datepicker .react-datepicker__day--in-range {
    background-color: var(--hotel-mobile-datepicker-react-datepicker-day--in-range-bg) !important;
    color: var(--hotel-mobile-datepicker-react-datepicker-day--in-range-color) !important;
}

.hotel-mobile-datepicker .react-datepicker__day--in-selecting-range {
    background-color: var(--hotel-mobile-datepicker-react-datepicker-day--in-selecting-range-bg) !important;
    color: var(--main-color) !important;
}

.hotel-mobile-datepicker .react-datepicker__day--in-selecting-range:hover {
    background-color: var(--hotel-mobile-datepicker-react-datepicker-day--in-range-bg) !important;
    color: var(--main-color) !important;
}

.hotel-mobile-datepicker .react-datepicker__day--range-start,
.hotel-mobile-datepicker .react-datepicker__day--range-end,
.hotel-mobile-datepicker .react-datepicker__day--selected {
    background: var(--main-color) !important ;
    color: var(--white-color) !important;
    box-shadow: var(--hotel-mobile-datepicker-selected-shadow);
}

.hotel-mobile-datepicker .react-datepicker__day--range-start:hover,
.hotel-mobile-datepicker .react-datepicker__day--range-end:hover,
.hotel-mobile-datepicker .react-datepicker__day--selected:hover {
    background: linear-gradient(135deg, var(--main-color-j) 0%, var(--main-color-j) 100%) !important;
    color: var(--white-color) !important;
}



.hotel-mobile-calendar-footer {
    background: var(--hotel-mobile-calendar-sheet-bg);
    border-top: 1px solid var(--hotel-mobile-calendar-divider-color);
    box-shadow: 0 -6px 20px var(--hotel-mobile-calendar-footer);
}

.hotel-mobile-calendar-apply {
    background: linear-gradient(135deg, oklch(72% .19 40), oklch(65% .22 20)) !important;
    color: var(--white-color);
    border-radius: var(--radius-16);
    min-height: 48px;
    font-size: var(--font-size-15);
    font-weight: var(--font-weight-700);
    box-shadow: 0 10px 22px rgba(24, 112, 210, 0.22);
}

.hotel-mobile-calendar-apply:hover {
    color: var(--white-color);
    background: var(--main-color) !important;
    transform: translateY(-1px);
}

.hotel-mobile-calendar-apply:disabled {
    opacity: 0.65;
    box-shadow: none;
}

@media (max-width: 1199px) {
    .account-menu .dropdown-toggle {
        display: none;
    }

    .account-responsive {
        display: block !important;
    }

    .text-red {
        color: red !important;
    }

    #footer_area {
        padding: 15px 12px 10px;
        font-size: 14px !important;
    }

    .mean-container .mean-nav .modal-footer a {
        border-top: none !important;
        margin-bottom: 5px !important;
    }

    .mobile-menu-trigger {
        border: 1px solid var(--border-color-soft);
        border-radius: var(--radius-16);
        background: var(--white-color);
        box-shadow: 0 10px 24px var(--mobile-menu-trigger);
    }

    .mobile-menu-trigger span {
        border-radius: var(--radius-999);
        background: var(--black-color);
    }

    .mobile-menu-offcanvas {
        background: var(--white-color);
        box-shadow: -24px 0 60px var(--mobile-menu-offcanvas);
    }

    .mobile-menu-offcanvas__header {
        border-bottom: 1px solid var(--mobile-menu-offcanvas-bottum);
    }

    .mobile-menu-contact__link {
        border-radius: var(--radius-16);
        border: 1px solid var(--border-color-soft);
        background: var(--mobile-menu-bacground-color);
        color: var(--black-color);
    }

    .mobile-menu-contact__link:hover {
        box-shadow: 0 12px 22px var(--mobile-menu-contact__link);
        color: var(--hotel-mobile-date-trigger-day-color);
    }

    .mobile-menu-contact__link--whatsapp {
        color: var(--mobile-menu-contact__link--whatsapp);
    }

    .mobile-menu-contact__link--phone {
        color: var(--black-color);
    }

    .mobile-menu-close {
        border: 1px solid var(--border-color-soft);
        border-radius: var(--radius-16);
        background: var(--white-color);
        color: var(--black-color);
        box-shadow: 0 10px 24px var(--mobile-menu-trigger);
    }

    @media (max-width: 380px) {
        .mobile-menu-contact__link {
            border-radius: var(--radius-11);
        }
    }

    .mobile-menu-session {
        border-bottom: 1px solid var(--mobile-menu-offcanvas-bottum);
    }

    .mobile-menu-user__card {
        border-radius: var(--radius-16);
        background: var(--main-color);
        color: var(--white-color);
        box-shadow: 0 14px 30px var(--mobile-menu-auth__btn--primary-box-shadow);
    }

    .mobile-menu-user__avatar {
        border-radius: var(--radius-999);
        background: var(--mobile-menu-user__avatar);
        font-size: var(--font-size-17);
        font-weight: var(--font-weight-700);
    }

    .mobile-menu-user__name {
        font-size: var(--font-size-15);
        ;
        font-weight: var(--font-weight-600);
        color: var(--white-color);
    }

    .mobile-menu-user__divider {
        background: var(--mobile-menu-user__divider);
    }

    .mobile-menu-session__customer-btn {
        border-radius: var(--radius-8);
        border: 1px solid var(--border-color-soft);
        background: var(--mobile-menu-bacground-color);
        color: var(--black-color);
    }

    .mobile-menu-session__customer-btn i {
        font-size: var(--font-size-16);
    }


    .mobile-cart-link {
        border-radius: var(--radius-8);
        border: 1px solid var(--border-color-soft);
        background: var(--mobile-menu-bacground-color);
        color: var(--black-color);
    }


    .mobile-cart-link .number_cart {

        font-size: var(--font-size-10);
        border-radius: var(--radius-999);
        background: var(--black-color);
        color: var(--white-color);
        box-shadow: 0 4px 10px rgba(7, 33, 77, 0.18);
    }


    .mobile-menu-user__link {
        color: var(--mobile-menu-item--child);
        font-size: var(--font-size-14);
        font-weight: var(--font-weight-600);
        border-bottom: 1px solid var(--mobile-menu-offcanvas-bottum);
    }

    .mobile-menu-user__link:hover {
        color: var(--hotel-mobile-date-trigger-day-color);
    }

    .mobile-menu-user__link--logout {
        color: var(--mobile-menu-user__link--logout);
    }

    .mobile-menu-user__link--logout:hover {
        color: var(--mobile-menu-user__link--logout);
    }

    .mobile-menu-separator {
        background: linear-gradient(135deg, var(--hotel-mobile-date-trigger-day-color) 0%, var(--mobile-menu-user__card) 100%);
    }

    .mobile-menu-session__list .dropdown-toggle {
        border-radius: var(--radius-8);
        border: 1px solid var(--border-color-soft);
        background: var(--mobile-menu-bacground-color);
        color: var(--black-color);
        font-weight: var(--font-weight-600);
    }


    .mobile-menu-session__list .language-option .dropdown-menu {
        background: var(--white-color) !important;
        border: 1px solid var(--border-color-soft);
        border-radius: var(--radius-16);
        box-shadow: 0 16px 30px var(--mobile-menu-session__list);

    }

    .mobile-menu-session__list .language-option .dropdown-item {
        color: var(--black-color);
        background: var(--white-color);
    }

    .mobile-menu-session__list .language-option .dropdown-item:hover,
    .mobile-menu-session__list .language-option .dropdown-item.selected {
        background: var(--mobile-menu-session__list-language-option-dropdown-item);
        color: var(--hotel-mobile-date-trigger-day-color);
    }


    .mobile-menu-auth__btn {
        font-weight: var(--font-weight-600);
    }

    .mobile-menu-auth__btn--primary {
        background: var(--main-color);
        color: var(--white-color);
        box-shadow: 0 14px 30px var(--mobile-menu-auth__btn--primary-box-shadow);
    }

    .mobile-menu-auth__btn--secondary {
        background: var(--white-color);
        ;
        color: var(--black-color);
        border: 1px solid var(--border-color-soft);
    }

    .mobile-menu-item {
        border-bottom: 1px solid var(--mobile-menu-offcanvas-bottum);
    }

    .mobile-menu-link,
    .mobile-menu-toggle {
        color: var(--black-color);
        background: transparent;
        font-size: var(--font-size-15);
        font-weight: var(--font-weight-500);

    }

    .mobile-menu-link:hover,
    .mobile-menu-toggle:hover {
        color: var(--hotel-mobile-date-trigger-day-color);
    }

    .mobile-menu-toggle__icon {
        font-size: var(--font-size-13);
        color: var(--mobile-menu-toggle__icon);
    }

    .mobile-menu-collapse .mobile-menu-sublist {
        background: var(--mobile-menu-bacground-color);
    }

    .mobile-menu-item--child .mobile-menu-link {
        font-size: var(--font-size-14);
        color: var(--mobile-menu-item--child);
    }

    .mobile-menu-item--parent>.mobile-menu-toggle {
        background: var(--white-color);
    }

    .offcanvas-backdrop.show {
        background-color: var(--offcanvas-backdrop-show);
    }
}

.flight-tabs-shell .nav-tabs .nav-link.active {
    background: linear-gradient(135deg, oklch(72% .19 40), oklch(65% .22 20)) !important;
}

.flight-mobile-price-summary__button.btn-add-cart {
   background:var(--main-color) !important;
}

/* ==========================================================================
   Flight trip selector visuals
   ========================================================================== */
.flight-trip-type-pills-shell {
    background: var(--flight-trip-selector-surface);
    border: 1px solid var(--flight-trip-selector-border);
    box-shadow: var(--flight-trip-selector-shadow);
    border-radius: var(--radius-30);
    gap: 0.2rem;
    padding: 0.35rem;
}

.flight-trip-type-pill {
    border: 0;
    border-radius: var(--flight-trip-selector-pill-radius);
    padding: 0.4rem 0.3rem;
    font-size: var(--flight-trip-selector-pill-font-size);
    font-weight: var(--flight-trip-selector-pill-font-weight);

    transition: var(--flight-trip-selector-pill-transition);
    white-space: nowrap;
    cursor: pointer;
    background: transparent;
    color: var(--flight-trip-selector-pill-color);
    flex: 1 1 auto;
}

.flight-trip-type-pill[aria-pressed="true"] {
    background: var(--flight-trip-selector-pill-active-bg);
    color: var(--flight-trip-selector-pill-active-color);
    /*box-shadow: var(--flight-trip-selector-pill-active-shadow);*/
}

.flight-trip-type-pill[aria-pressed="false"]:hover {
   background: rgba(44, 10, 89, 0.08);
}
.login-b2b-card {
    background: var(--login-card);
}
.login-b2b-card__header h2 {
    color: var(--white-color);
}
.signup-b2b-form__field .form-label {
    margin-bottom: 0;
    color: var(--white-color);
    font-size: 12px;
    font-weight: 500;
}
.signup-b2b-form__submit {
    background: linear-gradient(135deg, oklch(72% .19 40), oklch(65% .22 20));
    border: none;
    border-radius: 23px;
    padding: 12px;
    font-weight: 600;
    width: 100%;
    color: var(--text-color-default);
    transition: var(--transition-fast);
}

svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium {
    color: rgb(136, 136, 136) !important;
}