/*--- Font face ---*/
@font-face {
    font-family: "CeraPro-Medium";
    src: url('../fonts/CeraPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "CeraPro-Regular";
    src: url('../fonts/CeraPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "CeraPro-Light";
    src: url('../fonts/CeraPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "OpenSans-Light";
    src: url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "OpenSans-SemiBold";
    src: url('../fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*#region global */
body {
    margin: 0;
    font-family: 'CeraPro-Regular';
    font-size: 14px;
    letter-spacing: -0.34px;
    line-height: 20px;
    color: #000;
}

ul {
    margin: 0;
    padding: 0;
}

input,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

    textarea::placeholder,
    input::placeholder {
        font-family: 'CeraPro-Regular';
        letter-spacing: -0.34px;
    }

    textarea:-ms-input-placeholder,
    textarea::-ms-input-placeholder,
    input:-ms-input-placeholder,
    input::-ms-input-placeholder {
        font-family: 'CeraPro-Regular';
        letter-spacing: -0.34px;
    }

    textarea::-webkit-input-placeholder,
    input::-webkit-input-placeholder {
        font-family: 'CeraPro-Regular';
        letter-spacing: -0.34px;
    }

a:hover {
    color: initial;
}

button.multiselect-option.dropdown-item {
    pointer-events: none;
}

span.form-check input,
span.form-check label {
    pointer-events: all;
}

.popupClose {
    position: relative;
    width: 20px;
    height: 20px;
    opacity: 0.8;
    cursor: pointer;
}

    .popupClose img,
    .ic-edit {
        height: 20px;
        width: 20px;
    }

.Combined_Shape {
    position: relative;
    width: 34px;
    height: 29px;
    border: 2px solid transparent;
    border-radius: 40px;
    background-image: none;
    cursor: pointer;
}

.ic-close-small {
    position: relative;
    width: 15px;
    height: 15px;
    border: 1px solid transparent;
    cursor: pointer;
}

.Combined_Shape::after,
.Combined_Shape::before,
.Combined_Shape_desktop::after,
.Combined_Shape_desktop::before {
    content: '';
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 30px;
    height: 2px;
    border-radius: 5px;
    top: 11px;
    left: -3px;
}

.ic-close-small::after,
.ic-close-small::before {
    content: '';
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 15px;
    height: 1px;
    border-radius: 50%;
    top: 8px;
    left: 1px;
}

.Combined_Shape::after,
.Combined_Shape_desktop::after,
.ic-close-small::after {
    transform: rotate(-45deg);
}

.Combined_Shape::before,
.Combined_Shape_desktop::before,
.ic-close-small::before {
    transform: rotate(45deg);
}

.Combined_Shape_desktop {
    position: relative;
    width: 22px;
    height: 22px;
    border: none;
    background-image: none;
    cursor: pointer;
}

    .Combined_Shape_desktop::after,
    .Combined_Shape_desktop::before,
    .ic-close-small::after,
    .ic-close-small::before {
        background: #000;
    }

.map-item-pop .Combined_Shape_desktop::after,
.map-item-pop .Combined_Shape_desktop::before,
.map-item-pop .ic-close-small::after,
.map-item-pop .ic-close-small::before,
.Combined_Shape::after,
.Combined_Shape::before {
    background: #FFF;
}

.icon-exclusive-offer,
.icon-insider-tips {
    width: 60px;
    height: 60px;
}

.ic-calendar,
.ic-sort,
.ic-filter,
.ic-warning,
.ic-offer,
.ic-cuisine,
.ic-phone,
.ic-map,
.ic-time,
.ic-reset,
.common-address-and-map-module .container-warning img,
.ic-earth,
.ic-user,
.ic-tier,
.ic-category,
.ic-search {
    width: 28px;
    height: 28px;
}

.Path_6 {
    width: 8px;
    height: 15px;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: rotate(45deg);
    margin-bottom: 4px;
    transition-duration: 500ms;
}

.ic-small-cancel,
.ic-star,
.ic-star-active {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
}

.showpassword,
.showpassword_active {
    height: 32px;
    width: 32px;
    cursor: pointer;
    z-index: 3;
    background-repeat: no-repeat;
}

.img-error {
    width: 53px;
    height: 53px;
}

.img-check {
    height: 76px;
    width: 76px;
}

.ic-calendar,
.ic-small-cancel,
.ic-filter,
.ic-search,
.ic-sort,
.dining-landing-module .container-filter .container-time-guest .container-time span.multiselect-selected-text::before,
.dining-landing-module .container-filter .container-time-guest .container-guest span.multiselect-selected-text::before,
.container-filter .container-tier-filter .container-tier span.multiselect-selected-text::before,
.container-filter .container-tier-sort .container-tier span.multiselect-selected-text::before,
.ic-warning,
.ic-edit,
.img-check,
.about-module-2 .ic-earth-red,
.img-error {
    background-repeat: no-repeat;
}

.ic-small-cancel {
    position: relative;
    background-color: #EAEEF0;
    border-radius: 12px;
}

    .ic-small-cancel::before,
    .ic-small-cancel::after {
        content: '';
        background-color: #152B55;
        width: 10px;
        height: 1px;
        transform: rotate(45deg);
        position: absolute;
        top: 8px;
        left: 3px;
    }

    .ic-small-cancel::after {
        transform: rotate(-45deg);
    }

.ic-secure {
    width: 80px;
    height: 80px;
}

.pop-up-account-block .container-center img,
.pop-up-access-code-expired .container-center img,
.pop-up-phone-verified .container-center img,
.img-block {
    width: 100px;
    height: 100px;
}

.img-user-block {
    width: 85px;
    height: 106px;
}

.img-lock {
    width: 79px;
    height: 100px;
}

.check_1_active,
.check_1 {
    position: relative;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.check_1_active {
    background-color: #008E41;
}

.check_1 {
    background-color: #FFF;
    border: 1px solid #000;
}

.check_1_active::before {
    content: "";
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 5px;
    top: 50%;
    height: 6px;
    width: 4px;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

.white1,
.white2,
.white3,
.white4,
.white5,
.border2,
.border3,
.border4,
.border5,
.active-tag {
    border-radius: 50%;
    font-family: 'CeraPro-Medium';
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.34px;
    text-align: center;
    background-image: none;
}

.white1,
.white2,
.white3,
.white4,
.white5 {
    background-color: #FFF;
    color: #162B55;
    border: none;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

.border2,
.border3,
.border4,
.border5 {
    height: 28px;
    width: 28px;
    color: #FFF;
    background-color: transparent;
    border: 1px solid #FFF;
    line-height: 28px;
}

.active-tag {
    height: 30px;
    width: 30px;
    background-color: #C1CEDB;
    border: none;
    line-height: 30px;
    position: relative;
    color: transparent;
}

    .active-tag::before {
        content: "";
        position: absolute;
        transform: rotate(45deg) translate(-50%, -50%);
        left: 30%;
        top: 45%;
        height: 12px;
        width: 6px;
        border-bottom: 2px solid #162B55;
        border-right: 2px solid #162B55;
    }

img,
.btns-primary.btn-full-width {
    max-width: 100%;
}

.btns-primary.btn-full-width {
    width: 100%;
}

ul,
li {
    list-style: none;
}

.heading-01 {
    color: #152B55;
    font-size: 45px;
    letter-spacing: -1.08px;
    line-height: 57px;
    margin: 30px 0 20px;
}

.heading-02 {
    color: #152B55;
    font-size: 32px;
    letter-spacing: -1.08px;
    line-height: 32px;
    margin-bottom: 20px;
}

.heading-04 {
    color: #152B55;
    font-size: 22px;
    letter-spacing: -0.53px;
    line-height: 34px;
}

.text-light-01,
.input-top-tiles {
    color: #666;
    font-family: 'CeraPro-Regular';
}

.text-medium {
    color: #152B55;
    font-family: 'CeraPro-Medium';
    font-weight: 500;
}

.btns-primary {
    height: 35px;
    border-radius: 30px;
    background-color: #AA3139;
    color: #FFF;
    font-family: "CeraPro-Medium";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.34px;
    line-height: 35px;
    transition: all 0.5s ease;
    border: 1px solid #AA3139;
    padding: 0 25px;
    text-align: center;
    cursor: pointer;
}

.btn-style-01 {
    border-radius: 8px;
    background-color: #C29D5C;
    color: #163049;
    font-size: 18px;
    letter-spacing: 0;
    padding: 19px 20px;
    border-color: #C29D5C;
    display: inline-block;
}

.btn-disabled {
    background-color: #C1CEDB !important;
    border: none !important;
}

.btn-border {
    outline: none;
    color: #152B55;
    border: 1px solid #152B55;
    background-color: transparent;
}

.btn-medium {
    min-width: 140px;
    border-radius: 20px;
    font-family: 'CeraPro-Medium';
    font-weight: 500;
    transition-duration: 500ms;
    padding: 0 20px;
    text-align: center;
    line-height: 35px;
    height: 35px;
    border: 1px solid;
    cursor: pointer;
}

.btn-small {
    border-radius: 20px;
    font-family: 'CeraPro-Medium';
    font-weight: 500;
    transition-duration: 500ms;
    padding: 8px 50px;
    line-height: 1.32;
    border: 1px solid #152B55;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.btn-xs-small {
    padding: 0px 30px;
    line-height: 35px;
}

.btn-medium.bg-white,
.bg-white {
    background-color: #FFF;
    color: #152B55;
}

.btn-medium.bg-blue,
.bg-blue {
    background-color: #152B55;
    color: #FFF;
    border-color: #152B55;
}

.bg-yellow {
    background-color: #EFE3D3;
    color: #152B55;
    border-color: #EFE3D3;
}

.bg-light-01 {
    background-color: #C1CEDB;
    border: none;
    color: #163049;
}

.btns-primary.bg-red {
    background-color: #AA3139;
    border: none;
}

.btn-large {
    height: 60px;
    line-height: 60px;
    min-width: 220px;
}

.btns-primary.bg-red:hover {
    outline: 4px solid #AA3139;
    border: 1px solid #FFFFFF;
    background-color: #AA3139;
    color: #fff;
}
.btns-primary.bg-red[disabled]:hover,
.btns-primary.btn-disabled.bg-red:hover {
    background-color: #AA3139;
    border: none;
    outline: none;
    cursor: unset;
}

.btns-primary.bg-red:focus {
    border: 2px solid #FFFFFF;
    outline: 3px solid #AA3139;
    color: #fff;
    background-color: #AA3139;
    box-shadow: unset;
}

.btns-primary.bg-red:active {
    outline: 4px solid #801920;
    border: 1px solid #FFFFFF;
    background-color: #801920;
    color: #fff;
}

.btns-primary.bg-red.no-effect:hover,
.btns-primary.bg-red.no-effect:active {
    outline: none;
    background-color: #801920;
    color: #fff;
    border-color: #801920;
}

.btns-primary:hover {
    color: #FFF;
    border-color: #AA3139;
    background-color: #AA3139;
    outline: 4px double #AA3139;
}

.btn-style-01:hover {
    color: #163049;
    border: none;
    background-color: #C29D5C;
    outline: 4px double #C29D5C;
}

.btn-border:hover {
    outline: 4px double #152B55;
    border: none;
    background-color: transparent;
    color: #152B55;
}

.btn-border:focus {
    outline: 4px double #152B55 !important;
    border: none;
}

.btn-border:active {
    background-color: rgba(21, 43, 85, 0.1);
    outline: 4px double #152B55;
    border: none;
}

.btn-disabled.btns-primary:hover {
    color: #fff;
    background-color: #C1CEDB;
    outline: none;
}

.btn-medium.bg-blue:hover,
.bg-blue:hover,
.bg-blue:focus,
.bg-blue:active {
    color: #FFF;
    border-color: #152B55;
    background-color: #152B55;
    outline: 4px double #152B55 !important;
}

.bg-yellow:hover,
.bg-yellow:active {
    background-color: #f9d29d;
    border-color: #f9d29d;
    outline: none;
    color: #162A55;
}

.btn-medium.btn-border:hover {
    background-color: #162A55;
    color: #fff;
    border-color: #162A55;
}

a,
a:not([href]):not([class]),
a:not([href]):not([class]):hover,
.color-primary {
    color: #152B55;
    text-decoration: none;
}

.color-text-01,
.dropdown-custom .dropdown-item,
.dining-landing-module .container-time-guest .container-time .multiselect-container .multiselect-option.dropdown-item:hover label,
.dining-landing-module .container-time-guest .container-guest .multiselect-container .multiselect-option.dropdown-item:hover label,
.booking-detail-module .container-party-size .multiselect-container .multiselect-option.dropdown-item:hover label,
.booking-detail-module .container-time-non-ss .time-non-ss,
.booking-detail-module .container-time-non-ss .see-all-time,
.booking-detail-module .multiselect,
.tiles-module-4 .about-concierge-item:last-child .book-travel:first-child .bottom-container label .booking-thru-3rd a,
.tiles-module .tiles-module-item:last-child .bottom-container label,
.tiles-module .tiles-module-item:last-child .bottom-container h3,
.tiles-module .tiles-module-item:last-child .bottom-container p,
.category-landing-module .container-start .label-title,
.category-landing-module .container-start .container-list-map,
.category-landing-module .container-list-item .category-item .category-detail .label-title,
.golf-landing-page-v1 .container-start .label-title,
.golf-landing-page-v1 .container-start .container-list-map,
.golf-landing-page-v2 .label-title,
.golf-landing-page-v2 .golf-steps .step-item label,
.golf-landing-page-v2 .container-list-golf .golf-item label,
.promo-code-module {
    color: #152B55;
}

.tiles-module-4 .about-concierge-item:last-child .book-travel:first-child .bottom-container p,
.request-history-detail .container-contact,
.request-history-detail .container-contact .heading-04,
.request-history-detail .container-summary .heading-04 {
    color: #000;
}

.dropdown-selected-item-countrycode label,
.dropdown-item-countrycode:hover label,
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback) .form-check,
.dropdown-item-countrycode:hover .visa-font14,
.color-text-02,
.login-form .container-right .forgot-pass-link,
.login-form .container-left h2,
.exclusive-offer-module,
.exclusive-offer-module .container-start .title,
.exclusive-offer-module .descript,
.exclusive-offer-module .container-end a,
.premium-module-content h2,
.premium-module-content p,
.prestige-module .prestige-item label,
.prestige-module .prestige-item a,
.prestige-module .prestige-item p,
.modal-success .pop-up-success .label-title,
.my-detail-page .loyalty-program-item:hover .text-medium,
.my-prefer-page .container-prefer-item:hover label,
.my-prefer-page .container-prefer-item:hover .prefer-item-label,
.pre-travel-planning .container-list .pre-travel-planning-item:first-child,
.pre-travel-planning .container-list .pre-travel-planning-item:last-child,
.pre-travel-planning .container-list .pre-travel-planning-item:first-child label,
.pre-travel-planning .container-list .pre-travel-planning-item:last-child label {
    color: #FFF;
}

.booking-detail-module .invalid-feedback {
    color: #C94A4A;
}

.pop-up-confirm .label-description {
    color: #53565A;
}

.color-text-03,
.my-detail-page .loyalty-program-item:hover .tile {
    color: #CAD1D6;
}

.pop-up-forgot-password .error-message a {
    color: #0E2A58;
}

.copy-right,
.copy-right-hide {
    color: #545454;
}

.duration-module {
    background-color: #f0e2d5;
    height: fit-content;
    border-radius: 15px;
    padding: 40px 60px 28px 60px;
    margin-bottom: 20px;
}

.block-module {
    height: fit-content;
    border-radius: 15px;
    padding: 40px 60px 28px 60px;
    margin-bottom: 20px
}

    .block-module .container-start {
        display: flex;
        align-items: center;
    }

.visa-font45,
.visa-font14,
.input-card-number,
.img-card-number label,
.why-we-need-container .why-we-need-content .label-title,
.container-privacy-notice a,
.t-table-condensed th,
.t-disabled,
.tiles-module-card .bottom-container button,
.golf-landing-page-v1 .container-filter .container-sort-by .label-title,
.golf-landing-page-v2 .exclusive-offer-module .container-start .title,
.golf-landing-page-v2 .exclusive-offer-module .descript,
.regis-content-title {
    font-family: "CeraPro-Regular";
}

.font-primary-medium,
.pop-up-login .end-login,
.error-message,
.verification-code-pop-up .timer-count-down span,
.login-form .login-input,
.header-wrapper .header-container,
.login-info-container .notification-circle,
.t-dates,
#number-filter,
.t-hover-day,
.t-hover-day:hover,
.dining-landing-module .map-diving .map-item-pop .map-detail .map-title,
.dining-landing-module .container-filter .container-time-guest .container-time,
.dining-landing-module .container-filter .container-time-guest .container-guest,
.container-filter .container-tier-filter .container-tier,
.container-filter .container-tier-sort .container-tier,
.dining-landing-module .container-filter .filter-button,
.input-card,
.regis-menu-item,
#lang-footer,
.regis-header-item,
.booking-detail-module .invalid-feedback,
.booking-detail-module .container-time-non-ss-2,
.booking-detail-module .container-time-dropdown,
.booking-detail-module .container-policy label a,
.booking-detail-module .container-time ul.container-list-time li,
.booking-detail-module .container-time .booking-detail-error,
.booking-detail-module .container-time-non-ss .time-non-ss,
.booking-detail-module .container-time-non-ss .see-all-time,
#input-search,
.t-day,
.t-range,
.t-start,
.t-end,
.t-disabled,
.t-hover-day,
.t-range,
.pop-up-tile-module h4,
.tiles-module-1-content .tiles-module-1-detail button,
.concierge-booking .container-hotel-detail .notes-loyalty-program a,
.pop-up-destination .hotel-banner,
.tab-header-item,
.pop-up-destination .search-location .container-suggestion .couldnt-find-text,
.category-landing-module .map-diving .map-item-pop .map-detail .map-title,
.custom-dropdown .dropdown-content .dropdown-item,
.custom-dropdown-preferences .dropdown-title,
.custom-dropdown-preferences .dropdown-content .dropdown-preferences-item,
.add-link-hotel,
.limo-booking-detail .item-step .ic-limo-step,
.limo-booking-detail .item-step.selected .ic-limo-step,
.ic-limo-step .ic-check-black,
.limo-confirmation-module .item-step.selected .ic-limo-step,
.limo-confirmed-detail .top .item-description,
.limo-step-1 .limo-address,
.limo-step-1 .container-flight-infor .bottom div label:last-child,
.limo-step-1 .container-flight-infor .bottom .from-to-text,
.custom-input-passenger,
#input-search-cuisine,
.promo-code-module .container-end .container-copy-code a,
.benefit-landing-page #dropdown-country .dropdown-content .dropdown-footer .no-items,
.golf-landing-page-v2 .exclusive-offer-module p,
.golf-landing-page-v2 .golf-steps .step-item label,
.golf-landing-page-v2 .container-list-golf .golf-item label,
.dropdown-custom .dropdown-title label {
    font-family: 'CeraPro-Medium';
    font-weight: 500;
}

    .font-light,
    .copy-right,
    .copy-right-hide,
    .why-we-need-container .why-we-need-content .label-description,
    .container-privacy-notice,
    .booking-detail-module .container-time-dropdown label,
    .booking-detail-module .container-time label,
    .concierge-booking .container-add-flight .container-flight .remove-flight,
    .concierge-booking .container-add-hotel .container-hotel .remove-hotel,
    .pop-up-check-avail .container-add-guest .container-guest .remove-guest,
    .pop-up-flight-infor .label-description,
    .pop-up-flight-infor .container-from div label:first-child,
    .pop-up-flight-infor .container-to div label:first-child {
        font-family: "CeraPro-Light";
        font-weight: 300;
    }

.custom-checkboxes,
checkbox {
    height: 28px;
    width: 28px;
    min-width: 28px;
    margin-right: 15px;
    border-radius: 0;
    border: 1px solid #54606C;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    transition-duration: 500ms;
    cursor: pointer;
}

    checkbox:hover,
    .custom-checkboxes:hover {
        border: 1px solid #152B55;
    }

    checkbox:focus,
    checkbox:focus-visible,
    .custom-checkboxes:focus,
    .custom-checkboxes:focus-visible,
    .map-check-box:focus,
    .map-check-box:focus-visible {
        outline: 2px solid rgba(21,43,85,0.55);
        border: 1px solid #54606C;
    }

    checkbox.checkbox-selected,
    .custom-checkboxes.checkbox-selected {
        background-color: #152B55;
        border: 1px solid #152B55;
    }

        checkbox.checkbox-selected:hover,
        .custom-checkboxes.checkbox-selected:hover {
            background-color: #54606C;
            border: none;
            outline: none;
        }

.label-tile-input {
    color: #000;
    margin-bottom: 12px;
    display: block;
}

.error-message {
    color: #DC3D44;
    font-size: 14px;
    letter-spacing: -0.34px;
    line-height: 20px;
    display: none;
    margin-top: 10px;
}

@media only screen and (max-width: 360px) {
    .prelogin-hero {
        padding: 15px 15px 0 !important;
    }

    .btn-xs-small {
        padding: 0 10px;
    }
}

@media screen and (max-width: 991px) {
    .btn-large {
        min-width: 200px;
    }
}

@media screen and (max-width: 767px) {
    .heading-01 {
        font-size: 26px;
        letter-spacing: -0.31px;
        line-height: 36px;
        margin: 20px 0 15px;
    }

    .btn-large {
        height: 45px;
        line-height: 45px;
        min-width: auto;
    }

    .block-module {
        padding: 20px;
        margin: 20px 20px 0;
    }

    .btn-style-01 {
        font-size: 15px;
        height: 50px;
        padding: 15px 20px;
        min-width: 200px;
        display: inline-block;
    }
}

/*#endregion ---*/

/*--- Start rich text module ---*/
.rich-text-module {
    display: flex;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

    .rich-text-module .rich-text-module-content {
        display: flex;
        width: 1170px;
        margin: 0 auto;
    }

    .rich-text-module .rich-text-module-left {
        width: 70%;
    }

    .rich-text-module .rich-text-module-right {
        width: 30%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

        .rich-text-module .rich-text-module-right .img-logo {
            width: 170px;
            height: 67px;
            background-repeat: no-repeat;
        }

    .rich-text-module .rich-text-module-left .rich-text-1 {
        margin: 80px 0 60px;
        color: #152B55;
    }

    .rich-text-module .rich-text-module-left .rich-text-2,
    .rich-text-module .rich-text-module-left .rich-text-3 {
        color: #000;
        margin-bottom: 60px;
    }

    .rich-text-module .rich-text-module-left .rich-text-2 {
        padding-left: 65px;
        line-height: 40px;
        border-left: 5px solid #C29D5C;
    }

@media only screen and (max-width: 767px) {
    .rich-text-module .rich-text-module-content {
        display: block;
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .rich-text-module .rich-text-module-left {
        width: 100%;
    }

    .rich-text-module .rich-text-module-right {
        display: none;
    }

    .rich-text-module .rich-text-module-left .rich-text-1 {
        margin: 40px 0 30px;
    }

    .rich-text-module .rich-text-module-left .rich-text-2 {
        font-size: 14px;
        letter-spacing: -0.34px;
        line-height: 20px;
        margin-bottom: 30px;
        padding-left: 25px;
        font-family: 'CeraPro-Regular';
    }

    .rich-text-module .rich-text-module-left .rich-text-3 {
        margin-bottom: 60px;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .rich-text-module .rich-text-module-content {
        display: block;
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .rich-text-module .rich-text-module-left {
        width: 100%;
    }

    .rich-text-module .rich-text-module-right {
        display: none;
    }
}

/*--- End rich text module ---*/
/*--- Start breadcrumb module ---*/
.breadcrumb {
    color: #162A55;
    margin: 20px auto 0;
    display: block;
    width: 1170px;
}

    .breadcrumb ul {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        list-style: none;
        flex-wrap: wrap;
    }

        .breadcrumb ul li {
            list-style: none;
            display: inline;
            white-space: nowrap;
        }

            .breadcrumb ul li::before {
                content: '/';
                display: inline;
                margin-left: 5px;
                margin-right: 5px;
                color: #999;
            }

            .breadcrumb ul li a {
                text-decoration: none;
                color: unset;
            }

            .breadcrumb ul li:first-child::before {
                content: '';
                margin-right: 0;
                margin-left: 0;
            }

@media only screen and (max-width: 767px) {
    .breadcrumb {
        margin: 15px 20px 0;
        width: unset;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .breadcrumb {
        width: auto;
        margin: 20px 20px 0;
    }
}

/*--- End breadcrumb module ---*/
/*--- Start hero module / carousel---*/
.carousel-inner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 430px;
    max-height: 500px;
}

.carousel-indicators [data-bs-target] {
    width: 8px;
    height: 8px;
    border: none;
    border-radius: 4px;
}

.carousel-indicators {
    margin-bottom: 20px;
}

.carousel-caption {
    width: 1170px;
    margin: 0 auto;
    right: 0;
    left: 0;
    padding: 0;
    bottom: 100px;
}

    .carousel-caption p {
        color: #FFFFFF;
        font-family: 'CeraPro-Medium';
        font-size: 50px;
        font-weight: 500;
        letter-spacing: -1.2px;
        line-height: 57px;
        text-align: left;
        margin-bottom: 0;
    }

.prelogin-hero-title {
    color: #FFFFFF;
    font-family: 'CeraPro-Medium';
    font-size: 50px;
    font-weight: 500;
    letter-spacing: -1.2px;
    line-height: 57px;
}

.carousel-caption h3 {
    text-align: left;
    margin-bottom: 40px;
}

.carousel-control-next,
.carousel-control-prev {
    height: 80px;
    width: 80px;
    background-color: #152b55;
}

.carousel-control-next {
    bottom: 0;
    top: unset;
}

.carousel-control-prev {
    top: unset;
    right: 90px;
    left: unset;
}

.hero-banner-flur-bg {
    background-color: #222;
    filter: blur(50px);
    background-position: center top;
    position: relative;
    height: 100%;
    background-size: auto 500px;
    min-height: 500px;
    max-height: 500px;
}

.carousel-inner img {
    max-width: 1440px;
    margin: 0 auto;
}

.carousel-item {
    text-align: center;
}

.bg-hero-banner-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 430px;
    max-height: 500px;
}

    .bg-hero-banner-slide div:first-child {
        width: 100%;
        height: 100%;
    }

.btn-carousel {
    display: block;
    max-width: 1440px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1170px) {
    .carousel-caption {
        width: calc(100% - 40px);
        margin: 0 20px;
        right: 0;
        left: 0;
    }

    .hero-banner-flur-bg,
    .bg-hero-banner-slide,
    .carousel-inner img {
        min-height: 430px;
    }
}

@media only screen and (max-width: 767px) {
    .carousel-caption {
        right: 20px;
        left: 20px;
        width: unset;
        bottom: 40px;
    }

        .carousel-caption p {
            font-size: 30px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 45px;
        }

    .carousel-control-next,
    .carousel-control-prev {
        height: 100%;
        width: 10%;
        background-color: unset;
    }

    .carousel-control-next {
        left: unset;
        right: 0;
    }

    .carousel-control-prev {
        left: 0;
        right: unset;
    }

    .btn-carousel {
        top: 45%;
        position: absolute;
    }

    .hero-banner-flur-bg,
    .bg-hero-banner-slide,
    .carousel-inner img {
        min-height: 370px;
        max-height: 400px;
        object-fit: cover;
    }
}

/*--- End hero module / carousel ---*/
/*--- Start common title detail module ---*/
.common-title-detail {
    margin: 40px 0;
}

    .common-title-detail .title-name {
        margin-bottom: 20px;
        margin-top: 0;
    }

    .common-title-detail a,
    .common-title-detail .description-2,
    .common-title-detail .description-2 .reviews {
        width: fit-content;
        cursor: pointer;
        display: block;
    }

    .common-title-detail .description-1,
    .common-title-detail .description-2 {
        margin-bottom: 20px;
        display: flex;
        gap: 20px;
        align-items: center;
    }

        .common-title-detail .description-2 .rating {
            display: flex;
            gap: 5px;
        }

@media only screen and (max-width: 767px) {
    .common-title-detail {
        margin: 30px 20px 40px;
    }

        .common-title-detail .title-name {
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
            margin-bottom: 15px;
        }
}

/*--- End common title detail module ---*/
/*--- Start exclusive offer module ---*/
.exclusive-offer-module {
    background-color: #152B55;
}

    .exclusive-offer-module .container-start {
        margin-bottom: 15px;
    }

        .exclusive-offer-module .container-start .title {
            margin-left: 20px;
            margin-bottom: 0px;
        }

    .exclusive-offer-module .descript {
        margin-bottom: 35px;
    }

    .exclusive-offer-module .separator-option {
        border-bottom: 1px solid #54606C;
        height: 1px;
        margin-top: 22px;
        width: 100%;
        margin-bottom: 20px
    }

    .exclusive-offer-module .separator-option {
        display: block;
    }

    .exclusive-offer-module .container-end .separator-option {
        display: none;
    }

    .exclusive-offer-module .container-end {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .exclusive-offer-module .container-end .valid-date {
            color: #FFF;
            display: flex;
            align-items: center;
            gap: 10px;
        }

@media only screen and (max-width: 767px) {
    .exclusive-offer-module {
        padding: 20px;
        margin: 0 20px;
    }

        .exclusive-offer-module .separator-option {
            display: none;
        }

        .exclusive-offer-module .container-end .separator-option {
            display: block;
        }

        .exclusive-offer-module .container-end {
            display: flex;
            flex-direction: column-reverse;
            align-items: flex-start;
        }

        .exclusive-offer-module .container-start .title {
            margin-left: 15px;
            margin-bottom: 0px;
        }

        .exclusive-offer-module .descript {
            margin-bottom: 20px;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .exclusive-offer-module {
        padding: 20px;
    }
}

/*--- End exclusive offer module ---*/
/*--- Start insider tips module ---*/
.insider-tips-module,
.promo-code-module {
    background-color: #C1CEDB;
}

    .insider-tips-module .container-start {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

        .insider-tips-module .container-start .title {
            margin-left: 20px;
            margin-bottom: 0px;
        }

@media only screen and (max-width: 767px) {
    .insider-tips-module {
        padding: 20px;
        margin: 20px 20px 0;
    }

        .insider-tips-module .container-start .title {
            margin-left: 15px;
            margin-bottom: 0px;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .insider-tips-module {
        padding: 20px;
    }
}

/*--- End insider tips module ---*/
/*--- Start total pop up ---*/
.dislay-mobile,
.close-mobile,
.display-mb,
.pop-up-dining-filter .show-all-text {
    display: none;
}

.modal-is-open {
    height: 100%;
    margin-top: 0;
    width: 100%;
    max-width: 820px !important;
    justify-content: center;
    align-items: start;
    padding: 0 !important;
    background-color: transparent !important;
}

.modal {
    bottom: 0;
    right: 0;
    overflow-y: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-backdrop {
    z-index: auto;
    position: absolute;
}

.modal-dialog {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    pointer-events: visible;
    margin: 0;
}

.fade.in {
    opacity: 1;
}

.modal-backdrop.in {
    filter: alpha(opacity=70);
    opacity: .7;
    width: 100%;
    position: inherit;
    height: 100%;
}

.pop-up-forgot-password,
.pop-up-account-block,
.pop-up-access-code-expired,
.pop-up-phone-verified,
.pop-up-not-available,
.pop-up-not-valid,
.pop-up-verification,
.pop-up-check-avail,
.pop-up-warning,
.pop-up-confirm,
.pop-up-kiwi {
    height: fit-content;
    background-color: #fff;
    max-width: 820px !important;
    width: 100%;
    vertical-align: baseline;
    margin: 0;
}

.pop-up-create-new-pwd,
.pop-up-t-and-c,
.pop-up-login,
.pop-up-article,
.verification-code-pop-up,
.pop-up-new-pass-sucess {
    height: fit-content;
    background-color: #fff;
    max-width: 820px !important;
    width: 820px;
    vertical-align: baseline;
    margin: 0;
}

.container-body {
    padding: 40px 40px 0;
    border-radius: 0;
    margin: 0;
}

.container-center {
    padding-top: 40px;
    margin-bottom: 0;
}
.verification-code-pop-up .container-center {
    padding: 40px 0 50px;
    min-height: 355px;
}
.pop-up-forgot-password .label-title,
.verification-code-pop-up .label-title {
    margin: 0 0 20px;
    display: block;
}

.pop-up-article .container-infor {
    margin: 30px 0 60px;
}

    .pop-up-article .container-infor .label-title {
        margin: 0 0 10px;
    }

    .pop-up-article .container-infor .label-description {
        margin: 0 0 30px;
    }

.pop-up-article .container-center img {
    border-radius: 20px;
    height: 360px;
    width: 100%;
    object-fit: cover;
}

.pop-up-article .container-center {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.pop-up-new-pass-sucess .label-title {
    margin: 20px 0;
    display: block;
}

.pop-up-forgot-password .label-description {
    color: #000;
    display: block;
    margin-bottom: 40px;
}

.pop-up-forgot-password .container-button {
    padding: 40px 0 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pop-up-forgot-password .container-not-a-member {
    display: flex;
}

    .pop-up-forgot-password .container-not-a-member .register-now-link {
        line-height: 20px;
    }

.custom-input {
    height: 40px;
    width: 100%;
    border: 1px solid #CAD1D6;
    color: #152B55;
    font-family: 'CeraPro-Medium';
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.34px;
    line-height: 20px;
    padding: 0 15px;
    border-bottom: 1px solid #152B55;
}

    .custom-input:hover,
    .custom-input:active {
        border: 1px solid #152B55;
        border-radius: 0;
        outline: none;
    }

    .custom-input:focus {
        border: 1px solid #CAD1D6;
        border-bottom: 2px solid #152B55;
    }

    .custom-input:focus-visible,
    .custom-input:target,
    .custom-input:focus-within {
        border: 1px solid #152B55;
        border-radius: 0;
        outline: none;
    }

    .custom-input[disabled] {
        border: 1px solid #CAD1D6;
    }

    .custom-input .input-group-append,
    .pop-up-create-new-pwd ul.create-pwd-condition li,
    .pop-up-dining-filter .dining-filter-toggle .container-sort-by,
    .pop-up-dining-filter .dining-filter-toggle .container-special-offer,
    .pop-up-dining-filter .dining-filter-toggle .container-online-booking {
        display: flex;
        align-items: center;
    }

.pop-up-forgot-password .custom-input:focus-visible {
    outline: 1px solid #152B55;
    border-radius: 0;
}

.forget-pwd-icon-margin {
    margin-bottom: 5%;
}

.img-logo {
    width: 100px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
}

.container-checkbox {
    display: flex;
    align-items: center;
}

    .container-checkbox label,
    .show-cursor {
        cursor: pointer;
    }

.form-control {
    border: none;
    padding: 0px;
    color: #152B55;
    font-family: 'CeraPro-Medium';
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.34px;
    line-height: 20px;
}

.form-control-regis {
    padding-left: 10px;
}

.form-control:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

    .form-control:focus > .custom-input {
        outline: 1px solid #152B55;
        border-radius: 0;
    }

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.undisplay-mobile,
.pop-up-access-code-expired .label-description,
.pop-up-account-block .label-description,
.pop-up-access-code-expired .label-title,
.pop-up-account-block .label-title,
.pop-up-not-valid .label-description,
.pop-up-not-valid .label-title {
    display: block;
}

.pop-up-login .end-login {
    height: 70px;
    width: 100%;
    background-color: #F2E3D1;
    margin: 0 !important;
    padding-right: 90px;
    padding-left: 90px;
}

.pop-up-login .container-end {
    margin: 30px 0 80px;
}

.pop-up-login .container-start,
.pop-up-login .container-end,
.pop-up-login .end-login,
.pop-up-dining-filter .dining-filter-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .pop-up-login .container-start .label-title,
    .pop-up-create-new-pwd .container-start .label-title,
    .pop-up-not-available .label-title {
        margin: 0;
    }

.pop-up-login .container-email {
    margin: 40px 0 30px;
}

.pop-up-create-new-pwd .container-start .label-description {
    margin: 10px 0 30px;
}

.pop-up-create-new-pwd .container-confirm-pass {
    margin: 20px 0 13px;
}

.pop-up-create-new-pwd .container-end,
.pop-up-access-code-expired .container-button,
.pop-up-account-block .container-button,
.pop-up-not-available .container-button,
.pop-up-not-valid .container-button {
    padding: 40px 0 80px;
}

.pop-up-create-new-pwd ul.create-pwd-condition {
    display: grid;
    grid-template-columns: auto auto auto;
    list-style: none;
    gap: 5px;
}

    .pop-up-create-new-pwd ul.create-pwd-condition li label {
        color: #000;
        margin-left: 10px;
    }

.verification-code-pop-up .label-description {
    margin-bottom: 47px;
}

.verification-code-pop-up .container-input-verify {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    gap: 19px;
}

    .verification-code-pop-up .container-input-verify .input-verification {
        height: 60px;
        width: 100%;
        border: 1px solid #CAD1D6;
        background-color: #FFFFFF;
        text-align: center;
    }

        .verification-code-pop-up .container-input-verify .input-verification:focus-visible,
        .input-card-row:focus-visible {
            border: 1px solid #CAD1D6;
            border-bottom: 2px solid #152B55;
            outline: none;
        }

        .verification-code-pop-up .container-input-verify .input-verification:active,
        .verification-code-pop-up .container-input-verify .input-verification:hover,
        .input-card-row:active,
        .input-card-row:hover {
            outline: none;
            border: 1px solid #152B55;
        }
.verification-code-pop-up .container-resend label {
    font-weight: 500;
}

.pop-up-t-and-c .label-title {
    margin-top: 0;
    display: block;
}

.pop-up-t-and-c .label-description {
    color: #000;
    margin-bottom: 20px;
}

.pop-up-t-and-c .container-center {
    max-height: calc(100vh - 120px);
    overflow-x: hidden;
    overflow-y: auto;
    margin: 40px -35px 40px 0;
    width: calc(83% + 35px);
    padding-right: 25px;
    padding-top: 0;
}

.pop-up-verification .label-title {
    margin: 23px 0 19px;
}

.pop-up-verification .label-description {
    display: block;
    margin-bottom: 40px;
}

.pop-up-phone-verified .container-button {
    padding: 24px 0 80px;
}

.pop-up-verification .container-button {
    padding-bottom: 90px;
    display: flex;
}

    .pop-up-verification .container-button button:first-child {
        margin-right: 20px;
    }

.pop-up-not-valid .container-center img {
    width: 150px;
    height: 60px;
}

#modal-not-valid {
    z-index: 1000001;
}

.pop-up-new-pass-sucess .container-button {
    padding: 60px 0 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pop-up-check-avail .t-dates {
    height: 40px;
}

.pop-up-check-avail .t-table-condensed {
    max-width: 270px;
    margin: 0 auto;
}

.pop-up-check-avail .t-datepicker-day {
    top: 40px;
    box-shadow: 0 7px 20px rgb(0 0 0 / 10%);
    border: 1px solid #CAD1D6;
}

.pop-up-check-avail .t-dates .ic-calendar {
    position: absolute;
    right: 10px;
}

.pop-up-check-avail .t-datepicker {
    margin-bottom: 20px;
    z-index: 1;
}

.pop-up-check-avail .container-button {
    display: flex;
    gap: 20px;
    padding: 50px 0 80px;
}

.pop-up-check-avail .container-add-guest .container-guest {
    position: relative;
}

    .pop-up-check-avail .container-add-guest .container-guest .remove-guest {
        height: 35px;
        width: 35px;
        border-radius: 20px;
        font-size: 45px;
        color: #54606C;
        padding-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 35px;
        right: -50px;
        user-select: none;
        cursor: pointer;
    }

.pop-up-check-avail .label-title {
    margin: 0 0 30px;
}

.pop-up-check-avail .hotel-banner {
    border-radius: 15px;
    background-color: #EAEEF0;
    width: 100%;
    height: 60px;
    display: flex;
    gap: 15px;
    align-items: center;
}

    .pop-up-check-avail .hotel-banner img {
        height: 100%;
        width: 60px;
        border-radius: 15px;
    }

.pop-up-check-avail .container-ci-co,
.verification-code-pop-up .error-message {
    margin: 20px 0;
}

.verification-code-pop-up .timer-count-down,
.verification-code-pop-up .container-resend {
    margin: 20px 0 0;
}
.pop-up-check-avail .container-guest {
    margin-bottom: 20px;
}

.pop-up-check-avail .add-room-link {
    margin: 0;
    cursor: pointer;
    background: none;
    border: none;
}

.pop-up-loyalty {
    height: fit-content;
    background-color: #fff;
    max-width: 820px !important;
    width: 100%;
    vertical-align: baseline;
    margin: 0 auto;
}

    .pop-up-loyalty .label-title,
    .contact-specialist-pop-up .container-end p {
        margin: 0 0 40px;
    }

    .pop-up-loyalty .container-loyality {
        margin-bottom: 30px;
    }

    .pop-up-loyalty .container-button {
        display: flex;
        gap: 20px;
        padding: 20px 0 80px;
    }

    .pop-up-loyalty .dropdown-custom .dropdown-content {
        padding: 5px;
    }

.pop-up-warning .label-title,
.pop-up-confirm .label-title {
    color: #152B55;
    margin: 0 0 20px;
}

.pop-up-warning .label-description,
.pop-up-confirm .label-description,
.pop-up-kiwi .label-description {
    display: block;
    margin-bottom: 0;
}

.pop-up-confirm .container-card-number {
    margin-top: 20px;
}

.pop-up-warning .container-button,
.pop-up-confirm .container-button,
.pop-up-kiwi .container-button {
    display: flex;
    gap: 20px;
    padding: 50px 0 80px;
}

    .pop-up-warning .container-button .button-back,
    .pop-up-confirm .container-button .button-back,
    .pop-up-kiwi .container-button .button-back {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

.pop-up-dining-filter,
.pop-up-filter-landing {
    background-color: #fff;
    width: 820px;
}

    .pop-up-dining-filter .dining-filter-tile {
        display: block;
        padding-bottom: 35px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .pop-up-dining-filter #dropdown-choice {
        max-width: 370px;
    }

        .pop-up-dining-filter #dropdown-choice.dropdown-active .dropdown-title {
            border: 1px solid #152B55;
        }

    .pop-up-dining-filter .container-center,
    .pop-up-filter-landing .container-center {
        max-height: calc(100vh - 100px);
        overflow: auto;
        padding-top: 0;
        margin: 40px -32px 20px 0;
    }

        .pop-up-filter-landing .container-center .container-filter-item {
            border-bottom: 1px solid #EAEEF0;
            padding-bottom: 20px;
        }

            .pop-up-filter-landing .container-center .container-filter-item:nth-child(2) {
                border-top: 1px solid #EAEEF0;
                margin-top: 30px;
            }

    .pop-up-filter-landing .container-filter-item .container-title {
        display: flex;
        gap: 15px;
        margin: 20px 0 10px;
        align-items: center;
    }

    .pop-up-dining-filter .container-center::-webkit-scrollbar,
    .pop-up-article .container-center::-webkit-scrollbar {
        width: 6px;
    }

    .pop-up-dining-filter .container-center::-webkit-scrollbar-track,
    .pop-up-article .container-center::-webkit-scrollbar-track {
        border: none;
        background-color: #EEE;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .pop-up-dining-filter .container-center::-webkit-scrollbar-thumb,
    .pop-up-article .container-center::-webkit-scrollbar-thumb {
        background-color: #CAD1D6;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        border: none;
        -webkit-box-shadow: none;
    }

    .pop-up-dining-filter .footer-btn-group {
        display: flex;
        box-shadow: none;
        gap: 20px;
    }

    .pop-up-dining-filter .dining-filter-toggle label,
    .pop-up-dining-filter .container-cuisine-and-list .cuisine-tile {
        margin: 0 0 0 15px;
    }

    .pop-up-dining-filter .separator-option {
        background-color: #CAD1D6;
        width: 100%;
        height: 1px;
        margin: 20px 0;
    }

    .pop-up-dining-filter .list-dining-filter {
        display: flex;
        flex-wrap: wrap;
    }

        .pop-up-dining-filter .list-dining-filter .line-item {
            width: 50%;
        }

    .pop-up-dining-filter .container-cuisine-and-list {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

        .pop-up-dining-filter .container-cuisine-and-list .container-cuisine {
            display: flex;
            align-items: center;
            margin-top: 8px;
        }

.scroll-wrapper.cuisine-filter-list {
    grid-template-columns: auto;
}

.scrollbar-outer > .scroll-element .scroll-bar {
    background-color: #CAD1D6;
}

.cuisine-filter-list {
    overflow-y: auto;
    display: grid;
    margin-top: 25px;
    max-height: 190px;
    width: 100%;
    overflow-x: hidden;
    grid-template-columns: auto auto auto;
}

.cuisine-filter-item {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

.pop-up-dining-filter .container-cuisine-and-list .cuisine-filter-selected {
    display: flex;
    max-width: calc(100% - 120px);
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: start;
}

    .pop-up-dining-filter .container-cuisine-and-list .cuisine-filter-selected .cuisine-list-number {
        cursor: pointer;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        background-color: #CAD1D6;
        border-radius: 14px;
        margin: 8px 8px 0 0;
    }

    .pop-up-dining-filter .container-cuisine-and-list .cuisine-filter-selected .cuisine-selected {
        height: 28px;
        width: fit-content;
        border-radius: 14px;
        background-color: #CAD1D6;
        padding: 0px 14px;
        line-height: 28px;
        margin: 8px 8px 0 0;
        display: flex;
        align-items: center;
    }

        .pop-up-dining-filter .container-cuisine-and-list .cuisine-filter-selected .cuisine-selected .ic-small-cancel {
            margin-left: 9px;
            cursor: pointer;
        }

.pop-up-dining-filter .dropdown-title label {
    margin-left: 5px;
}

.pop-up-dining-filter .dropdown-content .dropdown-item {
    padding: 0 15px;
    height: 30px;
}

    .pop-up-dining-filter .dropdown-content .dropdown-selected-item,
    .pop-up-dining-filter .dropdown-content .dropdown-item:hover {
        border-radius: 4px;
        background-color: #152B55;
        color: #fff;
        width: unset;
        margin: 0 5px;
        padding: 0 10px;
    }

.pop-up-dining-filter .scrollbar-outer > .scroll-element,
.pop-up-dining-filter .scrollbar-outer > .scroll-element div {
    z-index: 0;
}

.contact-specialist-pop-up,
.chat-privacy-policy-pop-up {
    height: auto;
    width: 360px;
    border-radius: 4px 4px 0px 0px;
    position: fixed;
    bottom: 0;
    right: 30px;
    transform: translateY(100%);
    transition: all 0.5s;
    z-index: 3;
}

.chat-privacy-policy-pop-up {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

    .contact-specialist-pop-up.open,
    .chat-privacy-policy-pop-up.open {
        transform: translateY(0);
    }

.contact-specialist-pop-up .container-end .container-phone,
.contact-specialist-pop-up .container-end .container-mail {
    display: grid;
    gap: 10px;
    align-items: center;
    border-top: 1px solid #B1ADA6;
    padding: 10px 0px;
    grid-template-columns: 40px auto;
}

.contact-specialist-pop-up .container-end .container-mail {
    border-bottom: 1px solid #B1ADA6;
}

.contact-specialist-pop-up .container-end {
    padding: 40px 30px;
    border: 1px solid #B1ADA6;
    background-color: #FFF;
    border-radius: 0;
}

.chat-privacy-policy-pop-up .container-end {
    padding: 70px 30px 30px;
    background-color: #FFF;
    border-radius: 0;
    text-align: center;
    border: 1px solid #CAD1D6;
    border-top: none;
}

    .chat-privacy-policy-pop-up .container-end label {
        margin-bottom: 20px;
        color: #666;
    }

    .chat-privacy-policy-pop-up .container-end a {
        text-decoration: underline;
        color: #000;
        cursor: pointer;
    }

    .chat-privacy-policy-pop-up .container-end img {
        display: block;
        margin: 0 auto 20px;
    }

    .chat-privacy-policy-pop-up .container-end p {
        margin: 0 20px 50px;
    }

    .chat-privacy-policy-pop-up .container-end button {
        width: 100%;
    }

.contact-specialist-pop-up .container-start {
    color: #FFF;
    background-color: #CF4500;
    padding: 15px 15px 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-radius: 4px 4px 0px 0px;
}

.chat-privacy-policy-pop-up .container-start {
    padding: 12px 15px 10px;
    border-radius: 8px 8px 0px 0px;
    background-color: #FFF;
    border: 1px solid #CAD1D6;
    display: flex;
    justify-content: end;
}

    .contact-specialist-pop-up .container-start .Combined_Shape::after,
    .contact-specialist-pop-up .container-start .Combined_Shape::before,
    .chat-privacy-policy-pop-up .container-start .Combined_Shape::after,
    .chat-privacy-policy-pop-up .container-start .Combined_Shape::before {
        width: 20px;
        top: 5px;
        background-color: #163049;
    }

    .contact-specialist-pop-up .container-start .Combined_Shape,
    .chat-privacy-policy-pop-up .container-start .Combined_Shape {
        width: 20px;
        height: 20px;
    }

@media screen and (max-width: 991px) {
    .button-submit {
        min-width: 220px;
    }
}

@media only screen and (max-width: 767px) {

    .pop-up-account-block,
    .pop-up-access-code-expired,
    .pop-up-phone-verified,
    .pop-up-not-available,
    .pop-up-not-valid,
    .pop-up-verification,
    .pop-up-forgot-password,
    .pop-up-login,
    .pop-up-article,
    .pop-up-create-new-pwd,
    .verification-code-pop-up,
    .pop-up-t-and-c,
    .pop-up-new-pass-sucess,
    .pop-up-check-avail,
    .pop-up-loyalty,
    .pop-up-warning,
    .pop-up-confirm,
    .pop-up-kiwi,
    .pop-up-dining-filter,
    .pop-up-filter-landing {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        overflow-y: auto;
        width: 100%;
    }

        .pop-up-forgot-password .label-title,
        .verification-code-pop-up .label-title,
        .pop-up-t-and-c .label-title,
        .pop-up-warning .label-title,
        .pop-up-confirm .label-title {
            margin-bottom: 15px;
        }

        .pop-up-warning .container-button,
        .pop-up-confirm .container-button,
        .pop-up-kiwi .container-button {
            padding: 50px 0 55px;
            display: grid;
            grid-template-columns: 30% auto;
        }

            .pop-up-warning .container-button .button-back,
            .pop-up-warning .container-button .button-proceed .pop-up-confirm .container-button .button-proceed,
            .pop-up-confirm .container-button .button-back .pop-up-kiwi .container-button .button-back,
            .pop-up-kiwi .container-button .button-proceed {
                width: 100%;
                word-break: keep-all;
            }

        .pop-up-account-block .container-button .button-ok,
        .pop-up-access-code-expired .container-button .button-ok,
        .pop-up-phone-verified .container-button .button-ok,
        .pop-up-not-available .container-button .button-ok,
        .pop-up-not-valid .container-button .button-ok,
        .pop-up-verification .container-button .button-email-verify,
        .pop-up-verification .container-button .button-sms-verify,
        .pop-up-filter-landing .footer-btn-group button,
        .pop-up-article .container-infor button {
            width: 100%;
        }

        .pop-up-dining-filter .container-center,
        .pop-up-filter-landing .container-center {
            max-height: unset;
            margin: 0;
        }

        .pop-up-dining-filter .container-cuisine-and-list .cuisine-filter-selected {
            width: 100%;
            height: fit-content;
            margin-top: 10px;
            display: flex;
            overflow: hidden;
            flex-wrap: wrap;
            max-width: 100%;
        }

        .pop-up-dining-filter .show-all-text {
            margin-bottom: 30px;
            color: #152B55;
            font-family: 'CeraPro-Medium';
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 18px;
            display: block;
        }

        .pop-up-filter-landing .footer-btn-group {
            display: grid;
            grid-template-columns: 35% auto;
            gap: 20px;
            justify-content: unset;
            z-index: 2;
        }

    .cuisine-filter-list {
        grid-template-columns: auto auto;
        height: 190px;
        overflow: hidden;
        transition-duration: 700ms;
        max-height: unset;
    }

    /*.pop-up-dining-filter .cuisine-filter-list.scroll-content.scroll-scrolly_visible {
        overflow: hidden !important;
    }*/

    .pop-up-dining-filter .container-body,
    .pop-up-filter-landing .container-body {
        padding-bottom: 100px;
        max-height: calc(100% - 148px);
        overflow-y: auto;
    }
    .pop-up-dining-filter .container-body {
        max-height: calc(100vh - 200px);
    }
    .pop-up-dining-filter .dining-filter-tile {
        padding-bottom: 20px;
    }
    .verification-code-pop-up .container-center {
        padding: 0 0 40px;
        min-height: unset;
    }
    .pop-up-dining-filter #dropdown-choice .dropdown-content {
        color: #fff;
        background-color: #152B55;
        height: 240px;
        position: inherit;
        display: block !important;
        border-radius: 15px;
        padding: 5px 20px;
        overflow-y: auto;
        top: unset;
    }

    .pop-up-dining-filter #dropdown-choice.dropdown-active {
        border: none;
    }

    .pop-up-dining-filter .dropdown-content .dropdown-item {
        height: 57px;
        color: #fff;
        border-bottom: 1px solid #666;
        text-align: center;
        line-height: 57px;
    }

        .pop-up-dining-filter .dropdown-content .dropdown-item:hover,
        .pop-up-dining-filter .dropdown-content .dropdown-selected-item {
            margin: 0 -15px;
            border-radius: 11px;
            color: #000;
            background-color: #fff;
            width: calc(100% + 30px);
        }

    .pop-up-dining-filter .footer-btn-group .button-apply,
    .pop-up-dining-filter .footer-btn-group .button-clear-all {
        margin-top: 0;
        height: 45px;
        width: 100%;
    }

    .pop-up-check-avail {
        max-height: calc(100vh - 100px);
        border-radius: 20px 20px 0 0;
    }

    .pop-up-loyalty .container-button .btn-cancel,
    .pop-up-loyalty .container-button .btn-delete {
        width: unset;
    }

    .pop-up-loyalty .container-body {
        height: calc(100vh - 200px);
        overflow-y: auto;
    }

    .pop-up-check-avail .container-button {
        padding: 20px 0 55px;
        display: grid;
        grid-template-columns: auto auto;
    }

        .pop-up-check-avail .container-button .button-check,
        .pop-up-check-avail .container-button .button-cancel {
            width: unset;
            height: 45px;
        }

    .container-count-guest .container-content .label-title {
        font-size: unset;
        line-height: unset;
    }

    .pop-up-check-avail .add-room-link {
        margin-bottom: 50px;
    }

    .pop-up-article .container-infor {
        margin: 20px 0 30px;
    }

    .pop-up-check-avail .container-add-guest .container-guest .remove-guest {
        top: 0;
        right: 0;
        font-size: 35px;
        width: unset;
    }

    .pop-up-new-pass-sucess .img-lock {
        width: 50px;
        height: 64px;
    }

    .pop-up-new-pass-sucess .label-title {
        margin: 20px 0 15px;
    }

    .pop-up-new-pass-sucess .container-button .button-ok,
    .button-submit {
        height: 45px;
        width: 100%;
    }

    .pop-up-account-block .container-button,
    .pop-up-access-code-expired .container-button,
    .pop-up-not-available .container-button,
    .pop-up-not-valid .container-button,
    .pop-up-new-pass-sucess .container-button {
        padding: 40px 0 55px;
        display: block;
    }

    .pop-up-phone-verified .container-button {
        padding: 25px 0 55px;
        display: block;
    }

    .pop-up-account-block .container-center img,
    .pop-up-access-code-expired .container-center img,
    .pop-up-phone-verified .container-center img {
        width: 64px;
        height: 64px;
    }

    .pop-up-not-valid .container-center img {
        width: 100px;
        height: 40px;
    }

    .pop-up-verification .img-user-block {
        width: 54px;
        height: 67px;
    }

    .pop-up-verification .label-title {
        margin: 15px 0;
    }

    .pop-up-verification .container-button button:first-child {
        margin: 0 0 15px;
    }
    .pop-up-login .button-submit {
        margin: 30px 0 40px;
    }

    .pop-up-login .container-email {
        margin: 30px 0 20px;
    }

    .pop-up-verification .container-button {
        padding-bottom: 55px;
        display: block;
    }

    .verification-code-pop-up .container-input-verify {
        gap: unset;
    }

        .verification-code-pop-up .container-input-verify .input-verification {
            box-sizing: border-box;
            height: 34px;
            line-height: 34px;
            width: 46px;
            border: 1px solid #CAD1D6;
            border-radius: 0px;
            background-color: #FFFFFF;
            margin-right: 5px;
            font-size: 16px;
        }
    .container-center {
        padding: 0;
        margin: 0;
    }

    .modal-is-open {
        align-items: end;
        overflow-y: auto;
        min-height: 650px;
        height: 100%;
        display: flex;
        width: 100%;
        margin: 0 !important;
    }

    .close-mobile {
        justify-content: flex-end;
        display: flex;
        height: 20px;
        z-index: 10;
        margin: 0 20px 20px 0;
    }

    .pop-up-t-and-c {
        max-height: 100vh;
    }

        .pop-up-t-and-c .container-center {
            margin: 0;
            padding: 0;
            overflow: hidden;
            width: 100%;
            max-height: unset;
        }

        .pop-up-t-and-c .container-body {
            max-height: calc(100vh - 148px);
            overflow-y: auto;
        }

        .pop-up-t-and-c .label-description,
        .pop-up-t-and-c .label-description:last-child {
            margin-bottom: 0;
            padding-bottom: 40px;
            width: inherit;
        }

    .container-body {
        padding: 40px 20px 0;
        border-radius: 30px 30px 0 0;
        background-color: #fff;
        display: block;
        margin: 0;
    }

    #modal-forget-password.apr-modal .modal-dialog,
    #modal-change-password.apr-modal .modal-dialog {
        margin: 0;
        top: 50%;
        transform: translate(0, -50%) !important;
        -ms-transform: translate(0, -50%) !important;
        -webkit-transform: translate(0, -50%) !important;
    }

    .pop-up-forgot-password .container-not-a-member {
        justify-content: flex-start;
        margin-top: 20px;
        height: fit-content;
    }

    .verification-code-pop-up .label-description,
    .pop-up-forgot-password .label-description,
    .pop-up-dining-filter #dropdown-choice {
        margin-bottom: 30px;
    }

    .pop-up-forgot-password .container-button {
        padding: 30px 0 25px;
        display: block;
    }

    .pop-up-forgot-password .error-message {
        margin-top: 20px;
    }

    .dislay-mobile,
    .pop-up-dining-filter .container-cuisine-and-list {
        display: block;
    }

    .undisplay-mobile,
    .pop-up-dining-filter .container-center div.separator-option:nth-child(3),
    .pop-up-dining-filter .dining-filter-toggle .container-sort-by,
    .pop-up-dining-filter .dropdown-title {
        display: none;
    }

    .pop-up-login .container-start {
        align-items: flex-start;
        flex-direction: column-reverse;
    }

        .pop-up-login .container-start .label-title {
            margin-top: 10px;
        }

    .pop-up-login .end-login {
        height: 125px;
        display: block;
        padding: 20px;
    }

        .pop-up-login .end-login .forgot-pass-link {
            margin-bottom: 10px;
        }

    .pop-up-login .container-end {
        margin: 30px 0 0;
        display: block;
    }

    .pop-up-create-new-pwd ul.create-pwd-condition {
        grid-template-columns: auto auto;
    }

    .pop-up-create-new-pwd .container-end {
        padding: 50px 0 55px;
    }

    .contact-specialist-pop-up,
    .chat-privacy-policy-pop-up {
        width: auto;
        right: 10px;
        left: 10px;
    }
}

@media (min-width: 491px) and (max-width: 768px) {
    .pop-up-t-and-c .container-center {
        width: 83%;
    }
}

@media (min-width: 768px) and (max-width: 820px) {

    .pop-up-login,
    .pop-up-article,
    .pop-up-create-new-pwd,
    .verification-code-pop-up,
    .pop-up-new-pass-sucess,
    .pop-up-loyalty,
    .pop-up-dining-filter {
        width: 100%;
    }
}

@media (max-width: 400px) and (max-height: 400px) {
    .chat-privacy-policy-pop-up .container-end {
        padding: 20px;
        overflow: auto;
        height: calc(100vh - 70px);
    }

        .chat-privacy-policy-pop-up .container-end p {
            margin: 0 0px 20px;
        }
}
/*--- End total pop up ---*/
/*--- Start hero prelogin ---*/
.prelogin-hero {
    width: 100%;
    margin: 0 auto;
    padding: 20px 55px 0 55px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 800px;
}

    .prelogin-hero .container-start {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.login-form .container-content {
    display: flex;
}

.prelogin-hero .container-start .container-button {
    gap: 10px;
    display: flex;
}

.prelogin-hero .container-start .container-logo {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

    .prelogin-hero .container-start .container-logo .vertical-line {
        width: 1px;
        background-color: #fff;
        height: 25px;
        margin: 0 30px 0 30px;
    }

.prelogin-hero .container-button .button-register {
    width: fit-content;
    margin-left: 10px;
}

.prelogin-hero .container-center {
    width: 1170px;
    margin: 0 auto;
}

input.form-control:-webkit-autofill,
input.form-control:-webkit-autofill:hover,
input.form-control:-webkit-autofill:focus,
input.form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset;
    -webkit-text-fill-color: #152b55;
}

input.login-input:-webkit-autofill,
input.login-input:-webkit-autofill:hover,
input.login-input:-webkit-autofill:focus,
input.login-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #152b55 inset;
    -webkit-text-fill-color: #fff;
}

input.custom-input:-webkit-autofill,
input.custom-input:-webkit-autofill:hover,
input.custom-input:-webkit-autofill:focus,
input.custom-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset;
    -webkit-text-fill-color: #152b55;
}

.prelogin-hero-title {
    padding-top: 20%;
}

.login-form {
    height: fit-content;
    border-radius: 15px;
    background-color: #162A55;
    color: #fff;
    padding: 40px 60px 50px;
    width: 1170px;
    margin: -200px auto 0 auto;
    display: flex;
}

    .login-form .showpassword,
    .login-form .showpassword_active {
        height: 28px;
        width: 31px;
        margin-top: 7px;
    }

    .login-form .container-left {
        width: 75%;
    }

    .login-form .container-right {
        width: 25%;
        display: grid;
        justify-items: flex-end;
        align-content: space-between;
    }

    .login-form .container-left label {
        color: #AEACAD;
        line-height: 40px;
        word-break: keep-all;
    }

    .forgot-pass-link:hover,
    .register-now-link:hover,
    .pop-up-login .end-login .register-now-link:hover,
    .resend-text:hover,
    .login-form .container-right .forgot-pass-link {
        text-decoration: underline;
    }

    .login-form .container-left p {
        margin-bottom: 37px;
        width: 50%;
    }

    .login-form .login-input {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.34px;
        line-height: 20px;
        width: 100%;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #fff;
        height: 40px;
        border-radius: 0;
        caret-color: #FFF;
    }

        .login-form .login-input:focus-visible {
            outline: none;
        }

        .login-form .login-input:empty,
        .login-form .login-input {
            border-bottom: none;
            -webkit-background-clip: text;
        }

            .login-form .login-input::placeholder {
                color: #AEACAD;
                opacity: 1;
                letter-spacing: -0.34px;
            }

    .login-form .container-content .login-item {
        width: 42%;
        margin-right: 8%;
    }

    .login-form .container-content .login-div {
        border-bottom: 1px solid #AEACAD;
        gap: 15px;
        display: flex;
    }

    .login-form .container-content .login-item .login-error {
        height: 22px;
        width: 100%;
        background-color: #C94A4A;
        color: #fff;
        font-size: 11px;
        padding: 1px 8px;
    }

    .login-form .container-content .login-item .input-group.custom-input {
        padding: 0;
        border: none;
    }

        .login-form .container-content .login-item .input-group.custom-input input[type=password] + .input-group-append,
        .login-form .container-content .login-item .input-group.custom-input input[type=text] + .input-group-append {
            position: absolute;
            right: 0;
        }

    .login-form .login-input:-ms-input-placeholder,
    .login-form .login-input::-ms-input-placeholder {
        color: #AEACAD;
    }

@media (min-width: 768px) and (max-width: 1170px) {
    .login-form {
        width: auto;
        margin: -200px 20px 0;
        padding: 30px;
    }

        .login-form .container-right .button-login {
            width: 100%;
            max-width: 220px;
        }

    .prelogin-hero .container-center {
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .prelogin-hero {
        padding: 15px 20px 0;
        height: 500px;
    }

        .prelogin-hero .container-center {
            width: 100%;
            padding: 0 20px;
        }

    .prelogin-hero-title {
        font-size: 30px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 45px;
    }

    .prelogin-hero .container-start .container-logo span,
    .prelogin-hero .container-start .container-logo .vertical-line {
        display: none;
    }

    .login-form {
        width: calc(100% - 40px);
        padding: 20px 30px 50px;
        margin: -80px auto 0 auto;
        display: block;
    }

        .login-form .container-left,
        .login-form .container-right .button-login {
            width: 100%;
        }

        .login-form .container-right {
            width: 100%;
            justify-items: center;
        }

            .login-form .container-right .forgot-pass-link {
                margin: 0 0 40px;
            }

        .login-form .container-left p,
        .login-form .container-content .login-item {
            width: 100%;
            margin-bottom: 30px;
        }

        .login-form .container-content {
            display: block;
        }
}

.animate {
    -webkit-animation-duration: 700ms;
    animation-duration: 700ms;
}

.is--visible .enter-scale {
    -webkit-animation-name: enter-scale;
    animation-name: enter-scale;
}

@-webkit-keyframes enter-scale {
    from {
        opacity: 0;
        -webkit-transform: scale(.5) translateZ(0);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0);
    }
}

@keyframes enter-scale {
    from {
        opacity: 0;
        transform: scale(.5) translateZ(0);
    }

    to {
        opacity: 1;
        transform: scale(1) translateZ(0);
    }
}

.is--hidden .leave-scale {
    -webkit-animation-name: leave-scale;
    animation-name: leave-scale;
    pointer-events: none;
}

@-webkit-keyframes leave-scale {
    from {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.5) translateZ(0);
    }
}

@keyframes leave-scale {
    from {
        opacity: 1;
        transform: scale(1) translateZ(0);
    }

    to {
        opacity: 0;
        transform: scale(.5) translateZ(0);
    }
}

/*--- End hero prelogin ---*/
/*--- Start footer module ---*/
#footer {
    width: 100%;
    background-color: #C1CEDB;
    height: 170px;
    padding: 40px 140px;
    position: inherit;
    bottom: 0;
    display: flex;
    justify-content: center;
}

    #footer .footer-content {
        display: flex;
        justify-content: space-between;
        align-items: start;
        height: fit-content;
        width: 1170px;
    }

        #footer .footer-content .footer-content-left {
            width: calc(100% - 160px);
            margin: 0;
            list-style: none;
            padding: 0;
        }

        #footer .footer-content li {
            float: left;
            margin-right: 20px;
        }

        #footer .footer-content .footer-item {
            white-space: nowrap;
            margin: 0 20px 0 0;
            text-decoration: none;
            padding-right: 0;
            padding-bottom: 0;
            line-height: 24px;
            display: block;
        }

        #footer .footer-content div:last-child {
            display: flex;
            cursor: pointer;
        }

        #footer .footer-content .separator-option {
            border-bottom: 1px solid #152B55;
            height: 1px;
            margin-bottom: 15px;
            display: none;
        }

    #footer .lang-text {
        white-space: nowrap;
    }

.copy-right {
    display: none;
}

@media only screen and (max-width: 767px) {
    .copy-right {
        margin-top: 15px;
        display: block;
        letter-spacing: -0.34px;
        line-height: 20px;
    }

    #footer {
        height: fit-content;
        padding: 0 20px 50px;
        display: block;
        width: 100%;
    }

    [data-page="travel-limousine"] #footer {
        padding: 0 20px 190px;
    }

    #footer .footer-content .separator-option,
    #footer .footer-content div:last-child {
        display: block;
    }

    #footer .footer-content ul {
        padding-top: 20px;
        height: fit-content;
        display: grid;
        list-style: none;
    }

    #footer .footer-content .footer-item {
        padding-bottom: 15px;
        display: block;
    }

    #footer .footer-content {
        padding-top: 20px;
        height: fit-content;
        display: block;
        width: 100%;
    }

    .copy-right-hide {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #footer {
        width: 100%;
        padding: 40px 20px;
    }
}

#footer.footer-maintaining {
    z-index: 1000000;
    position: fixed;
}

/*--- End footer module ---*/
/*--- Start header module ---*/
.header-wrapper {
    padding: 0 60px;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff;
    border-bottom: 1px solid #EAEEF0;
}

    .header-wrapper .header-container {
        width: 100%;
        height: 70px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #152B55;
    }

        .header-wrapper .header-container .display-2-logos {
            display: flex;
            align-items: center;
        }

            .header-wrapper .header-container .display-2-logos .img-logo {
                height: 32px;
                width: auto;
                margin-right: 0;
            }

            .header-wrapper .header-container .display-2-logos .line {
                width: 1px;
                height: 54px;
                background-color: #D2D8E5;
                margin: 0 20px;
            }

        .header-wrapper .header-container .container-button {
            display: flex;
            gap: 10px;
        }

    .header-wrapper.header-no-login .header-container {
        max-width: 1440px;
        margin: 0 auto;
    }

    .header-wrapper .header-container .img-logo {
        width: 95px;
        margin-right: 60px;
    }
/*Commented width: 55% for ticket SMPLUS-3833*/
.menu-container {
    display: flex;
    height: 100%;
    /*width: 55%;*/
    list-style: none;
}

    .menu-container a,
    .login-info-container a {
        color: unset;
        text-decoration: none;
        display: block;
    }

    .menu-container .menu-item {
        height: 100%;
        padding-bottom: 10px;
        cursor: pointer;
    }

    .menu-container .menu-top-menu {
        padding: 25px 32px 0;
        height: 100%;
    }

    .menu-container .menu-active .menu-top-menu,
    .menu-container .menu-item:hover .menu-top-menu,
    .login-info-container.menu-active .menu-top-menu,
    .login-info-container:hover .menu-top-menu {
        background-color: #152B55;
        border-radius: 0 0 10px 10px;
        margin-bottom: 11px;
    }

        .menu-container .menu-item:hover,
        .menu-container .menu-item:hover .menu-top-menu .menu-top-content a,
        .menu-container .menu-item.menu-active .menu-top-menu .menu-top-content a {
            color: #fff !important;
        }

            .menu-container .menu-item:hover > .menu-dropdown-panel,
            .login-info-container:hover > .menu-dropdown-panel,
            .sub-item-menu:hover > .menu-dropdown-panel-2 {
                display: block;
            }

.ic-menu {
    height: 26px;
    width: 26px;
    position: relative;
}

    .ic-menu::after {
        margin-top: 8px;
    }

    .ic-menu::after,
    .ic-menu::before {
        border: 2px solid #152B55;
        content: '';
        width: 26px;
        height: 10px;
        position: absolute;
        border-left: none;
        border-right: none;
        top: 3px;
        right: 0;
    }

.sub-item-menu {
    height: fit-content;
    padding: 20px 32px;
}

.menu-dropdown-panel {
    width: 300px;
    border: none;
    border-radius: 0;
    height: auto;
    position: absolute;
    min-width: 140px;
    box-shadow: none;
    z-index: 250;
    background-color: #152B55;
    display: none;
    list-style: none;
}

    .menu-dropdown-panel .sub-item-menu:hover,
    .menu-dropdown-panel-2 .sub-item-menu-2:hover {
        background-color: #54606C;
        position: relative;
    }

.login-info-container {
    min-width: 180px;
    height: 100%;
    width: fit-content;
    cursor: pointer;
}

    .login-info-container:hover {
        color: #fff;
        box-shadow: none;
    }

.container-no-log-in {
    gap: 10px;
    display: flex;
}

.login-info-container .notification-circle {
    height: 28px;
    width: 28px;
    background-color: #AA3139;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.34px;
    line-height: 20px;
    margin-left: 20px;
}

.login-info-container .menu-top-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 10px;
}

    .login-info-container .menu-top-menu .menu-top-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
    }

.header-container .toggle-slidebar-menu,
.header-container .ic-close-menu-phone,
.menu-container .menu-top-menu .ic-down,
.menu-container .login-info-container,
.menu-container .container-no-log-in,
.login-info-container .menu-mobile-infor .ic-down {
    display: none;
}

.menu-container .menu-dropdown-panel-2 {
    position: absolute;
    left: 300px;
    width: 300px;
    background-color: #152b55;
    top: 0;
    display: none;
    list-style: none;
}

.sub-item-menu-2 {
    padding: 20px;
}

.menu-top-menu-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-active {
    color: #fff;
    border-radius: 0 0 10px 10px;
}

    .menu-active.sub-item-menu-2,
    .sub-item-menu.menu-active {
        border-radius: 0;
    }

.sub-menu-active {
    background-color: #54606C;
}

.menu-top-content-2,
.menu-top-content-3 {
    width: 100%;
}

@media only screen and (max-width: 767px) {

    .menu-container .menu-active .menu-top-menu,
    .menu-container .menu-item:hover .menu-top-menu,
    .login-info-container.menu-active .menu-top-menu,
    .login-info-container:hover .menu-top-menu {
        /*background-color: unset;*/
        border-radius: 0;
        margin-bottom: 0;
    }

    /*.login-info-container:hover {
        color: unset;
    }*/

    .header-wrapper {
        padding: 0 20px;
    }

        .header-wrapper .header-container {
            height: 60px;
        }

            .header-wrapper .header-container .img-logo {
                width: 75px;
                margin-right: 0;
            }

            .header-wrapper .header-container .display-2-logos .line {
                height: 32px;
                margin: 0 10px;
            }

    .menu-container {
        display: block;
        position: fixed;
        height: 100%;
        top: 0px;
        right: 0;
        bottom: 0;
        width: 268px;
        background-color: #EAEEF0;
        padding-top: 0px;
        z-index: 99;
        transform: translateX(100%);
        transition: all 0.5s;
        overflow-y: auto;
    }

        .menu-container.open {
            transform: translateX(0);
            pointer-events: all;
        }

            .menu-container.open .login-info-container {
                display: block;
                width: 100%;
                max-width: unset;
                max-height: 60px;
                padding: 0;
            }

            .menu-container.open .container-no-log-in {
                display: flex;
                flex-direction: column;
                margin: 30px 20px;
            }

                .menu-container.open .container-no-log-in .btn-log-in,
                .menu-container.open .container-no-log-in .button-register {
                    width: 100px;
                }

            .menu-container.open .login-info-container .menu-mobile-infor {
                display: flex;
                align-items: center;
            }

            .menu-container.open .login-info-container.menu-active .menu-mobile-infor .ic-down {
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                transition-duration: 700ms;
            }

    .menu-top-content {
        display: flex;
        padding: 20px 0;
        width: 100%;
        justify-content: space-between;
        border-bottom: 1px solid rgb(84, 96, 108, 0.2);
        align-items: center;
    }

    .header-container .ic-close-menu-phone {
        position: fixed;
        top: 20px;
        right: 20px;
        height: 20px;
        width: 20px;
        z-index: 99;
        cursor: pointer;
    }

        .header-container .ic-close-menu-phone::after {
            transform: rotate(-45deg);
        }

        .header-container .ic-close-menu-phone::before {
            transform: rotate(45deg);
        }

        .header-container .ic-close-menu-phone::after,
        .header-container .ic-close-menu-phone::before {
            content: '';
            background: #000000;
            display: block;
            box-sizing: border-box;
            position: absolute;
            width: 26px;
            height: 2px;
            border-radius: 5px;
            top: 8px;
            left: 1px;
            z-index: 99;
        }

    .menu-container .menu-top-menu .ic-down {
        display: block;
        margin-right: 20px;
    }

    .sub-item-menu .menu-top-menu-2 .ic-menu-item,
    .login-info-container,
    .container-no-log-in,
    .menu-container .menu-item:hover > .menu-dropdown-panel,
    .login-info-container:hover > .menu-dropdown-panel {
        display: none;
    }

    .header-container .toggle-slidebar-menu,
    .menu-container.open .login-info-container .menu-mobile-infor .ic-down {
        display: block;
    }

    .login-info-container .notification-circle {
        margin: 0 20px 0 0;
    }

    .menu-container .menu-dropdown-panel {
        background-color: #EAEEF0;
        color: #152B55;
        width: 100%;
    }

    .sidebar-menu-backdrop {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 97;
        height: 100vh;
        background-color: #000;
        opacity: 0.7;
        display: none;
        touch-action: none;
        pointer-events: all;
    }

    .menu-dropdown-panel .sub-item-menu.menu-active {
        color: unset;
        background-color: unset;
    }

    .menu-container .menu-item {
        height: fit-content;
        min-height: 60px;
        padding: 0;
    }

    .menu-container .menu-top-menu {
        padding: 0 0 0 20px;
        justify-content: space-between;
    }

    .menu-container .menu-item.menu-active .menu-top-menu .ic-down {
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition-duration: 700ms;
    }

    .menu-container:before {
        display: block;
        content: attr(data-before);
        height: 60px;
        font-size: 24px;
        padding-left: 20px;
        line-height: 60px;
    }

    .menu-container .menu-item.menu-active > .menu-dropdown-panel,
    .login-info-container.menu-active > .menu-dropdown-panel {
        display: block;
        position: relative;
        background-color: #EAEEF0;
        color: #152B55;
        width: 100%;
        margin-top: 1px;
    }

    .sub-item-menu,
    .sub-item-menu-2,
    .menu-container a {
        padding: 0;
    }

    .menu-top-menu-2 {
        padding-left: 40px;
    }

    .menu-container .menu-item:hover {
        background-color: unset;
        color: unset;
    }

    .menu-top-content-2,
    .menu-top-content-3 {
        padding: 20px 0;
        border-bottom: 1px solid rgb(84, 96, 108, 0.2);
    }

    .menu-top-menu-3 {
        padding-left: 60px;
    }

    .menu-container .sub-item-menu.menu-active > .menu-dropdown-panel-2 {
        display: block;
        position: relative;
        background-color: #EAEEF0;
        color: #152B55;
        width: 100%;
        top: unset;
        left: unset;
    }

    .menu-active,
    .login-info-container:hover {
        color: #fff;
    }

    .menu-dropdown-panel .sub-menu-active,
    .menu-dropdown-panel .sub-item-menu:hover,
    .menu-dropdown-panel-2 .sub-item-menu-2:hover {
        background-color: #152B55;
        color: #fff;
    }


    /*.menu-container .menu-item.menu-active .menu-top-menu .menu-top-content a {
        color: #152B55 !important;
    }*/
}

@media (min-width: 768px) and (max-width: 1170px) {
    .header-wrapper {
        padding: 0 20px;
    }

        .header-wrapper .header-container .img-logo {
            margin-right: 20px;
        }

    .menu-container .menu-top-menu {
        padding: 25px 12px 0;
    }

    .menu-dropdown-panel {
        width: 200px;
    }

    .menu-container .menu-dropdown-panel-2 {
        left: 200px;
        width: 200px;
    }
}

@media (min-width: 1171px) and (max-width: 1304px) {
    .menu-dropdown-panel {
        width: 270px;
    }
}

@media only screen and (max-width: 1024px) {
    .header-2-logos .menu-container.open {
        transform: translateX(0);
    }

    .header-2-logos .ic-close-menu-phone::after,
    .header-2-logos .ic-close-menu-phone::before {
        content: '';
        background: #000000;
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 26px;
        height: 2px;
        border-radius: 5px;
        top: 8px;
        left: 1px;
        z-index: 99;
    }

    .header-2-logos .ic-close-menu-phone::before {
        transform: rotate(45deg);
    }

    .header-2-logos .ic-close-menu-phone::after {
        transform: rotate(-45deg);
    }

    .header-2-logos .menu-container {
        display: block;
        position: fixed;
        height: 100%;
        top: 0px;
        right: 0;
        bottom: 0;
        width: 268px;
        background-color: #EAEEF0;
        padding-top: 0px;
        z-index: 99;
        transform: translateX(100%);
        transition: all 0.5s;
        overflow-y: auto;
    }

        .header-2-logos .menu-container:before {
            display: block;
            content: attr(data-before);
            height: 60px;
            font-size: 24px;
            padding-left: 20px;
            line-height: 60px;
        }

        .header-2-logos .sub-item-menu .menu-top-menu-2 .ic-menu-item,
        .header-2-logos .login-info-container,
        .header-2-logos .container-no-log-in,
        .header-2-logos .menu-container .menu-item:hover > .menu-dropdown-panel,
        .header-2-logos .login-info-container:hover > .menu-dropdown-panel,
        .header-2-logos .sub-item-menu:hover > .menu-dropdown-panel-2 {
            display: none;
        }

    .login-info-container .menu-top-menu {
        display: block;
    }

    .header-2-logos .header-container .toggle-slidebar-menu {
        display: block;
        background-color: transparent;
        border: none;
    }

    .header-2-logos .menu-container .menu-dropdown-panel {
        background-color: #EAEEF0;
        color: #152B55;
        width: 100%;
    }

    .header-2-logos .menu-container .menu-item {
        height: fit-content;
        min-height: 60px;
        padding: 0;
    }

    .header-2-logos .menu-container .menu-top-menu {
        padding: 0 0 0 20px;
        justify-content: space-between;
    }

    .header-2-logos .menu-dropdown-panel .sub-item-menu.menu-active {
        color: unset;
        background-color: unset;
    }

    .header-2-logos .menu-container .menu-item {
        height: fit-content;
        min-height: 60px;
        padding: 0;
    }

    .header-2-logos .login-info-container .notification-circle {
        margin: 0 20px 0 0;
    }

    .header-2-logos .menu-container .menu-active .menu-top-menu,
    .header-2-logos .menu-container .menu-item:hover .menu-top-menu,
    .header-2-logos .login-info-container.menu-active .menu-top-menu,
    .header-2-logos .login-info-container:hover .menu-top-menu {
        /*background-color: unset;*/
        border-radius: 0;
        margin-bottom: 0;
    }

    .header-2-logos .menu-top-content {
        display: flex;
        padding: 20px 0;
        width: 100%;
        justify-content: space-between;
        border-bottom: 1px solid rgb(84, 96, 108, 0.2);
        align-items: center;
    }

    .header-2-logos .sidebar-menu-backdrop {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 97;
        height: 100vh;
        background-color: #000;
        opacity: 0.7;
        display: none;
    }

    .header-2-logos .header-container .ic-close-menu-phone {
        position: fixed;
        top: 20px;
        right: 20px;
        height: 20px;
        width: 20px;
        z-index: 99;
        cursor: pointer;
    }

    .header-2-logos .menu-container.open .login-info-container {
        display: block;
        width: 100%;
        max-width: unset;
        max-height: 60px;
        padding-bottom: 0;
    }

    .header-2-logos .menu-container .menu-item.menu-active > .menu-dropdown-panel,
    .header-2-logos .login-info-container.menu-active > .menu-dropdown-panel {
        display: block;
        position: relative;
        background-color: #EAEEF0;
        color: #152B55;
        width: 100%;
        margin-top: 1px;
    }

    .header-2-logos .sub-item-menu,
    .header-2-logos .sub-item-menu-2,
    .header-2-logos .menu-container a {
        padding: 0;
    }

    .header-2-logos .menu-top-menu-2 {
        padding-left: 40px;
    }

    .header-2-logos .menu-container .menu-item:hover {
        background-color: unset;
        color: #152B55 !important;
    }

    /*.header-2-logos .menu-container .menu-item:hover,
        .header-2-logos .menu-container .menu-item:hover .menu-top-menu .menu-top-content a {
            color: #FFF !important;
        }*/

    .header-2-logos .menu-top-content-2,
    .header-2-logos .menu-top-content-3 {
        padding: 20px 0;
        border-bottom: 1px solid rgb(84, 96, 108, 0.2);
    }

    .header-2-logos .menu-top-menu-3 {
        padding-left: 60px;
    }

    .header-2-logos .menu-container .sub-item-menu.menu-active > .menu-dropdown-panel-2 {
        display: block;
        position: relative;
        background-color: #EAEEF0;
        color: #152B55;
        width: 100%;
        top: unset;
        left: unset;
    }

    .header-2-logos .menu-active {
        background-color: #EAEEF0;
        color: #fff;
    }

    .header-2-logos .menu-dropdown-panel .sub-menu-active {
        background-color: #152B55;
        color: #fff;
    }

    .header-2-logos .expand-menu {
        position: absolute;
        top: 30px;
        right: 15px;
        pointer-events: none;
    }

    .header-2-logos .menu-top-wcag {
        position: relative;
    }

    .header-2-logos .menu-dropdown-panel .sub-item-menu:hover,
    .header-2-logos .menu-dropdown-panel-2 .sub-item-menu-2:hover {
        /*background-color: unset;*/
    }

    /*.menu-container .menu-item.menu-active .menu-top-menu .menu-top-content a {
        color: #152B55 !important;
    }*/
}
.header-wrapper .header-container nav {
    height: 100%;
}

@media (max-height: 610px) and (min-width: 1024px) {
    .menu-container .menu-top-menu,
    .sub-item-menu,
    .sub-item-menu-2 {
        padding: 18px 30px;
        line-height: normal;
    }

    .header-wrapper .header-container {
        height: 53px;
    }
}

@media (max-height: 500px) and (min-width: 1024px) {
    .menu-container .menu-top-menu,
    .sub-item-menu,
    .sub-item-menu-2 {
        padding: 15px 30px;
        line-height: normal;
    }

    .header-wrapper .header-container {
        height: 50px;
    }
}
@media (min-width: 1170px) and (max-width: 1280px) {
    .menu-container .menu-dropdown-panel-2 {
        margin-left: -30px;
    }
}
/*--- End header module ---*/
/*--- Start about and addition infor module ---*/
.about-module {
    margin-bottom: 30px;
}

    .about-module .title-item {
        line-height: 57px;
        display: block;
    }

    .about-module .about-infor {
        display: grid;
        grid-template-columns: 50% 50%;
        padding-left: 20px;
    }

        .about-module .about-infor li {
            margin-bottom: 15px;
            list-style: disc;
        }

            .about-module .about-infor li::marker {
                color: #C1CEDB;
                font-size: 18px;
            }

    .about-module p {
        margin: 20px 0 60px;
        word-break: break-word;
    }

    .about-module .separator-option {
        border-bottom: 1px solid #CAD1D6;
        height: 1px;
        margin-top: 22px;
        display: block;
    }

@media only screen and (max-width: 490px) {
    .about-module {
        margin: 40px 20px 0;
    }

        .about-module p {
            margin: 25px 0 50px;
        }

        .about-module .title-item {
            color: #152B55;
            font-family: 'CeraPro-Regular';
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
            margin-bottom: 15px;
        }

        .about-module .about-infor li {
            margin-bottom: 10px;
        }
}

/*--- End about and addition infor module ---*/
/*--- Start failure confirmation ---*/
.thank-you-confirmation,
.failure-confirmation {
    width: 100%;
    height: fit-content;
    border-radius: 10px;
    padding: 50px 40px;
    text-align: center;
    margin: 30px 0;
}

.failure-confirmation {
    border: 1px solid #C94A4A;
}

.thank-you-confirmation {
    border: 1px solid #C4C4C4;
}

    .thank-you-confirmation a,
    .failure-confirmation a {
        cursor: pointer;
    }

    .thank-you-confirmation .img-check,
    .failure-confirmation .img-error {
        margin: 0 auto 10px;
    }

    .failure-confirmation label,
    .thank-you-confirmation label {
        text-align: center;
        display: block;
    }

    .failure-confirmation p,
    .thank-you-confirmation p {
        text-align: center;
        margin-bottom: 40px;
    }

.failure-confirmation .separator-option {
    margin: 35px 0 30px;
}

.failure-confirmation a,
.thank-you-confirmation a {
    width: 100%;
    color: #152B55;
}

.failure-confirmation .separator-option,
.thank-you-confirmation .separator-option {
    background-color: #EAEEF0;
    width: 100%;
    height: 1px;
}

.thank-you-confirmation .container-guest,
.thank-you-confirmation .container-time,
.thank-you-confirmation .container-date,
.thank-you-confirmation .container-adults-children {
    display: flex;
    align-items: center;
}

.thank-you-confirmation .container-room {
    display: grid;
    grid-template-columns: 28px auto;
    gap: 15px;
}

.thank-you-confirmation .container-date {
    margin-bottom: 15px;
}

    .thank-you-confirmation .container-date .ic-calendar,
    .thank-you-confirmation .container-time .ic-time,
    .thank-you-confirmation .container-guest .ic-user,
    .thank-you-confirmation .container-date .ic-user,
    .thank-you-confirmation .container-adults-children .ic-user {
        margin-right: 15px;
    }

.thank-you-confirmation .container-guest-and-time {
    display: grid;
    grid-template-columns: 50% 50%;
}

.thank-you-confirmation .booking-confirmation-info {
    border-top: 1px solid #EAEEF0;
    border-bottom: 1px solid #EAEEF0;
    padding: 20px 0;
    margin: 30px 0;
}

    .thank-you-confirmation .booking-confirmation-info label {
        text-align: left;
        float: left;
    }

@media (min-width: 768px) and (max-width: 1170px) {

    .failure-confirmation,
    .thank-you-confirmation {
        padding: 20px 10px;
    }

        .thank-you-confirmation .container-date .ic-calendar,
        .thank-you-confirmation .container-time .ic-time,
        .thank-you-confirmation .container-guest .ic-user {
            margin-right: 8px;
        }
}

@media only screen and (max-width: 767px) {

    .failure-confirmation,
    .thank-you-confirmation {
        padding: 50px 20px;
        margin: 0 0 30px;
        width: unset;
    }
}

/*--- End failure confirmation ---*/
/*--- Start common address and map module ---*/
.common-address-and-map-module {
    margin-top: 30px;
}

    .common-address-and-map-module .label-title {
        margin-bottom: 15px;
        display: inline-block;
    }

    .common-address-and-map-module .container-address,
    .common-address-and-map-module .container-phone {
        display: flex;
        margin-bottom: 15px;
    }

    .common-address-and-map-module .container-hour {
        display: flex;
        margin-bottom: 30px;
    }

    .common-address-and-map-module .container-map {
        border-radius: 15px;
        background-color: #D8D8D8;
        height: 400px;
        width: 100%;
        margin-bottom: 120px;
    }

    .common-address-and-map-module .container-warning {
        display: flex;
        padding: 15px 20px 30px;
        border: 1px solid #C4C4C4;
        border-radius: 15px;
        margin-bottom: 20px;
    }

    .common-address-and-map-module .container-address label,
    .common-address-and-map-module .container-phone label,
    .common-address-and-map-module .container-hour div {
        margin-left: 15px;
    }

    .common-address-and-map-module .container-hour ul {
        list-style: none;
    }

        .common-address-and-map-module .container-hour ul li {
            margin-bottom: 5px;
            display: flex;
        }

            .common-address-and-map-module .container-hour ul li label {
                width: 130px;
            }

        .common-address-and-map-module .container-hour ul.hours {
            display: block;
        }

            .common-address-and-map-module .container-hour ul.hours li::after {
                /*content: ',';*/
                display: inline;
                margin-right: 5px;
            }

            .common-address-and-map-module .container-hour ul.hours li:last-child::after {
                /*content: '';*/
            }

    .common-address-and-map-module .container-warning label {
        width: calc(100% - 37px);
        margin-left: 10px;
    }

@media only screen and (max-width: 767px) {
    .common-address-and-map-module {
        margin: 30px 20px 0;
    }

        .common-address-and-map-module .label-title {
            color: #152B55;
            font-family: 'CeraPro-Regular';
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
            margin-bottom: 23px;
        }

        .common-address-and-map-module .container-map {
            margin-bottom: 40px;
        }

        .common-address-and-map-module .container-warning label {
            width: 100%;
            margin-left: 0px;
            margin-top: 5px;
        }

        .common-address-and-map-module .container-hour ul li label {
            width: 110px;
        }

        .common-address-and-map-module .container-hour ul.hours,
        .common-address-and-map-module .container-warning {
            display: block;
        }
}

/*--- End common address and map module ---*/
/*--- Start dining landing module ---*/
.dining-landing-module {
    width: 1170px;
    margin: 0 auto;
    /*padding-top: 60px;*/
}

.t-dates,
#number-filter {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.34px;
    line-height: 20px;
}

.t-dates {
    height: 58px;
    display: flex;
    border: 1px solid #CAD1D6;
    color: #152B55;
    align-items: center;
    padding: 10px 12px;
}

#number-filter {
    color: #fff;
    background-color: #152b55;
    height: 20px;
    width: 20px;
    text-align: center;
    display: none;
    border-radius: 10px;
    margin-left: 5px;
}

.t-dates span {
    margin-left: 5px;
}

.t-check-in .t-date-info-title {
    top: unset;
    left: 50px;
}

.t-next,
.t-prev,
.t-table-condensed td,
.t-table-condensed th {
    padding: 6px;
}

.picker-range .t-check-in,
.t-check-out {
    width: auto;
    border-radius: 0;
    border: none;
}

.picker-range .t-check-in {
    border-right-width: 0;
}

    .picker-range .t-check-in .t-dates {
        border-right: none;
        padding: 10px 0 10px 12px;
    }

.picker-range .t-check-out .t-dates {
    border-left: none;
    padding: 10px 12px 10px 0;
}

.picker-range .t-check-in .t-date-info-title,
.t-check-out .t-date-info-title {
    top: auto;
}

.picker-range .t-datepicker-day {
    min-width: 285px;
}

.picker-range .t-check-out .t-datepicker-day {
    left: unset;
    right: 0;
}

.t-datepicker {
    max-width: unset;
}

.t-hover-day,
.t-hover-day:hover {
    border-radius: 9px;
    background-color: #CAD1D6;
    color: #152B55;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.34px;
}

.t-range-limit.t-start,
.t-range-limit.t-end {
    color: #fff;
    border-radius: 9px;
    background-color: #152B55;
}

.container-filter .search-text {
    height: 60px;
    border: 1px solid #CAD1D6;
    background-color: #FFFFFF;
    display: flex;
    padding: 0 12px;
    align-items: center;
}

    .container-filter .search-text:focus-within,
    .container-filter .container-tier-sort .container-tier:hover {
        border: 1px solid #152B55;
    }

.container-filter .t-datepicker-day {
    top: 61px;
}

.container-filter .search-text .input-group-append {
    margin-right: 5px;
}

.container-filter #input-search::placeholder,
.container-filter #input-search::-ms-input-placeholder {
    color: #666;
}

.dining-landing-module .container-start {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EAEEF0;
}

    .dining-landing-module .container-start .container-reset-all-filter {
        display: none;
        color: #152B55;
        cursor: pointer;
    }

        .dining-landing-module .container-start .container-reset-all-filter div {
            margin-right: 8px;
        }

.dining-landing-module .map-diving .map-item-pop .Combined_Shape {
    height: 28px;
    width: 28px;
    cursor: pointer;
}

.dining-landing-module .container-start .label-title {
    margin: 0 0 20px;
}

.dining-landing-module .container-start .container-list-map {
    display: flex;
    color: #152B55;
    height: 78px;
}

    .dining-landing-module .container-start .container-list-map .container-list,
    .dining-landing-module .container-start .container-list-map .container-map,
    .dining-landing-module .container-start .container-list-map label {
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .dining-landing-module .container-start .container-list-map .container-map {
        margin-left: 30px;
    }

        .dining-landing-module .container-start .container-list-map .container-list.active,
        .dining-landing-module .container-start .container-list-map .container-map.active {
            border-bottom: 2px solid #152B55;
        }

.t-hover-day::after,
.t-hover-day-content,
.dining-landing-module .container-list-map-content .container-list-content,
.dining-landing-module .container-list-map-content .container-map-content,
.dining-landing-module .container-filter .popupClose {
    display: none;
}

.dining-landing-module .container-list-map-content .container-map-content {
    margin-bottom: 120px;
}

.dining-landing-module .container-filter .container-time-guest .container-guest.selected-dining-filter,
.dining-landing-module .container-filter .container-time-guest .container-time.selected-dining-filter,
.container-filter .container-tier-filter .container-tier.selected-dining-filter,
.container-filter .container-tier-sort .container-tier.selected-dining-filter,
.dining-landing-module .container-filter .date-dining.date-dining-border {
    border: 2px solid #152B55;
}

#map {
    height: 100%;
    border-radius: 20px;
}

.category-landing-module-v2 .container-reset-all-filter-tiles {
    display: none;
    color: #152B55;
    cursor: pointer;
}

    .category-landing-module-v2 .container-reset-all-filter-tiles div {
        margin-right: 8px;
    }

.category-landing-module-v2 .dining-landing-module .map-diving {
    height: 570px;
    width: 100%;
    border-radius: 20px;
    position: relative;
}

.dining-landing-module .map-diving {
    height: 570px;
    width: 100%;
    border-radius: 20px;
    position: relative;
}

    .dining-landing-module .map-diving .search-map-button {
        height: 40px;
        border-radius: 15px;
        color: #fff;
        background-color: #152B55;
        padding: 0 30px;
        width: fit-content;
        z-index: 1;
        cursor: pointer;
        line-height: 40px;
        position: absolute;
        top: 10px;
        left: 45%;
    }

    .dining-landing-module .map-diving .map-item-pop {
        height: 100%;
        max-width: 390px;
        padding: 15px;
        color: #fff;
        background-color: #152B55;
        position: absolute;
        z-index: 2;
        border-radius: 20px;
        z-index: 2;
        top: 0;
        left: 0;
        display: none;
        cursor: pointer;
    }

        .dining-landing-module .map-diving .map-item-pop .map-detail {
            padding: 10px 15px 22px;
        }

            .dining-landing-module .map-diving .map-item-pop .map-detail .map-title {
                font-size: 22px;
                font-weight: 500;
                letter-spacing: -0.53px;
                display: block;
                cursor: pointer;
                line-height: 30px;
                margin: 10px 0 15px;
                overflow: hidden;
                height: 60px;
            }

            .dining-landing-module .map-diving .map-item-pop .map-detail .map-description {
                display: block;
                overflow: hidden;
                margin-bottom: 15px;
                height: 60px;
                cursor: pointer;
                line-height: 20px;
            }

            .dining-landing-module .map-diving .map-item-pop .map-detail .map-button-item {
                position: absolute;
                bottom: 20px;
                right: 30px;
                left: 30px;
                text-align: center;
                line-height: 40px;
                display: block;
                height: 40px;
                border-radius: 17.5px;
                background-color: #666;
                cursor: pointer;
            }

        .dining-landing-module .map-diving .map-item-pop .map-item-close {
            height: 60px;
            width: 60px;
            border-radius: 20px;
            background-color: #152B55;
            position: absolute;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            top: 0;
            left: 0;
        }

        .dining-landing-module .map-diving .map-item-pop img {
            width: 100%;
            height: 320px;
            background-repeat: no-repeat;
            border-radius: 10px;
        }

    .dining-landing-module .map-diving .map-marker {
        position: absolute;
        top: 50%;
        right: 30%;
        z-index: 1;
    }

.dining-landing-module .container-filter {
    display: grid;
    grid-template-columns: 23% 18% 25% 11% auto;
    gap: 20px;
    margin: 30px 0;
}

    .dining-landing-module .container-filter .check-avail-button {
        float: right;
    }

    .dining-landing-module .container-filter .container-time-guest {
        display: grid;
        gap: 15px;
        grid-template-columns: calc((100% - 15px) / 2) calc((100% - 15px) / 2);
    }

        .dining-landing-module .container-filter .container-time-guest .container-time,
        .dining-landing-module .container-filter .container-time-guest .container-guest,
        .container-filter .container-tier-filter .container-tier,
        .container-filter .container-tier-sort .container-tier,
        .dining-landing-module .container-filter .filter-button {
            display: flex;
            align-items: center;
            justify-content: start;
            width: 100%;
            height: 60px;
            border: 1px solid #CAD1D6;
            color: #152B55;
            font-weight: 500;
            background-color: transparent;
        }

    .dining-landing-module .container-filter .filter-button {
        padding: 0 10px;
        cursor: pointer;
    }

        .dining-landing-module .container-filter .container-time-guest .container-time:hover,
        .dining-landing-module .container-filter .container-time-guest .container-guest:hover,
        .container-filter .container-tier-filter .container-tier:hover,
        .dining-landing-module .container-filter .filter-button:hover,
        .dining-landing-module .container-filter .date-dining:hover {
            border: 2px solid #152B55;
            background-color: #EAEEF0;
        }

    .dining-landing-module .container-filter .container-time-guest .container-time,
    .dining-landing-module .container-filter .container-time-guest .container-guest,
    .container-filter .container-tier-filter .container-tier,
    .container-filter .container-tier-sort .container-tier {
        position: relative;
    }

    .dining-landing-module .container-filter .container-time-guest input[type=radio],
    .container-filter .container-tier input[type=radio] {
        visibility: hidden;
    }

    .dining-landing-module .container-filter .container-time-guest .btn-group,
    .dining-landing-module .container-filter .container-tier-filter .btn-group,
    .container-filter .container-tier-sort .btn-group,
    .dining-landing-module .container-filter .container-time-guest span.multiselect-native-select,
    .dining-landing-module .container-filter .container-tier-filter span.multiselect-native-select,
    .container-filter .container-tier-sort span.multiselect-native-select {
        position: unset;
        height: 100%;
        width: 100%;
    }

.multiselect.dropdown-toggle {
    background-color: transparent;
    border: none;
    padding: 0;
}

.multiselect-container.dropdown-menu {
    width: 100%;
    /*top: 18px !important;*/
    border: 1px solid #CAD1D6;
    border-radius: 0;
    max-height: 200px;
    overflow-y: auto;
    z-index: 6;
    padding: 5px;
}

.dining-landing-module .container-filter .container-time-guest .container-time span.multiselect-selected-text,
.dining-landing-module .container-filter .container-time-guest .container-guest span.multiselect-selected-text,
.container-filter .container-tier span.multiselect-selected-text {
    margin-left: 20px;
    color: #152B55;
}

.dining-landing-module .multiselect.dropdown-toggle {
    width: 100%;
}

    .dining-landing-module .multiselect.dropdown-toggle:focus {
        outline: 2px solid #152B55;
        background-color: #EAEEF0;
        border-radius: 8px;
    }

.dining-landing-module .container-filter .container-time-guest .container-time span.multiselect-selected-text::before,
.dining-landing-module .container-filter .container-time-guest .container-guest span.multiselect-selected-text::before,
.container-filter .container-tier span.multiselect-selected-text::before {
    content: '';
    height: 28px;
    width: 28px;
    overflow: hidden;
    position: absolute;
    top: 16px;
    left: 10px;
}

.container-filter .container-tier span.multiselect-selected-text::before {
    left: 6px;
}

.dining-landing-module .container-list-item {
    display: grid;
    gap: 30px;
    grid-template-columns: calc((100% - 60px) / 3) calc((100% - 60px) / 3) calc((100% - 60px) / 3);
    list-style: none;
    margin-bottom: 70px;
}

    .dining-landing-module .container-list-item .dining-item img {
        width: 100%;
        height: 320px;
        background-repeat: no-repeat;
        border-radius: 10px;
        object-fit: cover;
    }

    .dining-landing-module .container-list-item .dining-item .dining-detail .check-avail-button {
        display: flex;
        align-items: center;
        border: 1px solid #666;
        height: 45px;
        justify-content: center;
        border-radius: 25px;
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
        cursor: pointer;
        margin: 0 10px;
    }

        .dining-landing-module .container-list-item .dining-item .dining-detail .check-avail-button label {
            margin-right: 15px;
        }

    .dining-landing-module .container-list-item .dining-item .dining-detail .button-dining-item {
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 32px;
        cursor: pointer;
    }

        .dining-landing-module .container-list-item .dining-item .dining-detail .button-dining-item label {
            margin-right: 15px;
            cursor: pointer;
        }

.dining-landing-module .container-button-load-more {
    display: flex;
    justify-content: center;
    margin: 0 0 120px;
}

.dining-landing-module .button-load-more {
    width: calc((100% - 60px) / 3);
}

@media only screen and (max-width: 768px) {
    .dining-landing-module {
        width: calc(100% - 40px);
        margin: 0 auto;
        /*padding-top: 40px;*/
    }

        .dining-landing-module .container-start .label-title {
            margin: 0 0 5px;
        }

        .dining-landing-module .container-start .container-list-map .container-map {
            margin-left: 15px;
        }

            .dining-landing-module .container-start .container-list-map .container-list label,
            .dining-landing-module .container-start .container-list-map .container-map label,
            .dining-landing-module .container-start .container-reset-all-filter {
                display: none;
            }

        .dining-landing-module .container-list-item {
            display: grid;
            gap: 30px;
            grid-template-columns: 100%;
        }

            .dining-landing-module .container-list-item .dining-item {
                height: fit-content;
            }

                .dining-landing-module .container-list-item .dining-item img {
                    height: 285px;
                }

                .dining-landing-module .container-list-item .dining-item .dining-detail .check-avail-button {
                    left: 10px;
                    right: 10px;
                    margin: 0 20px;
                }

        .dining-landing-module .container-list-item {
            margin-bottom: 70px;
        }

        .dining-landing-module .container-button-load-more {
            margin: 0 0 80px;
        }

    .button-load-more {
        width: fit-content;
        height: 45px;
        line-height: 45px;
        padding: 0 38px;
        min-width: 220px;
    }

    .dining-landing-module .container-filter {
        margin: 20px 0 40px;
        grid-template-columns: auto;
    }

        .dining-landing-module .container-filter .check-avail-button,
        .dining-landing-module .map-diving .map-item-pop {
            width: 100%;
        }

    .dining-landing-module .map-diving .search-map-button,
    .category-landing-module-v2 .map-diving .search-map-button {
        left: 25%;
    }

    .dining-landing-module .map-diving .map-item-pop .map-detail {
        padding: 10px 15px 22px;
    }

        .dining-landing-module .map-diving .map-item-pop .map-detail .map-title {
            font-size: 17px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 21px;
            margin-bottom: 10px;
            height: auto;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .dining-landing-module {
        width: auto;
        margin: 0 20px;
    }

        .dining-landing-module .container-list-item {
            grid-template-columns: auto auto;
        }

        .dining-landing-module .container-filter {
            grid-template-columns: auto;
        }
}

/*--- End dining landing module ---*/
/*--- Start Footer registration ---*/
.regis-footer {
    height: 110px;
    width: 100%;
    background-color: #EFE3D3;
    padding-left: 140px;
    padding-right: 140px;
    bottom: 0;
}

.regis-footer-content {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.footer-item {
    color: #152B55;
    margin: 0;
    text-decoration: none;
    padding-right: 40px;
    padding-bottom: 0;
}

#lang-footer {
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    color: #152B55 !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAAAXNSR0IArs4c6QAAAgpJREFUOBGlU79LW1EUPvfFPLQOQh06OPgHuKlV82NwqBYsndRSwTUPqVgpJS9DlyyCJFSUYKWR/gVugi46SCXRYNOpmq4OGTq0oKCBp32353vw5PblRtN6lnffOd+Pm7zvCOKy5pJFSTJCQux0PWwfS6fT1+jft1inpfrrYpukHBEkDvK5bNSAaNg0p9jsBwbVn5cf7mvk8z0t1oS258GDEIZHB/tnA9H4ZzacJpKD/UOxWrlULPjE/3lar5M2a6WEoFooZDxdW1o8gY5niMOXw0K1PxKvSClf8OuTvkjs29dSsYLZv1ZiPjnOl8+DZ4SMlx+XM7u+xo0hGuXDQoVNLxk8KoieP47Gd3ARH9zMc+aNPUCu3GRsWBhGKr+S+aTyWLe+EnM2385N4L83w+bg6vuF03pUfWf27btu58op8YUf8W9bX89lrCDKC02w2dX54BUSC6LjOFtWKtURxATfgQHWM0PaoaEprSHWolW2TxCJY/7wPbLmbiDiGr7XwgwYYMEBFxo6vNYQwFwufW6a5rNm1kWNPzjg6szQ+ys0QVDdunCgyqVCUcU1ir+KUc+3GgKIlPYOxb6TpEn+PiPquqjxJ0NM5ZezN/FXTdSzNqUqwD9b83ZSum4Gi8y7NYy++9vdk5LaOP42xz+L3l3VtCGE1HXxhG+JfyPjhqHREdR1uSv+Oj56fwCOW+0Oio0XpwAAAABJRU5ErkJggg==);
    background-position: center right 16px;
    background-repeat: no-repeat;
    background-size: 16px 7px;
    padding: 0 35px 0 6px;
    box-sizing: border-box;
    height: 22px;
    width: max-content;
    appearance: none;
}
    #lang-footer:focus{
        border: 2px solid #fff;
    }

    .footer-btn-group {
        margin: 48px 0;
    }

.regis-footer-content div:first-child {
    width: calc(100% - 160px);
}

.regis-footer-content-lang {
    width: 18%;
    min-width: 150px;
}

@media only screen and (max-width: 767px) {
    .footer-btn-group {
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        right: 0;
        left: 0;
        padding: 20px;
        background: #FFFFFF;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: 0 -4px 15px -1px rgba(24 48 73 / 15%);
        z-index: 22;
        justify-content: center;
    }

    .copy-right {
        margin-top: 15px;
    }

    .copy-right-hide {
        display: none;
    }

    .regis-footer-content-lang {
        width: 100%;
    }

    .regis-footer-content {
        padding-top: 20px;
        height: fit-content;
        display: block;
    }

        .regis-footer-content div:first-child {
            display: grid;
            width: 100%;
        }

    .regis-footer {
        padding-left: 15px;
        padding-right: 15px;
        height: 380px !important;
    }

    .footer-item {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 1024px) {
    .line-separator {
        display: none !important;
    }

    .regis-footer {
        padding-left: 15px;
        padding-right: 15px;
        height: 260px;
    }
}

/*---  End Registration footer ---*/
/*--- Start dining detail module ---*/
.common-detail-module {
    width: 1170px;
    margin: 0 auto;
    display: grid;
    gap: 130px;
    grid-template-columns: auto 30%;
}

    .common-detail-module .common-detail-left .breadcrumb {
        width: unset;
    }

.logo-right {
    margin: 20px 0 26px;
    display: flex;
    align-items: center;
}

    .logo-right img {
        width: 47px;
        height: 24px;
        margin-left: 15px;
    }

.booking-detail-module .dropdown-item input[type=radio] {
    visibility: hidden;
}
body .booking-detail-module .container-time-non-ss-2 .btn-group > .btn-check:focus + .btn-time-selected {
    border: 2px solid black;
}

.ti_tx,
.mi_tx,
.mer_tx {
    width: 100%;
    text-align: center;
    margin: 8px 0;
    line-height: 1;
}

@media only screen and (max-width: 767px) {
    .common-detail-module {
        width: auto;
        grid-template-columns: 100%;
        gap: 0px;
    }

    .logo-right {
        margin: 20px 20px 26px;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .common-detail-module {
        width: auto;
        margin: 0 20px;
        gap: 20px;
        grid-template-columns: 65% auto;
    }
}

/*--- End dining detail module ---*/
/*--- Start booking detail module ---*/
.booking-detail-module .container-add-hotel .container-hotel {
    position: relative;
    margin-top: 10px;
}

    .booking-detail-module .container-add-hotel .container-hotel a {
        position: absolute;
        right: 0;
        color: #152B55;
        cursor: pointer;
    }

.booking-detail-module .btn-disabled {
    cursor: auto;
    border: none;
    pointer-events: none;
}

.booking-detail-module .ic-edit {
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.booking-detail-module .separator-option {
    border-bottom: 1px solid #CAD1D6;
    height: 1px;
    display: block;
}

.booking-detail-module label.booking-detail-big-title,
.booking-detail-module h2.booking-detail-big-title {
    margin: 30px 0 20px;
}

.booking-detail-module .booking-detail-title {
    margin-bottom: 12px;
    display: block;
}

.booking-detail-module .container-party-size {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 40px;
    border: 1px solid #CAD1D6;
    border-bottom: 1px solid #152B55;
    background-color: transparent;
    position: relative;
    margin-bottom: 12px;
}

.booking-detail-module .container-time-non-ss-2 {
    width: 100%;
    color: #152B55;
    background-color: transparent;
    position: relative;
    margin-bottom: 12px;
}

    .booking-detail-module .container-time-non-ss-2 .description {
        color: #666666;
        margin: 10px 0 5px;
    }

    .booking-detail-module .container-time-non-ss-2 .timepicker_wrap {
        display: flex;
        padding: 0;
        border-radius: none;
        z-index: 0;
        box-shadow: none;
        border: none;
        float: left;
        position: unset;
        gap: 20px;
    }

    .booking-detail-module .container-time-non-ss-2 .prev,
    .booking-detail-module .container-time-non-ss-2 .next {
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-size: 90%;
        padding: 0;
        margin: 0 7.5px;
        width: 30px;
        height: 37px;
    }

    .booking-detail-module .container-time-non-ss-2 .time,
    .booking-detail-module .container-time-non-ss-2 .mins,
    .booking-detail-module .container-time-non-ss-2 .meridian {
        display: flex;
        height: 40px;
        border: 1px solid #CAD1D6;
        width: 30%;
        margin: 0;
        flex-direction: row;
        background-color: #fff;
    }

    .booking-detail-module .container-time-non-ss-2 .btn-group,
    .booking-detail-module .container-time-non-ss-2 .form-select {
        width: 30%;
    }

        .booking-detail-module .container-time-non-ss-2 .btn-group > .btn-check:checked + .btn-time-selected {
            background-color: #F1F1F5;
            border-bottom: 1px solid #152B55;
        }

        .booking-detail-module .container-time-non-ss-2 .btn-group .btn-time-selected {
            border: none;
            border-radius: 0;
            line-height: 40px;
            text-align: center;
            width: 100%;
            cursor: pointer;
            user-select: none;
        }

.booking-detail-module .container-time-dropdown {
    width: 100%;
    color: #152B55;
    background-color: transparent;
    position: relative;
    margin-bottom: 12px;
}

    .booking-detail-module .container-time-dropdown .time_pick:after,
    .booking-detail-module .container-party-size span.multiselect-selected-text::after,
    .booking-detail-module .container-time-dropdown span.multiselect-selected-text::after {
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        top: 14px;
        right: 10px;
        border-bottom: 2px solid #54606C;
        border-right: 2px solid #54606C;
        transform: rotate(45deg);
        transition: all 300ms ease;
    }

    .booking-detail-module .container-time-dropdown .time_pick.change-icon:after,
    .booking-detail-module .container-party-size .show span.multiselect-selected-text::after {
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

.concierge-booking .select2-tag-multi.cuisine-option + .select2-container.select2-container--open .select2-selection.select2-selection--multiple::after,
.container-active .container-title img,
.dropdown-active .dropdown-title img {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.booking-detail-module .container-time-dropdown label {
    display: block;
    color: #666666;
    margin: 10px 0 30px;
}

.booking-detail-module .container-party-size .btn-group .multiselect-selected-text,
.booking-detail-module .container-time-dropdown .btn-group .multiselect-selected-text {
    margin-left: 15px;
}

.booking-detail-module .container-party-size span.multiselect-native-select,
.booking-detail-module .container-time-dropdown span.multiselect-native-select,
.booking-detail-module .container-party-size .btn-group,
.booking-detail-module .container-time-dropdown .btn-group {
    position: unset;
    width: 100%;
    height: 100%;
}

.booking-detail-module .t-dates,
.travel-cart-page .t-dates {
    height: 40px;
}

    .booking-detail-module .t-dates .ic-calendar,
    .travel-cart-page .t-dates .ic-calendar {
        position: absolute;
        right: 10px;
    }

    .booking-detail-module .t-dates .t-date-info-title {
        left: unset;
    }

.booking-detail-module .t-datepicker,
.travel-cart-page .t-datepicker {
    margin-bottom: 12px;
    z-index: 1;
}

.booking-detail-module .t-datepicker-day,
.travel-cart-page .t-datepicker-day {
    top: 40px;
}

.booking-detail-module textarea.special-request {
    height: 80px;
    width: 100%;
    border: 1px solid #CAD1D6;
    margin-bottom: 20px;
    padding: 10px 12px;
    border-bottom: 1px solid #152B55;
}

.booking-detail-module .container-submit-and-chat {
    justify-content: center;
    text-align: center;
    margin: 25px 0 60px;
}

    .booking-detail-module .container-submit-and-chat .button-reservation {
        font-size: 22px;
        margin-bottom: 15px;
        width: 100%;
    }

    .booking-detail-module .container-submit-and-chat a {
        display: block;
        margin-top: 15px;
    }

        .booking-detail-module .container-submit-and-chat a:hover {
            text-decoration: underline;
            cursor: pointer;
        }

.booking-detail-module .container-save-contact,
.booking-detail-module .container-policy,
.booking-detail-module .container-card-warning {
    display: flex;
    margin-top: 15px;
}

    .booking-detail-module .container-save-contact label,
    .booking-detail-module .container-policy label,
    .booking-detail-module .container-card-warning label {
        width: calc(100% - 43px);
    }

    .booking-detail-module .container-card-warning label {
        font-family: 'CeraPro-Light';
        color: #666;
    }

    .booking-detail-module .container-card-warning img {
        height: 25px;
        width: 30px;
        margin-right: 15px;
    }

    .booking-detail-module .container-policy label a {
        color: #163049;
        cursor: pointer;
        text-decoration: underline;
    }

.booking-detail-module .booking-infor {
    padding: 14px 0 20px;
    border-top: 1px solid #CAD1D6;
    border-bottom: 1px solid #CAD1D6;
    display: flex;
    justify-content: space-between;
    position: relative;
}

    .booking-detail-module .booking-infor .booking-infor-detail {
        text-align: left;
    }

        .booking-detail-module .booking-infor .booking-infor-detail label {
            display: block;
        }

        .booking-detail-module .booking-infor .booking-infor-detail .booking-for-title,
        .booking-detail-module .booking-infor .booking-infor-insert .booking-for-title {
            margin-bottom: 10px;
            font-size: 15px;
        }

    .booking-detail-module .booking-infor .booking-infor-insert {
        display: none;
        width: 100%;
    }

        .booking-detail-module .booking-infor .booking-infor-insert .container-title-first-name,
        .booking-detail-module .booking-infor .booking-infor-insert .container-last-name,
        .booking-detail-module .booking-infor .booking-infor-insert .container-email {
            margin-bottom: 20px;
        }

            .booking-detail-module .booking-infor .booking-infor-insert .container-email + .container-title-first-name div.col-8 input {
                margin-top: 32px;
            }

.booking-detail-module .container-time .container-list-time {
    display: grid;
    grid-template-columns: calc((100% - 20px)/3) calc((100% - 20px)/3) calc((100% - 20px)/3);
    gap: 10px;
    list-style: none;
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    padding: 5px 0;
}

.booking-detail-module .container-time ul.container-list-time li {
    height: 35px;
    width: 100%;
    color: #152B55;
    letter-spacing: -0.34px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #152B55;
    border-radius: 17.5px;
    transition-duration: 700ms;
    cursor: pointer;
    min-width: max-content;
}

    .booking-detail-module .container-time ul.container-list-time li:hover,
    .booking-detail-module .container-time ul.container-list-time li.selected {
        background-color: #152B55;
        color: #fff;
    }

.dining-landing-module .container-time-guest .container-time .multiselect-container .multiselect-option.dropdown-item:hover,
.dining-landing-module .container-time-guest .container-guest .multiselect-container .multiselect-option.dropdown-item:hover,
.booking-detail-module .container-party-size .multiselect-container .multiselect-option.dropdown-item:hover {
    background-color: #C1CEDB;
    border-radius: 4px;
}

.booking-detail-module .container-time label {
    display: block;
    color: #666666;
    margin: 10px 0;
}

.booking-detail-module .container-time .see-all-time-ss {
    text-align: right;
    cursor: pointer;
}

.booking-detail-module .container-footer {
    display: none;
}

textarea:focus-visible {
    outline: none;
}

.booking-detail-module .container-time .booking-detail-error {
    color: #C94A4A;
    display: block;
    margin: 12px 0;
}

.booking-detail-module .container-time-non-ss {
    display: flex;
    gap: 15px;
    width: 100%;
}

    .booking-detail-module .container-time-non-ss .time-non-ss {
        border: none;
        text-align: right;
        cursor: pointer;
        padding-right: 20px;
        background: url(https://assets-us-01.kc-usercontent.com:443/78c44b1a-1093-0082-f79e-7a6214834ded/15fe0708-12e7-458d-b1fb-41eba8869def/image_2022_10_18T09_28_48_059Z.png) right center no-repeat;
        background-size: 9%;
        width: 150px;
    }

.container-time-non-ss .time_pick .timepicker_wrap {
    padding: 0;
    width: 150px;
}

.booking-detail-module .container-time-non-ss .see-all-time {
    margin-bottom: 10px;
}

.container-time-non-ss .timepicker_wrap {
    padding: 0;
}

.container-time-non-ss .time,
.container-time-non-ss .mins,
.container-time-non-ss .meridian {
    margin: 0 5px;
}

.booking-thru-3rd {
    margin-top: 93px;
}

    .booking-thru-3rd .container-button {
        text-align: center;
    }

    .booking-thru-3rd span {
        display: block;
        text-align: center;
        margin: 15px 0;
    }

    .booking-thru-3rd .label-title {
        line-height: 57px;
        margin-bottom: 12px;
    }

    .booking-thru-3rd .separator-option {
        background-color: #EAEEF0;
        height: 1px;
        width: 100%;
    }

    .booking-thru-3rd .label-description {
        margin: 14px 0 20px;
    }

    .booking-thru-3rd .button-proceed-to-partner-site {
        width: 100%;
        font-size: 22px;
        margin-top: 25px;
    }

.booking-detail-module .container-time-non-ss-2 .input-time-non-ss {
    display: flex;
    align-items: center;
}

.booking-detail-module .container-time-non-ss-2 .time {
    margin-right: 5px;
}

.booking-detail-module .container-time-non-ss-2 .mins {
    margin: 0 10px 0 5px;
}

@media only screen and (max-width: 767px) {
    .booking-detail-module {
        margin: 0 20px;
    }

        .booking-detail-module label.booking-detail-big-title {
            color: #152B55;
            font-family: 'CeraPro-Regular';
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
            margin: 0 0 20px;
        }

        .booking-detail-module .separator-option:first-child {
            display: none;
        }

        .booking-detail-module .container-submit-and-chat .button-reservation {
            height: 45px;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: -0.34px;
            line-height: 45px;
        }

        .booking-detail-module .container-submit-and-chat {
            margin: 50px 0;
        }

        .booking-detail-module .container-footer {
            display: block;
            position: fixed;
            right: 0;
            left: 0;
            bottom: 0;
            height: 100px;
            padding: 15px 20px 40px;
            background-color: #FFFFFF;
            z-index: 8;
        }

            .booking-detail-module .container-footer .button-check-availability {
                height: 46px;
                width: 100%;
                border: 1px solid #152B55;
                border-radius: 22.5px;
                background-color: transparent;
                color: #152B55;
                font-family: 'CeraPro-Medium';
                font-size: 14px;
                font-weight: 500;
                letter-spacing: -0.34px;
                line-height: 45px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .booking-detail-module .container-footer .button-check-availability div {
                    margin-right: 10px;
                }

    .common-detail-module .common-detail-right {
        display: flex;
        flex-flow: column-reverse;
        padding: 0;
    }

    .common-detail-module .exclusive-offer-module .separator-option {
        display: block;
    }

    .common-detail-module .common-detail-left {
        padding: 0;
    }

    .booking-thru-3rd {
        margin: 0 20px 60px;
        width: auto;
    }

        .booking-thru-3rd .label-title {
            font-family: 'CeraPro-Regular';
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
            margin-bottom: 20px;
        }

        .booking-thru-3rd .button-proceed-to-partner-site,
        .booking-thru-3rd span {
            font-size: 14px;
            letter-spacing: -0.34px;
            line-height: 20px;
        }

        .booking-thru-3rd .button-proceed-to-partner-site {
            height: 45px;
            border-radius: 22.5px;
            font-weight: 500;
            margin-top: 20px;
        }

        .booking-thru-3rd span {
            margin: 15px 0 20px;
            color: #666666;
            font-family: 'CeraPro-Light';
            font-weight: 300;
        }

    .booking-detail-module .container-time-non-ss-2 .prev,
    .booking-detail-module .container-time-non-ss-2 .next {
        background-size: 60%;
    }

    .booking-detail-module .container-time-non-ss-2 .input-time-non-ss {
        display: grid;
        grid-template-columns: auto auto;
    }

    .booking-detail-module .container-time-non-ss-2 .time {
        width: auto;
    }

    .booking-detail-module .container-time-non-ss-2 .mins {
        width: auto;
        margin-right: 0;
    }

    .booking-detail-module .container-time-non-ss-2 .btn-group {
        width: auto;
        grid-column: 1 / span 3;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {

    .time,
    .mins,
    .meridian {
        margin: 0 5px;
    }

    .booking-detail-module .container-time .container-list-time {
        grid-template-columns: auto auto;
    }

    .common-detail-module .common-detail-left .breadcrumb {
        margin: 20px 0 0;
    }
}

/*--- End booking detail module ---*/
/*--- Start custom dropdown ---*/
[drop-down='drop-down-phone'] {
    height: 40px;
    width: 100%;
    border: 1px solid #CAD1D6;
    background-color: #FFFFFF;
    color: #152B55;
    font-family: 'CeraPro-Medium';
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.34px;
    line-height: 20px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
}

.my-account-page button#dropdown-choice-phone,
.pop-up-update-profile button#dropdown-choice-phone-citi,
.pop-up-update-profile button#dropdown-choice-phone-ubs {
    background: unset;
    border: 0;
    padding: 0;
}
#dropdown-country ul li:has(>button.active) {
    border-radius: 4px;
    background-color: #163049 !important;
    color: #FFF !important;
}
.my-account-page .dropdown-choice-phone ul li:has(>button.active),
.pop-up-update-profile .dropdown-choice-phone ul li:has(>button.active) {
    border-radius: 9px;
    background-color: #152B55 !important;
    color: #000000 !important;
}

.my-account-page .dropdown-choice-phone button,
.pop-up-update-profile .dropdown-choice-phone button {
    border: 0;
    text-align: left;
    display: flex;
    width: 100%;
    background-color: unset;
    justify-content: space-between;
    align-items: center;
}

    .my-account-page .dropdown-choice-phone button:focus,
    .pop-up-update-profile .dropdown-choice-phone button:focus {
        border: none;
        outline: none;
    }

#dropdown-choice,
#dropdown-choice-phone,
#dropdown-choice-phone-citi,
#dropdown-choice-phone-ubs,
#dropdown-countrycode {
    position: relative;
    display: inline-block;
    width: 100%;
}

    #dropdown-choice .ic-down,
    #dropdown-choice-phone .ic-down,
    #dropdown-program-type .ic-down,
    #dropdown-program-name .ic-down {
        transition: all 300ms ease;
        transform-origin: center;
    }

    #dropdown-choice-phone .dropdown-content {
        padding: 0 5px;
    }

    #dropdown-choice-phone.dropdown-active .dropdown-content,
    #dropdown-choice.dropdown-active .dropdown-content {
        display: block;
    }

    #dropdown-choice-phone .close-mobile {
        position: fixed;
        right: 20px;
        bottom: calc(70vh + 20px);
        margin: 0;
        z-index: 12;
        display: none;
    }

button#dropdown-choice-phone {
    background: unset;
    border: 0;
    padding: 0;
}

.dropdown-choice-phone ul li:has(>button.active) {
    border-radius: 9px;
    background-color: #163049 !important;
    color: #000000 !important;
}

.dropdown-item-countrycode button {
    border: 0;
    text-align: left;
    display: flex;
    width: 100%;
    background-color: unset;
    justify-content: space-between;
    align-items: center;
}

    .dropdown-item-countrycode button:focus {
        border: none;
        outline: none;
    }

.dropdown-selected-item-countrycode {
    border-radius: 9px;
    background-color: #163049;
    padding-left: -10px;
    padding-right: -10px;
}

#dropdown-phone {
    padding: 0;
}

.dropdown-title {
    height: 40px;
    width: 100%;
    border: 1px solid #CAD1D6;
    border-bottom: 1px solid #152B55;
    background-color: #FFFFFF;
    color: #152B55;
    font-family: 'CeraPro-Medium';
    font-weight: 500;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    cursor: pointer;
}

    .dropdown-title:hover {
        border: 1px solid #152B55;
    }

    .dropdown-title:focus {
        border: 1px solid #CAD1D6;
        border-bottom: 2px solid #152B55;
    }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 2;
    height: fit-content;
    width: 100%;
    padding: 5px;
    border: 1px solid #CAD1D6;
}

.dropdown-item {
    display: block;
    padding: 5px;
    height: auto;
}

.my-detail-page .dropdown-custom ul li:has(>button.active) {
    border-radius: 4px;
    background-color: #163049 !important;
    color: #FFF !important;
}
    .dropdown-item.pointer-detail button {
        border: 0;
        background: none;
        padding: 0px;
        display: flex;
        width: 100%;
        background-color: unset;
        align-items: center;
    }
    .dropdown-item.pointer-detail button:focus {
        outline:0;
    }


    .dropdown-item:hover {
        border-radius: 4px;
        background-color: #C1CEDB;
        color: #152B55;
    }

.dropdown-selected-item,
.dropdown-custom .dropdown-selected-item {
    background-color: #152B55;
    color: #fff;
    border-radius: 4px;
}

.dropdown-item-countrycode {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

    .dropdown-selected-item-countrycode,
    .dropdown-item-countrycode:hover {
        border-radius: 4px;
        background-color: #152B55;
    }

#dropdown-header,
#dropdown-program-name .dropdown-header {
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 14px 14px 0 14px;
    z-index: 20;
}

    #dropdown-program-name .dropdown-header .search-text {
        border: 1px solid #CAD1D6;
        height: 40px;
        align-items: center;
        padding: 0 5px;
        gap: 10px;
    }

#dropdown-footer,
#dropdown-program-name .dropdown-footer {
    padding: 0 5px 14px;
    box-sizing: border-box;
}

    #dropdown-program-name .dropdown-footer .dropdown-item {
        padding: 15px 0px;
        margin: 0 10px;
        border-bottom: 1px solid #CAD1D6;
        width: auto;
    }

    #dropdown-program-name .dropdown-footer .dropdown-item-not-found {
        display: none;
        padding: 15px 0px;
        margin: 0 10px;
        width: auto;
    }

    #dropdown-program-name .dropdown-footer .dropdown-item:hover,
    #dropdown-program-name .dropdown-footer .dropdown-item.dropdown-selected-item {
        background-color: transparent;
        color: #152B55;
        border-radius: unset;
    }

    #dropdown-program-name .dropdown-footer .dropdown-item-not-found .not-found {
        color: #767474;
    }

    #dropdown-program-name .dropdown-footer .dropdown-item-not-found .container-button {
        display: flex;
        gap: 20px;
        padding: 20px 0;
    }

#dropdown-program-name .dropdown-content {
    max-height: 330px;
    height: fit-content;
    scroll-behavior: smooth;
    overflow-y: scroll;
    padding: 0 5px;
}

#close-dropdown {
    display: none;
}

.multiselect-container .multiselect-option .form-check {
    font-family: 'CeraPro-Medium';
    padding: 0;
    font-size: 14px;
    color: #162A55;
    line-height: 24px;
}

.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback) {
    background-color: #152B55;
    border-radius: 4px;
}

@media only screen and (max-width: 767px) {
    .backdrop-toggle.open {
        display: initial;
    }

    #dropdown-phone {
        left: 0;
        right: 0;
        height: 70vh !important;
        width: 100% !important;
        border-radius: 20px 20px 0 0;
        position: fixed;
        padding-left: 0;
        padding-right: 0;
        bottom: 0;
        z-index: 12;
    }

    [data-dropdownphone] {
        left: 0;
        right: 0;
        height: 70vh !important;
        width: 100% !important;
        border-radius: 20px 20px 0 0;
        position: fixed;
        padding-left: 0;
        padding-right: 0;
        bottom: 0;
        z-index: 12;
    }

    #dropdown-choice-phone.dropdown-active .close-mobile {
        display: block;
    }
}
#dropdown-phone.dropdown-height-visible {
    height: auto !important;
}

.my-account-page .dropdown-content-active {
    opacity: 1;
    display: block;
}
[data-hidden-element] {
    display: none;
}

#dropdown-phone,
[data-dropdownphone] {
    height: 300px;
    width: 373px;
    scroll-behavior: smooth;
    overflow-y: scroll;
    padding: 0;
}

@media only screen and (max-width: 1360px) {
    #dropdown-phone,
    [data-dropdownphone] {
        width: 286.5px;
    }
}

@media only screen and (max-width: 1160px) {
    #dropdown-phone,
    [data-dropdownphone] {
        width: 251.5px;
    }
}

#dropdown-phone #dropdown-header .dd-sort-label,
[data-dropdownphone] #dropdown-header .dd-sort-label {
    margin-top: 10px;
}

    #dropdown-phone #dropdown-header .dd-sort-label .separator-option,
    [data-dropdownphone] #dropdown-header .dd-sort-label .separator-option {
        margin: 10px 0 20px;
        border-bottom: 1px solid #EAEEF0;
        height: 1px;
        display: block;
    }

#dropdown-phone #dropdown-header .input-group,
[data-dropdownphone] #dropdown-header .input-group {
    border: 1px solid #ced4da;
    margin-top: 7px;
    align-items: center;
}

#dropdown-phone #dropdown-header .input-group {
    height: 40px;
}

#dropdown-phone #dropdown-header .ic-search,
[data-dropdownphone] #dropdown-header .ic-search {
    margin: 5px 8px;
}

.backdrop-toggle {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 11;
    height: 100vh;
    background-color: rgb(0, 0, 0, 0.7);
    display: none;
}

#input-search {
    border: none;
    color: #152B55;
    font-size: 14px;
    letter-spacing: -0.34px;
    background-color: transparent;
}

.dd-flag {
    margin-right: 10px;
    height: 14px;
    width: 23px;
}

/*--- End custom dropdown ---*/
/*--- Start custom scrollbar ---*/
.multiselect-container.dropdown-menu::-webkit-scrollbar,
.container-list-time.time-booking-ss::-webkit-scrollbar,
.pop-up-prelogin-detail .container-center::-webkit-scrollbar,
.pop-up-default-location .tab-location-content::-webkit-scrollbar,
.dropdown-custom .dropdown-content::-webkit-scrollbar,
.dropdown-custom-multiselect .dropdown-content::-webkit-scrollbar {
    width: 6px;
}

.multiselect-container.dropdown-menu::-webkit-scrollbar-track,
.container-list-time.time-booking-ss::-webkit-scrollbar-track,
.pop-up-prelogin-detail .container-center::-webkit-scrollbar-track,
.tab-list-travel-guide::-webkit-scrollbar-track {
    border: none;
    background-color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.multiselect-container.dropdown-menu::-webkit-scrollbar-thumb,
.container-list-time.time-booking-ss::-webkit-scrollbar-thumb,
.pop-up-prelogin-detail .container-center::-webkit-scrollbar-thumb,
.pop-up-default-location .tab-location-content::-webkit-scrollbar-thumb,
.tab-list-travel-guide::-webkit-scrollbar-thumb {
    background-color: #CAD1D6;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: none;
    -webkit-box-shadow: none;
}

.pop-up-t-and-c .container-center::-webkit-scrollbar,
.pop-up-room-detail .container-center::-webkit-scrollbar {
    width: 8px;
}

.pop-up-t-and-c .container-center::-webkit-scrollbar-track,
.pop-up-room-detail .container-center::-webkit-scrollbar-track {
    border: 3px solid #fff;
    background-color: #CAD1D6;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.pop-up-t-and-c .container-center::-webkit-scrollbar-thumb,
.pop-up-room-detail .container-center::-webkit-scrollbar-thumb {
    border: none;
    -webkit-box-shadow: none;
    width: 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #152B55;
}

.dropdown-custom .dropdown-content::-webkit-scrollbar-track,
.dropdown-custom-multiselect .dropdown-content::-webkit-scrollbar-track {
    background-color: #CAD1D6;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.dropdown-custom .dropdown-content::-webkit-scrollbar-thumb,
.dropdown-custom-multiselect .dropdown-content::-webkit-scrollbar-thumb {
    border: none;
    -webkit-box-shadow: none;
    width: 6px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #152B55;
}

.pop-up-default-location .tab-location-content::-webkit-scrollbar-track {
    border: none;
    background-color: #EAEEF0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

/*--- End custom scrollbar ---*/
/*--- Start custom calendar ---*/
.t-datepicker-day {
    width: 100%;
    min-width: 310px;
}

.t-day,
.t-range,
.t-start,
.t-end,
.t-disabled,
.t-hover-day,
.t-range {
    color: #152B55;
    font-size: 14px;
    letter-spacing: -0.34px;
}

.t-day,
.t-range,
.t-start,
.t-end,
.t-disabled,
.t-hover-day {
    background: #fafafa;
    border-color: #fff;
}

.t-check-out .t-start,
.t-start,
.t-end,
.t-end-limit {
    color: #fff;
    border-radius: 9px;
    background-color: #152B55;
}

.t-range {
    background-color: #EAEEF0;
    line-height: 20px;
    text-align: center;
    border-radius: 9px;
}

.t-datepicker .t-check-in:first-child {
    border-radius: 0;
    border: none;
}

.t-start.t-today {
    background-color: #152B55;
}

.t-check-in .t-end {
    border-radius: 9px;
    background-color: #152B55;
    color: #fff;
}

.t-today {
    border-radius: 9px;
    background-color: #CAD1D6;
}

.t-table-condensed th,
.t-disabled {
    color: #000;
    font-size: 14px;
    letter-spacing: -0.34px;
    line-height: 20px;
}

.t-disabled {
    opacity: 0.5;
}

.custom-date-picker {
    height: 40px;
    width: auto;
    border: 1px solid #CAD1D6;
    border-radius: 0;
    position: relative;
    margin-bottom: 12px;
    background: #FFF;
    cursor: pointer;
    border-bottom: 1px solid #152B55;
}

    .custom-date-picker:focus-visible,
    .custom-date-picker:active,
    .custom-date-picker:focus-within {
        border: 1px solid #162b55;
    }

    .custom-date-picker.date-dining {
        height: 60px;
    }

    .custom-date-picker .ic-calendar {
        background-size: contain;
        position: absolute;
        top: 5px;
        right: 5px;
        pointer-events: none;
    }

    .custom-date-picker.date-dining .ic-calendar {
        left: 5px;
        top: 15px;
        right: unset;
        background-position: -3px 0;
    }

    .custom-date-picker.date-dining input {
        padding-left: 35px;
        padding-top: 18px;
        line-height: 20px;
    }

    .custom-date-picker .input-top-tiles {
        left: 35px;
    }

    .custom-date-picker .datepicker + span {
        line-height: 38px;
    }

    .custom-date-picker.date-dining .datepicker-dropdown {
        top: 55px !important;
    }

    .custom-date-picker.date-dining .datepicker + span {
        line-height: 60px;
    }

.datepicker-picker {
    border-radius: 0;
}

.datepicker-dropdown {
    right: 0px;
    width: 100%;
    top: 35px !important;
    left: 0px !important;
    min-width: 350px;
}

.datepicker-view,
.datepicker-header .datepicker-controls {
    margin: 0 auto 5px;
    width: 20rem;
}

.datepicker-input.in-edit,
.datepicker-input.in-edit:active,
.datepicker-input.in-edit:focus,
.datepicker-input:focus-visible {
    border: none;
    box-shadow: none;
    outline: none;
    background: #FFF;
}

.datepicker-input {
    z-index: 0 !important;
    padding: 0 10px;
    border: none;
    height: 100%;
    color: #152B55;
    font-family: 'CeraPro-Medium';
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.34px;
    line-height: 20px;
    cursor: pointer;
    background-color: transparent;
}

.datepicker-controls .button,
.datepicker span {
    color: #162B55;
    font-size: 14px;
    font-family: 'CeraPro-Medium';
    border-radius: 9px;
}

.datepicker .dow {
    font-size: 14px;
    color: #000000;
    font-family: 'CeraPro-Regular';
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
    border-radius: 9px;
    background-color: #152B55;
    font-weight: normal;
}

.datepicker-cell:not(.disabled):hover,
.datepicker-cell.today:not(.selected):not(.disabled) {
    background-color: #CAD1D6;
    color: #162B55;
}

.datepicker-cell.range-end:not(.range-start),
.datepicker-cell.range-start:not(.range-end),
.datepicker-cell.range-start.focused:not(.selected) {
    background-color: #162B55;
    color: #FFF;
    border-radius: 9px;
}

.datepicker-cell.focused:not(.selected) {
    background-color: #FFF;
    color: #162B55;
}

.datepicker .days-of-week {
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 9px;
    margin-bottom: 9px;
}

.datepicker-dropdown .datepicker-picker {
    padding: 15px;
}

.datepicker-cell.range {
    background-color: #EAEEF0;
}

.datepicker-header .datepicker-controls .button {
    font-weight: 500;
}

.date-range {
    display: grid;
    grid-template-columns: 64px 10px auto;
}

/*--- End custom calendar ---*/
/*--- Start custom toggle ---*/
.toggle-button {
    background-color: #ced4da;
    display: inline-block;
    position: relative;
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    border-radius: 15.5px !important;
    border: 1px solid #949494 !important;
    height: 31px;
    width: 51px;
}

    .toggle-button .checkbox {
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        width: 100%;
        cursor: pointer;
    }

    .toggle-button:after {
        background-color: #fff;
        border-radius: 29px;
        content: '';
        pointer-events: none;
        position: absolute;
        -webkit-transform: translateX(3px) translateZ(0);
        transform: translateX(3px) translateZ(0);
        -webkit-transition: all 180ms linear;
        transition: all 180ms linear;
        width: 29px;
        height: 29px;
        left: -3px;
        right: -1px;
        top: 0px;
    }

    .toggle-button::before {
        background-color: transparent;
        border-radius: 50%;
        content: '';
        pointer-events: none;
        position: absolute;
        -webkit-transform: translateX(3px) translateZ(0);
        transform: translateX(3px) translateZ(0);
        -webkit-transition: all 180ms linear;
        transition: all 180ms linear;
        width: 10px;
        height: 10px;
        right: 7px;
        top: 10px;
        border: 1px solid #708190;
    }

    .toggle-button.toggle-button-checked {
        background-color: #3EAD35;
        border: #3EAD35;
    }

        .toggle-button.toggle-button-checked::before {
            left: 3px;
            top: 10px;
            border: 1px solid #fff;
        }

        .toggle-button.toggle-button-checked:after {
            -webkit-transform: translateX(23px) translateZ(0);
            transform: translateX(23px) translateZ(0);
        }

/*--- End custom toggle ---*/
/*--- Start loading icon ---*/
.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

    .sk-chase-dot:before {
        content: '';
        display: block;
        width: 25%;
        height: 25%;
        background-color: #c29d5c;
        border-radius: 100%;
        animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
    }

    .sk-chase-dot:nth-child(1) {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2) {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3) {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4) {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5) {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6) {
        animation-delay: -0.6s;
    }

    .sk-chase-dot:nth-child(1):before {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2):before {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3):before {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4):before {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5):before {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6):before {
        animation-delay: -0.6s;
    }

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {

    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    }

    100%, 0% {
        transform: scale(1.0);
    }
}

/*--- End loading icon ---*/
/*--- End Slick ---*/
/*--- Start Recommendations Module, Card CMS Module (Tiles module 1) ---*/
.recommendation-module,
.card-CMS-module,
.card-horizontal-module {
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: cover;
    padding: 60px 0 0;
}

.recommendation-content,
.card-CMS-content,
.card-horizontal-body .card-horizontal-infor,
.card-horizontal-header {
    width: 1170px;
    margin: 0 auto;
}

    .recommendation-content .description {
        width: 50%;
        margin: 30px 0 50px;
    }

    .card-CMS-content .description,
    .card-horizontal-content .description {
        width: 50%;
        margin: 24px 0 40px;
    }

.card-horizontal-body .card-horizontal-item-bg:nth-child(even) {
    background-color: #F5F5F5;
}

.card-horizontal-body .card-horizontal-item-bg:nth-child(odd) {
    background-color: #FFF;
}

.card-horizontal-body .card-horizontal-item-bg:nth-child(even) .card-horizontal-infor {
    flex-direction: row-reverse;
}

.card-horizontal-infor {
    display: flex;
    gap: 48px;
    padding: 80px 0;
}

    .card-horizontal-infor > * {
        flex: 1 1;
    }

.card-horizontal-detail h3 {
    margin: 0 0 30px;
}

.card-horizontal-detail p {
    margin: 0 0 50px;
}

.card-horizontal-img {
    border-radius: 0;
    width: 100%;
    height: 370px;
}

.recommendation-content .button-submit {
    width: 140px;
    height: 35px;
    margin-bottom: 60px;
}

.recommendation-header {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.card-CMS-header {
    margin-bottom: 40px;
}

.card-CMS-body {
    display: grid;
    gap: 30px;
    grid-template-columns: calc((100% - 60px)/3) calc((100% - 60px)/3) calc((100% - 60px)/3);
}

.card-CMS-module .item-container {
    margin: 0;
    width: 100% !important;
}

    .card-CMS-module .item-container .title {
        margin: 10px 0 0;
    }

.recommendation-title,
.card-CMS-module .label-title,
.card-horizontal-content .label-title {
    margin: 0;
}

.recommendation-left-icon {
    transform: rotateZ(180deg);
    cursor: pointer;
}

.recommendation-right-icon {
    padding: 0 10px 0 80px;
    cursor: pointer;
}

.recommendation-module .slick-next,
.recommendation-module .slick-prev {
    top: -60px;
}

.recommendation-module .slick-prev {
    right: 90px;
    left: unset;
}

.recommendation-module .slick-next {
    right: 20px;
}

/*.recommendation-module .item-container {
    margin: 0 2% 60px;
}*/
.detail-item-container,
.dining-landing-module .container-list-item .dining-item .dining-detail,
.golf-landing-page-v1 .container-list-item .golf-item .golf-detail,
.category-landing-module .container-list-item .category-item .category-detail {
    margin: 10px 20px 20px;
}

    .detail-item-container .title,
    .dining-landing-module .container-list-item .dining-item .dining-detail .label-title,
    .golf-landing-page-v1 .container-list-item .golf-item .golf-detail .label-title,
    .category-landing-module .container-list-item .category-item .category-detail .label-title,
    .benefit-landing-page .container-list-item .benefit-item .benefit-detail .label-title {
        line-height: 30px;
        margin: 10px 0 15px;
        overflow: hidden;
        height: 60px;
        display: block;
    }

    .detail-item-container .descript,
    .dining-landing-module .container-list-item .dining-item .dining-detail .label-description,
    .golf-landing-page-v1 .container-list-item .golf-item .golf-detail .label-description,
    .benefit-landing-page .container-list-item .benefit-item .benefit-detail .label-description,
    .category-landing-module .container-list-item .category-item .category-detail .label-description {
        margin-bottom: 15px;
        height: 60px;
        overflow: hidden;
        color: #000;
    }

    .dining-landing-module .container-list-item .dining-item .dining-detail .label-description {
        margin-bottom: 65px;
    }

    .detail-item-container .find-out {
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 10px;
        color: #000;
    }

        .detail-item-container .find-out:hover {
            text-decoration: underline;
        }

.img-item-container {
    height: 320px;
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    display: block;
}

.item-container,
.top-dining-item-container,
.tiles-module-custom-item-container,
.dining-landing-module .container-list-item .dining-item,
.golf-landing-page-v1 .container-list-item .golf-item,
.category-landing-module .container-list-item .category-item {
    border: 1px solid lightgrey;
    min-height: 520px;
    background-color: #fff;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0 15px 25px -10px rgb(0 0 0 / 6%);
    position: relative;
}

.item-container,
.top-dining-item-container {
    margin: 0 2% 60px;
    width: 96% !important;
    max-width: 380px;
}

.top-category-travel-guide .detail-item-container .descript {
    display: block;
    margin-bottom: 32px;
}

.top-category-travel-guide .detail-item-container .title {
    line-height: 57px;
    margin: 0;
    display: block;
}

    .top-category-travel-guide .detail-item-container .title:hover {
        color: #162B55;
    }
.category-landing-module-v2 .category-item-v2.exclusive-card {
    display: block;
}

    .category-landing-module-v2 .category-item-v2.exclusive-card .bg-card {
        background: linear-gradient(270deg, #152B55 70%, rgba(21, 43, 85, 0.00) 80%);
        border-radius: 10px;
        padding-bottom: 0;
        z-index: 0;
        gap: 0;
        grid-template-columns: 35% auto;
        border-bottom: none;
        display: grid;
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card .category-detail {
        padding: 16px 20px 25px 0;
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card H3,
    .category-landing-module-v2 .container-list-item .category-item-v2.exclusive-card .category-detail,
    .category-landing-module-v2 .category-item-v2.exclusive-card .category-detail {
        color: #FFF;
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card img.item-url {
        min-height: 250px;
        position: absolute;
        bottom: 0;
        top: 0;
        height: 100%;
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card .exclusive-card-img {
        z-index: -1;
        position: relative;
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card .container-cuisine .category-cuisine-item {
        border: 1px solid rgba(255, 255, 255, 0.20);
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card .container-exclusive-offer {
        border-radius: 10px;
        background-color: #4B5872;
        padding: 10px 15px;
        margin-top: 15px;
        width: fit-content;
        /* display: flex;
    gap: 8px;
    width: fit-content;
    align-items: center;*/
    }
        .category-landing-module-v2 .category-item-v2.exclusive-card .container-exclusive-offer .descript {
            margin: 5px 0 0;
        }
        .category-landing-module-v2 .category-item-v2.exclusive-card .container-exclusive-offer:has(.descript) {
            width: 100%;
        }
.explore-card .explore-card-img .container-exclusive-offer {
    float: right;
    display: flex;
    gap: 5px;
    padding: 5px 10px;
    align-items: center;
    color: #152B55;
    border-radius: 20px;
    background-color: #FFF;
    cursor: pointer;
    width: fit-content;
}
.category-landing-module-v2 .category-item-v2.exclusive-card .container-exclusive-offer .container-start {
    display: flex;
    gap: 7px;
    align-items: center;
    font-weight: 700;
    width: fit-content;
}

    .category-landing-module-v2 .category-item-v2.exclusive-card .container-category {
        background-color: #fff;
        border-radius: 48px;
        display: flex;
        height: 24px;
        gap: 5px;
        padding: 0 10px 0 6px;
        color: #152B55;
        z-index: 0;
        position: absolute;
        top: 10px;
        left: 10px;
        align-items: center;
    }
/*.map-tooltip.item-exclusive-offer,*/
.prelogin-list-module .prelogin-item-container.item-exclusive-offer,
.category-landing-module .container-list-item .category-item.item-exclusive-offer,
.benefit-landing-page .container-list-item .benefit-item.item-exclusive-offer,
.dining-landing-module .container-list-item .dining-item.item-exclusive-offer,
.map-item-pop.item-exclusive-offer,
.item-container.item-exclusive-offer,
.tiles-module-custom-item-container.item-exclusive-offer,
.top-dining-item-container .item-exclusive-offer {
    position: relative;
}
    .prelogin-list-module .prelogin-item-container.item-exclusive-offer .container-exclusive-offer img,
    .category-landing-module .container-list-item .category-item.item-exclusive-offer .container-exclusive-offer img,
    .benefit-landing-page .container-list-item .benefit-item.item-exclusive-offer .container-exclusive-offer img,
    .dining-landing-module .container-list-item .dining-item.item-exclusive-offer .container-exclusive-offer img,
    .map-diving .map-item-pop.item-exclusive-offer .container-exclusive-offer img {
        width: 20px;
        height: 20px;
    }

    .prelogin-list-module .prelogin-item-container.item-exclusive-offer .container-exclusive-offer,
    .category-landing-module .container-list-item .category-item.item-exclusive-offer .container-exclusive-offer,
    .benefit-landing-page .container-list-item .benefit-item.item-exclusive-offer .container-exclusive-offer,
    .dining-landing-module .container-list-item .dining-item.item-exclusive-offer .container-exclusive-offer,
    .map-tooltip.item-exclusive-offer .container-exclusive-offer,
    .map-tooltip-mobile.item-exclusive-offer .container-exclusive-offer,
    .map-item-pop.item-exclusive-offer .container-exclusive-offer,
    .item-container.item-exclusive-offer .container-exclusive-offer,
    .tiles-module-custom-item-container.item-exclusive-offer .container-exclusive-offer,
    .top-dining-item-container.item-exclusive-offer .container-exclusive-offer {
        display: flex;
        gap: 5px;
        padding: 5px 10px;
        align-items: center;
        color: #152B55;
        border-radius: 20px;
        background-color: #FFF;
        position: absolute;
        top: 20px;
        left: 20px;
        cursor: pointer;
    }

.map-item-pop.item-exclusive-offer .container-exclusive-offer {
    right: 30px;
    top: 30px;
    left: unset;
}

.map-tooltip.item-exclusive-offer .container-exclusive-offer,
.map-tooltip-mobile.item-exclusive-offer .container-exclusive-offer {
    top: 10px;
    left: 10px;
}
.prelogin-list-module .prelogin-item-container.item-exclusive-offer .container-exclusive-offer {
    top: 30px;
    left: 30px;
}
@media only screen and (max-width: 767px) {
    .category-landing-module-v2 .category-item-v2.exclusive-card .bg-card {
        display: block;
        position: relative;
        background: linear-gradient(0deg, #152B55 60%, rgba(21, 43, 85, 0.00) 65%);
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card .category-detail {
        padding: 20px;
        background: linear-gradient(0deg, #152B55 60%, rgba(21, 43, 85, 0.00) 65%);
        position: relative;
        z-index: 1;
        padding-top: 290px;
        border-radius: 0 0 10px 10px;
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card .exclusive-card-img {
        min-height: 250px;
        min-height: 290px;
        width: 100%;
        height: 290px;
        position: absolute;
        z-index: 0;
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card img.item-url {
        bottom: unset;
        left: 0;
        right: 0;
        height: 295px;
    }
    .recommendation-header div:last-child {
        display: none;
    }

    .recommendation-header {
        margin: 0 20px 20px;
    }

    .recommendation-content {
        width: 100%;
    }

    .recommendation-module .slick-next,
    .recommendation-module .slick-prev {
        top: unset;
        bottom: -5px;
        z-index: 1;
    }

    .recommendation-module .slick-prev {
        left: 20px;
    }

    .recommendation-content .description {
        width: 100%;
        margin: 10px 0 30px;
    }

    .recommendation-module {
        padding: 40px 0;
    }

    .card-CMS-module {
        padding: 30px 0;
    }

    .card-CMS-content {
        width: auto;
        margin: 0 20px;
    }

        .card-CMS-content .description {
            width: 100%;
            margin: 25px 0 30px;
        }

    .card-CMS-body {
        grid-template-columns: auto;
        gap: 20px;
    }

    .card-CMS-header {
        margin-bottom: 30px;
    }

    .category-recommendation-list-records .slider__counter {
        bottom: 0;
    }

    .tile-module-list-records .slider__counter,
    .prelogin-list-module .slider__counter {
        bottom: 40px;
    }

    .comingup-list-records .slider__counter {
        bottom: -5px;
    }

    .img-item-container {
        height: 285px;
        width: 100%;
    }

    .detail-item-container .title,
    .dining-landing-module .container-list-item .dining-item .dining-detail .label-title,
    .golf-landing-page-v1 .container-list-item .golf-item .golf-detail .label-title,
    .category-landing-module .container-list-item .category-item .category-detail .label-title {
        font-size: 17px;
        letter-spacing: 0;
        line-height: 23px;
        margin: 26px 0 10px;
        height: 45px;
    }

    .detail-item-container .descript,
    .golf-landing-page-v1 .container-list-item .golf-item .golf-detail .label-description,
    .category-landing-module .container-list-item .category-item .category-detail .label-description {
        margin: 10px 0 20px;
    }

    .dining-landing-module .container-list-item .dining-item .dining-detail .label-description {
        margin: 10px 0 68px;
    }

    .detail-item-container {
        margin: 10px;
    }

    .item-container,
    .top-dining-item-container,
    .dining-landing-module .container-list-item .dining-item,
    .golf-landing-page-v1 .container-list-item .golf-item,
    .category-landing-module .container-list-item .category-item {
        min-height: 480px;
    }

    .item-container {
        margin: 0 20px 40px;
        width: auto !important;
        max-width: 400px;
    }

    .top-dining-item-container {
        margin: 0 20px 80px;
        width: calc(100% - 40px) !important;
        max-width: 400px;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {

    .recommendation-content,
    .card-CMS-content {
        width: auto;
        padding: 0 20px;
    }

    .card-CMS-module {
        padding: 30px 0;
    }

    .recommendation-module .recommendation-content #slick-content {
        margin: 0 -20px;
    }

    .card-CMS-body {
        grid-template-columns: auto auto;
    }
}

/*------ End Recommendations Module (Tiles module 1) ------*/
/*--- Start top dining module (Tiles module 1) ---*/
.top-dining-landing-container {
    padding-top: 60px;
    background-size: cover;
}

.top-dining-landing-module {
    width: 1170px;
    margin: auto;
}

.top-dining-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 8px 28px;
}

    .top-dining-header .tile-category {
        display: flex;
        gap: 20px;
        align-items: center;
    }

        .top-dining-header .tile-category img {
            height: 60px;
            width: 60px;
        }

    .top-dining-header h2 {
        margin: 0;
    }

@media only screen and (max-width: 767px) {

    .top-dining-landing-module,
    .top-dining-content {
        width: auto;
    }

    .top-dining-header {
        margin: 0 20px 25px;
        align-items: center;
    }

    .top-dining-landing-container {
        padding-top: 30px;
    }

    .top-dining-header .tile-category {
        gap: 11px;
    }

        .top-dining-header .tile-category img {
            height: 45px;
            width: 45px;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .top-dining-landing-module {
        width: auto;
    }

    .top-dining-header {
        padding: 0 8px;
        margin: 0 0 20px;
    }

    .item-container,
    .top-dining-item-container {
        max-width: unset;
    }

    .top-dining-landing-container {
        margin: 0 12px;
    }
}

/*--- End top dining module (Tiles module 1) ---*/
/*--- Start dining - prelogin (Tiles module 1) ---*/
.tiles-module-custom-container {
    background-size: cover;
}

.tiles-module-custom-module {
    width: 1170px;
    margin: auto;
    padding-top: 90px;
}

.tiles-module-custom-header {
    margin-bottom: 60px;
}

    .tiles-module-custom-header h2 {
        margin: 0;
    }

    .tiles-module-custom-header p {
        width: 50%;
        margin: 30px 0 50px;
        display: block;
    }

.tiles-module-custom-item-container {
    border: 1px solid lightgrey;
    height: 532px;
    background-color: #fff;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0 15px 25px -10px rgb(0 0 0 / 20%);
    margin: 0 2% 70px 2%;
    width: 96% !important;
    max-width: 370px;
}

@media only screen and (max-width: 767px) {
    .tiles-module-custom-module {
        width: auto;
        padding: 30px 20px 0;
    }

    .tiles-module-custom-header {
        margin-bottom: 30px;
    }

    .tiles-module-custom-item-container {
        height: 495px;
        margin: 0 20px 80px;
        width: calc(100% - 40px) !important;
        max-width: 400px;
    }

    .tiles-module-custom-header h2 {
        font-size: 26px;
        letter-spacing: -0.31px;
        line-height: 36px;
    }

    .tiles-module-custom-content #slick-content {
        margin: 0 -20px;
    }

    .tiles-module-custom-header p {
        width: 100%;
        margin: 20px 0;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .tiles-module-custom-module {
        width: auto;
        padding: 40px 20px 0 20px;
    }

    .tiles-module-custom-header {
        margin-bottom: 50px;
    }

        .tiles-module-custom-header p {
            width: 100%;
            margin: 30px 0;
        }

    .tiles-module-custom-content #slick-content {
        margin: 0 -20px;
    }
}

/*--- End dining - prelogin (Tiles module 1) ---*/
/*--- Start benefit module - prelogin (Tiles module 1) ---*/
.benefit-landing-module {
    background-size: cover;
}

.benefit-landing-content {
    width: 1170px;
    margin: 0 auto;
    padding-top: 60px;
}

.benefit-header {
    margin-bottom: 50px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.benefit-header-content {
    width: 58%;
    min-width: 470px;
}

    .benefit-header-content p {
        margin: 30px 0 0;
    }

.benefit-header .benefit-started-btn-mb {
    display: none;
}

.benefit-content {
    display: grid;
    gap: 30px;
    grid-template-columns: auto auto auto;
}

.benefit-content-bottom-img {
    height: 335px;
    background-repeat: no-repeat;
    margin-top: -155px;
    background-size: 100% 350px;
}

.benefit-content-item img {
    height: 70px;
    width: 70px;
}

.benefit-content-item h3 {
    color: #152B55;
    line-height: 57px;
    margin: 0;
}

.benefit-content-item p,
.benefit-title h2 {
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .benefit-header-content {
        width: 100%;
        min-width: unset;
    }

    .benefit-landing-content {
        width: auto;
        margin: 0 20px;
        padding-top: 40px;
    }

        .benefit-landing-content h3 {
            font-family: 'CeraPro-Regular';
            margin: 8px 0 15px;
            display: block;
            font-size: 26px;
            letter-spacing: 0;
            line-height: 33px;
        }

    .benefit-header .benefit-started-btn {
        display: none;
    }

    .benefit-header .benefit-started-btn-mb {
        display: block;
    }

    .benefit-content {
        grid-template-columns: auto;
    }

    .benefit-content-bottom-img {
        margin: -155px 0 0;
        background-size: auto;
    }

    .benefit-title {
        justify-content: space-between;
        display: flex;
    }

        .benefit-title h2 {
            margin: 0;
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
        }

    .benefit-header {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .benefit-landing-content {
        width: auto;
        margin: 0 20px;
        padding-top: 40px;
    }
}

/*--- End benefit module - prelogin (Tiles module 1) ---*/
/*--- Start premium module - prelogin (Tiles module 1) ---*/
.premium-background {
    background-size: cover;
    background-repeat: no-repeat;
}

.premium-module {
    width: 1170px;
    height: 650px;
    display: flex;
    align-items: flex-end;
    margin: auto;
}

.premium-module-content {
    width: 50%;
    padding-bottom: 100px;
}

    .premium-module-content p {
        margin: 30px 0 50px;
        display: block;
    }

@media only screen and (max-width: 767px) {
    .premium-module {
        width: auto;
        height: auto;
        align-items: end;
    }

    .premium-module-content {
        padding: 50px 20px 78px;
        width: auto;
    }

        .premium-module-content p {
            margin: 30px 0;
        }
}

@media only screen and (max-width: 360px) {
    .premium-module-content {
        padding: 30px 20px 40px;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .premium-module {
        width: auto;
    }

    .premium-module-content {
        padding: 0 20px 78px;
        width: 70%;
    }
}

/*--- End premium module - prelogin (Tiles module 1) ---*/
/*--- Start No Content module ---*/
.empty-result-module {
    display: grid;
    grid-template-columns: 60% 40%;
    width: 1170px;
    margin: 0 auto;
}

    .empty-result-module .empty-result-title {
        font-size: 42px;
        letter-spacing: -0.5px;
        line-height: 60px;
        margin-bottom: 36px;
        display: block;
    }

    .empty-result-module .empty-result-description,
    .empty-result-module .container-end-desktop {
        font-size: 15px;
        letter-spacing: -0.2px;
        line-height: 28px;
    }

    .empty-result-module .empty-result-description {
        color: #54606C;
        display: block;
        margin-bottom: 47px;
    }

    .empty-result-module .container-end-desktop {
        display: flex;
        align-items: center;
        gap: 30px;
    }

        .empty-result-module .container-end-desktop .container-phone {
            display: flex;
            color: #152B55;
            font-size: 18px;
            letter-spacing: 0;
            line-height: 24px;
            cursor: pointer;
        }

            .empty-result-module .container-end-desktop .container-phone label {
                margin-left: 15px;
            }

    .empty-result-module .container-end-mobile {
        display: none;
    }

@media only screen and (max-width: 767px) {
    .empty-result-module {
        display: flex;
        width: calc(100% - 40px);
        margin: 0 20px;
        flex-direction: column-reverse;
    }

        .empty-result-module img {
            height: 165px;
            width: 160px;
        }

        .empty-result-module .empty-result-title {
            font-size: 26px;
            letter-spacing: 0;
            line-height: 36px;
            margin-bottom: 12px;
        }

        .empty-result-module .empty-result-description {
            margin-bottom: 52px;
        }

        .empty-result-module .container-end-desktop {
            display: none;
        }

        .empty-result-module .container-end-mobile,
        .empty-result-module .container-end-mobile .container-or label {
            color: #152B55;
            font-family: 'CeraPro-Light';
            font-weight: 300;
        }

        .empty-result-module .container-end-mobile {
            margin-bottom: 52px;
            display: block;
            text-align: center;
            font-size: 18px;
            letter-spacing: -0.24px;
            line-height: 28px;
        }

            .empty-result-module .container-end-mobile .container-or {
                display: flex;
                padding: 9px 0 18px;
            }

                .empty-result-module .container-end-mobile .container-or label {
                    padding: 0 15px;
                    font-size: 15px;
                    letter-spacing: -0.2px;
                    line-height: 25px;
                }

                .empty-result-module .container-end-mobile .container-or .half-line {
                    height: 1px;
                    background-color: #DDE2E6;
                    margin: auto 0;
                    width: 100%;
                }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .empty-result-module {
        display: block;
        width: calc(100% - 40px);
        margin: 0 20px;
    }
}

/*--- Start tiles module 4 ---*/
.tiles-module-4 {
    width: 1170px;
    margin: 80px auto;
}

    .tiles-module-4 .container-start {
        display: block;
        margin-right: 130px;
    }

        .tiles-module-4 .container-start .title {
            color: #152B55;
            margin: 70px 0 30px;
        }

        .tiles-module-4 .container-start .description {
            margin-bottom: 143px;
            display: block;
        }

.top-container {
    height: 30%;
}

.book-travel .bottom-container {
    height: 70%;
    color: #FFFFFF !important;
    padding: 0 12% 60px 10%;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

    .book-travel .bottom-container h3 {
        color: #fff;
        margin-bottom: 30px;
    }

    .book-travel .bottom-container p {
        color: #FFFFFF;
        margin: 0;
    }

.view-services-button {
    width: fit-content;
    padding: 0 45px;
    margin-top: 50px;
}

.book-travel {
    margin-bottom: 30px;
    width: 100%;
    height: 970px;
    border-radius: 20px;
}

.tiles-module-4 .about-concierge-item:first-child .bottom-container {
    background: linear-gradient(0deg, #152B55 0%, #152B55 40.82%, rgba(21, 43, 85, 0.9) 68.22%, rgba(21, 43, 85, 0) 100%);
}

.tiles-module-4 .about-concierge-item:last-child .bottom-container {
    background: linear-gradient(0deg, #EFE3D3 0%, #EFE3D3 41.23%, rgba(239, 227, 211, 0.9) 68.1%, rgba(239, 227, 211, 0) 100%);
    color: #000;
}

.tiles-module-4 .about-concierge-item:last-child .book-travel:last-child .bottom-container {
    background: linear-gradient(0deg, #5F7E2E 0%, #5F7E2E 41.23%, rgba(95, 126, 46, 0.9) 68.1%, rgba(95, 126, 46, 0) 100%);
}

.pop-up-tile-module {
    height: fit-content;
    background-color: #fff;
    max-width: 820px !important;
    width: 820px;
    vertical-align: baseline;
    margin: 0;
}

    .pop-up-tile-module h1 {
        color: #152B55;
        font-size: 45px;
        letter-spacing: -1.08px;
        line-height: 57px;
        display: block;
        margin-bottom: 30px;
    }

    .pop-up-tile-module h4 {
        display: block;
        margin-bottom: 20px;
        font-size: 22px;
        letter-spacing: -0.53px;
        line-height: 40px;
    }

    .pop-up-tile-module li::marker {
        color: #EFE3D3;
    }

    .pop-up-tile-module ul {
        display: block;
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        padding-bottom: 50px;
        column-gap: 30px;
        padding-left: 15px;
    }

        .pop-up-tile-module ul li {
            line-height: 25px;
            margin-bottom: 10px;
        }

@media only screen and (max-width: 490px) {
    .pop-up-tile-module {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        overflow-y: auto;
        width: 100%;
        max-height: 100vh;
    }

        .pop-up-tile-module h1 {
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
            margin-bottom: 20px;
        }

        .pop-up-tile-module h4 {
            margin-bottom: 0;
            padding-bottom: 15px;
            color: #152B55;
            font-size: 17px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 24px;
        }

        .pop-up-tile-module ul {
            column-count: 1;
            -moz-column-count: 1;
            -webkit-column-count: 1;
            padding-bottom: 40px;
        }

    .tiles-module-4 .about-concierge-item {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .pop-up-tile-module {
        width: 100%;
    }

    .tiles-module-4 {
        width: auto;
        margin: 40px 20px;
    }

        .tiles-module-4 .container-start {
            margin-right: 50px;
        }
}

@media only screen and (max-width: 767px) {
    .tiles-module-4 {
        width: auto;
        margin: 40px 20px 20px;
    }

        .tiles-module-4 .container-start {
            margin: 0;
            width: 100%;
        }

            .tiles-module-4 .container-start .title {
                margin: 0 0 30px 0;
            }

            .tiles-module-4 .container-start .description {
                margin-bottom: 60px;
            }

    .book-travel {
        margin-bottom: 20px;
        height: 616px;
    }

    .view-services-button {
        width: fit-content;
        padding: 0 26px;
        margin-top: 40px;
    }

    .book-travel .bottom-container {
        padding: 0 30px 40px;
    }
}

/*---End tiles module 4 ---*/
/*--- Start tiles module 3 ---*/
.tiles-module-3 {
    width: 1170px;
    margin: 60px auto 95px;
}

    .tiles-module-3 .part-of-collection {
        display: block;
        width: 100%;
        padding: 60px 70px;
        height: fit-content;
        border-radius: 20px;
        background-color: #EFE3D3;
    }

        .tiles-module-3 .part-of-collection .big-tile {
            display: block;
            width: 50%;
            margin-bottom: 20px;
            line-height: 40px;
            color: #000;
        }

        .tiles-module-3 .part-of-collection .collection-list {
            display: grid;
            grid-template-columns: auto auto auto;
            gap: 100px;
        }

        .tiles-module-3 .part-of-collection .collection-item img {
            width: 100%;
            max-width: 300px;
            height: 180px;
            border-radius: 15px;
            margin-bottom: 20px;
        }

        .tiles-module-3 .part-of-collection .collection-item .collection-text {
            width: 100%;
            margin-bottom: 40px;
        }

        .tiles-module-3 .part-of-collection .collection-item .collection-button {
            min-width: 180px;
        }

            .tiles-module-3 .part-of-collection .collection-item .collection-button:hover,
            .tiles-module-3 .part-of-collection .collection-item .collection-button:focus {
                background-color: #152B55;
                color: #fff;
                transition-duration: 700ms;
            }

@media only screen and (max-width: 767px) {
    .tiles-module-3 {
        width: calc(100% - 40px);
        margin: 60px 20px 80px;
    }

        .tiles-module-3 .big-title {
            margin: 40px 0 30px 0;
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
            width: 100%;
        }

        .tiles-module-3 .part-of-collection {
            padding: 35px 30px 60px;
        }

            .tiles-module-3 .part-of-collection .collection-list {
                grid-template-columns: auto;
                gap: 60px;
            }

            .tiles-module-3 .part-of-collection .big-tile {
                font-size: 17px;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 24px;
                width: 100%;
                margin-bottom: 35px;
            }

            .tiles-module-3 .part-of-collection .collection-item .collection-text {
                margin-bottom: 20px;
            }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .tiles-module-3 {
        width: calc(100% - 40px);
        margin: 40px 20px 80px;
    }

        .tiles-module-3 .part-of-collection {
            padding: 40px;
        }

            .tiles-module-3 .part-of-collection .big-tile {
                width: 100%;
            }

            .tiles-module-3 .part-of-collection .collection-list {
                gap: 30px;
            }
}

/*--- End tiles modules 3 ---*/
/*--- Start tiles module 6 ---*/
.tiles-module-6 {
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: cover;
    padding: 90px 0 100px;
}

    .tiles-module-6 .body-content {
        width: 1170px;
        margin: 0 auto;
    }

    .tiles-module-6 .tiles-module-6-header {
        margin-bottom: 40px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

        .tiles-module-6 .tiles-module-6-header label {
            margin: 0;
        }

.interested-item {
    height: 446px;
    border-radius: 15px;
    color: #fff;
    padding: 30% 30px 30px;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: flex-end;
    max-width: 370px;
    width: 98%;
    margin: 0 1%;
}

.detail-interested-item .title {
    color: #fff;
    line-height: 57px;
}

.detail-interested-item .descript {
    margin: 10px 0 40px;
}

.tiles-module-6 .interested-item .detail-interested-item,
.detail-interested-item .interested-button {
    width: 100%;
    border: none;
}

.slider__counter {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -42px;
    display: none;
}

@media only screen and (max-width: 767px) {
    .tiles-module-6 {
        padding: 40px 0 60px;
    }

    .slider__counter {
        display: block;
    }

    .tiles-module-6 .body-content,
    .tiles-module-6 .body-content .list-slick-mobile {
        width: 100%;
    }

    .tiles-module-6 .tiles-module-6-header {
        margin: 0 20px 20px;
    }

        .tiles-module-6 .tiles-module-6-header div:last-child {
            display: none;
        }

    .interested-item {
        height: 404px;
        margin: 0 20px;
        padding: 30% 20px 30px;
        width: unset;
    }

    .detail-interested-item .descript {
        margin: 0 0 30px;
    }

    .detail-interested-item .interested-button {
        height: 45px;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .tiles-module-6 .body-content {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .interested-item {
        margin: 0 2%;
        width: 96%;
        background-size: cover;
        max-width: unset;
        height: 520px;
    }

    .tiles-module-6 .body-content .list-slick-mobile {
        margin: 0 -20px;
    }
}

/*--- End tiles module 6 ---*/
/*--- Start tiles module 2 ---*/
.tiles-module-2 {
    background-size: cover;
    width: 100%;
}

.tiles-module-2-title {
    margin: 0 0 40px;
    color: #152B55;
}

.tiles-module-2-banner {
    width: 1170px;
    margin: 0 auto;
    padding: 60px 0;
}

    .tiles-module-2-banner .banner {
        height: 450px;
        border-radius: 15px;
        padding: 100px 80px 0;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .tiles-module-2-banner .banner .banner-content {
            width: 48%;
        }

            .tiles-module-2-banner .banner .banner-content label {
                margin-bottom: 30px;
                display: block;
            }

            .tiles-module-2-banner .banner .banner-content p {
                margin-bottom: 50px;
                display: block;
            }

@media only screen and (max-width: 767px) {
    .tiles-module-2-title {
        margin-bottom: 20px;
    }

    .tiles-module-2-banner {
        width: calc(100% - 40px);
        padding: 30px 0;
    }

        .tiles-module-2-banner .banner {
            height: 616px;
            padding: 0 30px 40px;
            display: flex;
            align-items: flex-end;
            background-size: cover;
        }

            .tiles-module-2-banner .banner .banner-content {
                width: 100%;
            }

                .tiles-module-2-banner .banner .banner-content p {
                    margin-bottom: 40px;
                }

                .tiles-module-2-banner .banner .banner-content button {
                    height: 35px;
                    width: 180px;
                    line-height: 35px;
                }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .tiles-module-2-banner {
        width: calc(100% - 40px);
        padding: 40px 0;
    }

        .tiles-module-2-banner .banner {
            height: 450px;
            border-radius: 15px;
            padding: 40px;
        }

            .tiles-module-2-banner .banner .banner-content {
                width: 50%;
            }
}

/*--- End tiles module 2 ---*/
/*--- Start tiles module 1 ---*/
.tiles-module-1 {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0 100px 0;
}

.tiles-module-1-content {
    width: 1170px;
    margin: 0 auto;
}

    .tiles-module-1-content .tiles-module-1-detail {
        width: 50%;
    }

        .tiles-module-1-content .tiles-module-1-detail label {
            color: #152B55;
            font-size: 45px;
            letter-spacing: -1.08px;
            line-height: 57px;
            margin-bottom: 30px;
        }

        .tiles-module-1-content .tiles-module-1-detail p {
            margin-bottom: 50px;
        }

        .tiles-module-1-content .tiles-module-1-detail button {
            height: 35px;
            padding: 0 35px;
            width: fit-content;
            border-radius: 17.5px;
            background-color: #152B55;
            border: none;
            color: #FFFFFF;
            margin-bottom: 60px;
            display: block;
        }

/*--- End tiles module 1 ---*/
/*--- Start upcoming activities module ---*/
.tiles-module-x {
    background-size: cover;
    width: 100%;
}

.upcoming-module {
    width: 1170px;
    margin: 0 auto;
    padding: 100px 0 90px;
}

.upcoming-activity {
    height: 450px;
    border-radius: 15px;
    background-color: #EFE3D3;
    padding: 0 70px 40px;
    margin: 0;
}

    .upcoming-activity .slider__counter,
    .explore-activity .slider__counter {
        display: block;
    }

.explore-activity .slider__counter {
    bottom: -35px;
}

.upcoming-activity .slick-prev,
.upcoming-activity .slick-next {
    top: 60%;
}

.upcoming-activity .upcoming-detail {
    padding-top: 75px;
}

.upcoming-detail label {
    margin-top: 0;
    margin-bottom: 30px;
}

.upcoming-detail p {
    margin-bottom: 50px;
}

.upcoming-slide {
    display: flex;
    justify-content: center;
}

.upcoming-card {
    height: 300px;
    width: 470px;
    border-radius: 20px;
    background-color: #152A55;
    padding: 30px;
    color: #fff;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    cursor: pointer;
}

.upcoming-card-status-request .bg-request {
    background-repeat: no-repeat;
    width: 190px;
    margin: 0px auto;
    height: 36px;
}

.upcoming-card .container-start {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.category-label {
    min-height: 30px;
    border-radius: 19px;
    background-color: #FFFFFF;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #152B55;
    padding: 0 15px;
    float: left;
}

    .category-label img {
        max-width: 30px;
    }

    .category-label label {
        margin-left: 11px;
    }

.upcoming-card-title {
    font-size: 35px;
    letter-spacing: -0.84px;
    line-height: 50px;
    width: 100%;
    margin-bottom: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
}

.upcoming-card-infor {
    display: grid;
    gap: 10px 30px;
    grid-template-columns: auto auto auto;
}

    .upcoming-card-infor .container-date,
    .upcoming-card-infor .container-time,
    .upcoming-card-infor .container-guest {
        display: flex;
        align-items: center;
    }

        .upcoming-card-infor .container-date img,
        .upcoming-card-infor .container-time img,
        .upcoming-card-infor .container-guest img,
        .upcoming-card-infor .container-address img,
        .upcoming-card-infor .container-plane img {
            height: 14px;
            width: 14px;
            margin-right: 8px;
        }

    .upcoming-card-infor .container-address,
    .upcoming-card-infor .container-plane {
        display: flex;
        align-items: center;
        grid-column: 1 / span 3;
    }

        .upcoming-card-infor .container-address label,
        .upcoming-card-infor .container-plane label {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

.upcoming-activity .explore-more-link {
    display: none;
}

.upcoming-card-status-request .label-request {
    margin: -25px auto 35px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .upcoming-module {
        width: calc(100% - 40px);
        padding: 40px 0 60px;
        margin: 0 20px;
    }

    .upcoming-activity {
        height: 540px;
        padding: 35px 30px 30px;
        margin: 0;
    }

        .upcoming-activity .upcoming-detail {
            padding: 0;
        }

        .upcoming-activity .explore-more-link {
            padding-top: 60px;
            letter-spacing: 0;
            line-height: 18px;
            text-align: center;
            display: block;
            text-decoration: underline;
        }

    .upcoming-detail label {
        margin-bottom: 20px;
    }

    .upcoming-detail p {
        margin-bottom: 30px;
    }

    .upcoming-detail a {
        display: none;
    }

    .upcoming-activity #slick-content {
        margin: 0 -42px;
    }

    .upcoming-card {
        height: 190px;
        border-radius: 15px;
        background-color: #152A55;
        padding: 20px;
        width: auto !important;
        margin: 0 20px;
    }

    .upcoming-card-title {
        font-size: 20px;
        letter-spacing: -0.13px;
        line-height: 38px;
        width: 100%;
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .upcoming-card-infor {
        gap: 4px;
        grid-template-columns: auto auto auto;
    }

    .upcoming-card-status-request {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .upcoming-card-status-request .bg-request {
            transform: rotate(180deg);
        }

        .upcoming-card-status-request .label-request {
            margin: 5px auto 0;
            position: absolute;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .upcoming-module {
        width: calc(100% - 40px);
        padding: 40px 0 60px;
        margin: 0 20px;
    }

    .upcoming-activity {
        padding: 0 40px 40px;
        /*padding: 40px;*/
    }

        .upcoming-activity .upcoming-detail {
            padding-top: 40px;
        }

    .upcoming-card {
        /*width: auto;*/
        width: 98% !important;
        margin: 0 auto;
    }

    .upcoming-card-infor {
        gap: 8px;
        grid-template-columns: auto auto auto;
    }
}

/*--- End upcoming activities module ---*/
/*--- Start tiles module 5 ---*/
.tiles-module-5 {
    background-size: cover;
    width: 100%;
}

.tiles-module-5-content {
    width: 1170px;
    margin: 0 auto;
    padding: 40px 0;
}

.icon-category {
    width: 30px;
}

.text-decoration-explore {
    text-decoration: none;
}

.explore-activity {
    min-height: 500px;
    border-radius: 15px;
    background-color: #C1CEDB;
    padding: 50px 70px 55px;
    margin: 0;
}

.explore-card {
    text-align: center;
    background-color: transparent;
}

.explore-activity #slick-content {
    width: 435px;
    float: right;
}

.explore-card .explore-card-img {
    height: 320px;
    width: 435px;
    border-radius: 8px;
    padding: 20px 18px;
    background-size: cover;
    margin: 0 auto;
}

.explore-card .explore-card-title {
    margin: 25px 0 20px;
    display: block;
}

.explore-card button {
    padding: 0 25px;
    margin: 0 auto 5px;
}

.explore-detail {
    padding-right: 60px;
}

    .explore-detail label {
        margin: 30px 0;
    }

    .explore-detail p {
        margin-bottom: 50px;
    }

@media (min-width: 768px) and (max-width: 1170px) {
    .tiles-module-5-content {
        width: calc(100% - 40px);
        padding: 40px 0 60px;
        margin: 0 20px;
    }

    .explore-activity {
        padding: 30px 30px 55px;
    }

    .explore-detail {
        padding-right: 20px;
    }

    .explore-activity #slick-content,
    .explore-card .explore-card-img {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .tiles-module-5-content {
        width: calc(100% - 40px);
        padding: 40px 0 60px;
        margin: 0 20px;
    }

    .explore-activity {
        min-height: 737px;
        padding: 35px 30px 55px;
    }

    .explore-detail {
        padding: 0;
    }

        .explore-detail label {
            margin: 0 0 30px;
        }

        .explore-detail p,
        .explore-detail a {
            margin-bottom: 30px;
            display: block;
        }

    .explore-card .explore-card-img {
        height: 190px;
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .explore-activity #slick-content {
        float: unset;
        width: unset;
        margin: 0 -41px;
    }

    .explore-card .explore-card-title {
        margin: 20px 40px;
        display: block;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 21px;
    }
}

/*--- End tiles module 5 ---*/
/*--- Start tiles module ---*/
.tiles-module {
    background-size: cover;
    width: 100%;
}

.tiles-module-content {
    width: 1170px;
    margin: 0 auto;
    padding: 60px 0;
}

    .tiles-module-content .tiles-module-title {
        color: #152B55;
        font-size: 45px;
        letter-spacing: -1.08px;
        line-height: 57px;
        display: block;
        margin-bottom: 40px;
    }

.tiles-module-card {
    border-radius: 20px;
    height: 855px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.tiles-module .tiles-module-item:last-child .tiles-module-card {
    margin-top: 200px;
}

.tiles-module .tiles-module-item:first-child .tiles-module-card::after {
    content: '';
    position: absolute;
    z-index: 0;
    -moz-box-shadow: 0 15px 20px #152B55;
    box-shadow: 0 20px 150px 10px #152B55;
    width: 70%;
    left: 15%;
    height: 100px;
    bottom: 0px;
}

.tiles-module .tiles-module-item:last-child .tiles-module-card::after {
    content: '';
    position: absolute;
    z-index: 0;
    -moz-box-shadow: 0 15px 20px #C29D5C;
    box-shadow: 0 20px 150px 10px #C29D5C;
    width: 70%;
    left: 15%;
    height: 100px;
    bottom: 0px;
}


.tiles-module .tiles-module-item:first-child .bottom-container {
    background: linear-gradient(0deg, #163049 0%, #163049 41.23%, rgba(22, 48, 73, 0.9) 68.1%, rgba(22, 48, 73, 0) 100%);
}

.tiles-module .tiles-module-item:last-child .bottom-container {
    background: linear-gradient(0deg, #C29D5C 0%, #C29D5C 41.23%, rgba(194, 157, 92, 0.9) 68.1%, rgba(194, 157, 92, 0) 100%);
    color: #152B55;
}

.tiles-module-card .bottom-container {
    height: 70%;
    color: #FFFFFF;
    padding: 0 70px 80px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

    .tiles-module-card .bottom-container label,
    .tiles-module-card .bottom-container h3 {
        color: #FFFFFF;
        font-size: 42px;
        letter-spacing: -0.5px;
        line-height: 60px;
        display: block;
        margin-bottom: 25px;
    }

    .tiles-module-card .bottom-container p {
        color: #FFFFFF;
        font-size: 16px;
        letter-spacing: -0.16px;
        line-height: 30px;
        display: block;
        margin-bottom: 50px;
    }

    .tiles-module-card .bottom-container button {
        border: none;
        z-index: 1;
        display: inline-block;
        width: fit-content;
    }

@media (min-width: 768px) and (max-width: 1024px) {
    .tiles-module-card .bottom-container button {
        max-width: fit-content;
    }

    .tiles-module-card .bottom-container {
        padding: 0 40px 50px;
    }
}

@media only screen and (max-width: 767px) {
    .tiles-module-content {
        width: auto;
        padding: 40px 0 60px;
        margin: 0 20px;
    }

    .tiles-module-card {
        height: 635px;
    }

        .tiles-module-card .bottom-container h3 {
            font-size: 32px;
            font-weight: 500;
            line-height: 45px;
        }

    .tiles-module-content .tiles-module-title {
        margin-bottom: 20px;
        font-size: 26px;
        letter-spacing: -0.31px;
        line-height: 36px;
    }

    .tiles-module-card .bottom-container {
        padding: 0 30px 34px;
    }

        .tiles-module-card .bottom-container label {
            font-size: 26px;
            font-weight: 300;
            letter-spacing: 0;
            line-height: 36px;
            margin-bottom: 12px;
        }

        .tiles-module-card .bottom-container p {
            font-size: 15px;
            font-weight: 300;
            letter-spacing: -0.2px;
            line-height: 28px;
            margin-bottom: 32px;
        }

        .tiles-module-card .bottom-container button {
            height: 45px;
            width: fit-content;
            padding: 0 25px;
        }

    .tiles-module .tiles-module-item:last-child {
        margin-top: 20px;
    }

    .tiles-module .tiles-module-item .tiles-module-card::after {
        display: none;
    }

    .tiles-module .tiles-module-item:last-child .tiles-module-card {
        margin-top: 0;
    }

    .container-list-map.manual [role="tab"] span.focus {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .tiles-module-content {
        width: auto;
        padding: 40px 0 60px;
        margin: 0 20px;
    }
}

/*--- End tiles module ---*/
/*--- Start error page ---*/
.error-page-module {
    height: 100vh;
    position: relative;
    overflow-x: hidden;
}

.error-page {
    width: 1170px;
    margin: 0 auto;
}

    .error-page .logo {
        margin: 200px 0 60px;
    }

    .error-page .title {
        display: block;
        margin-bottom: 50px;
        font-size: 50px;
        letter-spacing: -1.2px;
        line-height: 57px;
    }

    .error-page .description {
        display: block;
        margin-bottom: 80px;
    }

    .error-page .container-contact {
        display: flex;
        letter-spacing: 0;
        line-height: 18px;
    }

        .error-page .container-contact .container-phone,
        .error-page .container-contact .container-mail {
            display: flex;
            padding-bottom: 20px;
            border-bottom: 1px solid #DDE2E6;
            margin-right: 30px;
            align-items: center;
            cursor: pointer;
        }

        .error-page .container-contact .container-phone {
            width: 20%;
        }

        .error-page .container-contact .container-mail {
            width: 40%;
        }

        .error-page .container-contact .container-phone img {
            margin-right: 10px;
        }

        .error-page .container-contact .container-mail img {
            margin-right: 10px;
            height: 46px;
            width: 46px;
        }

    .error-page img.img-bottom {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

@media only screen and (max-width: 767px) {
    .error-page {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

        .error-page .logo {
            margin: 90px 0 30px;
        }

        .error-page .title {
            margin-bottom: 30px;
            font-size: 30px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 45px;
        }

        .error-page .description {
            margin-bottom: 50px;
        }

        .error-page .container-contact {
            display: block;
        }

            .error-page .container-contact .container-phone {
                width: 100%;
            }

            .error-page .container-contact .container-mail {
                width: 100%;
                margin-top: 10px;
            }

        .error-page img.img-bottom {
            width: unset;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .error-page {
        width: calc(100% - 40px);
        margin: 0 20px;
    }
}

/*--- End error page ---*/
/*--- Start advertisement module ---*/
.advertisement-module {
    padding-top: 98px;
    background-color: #F7F1E9;
}

.advertisement-content {
    width: 1170px;
    margin: 0 auto;
    display: flex;
    gap: 160px;
}

.advertisement-infor label {
    margin: 106px 0 40px;
}

.advertisement-infor ul {
    display: grid;
    gap: 30px;
    list-style: none;
    grid-template-columns: calc((100% - 60px) / 3) calc((100% - 60px) / 3) calc((100% - 60px) / 3)
}

    .advertisement-infor ul li img {
        width: 39px;
        height: 39px;
        margin-bottom: 16px;
    }

    .advertisement-infor ul li p {
        margin: 0;
    }

.advertisement-infor .container-end {
    display: flex;
    gap: 24px;
    padding: 59px 0 109px;
}

@media only screen and (max-width: 767px) {
    .advertisement-module {
        padding-top: 50px;
    }

    .advertisement-content {
        width: auto;
        margin: 0 20px;
        display: block;
    }

    .advertisement-infor label {
        margin: 35px 0 30px;
    }

    .advertisement-infor ul {
        gap: 20px;
        grid-template-columns: auto;
    }

        .advertisement-infor ul li {
            display: flex;
            align-items: center;
        }

            .advertisement-infor ul li img {
                margin: 0 20px 0 0;
            }

    .advertisement-infor .container-end {
        padding: 30px 0 40px;
        display: grid;
        gap: 24px;
        grid-template-columns: calc((100% - 24px) / 2) calc((100% - 24px) / 2);
    }

        .advertisement-infor .container-end img {
            width: 100%;
            height: 48px;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .advertisement-content {
        width: auto;
        margin: 0 20px;
        display: flex;
        gap: 20px;
    }
}

/*--- End advertisement module ---*/
/*--- Start chat banner module ---*/
.chat-banner-module {
    width: 100%;
    padding-top: 100px;
    background-color: #F7F1E9;
}

.chat-banner-content {
    width: 1170px;
    margin: 0 auto;
    display: flex;
    gap: 160px;
    position: relative;
}

.chat-banner-module .chat-banner-content .img-phone {
    width: 340px;
}

.chat-banner-module .chat-banner-content .img-qr {
    width: 175px;
}

.chat-banner-module .chat-banner-content .img-different-banner {
    position: absolute;
    top: -25px;
    left: 23%;
    height: 140px;
    width: 140px;
}

.chat-banner-module .chat-banner-content .chat-banner-infor {
    margin: 50px 0 160px;
}

.chat-banner-infor .chat-banner-title {
    margin: 0;
}

.chat-banner-infor .chat-banner-detail {
    display: flex;
    gap: 60px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

    .chat-banner-infor .chat-banner-detail .descript {
        margin-top: 30px;
        letter-spacing: -0.34px;
    }

    .chat-banner-infor .chat-banner-detail .separator-option {
        width: 100%;
        height: 1px;
        margin: 31px 0 34px;
        background-color: #C1CEDB;
    }

    .chat-banner-infor .chat-banner-detail .container-phone {
        display: flex;
        gap: 20px;
        align-items: center;
    }

@media only screen and (max-width: 767px) {
    .chat-banner-module {
        padding: 50px 0 60px;
    }

    .chat-banner-content {
        width: auto;
        margin: 0 20px;
        display: block;
    }

    .chat-banner-infor .chat-banner-detail,
    .chat-banner-infor .chat-banner-detail .container-phone {
        display: block;
    }

    .chat-banner-module .chat-banner-content .img-different-banner {
        left: 70%;
        height: 120px;
        width: 120px;
    }

    .chat-banner-module .chat-banner-content .chat-banner-infor {
        margin: 35px 0 0;
    }

    .chat-banner-infor .chat-banner-detail .separator-option {
        margin: 30px 0 20px;
    }

    .chat-banner-infor .chat-banner-detail img {
        margin: 60px 60px 0;
        width: calc(100% - 120px);
    }

    .chat-banner-infor .chat-banner-detail .container-phone .phone-text {
        font-size: 15px;
        letter-spacing: -0.2px;
        line-height: 24px;
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .chat-banner-module .chat-banner-content .img-different-banner {
        left: 33%;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .chat-banner-module .chat-banner-content .img-different-banner {
        left: 25%;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .chat-banner-content {
        margin: 0 20px;
        width: auto;
        gap: 50px;
    }

    .chat-banner-module .chat-banner-content .chat-banner-infor {
        margin: 20px 20px 20px 0;
    }

    .chat-banner-infor .chat-banner-title {
        font-size: 26px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 36px;
    }

    .chat-banner-infor .chat-banner-detail {
        gap: 20px;
    }

        .chat-banner-infor .chat-banner-detail .container-phone {
            display: block;
        }

        .chat-banner-infor .chat-banner-detail img {
            margin-top: 0;
            height: fit-content;
            width: 120px;
        }

        .chat-banner-infor .chat-banner-detail .separator-option {
            margin: 20px 0;
        }
}

/*--- End chat banner module ---*/
/*--- Start destination module ---*/
.destination-module {
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #EAEEF0;
}

.destination-content {
    width: 1170px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 22px;
    letter-spacing: -0.53px;
    line-height: 57px;
    gap: 10px;
    color: #000;
}

.destination-module .destination-content .left {
    display: flex;
    align-items: center;
}

.destination-content .location {
    margin-left: 8px;
    color: #152B55;
}

.destination-content .container-warning {
    margin-left: 44px;
    display: flex;
    align-items: center;
    color: #767474;
    font-size: 14px;
    letter-spacing: -0.34px;
    line-height: 20px;
    background-color: transparent;
}

    .destination-content .container-warning img {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

.destination-content img {
    height: 22px;
    width: 22px;
    cursor: pointer;
}

.destination-content .btn-pencil {
    background: none;
    border: none;
}

.pop-up-destination {
    height: fit-content;
    background-color: #fff;
    max-width: 820px;
    width: 100%;
    vertical-align: baseline;
    margin: 0;
}

    .pop-up-destination .search-location {
        border: 1px solid #CAD1D6;
        margin: 25px 0;
        display: flex;
        width: 100%;
        align-items: center;
        height: 40px;
        position: relative;
    }

        .pop-up-destination .search-location .submit-location {
            color: #FFF;
            height: 24px;
            line-height: 24px;
            width: fit-content;
            padding: 0 20px;
            border-radius: 17.5px !important;
            background-color: #AA3139;
            margin-right: 10px;
            display: none;
            cursor: pointer;
            margin-left: 0 !important;
        }

        .pop-up-destination .search-location:focus-within {
            border: 1px solid #152B55;
        }

        .pop-up-destination .search-location .ic-search {
            margin: 5px 10px;
            background: none;
        }

    .pop-up-destination .container-button {
        /*display: none;*/
        display: flex;
        gap: 20px;
        padding: 50px 0 0;
    }

    .pop-up-destination .container-body {
        padding: 40px;
    }

    .pop-up-destination .label-title {
        color: #152B55;
        margin: 0;
    }

    .pop-up-destination .hotel-banner {
        border-radius: 15px;
        background-color: #EAEEF0;
        width: 100%;
        height: 60px;
        color: #152B55;
        display: flex;
        gap: 15px;
        align-items: center;
    }

.tab-location-header {
    display: grid;
    width: 100%;
    height: 120px;
    grid-template-columns: auto auto auto;
    cursor: pointer;
}

    .tab-location-header .location-button {
        padding: 0;
        width: 100%;
    }

.tab-header-item {
    color: #152B55;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

    .tab-header-item img {
        margin-bottom: 5px;
    }

.tab-header-item-selected {
    background-color: #F1F1F5;
    border-bottom: 2px solid #152B55;
}

.tab-location-content {
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .tab-location-content .tab-content-item {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        padding-top: 30px;
        display: none;
    }

    .tab-location-content .tab-content-item-selected {
        display: block;
    }

    .tab-location-content .tab-content-item ul {
        list-style: none;
    }

        .tab-location-content .tab-content-item ul li ul li {
            font-size: 14px;
            line-height: 30px;
            margin-bottom: 0;
            display: block;
            letter-spacing: -0.2px;
            min-height: 40px;
        }

            .tab-location-content .tab-content-item ul li ul li label {
                height: auto;
            }

        .tab-location-content .tab-content-item ul > li {
            font-size: 22px;
            letter-spacing: -0.53px;
            line-height: 28px;
            margin-bottom: 20px;
        }

        .tab-location-content .tab-content-item ul li label {
            width: 100%;
            padding: 5px 10px;
            height: max-content;
            cursor: pointer;
        }

    .tab-location-content .tab-item-selected {
        background-color: #152B55;
        border-radius: 4px;
        color: #fff !important;
        transition-duration: 700ms;
        height: auto;
    }

.pop-up-destination .search-location.highlight-search-location {
    border: 1px solid #152B55;
}

.pop-up-destination .search-location.highlight-couldnt-find {
    border: 1px solid #9A3D37;
    background-color: rgba(154, 61, 55, 0.05);
}

.pop-up-destination .search-location #clear-search-icon {
    display: none;
    margin: 5px 10px 0 0;
    cursor: pointer;
}

.pop-up-destination .search-location .container-suggestion {
    position: absolute;
    max-height: 300px;
    width: calc(100% + 2px);
    top: calc(100% + 1px);
    border: 1px solid #CAD1D6;
    z-index: 2;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
    display: none;
}

    .pop-up-destination .search-location .container-suggestion .couldnt-find-text {
        min-height: 60px;
        height: fit-content;
        width: 100%;
        padding: 18px 20px 22px;
        color: #C94A4A;
        display: none;
    }

    .pop-up-destination .search-location .container-suggestion li {
        height: 60px;
        width: 100%;
        padding: 0 18px;
        color: #152B55;
        line-height: 60px;
        border-bottom: 1px solid #CAD1D6;
    }

        .pop-up-destination .search-location .container-suggestion li:hover {
            background-color: #152B55;
            color: #fff;
        }

@media only screen and (max-height: 720px) {
    .tab-location-content {
        height: 220px;
    }
}

@media (min-height: 721px) and (max-height: 767px) {
    .tab-location-content {
        height: 293px;
    }
}

@media only screen and (max-width: 767px) {
    .pop-up-destination {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        overflow-y: auto;
        width: 100%;
    }

        .pop-up-destination .container-button {
            /*padding: 20px 0 55px;
            display: grid;
            grid-template-columns: 35% auto;*/
        }

        .pop-up-destination .search-location {
            margin: 20px 0;
        }

    .tab-location-header {
        height: 104px;
    }

    .tab-location-content .tab-content-item {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        padding-top: 19px;
    }

        .tab-location-content .tab-content-item ul li {
            display: grid;
            grid-template-columns: 150px auto;
            font-size: 17px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 21px;
        }

            .tab-location-content .tab-content-item ul li ul li {
                padding: 0 10px;
                line-height: 21px;
            }

    .destination-module {
        height: 70px;
    }

    .destination-content {
        width: auto;
        margin: 0 20px;
        font-size: 15px;
        letter-spacing: 0;
    }

        .destination-content img {
            height: 14px;
            width: 14px;
        }

        .destination-content .location {
            font-size: 20px;
            font-weight: 500;
            letter-spacing: -0.13px;
            display: block;
            margin-left: 10px;
        }

        .destination-content .container-warning {
            margin-left: 10px;
        }

            .destination-content .container-warning label {
                display: none;
            }

    .tab-location-header .location-button {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .destination-module {
        height: 60px;
        border-bottom: 1px solid #EAEEF0;
    }

    .destination-content {
        width: auto;
        margin: 0 20px;
    }
}

@media (min-width: 1000px) and (max-width: 1370px) and (max-height: 800px) {
    .pop-up-destination .container-body {
        padding: 25px 10px 0 10px;
    }

    .pop-up-destination .container-center,
    .pop-up-destination .tab-location-content .tab-content-item {
        padding-top: 20px;
    }

    .pop-up-destination .search-location {
        margin: 15px 0;
    }

    .pop-up-destination .tab-location-header {
        height: 100px;
    }

    .pop-up-destination .tab-location-content {
        height: 190px;
    }

    .pop-up-destination .container-button {
        /*padding: 30px 0;*/
    }
}

/*--- End destination module ---*/
/*--- Start hero prelogin module 2 ---*/
.prelogin-hero-2 {
    width: 100%;
    margin: 0 auto;
    padding: 20px 55px 0 55px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
}

    .prelogin-hero-2 .container-start {
        display: flex;
        justify-content: flex-end;
    }

        .prelogin-hero-2 .container-start .container-button {
            display: flex;
            gap: 15px;
        }

        .prelogin-hero-2 .container-start .container-logo {
            display: flex;
            align-items: center;
            color: #fff;
            font-size: 16px;
        }

    .prelogin-hero-2 .container-button .button-login {
        border: 1px solid #CAD1D6;
        color: #FFFFFF;
        padding: 0;
    }

    .prelogin-hero-2 .container-button .button-register {
        background-color: #C29D5C;
        border-color: #c29d5c;
        color: #163049;
        padding: 0;
    }

    .prelogin-hero-2 .container-center {
        display: block;
        width: 1170px;
        margin: 0 auto;
    }

        .prelogin-hero-2 .container-center img {
            height: 50px;
            margin: 50px 0 62px;
        }

        .prelogin-hero-2 .container-center .container-hero-text {
            width: 38%;
        }

            .prelogin-hero-2 .container-center .container-hero-text label,
            .prelogin-hero-2 .container-center .container-hero-text p,
            .detail-prelogin-item-container p {
                font-family: "OpenSans-Light";
                font-weight: 300;
                display: block;
            }

            .prelogin-hero-2 .container-center .container-hero-text label {
                color: #F7F7F7;
                font-size: 56px;
                letter-spacing: 1.5px;
                line-height: 70px;
                margin-bottom: 27px;
            }

            .prelogin-hero-2 .container-center .container-hero-text p {
                color: #FFFFFF;
                font-size: 18px;
                letter-spacing: 0;
                line-height: 35px;
            }

.prelogin-list-module {
    width: 100%;
    margin-top: -80px;
    padding: 0;
}

.prelogin-list-content {
    width: 1170px;
    margin: 0 auto;
}

.prelogin-item-container {
    height: 525px;
    border: 1px solid lightgrey;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 15px 25px -10px rgb(0 0 0 / 15%);
    margin: 0 20px 70px;
    width: calc(100% - 40px) !important;
    max-width: 400px;
    background-color: #EAEEF0;
}

    .prelogin-item-container img {
        height: 300px;
    }

.detail-prelogin-item-container {
    margin: 26px 0 0;
}

    .detail-prelogin-item-container h3,
    .detail-prelogin-item-container a {
        font-family: "OpenSans-Regular";
    }

    .detail-prelogin-item-container h3 {
        color: #163049;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .detail-prelogin-item-container p {
        color: #000;
        font-size: 15px;
        letter-spacing: -0.2px;
        line-height: 28px;
        margin-bottom: 27px;
        height: 56px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .detail-prelogin-item-container a {
        color: #163049;
        font-size: 15px;
        letter-spacing: -0.2px;
        line-height: 20px;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.container-warning-maintaince,
.pop-up-prelogin-detail button {
    font-family: "OpenSans-Regular";
    font-size: 18px;
    letter-spacing: 0;
    padding: 0;
}

.container-warning-maintaince {
    color: #fff;
    background-color: #163049;
    padding: 20px 0;
    line-height: 24px;
}

    .container-warning-maintaince .container-warning-content {
        width: 1170px;
        margin: 0 auto;
    }

.pop-up-prelogin-detail {
    height: fit-content;
    background-color: transparent;
    max-width: 820px;
    width: 820px;
    vertical-align: baseline;
    margin: 0;
}

    .pop-up-prelogin-detail .container-center {
        padding: 30px 0 30px 30px;
        background-color: #fff;
        border-radius: 20px;
        max-height: calc(100vh - 200px);
    }

        .pop-up-prelogin-detail .container-center .container-detail {
            overflow: auto;
            height: 100%;
            padding-right: 30px;
        }

        .pop-up-prelogin-detail .container-center img {
            width: 100%;
            height: 320px;
        }

        .pop-up-prelogin-detail .container-center .label-description,
        .pop-up-prelogin-detail .container-center .container-infor {
            color: #152B55;
            font-family: "OpenSans-Light";
            font-weight: 300;
        }

        .pop-up-prelogin-detail .container-center .label-description {
            font-size: 15px;
            letter-spacing: -0.2px;
            line-height: 28px;
            margin-bottom: 30px;
        }

        .pop-up-prelogin-detail .container-center .container-infor {
            display: flex;
            align-items: start;
            justify-content: space-between;
            padding: 20px 0;
            font-size: 34px;
            letter-spacing: 0;
            line-height: 38px;
        }

            .pop-up-prelogin-detail .container-center .container-infor img {
                width: 48px;
                height: 48px;
                margin-left: 20px;
            }

    .pop-up-prelogin-detail .exclusive-offer-module {
        padding: 30px 20px;
        border-radius: 8px;
    }

        .pop-up-prelogin-detail .exclusive-offer-module .container-start {
            display: flex;
            column-gap: 20px;
            align-items: flex-start;
            color: #fff;
            margin: 0;
        }

            .pop-up-prelogin-detail .exclusive-offer-module .container-start div {
                width: calc(100% - 80px);
            }

            .pop-up-prelogin-detail .exclusive-offer-module .container-start img {
                width: 60px;
                height: 60px;
            }

            .pop-up-prelogin-detail .exclusive-offer-module .container-start .title {
                color: #FFFFFF;
                font-family: 'OpenSans-SemiBold';
                font-size: 15px;
                font-weight: 600;
                letter-spacing: -0.2px;
                line-height: 28px;
                margin: 0;
                display: block;
            }

            .pop-up-prelogin-detail .exclusive-offer-module .container-start .descript {
                color: #FFFFFF;
                font-family: 'OpenSans-Light';
                font-size: 15px;
                font-weight: 300;
                letter-spacing: -0.2px;
                line-height: 28px;
                display: block;
                margin: 0;
            }

@media (min-width: 768px) and (max-width: 1024px) {
    .prelogin-hero-2 .container-center .container-hero-text {
        width: 60%;
    }
}

@media only screen and (max-width: 767px) {
    .prelogin-hero-2 {
        padding: 10px 20px 0;
        height: 500px;
    }

    .prelogin-list-content {
        width: auto;
        margin: 0;
    }

    .prelogin-list-module button.slick-arrow.slick-prev,
    .prelogin-list-module button.slick-arrow.slick-next {
        bottom: 40px;
        top: unset;
        z-index: 1;
    }

    .prelogin-list-module button.slick-arrow.slick-prev {
        left: 20px;
    }

    .prelogin-list-module button.slick-arrow.slick-next {
        right: 20px;
    }

    .prelogin-hero-2 .container-button .button-login,
    .prelogin-hero-2 .container-button .button-register {
        height: 45px;
        width: fit-content;
        padding: 0 27px;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px;
        min-width: auto;
    }

    .prelogin-hero-2 .container-center img {
        height: 37px;
        margin: 109px 0 26.5px;
    }

    .prelogin-hero-2 .container-center,
    .prelogin-hero-2 .container-center .container-hero-text {
        width: auto;
    }

        .prelogin-hero-2 .container-center .container-hero-text label {
            font-size: 32px;
            letter-spacing: 1px;
            line-height: 45px;
            margin-bottom: 10px;
        }

        .prelogin-hero-2 .container-center .container-hero-text p {
            font-size: 15px;
            letter-spacing: -0.2px;
            line-height: 28px;
        }

    .prelogin-item-container {
        height: 418px;
    }

        .prelogin-item-container img {
            height: 200px;
        }

    .container-warning-maintaince {
        padding: 20px 0;
        font-size: 15px;
        letter-spacing: -0.2px;
        line-height: 22px;
    }

        .container-warning-maintaince .container-warning-content {
            width: auto;
            margin: 0 20px;
        }

    .pop-up-prelogin-detail {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        overflow-y: hidden;
        width: 100%;
        max-height: calc(100% - 150px);
        border-radius: 20px 20px 0 0;
    }

        .pop-up-prelogin-detail .container-center .container-detail {
            padding-right: 20px;
            padding-bottom: 40px;
        }

        .pop-up-prelogin-detail .container-body {
            padding: 20px 0 20px 20px;
            border-radius: 20px 20px 0 0;
        }

        .pop-up-prelogin-detail button {
            width: 100%;
        }

        .pop-up-prelogin-detail .container-center {
            padding: 0;
            overflow: auto;
        }

            .pop-up-prelogin-detail .container-center img {
                height: 295px;
            }

            .pop-up-prelogin-detail .container-center p {
                margin-bottom: 20px;
            }

        .pop-up-prelogin-detail .exclusive-offer-module {
            margin: 0 0 20px;
            padding: 20px;
            border-radius: 20px;
        }

            .pop-up-prelogin-detail .exclusive-offer-module .container-start .title {
                color: #FFFFFF;
                font-family: 'OpenSans-Light';
                font-size: 24px;
                font-weight: 300;
                letter-spacing: 0;
                line-height: 33px;
                margin: 15px 0 30px;
            }

            .pop-up-prelogin-detail .exclusive-offer-module .container-start .descript {
                margin: 0 0 0 -80px;
                width: calc(100% + 80px);
            }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .prelogin-hero-2 {
        padding: 20px 20px 0 20px;
    }

        .prelogin-hero-2 .container-center {
            width: auto;
        }

    .prelogin-list-content {
        width: auto;
        margin: 0;
    }

    .container-warning-maintaince .container-warning-content {
        width: auto;
        margin: 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 820px) {
    .pop-up-prelogin-detail {
        width: 100%;
    }
}

/*--- End hero prelogin module 2 ---*/
/*--- Start map view module ---*/
.map-view-module {
    width: 100%;
    padding: 90px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.map-view-content {
    width: 1170px;
    margin: 0 auto;
}

    .map-view-content .container-start {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 40px;
    }

        .map-view-content .container-start .label-title {
            margin: 0;
        }

    .map-view-content .map-diving .map-item-pop {
        height: 100%;
        width: 100%;
        max-width: 390px;
        padding: 10px;
        color: #fff;
        background-color: #152B55;
        position: absolute;
        z-index: 2;
        border-radius: 15px;
        z-index: 2;
        top: 0;
        left: 0;
        cursor: pointer;
        display: none;
    }

        .map-view-content .map-diving .map-item-pop .map-item-close {
            height: 60px;
            width: 60px;
            border-radius: 20px;
            background-color: #152B55;
            position: absolute;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            top: 0;
            left: 0;
        }

        .map-view-content .map-diving .map-item-pop img {
            width: 100%;
            height: 320px;
            background-repeat: no-repeat;
            border-radius: 10px;
        }

    .map-view-content .map-diving .map-marker {
        position: absolute;
        top: 50%;
        right: 30%;
        z-index: 1;
    }

#dropdown-categories {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 190px;
}

    #dropdown-categories .dropdown-content {
        padding: 10px 15px;
        top: 62px;
    }

    #dropdown-categories.dropdown-active .dropdown-content {
        display: block;
    }

    #dropdown-categories .dropdown-title {
        height: 60px;
        border: 1px solid #CAD1D6;
        background-color: unset;
        width: 100%;
        color: #152B55;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 8px;
        position: relative;
        cursor: pointer;
    }

    #dropdown-categories.dropdown-highlight {
        border: 2px solid #152B55;
        background-color: #EAEEF0;
    }

    #dropdown-categories .dropdown-title .notify-number {
        height: 20px;
        width: 20px;
        background-color: #152B55;
        color: #fff;
        text-align: center;
        border-radius: 10px;
        right: 20px;
        position: absolute;
        display: none;
    }

    #dropdown-categories .dropdown-content .dropdown-category-item,
    .dropdown-categories .dropdown-content .dropdown-category-item {
        display: grid;
        grid-template-columns: 28px auto;
        gap: 15px;
        align-items: center;
        padding: 5px 0;
    }

.map-view-module #dropdown-categories.dropdown-active .dropdown-title img {
    -webkit-transform: none;
    transform: none;
}

.map-view-module .map-diving .map-item-pop .Combined_Shape {
    height: 28px;
    width: 28px;
    cursor: pointer;
}

.map-view-module .map-diving .map-item-pop .map-detail {
    padding: 10px 15px 22px;
}

    .map-view-module .map-diving .map-item-pop .map-detail .map-button-item {
        position: absolute;
        bottom: 20px;
        right: 30px;
        left: 30px;
        line-height: 40px;
        height: 40px;
        cursor: pointer;
        display: flex;
        gap: 11px;
        align-items: center;
        justify-content: center;
    }

        .map-view-module .map-diving .map-item-pop .map-detail .map-button-item img {
            height: 8px;
            width: 5px;
        }

.map-view-module .map-diving .map-marker {
    position: absolute;
    top: 50%;
    right: 30%;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .map-view-module {
        padding: 40px 0;
    }

    .map-view-content {
        width: auto;
        margin: 0 20px;
    }

        .map-view-content .container-start {
            display: block;
            margin-bottom: 20px;
        }

            .map-view-content .container-start .label-title {
                margin-bottom: 20px;
            }

        .map-view-content #dropdown-categories {
            max-width: unset;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .map-view-content {
        width: auto;
        margin: 0 20px;
    }
}

/*--- End map view module ---*/
/*--- Start category landing module ---*/
.category-landing-module,
.category-landing-module-v2 {
    width: 1170px;
    margin: 0 auto;
    padding-top: 60px;
}

    .category-landing-module .container-start,
    .category-landing-module-v2 .container-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #EAEEF0;
        z-index: 2;
    }

    /*.category-landing-module-v2 .container-header {
        position: sticky;
        top: 80px;
        background-color: #FFF;
    }*/

    .category-landing-module .map-diving .map-item-pop .Combined_Shape {
        height: 28px;
        width: 28px;
        cursor: pointer;
    }

    .category-landing-module-v2 .container-option .container-availability-mobile,
    .category-landing-module .container-list-map-content .container-list-content,
    .category-landing-module .container-list-map-content .container-map-content,
    .category-landing-module .container-filter .popupClose,
    #dropdown-sort-by .dropdown-title .ic-sort {
        display: none;
    }

    .category-landing-module .container-start .label-title,
    .category-landing-module-v2 .container-header .label-title {
        margin: 0 0 20px;
    }

    .category-landing-module .container-start .container-list-map,
    .category-landing-module-v2 .container-header .container-list-map {
        display: flex;
        height: 78px;
    }

        .category-landing-module .container-start .container-list-map .container-list,
        .category-landing-module .container-start .container-list-map .container-map,
        .category-landing-module .container-filter .container-sort-by,
        .category-landing-module-v2 .container-header .container-list-map .container-list,
        .category-landing-module-v2 .container-header .container-list-map .container-tiles,
        .category-landing-module-v2 .container-header .container-list-map .container-map {
            display: flex;
            align-items: center;
            cursor: pointer;
            gap: 8px;
        }

            .category-landing-module .container-start .container-list-map .container-list label,
            .category-landing-module .container-start .container-list-map .container-map label {
                cursor: pointer;
            }

        .category-landing-module .container-start .container-list-map .container-map,
        .category-landing-module-v2 .container-header .container-list-map .container-map,
        .category-landing-module-v2 .container-header .container-list-map .container-tiles {
            margin-left: 30px;
        }

            .category-landing-module .container-start .container-list-map .container-list.active,
            .category-landing-module .container-start .container-list-map .container-map.active,
            .category-landing-module-v2 .container-header .container-list-map .container-list.active,
            .category-landing-module-v2 .container-header .container-list-map .container-tiles.active,
            .category-landing-module-v2 .container-header .container-list-map .container-map.active {
                border-bottom: 2px solid #152B55;
            }

    /* Flex items */
    .category-landing-module-v2 .container-header .container-start {
        flex: 0 0 50%; /* Prevent shrinking and set the width to 50% */
    }

    .category-landing-module-v2 .container-header .container-list-map {
        margin-top: auto;
    }

    .category-landing-module .container-list-map-content .container-map-content {
        margin-bottom: 120px;
    }

.dropdown-categories .dropdown-content {
    padding: 10px 15px;
}

#map {
    height: 100%;
    border-radius: 20px;
    z-index: 1;
}

#mapList {
    height: 100%;
    border-radius: 20px;
    z-index: 1;
}

.map-diving,
.map-view-content .map-diving {
    height: 570px;
    width: 100%;
    border-radius: 20px;
    position: relative;
}

    .map-diving .search-map-button,
    .map-diving .map-item-pop {
        color: #fff;
        background-color: #152B55;
        cursor: pointer;
    }

    .map-diving .search-map-button {
        height: 40px;
        border-radius: 15px;
        padding: 0 30px;
        width: fit-content;
        z-index: 1;
        cursor: pointer;
        line-height: 40px;
        position: absolute;
        top: 10px;
        left: 45%;
    }

    .map-diving .map-item-pop {
        height: 100%;
        width: 100%;
        max-width: 375px;
        padding: 15px;
        position: absolute;
        z-index: 2;
        border-radius: 20px;
        z-index: 2;
        top: 0;
        left: 0;
        display: none;
    }

        .map-diving .map-item-pop .map-detail {
            padding: 10px 15px 22px;
        }

            .map-diving .map-item-pop .map-detail .map-title,
            .map-view-module .map-diving .map-item-pop .map-detail .map-title {
                font-size: 22px;
                letter-spacing: -0.53px;
                height: 60px;
                overflow: hidden;
                display: block;
                cursor: pointer;
                line-height: 30px;
                margin: 10px 0 15px;
            }

            .map-diving .map-item-pop .map-detail .map-description,
            .map-view-module .map-diving .map-item-pop .map-detail .map-description {
                display: block;
                cursor: pointer;
                margin-bottom: 15px;
                height: 60px;
                overflow: hidden;
            }

            .map-diving .map-item-pop .map-detail .map-button-item {
                position: absolute;
                bottom: 20px;
                right: 30px;
                left: 30px;
                text-align: center;
                line-height: 40px;
                display: block;
                height: 40px;
                border-radius: 17.5px;
                background-color: #666;
                cursor: pointer;
            }

        .map-diving .map-item-pop .map-item-close {
            height: 60px;
            width: 60px;
            border-radius: 20px;
            background-color: #152B55;
            position: absolute;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            top: 0;
            left: 0;
        }

        .map-diving .map-item-pop img {
            width: 100%;
            height: 320px;
            background-repeat: no-repeat;
            border-radius: 10px;
            cursor: pointer;
        }

    .map-diving .map-marker {
        position: absolute;
        top: 50%;
        right: 30%;
        z-index: 1;
    }

.category-landing-module .container-filter {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
    gap: 20px;
}

.dropdown-active .dropdown-title img.categories-selected {
    transform: none;
}

.category-landing-module .container-filter .container-sort-by .label-title {
    color: #666666;
    white-space: nowrap;
}

.category-landing-module .container-filter .search-text {
    width: 70%;
}

.category-landing-module .container-list-item {
    display: grid;
    gap: 30px;
    grid-template-columns: calc((100% - 60px) / 3) calc((100% - 60px) / 3) calc((100% - 60px) / 3);
    list-style: none;
    margin-bottom: 70px;
}

    .category-landing-module .container-list-item .category-item img {
        width: 100%;
        height: 320px;
        background-repeat: no-repeat;
        border-radius: 10px;
        object-fit: cover;
    }

    .category-landing-module .container-list-item .category-item .category-detail .button-category-item {
        display: flex;
        align-items: center;
        bottom: 32px;
        cursor: pointer;
    }

        .category-landing-module .container-list-item .category-item .category-detail .button-category-item label {
            margin-right: 15px;
            cursor: pointer;
        }

.category-landing-module-v2 .container-list-item .category-item-v2 .category-detail {
    color: #657986;
}

.category-landing-module .container-button-load-more {
    display: flex;
    justify-content: center;
    margin: 0 0 120px;
}

.category-landing-module .button-load-more {
    width: calc((100% - 60px) / 3);
}

#dropdown-sort-by {
    position: relative;
    cursor: pointer;
}

    #dropdown-sort-by .dropdown-title {
        height: 60px;
        width: 120px;
        border: none;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

        #dropdown-sort-by .dropdown-title label {
            white-space: nowrap;
            max-width: 80px;
            cursor: pointer;
        }

#dropdown-sort-by .dropdown-title .ic-down {
    display: block;
    transition: all 300ms ease;
    transform-origin: center
}

#dropdown-sort-by .dropdown-content {
    width: max-content;
    padding: 5px;
    right: 0;
}

    #dropdown-sort-by .dropdown-content .dropdown-sort-by-item {
        height: fit-content;
        padding: 0 10px;
        cursor: pointer;
        line-height: 30px;
    }

        #dropdown-sort-by .dropdown-content .dropdown-sort-by-item:hover {
            background-color: #C1CEDB;
            border-radius: 4px;
        }

        #dropdown-sort-by .dropdown-content .dropdown-sort-by-item.dropdown-selected-item {
            border-radius: 4px;
            background-color: #152B55;
            color: #fff;
        }

@media only screen and (max-width: 767px) {

    .category-landing-module,
    .category-landing-module-v2 {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding-top: 40px;
    }

        .category-landing-module .container-start .container-list-map .container-map,
        .category-landing-module-v2 .container-header .container-list-map .container-map,
        .category-landing-module-v2 .container-header .container-list-map .container-tiles {
            margin-left: 15px;
        }

        .category-landing-module-v2 .container-header {
            flex-direction: column;
            align-items: flex-start;
        }

            .category-landing-module-v2 .container-header .container-start {
                flex: 1;
            }

            .category-landing-module-v2 .container-header .container-list-map {
                margin-left: auto; /* Push it to the far right */
            }

            .category-landing-module .container-start .container-list-map .container-list label,
            .category-landing-module .container-start .container-list-map .container-map label,
            .category-landing-module .container-filter .container-sort-by .label-title,
            .container-sort-by .label-title,
            #dropdown-sort-by .dropdown-title .ic-down,
            .category-landing-module-v2 .container-option .container-availability {
                display: none;
            }

        .category-landing-module .container-list-item {
            display: grid;
            gap: 30px;
            grid-template-columns: 100%;
            margin-bottom: 30px;
        }

            .category-landing-module .container-list-item .category-item {
                height: fit-content;
            }

                .category-landing-module .container-list-item .category-item img {
                    height: 285px;
                }

        .category-landing-module .container-button-load-more {
            margin: 0 0 80px;
        }

        .category-landing-module .button-load-more {
            width: fit-content;
            height: 45px;
            padding: 0 38px;
        }

        .category-landing-module .container-filter {
            margin: 20px 0;
            display: flex;
            gap: 15px;
        }

            .category-landing-module .container-filter .search-text,
            .map-diving .map-item-pop {
                width: 100%;
            }

                .map-diving .map-item-pop .map-detail {
                    padding: 10px 15px 22px;
                }

                    .map-diving .map-item-pop .map-detail .map-title {
                        font-size: 17px;
                        font-weight: 500;
                        letter-spacing: 0;
                        line-height: 21px;
                        margin-bottom: 10px;
                        height: auto;
                    }

    #dropdown-sort-by .dropdown-title {
        border: 1px solid #CAD1D6;
        background-color: #FFFFFF;
    }

        #dropdown-sort-by .dropdown-title .ic-sort {
            display: block;
        }

        #dropdown-sort-by .dropdown-title label {
            max-width: 48px;
        }

    .category-landing-module-v2 .container-option .container-availability-mobile {
        display: flex;
        border-radius: 10px;
        background-color: #EAEEF0;
        padding: 20px;
        font-size: 17px;
        line-height: 21px;
        margin: 10px 0;
        justify-content: space-between;
        align-items: center;
    }

    .category-landing-module-v2 .container-availability-mobile .ic-right {
        border-top: 2px solid #666;
        border-left: 2px solid #666;
        width: 10px;
        height: 10px;
    }

    .pop-up-avail-filter {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        overflow-y: auto;
        width: 100%;
    }

        .pop-up-avail-filter .container-body {
            overflow-y: auto;
            padding: 40px 20px 0px;
            height: 90vh;
        }

        .pop-up-avail-filter .container-filter-item .container-title {
            display: flex;
            gap: 15px;
            margin: 20px 0 10px;
            align-items: center;
        }

        .pop-up-avail-filter .footer-btn-group {
            display: grid;
            grid-template-columns: 35% auto;
            gap: 20px;
            justify-content: unset;
            z-index: 2;
        }

    .custom-date-picker-mobile {
        height: 40px;
        width: auto;
        border: 1px solid #CAD1D6;
        border-radius: 0;
        position: relative;
        margin-bottom: 12px;
        background: #FFF;
        cursor: pointer;
    }

        .custom-date-picker-mobile .ic-calendar {
            background-size: contain;
            position: absolute;
            top: 5px;
            right: 5px;
            pointer-events: none;
        }

    .pop-up-avail-filter .dropdown-custom .dropdown-title,
    .custom-date-picker-mobile {
        border-bottom: 1px solid #152A55;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {

    .category-landing-module,
    .category-landing-module-v2 {
        width: auto;
        margin: 0 20px;
    }

        .category-landing-module .container-list-item {
            grid-template-columns: auto auto;
        }

        .category-landing-module .container-filter {
            grid-template-columns: auto;
        }
}

/*--- End category landing module ---*/
/*--- Start hotel detail module ---*/
.container-count-guest,
.custom-dropdown,
.custom-dropdown-preferences {
    position: relative;
    cursor: pointer;
}

    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item:first-child {
        margin-top: 5px;
    }

    .container-count-guest .container-title,
    .custom-dropdown-preferences .dropdown-title {
        height: 40px;
        border: 1px solid #CAD1D6;
        width: 100%;
        margin-bottom: 12px;
        justify-content: space-between;
        display: flex;
        align-items: center;
        padding: 10px;
    }

    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item.dropdown-selected-item {
        border: 1px solid #CAD1D6;
        width: 100%;
        justify-content: space-between;
        display: flex;
        align-items: center;
        padding: 0 7px;
        line-height: 29px;
    }

    .custom-dropdown-preferences .dropdown-title {
        color: #152B55;
        gap: 18px;
    }

        .container-count-guest .container-title img,
        .custom-dropdown .dropdown-title img,
        .custom-dropdown-preferences .dropdown-title img {
            width: 13px;
            transition: all 300ms ease;
            transform-origin: center;
        }

    .container-count-guest .container-content,
    .custom-dropdown .dropdown-content,
    .custom-dropdown-preferences .dropdown-content {
        display: none;
        right: 0;
        position: absolute;
        background-color: #fff;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        z-index: 5;
        height: fit-content;
        width: 100%;
        padding: 16px;
        border: 1px solid #CAD1D6;
        top: 40px;
        flex-direction: column;
        gap: 18px;
        transition-duration: 700ms;
    }

    .custom-dropdown .dropdown-content,
    .custom-dropdown-preferences .dropdown-content {
        padding: 7px;
    }

    .container-count-guest .container-content .label-title {
        margin: 0;
    }

    .container-count-guest.container-active .container-content {
        display: flex;
        transition-duration: 700ms;
    }

    .container-count-guest .container-content .container-adult,
    .container-count-guest .container-content .container-children {
        display: flex;
        align-items: center;
        justify-content: space-between;
        user-select: none;
    }

        .container-count-guest .container-content .container-adult div:nth-child(2) label,
        .container-count-guest .container-content .container-children div:nth-child(2) label {
            margin: 0 40px;
        }

        .container-count-guest .container-content .container-adult img,
        .container-count-guest .container-content .container-children img {
            padding: 10px 0;
        }

            .container-count-guest .container-content .container-adult img.ic-disable,
            .container-count-guest .container-content .container-children img.ic-disable {
                opacity: 0.3;
            }

        .container-count-guest .container-content .container-children p {
            margin: 0;
            opacity: 0.5;
        }

    .custom-dropdown .dropdown-title {
        align-items: center;
    }

    .custom-dropdown .dropdown-content .dropdown-item,
    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item {
        height: 29px;
        padding: 0 7px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #152B55;
        line-height: 29px;
    }

    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item {
        margin-bottom: 6px;
    }

    .custom-dropdown .dropdown-content .dropdown-item.dropdown-selected-item {
        color: #fff;
        background-color: #162B55;
        border-radius: 4px;
    }

    .custom-dropdown-preferences .dropdown-content {
        max-height: 200px;
        overflow: hidden auto;
    }

    .custom-dropdown.dropdown-active .dropdown-title div {
        transform: rotate(45deg);
    }

    .custom-dropdown-preferences.dropdown-active .dropdown-content,
    .custom-dropdown.dropdown-active .dropdown-content,
    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item.dropdown-selected-item img {
        display: block;
    }

    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item img {
        display: none;
    }

    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item:hover {
        background-color: #C1CEDB;
        border-radius: 4px;
    }

    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item.dropdown-selected-item {
        color: #fff;
        background-color: #162B55;
        border-radius: 4px;
    }

    .custom-dropdown-preferences .dropdown-title label {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.add-link-hotel {
    color: #152B55;
    display: block;
    margin: 10px 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CAD1D6;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item:hover {
        background-color: unset;
        color: #152B55;
        border: none;
    }

    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item.dropdown-selected-item:hover {
        color: #fff;
        background-color: #152B55;
        border-radius: 4px;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {

    .container-count-guest .container-content .container-adult div:nth-child(2) label,
    .container-count-guest .container-content .container-children div:nth-child(2) label {
        margin: 0 20px;
    }
}

/*--- End hotel detail module ---*/
/*--- Start update profile module, update phone number pop up ---*/
.update-profile-module {
    height: fit-content;
    background-color: #EFE3D3;
    position: fixed;
    z-index: 9;
    width: 100%;
}

    .update-profile-module .update-profile-banner {
        width: 1170px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 23px 0;
    }

        .update-profile-module .update-profile-banner .container-button {
            display: flex;
            gap: 15px;
        }

.pop-up-update-profile,
.pop-up-update-phone-number {
    height: fit-content;
    background-color: #fff;
    max-width: 820px;
    width: 100%;
    vertical-align: baseline;
    margin: 0;
}

    .pop-up-update-phone-number .label-title {
        display: block;
        margin: 30px 0 10px;
    }

    .pop-up-update-phone-number .container-phone {
        margin-bottom: 10px;
    }

    .pop-up-update-profile .label-title {
        margin: 0 0 20px;
    }

    .pop-up-update-profile .label-description,
    .pop-up-update-phone-number .label-description {
        display: block;
        margin-bottom: 30px;
    }

    .pop-up-update-profile .container-email,
    .pop-up-update-profile .container-phone,
    .pop-up-update-profile .container-card-number {
        margin-bottom: 20px;
    }

        .pop-up-update-profile .container-phone div.col-lg-9 input,
        .pop-up-update-phone-number .container-phone div.col-lg-9 input {
            margin-top: 32px;
        }

        .pop-up-update-profile .container-card-number .container-start {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .pop-up-update-profile .container-card-number .container-why-needed {
            display: flex;
            gap: 10px;
            color: #152B55;
            align-items: center;
        }

    .pop-up-update-profile .container-button {
        display: flex;
        gap: 20px;
        padding: 50px 0 80px;
    }

    .pop-up-update-phone-number .container-button {
        padding: 30px 0 80px;
    }

    .pop-up-update-profile .con-tooltip {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .pop-up-update-profile .tooltip {
        visibility: hidden;
        z-index: 1;
        opacity: .40;
        padding: 12px 16px 20px;
        background: #EAEEF0;
        position: absolute;
        top: -20px;
        right: -16px;
        border-radius: 15px;
        transform: translateY(9px);
        transition: all 0.3s ease-in-out;
        width: 370px;
        border: none;
        font-family: 'CeraPro-Regular';
    }

        .pop-up-update-profile .tooltip label {
            margin-top: 12px;
            color: #000;
        }

    .pop-up-update-profile .tooltip-active {
        visibility: visible !important;
        opacity: 1 !important;
    }

[profile-title-dropdown] {
    position: relative;
    display: inline-block;
    width: 100%;
}

.enter-bottom {
    -webkit-animation-name: enter-bottom;
    animation-name: enter-bottom;
}

@-webkit-keyframes enter-bottom {
    from {
        opacity: 0;
        -webkit-transform: translateX(0) translateY(100%) translateZ(0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
    }
}

@keyframes enter-bottom {
    from {
        opacity: 0;
        transform: translateX(0) translateY(100%) translateZ(0);
    }

    to {
        opacity: 1;
        transform: translateX(0) translateY(0) translateZ(0);
    }
}

.leave-top {
    -webkit-animation-name: leave-top;
    animation-name: leave-top;
    pointer-events: none;
}

@-webkit-keyframes leave-top {
    from {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(0) translateY(-100%) translateZ(0);
    }
}

@keyframes leave-top {
    from {
        opacity: 1;
        transform: translateX(0) translateY(0) translateZ(0);
    }

    to {
        opacity: 0;
        transform: translateX(0) translateY(-100%) translateZ(0);
    }
}

.leave-bottom {
    -webkit-animation-name: leave-bottom;
    animation-name: leave-bottom;
    pointer-events: none;
}

@-webkit-keyframes leave-bottom {
    from {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(0) translateY(100%) translateZ(0);
    }
}

@keyframes leave-bottom {
    from {
        opacity: 1;
        transform: translateX(0) translateY(0) translateZ(0);
    }

    to {
        opacity: 0;
        transform: translateX(0) translateY(100%) translateZ(0);
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .update-profile-module .update-profile-banner {
        width: auto;
        margin: 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    .update-profile-module .update-profile-banner {
        width: 100%;
        padding: 20px;
        display: block;
    }

    .pop-up-update-profile .tooltip {
        width: calc(100vw - 40px);
        right: 0;
    }

    .update-profile-module .update-profile-banner .container-button {
        margin-top: 20px;
    }

    .pop-up-update-profile,
    .pop-up-update-phone-number {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        overflow-y: auto;
        width: 100%;
    }

        .pop-up-update-profile .container-body {
            max-height: calc(100vh - 50px);
            overflow-y: auto;
        }

        .pop-up-update-profile .label-title {
            margin-bottom: 15px;
        }

        .pop-up-update-profile .container-button {
            padding: 45px 0 80px;
            display: grid;
            grid-template-columns: 30% auto;
        }

            .pop-up-update-profile .container-button .button-cancel,
            .pop-up-update-profile .container-button .button-check,
            .pop-up-update-phone-number .container-button .button-save {
                width: 100%;
            }
}

/*--- End update profile module, update phone number pop up ---*/
/*--- Start verify phone banner ---*/
.verify-phone-module {
    width: 100%;
    height: fit-content;
    background-color: #C1CEDB;
    position: fixed;
    z-index: 4;
    display: block;
}

    /* [data-page="home"] .verify-phone-module {
    display: block;
} */

    .verify-phone-module .verify-phone-banner {
        width: 1170px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 23px 0;
    }

        .verify-phone-module .verify-phone-banner .container-button {
            display: flex;
            gap: 15px;
        }

@media (min-width: 768px) and (max-width: 1170px) {
    .verify-phone-module .verify-phone-banner {
        width: auto;
        margin: 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    .verify-phone-module .verify-phone-banner {
        width: 100%;
        padding: 20px;
        display: block;
    }

        .verify-phone-module .verify-phone-banner .container-button {
            margin-top: 20px;
        }
}

/*--- End verify phone banner ---*/
/*--- Start limo confirmation ---*/
.limo-confirmation-module {
    width: 1170px;
    display: grid;
    margin: 0 auto 139px;
    grid-template-columns: auto 33.33%;
    gap: 130px;
}

.limo-confirmation {
    margin: 80px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .limo-confirmation img {
        width: 100px;
        height: 100px;
        margin: 0 auto 5px;
        display: block;
    }

    .limo-confirmation .limo-message-confirm {
        margin: 0 0 30px;
        text-align: center;
    }

    .limo-confirmation .contact-infor {
        text-align: center;
        display: block;
    }

.limo-booking-detail {
    padding: 30px;
    border: 1px solid #D0D4DD;
    height: fit-content;
    border-radius: 15px;
    position: relative;
}

.limo-confirmation .btn-try-again {
    max-width: 310px;
    margin-top: 23px;
}

.limo-confirmation .limo-edit-try-again {
    margin: 0 0 30px;
    background-color: #fff;
    color: #162A55;
    min-width: 180px;
}

.limo-confirmation .limo-edit-try-again:hover {
    color: #fff;
}


.limo-booking-detail .item-step {
    height: fit-content;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    gap: 15px;
}

.limo-booking-detail .limo-step {
    padding-left: 0;
}

.limo-booking-detail .item-step .ic-limo-step,
.limo-booking-detail .item-step.selected .ic-limo-step {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 20px;
}

.limo-booking-detail .item-step .ic-limo-step {
    background-color: #EFE3D3;
    color: #152B55;
}

    .limo-booking-detail .item-step .ic-limo-step img {
        position: absolute;
        left: 0;
    }

.limo-booking-detail .item-step.selected .ic-limo-step {
    background-color: #152B55;
    color: #fff;
}

.limo-step-2 .limo-booking-detail .ic-limo-step:after {
    left: 12px;
    top: 30px;
    background: #EFE3D3;
}

.limo-step-2 .limo-booking-detail div:last-child .item-step:last-child .ic-limo-step::after,
.limo-confirmation-module .limo-booking-detail .item-step.selected .ic-limo-step::after,
.limo-booking-detail ol.limo-step li:last-child .ic-limo-step::after {
    content: none;
}

.limo-booking-detail .item-step.selected .ic-limo-step::before,
.limo-booking-detail .item-step.selected .ic-limo-step::after,
.limo-step-4 .limo-booking-detail .ic-limo-step::after,
.limo-step-2 .limo-booking-detail div:nth-child(2) .ic-limo-step::after,
.limo-confirmation-module .item-step.selected .ic-limo-step:before,
.limo-confirmation-module .ic-limo-step:after {
    content: '';
    width: 5px;
    height: 20px;
    position: absolute;
}

.limo-booking-detail .item-step.selected .ic-limo-step::before {
    background: linear-gradient(180deg, #D0D4DD 0%, #152B55 100%);
    left: 12px;
    bottom: 30px;
    z-index: 1;
}

.limo-booking-detail .item-step.selected .ic-limo-step::after {
    background: linear-gradient(180deg, #152B55 0%, #EFE3D3 100%);
    left: 12px;
    top: 30px;
    z-index: 1;
}

.limo-booking-detail .button-chat-with-concierge,
.limo-booking-detail .button-confirm-payment {
    width: 100%;
}

.limo-confirmation-module .item-step.selected .ic-limo-step:before {
    background: linear-gradient(180deg, #D0D4DD 0%, #D16565 100%);
    left: 12px;
    top: -20px;
}

.ic-limo-step {
    background-color: #EFE3D3;
    height: 30px;
    width: 30px;
    border-radius: 20px;
    position: relative;
}

.limo-confirmation-module .ic-limo-step:after {
    left: 12px;
    top: 30px;
    background: #D0D4DD;
}

.ic-limo-step .ic-check-black {
    width: 100%;
    color: #152B55;
    line-height: 30px;
    text-align: center;
}

.limo-confirmation-module .item-step.selected .ic-limo-step {
    height: 30px;
    width: 30px;
    background-color: #D16565;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-radius: 20px;
}

.limo-confirmation-module.limo-success .item-step.selected .ic-limo-step {
    background-color: #152B55;
}

    .limo-confirmation-module.limo-success .item-step.selected .ic-limo-step:before {
        background: linear-gradient(180deg, #D0D4DD 0%, #152B55 100%);
    }

.limo-confirmed-detail {
    border: 2px solid #EFE3D3;
    border-radius: 15px;
    margin: 90px 0 0;
}

    .limo-confirmed-detail .top {
        height: fit-content;
        width: 100%;
        border-radius: 15px 15px 0 0;
        background-color: #EFE3D3;
        padding: 10px 30px 20px 30px;
    }

        .limo-confirmed-detail .top .line-separator {
            box-sizing: border-box;
            height: 2px;
            width: 611px;
            border: 1px solid #000000;
            opacity: 0.1;
            border-radius: 20px;
            margin: 15px 0 10px 0;
        }

    .limo-confirmed-detail .pick-up-date {
        line-height: 57px;
        margin: 0;
    }

    .limo-confirmed-detail .bottom {
        padding: 20px 30px 30px;
    }

        .limo-confirmed-detail .bottom .container-passengers {
            display: grid;
            grid-template-columns: 50% 50%;
        }

            .limo-confirmed-detail .bottom .container-passengers div {
                display: flex;
            }

            .limo-confirmed-detail .bottom .container-passengers p {
                margin: 0 0 0 20px;
            }

        .limo-confirmed-detail .bottom .limo-booking-label {
            font-size: 12px;
            letter-spacing: 0.86px;
            line-height: 20px;
            margin-bottom: 25px;
            display: block;
        }

        .limo-confirmed-detail .bottom .line-separator {
            margin: 30px 0 20px;
            height: 1px;
            width: 100%;
            background-color: #EAEEF0;
        }

    .limo-confirmed-detail .top .container-address {
        display: grid;
        grid-template-columns: 50% 50%;
    }

        .limo-confirmed-detail .top .container-address .container-from,
        .limo-confirmed-detail .top .container-address .container-to,
        .limo-confirmed-detail .top .item-description {
            display: block;
        }

            .limo-confirmed-detail .top .container-address .container-from p,
            .limo-confirmed-detail .top .container-address .container-to p,
            .limo-confirmed-detail .bottom .container-notes-to-driver p {
                margin: 0;
            }

        .limo-confirmed-detail .top .container-address .separator-option,
        .limo-confirmed-detail .bottom div.separator-option,
        .limo-booking-detail .container-button .button-cancel,
        .limo-confirmed-detail .container-pick-up-date label {
            display: none;
        }

@media only screen and (max-width: 767px) {
    .limo-confirmation {
        border-radius: 10px;
        padding: 50px 20px;
        margin: 0;
    }

        .limo-confirmation .btn-try-again {
            width: 100%;
        }

    .limo-confirmation-error {
        border: 1px solid #C94A4A;
    }

    .limo-confirmation-success,
    .limo-confirmation-capcha {
        border: 1px solid #CAD1D6;
    }

    .limo-confirmation img {
        width: 76px;
        height: 76px;
        margin: 0 auto 10px;
    }

    .limo-booking-detail {
        height: 170px;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        border-radius: 20px 20px 0 0;
        background-color: #EFE3D3;
        border: none;
        z-index: 9;
        padding: 20px;
    }

        .limo-booking-detail .container-button {
            gap: 20px;
            display: grid;
            grid-template-columns: 100%;
        }

        .limo-booking-detail .limo-step {
            justify-content: space-between;
            display: flex;
            width: 100%;
            gap: 10px;
        }

        .limo-booking-detail ol.limo-step li:empty {
            width: 100%;
        }

        .limo-booking-detail .item-step .ic-limo-step {
            background-color: #FFF;
            display: flex;
            justify-content: center;
        }

        .limo-booking-detail .limo-step div {
            display: flex;
            gap: 8px;
        }

        .limo-booking-detail .container-button .button-cancel {
            display: flex;
            gap: 11px;
            align-items: center;
            justify-content: center;
        }

    .ic-limo-step {
        height: 30px;
        width: 30px;
        background-color: #fff;
        border-radius: 20px;
    }

        .ic-limo-step:after,
        .ic-limo-step:before,
        .item-step .item-label {
            display: none;
        }

    .item-step.selected .item-label {
        display: inline-block;
    }

    .limo-confirmed-detail {
        margin: 20px 0 0;
        border: 1px solid #CAD1D6;
    }

        .limo-confirmed-detail .bottom {
            padding: 0px 20px 30px;
        }

            .limo-confirmed-detail .bottom div.separator-option {
                width: 100%;
                height: 1px;
                margin: 14.5px 0 9.5px;
                background-color: #DDE2E6;
                display: block;
            }

            .limo-confirmed-detail .bottom .container-passengers {
                grid-template-columns: 100%;
            }

                .limo-confirmed-detail .bottom .container-passengers div {
                    justify-content: space-between;
                }

            .limo-confirmed-detail .bottom .limo-booking-label {
                margin-bottom: 15px;
                font-size: 14px;
                margin-top: 20px;
            }

            .limo-confirmed-detail .bottom .container-notes-to-driver p {
                font-family: 'CeraPro-Regular';
            }

        .limo-confirmed-detail .top {
            padding: unset;
            background-color: unset;
        }

            .limo-confirmed-detail .top .container-address {
                display: grid;
                background-color: #EFE3D3;
                padding: 10px 20px;
                grid-template-columns: auto;
            }

        .limo-confirmed-detail .pick-up-date {
            color: #666666;
            font-family: 'CeraPro-Light';
            font-size: 14px;
            font-weight: 300;
            letter-spacing: -0.34px;
            line-height: 20px;
        }

        .limo-confirmed-detail .container-pick-up-date {
            padding: 25px 20px 20px;
        }

            .limo-confirmed-detail .container-pick-up-date label {
                display: block;
                margin-bottom: 10px;
                color: #152B55;
                font-family: 'CeraPro-Medium';
                font-size: 17px;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 21px;
            }

        .limo-confirmed-detail .top .container-address .container-from,
        .limo-confirmed-detail .top .container-address .container-to {
            display: grid;
            grid-template-columns: 50px auto;
            gap: 10px;
        }

        .limo-confirmed-detail .top .container-address .separator-option {
            height: 1px;
            background-color: #666;
            opacity: 0.2;
            width: 100%;
            margin: 14.5px 0;
            display: block;
        }

        .limo-confirmed-detail .top .container-address .container-from label,
        .limo-confirmed-detail .top .container-address .container-to label,
        .limo-confirmed-detail .container-passengers label {
            color: #666666;
            font-family: 'CeraPro-Light';
            font-weight: 300;
        }

        .limo-confirmed-detail .top .container-address .container-from p,
        .limo-confirmed-detail .top .container-address .container-to p {
            font-family: 'CeraPro-Regular';
            text-align: right;
        }
}

@media (max-width: 400px) and (max-height: 300px) {
    .limo-booking-detail {
        padding: 15px 20px;
        height: fit-content;
    }

        .limo-booking-detail .item-step {
            padding-bottom: 15px;
        }
}
/*--- End limo confirmation ---*/
/*--- Start limo step 1 ---*/
.limo-form {
    width: 1170px;
    display: grid;
    margin: 40px auto 120px;
    grid-template-columns: auto 33.33%;
    column-gap: 130px;
}

.limo-step-1 .limo-address {
    width: 100%;
    color: #152B55;
    border: 2px solid #152B55;
    display: flex;
    padding: 17px 20px;
    gap: 23px;
}

    /*.limo-step-1 .limo-address .pickupLocation,
    .limo-step-1 .limo-address .dropoffLocation {
        color: transparent;
        background-color: transparent;
        z-index: 8;
        top: 6px;
        left: 0px;
        position: absolute;
        width: calc(100% - 20px);
        caret-color: #152B55;
    }*/

.limo-step-1 #clear-search-icon-pickup,
.limo-step-1 #clear-search-icon-dropoff {
    width: 15px;
    height: 15px;
}

.limo-step-1 .t-and-c-link {
    text-decoration: underline;
}

.limo-step-1 .limo-address .limo-address-icon {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    position: relative;
    width: 20px;
}

    .limo-step-1 .limo-address .limo-address-icon .ic-top {
        top: 0;
        position: absolute;
    }

    .limo-step-1 .limo-address .limo-address-icon .ic-bottom {
        position: absolute;
        bottom: 15px;
    }

.limo-step-1 .limo-address .change-location-icon {
    min-width: 40px;
    min-height: 40px;
    margin: auto 0;
}

.limo-step-1 .limo-address .limo-address-icon div {
    width: 4px;
    border-right: 4px dotted #CAD1D6;
    height: auto;
    position: absolute;
    top: 12px;
    bottom: 44px;
}

.limo-step-1 .limo-address .limo-address-content,
.limo-step-1 .container-flight-infor .bottom div:first-child img {
    width: 100%;
}

    .limo-step-1 .limo-address .limo-address-content .limo-address-line {
        width: calc(100% - 20px);
    }

    .limo-step-1 .limo-address .limo-address-content input {
        outline: none;
        border: none;
        text-overflow: ellipsis;
        height: 28px;
    }

    .limo-step-1 .limo-address .limo-address-content textarea {
        margin-top: 10px;
    }

    .limo-step-1 .limo-address .limo-address-content .separator-option {
        height: 1px;
        width: 100%;
        margin: 10px 0 5px;
        border-bottom: 1px dashed #DDE2E6;
    }

.limo-step-1 .container-trip-infor {
    margin-top: 60px;
}

    .limo-step-1 .container-trip-infor .big-tile {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .limo-step-1 .container-trip-infor .container-list-infor {
        display: grid;
        gap: 30px 20px;
        grid-template-columns: calc((100% - 20px) / 2) calc((100% - 20px) / 2);
    }

    .limo-step-1 .container-trip-infor .container-pick-up-date .t-dates,
    .limo-step-1 .container-trip-infor .container-flight-date .t-dates {
        height: 40px;
    }

        .limo-step-1 .container-trip-infor .container-pick-up-date .t-dates .ic-calendar {
            right: 0;
            position: absolute;
        }

    .limo-step-1 .container-trip-infor .container-pick-up-time .container-time-dropdown {
        position: relative;
    }

        .limo-step-1 .container-trip-infor .container-pick-up-time .container-time-dropdown img {
            position: absolute;
            right: 10px;
            top: 6px;
        }

.limo-step-1 .container-flight-infor {
    margin-top: 30px;
    width: 100%;
    border: 2px solid #EFE3D3;
    border-radius: 20px 20px 15px 15px;
}

    .limo-step-1 .container-flight-infor .top {
        border-radius: 15px 15px 0 0;
        background-color: #EFE3D3;
        padding: 10px 30px 35px;
        height: fit-content;
    }

        .limo-step-1 .container-flight-infor .top .airline-name {
            line-height: 50px;
        }

        .limo-step-1 .container-flight-infor .top .airline-number,
        .limo-step-1 .exclusive-offer-module .separator-option {
            display: block;
        }

    .limo-step-1 .container-flight-infor .bottom {
        padding: 22px 30px 30px;
        display: grid;
        grid-template-columns: calc((100% - 20px) / 2) calc((100% - 20px) / 2);
        gap: 13px 20px;
    }

        .limo-step-1 .container-flight-infor .bottom div {
            border-bottom: 1px dashed #CAD1D6;
            display: grid;
            grid-template-columns: 80px auto;
            padding-bottom: 13px;
        }

            .limo-step-1 .container-flight-infor .bottom div:first-child {
                display: grid;
                grid-template-columns: 80px auto;
                padding-bottom: 9px;
                border-bottom: none;
            }

            .limo-step-1 .container-flight-infor .bottom div:last-child,
            .limo-step-1 .container-flight-infor .bottom div:nth-last-child(2) {
                border-bottom: none;
            }

        .limo-step-1 .container-flight-infor .bottom .from-to-text {
            font-size: 12px;
            letter-spacing: 0.86px;
            line-height: 20px;
        }

.limo-step-1 .container-flight-infor-mobile,
.pop-up-flight-infor {
    display: none;
}

.limo-step-1 .ic-limo-step::after,
.limo-step-1 .item-step.selected .ic-limo-step:before {
    content: '';
    width: 5px;
    height: 20px;
    position: absolute;
}

.limo-step-1 .ic-limo-step::after {
    left: 12px;
    bottom: 30px;
    background: #EFE3D3;
}

.limo-step-1 .item-step.selected .ic-limo-step:before {
    background: linear-gradient(180deg, #152B55 0%, #EFE3D3 100%);
    left: 12px;
    top: 30px;
    z-index: 1;
}

.pop-up-flight-infor .label-title {
    display: block;
    margin: 0 0 5px;
}

.pop-up-flight-infor .label-description {
    color: #666666;
    display: block;
    margin-bottom: 20px;
}

.pop-up-flight-infor .container-from {
    margin-bottom: 30px;
}

    .pop-up-flight-infor .container-from div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        border-top: 1px solid #DDE2E6;
    }

        .pop-up-flight-infor .container-from div:nth-child(2) {
            border-top: none;
            padding: 15px 0 10px;
        }

        .pop-up-flight-infor .container-from div label:first-child,
        .pop-up-flight-infor .container-to div label:first-child {
            color: #666666;
        }

.pop-up-flight-infor .container-to div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-top: 1px solid #DDE2E6;
}

    .pop-up-flight-infor .container-to div:nth-child(2) {
        border-top: none;
    }

@media only screen and (max-width: 767px) {
    .limo-form {
        width: auto;
        margin: 30px 20px 50px;
        grid-template-columns: 100%;
    }

    .limo-step-1 .limo-address {
        padding: 10px 20px;
    }

    .limo-step-1 .exclusive-offer-module {
        margin: 0 0 30px;
    }

    .limo-step-1 .container-trip-infor {
        margin-top: 30px;
    }

        .limo-step-1 .container-trip-infor .big-tile {
            margin: 0 0 20px;
        }

        .limo-step-1 .container-trip-infor .container-list-infor {
            gap: 20px;
            grid-template-columns: 100%;
        }

    .limo-step-1 .container-flight-infor {
        display: none;
    }

    .limo-step-1 .container-flight-infor-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 10px;
        background-color: #DDE2E6;
        padding: 8px 12.5px;
        color: #152B55;
        margin-top: 30px;
        height: 42px;
    }

    .limo-step-1 .limo-address .limo-address-content .separator-option {
        margin: 8px 0 0;
        border-bottom: 1px solid #DDE2E6;
    }

    .pop-up-flight-infor {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        overflow-y: auto;
        width: 100%;
        display: block;
        max-height: calc(100vh - 100px);
        border-radius: 20px 20px 0 0;
    }

    .limo-step-1 .exclusive-offer-module .separator-option {
        display: block;
    }

    .pop-up-flight-infor .container-body {
        padding: 40px 20px 45px;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .limo-form {
        width: auto;
        margin: 40px 20px 120px;
        gap: 20px;
        grid-template-columns: auto 35%;
    }
}

/*--- End limo step 1 ---*/
/*--- Start limo step 2 ---*/
.limo-step-2 .big-title {
    margin-top: 0;
    margin-bottom: 40px;
}

.limo-step-2 .container-warning {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}

    .limo-step-2 .container-warning p {
        color: #767474;
        display: block;
        margin: 0;
    }

    .limo-step-2 .container-warning img {
        height: 30px;
        width: 30px;
    }

.limo-step-2 .container-passengers {
    display: block;
    margin-bottom: 30px;
}

    .limo-step-2 .container-passengers .label-title,
    .limo-step-2 .container-notes-to-driver .label-title {
        margin-bottom: 10px;
        line-height: 57px;
    }

    .limo-step-2 .container-passengers .list-passengers {
        display: grid;
        gap: 21px;
        grid-template-columns: calc((100% - 63px) / 4) calc((100% - 63px) / 4) calc((100% - 63px) / 4) calc((100% - 63px) / 4);
    }

.limo-step-2 .container-notes-to-driver textarea {
    height: 80px;
    width: 100%;
    border: 1px solid #CAD1D6;
    background-color: #FFFFFF;
    letter-spacing: -0.34px;
    line-height: 20px;
    padding: 7px 15px;
}

    .limo-step-2 .container-notes-to-driver textarea:-moz-placeholder {
        font-family: 'CeraPro-Light';
        letter-spacing: -0.34px;
    }

.custom-input-passenger {
    height: 40px;
    width: 100%;
    border: 1px solid #CAD1D6;
    color: #152B55;
    display: flex;
}

    .custom-input-passenger input {
        text-align: center;
    }

    .custom-input-passenger .input-group-append {
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 11px;
        user-select: none;
    }

.limo-form .container-back-link {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

    .limo-form .container-back-link a {
        display: flex;
        gap: 9px;
        align-items: center;
        justify-content: center;
    }

.limo-step-2 .container-car-type {
    width: 100%;
    height: 92px;
    display: flex;
    border-bottom: 1px solid #D0D4DD;
    margin-bottom: 30px;
}

    .limo-step-2 .container-car-type .car-type-item.selected {
        background-color: #F1F1F5;
        border-bottom: 2px solid #162A55;
    }

    .limo-step-2 .container-car-type .car-type-item {
        text-align: center;
        line-height: 57px;
        width: 100%;
        background-color: #F8F8FA;
    }

        .limo-step-2 .container-car-type .car-type-item .heading-04 {
            line-height: 54px;
        }

        .limo-step-2 .container-car-type .car-type-item .container-infor {
            display: flex;
            font-size: 11px;
            letter-spacing: -0.26px;
            line-height: 20px;
            width: 100%;
            justify-content: center;
            align-items: center;
            gap: 5px;
        }

@media only screen and (max-width: 767px) {

    .limo-step-2 .big-title,
    .limo-step-2 .container-passengers {
        margin-bottom: 20px;
    }

    .limo-step-2 .container-warning {
        margin-bottom: 40px;
    }

        .limo-step-2 .container-warning p {
            color: #666666;
            font-family: 'CeraPro-Light';
            font-weight: 300;
        }

    .limo-step-2 .container-passengers .label-title {
        margin-bottom: 20px;
        font-family: 'CeraPro-Regular';
        font-size: 26px;
        letter-spacing: -0.31px;
        line-height: 36px;
    }

    .limo-step-2 .container-passengers .list-passengers {
        gap: 20px 31px;
        grid-template-columns: calc((100% - 31px) / 2) calc((100% - 31px) / 2);
    }

    .limo-step-2 .container-notes-to-driver .label-title {
        margin-bottom: 12px;
        color: #000;
        font-family: 'CeraPro-Regular';
        font-size: 14px;
        letter-spacing: -0.34px;
        line-height: 20px;
    }

    .limo-form .container-back-link {
        display: none;
    }

    .limo-step-2 .limo-booking-detail .container-button,
    .limo-step-3 .limo-booking-detail .container-button,
    .limo-step-4 .limo-booking-detail .container-button {
        grid-template-columns: 30% auto;
    }

    .limo-step-2 .container-car-type {
        gap: 10px;
        height: fit-content;
        border-bottom: none;
        flex-direction: column;
    }

        .limo-step-2 .container-car-type .car-type-item {
            height: 65px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 24px 20px;
            font-size: 17px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 21px;
        }

            .limo-step-2 .container-car-type .car-type-item .heading-04 {
                line-height: 21px;
            }

            .limo-step-2 .container-car-type .car-type-item .container-infor {
                gap: 10px;
                width: fit-content;
                font-size: 14px;
                letter-spacing: -0.34px;
                line-height: 20px;
            }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .limo-step-2 .list-passengers .label-tile-input {
        font-size: 12px;
    }
}

/*--- End limo step 2 ---*/
/*--- Start limo step 3 ---*/
.limo-step-3 .container-trip-quotation {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .limo-step-3 .container-trip-quotation label,
    .limo-step-3 .container-trip-summary .container-start label {
        margin: 0;
    }

.limo-step-3 .container-sumary {
    width: 30%;
    float: right;
    min-width: 240px;
    margin-bottom: 30px;
}

    .limo-step-3 .container-sumary p,
    .pop-up-passenger-details .container-sumary p {
        display: flex;
        position: relative;
    }

        .limo-step-3 .container-sumary p span,
        .pop-up-passenger-details .container-sumary p span {
            z-index: 1;
            background-color: #fff;
        }

            .limo-step-3 .container-sumary p span.price,
            .pop-up-passenger-details .container-sumary p span.price {
                z-index: 1;
                position: absolute;
                bottom: 0;
                right: 0;
            }

        .limo-step-3 .container-sumary p:before,
        .pop-up-passenger-details .container-sumary p:before {
            content: '';
            position: absolute;
            bottom: .4rem;
            width: 100%;
            height: 0;
            line-height: 0;
            border-bottom: 2px dotted #CAD1D6;
        }

.limo-step-3 .container-departure-trip {
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #CAD1D6;
    margin-top: 100px;
}

    .limo-step-3 .container-departure-trip .container-start {
        display: grid;
        gap: 30px;
        margin-bottom: 30px;
        grid-template-columns: 45% auto;
    }

    .limo-step-3 .container-departure-trip .container-middle .label-title,
    .limo-step-3 .container-flight-detail .container-middle .label-title {
        font-size: 12px;
        letter-spacing: 0.86px;
        line-height: 20px;
    }

    .limo-step-3 .container-departure-trip .container-start img {
        width: 290px;
        border-radius: 10px;
    }

    .limo-step-3 .container-departure-trip .container-end {
        display: flex;
        gap: 10px;
        align-items: center;
        width: 100%;
        color: #767474;
    }

.limo-step-3 .container-vehicle-details {
    width: 100%;
}

    .limo-step-3 .container-vehicle-details .label-title {
        font-size: 12px;
        letter-spacing: 0.86px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .limo-step-3 .container-vehicle-details div {
        border-bottom: 1px dashed #CAD1D6;
        display: grid;
        grid-template-columns: 170px auto;
        padding: 6px 0 13px;
    }

.lio-step-3 .container-departure-trip + .button-departure-trip,
.limo-step-3 .container-trip-summary + .button-trip-summary,
.pop-up-trip-summary {
    display: none;
}

.limo-step-3 .container-list-charge {
    display: grid;
    grid-template-columns: 50% 50%;
    row-gap: 6px;
    margin: 20px 0 30px;
}

.limo-step-3 .container-detail .container-list-infor {
    display: grid;
    grid-template-columns: calc((100% - 20px) / 2) calc((100% - 20px) / 2);
    row-gap: 6px;
    column-gap: 20px;
    margin: 20px 0 17px;
}

    .limo-step-3 .container-list-charge div,
    .limo-step-3 .container-detail .container-list-infor div {
        display: grid;
        grid-template-columns: 160px auto;
        padding-bottom: 13px;
        border-bottom: 1px dashed #CAD1D6;
    }

        .limo-step-3 .container-list-charge div:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

.limo-step-3 .container-trip-summary .container-start {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0;
}

.limo-step-3 .container-trip-summary .container-top {
    border-radius: 15px 15px 0 0;
    background-color: #EFE3D3;
    width: 100%;
    height: fit-content;
    padding: 10px 30px 20px;
}

.limo-step-3 .container-trip-summary .container-flight-number {
    padding-bottom: 18.5px;
    border-bottom: 2px solid rgb(0, 0, 0, 0.1);
}

.limo-step-3 .container-trip-summary .container-from-to {
    display: grid;
    grid-template-columns: calc((100% - 10px) / 2) calc((100% - 10px) / 2);
    margin-top: 9.5px;
    gap: 10px;
}

    .limo-step-3 .container-trip-summary .container-from-to div label {
        display: block;
    }

        .limo-step-3 .container-trip-summary .container-from-to div label:last-child {
            text-align: left;
        }

.limo-step-3 .container-trip-summary .container-bottom {
    border-radius: 0 0 15px 15px;
    background-color: transparent;
    border: 2px solid #EFE3D3;
    width: 100%;
    height: fit-content;
    padding: 20px 30px 30px;
}

    .limo-step-3 .container-trip-summary .container-bottom .special-request {
        display: block;
        margin-top: 25px;
    }

    .limo-step-3 .container-trip-summary .container-bottom .container-detail {
        border-bottom: 1px solid #EAEEF0;
        margin-top: 20px;
    }

        .limo-step-3 .container-trip-summary .container-bottom .container-detail:last-child,
        .limo-step-3 .container-detail .container-list-infor div:last-child,
        .limo-step-3 .container-detail .container-list-infor div:nth-last-child(2),
        .limo-step-3 .container-vehicle-details div:last-child {
            border-bottom: none;
        }

.limo-step-3 .limo-booking-detail .ic-limo-step::after {
    content: '';
    width: 5px;
    height: 20px;
    position: absolute;
}

.limo-step-3 .limo-booking-detail .limo-step div:last-child .item-step:last-child .ic-limo-step::after {
    left: 12px;
    bottom: 30px;
    background: #EFE3D3;
}

.limo-step-3 .limo-booking-detail .limo-step div:first-child .item-step:first-child .ic-limo-step::after {
    left: 12px;
    top: 30px;
    background: #D0D4DD;
}

.limo-step-3 .limo-booking-detail .ic-limo-step::after {
    left: 12px;
    top: 30px;
    background: #D0D4DD;
}

.limo-step-3 .container-departure-trip + .button-departure-trip,
.limo-step-3 .container-trip-summary + .button-trip-summary {
    display: none;
}

@media only screen and (max-width: 767px) {

    .limo-step-3 .container-sumary,
    .pop-up-passenger-details .container-sumary {
        margin-top: 20px;
        width: 100%;
        color: #666;
        font-family: 'CeraPro-Light';
    }

    .limo-step-3 .container-departure-trip .container-start {
        display: block;
        margin: 0;
    }

        .limo-step-3 .container-departure-trip .container-start img {
            width: 100%;
            margin-bottom: 15px;
        }

    .limo-step-3 .container-vehicle-details .label-title {
        margin-bottom: 15px;
    }

    .limo-step-3 .container-vehicle-details div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #DDE2E6;
        ;
    }

    .limo-step-3 .container-departure-trip .container-end,
    .limo-step-3 .container-departure-trip .container-middle,
    .limo-step-3 .container-trip-summary .container-bottom {
        display: none;
    }

    .limo-step-3 .container-departure-trip {
        border-radius: 10px;
        padding: 20px;
    }

        .limo-step-3 .container-departure-trip + .button-departure-trip,
        .limo-step-3 .container-trip-summary + .button-trip-summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: fit-content;
            padding: 8px 15px 10px;
            border-radius: 10px;
            background-color: #DDE2E6;
            margin: 20px 0 40px;
        }

    .limo-step-3 .container-trip-summary .container-start {
        margin: 46px 0 15px;
    }

    .limo-step-3 .container-trip-summary .container-top {
        border: 1px solid #CAD1D6;
        border-radius: 10px;
        background-color: transparent;
        padding: 0;
    }

    .limo-step-3 .container-trip-summary .container-flight-number {
        padding: 25px 20px 20px;
        border-bottom: none;
    }

    .limo-step-3 .container-trip-summary .container-from-to {
        grid-template-columns: auto;
        padding: 10px 20px 20px;
        background-color: #EFE3D3;
        gap: 14.5px;
        margin-top: 0;
        border-radius: 0 0 10px 10px;
    }

        .limo-step-3 .container-trip-summary .container-from-to div {
            display: grid;
            grid-template-columns: 50px auto;
            gap: 10px;
        }

            .limo-step-3 .container-trip-summary .container-from-to div:last-child {
                border-top: 1px solid rgb(102, 102, 102, 0.2);
                padding-top: 9.5px;
            }

    .limo-step-3 .container-trip-summary .container-flight-number .heading-04 {
        font-family: 'CeraPro-Medium';
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 21px;
    }

    .pop-up-trip-summary,
    .pop-up-passenger-details {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        width: 100%;
        display: block;
        max-height: calc(100vh - 100px);
        border-radius: 20px 20px 0 0;
    }

        .pop-up-passenger-details .container-body {
            height: calc(100vh - 148px);
            overflow-y: auto;
        }

        .pop-up-passenger-details .container-end {
            display: flex;
            gap: 10px;
            align-items: center;
            width: 100%;
            font-family: 'CeraPro-Light';
            margin-bottom: 50px;
        }

        .pop-up-trip-summary .container-start,
        .pop-up-passenger-details .container-start {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 10px;
        }

        .pop-up-trip-summary .container-body {
            padding: 40px 20px 20px;
            height: calc(100vh - 148px);
            overflow-y: auto;
        }

        .pop-up-trip-summary .label-title,
        .pop-up-passenger-details .container-start label {
            margin: 0;
        }

        .pop-up-trip-summary .label-description {
            color: #666666;
            display: block;
            margin-bottom: 20px;
        }

        .pop-up-trip-summary .container-detail,
        .pop-up-passenger-details .container-detail {
            margin-bottom: 30px;
        }

        .pop-up-passenger-details .img-vehicle {
            width: 100%;
            margin-bottom: 15px;
        }

        .pop-up-trip-summary .container-detail div:nth-child(2),
        .pop-up-passenger-details .container-detail div:nth-child(2) {
            border-top: none;
            padding: 15px 0 10px;
        }

        .pop-up-trip-summary .container-detail div,
        .pop-up-passenger-details .container-detail div {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 0;
            border-top: 1px solid #DDE2E6;
        }

        .pop-up-trip-summary .special-request {
            display: block;
            margin-top: 15px;
        }

        .pop-up-trip-summary .container-from-to {
            margin: 0 -20px 20px;
            background-color: #EFE3D3;
            padding: 10px 20px 15px;
        }

            .pop-up-trip-summary .container-from-to div {
                display: grid;
                grid-template-columns: 50px auto;
                gap: 10px;
                padding-bottom: 14.5px;
                margin-bottom: 9.5px;
                border-bottom: 1px solid rgb(102, 102, 102, 0.2);
            }

                .pop-up-trip-summary .container-from-to div label:last-child,
                .limo-step-3 .container-trip-summary .container-from-to div label:last-child {
                    text-align: right;
                }

                .pop-up-trip-summary .container-from-to div:last-child {
                    border-bottom: none;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }

                .pop-up-trip-summary .container-from-to div label:first-child,
                .pop-up-trip-summary .container-detail div label:first-child,
                .pop-up-passenger-details .container-from-to div label:first-child,
                .pop-up-passenger-details .container-detail div label:first-child {
                    font-family: 'CeraPro-Light';
                    color: #666;
                }
}

/*--- End limo step 3 ---*/
/*--- Start limo step 4 ---*/
.limo-step-4 .container-passenger-detail .start,
.limo-step-4 .container-secured-payment .start {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
}

    .limo-step-4 .container-passenger-detail .start img {
        height: 22px;
        width: 22px;
    }

.limo-step-4 .container-secured-payment {
    margin-top: 40px;
}

.limo-step-4 .container-passenger-detail-infor {
    display: grid;
    grid-template-columns: 28% 28% auto;
    gap: 30px;
}

.limo-step-4 .container-passenger-detail-insert .padding-20 {
    padding-bottom: 20px;
}

.limo-step-4 .container-secured-payment .payment-item {
    height: 110px;
}

.limo-step-4 .container-logo {
    font-size: 11px;
    letter-spacing: -0.26px;
    line-height: 15px;
}

    .limo-step-4 .container-logo img,
    .limo-step-4 .container-secured-payment .error-message {
        display: block;
    }

.limo-step-4 .container-policy {
    grid-template-columns: 28px auto;
    gap: 10px;
    margin-bottom: 27px;
}

    .limo-step-4 .container-policy a,
    .limo-step-4 .container-policy a:hover {
        cursor: pointer;
        text-decoration: underline;
        font-weight: 500;
        font-family: 'CeraPro-Medium';
    }

    .limo-step-4 .container-policy.undisplay-mobile {
        display: grid;
    }

    .limo-step-4 .container-policy.display-mobile,
    #DataEncryptContainer {
        display: none;
    }

.limo-step-4 .container-passenger-detail .start label,
.limo-step-4 .container-secured-payment .start label {
    margin: 0;
}

.limo-step-4 .limo-booking-detail .ic-limo-step::after {
    left: 12px;
    top: 30px;
    background: #D0D4DD;
}

.limo-step-4 .limo-booking-detail .limo-step div:last-child .item-step:last-child .ic-limo-step::after {
    content: none;
}

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

.border-error {
    border: 1px solid #9A3D37;
    background-color: rgba(154, 61, 55, 0.05);
}

.limo-step-4 .pop-up-t-and-c ol,
.limo-step-4 .pop-up-t-and-c li,
.limo-step-4 .pop-up-t-and-c ul {
    list-style: revert;
}

    .limo-step-4 .pop-up-t-and-c li ul,
    .limo-step-4 .pop-up-t-and-c li ol {
        padding-left: 1rem;
    }

@media only screen and (max-width: 767px) {
    .limo-step-4 .container-passenger-detail-infor {
        grid-template-columns: auto;
        gap: 9.5px;
    }

        .limo-step-4 .container-passenger-detail-infor .label-tile-input {
            margin: 0;
        }

        .limo-step-4 .container-passenger-detail-infor div {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #DDE2E6;
            padding-bottom: 14.5px;
        }

            .limo-step-4 .container-passenger-detail-infor div:last-child {
                border-bottom: none;
            }

    .limo-step-4 .container-passenger-detail .start,
    .limo-step-4 .container-secured-payment .start {
        margin-bottom: 20px;
        align-items: center;
    }

    .limo-step-4 .container-secured-payment .payment-item {
        height: fit-content;
    }

    .limo-step-4 .container-secured-payment .error-message,
    .limo-step-4 .container-secured-payment .custom-input {
        margin-bottom: 10px;
    }

    .limo-step-4 .container-logo {
        color: #666;
        font-family: 'CeraPro-Light';
        font-size: 14px;
        font-weight: 300;
        letter-spacing: -0.34px;
        line-height: 20px;
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
        padding-bottom: 25px;
        border-bottom: 1px solid #EAEEF0;
    }

    .limo-step-4 .container-policy.undisplay-mobile {
        display: none;
    }

    .limo-step-4 .container-policy.display-mobile {
        display: grid;
    }
}

/*--- End limo step 4 ---*/
/*--- Start pop up in my profile ---*/
.pop-up-my-preference {
    height: fit-content;
    background-color: #fff;
    max-width: 540px !important;
    width: 100%;
    vertical-align: baseline;
    margin: 0 auto;
    border-radius: 15px;
    position: relative;
}

.pop-up-my-details-delete,
.pop-up-change-pass,
.pop-up-requests-filter {
    height: fit-content;
    background-color: #fff;
    max-width: 820px !important;
    width: 100%;
    vertical-align: baseline;
    margin: 0 auto;
}

.pop-up-my-preference .title-pop-up {
    display: block;
    padding: 0;
    margin: 0;
}

.pop-up-my-preference .footer-btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 20px 0px 30px;
    box-shadow: none;
    position: unset;
}

    .pop-up-my-preference .footer-btn-group .clear-link {
        cursor: pointer;
    }

.pop-up-my-preference .container-center {
    padding-top: 0;
}

#input-search-cuisine::placeholder {
    color: #666666;
}

#input-search-cuisine {
    border: none;
    color: #152B55;
    background-color: transparent;
}

#clear-search-icon {
    display: flex;
    width: 33px;
    height: 33px;
    align-items: center;
}
    #clear-search-icon:focus {
        border: 1px solid black;
        padding: 0px 0px 0px 5px;
    }

.cuisine-list {
    height: 345px;
    margin: 15px -40px 0;
    scroll-behavior: smooth;
    box-sizing: border-box;
    overflow-y: auto;
    width: calc(100% + 80px);
    max-width: unset;
    padding: 0;
}

    .cuisine-list + .footer-btn-group {
        margin: 0 -40px;
        padding: 20px 40px 30px;
        width: calc(100% + 80px);
        max-width: unset;
        box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.08);
    }

.lang-list {
    margin: 20px -40px 0;
    scroll-behavior: smooth;
    box-sizing: border-box;
    overflow-y: auto;
    width: calc(100% + 80px);
    max-width: unset;
    padding: 0;
}

.lang-item {
    width: 100%;
    height: fit-content;
    padding: 10px 40px;
    margin-bottom: 1px;
}

    .lang-item p {
        color: #767474;
        margin: 0;
    }

.cuisine-item {
    width: 100%;
    height: 43px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 35px 0 40px;
    margin-bottom: 1px;
}

    .cuisine-item-selected.cuisine-item,
    .lang-item-selected,
    .cuisine-item:hover {
        background-color: #EFE3D3;
    }

.cuisine-item-selected img {
    display: block !important;
}

.cuisine-item img,
.cuisine-item:hover img {
    display: none;
}

.pop-up-my-preference .undisplay-mobile.popupClose {
    position: absolute;
    top: 40px;
    right: 40px;
}

.pop-up-my-preference .search-text {
    border: 1px solid #ced4da;
    display: flex;
    width: 100%;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    gap: 7px;
    margin-top: 20px;
}

    .pop-up-my-preference .search-text:focus-within {
        border: 1px solid #152B55;
    }

.pop-up-change-pass .container-start .label-title {
    margin: 0 0 29px;
}

.pop-up-change-pass .container-item {
    margin-bottom: 20px;
}

.pop-up-change-pass ul.list-pwd-condition {
    display: grid;
    grid-template-columns: auto auto auto;
    list-style: none;
    gap: 5px;
}

    .pop-up-change-pass ul.list-pwd-condition li,
    .pop-up-requests-filter .requests-filter-list div {
        display: flex;
        align-items: center;
    }

        .pop-up-change-pass ul.list-pwd-condition li label {
            color: #000;
            margin-left: 10px;
        }

.pop-up-change-pass .container-end {
    padding: 40px 0 80px;
    display: flex;
    gap: 20px;
}

.pop-up-requests-filter .label-title {
    margin: 0 0 47px;
}

.pop-up-requests-filter .requests-filter-list {
    display: grid;
    grid-template-columns: 31% 31% 31%;
    gap: 20px;
}

.pop-up-requests-filter .container-button {
    display: flex;
    gap: 20px;
    padding: 50px 0 80px;
}

.pop-up-my-details-delete .label-title {
    margin: 0;
}

.pop-up-my-details-delete .container-button {
    display: flex;
    gap: 20px;
    padding: 60px 0 80px;
}

@media only screen and (max-width: 767px) {

    .pop-up-change-pass,
    .pop-up-my-details-delete,
    .pop-up-requests-filter,
    .pop-up-my-preference {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        overflow-y: auto;
        width: 100%;
    }

    .pop-up-my-preference {
        border-radius: 0;
    }

    .pop-up-change-pass .container-end {
        padding: 50px 0 55px;
    }

    .pop-up-change-pass ul.list-pwd-condition {
        grid-template-columns: auto auto;
    }

    .pop-up-my-details-delete .container-button,
    .pop-up-loyalty .container-button {
        padding: 60px 0 55px;
        display: grid;
        grid-template-columns: 30% auto;
    }

    .pop-up-requests-filter .label-title {
        margin-bottom: 30px;
    }

    .pop-up-requests-filter .requests-filter-list {
        grid-template-columns: calc((100% - 20px) /2) calc((100% - 20px) /2);
        gap: 15px 20px;
    }

    .pop-up-requests-filter .container-button {
        padding: 40px 0 55px;
        display: grid;
        grid-template-columns: 50% auto;
    }

        .pop-up-my-details-delete .container-button .btn-cancel,
        .pop-up-my-details-delete .container-button .btn-delete,
        .pop-up-requests-filter .container-button .btn-clear,
        .pop-up-requests-filter .container-button .btn-save {
            width: unset;
        }

    .pop-up-my-preference .title-pop-up {
        margin: 0;
        font-family: 'CeraPro-Regular';
        font-size: 26px;
        letter-spacing: -0.31px;
        line-height: 36px;
    }

    .cuisine-item {
        padding: 0 40px;
    }

    .lang-list,
    .cuisine-list {
        width: calc(100% + 60px);
    }

    .pop-up-my-preference .footer-btn-group {
        padding: 20px 0px 55px;
        gap: 20px;
        flex-direction: row-reverse;
    }

    .pop-up-my-preference .cuisine-list + .footer-btn-group {
        margin: 0 -20px;
        padding: 20px 20px 55px;
        width: calc(100% + 40px);
    }

    .pop-up-my-preference .footer-btn-group .clear-link {
        height: 45px;
        width: fit-content;
        padding: 0 30px;
        border: 1px solid #152B55;
        border-radius: 22.5px;
        background-color: #FFFFFF;
        color: #152B55;
        line-height: 45px;
        word-break: keep-all;
    }

    .pop-up-my-preference .footer-btn-group .btn-save {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 820px) {

    .pop-up-my-details-delete,
    .pop-up-requests-filter,
    .pop-up-change-pass,
    .pop-up-my-preference {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .cuisine-item:hover {
        background-color: transparent;
    }

    .cuisine-item-selected.cuisine-item {
        background-color: #EFE3D3;
    }
}

/*--- End pop up in my profile ---*/
/*--- Start benefit detail module ---*/
.promo-code-module .container-start .title {
    margin-left: 20px;
    margin-bottom: 0px;
}

.promo-code-module .separator-option {
    background-color: #A1AFC9;
    width: 100%;
    height: 1px;
    margin: 20px 0 15px;
    display: block;
}

.promo-code-module .container-end {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .promo-code-module .container-end .container-copy-code {
        display: flex;
        gap: 10px;
        align-items: center;
    }

        .promo-code-module .container-end .container-copy-code a {
            text-decoration: underline;
            cursor: pointer;
        }

.common-detail-left .container-detail {
    margin: 40px 0 120px;
}

    .common-detail-left .container-detail label {
        display: block;
        margin-bottom: 15px;
    }

    .common-detail-left .container-detail p {
        margin-bottom: 0;
    }

    .common-detail-left .container-detail .container-images {
        display: flex;
        gap: 30px;
        margin: 40px 0;
    }

        .common-detail-left .container-detail .container-images img {
            max-width: unset;
            object-fit: cover;
            min-width: 0;
        }

    .common-detail-left .container-detail .container-image img {
        width: 100%;
        margin: 40px 0 0;
        height: 340px;
        object-fit: cover;
    }

.common-detail-right .booking-online-detail,
.common-detail-right .booking-not-require-detail {
    height: fit-content;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 15px 25px -10px rgba(0, 0, 0, 0.15);
    padding: 50px 40px;
    margin-top: 70px;
}

.common-detail-right .booking-place-request-detail {
    margin: 90px 0 60px;
    height: fit-content;
}

    .common-detail-right .booking-place-request-detail p {
        margin: 15px 0;
        border-top: 1px solid #ccc;
        padding: 15px 0;
        border-bottom: 1px solid #ccc;
    }

    .common-detail-right .booking-place-request-detail .container-button {
        text-align: center;
    }

        .common-detail-right .booking-place-request-detail .container-button span {
            display: block;
            margin: 15px 0;
        }

.common-detail-right .booking-online-detail {
    text-align: center;
    border: 1px solid #A1AFC9;
}

.common-detail-right .booking-not-require-detail {
    border: none;
    background-color: #EAEEF0;
}

    .common-detail-right .booking-not-require-detail .container-warning {
        border-radius: 8px;
        padding: 17px 30px;
        display: flex;
        align-items: center;
        gap: 20px;
        margin: 23px 0 15px;
        background-color: #DDE2E6;
    }

    .common-detail-right .booking-not-require-detail a {
        text-align: center;
        margin-top: 32px;
        cursor: pointer;
        display: block;
        color: #152b55;
    }

        .common-detail-right .booking-not-require-detail a:hover {
            text-decoration: underline;
        }

.common-detail-right .booking-online-detail .label-title {
    margin-bottom: 40px;
}

.common-detail-right .booking-online-detail .label-description {
    margin-bottom: 20px;
}

.booking-online-detail label {
    display: block;
}

.common-detail-right .booking-online-detail p {
    font-weight: 500;
    margin-bottom: 40px;
}

.common-detail-right .booking-online-detail span {
    display: block;
    margin: 15px 0;
}

.common-detail-left .about-module-2 {
    margin: 40px 0 120px;
}

    .common-detail-left .about-module-2 label,
    .common-detail-left .about-module-2 p {
        display: block;
        margin-bottom: 15px;
    }

    .common-detail-left .about-module-2 .container-end .detail-link {
        display: flex;
        gap: 15px;
        align-items: center;
        margin-bottom: 40px;
    }

    .common-detail-left .about-module-2 .ic-earth-red {
        height: 28px;
        width: 28px;
    }

    .common-detail-left .about-module-2 .container-end a {
        color: #E60000;
        cursor: pointer;
    }

        .common-detail-left .about-module-2 .container-end a:hover {
            text-decoration: underline;
        }

@media (min-width: 768px) and (max-width: 1170px) {

    .promo-code-module,
    .common-detail-right .booking-online-detail,
    .common-detail-right .booking-not-require-detail {
        padding: 20px;
    }

        .common-detail-right .booking-online-detail button {
            min-width: unset;
        }
}

@media only screen and (max-width: 767px) {
    .common-detail-left .container-detail {
        margin: 40px 20px 35px;
    }

    .common-detail-left .about-module-2 {
        margin: 30px 20px 40px;
    }

    .common-detail-right .booking-online-detail,
    .common-detail-right .booking-not-require-detail {
        margin: 0 20px 60px;
        width: auto;
        padding: 40px 20px;
        border-radius: 20px;
    }

        .common-detail-right .booking-online-detail .label-title {
            font-family: 'CeraPro-Regular';
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
            margin-bottom: 30px;
        }

        .common-detail-right .booking-online-detail .label-description,
        .common-detail-left .about-module-2 .container-end .detail-link {
            margin-bottom: 15px;
        }

        .common-detail-right .booking-online-detail button {
            height: 45px;
        }

        .common-detail-right .booking-online-detail span {
            color: #666666;
            font-family: 'CeraPro-Light';
            font-weight: 300;
        }
}

/*--- End benefit detail module ---*/
/*--- Start benefit landing page ---*/
.benefit-landing-page {
    width: 1170px;
    margin: 0 auto;
}

    .benefit-landing-page .container-start {
        width: 70%;
        margin: 60px 0;
    }

        .benefit-landing-page .container-start label {
            display: block;
            margin-bottom: 30px;
            margin-top: 0;
        }

        .benefit-landing-page .container-start p {
            display: block;
            margin: 0;
        }

    .benefit-landing-page .container-filter {
        display: grid;
        grid-template-columns: 30% 23% 23% auto;
        gap: 30px;
        margin-bottom: 30px;
    }

        .benefit-landing-page .container-filter .container-sort-by {
            display: flex;
            gap: 10px;
            align-items: center;
            color: #666666;
            justify-content: flex-end;
        }

        .benefit-landing-page .container-filter #dropdown-categories {
            max-width: unset;
        }

            .benefit-landing-page .container-filter #dropdown-categories.dropdown-active .dropdown-title {
                border-color: #152B55;
            }

            .benefit-landing-page .container-filter #dropdown-categories .dropdown-content {
                padding: 10px 15px;
                border-radius: 0;
                top: 61px;
            }

            .benefit-landing-page .container-filter #dropdown-categories .dropdown-title {
                align-items: center;
                justify-content: space-between;
                border-radius: 0;
            }

            .benefit-landing-page .container-filter #dropdown-categories .categories-selected,
            .benefit-landing-page .container-filter .container-sort-by .dropdown-sort-by-label img {
                display: none;
            }

        .benefit-landing-page .container-filter #dropdown-sort-by .dropdown-title {
            width: unset;
            padding: 0;
        }

        .benefit-landing-page .container-filter #dropdown-categories.dropdown-active .dropdown-title img {
            -webkit-transform: none;
            transform: none;
        }

    .benefit-landing-page .container-list-item {
        display: grid;
        column-gap: 30px;
        row-gap: 70px;
        grid-template-columns: calc((100% - 60px) / 3) calc((100% - 60px) / 3) calc((100% - 60px) / 3);
        list-style: none;
        margin-bottom: 70px;
    }

        .benefit-landing-page .container-list-item .benefit-item {
            min-height: 520px;
            border: 1px solid lightgrey;
            border-radius: 15px;
            padding: 10px;
            box-shadow: 0 15px 25px -10px rgb(0 0 0 / 15%);
        }

            .benefit-landing-page .container-list-item .benefit-item img {
                width: 100%;
                height: 320px;
                background-repeat: no-repeat;
                border-radius: 10px;
                object-fit: cover;
            }

            .benefit-landing-page .container-list-item .benefit-item .benefit-detail {
                padding: 10px 20px;
                display: block;
            }

                .benefit-landing-page .container-list-item .benefit-item .benefit-detail .button-benefit-item {
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    gap: 10px;
                }

                    .benefit-landing-page .container-list-item .benefit-item .benefit-detail .button-benefit-item label {
                        margin-right: 15px;
                        cursor: pointer;
                    }

    .benefit-landing-page .container-button-load-more {
        display: flex;
        justify-content: center;
        margin: 0 0 120px;
    }

    .benefit-landing-page .button-load-more {
        width: calc((100% - 60px) / 3);
    }

    .benefit-landing-page #dropdown-country {
        position: relative;
    }

        .benefit-landing-page #dropdown-country .dropdown-title {
            height: 60px;
            color: #666666;
            align-items: center;
            padding: 16px 10px;
            gap: 8px;
            justify-content: start;
        }

        .benefit-landing-page #dropdown-country .dropdown-content {
            z-index: 9;
            max-height: 300px;
            overflow: auto;
            width: 100%;
            min-width: auto;
            padding: 0 5px;
        }

            .benefit-landing-page #dropdown-country .dropdown-content .dropdown-header {
                position: sticky;
                top: 0;
                background-color: #FFFFFF;
                padding: 15px 15px 0;
                z-index: 10;
            }

                .benefit-landing-page #dropdown-country .dropdown-content .dropdown-header .search-country {
                    height: 40px;
                    width: 100%;
                    border: 1px solid #CAD1D6;
                }

                .benefit-landing-page #dropdown-country .dropdown-content .dropdown-header .ic-search {
                    margin: 5px 10px 5px 5px;
                }

                .benefit-landing-page #dropdown-country .dropdown-content .dropdown-header .separator-option {
                    margin: 12px 0 15px;
                    background-color: #EAEEF0;
                    height: 1px;
                    display: block;
                    width: 100%;
                }

                .benefit-landing-page #dropdown-country .dropdown-content .dropdown-header .dd-sort-label {
                    color: #666666;
                    font-family: 'OpenSans-Regular';
                    font-size: 15px;
                    letter-spacing: -0.2px;
                    line-height: 20px;
                    display: block;
                    margin-top: 7px;
                }

            .benefit-landing-page #dropdown-country .dropdown-content .dropdown-footer {
                padding: 0 5px 14px 5px;
                box-sizing: border-box;
                overflow: auto;
            }

                .benefit-landing-page #dropdown-country .dropdown-content .dropdown-footer .no-items {
                    padding: 0 10px;
                    color: #152B55;
                    line-height: 38px;
                    display: none;
                }

                .benefit-landing-page #dropdown-country .dropdown-content .dropdown-footer .dropdown-item-country,
                .category-landing-module-v2 #dropdown-country .dropdown-footer .dropdown-item-country,
                .pop-up-filter-landing #dropdown-country .dropdown-footer .dropdown-item-country {
                    width: 100%;
                    height: 30px;
                    display: flex;
                    align-items: center;
                    padding: 0 10px;
                }
                    .benefit-landing-page #dropdown-country .dropdown-content .dropdown-footer .dropdown-item-country button {
                        border: 0;
                        background: none;
                        padding: 0px;
                        display: flex;
                        width: 100%;
                        background-color: unset;
                        align-items: center;
                    }
                    .benefit-landing-page #dropdown-country .dropdown-content .dropdown-footer .dropdown-item-country button:focus {
                        outline: 0;
                    }

                    .benefit-landing-page #dropdown-country .dropdown-content .dropdown-footer .dropdown-item-country.dropdown-selected-item-country,
                    .category-landing-module-v2 #dropdown-country .dropdown-footer .dropdown-item-country.dropdown-selected-item-country,
                    .pop-up-filter-landing #dropdown-country .dropdown-footer .dropdown-item-country.dropdown-selected-item-country {
                        border-radius: 4px;
                        background-color: #152B55;
                        color: #fff;
                    }

        .benefit-landing-page #dropdown-country.dropdown-active .dropdown-title img {
            -webkit-transform: none;
            transform: none;
        }

@media only screen and (max-width: 768px) {
    .benefit-landing-page {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

        .benefit-landing-page .container-start {
            width: 100%;
            margin: 40px 0;
        }

            .benefit-landing-page .container-start label {
                margin-bottom: 12px;
            }

        .benefit-landing-page .container-list-item {
            row-gap: 20px;
            grid-template-columns: 100%;
            margin-bottom: 50px;
        }

        .benefit-landing-page .container-filter {
            grid-template-columns: 100%;
            gap: 15px;
        }

        .benefit-landing-page .container-list-item .benefit-item {
            height: fit-content;
            min-height: auto;
        }

            .benefit-landing-page .container-list-item .benefit-item img {
                height: 285px;
            }

            .benefit-landing-page .container-list-item .benefit-item .benefit-detail {
                padding: 30px 10px 18px;
            }

                .benefit-landing-page .container-list-item .benefit-item .benefit-detail .label-title {
                    font-size: 17px;
                    font-weight: 500;
                    letter-spacing: 0;
                    line-height: 21px;
                    margin-bottom: 10px;
                    height: auto;
                }

        .benefit-landing-page .container-button-load-more {
            margin: 0 0 80px;
        }

        .benefit-landing-page .button-load-more {
            height: 45px;
            width: fit-content;
            padding: 0 36px;
        }

        .benefit-landing-page .container-filter #dropdown-sort-by .dropdown-title label {
            max-width: unset;
        }

        .benefit-landing-page .container-filter #dropdown-sort-by .dropdown-title {
            border: none;
        }

            .benefit-landing-page .container-filter #dropdown-sort-by .dropdown-title .ic-down,
            .benefit-landing-page .container-sort-by .label-title,
            .benefit-landing-page .container-filter .container-sort-by .dropdown-sort-by-label img {
                display: block;
            }

        .benefit-landing-page .container-filter .container-sort-by {
            border: 1px solid #CAD1D6;
            justify-content: space-between;
            padding: 0 10px;
            position: relative;
        }

            .benefit-landing-page .container-filter .container-sort-by .dropdown-sort-by-label {
                display: flex;
                gap: 10px;
                align-items: center;
            }

    #dropdown-sort-by .dropdown-content {
        width: 100%;
    }

    .benefit-landing-page #dropdown-sort-by {
        position: unset;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .benefit-landing-page {
        width: auto;
        margin: 0 20px;
    }

        .benefit-landing-page .container-filter {
            gap: 10px;
        }

        .benefit-landing-page .container-list-item {
            grid-template-columns: calc((100% - 40px) / 2) calc((100% - 40px) / 2);
            gap: 40px;
        }
}

/*--- End benefit landing page ---*/
/*--- Start golf landing page - v1 ---*/
.golf-landing-page-v1 {
    width: 1170px;
    margin: 0 auto;
}

    .golf-landing-page-v1 .label-title {
        margin: 60px 0 30px;
    }

    .golf-landing-page-v1 .golf-steps {
        display: grid;
        grid-template-columns: calc((100% - 36px) / 3) calc((100% - 36px) / 3) calc((100% - 36px) / 3);
        gap: 18px;
        margin-bottom: 100px;
    }

        .golf-landing-page-v1 .golf-steps .step-item label {
            color: #152B55;
            display: block;
            line-height: 57px;
        }

        .golf-landing-page-v1 .golf-steps .step-item p {
            margin: 6px 0 0;
        }

            .golf-landing-page-v1 .golf-steps .step-item p a {
                color: #0051DC;
            }

    .golf-landing-page-v1 .label-description {
        margin-bottom: 50px;
        width: 60%;
    }

    .golf-landing-page-v1 .container-start {
        margin-bottom: 50px;
    }

        .golf-landing-page-v1 .container-start label {
            display: block;
            color: #152B55;
        }

    .golf-landing-page-v1 .container-filter {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
    }

        .golf-landing-page-v1 .container-filter .search-text {
            width: 70%;
        }

        .golf-landing-page-v1 .container-filter .container-sort-by .label-title {
            color: #666666;
            white-space: nowrap;
            font-size: 14px;
            letter-spacing: -0.34px;
            line-height: 20px;
            margin: 0;
        }

    .golf-landing-page-v1 .button-show-more {
        height: 60px;
        width: 200px;
        color: #163049;
        font-family: 'OpenSans-Regular';
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
        text-align: center;
        border: 1px solid #152B55;
        border-radius: 8px;
    }

    .golf-landing-page-v1 .container-list-item {
        display: grid;
        gap: 70px 30px;
        grid-template-columns: calc((100% - 60px) / 3) calc((100% - 60px) / 3) calc((100% - 60px) / 3);
        list-style: none;
        margin-bottom: 70px;
    }

        .golf-landing-page-v1 .container-list-item .golf-item img {
            width: 100%;
            height: 320px;
            border-radius: 10px;
            background-repeat: no-repeat;
        }

        .golf-landing-page-v1 .container-list-item .golf-item .golf-detail .label-title {
            display: block;
            color: #152B55;
            margin: 0;
        }

        .golf-landing-page-v1 .container-list-item .golf-item .golf-detail .label-description {
            width: 100%;
        }

        .golf-landing-page-v1 .container-list-item .golf-item .golf-detail .button-golf-item {
            display: flex;
            gap: 11px;
            align-items: center;
        }

            .golf-landing-page-v1 .container-list-item .golf-item .golf-detail .button-golf-item img {
                height: 7px;
                width: 4px;
            }

    .golf-landing-page-v1 .container-button-load-more {
        display: flex;
        justify-content: center;
        margin: 0 0 120px;
    }

        .golf-landing-page-v1 .container-button-load-more .button-load-more {
            width: calc((100% - 60px) / 3);
        }

    .golf-landing-page-v1 #clear-search-icon {
        width: 28px;
        height: 28px;
        margin: 0;
    }

    .golf-landing-page-v1 .container-start {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #EAEEF0;
    }

        .golf-landing-page-v1 .container-start .label-title {
            margin: 0 0 20px;
        }

        .golf-landing-page-v1 .container-start .container-list-map {
            display: flex;
            height: 78px;
        }

            .golf-landing-page-v1 .container-start .container-list-map .container-list,
            .golf-landing-page-v1 .container-start .container-list-map .container-map,
            .golf-landing-page-v1 .container-filter .container-sort-by,
            .golf-landing-page-v1 .container-start .container-list-map label {
                display: flex;
                align-items: center;
                cursor: pointer;
            }

            .golf-landing-page-v1 .container-start .container-list-map .container-map {
                margin-left: 30px;
            }

                .golf-landing-page-v1 .container-start .container-list-map .container-list.active,
                .golf-landing-page-v1 .container-start .container-list-map .container-map.active {
                    border-bottom: 2px solid #152B55;
                }

    .golf-landing-page-v1 .container-list-map-content .container-list-content,
    .golf-landing-page-v1 .container-list-map-content .container-map-content {
        display: none;
    }

    .golf-landing-page-v1 .container-list-map-content .container-map-content {
        margin-bottom: 120px;
    }

@media only screen and (max-width: 768px) {
    .golf-landing-page-v1 {
        width: auto;
        margin: 0 20px;
    }

        .golf-landing-page-v1 .container-start .label-title {
            margin: 0;
        }

        .golf-landing-page-v1 .label-description {
            width: 100%;
            margin-bottom: 40px;
        }

        .golf-landing-page-v1 .golf-steps {
            gap: 40px;
            grid-template-columns: 100%;
        }

            .golf-landing-page-v1 .golf-steps .step-item label {
                margin-top: 20px;
                font-size: 17px;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 21px;
            }

            .golf-landing-page-v1 .golf-steps .step-item p {
                margin: 10px 0 0;
            }

        .golf-landing-page-v1 .container-filter {
            margin-bottom: 20px;
            gap: 15px;
        }

            .golf-landing-page-v1 .container-filter .container-sort-by .label-title,
            .golf-landing-page-v1 .container-start .container-list-map .container-list label,
            .golf-landing-page-v1 .container-start .container-list-map .container-map label {
                display: none;
            }

        .golf-landing-page-v1 .container-list-item {
            row-gap: 20px;
            grid-template-columns: 100%;
            margin-bottom: 35px;
        }

            .golf-landing-page-v1 .container-list-item .golf-item img {
                height: 285px;
            }

            .golf-landing-page-v1 .container-list-item .golf-item .golf-detail {
                margin: 30px 20px 0;
            }

                .golf-landing-page-v1 .container-list-item .golf-item .golf-detail .label-description {
                    margin-bottom: 20px;
                }

        .golf-landing-page-v1 .container-start {
            margin: 38px 0 22px;
        }

        .golf-landing-page-v1 .container-button-load-more {
            margin: 0 0 65px;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .golf-landing-page-v1 {
        width: auto;
        margin: 0 20px;
    }

        .golf-landing-page-v1 .container-list-item {
            grid-template-columns: calc((100% - 40px) / 2) calc((100% - 40px) / 2);
        }
}

/*--- End golf landing page - v1 ---*/
/*--- Start golf landing page - v2 ---*/
.golf-landing-page-v2 {
    width: 1170px;
    margin: 0 auto;
}

    .golf-landing-page-v2 .exclusive-offer-module {
        margin: 40px 0 60px;
        padding: 45px 40px 25px;
    }

        .golf-landing-page-v2 .exclusive-offer-module .container-start .title {
            margin-left: 15px;
        }

        .golf-landing-page-v2 .exclusive-offer-module .container-start .title,
        .golf-landing-page-v2 .label-title {
            font-size: 32px;
            letter-spacing: -0.38px;
            line-height: 40px;
        }

        .golf-landing-page-v2 .exclusive-offer-module .descript {
            margin: 0;
            letter-spacing: -0.34px;
            line-height: 20px;
        }

        .golf-landing-page-v2 .exclusive-offer-module p {
            margin: 0;
            letter-spacing: 0;
            line-height: 18px;
        }

        .golf-landing-page-v2 .exclusive-offer-module a {
            text-decoration: none;
            color: #FFFFFF;
            letter-spacing: 0;
            line-height: 18px;
        }

    .golf-landing-page-v2 .label-title {
        display: block;
        margin: 60px 0 20px;
    }

    .golf-landing-page-v2 .label-description {
        display: block;
        width: 70%;
        margin-bottom: 40px;
    }

    .golf-landing-page-v2 .golf-steps {
        display: grid;
        grid-template-columns: calc((100% - 36px) / 3) calc((100% - 36px) / 3) calc((100% - 36px) / 3);
        gap: 18px;
        margin-bottom: 100px;
    }

        .golf-landing-page-v2 .container-list-golf .golf-item label,
        .golf-landing-page-v2 .golf-steps .step-item label {
            display: block;
            font-size: 17px;
            letter-spacing: 0;
            line-height: 21px;
        }

        .golf-landing-page-v2 .golf-steps .step-item label {
            margin: 20px 0 10px;
        }

        .golf-landing-page-v2 .golf-steps .step-item img {
            width: 70px;
            height: 70px;
        }

        .golf-landing-page-v2 .golf-steps .step-item p {
            display: block;
            margin: 0;
        }

    .golf-landing-page-v2 .container-list-golf {
        display: grid;
        gap: 20px;
        grid-template-columns: calc((100% - 20px) / 2) calc((100% - 20px) / 2);
        margin: 20px 0 60px;
        list-style: none;
    }

        .golf-landing-page-v2 .container-list-golf .golf-item {
            height: 130px;
            border-radius: 15px;
            background-color: #DDE2E6;
            width: 100%;
            padding: 30px 20px;
            cursor: pointer;
        }

            .golf-landing-page-v2 .container-list-golf .golf-item label {
                margin-bottom: 10px;
                cursor: pointer;
            }

            .golf-landing-page-v2 .container-list-golf .golf-item p {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

    .golf-landing-page-v2 .custom-input {
        padding: 0 10px;
        gap: 8px;
        align-items: center;
        display: flex;
        height: 60px;
    }

@media only screen and (max-width: 768px) {
    .golf-landing-page-v2 {
        width: auto;
        margin: 0 20px;
    }

        .golf-landing-page-v2 .label-title {
            margin: 40px 0 20px;
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
        }

        .golf-landing-page-v2 .label-description {
            width: auto;
        }

        .golf-landing-page-v2 .exclusive-offer-module {
            margin: 40px 0;
            padding: 20px;
        }

            .golf-landing-page-v2 .exclusive-offer-module .container-start .title {
                font-size: 26px;
                letter-spacing: -0.31px;
                line-height: 36px;
            }

            .golf-landing-page-v2 .exclusive-offer-module .separator-option {
                display: block;
            }

        .golf-landing-page-v2 .golf-steps,
        .golf-landing-page-v2 .container-list-golf {
            grid-template-columns: 100%;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .golf-landing-page-v2 {
        width: auto;
        margin: 0 20px;
    }
}

/*--- End golf landing page - v2 ---*/
/*--- Start no result module ---*/
.no-result-module {
    width: 1170px;
    margin: 0 auto 120px;
    display: flex;
    gap: 30px;
}

    .no-result-module img {
        height: 270px;
        width: 270px;
        border-radius: 15px;
    }

    .no-result-module .no-result-detail label {
        color: #152B55;
        display: block;
        margin-bottom: 20px;
        width: 60%;
    }

    .no-result-module .no-result-detail p {
        display: block;
        margin-bottom: 76px;
        width: 60%;
    }

    .no-result-module .no-result-detail .container-contact {
        display: grid;
        gap: 30px;
        grid-template-columns: 20% 20% auto;
    }

        .no-result-module .no-result-detail .container-contact .container-phone,
        .no-result-module .no-result-detail .container-contact .container-chat,
        .no-result-module .no-result-detail .container-contact .container-mail {
            display: flex;
            gap: 10px;
            align-items: center;
            border-bottom: 1px solid #DDE2E6;
            padding: 0 7px 30px;
            cursor: pointer;
        }

        .no-result-module .no-result-detail .container-contact label,
        .my-request-card label,
        .chat-bubble-container .chatbox-link label,
        .benefit-content-item,
        .request-history-detail .container-start div label {
            cursor: pointer;
        }

        .no-result-module .no-result-detail .container-contact .container-phone img,
        .no-result-module .no-result-detail .container-contact .container-chat img,
        .no-result-module .no-result-detail .container-contact .container-mail img {
            height: 26px;
            width: 26px;
            margin: 0;
        }

        .no-result-module .no-result-detail .container-contact .container-phone label,
        .no-result-module .no-result-detail .container-contact .container-chat label,
        .no-result-module .no-result-detail .container-contact .container-mail label {
            margin: 0;
        }

@media only screen and (max-width: 767px) {
    .no-result-module {
        width: auto;
        margin: 0 20px 80px;
        display: block;
    }

        .no-result-module img {
            height: 335px;
            width: 100%;
            margin-bottom: 30px;
        }

        .no-result-module .no-result-detail label {
            width: 100%;
        }

        .no-result-module .no-result-detail p {
            margin-bottom: 30px;
            width: 100%;
        }

        .no-result-module .no-result-detail .container-contact {
            grid-template-columns: 100%;
            gap: 11.5px;
        }

            .no-result-module .no-result-detail .container-contact .container-phone,
            .no-result-module .no-result-detail .container-contact .container-chat,
            .no-result-module .no-result-detail .container-contact .container-mail {
                padding: 0 0 19px;
            }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .no-result-module {
        width: auto;
        margin: 0 20px 80px;
    }

        .no-result-module .no-result-detail label {
            width: 100%;
        }

        .no-result-module .no-result-detail p {
            margin-bottom: 30px;
            width: 100%;
        }

        .no-result-module .no-result-detail .container-contact {
            grid-template-columns: 100%;
            gap: 11.5px;
        }

            .no-result-module .no-result-detail .container-contact .container-phone,
            .no-result-module .no-result-detail .container-contact .container-chat,
            .no-result-module .no-result-detail .container-contact .container-mail {
                padding: 0 0 19px;
            }
}

/*--- End no result module ---*/
/*--- Start cookie banner module ---*/
.cookie-banner-module {
    background-color: #152B55;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    text-align: left;
    color: #fff;
}

    .cookie-banner-module .cookie-banner {
        width: 1170px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30px 0;
        gap: 100px;
        align-items: start;
    }

        .cookie-banner-module .cookie-banner a {
            text-decoration: underline;
            color: #fff;
        }

        .cookie-banner-module .cookie-banner .container-button {
            display: flex;
            gap: 30px;
        }

            .cookie-banner-module .cookie-banner .container-button .button-close {
                background-color: transparent;
                border: 1px solid #fff;
                border-radius: 80px;
                width: 35px;
                height: 35px;
                font-size: 38px;
                font-weight: 100;
                color: #fff;
                line-height: 10px;
                font-family: 'OpenSans-Light';
                padding: 0 0 3px;
            }

@media only screen and (max-width: 767px) {
    .cookie-banner-module .cookie-banner {
        width: auto;
        margin: 0 20px;
        display: block;
        padding: 30px 0 50px;
    }

        .cookie-banner-module .cookie-banner .container-button {
            display: grid;
            margin-top: 30px;
            grid-template-columns: auto 35px;
        }

            .cookie-banner-module .cookie-banner .container-button .button-accept {
                width: 100%;
            }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .cookie-banner-module .cookie-banner {
        width: auto;
        margin: 0 20px;
    }

        .cookie-banner-module .cookie-banner .container-button {
            display: grid;
            grid-template-columns: auto 35px;
            gap: 20px;
        }
}

/*--- End cookie banner module ---*/
/*--- Start concierge form ---*/
.testimonial-module {
    padding-bottom: 120px;
}

    .testimonial-module .container-start {
        width: 1170px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #EAEEF0;
        padding: 60px 0 40px;
    }

        .testimonial-module .container-start h2,
        .get-in-touch-content .title {
            margin: 0;
        }

        .testimonial-module .container-start div {
            display: flex;
            gap: 80px;
        }

.testimonials-list-records .item-testimonial {
    width: 96% !important;
    height: 180px;
    border-radius: 15px;
    background-color: #CAD1D6;
    padding: 50px 80px 50px 80px;
    color: #fff;
    margin: 0 3%;
}

    .testimonials-list-records .item-testimonial p {
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.slick-slide.slick-current.slick-active .item-testimonial {
    background-color: #152B55;
    transition-duration: 500ms;
}

.get-in-touch {
    background-color: #F7F1E9;
    padding: 70px 0 100px;
}

.get-in-touch-content {
    width: 1170px;
    margin: 0 auto;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.get-in-touch-list {
    display: flex;
    gap: 60px;
}

    .get-in-touch-list .get-in-touch-item {
        display: flex;
        gap: 10px;
        align-items: center;
    }

@media only screen and (max-width: 767px) {
    .get-in-touch {
        padding: 20px 0 79.5px;
        background-color: #fff;
    }

    .get-in-touch-content {
        width: auto;
        margin: 0 20px;
        display: block;
    }

    .get-in-touch-list {
        display: grid;
        gap: 10px;
        margin-top: 30px;
    }

        .get-in-touch-list .get-in-touch-item {
            border-bottom: 1px solid #DDE2E6;
            padding-bottom: 11.5px;
        }

    .testimonial-module {
        padding-bottom: 20px;
    }

        .testimonial-module .container-start {
            width: auto;
            margin: 0 20px 30px;
            border-top: none;
            padding: 0;
            gap: 20px;
            display: grid;
            grid-template-columns: auto 55px;
        }

            .testimonial-module .container-start div {
                gap: 30px;
            }

    .testimonials-list-records .item-testimonial {
        padding: 40px 30px;
        height: 260px;
    }

        .testimonials-list-records .item-testimonial p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 9;
            -webkit-box-orient: vertical;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .get-in-touch-content {
        width: auto;
        margin: 0 20px;
    }

    .get-in-touch-list {
        gap: 30px;
    }

    .testimonial-module .container-start {
        width: auto;
        margin: 0 20px;
        gap: 50px;
    }

    .testimonials-list-records .item-testimonial {
        width: 96% !important;
        height: 220px;
        padding: 30px;
    }

        .testimonials-list-records .item-testimonial p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 8;
            -webkit-box-orient: vertical;
        }
}

/*---End concierge form ---*/
/*--- Start my account page ---*/
.my-profile-content .my-profile-left {
    background-color: #C1CEDB;
    height: 100vh;
    padding: 0;
    position: sticky;
    top: 0;
}

    .my-profile-content .my-profile-left .menu-profile {
        padding: 100px 0 0 35%;
    }

        .my-profile-content .my-profile-left .menu-profile .menu-profile-list {
            list-style: none;
            padding: 30px 0 0;
        }

            .my-profile-content .my-profile-left .menu-profile .menu-profile-list li {
                height: 56px;
                line-height: 56px;
            }

            .my-profile-content .my-profile-left .menu-profile .menu-profile-list li {
                pointer-events: none;
                position: relative;
            }

                .my-profile-content .my-profile-left .menu-profile .menu-profile-list li a {
                    pointer-events: auto;
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

                .my-profile-content .my-profile-left .menu-profile .menu-profile-list li a.menu-profile-link {
                    color:inherit;
                }

.my-profile-content .my-profile-right {
    padding: 0;
}

.my-account-page .container-infor .row .padding-20 {
    padding-bottom: 20px;
}

.my-account-page .container-infor .container-phone {
    display: flex;
    gap: 20px;
}
.my-account-page .container-infor .row .container-country-code {
    width: 100%;
}
.my-account-page .dropdown-title label {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: inline-flex;
}

.my-account-page .container-infor .container-phone .verify-phone {
    text-decoration: underline;
    margin-bottom: 12px;
    line-height: 20px;
}

.my-account-page,
.my-request-page,
.my-prefer-page,
.my-detail-page {
    padding: 80px 0 110px;
    width: 85%;
    margin: 0 auto;
    max-width: 800px;
}

    .my-account-page .my-account-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 40px;
    }

    .my-account-page .dob-picker .t-dates {
        height: 40px;
    }

    .my-account-page .dob-picker .t-datepicker-day {
        top: 41px;
        z-index: 8;
    }

    .my-account-page .dob-picker .ic-calendar {
        position: absolute;
        right: 0;
    }

    .my-account-page .my-account-title label,
    .my-account-page .container-communication-prefer .label-title,
    .my-request-page .label-title,
    .my-account-page .list-booking-categories .booking-categories-item checkbox,
    .my-profile-content,
    .list-communication-preferences .communication-preferences-item p {
        margin: 0;
    }

    .my-account-page label.txt-user-mail {
        margin-top: 19px;
        display: block;
    }

    .my-account-page label.txt-user-name {
        margin-top: 5px;
        display: block;
    }

    .my-account-page .list-booking-categories {
        display: grid;
        gap: 20px;
        grid-template-columns: calc((100% - 20px)/2) calc((100% - 20px)/2);
    }

        .my-account-page .list-booking-categories .booking-categories-item {
            padding: 10px;
            border-radius: 15px;
            background-color: #EAEEF0;
            display: flex;
            gap: 20px;
            align-items: center;
        }

    .my-account-page .list-booking-categories {
        padding-bottom: 31px;
        border-bottom: 1px solid #CAD1D6;
        margin-bottom: 30px;
    }

        .my-account-page .list-booking-categories .booking-categories-item .img-booking-category {
            border-radius: 15px;
            height: 70px;
            width: 70px;
        }

.list-communication-preferences .communication-preferences-item {
    padding: 20px 0;
    border-bottom: 1px solid #CAD1D6;
}

    .list-communication-preferences .communication-preferences-item:last-child {
        border-bottom: none;
    }

    .list-communication-preferences .communication-preferences-item div:not([class]) {
        display: grid;
        grid-template-columns: auto 52px;
        align-items: center;
        gap: 15px;
        margin: 10px 0;
    }

.my-account-page .btn-update-account-detail {
    margin: 10px 0 0;
}

.tab-profile-active {
    background: linear-gradient(270deg, rgb(84, 96, 108, 0.3) 0%, rgba(84, 96, 108, 0) 100%);
}

.my-account-page .container-communication-prefer {
    margin-top: 60px;
}

.my-profile-content .my-profile-left .menu-profile .profile-user-name {
    word-break: break-all;
}

@media (max-width: 700px) and (max-height: 400px) {
    .my-profile-content .my-profile-left {
        position: unset;
    }
}

@media only screen and (max-width: 767px) {
    .tab-profile-active {
        background: linear-gradient(270deg, rgba(84, 96, 108, 0) 0%, rgb(84, 96, 108, 0.3) 100%);
        margin-left: -20px;
        padding-left: 20px;
    }

    .my-profile-content {
        width: auto;
        margin: 0 20px;
    }

        .my-profile-content .modal,
        .my-profile-content .my-profile-right {
            padding: 0;
        }

        .my-profile-content .my-profile-left {
            height: fit-content;
            margin: 0 -20px;
            width: calc(100% + 40px);
            max-width: 100vw;
            z-index: 3;
            top: 60px;
        }

            .my-profile-content .my-profile-left .menu-profile {
                width: 100%;
                height: fit-content;
                padding: 40px 20px 20px;
                display: block;
            }

                .my-profile-content .my-profile-left .menu-profile .menu-profile-list {
                    padding-top: 15px;
                    display: grid;
                    grid-template-columns: 50% 50%;
                }

                    .my-profile-content .my-profile-left .menu-profile .menu-profile-list li {
                        height: 40px;
                        line-height: 40px;
                        border-bottom: 1px solid rgb(102, 102, 102, 0.1);
                    }

                        .my-profile-content .my-profile-left .menu-profile .menu-profile-list li:last-child,
                        .my-profile-content .my-profile-left .menu-profile .menu-profile-list li:nth-last-child(2) {
                            border-bottom: none;
                        }

                .my-profile-content .my-profile-left .menu-profile .menu-profile-title {
                    margin: 0;
                }

    .my-account-page,
    .my-request-page,
    .my-prefer-page,
    .my-detail-page {
        width: 100%;
        padding: 40px 0 80px;
    }

        .my-account-page .my-account-title {
            display: block;
        }

        .my-account-page label.txt-user-mail {
            margin-top: 10px;
        }

        .my-account-page .my-account-title button {
            margin-top: 20px;
        }

        .my-account-page .list-booking-categories {
            grid-template-columns: 100%;
            margin-bottom: 31.5px;
            padding-bottom: 20.5px;
        }

        .my-account-page .btn-update-account-detail,
        .my-account-page .btn-update-prefer {
            width: 100%;
        }

    .list-communication-preferences .communication-preferences-item {
        align-items: flex-start;
    }

        .list-communication-preferences .communication-preferences-item label {
            font-size: 17px;
            letter-spacing: 0;
            line-height: 21px;
        }
}

@media only screen and (max-width: 991px) {
    .my-account-page .container-infor .container-mail-card {
        flex-direction: column-reverse;
    }
}

/*--- End my account page ---*/
/*--- Start my request page ---*/
.my-request-page .container-filter {
    display: grid;
    grid-template-columns: auto 130px;
    gap: 20px;
    padding: 40px 0;
}

    .my-request-page .container-filter .request-filter {
        border: 1px solid #CAD1D6;
        height: 60px;
        align-items: center;
        display: flex;
        padding: 0 10px;
        gap: 7px;
        cursor: pointer;
    }

        .my-request-page .highlight,
        .my-request-page .container-filter .request-filter.selected {
            border: 2px solid #152B55;
            background-color: #EAEEF0;
        }

    .my-request-page .container-filter .mr-filter-number {
        border-radius: 50%;
        width: 20px;
        height: 20px;
        background-color: #152B55;
        color: #fff;
        text-align: center;
        display: none;
    }

.tab-header-request {
    height: 70px;
    width: 100%;
    display: flex;
    border-bottom: 1px solid #CAD1D6;
}

    .tab-header-request .tab-header-request-item {
        align-items: center;
        justify-content: center;
        display: flex;
        width: 100%;
        user-select: none;
        cursor: pointer;
    }

        .tab-header-request .tab-header-request-item.selected {
            background-color: #F1F1F5;
            border-bottom: 2px solid #152B55;
        }

        .tab-header-request .tab-header-request-item .tab-number {
            height: 39px;
            width: 39px;
            background-color: #FFFFFF;
            text-align: center;
            border-radius: 20px;
            margin-left: 10px;
        }

.tab-content-request {
    height: fit-content;
    width: 100%;
    padding: 40px 0;
}

    .tab-content-request .tab-content-request-item {
        display: none;
    }

        .tab-content-request .tab-content-request-item.selected {
            display: grid;
            gap: 25px;
            grid-template-columns: calc((100% - 25px) / 2) calc((100% - 25px) / 2);
        }

.my-request-card {
    height: 275px;
    margin: 0;
}

    .my-request-card.upcoming-card {
        width: 100% !important;
        cursor: pointer;
    }

    .my-request-card .container-start {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .my-request-card .container-start span {
            text-align: right;
        }

    .my-request-card .request-type {
        height: 30px;
        width: fit-content;
        border-radius: 19px;
        background-color: #FFFFFF;
        padding: 0 15px;
        display: flex;
        align-items: center;
        gap: 11px;
        color: #152B55;
    }

@media only screen and (max-width: 767px) {
    .my-request-page .container-filter {
        padding: 20px 0;
        gap: 15px;
    }

    .tab-header-request .tab-header-request-item label.heading-04 {
        font-size: 14px;
        letter-spacing: -0.34px;
        line-height: 20px;
    }

    .tab-header-request .tab-header-request-item .tab-number {
        height: 24px;
        width: 24px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.34px;
        line-height: 20px;
    }

    .tab-content-request .tab-content-request-item.selected {
        gap: 20px;
        grid-template-columns: 100%;
    }

    .tab-content-request {
        padding: 20px 0;
    }
}

/*--- End my request page ---*/
/*--- Start my preferences page ---*/
.my-prefer-page .label-title {
    margin: 0 0 10px;
}

.my-prefer-page .container-prefer-item {
    width: 100%;
    height: fit-content;
    padding: 25px 30px;
    border-radius: 15px;
    background-color: #EAEEF0;
    margin-top: 15px;
    transition-duration: 300ms;
}

    .my-prefer-page .container-prefer-item.language-pop-up {
        margin-bottom: 70px;
        padding: 28px 30px;
    }

    .my-prefer-page .container-prefer-item.destination-pop-up {
        padding: 28px 30px;
    }

    .my-prefer-page .container-prefer-item .container-start {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .my-prefer-page .container-prefer-item .container-list-prefer-item {
        display: flex;
        column-gap: 10px;
        flex-wrap: wrap;
    }

        .my-prefer-page .container-prefer-item .container-list-prefer-item .prefer-item {
            border-radius: 12px;
            background-color: #FFFFFF;
            padding: 0 15px;
            min-height: 26px;
            line-height: 26px;
            width: fit-content;
            margin-top: 10px;
        }

    .my-prefer-page .container-prefer-item:hover {
        background-color: #152B55;
    }

        .my-prefer-page .container-prefer-item:hover .container-list-prefer-item .prefer-item {
            background-color: #54606C;
            color: #fff;
        }

        .my-prefer-page .container-prefer-item:hover button {
            background-color: #fff;
            color: #152B55;
        }

    .my-prefer-page .container-prefer-item button:hover {
        outline: none;
        border: 1px solid #152B55;
    }

.my-prefer-page .container-prefer-category {
    margin-top: 70px;
    width: 100%;
    height: 160px;
    border-radius: 15px;
    padding: 50px 30px;
    background-repeat: no-repeat;
    background-size: cover;
}

    .my-prefer-page .container-prefer-category label {
        color: #fff;
        margin: 0;
    }

.my-prefer-page .btn-update {
    margin-top: 60px;
}

.pop-up-default-location {
    border-radius: 15px;
    max-width: 600px;
    margin: 0 auto;
}

    .pop-up-default-location .modal-dialog {
        width: 600px;
    }

    .pop-up-default-location .undisplay-mobile.popupClose {
        position: absolute;
        top: 40px;
        right: 50px;
    }

    .pop-up-default-location .container-button {
        display: flex;
        padding: 20px 40px;
        align-items: center;
        justify-content: space-between;
        margin: 0 -40px;
        box-shadow: 0 -2px 8px 0 rgb(0 0 0 / 8%);
    }

    .pop-up-default-location .container-body {
        position: relative;
    }

@media only screen and (max-width: 767px) {
    .my-prefer-page .container-prefer-item {
        margin-top: 10px;
        padding: 22px 20px;
    }

    .my-prefer-page .container-prefer-category {
        margin-top: 60px;
        height: 80px;
        padding: 25px 20px;
    }

    .my-prefer-page .container-prefer-item.language-pop-up {
        margin-bottom: 60px;
        padding: 30px 20px;
    }

    .my-prefer-page .container-prefer-item.destination-pop-up {
        padding: 30px 20px;
    }

    .my-prefer-page .btn-update {
        margin-top: 40px;
        width: 100%;
    }

    .pop-up-default-location .container-button {
        padding: 20px 20px 55px;
        margin: 0 -20px;
        display: grid;
        direction: rtl;
        grid-template-columns: auto 27%;
        justify-content: unset;
    }

        .pop-up-default-location .container-button .clear-button {
            height: 45px;
            border: 1px solid #152B55;
            border-radius: 22.5px;
            width: 100%;
            text-align: center;
            line-height: 45px;
        }
}

/*--- End my preferences page ---*/
/*--- Start my detail page ---*/
.my-detail-page .container-loyalty-program .container-start {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

    .my-detail-page .container-loyalty-program .container-start .label-title,
    .my-detail-page .container-loyalty-program .list-loyalty-programs .slick-track {
        margin: 0;
    }

.my-detail-page .container-passport-detail .label-title,
.my-detail-page .container-address .label-title {
    margin: 0 0 40px;
}

.my-detail-page .container-passport-detail,
.my-detail-page .container-address,
.my-detail-page .btn-update {
    margin-top: 60px;
}

    .my-detail-page .container-passport-detail .container-margin,
    .my-detail-page .container-address .container-margin {
        margin-bottom: 30px;
    }

.my-detail-page .t-dates {
    height: 40px;
}

    .my-detail-page .t-dates .ic-calendar {
        position: absolute;
        right: 0;
    }

.my-detail-page .container-loyalty-program .btn-add-program.display-mobile,
.dropdown-custom .dropdown-item-not-found {
    display: none;
}

.my-detail-page .loyalty-program-item {
    width: 96% !important;
    border-radius: 15px;
    background-color: #EAEEF0;
    padding: 28px 30px;
    position: relative;
    margin: 0 7px;
    min-height: 336px;
}

    .my-detail-page .loyalty-program-item .tile {
        margin-bottom: 4px;
        color: #666;
        display: block;
    }

    .my-detail-page .loyalty-program-item .container-infor {
        margin-bottom: 24px;
    }

    .my-detail-page .loyalty-program-item .program-number {
        word-break: break-all;
    }

    .my-detail-page .loyalty-program-item .container-infor:last-child {
        margin-bottom: 0;
    }

    .my-detail-page .loyalty-program-item:hover {
        background-color: #152A55;
    }

        .my-detail-page .loyalty-program-item:hover .container-button {
            display: flex;
            align-items: center;
        }

    .my-detail-page .loyalty-program-item .container-button {
        position: absolute;
        top: 20px;
        right: 20px;
        gap: 10px;
        display: none;
    }

        .my-detail-page .loyalty-program-item .container-button .separator-option {
            height: 11px;
            width: 1px;
            border-left: 1px solid #54606C;
        }

.dropdown-custom {
    position: relative;
}

    .dropdown-custom .ic-down {
        transition: all 300ms ease;
        transform-origin: center;
    }

    .dropdown-custom .search-text {
        border: 1px solid #CAD1D6;
        height: 40px;
        align-items: center;
        padding: 0 5px;
        gap: 10px;
    }

    .dropdown-custom.dropdown-active .dropdown-title,
    .dropdown-active .dropdown-title {
        border: 1px solid #152B55;
    }

    .dropdown-custom.dropdown-active .dropdown-content,
    .dropdown-custom-multiselect.dropdown-active .dropdown-content {
        display: block;
        max-height: 300px;
        scroll-behavior: smooth;
        overflow-y: auto;
        z-index: 4;
        padding: 0;
    }

    .dropdown-custom .dropdown-content .dropdown-header {
        padding: 15px 10px 10px;
        position: sticky;
        top: 0;
        background-color: #fff;
    }

        .dropdown-custom .dropdown-content .dropdown-header .ic-search {
            margin: 5px;
        }

    .dropdown-custom .dropdown-content .dropdown-footer {
        padding: 0 10px 10px;
    }

    .dropdown-custom .dropdown-content .no-items {
        display: none;
    }

@media only screen and (max-width: 767px) {
    .my-detail-page .container-loyalty-program .btn-add-program {
        width: 100%;
        margin: 20px 0;
    }

        .my-detail-page .container-loyalty-program .btn-add-program.display-mobile {
            display: block;
        }

    .my-detail-page .container-passport-detail .label-title,
    .my-detail-page .container-address .label-title {
        margin: 0 0 30px;
    }

    .my-detail-page .container-passport-detail,
    .my-detail-page .container-address {
        margin-top: 20px;
    }

        .my-detail-page .container-passport-detail .container-margin,
        .my-detail-page .container-address .container-margin,
        .my-detail-page .container-loyalty-program .container-start {
            margin-bottom: 20px;
        }

    .my-detail-page .btn-update {
        width: 100%;
        margin-top: 20px;
    }

    .my-detail-page .loyalty-program-item {
        width: 100%;
        padding: 15px 20px 25px;
        background-color: #EFE3D3;
        min-height: 277px;
    }

        .my-detail-page .loyalty-program-item .tile,
        .my-detail-page .loyalty-program-item .container-infor:last-child {
            margin-bottom: 0px;
        }

        .my-detail-page .loyalty-program-item .container-infor {
            margin-bottom: 15px;
        }

    .my-detail-page .container-loyalty-program .list-loyalty-programs {
        margin: 0 -20px;
    }

    .my-detail-page .list-loyalty-programs .slick-current.slick-active .loyalty-program-item {
        background-color: #152A55;
    }

        .my-detail-page .list-loyalty-programs .slick-current.slick-active .loyalty-program-item .container-button {
            display: flex;
            align-items: center;
        }

        .my-detail-page .list-loyalty-programs .slick-current.slick-active .loyalty-program-item .text-medium {
            color: #fff;
        }

        .my-detail-page .list-loyalty-programs .slick-current.slick-active .loyalty-program-item .tile {
            color: #CAD1D6;
        }

    .my-detail-page .loyalty-program-item:hover {
        background-color: #EFE3D3;
    }

        .my-detail-page .loyalty-program-item:hover .tile {
            color: #666;
        }

        .my-detail-page .loyalty-program-item:hover .text-medium {
            color: #152A55;
        }

        .my-detail-page .loyalty-program-item:hover .container-button {
            display: none;
        }
}

/*--- End my detail page ---*/
/*--- Start request history detail ---*/
.request-history-detail {
    width: 85%;
    margin: 0 auto;
    padding-bottom: 120px;
}

    .request-history-detail .container-start {
        height: 70px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #CAD1D6;
    }

        .request-history-detail .container-start div {
            gap: 10px;
            display: flex;
            align-items: center;
            cursor: pointer;
        }

    .request-history-detail .container-notify {
        width: 100%;
        height: fit-content;
        padding: 20px;
        margin-top: 30px;
        border-radius: 10px;
        background-color: #C1CEDB;
        display: grid;
        gap: 10px;
        grid-template-columns: 30px auto;
        align-items: center;
    }

    .request-history-detail .container-infor {
        margin-top: 40px;
    }

    .request-history-detail .category-status {
        height: 30px;
        width: fit-content;
        padding: 0 13.5px;
        border-radius: 20px;
        display: flex;
        gap: 8px;
        align-items: center;
        margin-top: 20px;
    }

        .request-history-detail .category-status img {
            width: 16px;
            height: 16px;
        }

        .request-history-detail .category-status.confirmed {
            border: 1px solid #217011;
            color: #217011;
        }

        .request-history-detail .category-status.open {
            border: 1px solid #9F7F59;
            color: #9F7F59;
        }

        .request-history-detail .category-status.canceled {
            border: 1px solid #C94A4A;
            color: #C94A4A;
        }

    .request-history-detail .container-img-time {
        text-align: center;
    }

        .request-history-detail .container-img-time img {
            border-radius: 15px;
            margin-bottom: 16px;
        }

    .request-history-detail .container-summary {
        padding: 20px 0 40px;
        border-bottom: 1px solid #CAD1D6;
    }

        .request-history-detail .container-summary div {
            display: flex;
            gap: 30px;
        }

            .request-history-detail .container-summary div:first-child,
            .request-history-detail .container-detail .container-detail-item label {
                margin: 10px 0;
            }

    .request-history-detail .container-contact .container-button-1,
    .request-history-detail .container-contact .container-button-2 {
        display: flex;
        gap: 30px;
        margin-top: 10px;
        align-items: center;
    }

        .request-history-detail .container-contact .container-button-1 .container-phone,
        .request-history-detail .container-contact .container-button-2 .container-phone {
            display: flex;
            gap: 30px;
            cursor: pointer;
        }

    .request-history-detail .container-contact .container-phone label {
        cursor: pointer;
    }

    .request-history-detail .container-contact .container-button-1 .container-item,
    .request-history-detail .container-contact .container-button-2 .container-item {
        display: flex;
        gap: 10px;
        border-bottom: 1px solid #CAD1D6;
        padding-bottom: 15px;
        padding-right: 5px;
    }

        .request-history-detail .container-contact .container-button-1 .container-item label,
        .request-history-detail .container-contact .container-button-2 .container-item label,
        .request-history-detail .container-infor label {
            display: block;
        }

        .request-history-detail .container-contact .container-button-1 .container-item .ic-phone,
        .request-history-detail .container-contact .container-button-2 .container-item .ic-phone {
            height: 28px;
        }

    .request-history-detail .container-contact .containter-item-text {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .request-history-detail .container-detail .label-title {
        margin-bottom: 20px;
        line-height: 57px;
    }

    .request-history-detail .container-contact,
    .request-history-detail .container-detail {
        margin-top: 30px;
    }

        .request-history-detail .container-detail .container-list-detail .big-tile {
            font-size: 12px;
            letter-spacing: 0.86px;
            line-height: 20px;
            margin-bottom: 10px;
        }

        .request-history-detail .container-detail .container-list-detail .col-lg-6 {
            margin-bottom: 20px;
        }

        .request-history-detail .container-detail .container-detail-item {
            border-bottom: 1px dashed #CAD1D6;
            display: grid;
            grid-template-columns: 140px auto;
            min-height: 50px;
            align-items: start;
        }

        .request-history-detail .container-detail div:last-child {
            border-bottom: none;
        }

    .request-history-detail .container-category-date-time .date-time {
        display: none;
    }

@media only screen and (max-width: 767px) {
    .request-history-detail {
        width: 100%;
        padding-bottom: 80px;
    }

        .request-history-detail .category-status {
            margin: 0;
        }

        .request-history-detail .container-category-date-time {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 20px;
        }

            .request-history-detail .container-category-date-time .date-time {
                display: block;
            }

        .request-history-detail .label-title {
            margin: 20px 0 15px;
        }

        .request-history-detail .container-start {
            min-height: 46px;
            height: fit-content;
            border-top: 1px solid #EAEEF0;
            border-bottom: 1px solid #EAEEF0;
            flex-direction: column;
            align-items: unset;
            padding-bottom: 8px;
            gap: 5px;
        }

            .request-history-detail .container-start .booking-no,
            .request-history-detail .container-detail .container-detail-item label:last-child {
                text-align: right;
            }

        .request-history-detail .container-img-time label,
        .request-history-detail .menu-profile {
            display: none;
        }

        .request-history-detail .container-img-time img {
            width: 100%;
            margin-bottom: 0px;
            height: 335px;
        }

        .request-history-detail .container-infor {
            margin-top: 20px;
            flex-direction: column-reverse;
        }

        .request-history-detail .container-notify {
            align-items: flex-start;
            border-radius: 15px;
        }

        .request-history-detail .container-summary {
            padding: 50px 0 30px;
        }

            .request-history-detail .container-summary div {
                justify-content: space-between;
                align-items: center;
            }

                .request-history-detail .container-summary div label.heading-04:first-child {
                    font-size: 17px;
                    letter-spacing: 0;
                    line-height: 21px;
                }

        .request-history-detail .container-detail {
            margin-top: 40px;
        }

            .request-history-detail .container-detail .label-title {
                margin: 0 0 30px;
                font-family: 'CeraPro-Regular';
                font-size: 26px;
                letter-spacing: -0.31px;
                line-height: 36px;
            }

            .request-history-detail .container-detail .container-list-detail .big-tile {
                font-size: 14px;
                letter-spacing: 0;
                line-height: 20px;
            }

            .request-history-detail .container-detail .container-detail-item {
                justify-content: space-between;
                min-height: 40px;
                border-bottom: 1px solid #DDE2E6;
            }

                .request-history-detail .container-detail .container-detail-item .small-tile {
                    color: #666666;
                    font-family: 'CeraPro-Light';
                }

        .request-history-detail .container-contact .heading-04 {
            font-size: 17px;
            letter-spacing: 0;
            line-height: 21px;
        }

}

@media only screen and (max-width: 768px) {
    .request-history-detail .container-contact .container-button-2 {
        margin-top: 20px;
        flex-direction: column;
        justify-content: center;
    }

        .request-history-detail .container-contact .container-button-2 .container-item,
        .request-history-detail .container-contact .container-button-2 .container-phone {
            width: 100%;
        }

        .request-history-detail .container-contact .container-button-2 button {
            width: 100%;
            height: 45px;
        }

    .request-history-detail .container-contact .container-button-1 {
        gap: 15px;
    }

        .request-history-detail .container-contact .container-button-1 .container-item {
            align-items: center;
        }
}

@media (min-width: 768px) and (max-width: 820px) {

    .request-history-detail .container-contact .container-button-2 .container-phone,
    .request-history-detail .container-contact .container-button-2 {
        gap: 15px;
    }
}

@media only screen and (max-width: 362px) {

    .request-history-detail .container-contact .container-button-1,
    .request-history-detail .container-contact .container-button-2 {
        gap: 15px;
    }

        .request-history-detail .container-contact .container-button-1 .container-item,
        .request-history-detail .container-contact .container-button-2 .container-item {
            gap: 5px;
        }
}

/*--- End request history detail ---*/
/*--- Start pop up success ---*/
.modal-success {
    display: none;
    grid-template-columns: auto 20px;
    gap: 20px;
    background-color: transparent;
    position: fixed;
    top: 10%;
    justify-content: center;
    align-items: center;
    z-index: 12;
    width: 100%;
}

    .modal-success div.animate {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .modal-success .pop-up-success {
        border-radius: 15px;
        background-color: #152B55;
        padding: 20px 40px;
        display: flex;
        gap: 25px;
        align-items: center;
    }

        .modal-success .pop-up-success .Combined_Shape {
            top: 8px;
            left: 0;
        }

        .modal-success .pop-up-success .ic-done {
            height: 48px;
            width: 48px;
        }

@media only screen and (max-width: 767px) {
    .modal-success {
        width: auto;
        margin: 0 20px;
        grid-template-columns: auto;
    }

        .modal-success .pop-up-success {
            padding: 15px;
            gap: 15px;
        }

            .modal-success .pop-up-success .label-title {
                font-size: 14px;
                letter-spacing: -0.34px;
                line-height: 20px;
            }

            .modal-success .pop-up-success .ic-done {
                height: 40px;
                width: 40px;
            }
}

/*--- End pop up success ---*/
/*--- Start live chat ---*/
.chat-bubble-container .chat-box-wrapper {
    min-width: 232px;
    height: 70px;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 100;
    right: 30px;
    width: fit-content;
    bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    transform: scale(1, 1);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    margin-bottom: 30px;
    background-color: #AA3139;
    cursor: pointer;
}

    .chat-bubble-container .chat-box-wrapper.visible-cookies-banner {
        margin-bottom: 130px;
    }

    .chat-bubble-container .chat-box-wrapper .chatbox-link {
        display: flex;
        gap: 15px;
        color: #fff;
        align-items: center;
        text-decoration: none;
    }

@media only screen and (max-width: 767px) {
    .chat-bubble-container .chat-box-wrapper {
        width: 56px;
        height: 56px;
        min-width: unset;
    }

        .chat-bubble-container .chat-box-wrapper label {
            display: none;
        }

        .chat-bubble-container .chat-box-wrapper.visible-cookies-banner {
            right: 20px;
            margin-bottom: 240px;
        }
}

/*--- End live chat ---*/
/*--- Start maintaining pop up ---*/
.header-wrapper .maintaining-pop-up {
    width: auto;
    margin: 0 -60px;
    height: fit-content;
    background-color: #C1CEDB;
    padding: 25px 0 34px;
}

.maintaining-pop-up {
    width: auto;
    margin: 0;
    height: fit-content;
    background-color: #C1CEDB;
    padding: 25px 0 34px;
}

    .maintaining-pop-up .maintaining-content {
        width: 1170px;
        margin: 0 auto;
        display: flex;
        align-content: center;
        justify-content: space-between;
        gap: 20px;
    }

        .maintaining-pop-up .maintaining-content .Combined_Shape_desktop::after,
        .maintaining-pop-up .maintaining-content .Combined_Shape_desktop::before {
            width: 20px;
        }

@media only screen and (max-width: 1170px) {
    .header-wrapper .maintaining-pop-up {
        margin: 0 -20px;
        padding: 20px;
    }

    .maintaining-pop-up {
        padding: 20px;
    }

        .maintaining-pop-up .maintaining-content {
            width: auto;
        }
}

/*--- End maintaining pop up ---*/
/*--- Start contact concierge page ---*/
.contact-concierge-page {
    padding: 60px 0 120px;
}

    .contact-concierge-page .contact-concierge-content {
        width: 1170px;
        margin: 0 auto;
    }

        .contact-concierge-page .contact-concierge-content .search-text {
            margin: 25px 0 30px;
            width: 100%;
            height: 60px;
            border: 1px solid #CAD1D6;
            gap: 8px;
            align-items: center;
            padding: 14px 10px;
            position: relative;
        }

            .contact-concierge-page .contact-concierge-content .search-text .container-suggestion {
                position: absolute;
                max-height: 300px;
                width: calc(100% + 2px);
                top: calc(100% + 7px);
                left: 0;
                border: 1px solid #152B55;
                z-index: 2;
                background-color: #fff;
                overflow-x: hidden;
                overflow-y: auto;
                list-style: none;
                display: none;
            }

            .contact-concierge-page .contact-concierge-content .search-text.highlight-search {
                border: 1px solid #152B55;
            }

            .contact-concierge-page .contact-concierge-content .search-text.highlight-selected-search {
                border: 2px solid #152B55;
                background-color: #EAEEF0;
            }

            .contact-concierge-page .contact-concierge-content .search-text.highlight-couldnt-find .container-suggestion {
                display: block;
                border: 1px solid #CAD1D6;
            }

            .contact-concierge-page .contact-concierge-content .search-text.highlight-search .container-suggestion,
            .contact-concierge-page .contact-concierge-content .search-text.highlight-couldnt-find .couldnt-find-text {
                display: block;
            }

            .contact-concierge-page .contact-concierge-content .search-text.highlight-couldnt-find {
                border: 1px solid #9A3D37;
                background-color: rgba(154, 61, 55, 0.05);
            }

            .contact-concierge-page .contact-concierge-content .search-text .container-suggestion li {
                height: 60px;
                width: auto;
                margin: 0 18px;
                color: #152B55;
                line-height: 60px;
                border-bottom: 1px solid #CAD1D6;
                display: flex;
                align-items: center;
            }

        .contact-concierge-page .contact-concierge-content th:first-child {
            width: 20%;
            vertical-align: middle;
        }

        .contact-concierge-page .contact-concierge-content th,
        .contact-concierge-page .list-countries {
            width: 100%;
        }

            .contact-concierge-page .contact-concierge-content th .contact-concierge-header-row,
            .contact-concierge-page .contact-concierge-content td .contact-concierge-row {
                display: grid;
                grid-template-columns: 25% 25% auto;
            }

        .contact-concierge-page .contact-concierge-content .list-countries thead {
            height: 71px;
            border-bottom: 1px solid #CAD1D6;
        }

        .contact-concierge-page .contact-concierge-content .list-countries tbody tr {
            border-bottom: 1px solid #CAD1D6;
        }

            .contact-concierge-page .contact-concierge-content .list-countries tbody tr .country-cell {
                display: flex;
                align-items: flex-start;
                margin-top: 20px;
            }

        .contact-concierge-page .contact-concierge-content td .contact-concierge-row .tier-cell,
        .contact-concierge-page .contact-concierge-content td .contact-concierge-row .phone-cell {
            line-height: 20px;
            margin-top: 20px;
        }

        .contact-concierge-page .contact-concierge-content td .contact-concierge-row:last-child .tier-cell,
        .contact-concierge-page .contact-concierge-content td .contact-concierge-row:last-child .phone-cell {
            margin-bottom: 31px;
        }

        .contact-concierge-page .contact-concierge-content td .contact-concierge-row .email-cell {
            line-height: 18px;
            margin-top: 20px;
            text-decoration: underline;
        }

        .contact-concierge-page .contact-concierge-content .list-countries tbody tr:last-child {
            border-bottom: none;
        }

.contact-concierge-content .search-text .container-suggestion .couldnt-find-text {
    min-height: 60px;
    height: fit-content;
    width: 100%;
    padding: 18px 20px 22px;
    color: #C94A4A;
    display: none;
}

@media only screen and (max-width: 767px) {
    .contact-concierge-page {
        padding: 30px 0 60px;
    }

        .contact-concierge-page .contact-concierge-content {
            width: auto;
            margin: 0 20px;
        }

            .contact-concierge-page .contact-concierge-content .list-countries thead {
                display: none;
            }

            .contact-concierge-page .contact-concierge-content .list-countries tbody tr {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }

            .contact-concierge-page .contact-concierge-content td .contact-concierge-row {
                grid-template-columns: auto;
            }

                .contact-concierge-page .contact-concierge-content td .contact-concierge-row .tier-cell {
                    font-family: 'CeraPro-Regular';
                    color: #666;
                    margin-top: 28px;
                }

                .contact-concierge-page .contact-concierge-content td .contact-concierge-row:first-child .tier-cell,
                .contact-concierge-page .contact-concierge-content td .contact-concierge-row .phone-cell {
                    margin-top: 13px;
                }

            .contact-concierge-page .contact-concierge-content .list-countries tbody tr .country-cell {
                margin-top: 18px;
            }

            .contact-concierge-page .contact-concierge-content td .contact-concierge-row .email-cell {
                margin-top: 10px;
            }

            .contact-concierge-page .contact-concierge-content td .contact-concierge-row:last-child .tier-cell,
            .contact-concierge-page .contact-concierge-content td .contact-concierge-row:last-child .phone-cell {
                margin-bottom: 0px;
            }

            .contact-concierge-page .contact-concierge-content td .contact-concierge-row:last-child .email-cell {
                margin-bottom: 31px;
            }
}

.item-url {
    cursor: pointer !important;
}

    .item-url:hover {
        color: unset;
    }

@media (min-width: 768px) and (max-width: 1170px) {
    .contact-concierge-page {
        padding: 30px 0 60px;
        min-height: calc(100vh - 620px);
    }

        .contact-concierge-page .contact-concierge-content {
            width: auto;
            margin: 0 20px;
        }
}

@media (min-width: 768px) and (max-width: 820px) {

    .contact-concierge-page .contact-concierge-content th .contact-concierge-header-row,
    .contact-concierge-page .contact-concierge-content td .contact-concierge-row {
        grid-template-columns: 22% 28% auto;
    }
}

/*--- End contact concierge page ---*/
/*--- Start travel guide  ---*/
.top-category-travel-guide {
    margin-bottom: 90px;
}

    .top-category-travel-guide .container-start {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 28px;
    }

    .top-category-travel-guide .top-dining-item-container {
        display: grid !important;
        grid-template-columns: 210px auto;
        gap: 30px;
        width: 100%;
        max-width: unset;
        height: fit-content;
        min-height: unset;
        margin: 0 0 20px;
    }

        .top-category-travel-guide .top-dining-item-container .img-item-container {
            height: 210px;
        }

        .top-category-travel-guide .top-dining-item-container .detail-item-container .descript {
            height: 60px;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .top-category-travel-guide .top-dining-item-container .detail-item-container,
        .pre-travel-planning .container-list .pre-travel-planning-item p,
        .pre-travel-planning .label-title,
        .travel-guide-module .explore-detail p,
        .top-category-travel-guide .container-start .heading-01 {
            margin: 0;
        }

.travel-guide-module .explore-detail label {
    line-height: 57px;
    margin: 0 0 10px;
}

.pre-travel-planning {
    margin-bottom: 90px;
}

    .pre-travel-planning label {
        line-height: 57px;
        margin: 0 0 6px;
    }

    .pre-travel-planning p:nth-child(2) {
        margin: 30px 0 40px;
    }

    .pre-travel-planning .container-list .pre-travel-planning-item {
        margin-top: 20px;
        display: grid;
        grid-template-columns: auto 60px;
        gap: 150px;
        align-items: center;
        justify-content: space-between;
        height: fit-content;
        padding: 10px 30px 30px;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        border-radius: 15px;
    }

        .pre-travel-planning .container-list .pre-travel-planning-item .bg-blur {
            position: absolute;
            border-radius: 15px;
            width: 100%;
            height: 100%;
            background: linear-gradient(259.36deg, rgba(193, 206, 219, 0) 0%, #C1CEDB 34.74%, #C1CEDB 100%);
        }

        .pre-travel-planning .container-list .pre-travel-planning-item .container-infor {
            z-index: 0;
        }

        .pre-travel-planning .container-list .pre-travel-planning-item:first-child .bg-blur,
        .pre-travel-planning .container-list .pre-travel-planning-item:last-child .bg-blur {
            background: linear-gradient(259.36deg, rgba(21, 43, 85, 0) 0%, #152B55 34.74%, #152B55 100%);
        }

        .pre-travel-planning .container-list .pre-travel-planning-item button {
            height: 60px;
            width: 60px;
            background-color: #fff;
            border: none;
            border-radius: 50%;
            display: flex;
            align-items: center;
            padding-left: 18px;
            z-index: 0;
        }

.tab-list-travel-guide {
    height: 65px;
    width: 100%;
    display: flex;
    margin: 40px 0;
    overflow: auto hidden;
}

    .tab-list-travel-guide .tab-item-travel-guide {
        min-width: 112px;
        text-align: center;
        line-height: 65px;
        background-color: rgb(21, 43, 85, 0.03);
    }

        .tab-list-travel-guide .tab-item-travel-guide.tab-selected {
            background-color: #F1F1F5;
            border-bottom: 2px solid #152B55;
        }

.travel-guide-module .tiles-module-5-content {
    width: auto;
    padding: 0 0 90px;
}

    .travel-guide-module .tiles-module-5-content .explore-activity {
        padding: 20px 30px 40px;
        min-height: unset;
    }

    .travel-guide-module .tiles-module-5-content .explore-card .explore-card-img {
        width: 300px;
        height: 210px;
    }

    .travel-guide-module .tiles-module-5-content .explore-activity #slick-content {
        width: 300px;
    }

    .travel-guide-module .tiles-module-5-content .explore-card .explore-card-title {
        margin: -60px 20px 30px 20px;
        color: #fff;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 56px;
    }

.travel-guide-module .explore-activity button.slick-arrow.slick-next {
    top: -40px;
    right: 0px;
}

.travel-guide-module .explore-activity button.slick-arrow.slick-prev {
    top: -40px;
    left: 220px;
}

.travel-guide-module .explore-card button {
    margin: 5px;
    width: 97%;
}

.travel-guide-module .explore-list-records {
    margin-top: 57px;
}

.travel-guide-module .explore-detail {
    padding-right: 50px;
    padding-left: 0;
}

.travel-guide-module .booking-detail-module .separator-option:first-child {
    display: none;
}

.travel-guide-module .booking-detail-module label.booking-detail-big-title {
    margin: 60px 0 20px;
}

.container-button-vaccine {
    display: flex;
    gap: 10px;
    padding-bottom: 20px;
    margin-bottom: 14px;
    border-bottom: 1px solid #EAEEF0;
}

    .container-button-vaccine button {
        border: 1px solid #152B55;
        background-color: transparent;
        border-radius: 20px;
        width: 100%;
        height: 35px;
        transition-duration: 700ms;
    }

        .container-button-vaccine button.selected {
            color: #fff;
            background-color: #152B55;
        }

.container-list-checkbox {
    margin-bottom: 14px;
    border-bottom: 1px solid #EAEEF0;
    padding-bottom: 10px;
}

    .container-list-checkbox .container-line-checkbox {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

@media only screen and (max-width: 767px) {
    .travel-guide-module .common-title-detail {
        margin: 30px 20px;
    }

    .tab-list-travel-guide {
        margin: 30px 0;
        overflow-y: hidden;
        overflow-x: auto;
        padding-bottom: 10px;
    }

        .tab-list-travel-guide .tab-item-travel-guide {
            min-width: 100px;
            background-color: #F8F8FA;
            border-bottom: 1px solid #CAD1D6;
        }

    .pre-travel-planning,
    .top-category-travel-guide {
        margin: 0 20px 40px;
    }

        .pre-travel-planning p:nth-child(2) {
            margin: 15px 0 30px;
        }

        .pre-travel-planning .container-list .pre-travel-planning-item {
            gap: 20px;
        }

        .top-category-travel-guide .tile-module-list-records {
            margin: 0 -20px;
        }

        .top-category-travel-guide .container-start {
            gap: 10px;
            margin-bottom: 10px;
        }

        .top-category-travel-guide .top-dining-item-container {
            min-height: 460px;
            margin: 0 2%;
            width: 96% !important;
            display: block !important;
        }

            .top-category-travel-guide .top-dining-item-container .img-item-container {
                height: 285px;
                width: 100%;
            }

            .top-category-travel-guide .top-dining-item-container .detail-item-container .descript {
                height: 40px;
                -webkit-line-clamp: 2;
            }

            .top-category-travel-guide .top-dining-item-container .detail-item-container {
                margin: 0 10px 10px;
            }

    .travel-guide-module .booking-detail-module {
        margin: 40px 20px 0;
    }

    .travel-guide-module .explore-detail {
        padding: 0;
    }

    .travel-guide-module .tiles-module-5-content .explore-card .explore-card-title {
        height: 41px;
    }

    .travel-guide-module .booking-detail-module label.booking-detail-big-title {
        margin: 0 0 27px;
    }

    .travel-guide-module .tiles-module-5-content .explore-activity {
        padding: 35px 30px 30px;
    }

    .travel-guide-module .tiles-module-5-content .explore-card .explore-card-img {
        height: 190px;
        width: 96%;
        margin: 0 2%;
    }

    .travel-guide-module .tiles-module-5-content .explore-activity #slick-content {
        float: unset;
        width: unset;
        margin: 0 -41px;
    }

    .travel-guide-module .explore-card button {
        display: none;
    }

    .travel-guide-module .slick-active .explore-card button {
        display: block;
    }

    .travel-guide-module .tiles-module-5-content {
        padding: 0 0 40px;
    }
}

@media (min-width: 768px) and (max-width: 820px) {
    .travel-guide-module .tiles-module-5-content .explore-activity #slick-content {
        float: unset;
        width: unset;
        margin: 0 -41px;
    }

    .travel-guide-module .tiles-module-5-content .explore-card .explore-card-img {
        width: 96%;
        margin: 0 2%;
        height: 250px;
    }

    .travel-guide-module .explore-detail {
        padding: 0;
    }
}

/*--- End travel guide ---*/
/*--- Start prestige module ---*/
.prestige-module {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 90px;
}

    .prestige-module .slider__counter {
        display: block;
    }

    .prestige-module .body-content {
        width: 1170px;
        margin: 0 auto;
    }

        .prestige-module .body-content .label-title {
            margin-bottom: 0;
        }

        .prestige-module .body-content .label-description {
            margin: 30px 0 50px;
            width: 42%;
        }

    .prestige-module .prestige-item {
        padding-left: 40px;
        padding-right: 40px;
        display: flex;
        justify-content: flex-end;
        border-radius: 20px;
        height: 500px;
        width: 100%;
        background-size: cover;
        background-repeat: round;
    }

        .prestige-module .prestige-item .prestige-item-content {
            width: 50%;
            padding: 40px 0;
        }

        .prestige-module .prestige-item label {
            margin: 0 0 20px;
        }

        .prestige-module .prestige-item a {
            text-decoration: underline;
            display: block;
            margin-bottom: 40px;
            cursor: pointer;
        }

.explore-activity .slick-prev,
.explore-activity .slick-next {
    top: 38%;
}

.prelogin-list-module .slick-prev,
.prelogin-list-module .slick-next {
    top: 45%;
}

.tiles-module-6 .slick-next,
.testimonials-list-records .slick-next {
    top: -70px;
    right: 20px;
}

.tiles-module-6 .slick-prev,
.testimonials-list-records .slick-prev {
    top: -70px;
    left: 90%;
}

    .tile-module-list-records .slick-next:before,
    .tile-module-list-records .slick-prev:before,
    .travel-tile-module-list-records .slick-next:before,
    .travel-tile-module-list-records .slick-prev:before,
    .testimonials-list-records .slick-next:before,
    .testimonials-list-records .slick-prev:before,
    .prelogin-list-module .slick-prev:before,
    .prelogin-list-module .slick-next:before,
    .prestige-module .slick-next:before,
    .prestige-module .slick-prev:before,
    .recommendation-module .slick-next:before,
    .recommendation-module .slick-prev:before,
    .my-detail-page .slick-next:before,
    .my-detail-page .slick-prev:before,
    .explore-activity .slick-prev:before,
    .explore-activity .slick-next:before,
    .upcoming-activity .slick-prev::before,
    .upcoming-activity .slick-next::before,
    .tiles-module-6 .slick-next:before,
    .tiles-module-6 .slick-prev:before,
    .multiple-slicks-module .slick-module .slick-next:before,
    .multiple-slicks-module .slick-module .slick-prev:before,
    .pre-travel-planning .container-list .pre-travel-planning-item .icon-right,
    .icon-down-big-blue,
    .icon-up-big-blue,
    .icon-left-big-blue,
    .icon-right-big-blue {
        color: #152B55;
        content: '';
        position: absolute;
        display: block;
        width: 15px;
        height: 15px;
        border-top: 2px solid #152B55;
        border-left: 2px solid #152B55;
        transition-duration: 300ms;
    }

.icon-left-medium-blue,
.icon-up-medium-blue,
.icon-down-medium-blue,
.icon-right-medium-blue {
    border-top: 2px solid #152B55;
    border-left: 2px solid #152B55;
    width: 9px;
    height: 9px;
    content: '';
    display: block;
    transition-duration: 300ms;
}

.ic-down {
    border-top: 2px solid #54606C;
    border-left: 2px solid #54606C;
    width: 10px;
    height: 10px;
    content: '';
    display: block;
    transition-duration: 300ms;
    margin: 0;
}

.icon-left-small-blue,
.ic-left,
.icon-up-small-blue,
.icon-down-small-blue,
.icon-right-small-blue,
.ic-right {
    border-top: 2px solid #152B55;
    border-left: 2px solid #152B55;
    width: 7px;
    height: 7px;
    content: '';
    display: block;
    transition-duration: 300ms;
    margin: 0;
}

.datepicker-controls .button[disabled] .icon-left-small-blue,
.datepicker-controls .button[disabled] .icon-right-small-blue {
    border-top: 2px solid #7a7a7a;
    border-left: 2px solid #7a7a7a;
}

.icon-left-small-white,
.icon-up-small-white,
.icon-down-small-white,
.icon-right-small-white,
.ic-menu-item {
    border-top: 2px solid #FFF;
    border-left: 2px solid #FFF;
    width: 7px;
    height: 7px;
    content: '';
    display: block;
    transition-duration: 300ms;
    margin: 0;
}

.icon-right-medium-white {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    width: 9px;
    height: 9px;
    content: '';
    display: block;
    transition-duration: 300ms;
}

.icon-down-big-blue,
.icon-down-medium-blue,
.icon-down-small-white,
.icon-down-small-blue,
.ic-down {
    transform: rotate(-135deg);
}

.icon-up-big-blue,
.icon-up-medium-blue,
.icon-up-small-white,
.dropdown-active .icon-down-big-blue,
.dropdown-active .icon-down-medium-blue,
.dropdown-active .icon-down-small-white,
.dropdown-active .icon-down-small-blue,
.dropdown-active .ic-down {
    transform: rotate(45deg);
}

.tile-module-list-records .slick-next:before,
.travel-tile-module-list-records .slick-next:before,
.prelogin-list-module .slick-next:before,
.prestige-module .slick-next:before,
.recommendation-module .slick-next:before,
.my-detail-page .slick-next:before,
.explore-activity .slick-next:before,
.upcoming-activity .slick-next::before,
.tiles-module-6 .slick-next:before,
.testimonials-list-records .slick-next:before,
.multiple-slicks-module .slick-module .slick-next:before,
.pre-travel-planning .container-list .pre-travel-planning-item .icon-right,
.icon-right-big-white,
.icon-right-medium-white,
.icon-right-small-blue,
.icon-right-small-white,
.ic-right,
.ic-menu-item {
    transform: rotate(135deg);
}

.tile-module-list-records .slick-prev:before,
.travel-tile-module-list-records .slick-prev:before,
.prelogin-list-module .slick-prev:before,
.prestige-module .slick-prev:before,
.recommendation-module .slick-prev:before,
.my-detail-page .slick-prev:before,
.explore-activity .slick-prev:before,
.upcoming-activity .slick-prev::before,
.tiles-module-6 .slick-prev:before,
.testimonials-list-records .slick-prev:before,
.multiple-slicks-module .slick-module .slick-prev:before,
.icon-left-medium-blue,
.icon-left-big-blue,
.icon-left-small-blue,
.ic-left,
.icon-left-small-white {
    transform: rotate(-45deg);
}

@media only screen and (max-width: 767px) {
    .prestige-module {
        padding: 40px 0;
    }

        .prestige-module .body-content {
            width: auto;
            margin: 0 20px;
        }

            /*.prestige-module .label-title {
            margin: 0 20px;
        }*/

            .prestige-module .body-content .label-description {
                width: unset;
                margin: 20px 0 30px;
            }

        .prestige-module .label-description {
            margin: 20px;
        }

        .prestige-module .prestige-item .prestige-item-content {
            width: 100%;
            padding: 0;
        }

        .prestige-module .prestige-item a {
            margin-bottom: 30px;
        }

    .testimonials-list-records .slick-prev {
        left: 80%;
    }

    .tile-module-list-records .slick-next,
    .tile-module-list-records .slick-prev,
    .travel-tile-module-list-records .slick-next,
    .travel-tile-module-list-records .slick-prev,
    .tiles-module-6 .slick-prev,
    .prestige-module .slick-prev,
    .tiles-module-6 .slick-next,
    .prestige-module .slick-next,
    .upcoming-activity .slick-next,
    .explore-activity .slick-next,
    .upcoming-activity .slick-prev,
    .explore-activity .slick-prev {
        top: unset;
        z-index: 1;
    }

    .tile-module-list-records .slick-next,
    .tile-module-list-records .slick-prev {
        bottom: 30px;
    }
    .travel-tile-module-list-records .slick-next,
    .travel-tile-module-list-records .slick-prev {
        bottom: -50px;
    }
    .tiles-module-6 .slick-next,
    .prestige-module .slick-next,
    .explore-activity .slick-next,
    .upcoming-activity .slick-next,
    .tile-module-list-records .slick-next {
        right: 20px;
    }
    .travel-tile-module-list-records .slick-next {
        right: 5px;
    }
    .tiles-module-6 .slick-prev,
    .prestige-module .slick-prev,
    .upcoming-activity .slick-prev,
    .explore-activity .slick-prev,
    .tile-module-list-records .slick-prev {
        left: 20px;
    }
    .travel-tile-module-list-records .slick-prev {
        left: 5px;
    }
    .upcoming-activity .slick-prev,
    .upcoming-activity .slick-next {
        bottom: -50px;
    }

    .tiles-module-6 .slick-next,
    .prestige-module .slick-next,
    .tiles-module-6 .slick-prev,
    .prestige-module .slick-prev {
        bottom: -45px;
    }

    .explore-activity .slick-prev,
    .explore-activity .slick-next {
        top: 215px;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .prestige-module .body-content {
        width: 100%;
    }

        .prestige-module .body-content .label-title {
            font-size: 32px;
            letter-spacing: -0.38px;
            line-height: 40px;
            margin: 30px 20px 0;
        }

        .prestige-module .body-content .label-description {
            width: 75%;
            margin: 20px 20px 30px;
        }

    .prestige-module .prestige-item {
        height: 385px;
        width: 98%;
        margin: 0 auto;
    }

        .prestige-module .prestige-item label {
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
        }

    .prestige-module .slick-next {
        top: unset;
        bottom: -45px;
        right: 20px;
        z-index: 1;
    }

    .prestige-module .slick-prev {
        top: unset;
        bottom: -45px;
        left: 20px;
        z-index: 1;
    }
}

/*--- End prestige module ---*/
/*--- Start category landing module v2 ---*/
.category-landing-module-v2 .container-body {
    display: grid;
    grid-template-columns: 33% auto;
    gap: 30px;
    padding: 40px 0 0;
}

.category-landing-module-v2 .container-option .container-search .label-title {
    line-height: 57px;
}

/*.category-landing-module-v2 .container-option {
    height: fit-content;
    position: sticky;
    top: 200px;
}*/

.category-landing-module-v2 .container-option .container-search {
    border-radius: 10px;
    background-color: #EAEEF0;
    padding: 10px 30px 25px;
}

.category-landing-module-v2 .container-option .container-filter {
    border-radius: 10px;
    background-color: #EAEEF0;
    padding: 10px 30px 25px;
    margin: 10px 0;
}

.category-landing-module-v2 .container-option .container-availability {
    border-radius: 10px;
    background-color: #EAEEF0;
    padding: 10px 30px 25px;
    margin: 10px 0;
}

    .category-landing-module-v2 .container-option .container-filter .label-title,
    .category-landing-module-v2 .container-option .container-availability .label-title {
        line-height: 57px;
        margin-bottom: 12px;
    }

.category-landing-module-v2 .container-option .search-text {
    height: 40px;
    border: 1px solid #CAD1D6;
    background-color: #FFFFFF;
    display: flex;
    padding: 0 12px;
    align-items: center;
    border-bottom: 1px solid #152B55;
}

    .category-landing-module-v2 .container-option .search-text:focus-within {
        border: 1px solid #152B55;
    }

.category-landing-module-v2 .select2-container {
    width: 100% !important;
    margin-bottom: 12px;
    border-bottom: 1px solid #152b55;
}

.dropdown-custom-multiselect .dropdown-title-multi {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
}

    .dropdown-custom-multiselect .dropdown-title-multi label {
        margin-left: 5px;
    }

.dropdown-custom-multiselect {
    position: relative;
}

    .dropdown-custom-multiselect .dropdown-multi-item {
        display: block;
        padding: 5px;
        height: auto;
        margin-bottom: 2px;
        position: relative;
    }

        .dropdown-custom-multiselect .dropdown-multi-item:hover,
        .category-landing-module-v2 .dropdown-footer .dropdown-item-country:hover {
            border-radius: 4px;
            background-color: #C1CEDB;
            color: #152B55;
        }

        .dropdown-custom-multiselect .dropdown-multi-item.dropdown-selected-item::after {
            content: "";
            position: absolute;
            transform: rotate(45deg) translate(-50%, -50%);
            right: 15px;
            top: 50%;
            height: 12px;
            width: 6px;
            border-bottom: 1px solid #FFF;
            border-right: 1px solid #FFF;
        }

    .dropdown-custom-multiselect .dropdown-title-multi .dropdown-title-item {
        width: fit-content;
        padding: 0 10px;
        background-color: #152B55;
        color: #FFF;
        height: 28px;
        line-height: 28px;
        margin-right: 5px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

.category-landing-module-v2 .container-option .dropdown-custom,
.dropdown-custom-multiselect,
.golf-detail-right .custom-input {
    margin-bottom: 12px;
}

    .category-landing-module-v2 .container-option .dropdown-custom .dropdown-title,
    .pop-up-filter-landing .dropdown-custom .dropdown-title {
        border-bottom: 1px solid #152A55;
    }

    .category-landing-module-v2 .container-option .dropdown-custom .dropdown-content,
    .pop-up-filter-landing .dropdown-custom .dropdown-content {
        padding: 5px;
    }

.category-landing-module-v2 .container-option #dropdown-country.dropdown-custom .dropdown-content,
.pop-up-filter-landing #dropdown-country.dropdown-custom .dropdown-content {
    padding: 0;
}

.pop-up-filter-landing .dropdown-custom.dropdown-active .dropdown-content {
    max-height: 250px;
}

.category-landing-module-v2 .container-option #dropdown-country.dropdown-custom .search-country,
.pop-up-filter-landing #dropdown-country.dropdown-custom .search-country {
    border: 1px solid #CAD1D6;
    height: 40px;
}

.category-landing-module-v2 .container-filter .container-end {
    display: flex;
    gap: 10px;
    padding-top: 25px;
    border-top: 1px solid #CAD1D6;
    margin-top: 20px;
}

.category-landing-module-v2 .container-filter .container-offer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

    .category-landing-module-v2 .container-filter .container-offer.online-booking {
        border-top: 1px solid #CAD1D6;
        padding-top: 20px;
    }

.category-landing-module-v2 .custom-date-picker {
    border-bottom: 1px solid #152A55;
}

.dining-landing-module .custom-date-picker {
    border-bottom: 1px solid #CAD1D6;
}

.category-landing-module-v2 .category-item-v2 {
    display: grid;
    grid-template-columns: 30% auto;
    gap: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #CAD1D6;
    margin-bottom: 25px;
}

    .category-landing-module-v2 .category-item-v2 .label-title {
        line-height: 28px;
        display: block;
        margin: 0 0 15px;
        height: fit-content;
    }

    .category-landing-module-v2 .category-item-v2 .label-description {
        margin-top: 15px;
    }

    .category-landing-module-v2 .category-item-v2 .container-address img,
    .category-landing-module-v2 .category-item-v2 .container-region img,
    .category-landing-module-v2 .category-item-v2 .container-flag img {
        margin-right: 8px;
    }

    .category-landing-module-v2 .category-item-v2 .container-flag {
        margin-top: 5px;
    }

    .category-landing-module-v2 .category-item-v2 .container-cuisine,
    .category-landing-module-v2 .category-item-v2 .container-list-time,
    .category-landing-module-v2 .map-tooltip .container-list-time,
    .category-landing-module-v2 .map-tooltip-mobile .container-list-time {
        margin-top: 15px;
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
    }

.category-landing-module-v2 .map-tooltip .container-list-infor,
.category-landing-module-v2 .map-tooltip-mobile .container-list-infor {
    margin: 12px 0 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.category-landing-module-v2 .map-tooltip .ic-close,
.category-landing-module-v2 .map-tooltip-mobile .ic-close {
    width: 25px;
    height: 25px;
    border-radius: 12px;
    background-color: #EAEEF0;
    position: absolute;
    top: 11px;
    right: 11px;
}

.category-landing-module-v2 .category-item-v2 .container-cuisine .category-cuisine-item,
.category-landing-module-v2 .map-tooltip .container-list-infor .infor-item,
.category-landing-module-v2 .map-tooltip-mobile .container-list-infor .infor-item,
.category-landing-module-v2 .map-tooltip-custom .container-list-infor .infor-item {
    border: 1px solid rgba(21, 43, 85, 0.2);
    border-radius: 4px;
    padding: 0 10px;
    line-height: 28px;
    width: fit-content;
}

.category-landing-module-v2 .category-item-v2 .container-list-time .time-slot-item,
.category-landing-module-v2 .map-tooltip .container-list-time .time-slot-item,
.category-landing-module-v2 .map-tooltip-mobile .container-list-time .time-slot-item {
    border: 1px solid #152B55;
    border-radius: 17.5px;
    padding: 0 10px;
    line-height: 35px;
    width: fit-content;
    color: #152B55;
    font-family: 'CeraPro-Medium';
    transition: 0.3s;
    cursor: pointer;
    min-width: 88px;
    text-align: center;
}

    .category-landing-module-v2 .category-item-v2 .container-list-time .time-slot-item:hover {
        background-color: #152B55;
        color: #FFF;
    }
.category-landing-module-v2 .category-item-v2.exclusive-card .container-list-time .time-slot-item,
.category-landing-module-v2 .category-item-v2.exclusive-card .button-category-item-v2 {
    border-color: #fff;
    color: #FFF;
}

    .category-landing-module-v2 .category-item-v2.exclusive-card .button-category-item-v2:hover {
        border: none;
        outline: 3px double #fff;
    }

.category-landing-module-v2 .category-item-v2.exclusive-card .container-list-time .time-slot-item {
    z-index: 0;
}

    .category-landing-module-v2 .category-item-v2.exclusive-card .container-list-time .time-slot-item:hover {
        background-color: #FFF;
        color: #152B55;
    }

.category-landing-module-v2 .category-item-v2 .button-category-item-v2 {
    height: 35px;
    line-height: 35px;
    width: 240px;
    border: 1px solid #152B55;
    border-radius: 17.5px;
    text-align: center;
    margin-top: 25px;
    color: #152B55;
    transition: all 0.3s ease-in-out;
}

.category-landing-module-v2 .category-item-v2 .rating-start,
.category-landing-module-v2 .map-tooltip .rating-start,
.category-landing-module-v2 .map-tooltip-mobile .rating-start {
    width: 14px;
    height: 14px;
}

.category-landing-module-v2 .category-item-v2 .container-rate-review,
.category-landing-module-v2 .map-tooltip .container-rate-review,
.category-landing-module-v2 .map-tooltip-mobile .container-rate-review {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.category-landing-module-v2 .category-item-v2 .container-title {
    display: flex;
    justify-content: space-between;
}

    .category-landing-module-v2 .category-item-v2 .container-title label {
        text-align: right;
        min-width: 70px;
    }

.category-landing-module-v2 .container-body .container-button-load-more {
    margin: 25px 0 120px;
    text-align: center;
}

.category-landing-module-v2 .container-body .container-list-content,
.category-landing-module-v2 .container-body .container-map-content,
.category-landing-module-v2 .container-option .container-filter-mobile {
    width: 100%;
    display: none;
}

.category-landing-module-v2 .map-diving {
    background-color: #EAEEF0;
    height: 640px;
    margin-bottom: 33px;
    position: inherit;
}

.category-landing-module-v2 .map-tooltip,
.category-landing-module-v2 .map-tooltip-mobile {
    width: 310px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    height: fit-content;
    min-height: 260px;
    padding: 0;
    background-color: #FFF;
    box-shadow: 0 15px 25px -10px rgba(0, 0, 0, 0.15);
    /* position: absolute; */
    bottom: 60px;
    right: -120px;
    /* display: none; */
}

    .category-landing-module-v2 .map-tooltip .image-item,
    .category-landing-module-v2 .map-tooltip-mobile .image-item {
        height: 107px;
        /*border-radius: 15px 15px 0 0;*/
        width: 100%;
        object-fit: cover;
    }

.category-landing-module-v2 .container-body .container-search-text {
    position: sticky;
    top: 159px;
    padding: 40px 0 0;
    background-color: #FFF;
    z-index: 2;
}

    .category-landing-module-v2 .container-body .container-search-text .search-item {
        padding-right: 40px;
        width: fit-content;
        position: relative;
        padding-bottom: 25px;
    }

    .category-landing-module-v2 .container-body .container-search-text .ic-close::after,
    .category-landing-module-v2 .container-body .container-search-text .ic-close::before {
        content: '';
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 25px;
        height: 1px;
        border-radius: 50%;
        top: 8px;
        right: 1px;
        background-color: #152B55;
        transform: rotate(45deg);
    }

    .category-landing-module-v2 .container-body .container-search-text .ic-close::after {
        transform: rotate(-45deg);
    }

.category-landing-module-v2 .map-tooltip .container-infor,
.category-landing-module-v2 .map-tooltip-mobile .container-infor {
    padding: 5px 10px 10px;
}

.dropdown-custom-multiselect .dropdown-title-multi .dropdown-title-item .ic-close {
    background-color: #EAEEF0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: relative;
}

    .dropdown-custom-multiselect .dropdown-title-multi .dropdown-title-item .ic-close::after,
    .dropdown-custom-multiselect .dropdown-title-multi .dropdown-title-item .ic-close::before{
        content: '';
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 9px;
        height: 1px;
        border-radius: 50%;
        top: 8px;
        right: 3px;
        background-color: #152B55;
        transform: rotate(45deg);
    }
.category-landing-module-v2 .map-tooltip .ic-close::after,
.category-landing-module-v2 .map-tooltip .ic-close::before,
.category-landing-module-v2 .map-tooltip-mobile .ic-close::after,
.category-landing-module-v2 .map-tooltip-mobile .ic-close::before {
    content: '';
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 18px;
    height: 1px;
    border-radius: 50%;
    top: 12px;
    right: 3.5px;
    background-color: #152B55;
    transform: rotate(45deg);
}

    .dropdown-custom-multiselect .dropdown-title-multi .dropdown-title-item .ic-close::after,
    .category-landing-module-v2 .map-tooltip .ic-close::after,
    .category-landing-module-v2 .map-tooltip-mobile .ic-close::after {
        transform: rotate(-45deg);
    }

.dropdown-custom-multiselect .dropdown-title {
    padding: 5px 10px 5px 5px;
    border-bottom: 1px solid #152B55;
    min-height: 40px;
    height: fit-content;
    gap: 5px;
}

.dropdown-custom-multiselect.dropdown-active .dropdown-content,
.category-landing-module-v2 .map-tooltip.active {
    display: block;
}

.category-landing-module-v2 .container-option .container-availability .container-end {
    margin-top: 25px;
}

.category-landing-module-v2 .map-tooltip-mobile,
.category-landing-module-v2 .map-tooltip-mobile.active {
    display: none;
}

.category-landing-module-v2 .container-no-result {
    display: grid;
    grid-template-columns: 250px auto;
    gap: 30px;
}

    .category-landing-module-v2 .container-no-result.data {
        margin: 40px 0 155px;
    }

        .category-landing-module-v2 .container-no-result.data .list-contact {
            display: grid;
            gap: 25px;
            grid-template-columns: 19% 19% auto;
        }

    .category-landing-module-v2 .container-no-result p {
        margin: 20px 0 30px;
    }

    .category-landing-module-v2 .container-no-result.data p {
        margin: 20px 0 40px;
        width: 65%;
    }

    .category-landing-module-v2 .container-no-result.data .label-title {
        width: 65%;
    }

    .category-landing-module-v2 .container-no-result .image-no-result {
        border-radius: 15px;
        height: 235px;
    }

    .category-landing-module-v2 .container-no-result .container-contact-item {
        border-bottom: 1px solid #DDE2E6;
        display: flex;
        gap: 10px;
        margin-bottom: 12px;
        padding-bottom: 12px;
        align-items: center;
        cursor: pointer;
    }

        .category-landing-module-v2 .container-no-result .container-contact-item label {
            cursor: pointer;
        }

.category-landing-module-v2 .category-item-v2 img.item-url {
    height: 210px;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
}

@media only screen and (max-width: 400px) {
    .pop-up-filter-landing .container-body {
        max-height: calc(100% - 100px);
        overflow-y: auto;
    }
}

@media only screen and (max-width: 767px) {

    .category-landing-module-v2 .container-list-map .container-list label,
    .category-landing-module-v2 .container-list-map .container-map label,
    .category-landing-module-v2 .container-option .container-filter,
    .category-landing-module-v2 .map-tooltip,
    .category-landing-module-v2 .map-tooltip.active {
        display: none;
    }

    .category-landing-module-v2 .container-option .container-search .label-title {
        line-height: normal;
        margin-bottom: 8px;
    }

    .category-landing-module-v2 .map-tooltip-mobile {
        bottom: 12px;
        right: 12px;
        left: 12px;
        width: calc(100vw - 64px);
        display: none;
        z-index: 2;
    }

        .category-landing-module-v2 .map-tooltip-mobile.active {
            display: block;
        }

    .category-landing-module-v2 .container-option .container-filter-mobile {
        display: flex;
        border-radius: 10px;
        background-color: #EAEEF0;
        padding: 20px;
        font-size: 17px;
        line-height: 21px;
        margin: 10px 0 30px;
        justify-content: space-between;
        align-items: center;
    }

        .category-landing-module-v2 .container-option .container-filter-mobile div:not([class]) {
            display: flex;
            gap: 8px;
            align-items: center;
        }

        .category-landing-module-v2 .container-option .container-filter-mobile .number-filter {
            height: 25px;
            width: 25px;
            color: #FFFFFF;
            font-size: 17px;
            line-height: 25px;
            text-align: center;
            background-color: #152B55;
            border-radius: 12px;
        }

    .category-landing-module-v2 .container-body .container-button-load-more {
        margin: 40px 0 80px;
    }

    .category-landing-module-v2 .container-no-result.data {
        margin: 20px 0 80px;
    }

    .category-landing-module-v2 .container-filter-mobile .ic-right {
        border-top: 2px solid #666;
        border-left: 2px solid #666;
        width: 10px;
        height: 10px;
    }

    .category-landing-module-v2 .container-body {
        grid-template-columns: auto;
        gap: 10px;
        padding: 20px 0 0;
    }

    .category-landing-module-v2 .category-item-v2 {
        grid-template-columns: auto;
        gap: 20px;
    }

    .category-landing-module-v2 .container-header,
    .category-landing-module-v2 .container-option {
        position: inherit;
    }

    .category-landing-module-v2 .container-availability .container-time-guest {
        display: grid;
        gap: 10px;
        grid-template-columns: calc((100% - 10px)/2) calc((100% - 10px)/2);
    }

    .category-landing-module-v2 .category-item-v2 .button-category-item-v2 {
        width: 100%;
        font-family: 'CeraPro-Medium';
    }

    .category-landing-module-v2 .map-diving {
        height: 590px;
        position: relative;
    }

    .category-landing-module-v2 .category-item-v2 .label-title,
    .category-landing-module-v2 .container-option .container-availability .label-title {
        font-family: 'CeraPro-Medium';
        line-height: 21px;
        font-size: 17px;
    }

    .category-landing-module-v2 .category-item-v2 .label-title {
        margin-bottom: 10px;
    }

    .category-landing-module-v2 .category-item-v2 img.item-url {
        height: 295px;
        width: 100%;
    }

    .category-landing-module-v2 .container-option .container-search,
    .category-landing-module-v2 .container-option .container-availability {
        padding: 20px;
    }

    .pop-up-filter-landing .container-body {
        overflow-y: auto;
        padding: 40px 20px 0px;
    }

    .pop-up-filter-landing .container-filter-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #EAEEF0;
        padding: 20px 0;
    }

    .pop-up-filter-landing .container-center div.container-filter-toggle:nth-last-child(2),
    .pop-up-filter-landing .container-center div.container-filter-item:nth-last-child(2) {
        margin-bottom: 120px;
    }

    .pop-up-filter-landing .container-filter-toggle .container-special-offer,
    .pop-up-filter-landing .container-filter-toggle .container-online-booking {
        display: flex;
        gap: 15px;
        align-items: center;
    }

    .category-landing-module-v2 .container-header .label-title {
        margin: 0 0 10px;
    }

    .category-landing-module-v2 .container-option .container-availability .container-end {
        margin-top: 12px;
    }

    .category-landing-module-v2 .container-no-result {
        grid-template-columns: auto;
        gap: 10px;
    }

        .category-landing-module-v2 .container-no-result .image-no-result {
            height: auto;
            width: 100%;
        }

        .category-landing-module-v2 .container-no-result .label-title {
            font-size: 17px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 27px;
        }

        .category-landing-module-v2 .container-no-result p {
            margin: 15px 0 40px;
        }

        .category-landing-module-v2 .container-no-result.search .container-contact-item:nth-child(3),
        .category-landing-module-v2 .container-no-result.data .container-contact-item:first-child {
            border-top: 1px solid #DDE2E6;
            padding-top: 12px;
        }

    .category-landing-module-v2 .container-no-result {
        margin-bottom: 80px;
    }

        .category-landing-module-v2 .container-no-result.data .label-title,
        .category-landing-module-v2 .container-no-result.data p {
            width: 100%;
        }

        .category-landing-module-v2 .container-no-result.data .list-contact {
            grid-template-columns: auto;
            gap: 0;
        }

    .category-landing-module-v2 .container-body .container-search-text {
        top: 80px;
        display: flex;
        justify-content: center;
        background-color: transparent;
        padding: 0;
    }

        .category-landing-module-v2 .container-body .container-search-text .search-item {
            background-color: #FFF;
            padding: 8px 70px 8px 25px;
            height: 44px;
            border-radius: 22px;
            border: 1px solid rgba(0, 0, 0, 0.05);
            box-shadow: 0 15px 25px -10px rgba(0, 0, 0, 0.15);
        }

        .category-landing-module-v2 .container-body .container-search-text .ic-close::after,
        .category-landing-module-v2 .container-body .container-search-text .ic-close::before {
            top: 22px;
            right: 25px;
        }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .category-landing-module-v2 .container-option .container-search {
        padding: 20px;
    }

    .category-landing-module-v2 .container-option .container-filter,
    .category-landing-module-v2 .container-option .container-availability {
        padding: 10px 20px 20px;
    }

    .category-landing-module-v2 .container-no-result.search {
        grid-template-columns: auto;
        gap: 30px;
    }

    .category-landing-module-v2 .container-no-result.data {
        gap: 10px;
    }

        .category-landing-module-v2 .container-no-result.data .list-contact {
            grid-template-columns: auto;
            gap: 0px;
        }

    .category-landing-module-v2 .container-no-result .label-title {
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 27px;
    }

    .category-landing-module-v2 .container-no-result p {
        margin: 15px 0 40px;
    }

    .category-landing-module-v2 .category-item-v2 img.item-url {
        height: 150px;
    }

    .category-landing-module-v2 .container-no-result.search .container-contact-item:nth-child(3),
    .category-landing-module-v2 .container-no-result.data .container-contact-item:first-child {
        border-top: 1px solid #DDE2E6;
        padding-top: 12px;
    }

    .category-landing-module-v2 .container-no-result {
        margin-bottom: 80px;
    }

        .category-landing-module-v2 .container-no-result.data .label-title,
        .category-landing-module-v2 .container-no-result.data p {
            width: 100%;
        }
}

/*--- End category landing module v2 ---*/
/*--- Start dynamic content ---*/
.dynamic-content {
    width: 1170px;
    margin: 40px auto;
}

.dynamic-tab-container {
    margin: 50px 0;
}

    .dynamic-tab-container .tab-header {
        display: flex;
        height: 60px;
    }

    .dynamic-tab-container .tab-header-item {
        font-size: 22px;
        background-color: rgb(22, 42, 85, .03);
        width: 100%;
        color: #000;
    }

        .dynamic-tab-container .tab-header-item.selected {
            background-color: #F1F1F5;
            border-bottom: 2px solid #152B55;
        }

    .dynamic-tab-container .tab-content-item {
        display: none;
        margin-top: 20px;
    }

        .dynamic-tab-container .tab-content-item.selected {
            display: block;
        }

    .dynamic-tab-container ol li {
        list-style: decimal;
    }

    .dynamic-tab-container ul li {
        list-style: disc;
    }

@media only screen and (max-width: 1170px) {
    .dynamic-content {
        width: auto;
        margin: 20px;
    }

    .dynamic-tab-container {
        margin: 20px 0;
    }

        .dynamic-tab-container .tab-header {
            height: 50px;
        }
}

@media only screen and (max-width: 767px) {
    .dynamic-tab-container .tab-header-item {
        font-size: 14px;
        background-color: #FFF;
        border-bottom: 1px solid #CAD1D6;
    }
}

/*--- End dynamic content ---*/
/*--- Start request a SIM card ---*/
.sim-card-detail-module .custom-input {
    margin-bottom: 10px;
}

/*--- End request a SIM card ---*/
/*--- Start account countdown ---*/
.img-account-countdown {
    width: 140px;
    height: 140px;
    position: absolute;
    bottom: 100px;
    right: calc((100vw - 1170px) / 2);
}

@media only screen and (max-width: 767px) {
    .img-account-countdown {
        right: 10%;
        height: 90px;
        width: 90px;
        bottom: 45%;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .img-account-countdown {
        right: 20px;
    }
}

/*--- End account countdown ---*/
/*--- add custom tiles to filter ---*/
.input-top-tiles {
    position: absolute;
    top: 5px;
    left: 39px;
    display: block;
    transition-duration: 700ms;
    z-index: 1;
    pointer-events: none;
}

.dining-landing-module .container-filter .container-time-guest .container-time .input-top-tiles {
    left: 42px;
}

.dining-landing-module .container-filter .container-time-guest .container-guest .input-top-tiles {
    left: 45px;
}

.benefit-landing-page #input-search {
    left: 7px;
}

.dining-landing-module .search-text .input-top-tiles,
.category-landing-module .search-text .input-top-tiles,
.category-landing-module-v2 .search-text .input-top-tiles,
.benefit-landing-page .search-text .input-top-tiles {
    top: 19px;
    left: 45px;
}

.dining-landing-module .search-text #clear-search-icon .Combined_Shape_desktop,
.category-landing-module .search-text #clear-search-icon .Combined_Shape_desktop,
.category-landing-module-v2 .search-text #clear-search-icon .Combined_Shape_desktop {
    background-color: #EAEEF0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

    .dining-landing-module .search-text #clear-search-icon .Combined_Shape_desktop::after,
    .dining-landing-module .search-text #clear-search-icon .Combined_Shape_desktop::before,
    .category-landing-module .search-text #clear-search-icon .Combined_Shape_desktop::after,
    .category-landing-module .search-text #clear-search-icon .Combined_Shape_desktop::before,
    .category-landing-module-v2 .search-text #clear-search-icon .Combined_Shape_desktop::after,
    .category-landing-module-v2 .search-text #clear-search-icon .Combined_Shape_desktop::before {
        top: 9px;
        left: 4px;
        width: 12px;
        height: 1px;
    }

.dining-landing-module #input-search:valid + .input-top-tiles,
.dining-landing-module #input-search:focus + .input-top-tiles,
.category-landing-module #input-search:valid + .input-top-tiles,
.category-landing-module #input-search:focus + .input-top-tiles,
.category-landing-module-v2 #input-search-tiles:valid + .input-top-tiles,
.category-landing-module-v2 #input-search-tiles:focus + .input-top-tiles,
.benefit-landing-page #input-search:valid + .input-top-tiles,
.benefit-landing-page #input-search:focus + .input-top-tiles {
    top: 5px;
}

.dining-landing-module #input-search:focus,
.dining-landing-module #input-search:valid,
.category-landing-module #input-search:focus,
.category-landing-module #input-search:valid,
.category-landing-module-v2 #input-search-tiles:focus,
.category-landing-module-v2 #input-search-tiles:valid,
.benefit-landing-page #input-search:focus,
.benefit-landing-page #input-search:valid {
    top: 10px;
}

.dining-landing-module .container-filter .container-time-guest .container-time span.multiselect-selected-text {
    margin-left: 42px;
    color: #152B55;
    margin-top: 18px;
    display: block;
    text-align: left;
}

.dining-landing-module .container-filter .container-time-guest .container-guest span.multiselect-selected-text {
    margin-left: 45px;
    color: #152B55;
    margin-top: 18px;
    display: block;
    text-align: left;
}

.category-landing-module .search-text #input-search:has(+ .input-top-tiles):not(:focus)::placeholder,
.category-landing-module-v2 .search-text #input-search-tiles:has(+ .input-top-tiles):not(:focus)::placeholder,
.dining-landing-module .search-text #input-search:has(+ .input-top-tiles):not(:focus)::placeholder,
.benefit-landing-page .search-text #input-search:has(+ .input-top-tiles):not(:focus)::placeholder {
    color: transparent;
}

/*--- Start input otp issue on IOS ---*/
@media screen and (max-width: 767px) {

    html,
    body:not([data-pagename="limolandingtemplate"]) {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: auto;
    }
}

/*--- End input otp issue on IOS ---*/
/*Start - remove up-down numeric icon */
/* Chrome, Safari, Edge, Opera */
body .verification-code-pop-up .container-input-verify .input-verification::-webkit-outer-spin-button,
body .verification-code-pop-up .container-input-verify .input-verification::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
body .verification-code-pop-up .container-input-verify .input-verification[type=number],
input[type=number] {
    -moz-appearance: textfield;
}

/*End - remove up-down numeric icon */
/*--Fix issue banner img stretch--*/
.img-stretch {
    object-fit: contain !important;
}

@media only screen and (max-width: 1170px) {
    .img-stretch {
        object-fit: cover !important;
    }
}

/*Start - custom CSS for WCAG Sprint*/
.benefit-item .label-title,
.category-item .label-title,
.dining-item .label-title,
.container-hotels .label-title,
.container-list-item .label-title,
.item-container .title,
.top-dining-item-container .title,
.tiles-module-custom-item-container .title {
    margin: 10px 20px 0px;
    line-height: 30px;
    overflow: hidden;
    height: 60px;
    display: block;
}

.prelogin-item-container .label-title {
    margin: 26px 0 0;
}

/*End - custom CSS for WCAG Sprint*/
/* SMPlus-2069 */
.pop-up-dining-filter .dropdown-content .dropdown-sort-by-item {
    padding: 0 15px;
    height: 30px;
}

    .pop-up-dining-filter .dropdown-content .dropdown-sort-by-item:hover {
        background-color: #C1CEDB;
        border-radius: 4px;
    }

.wcag-dropdown-sort-by-title:focus {
    outline: -webkit-focus-ring-color auto 1px;
}
.booking-detail-module .multiselect.dropdown-toggle:focus {
    outline: 2px solid #152B55;
}

.pac-container {
    z-index: 2000 !important;
}

/*----- Fix responsive - CITI-Prod-Hk-zh-Dining-map-Alignment of text doesn't look correct -----*/
.dining-landing-module .map-diving .no-result-map,
.dining-landing-v2 .map-diving .no-result-map {
    height: 40px;
    border-radius: 15px;
    color: #fff;
    background-color: #FEFFEC;
    padding: 0 30px;
    width: fit-content;
    z-index: 1;
    cursor: pointer;
    line-height: 40px;
    position: absolute;
    top: 150px;
    left: 35%;
    text-align: center;
}

.map-no-result-line-height {
    line-height: 40px;
}

@media (min-width: 767px) and (max-width: 991px) {
    .dining-landing-module .map-diving .no-result-map {
        height: auto;
        left: 25%;
        margin: 10px;
        top: 35%;
    }

    .map-no-result-line-height {
        line-height: 26px;
    }

    .dining-landing-module .map-diving .search-map-button {
        left: 40%;
    }
}

@media (max-width: 767px) {
    .dining-landing-module .map-diving .no-result-map,
    .category-landing-module-v2 .map-diving .no-result-map {
        left: 0;
        height: auto;
        margin: 10px;
        top: 35%;
    }

    .tiles-module-custom-item-container .title {
        margin: 10px 10px 0;
    }

    .map-no-result-line-height {
        line-height: 26px;
    }
}

/*----- CITI-Prod-Hk-zh-Dining-map-Alignment of text doesn't look correct -----*/
/* Add custom styles for the InfoWindow here */
.custom-info-window {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    overflow: hidden;
}

.info-content {
    padding: 10px;
}

.close-button {
    cursor: pointer;
    float: right;
}

.gm-style .gm-style-iw-c {
    padding: 0;
}

.gm-style-iw-d {
    padding: 0;
    overflow: hidden !important;
}

.gm-ui-hover-effect {
    display: none;
}

.info-window-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 648px;
    max-height: 100px;
}

.info-window-detail {
    padding: 0 10px;
}

.close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px;
    border-radius: 50%;
}

/*----- end custom map -----*/
/*Fix for WCAG merge 19/01/2024*/
/*---SMPlus-2259---*/
.pop-up-my-preference .undisplay-mobile.popupClose {
    height: auto;
    width: auto;
}

.undisplay-mobile.popupClose:focus,
.close-mobile:focus {
    outline: 2px solid black;
    width: 30px;
    height: 30px;
    padding: 3px;
}

@media only screen and (max-width: 767px) {
    .pop-up-my-preference {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .close-mobile {
        align-self: flex-end;
    }

    .container-body {
        display: flex;
    }
}

/*---Start SMPlus-2261---*/
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.labelvisuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/*Start SMPlus-2254, JRCW-1811*/
h1.sr-only,
h2 .sr-only {
    position: absolute;
    left: -9999px;
}

/*WCAG 2/25*/
.screen-reader-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.my-prefer-page .container-prefer-category h2 {
    color: #fff;
    margin: 0;
}

/*Start SMPlus-2249*/
.my-account-title h1.heading-01 {
    margin: 0;
}

/*Start SMPlus-2249*/
button.verify-phone.text-medium {
    border: none;
    background: none;
}

/*Start SMPlus-2241*/
.tab-header-request-resentation {
    width: 100%;
}

button.tab-header-request-item {
    border: none;
    background: none;
    height: -webkit-fill-available;
}

/*Start SMPlus-2225*/
input[type="checkbox"].map-check-box {
    height: 28px;
    width: 28px;
    min-width: 28px;
    margin-right: 15px;
    border-radius: 0;
    border: 1px solid #CAD1D6;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    transition-duration: 500ms;
    cursor: pointer;
    /*appearance: auto;*/
}

    input[type="checkbox"].map-check-box.checkbox-selected {
        background-color: #152B55;
        border: 1px solid #152B55;
    }

/*Start SMPlus-2229*/
div#slick-content {
    position: relative;
    display: block;
}

.prelogin-hero .container-button .button-register {
    width: fit-content;
    margin-left: 3px;
}

.prelogin-hero .container-button .button-login {
    width: fit-content;
    margin-left: 3px;
}

/*2104*/

.booking-detail-module h2.booking-detail-big-title {
    margin: 30px 0 20px;
}

/*2187*/
.carousel-caption span,
.carousel-caption h2 {
    color: #FFFFFF;
    font-family: 'CeraPro-Medium';
    font-size: 50px;
    font-weight: 500;
    letter-spacing: -1.2px;
    line-height: 57px;
    text-align: left;
}

.carousel-tablist .carousel-item .carousel-caption span,
.carousel-tablist .carousel-item .carousel-caption h2 {
    position: absolute;
    right: 15%;
    bottom: 0;
    left: 0%;
    color: #fff;
    text-align: left;
}

.booking-infor button.ic-edit {
    border: none;
}

/*End for WCAG*/
/* handle menu dropdown*/
.ic-menu-wcag {
    border-top: 2px solid #152B55;
    border-left: 2px solid #152B55;
    width: 8px;
    height: 8px;
    content: '';
    display: block;
    transition-duration: 300ms;
    margin: 0;
    transform: rotate(-135deg);
}

.expand-menu {
    padding: 0px;
    border: none;
    background-color: transparent;
}

.menu-top-wcag {
    display: flex;
    gap: 12px;
}

.ic-menu-wcag:focus {
    outline: 1px solid #fff !important;
}

.menu-item:hover .ic-menu-wcag,
.login-info-container:hover .ic-menu-wcag {
    border-color: #FFF;
    transform: rotate(45deg);
    margin-bottom: -10px;
}

.menu-active .ic-menu-wcag {
    border-color: #FFF;
}

@media screen and (max-width: 767px) {
    .expand-menu {
        position: absolute;
        top: 30px;
        right: 15px;
        pointer-events: none;
    }

    .menu-top-wcag {
        position: relative;
    }

    .menu-item:hover .ic-menu-wcag,
    .login-info-container:hover .ic-menu-wcag {
        transform: rotate(-135deg);
    }

    .menu-item.menu-active .ic-menu-wcag,
    .login-info-container.menu-active .ic-menu-wcag {
        transform: rotate(45deg);
    }
}

/* handle menu dropdown*/
/* SMPLUS-2200 */
.offleft {
    position: absolute;
    left: -9999px;
}

.screen-reader-text {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    clip-path: inset(50%);
    -webkit-clip-path: inset(50%);
}

    .screen-reader-text:focus,
    .screen-reader-text:active {
        clip: auto !important;
        clip-path: none;
        -webkit-clip-path: none;
        color: #FFF;
        background-color: #000;
        left: 170px;
        top: 0;
        width: auto;
        height: auto;
        overflow: auto;
        padding: 5px;
        text-align: center;
        font-size: 14px;
        z-index: 999;
        font-weight: bold;
        text-decoration: none;
    }

/*--- End WCAG 2089 ---*/
.explore-card button.btn-medium.btn-border {
    margin-bottom: 4px;
}

/* SMPLUS-2235 */
.tile-module-list-records .slick-prev:before,
.tile-module-list-records .slick-next:before,
.travel-tile-module-list-records .slick-prev:before,
.travel-tile-module-list-records .slick-next:before,
.testimonials-list-records .slick-next:before,
.testimonials-list-records .slick-prev:before,
.prelogin-list-module .slick-prev:before,
.prelogin-list-module .slick-next:before,
.prestige-module .slick-next:before,
.prestige-module .slick-prev:before,
.recommendation-module .slick-next:before,
.recommendation-module .slick-prev:before,
.my-detail-page .slick-next:before,
.my-detail-page .slick-prev:before,
.explore-activity .slick-prev:before,
.explore-activity .slick-next:before,
.upcoming-activity .slick-prev::before,
.upcoming-activity .slick-next::before,
.tiles-module-6 .slick-next:before,
.tiles-module-6 .slick-prev:before,
.multiple-slicks-module .slick-module .slick-next:before,
.multiple-slicks-module .slick-module .slick-prev:before,
.pre-travel-planning .container-list .pre-travel-planning-item .icon-right,
.icon-down-big-blue,
.icon-up-big-blue,
.icon-left-big-blue,
.icon-right-big-blue {
    margin-top: -7px;
}

.tile-module-list-records .slick-prev:before,
.travel-tile-module-list-records .slick-prev:before,
.testimonials-list-records .slick-prev:before,
.prelogin-list-module .slick-prev:before,
.prestige-module .slick-prev:before,
.recommendation-module .slick-prev:before,
.my-detail-page .slick-prev:before,
.explore-activity .slick-prev:before,
.upcoming-activity .slick-prev::before,
.tiles-module-6 .slick-prev:before,
.pre-travel-planning .container-list .pre-travel-planning-item .icon-right,
.icon-down-big-blue,
.icon-up-big-blue,
.icon-left-big-blue,
.icon-right-big-blue {
    margin-left: 5px;
}

.slick-prev:before,
.slick-next:before {
    outline: 2px solid transparent;
    transition: border-color 300ms;
}

.slick-prev:focus,
.slick-next:focus {
    outline: 2px solid #152B55 !important;
    background-clip: padding-box;
    outline-offset: 0.3rem;
}

    .slick-prev:focus:before,
    .slick-next:focus:before {
        outline: #152B55;
    }

/* SMPLUS-2206 */
.location-button {
    background-color: transparent;
    border: none;
    color: #152B55 !important;
    text-align: left;
}

.location-button-selected {
    background-color: #152B55;
    border: none;
    color: #fff !important;
    text-align: left;
    border-radius: 4px;
}

    .location-button-selected span,
    .location-button span {
        line-height: 0;
    }

/* SMPLUS-2180 */
.container-time .time-filter,
.container-guest .partysize-filter {
    display: none;
}

/*End for WCAG*/
/*--- Place a request page ---*/
.concierge-booking-confirm {
    width: 1170px;
    margin: 40px auto 95px;
}

    .concierge-booking-confirm .concierge-booking-confirm-content {
        width: 50%;
    }

        .concierge-booking-confirm .concierge-booking-confirm-content label {
            margin: 0 0 30px;
            display: block;
        }

        .concierge-booking-confirm .concierge-booking-confirm-content p {
            margin: 30px 0 0;
        }

.concierge-booking {
    width: 1170px;
    margin: 40px auto 0;
}

    .concierge-booking .row.booking-infor,
    .concierge-booking .row.booking-infor .row {
        --bs-gutter-x: 0.55rem;
    }

    .concierge-booking .custom-input {
        padding: 0 10px;
    }

    .concierge-booking .ic-down {
        width: 8px;
        height: 8px;
    }

    .concierge-booking .dropdown-title {
        padding: 0 7px 0 5px;
    }

    .concierge-booking .label-title {
        display: block;
        margin: 40px 0 10px;
    }

    .concierge-booking .container-flight-detail {
        margin-top: 50px;
    }

    .concierge-booking .label-tile-input {
        margin-top: 20px;
    }

    .concierge-booking .separator-option {
        width: 100%;
        height: 1px;
        background-color: #CAD1D6;
        margin: 40px 0;
    }

    .concierge-booking #dropdown-phone .separator-option {
        margin: 5px 0;
    }

    .concierge-booking .place-a-request-button {
        min-width: 370px;
        margin-bottom: 120px;
    }

    .concierge-booking .special-request {
        padding: 7px 15px;
        height: 108px;
        width: 100%;
        border: 1px solid #CAD1D6;
        letter-spacing: -0.34px;
        line-height: 20px;
    }

    .concierge-booking .container-personal-information {
        width: 67%;
    }

    .concierge-booking .container-phone input.phone-number {
        margin-top: 52px;
    }

    .concierge-booking .container-contact-method {
        display: flex;
        gap: 20px;
        align-items: center;
    }

        .concierge-booking .container-contact-method .container-phone,
        .concierge-booking .container-contact-method .container-mail {
            display: flex;
            align-items: center;
        }

    .concierge-booking .special-request::placeholder,
    .concierge-booking .special-request::-ms-input-placeholder,
    .concierge-booking .custom-input::placeholder,
    .concierge-booking .custom-input::-ms-input-placeholder {
        color: #666;
    }

    .concierge-booking .label-tile-input[require]:after,
    .registration .label-tile-input[require]:after,
    .booking-detail-title[for="first-name-label"]::after,
    .booking-detail-title[for="last-name-label"]::after,
    .booking-detail-title[for="email-label"]::after,
    .booking-detail-module .booking-detail-title#titleCountryCode::after {
        content: '*';
        color: #C94A4A;
        margin-left: 5px;
    }

    .concierge-booking .container-add-hotel .container-hotel {
        position: relative;
    }

    .concierge-booking .container-add-hotel + .add-hotel {
        user-select: none;
        margin-top: 13px;
    }

    .concierge-booking .container-add-flight .container-flight .remove-flight,
    .concierge-booking .container-add-hotel .container-hotel .remove-hotel {
        height: 40px;
        background-color: #EAEEF0;
        width: 40px;
        border-radius: 20px;
        font-size: 40px;
        color: #54606C;
        padding-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        user-select: none;
        cursor: pointer;
    }

    .concierge-booking .container-add-flight .container-flight .remove-flight {
        top: 40px;
        right: 34%;
    }

    .concierge-booking .container-add-hotel .container-hotel .remove-hotel {
        top: 50px;
        right: -70px;
    }

    .concierge-booking .container-add-hotel .container-hotel a .remove-hotel {
        right: 28%;
    }

    .concierge-booking .container-hotel-detail .notes-loyalty-program {
        color: #666666;
        display: block;
        margin-top: 10px;
    }

        .concierge-booking .container-hotel-detail .notes-loyalty-program a {
            color: #163049;
        }

    .concierge-booking .t-datepicker-day {
        top: 40px;
    }

    .concierge-booking .container-time-dropdown .time_pick:after {
        content: '';
        width: 28px;
        height: 28px;
        overflow: hidden;
        position: absolute;
        top: 7px;
        right: 10px;
        transform-origin: center;
    }

    .concierge-booking .custom-date-booking {
        float: inherit;
    }

        .concierge-booking .custom-date-booking .t-dates {
            height: 40px;
        }

            .concierge-booking .custom-date-booking .t-dates i {
                position: absolute;
                right: 12px;
            }

    .concierge-booking .custom-dropdown .dropdown-title,
    .concierge-booking .container-count-guest .container-title {
        margin-bottom: 0;
        font-family: 'CeraPro-Medium';
    }

.tab-header-hotel {
    display: flex;
    width: 65%;
    height: 90px;
}

    .tab-header-hotel .tab-header-hotel-item {
        line-height: 90px;
        width: 100%;
        text-align: center;
        cursor: pointer;
        background-color: rgb(22,42,85,0.03);
    }

        .tab-header-hotel .tab-header-hotel-item.tab-header-item-selected {
            background-color: #F1F1F5;
            border-bottom: 2px solid #162A55;
        }

.tab-content-hotel {
    margin-top: 29px;
}

    .tab-content-hotel .tab-content-hotel-item {
        display: none;
    }

        .tab-content-hotel .tab-content-hotel-item.tab-content-item-selected {
            display: flex;
        }

.container-count-guest .ic-down {
    transform: rotate(-135deg);
}

.container-count-guest.container-active .ic-down {
    transform: rotate(45deg);
}

.container-count-guest .container-content .container-adult .ic-minus,
.container-count-guest .container-content .container-adult .ic-plus,
.container-count-guest .container-content .container-children .ic-minus,
.container-count-guest .container-content .container-children .ic-plus {
    display: inline-block;
}

    .container-count-guest .container-content .container-adult .ic-minus:after,
    .container-count-guest .container-content .container-children .ic-minus:after {
        content: '�';
        line-height: 25px;
        font-weight: 600;
    }

    .container-count-guest .container-content .container-adult .ic-minus.ic-minus-disabled:after,
    .container-count-guest .container-content .container-children .ic-minus.ic-minus-disabled:after {
        opacity: 0.3;
    }

    .container-count-guest .container-content .container-adult .ic-plus:after,
    .container-count-guest .container-content .container-children .ic-plus:after {
        content: '+';
        font-size: 28px;
        line-height: 25px;
    }

.container-count-guest .container-content .container-adult .label-title + div:not([class]),
.container-count-guest .container-content .container-children div:not([class]):nth-child(2) {
    display: flex;
    align-items: center;
    min-width: 82px;
    justify-content: space-around;
}

@media (min-width: 992px) {
    .concierge-booking .special-request {
        width: 66%;
    }
}

@media only screen and (max-width: 767px) {
    .concierge-booking {
        width: calc(100% - 40px);
        margin: 20px 20px 0;
    }

        .concierge-booking .label-title {
            margin: 30px 0 0;
        }

        .concierge-booking .separator-option {
            margin: 30px 0;
        }

        .concierge-booking .label-tile-input {
            margin: 20px 0 12px;
        }

        .concierge-booking .place-a-request-button {
            height: 45px;
            width: 100%;
            margin-bottom: 80px;
            min-width: auto;
        }

        .concierge-booking .special-request {
            height: 88px;
        }

        .concierge-booking .container-add-hotel .container-hotel div.remove-hotel {
            height: 30px;
            width: 30px;
            font-size: 30px;
            padding-bottom: 3px;
            top: 10px;
            right: 10px;
        }

    .concierge-booking-confirm {
        width: calc(100% - 40px);
        margin: 30px 20px 80px;
    }

        .concierge-booking-confirm .concierge-booking-confirm-content,
        .concierge-booking .container-personal-information {
            width: 100%;
        }

    .tab-header-hotel {
        display: grid;
        width: 100%;
        gap: 10px;
        height: fit-content;
    }

        .tab-header-hotel .tab-header-hotel-item {
            height: 65px;
            background-color: #F8F8FA;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: -0.34px;
            line-height: 65px;
            border-bottom: 1px solid #CAD1D6;
        }

    .tab-content-hotel {
        margin-top: 20px;
    }

    .concierge-booking .container-add-hotel + .add-hotel {
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .tab-header-hotel {
        width: 100%;
    }

    .concierge-booking {
        width: calc(100% - 40px);
        margin: 20px 20px 0;
    }

        .concierge-booking .custom-input {
            margin-bottom: 0px;
        }

        .concierge-booking .container-add-hotel .container-hotel div.remove-hotel {
            height: 30px;
            width: 30px;
            font-size: 30px;
            padding-bottom: 3px;
            top: 10px;
            right: 10px;
        }

    .concierge-booking-confirm {
        width: calc(100% - 40px);
        margin: 20px;
        min-height: calc(100vh - 761px);
    }

        .concierge-booking-confirm .concierge-booking-confirm-content,
        .concierge-booking .container-personal-information {
            width: 100%;
        }
}

/* start Ticket Concierge-Booking css */
.concierge-booking .container-party-size {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 40px;
    border: 1px solid #CAD1D6;
    border-bottom: 1px solid #152B55;
    background-color: transparent;
    position: relative;
}

.concierge-booking .custom-date-picker {
    margin-bottom: unset;
}

.concierge-booking .container-party-size span.multiselect-selected-text::after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 14px;
    right: 10px;
    border-bottom: 2px solid #54606C;
    border-right: 2px solid #54606C;
    transform: rotate(45deg);
    transition: all 300ms ease;
}

.concierge-booking .container-party-size .show span.multiselect-selected-text::after {
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.concierge-booking .container-party-size .btn-group .multiselect-selected-text,
.concierge-booking .container-time-dropdown .btn-group .multiselect-selected-text {
    margin-left: 15px;
}

.concierge-booking .container-party-size span.multiselect-native-select,
.concierge-booking .container-time-dropdown span.multiselect-native-select,
.concierge-booking .container-party-size .btn-group,
.concierge-booking .container-time-dropdown .btn-group {
    position: unset;
    width: 100%;
    height: 100%;
}

.concierge-booking .container-party-size .btn-group {
    width: 100%;
    height: 100%;
}

    .concierge-booking .container-party-size .btn-group .multiselect {
        width: 100%;
        text-align: left !important;
        border-radius: 4px;
        width: 100%;
        height: 100%;
    }

.concierge-booking input[type=radio] {
    visibility: hidden;
}

.concierge-booking .btn-disabled {
    pointer-events: none;
    box-shadow: none;
}
/* end Ticket Concierge-Booking css */
/*Handle for opening time_wrap*/
.concierge-booking .row .col-lg-4:has(.timepicker_wrap[style *= "display: block"]) .error-message {
    display: none !important;
}

/* start Fix width - height location content button */
.tab-location-content button {
    max-width: 200px;
    line-height: 40px;
    height: fit-content;
    width: 100%;
}

/* End Fix width - height location content button */
/* SMPLUS 2121 */
.regiter-description {
    display: grid;
}

@media only screen and (max-width: 767px) {
    .login-info-container .menu-top-menu {
        display: block;
    }
}

.regiter-description .col-gray:before {
    content: '*';
    color: #C94A4A;
    margin-left: 5px;
}

/* END SMPLUS 2121 */
/* Start S14*/
.error-content-popup {
    display: grid;
}

/* End S14 */
.ic-left-custom {
    display: inline-block;
    width: 11px !important;
    height: 11px !important;
    background: none !important;
    border-top: 2px solid #152B55;
    border-left: 2px solid #152B55;
    transform: rotate(316deg);
    padding: 4px;
}

.pop-up-change-pass .popupClose,
#modal-loyality-program .popupClose,
#modal-check-avail .popupClose {
    height: 35px;
    width: 35px;
}

.rotate-ic .ic-menu-wcag {
    transform: rotate(45deg);
    border-color: white;
}

.custom-dropdown-preferences .dropdown-content .dropdown-preferences-item.dropdown-keyup-item {
    color: #fff;
    background-color: #C1CEDB;
    border-radius: 4px;
}

.custom-map {
    height: 100%;
    border-radius: 20px;
    z-index: 1;
}

.generic-landing-v2 .category-landing-module {
    padding-top: 0;
}

.benefit-landing-v2 .benefit-landing-page {
    padding-top: 30px;
}

#generic-grid-view .map-diving,
#category-grid-view .map-diving,
.dining-landing-v2 .map-diving {
    position: relative;
}

.category-landing-module .container-list-item .category-item:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
    border: 1px solid #54606C;
}

/*--- grid card module & landing ---*/
.grid-view-card-module .grid-view-card-content {
    width: 1170px;
    margin: 0 auto;
    padding: 80px 0 30px;
}

.grid-view-card-landing .grid-view-card-content {
    width: 1170px;
    margin: 0 auto;
    padding: 30px 0 120px;
}

.grid-view-card-module .grid-view-header,
.grid-view-card-landing .grid-view-header {
    width: 50%;
}

    .grid-view-card-module .grid-view-header .heading-01 {
        margin: 0 0 24px;
    }

    .grid-view-card-landing .grid-view-header .heading-01 {
        margin: 0 0 15px;
    }

.grid-view-card-module .grid-view-body,
.grid-view-card-landing .grid-view-body {
    display: grid;
    grid-template-columns: calc((100% - 60px)/3) calc((100% - 60px)/3) calc((100% - 60px)/3);
    gap: 30px;
    margin-top: 40px;
}

    .grid-view-card-module .grid-view-body .item-container,
    .grid-view-card-landing .grid-view-body .item-container {
        width: 100% !important;
        margin: 0;
    }

        .grid-view-card-module .grid-view-body .item-container .title,
        .grid-view-card-landing .grid-view-body .item-container .title {
            margin: 20px 0 10px;
        }

        .grid-view-card-module .grid-view-body .item-container .find-out {
            color: #E60000;
            gap: 15px;
            align-items: center;
        }

        .grid-view-card-module .grid-view-body .item-container .icon-position-right {
            width: 28px;
            height: 28px;
        }

@media (min-width: 768px) and (max-width: 1170px) {
    .grid-view-card-module .grid-view-card-content {
        width: auto;
        margin: 0 20px;
        padding: 40px 0;
    }

    .grid-view-card-landing .grid-view-card-content {
        width: auto;
        margin: 0 20px;
        padding: 40px 0 80px;
    }

    .grid-view-card-module .grid-view-header,
    .grid-view-card-landing .grid-view-header {
        width: 75%;
    }

    .grid-view-card-module .grid-view-body,
    .grid-view-card-landing .grid-view-body {
        grid-template-columns: calc((100% - 30px)/2) calc((100% - 30px)/2);
    }
}

@media only screen and (max-width: 767px) {

    .grid-view-card-module .grid-view-body,
    .grid-view-card-landing .grid-view-body {
        grid-template-columns: auto;
        margin-top: 0;
    }

    .grid-view-card-module .grid-view-header,
    .grid-view-card-landing .grid-view-header {
        width: 100%;
    }

    .grid-view-card-module .grid-view-card-content {
        width: auto;
        margin: 0 20px;
        padding: 30px 0;
    }

    .grid-view-card-landing .grid-view-card-content {
        width: auto;
        margin: 0 20px;
        padding: 30px 0 60px;
    }
}

/*--- list card module ---*/
.list-view-card-module .list-view-card-content {
    padding: 80px 0 30px;
}

.list-view-card-module .card-item-body {
    width: 1170px;
    margin: 0 auto;
    padding: 80px 0;
    display: flex;
    gap: 45px;
}

.list-view-card-module .list-view-header {
    width: 1170px;
    margin: 0 auto;
}

    .list-view-card-module .list-view-header .title,
    .list-view-card-module .list-view-header p,
    .list-view-card-module .list-view-body .card-item .img-card-item,
    .list-view-card-module .list-view-body .card-item-detail {
        width: 50%;
    }

    .list-view-card-module .list-view-header .heading-01 {
        margin: 0 0 24px;
    }

.list-view-card-module .list-view-body .card-item .title {
    margin: 0 0 30px;
    display: block;
}

.list-view-card-module .list-view-body {
    margin-top: 60px;
}

    .list-view-card-module .list-view-body .card-item p {
        margin-bottom: 50px;
    }

    .list-view-card-module .list-view-body .card-item .learn-more-link:hover {
        text-decoration: underline;
    }

    .list-view-card-module .list-view-body .card-item {
        background-color: #FFF;
    }

        .list-view-card-module .list-view-body .card-item:nth-child(odd) {
            background-color: #F5F5F5;
        }

        .list-view-card-module .list-view-body .card-item:nth-child(even) .card-item-body {
            flex-direction: row-reverse;
        }

        .list-view-card-module .list-view-body .card-item .img-card-item img {
            object-fit: cover;
            height: 370px;
            width: 100%;
        }

        .list-view-card-module .list-view-body .card-item .learn-more-link {
            color: #E60000;
            gap: 10px;
            display: flex;
            align-items: center;
            width: fit-content;
        }

        .list-view-card-module .list-view-body .card-item .ic-right {
            border-top: 1.5px solid #E60000;
            border-left: 1.5px solid #E60000;
            width: 10px;
            height: 10px;
        }

.list-view-card-module.resources-landing .list-view-header {
    display: none;
}

.list-view-card-module.resources-landing .list-view-body {
    margin-top: 0;
}

    .list-view-card-module.resources-landing .list-view-body .card-item .learn-more-link {
        gap: 15px;
        flex-direction: row-reverse;
    }

    .list-view-card-module.resources-landing .list-view-body .card-item .ic-right {
        border: none;
        width: 28px;
        height: 28px;
        transform: none;
    }

    .list-view-card-module.resources-landing .list-view-body .card-item .title:hover,
    .list-view-card-module.resources-landing .list-view-body .card-item .title:focus {
        text-decoration: underline;
        color: #152B55;
    }

@media only screen and (max-width: 1170px) {

    .list-view-card-module .list-view-header,
    .list-view-card-module .card-item-body {
        width: auto;
        margin: 0 20px;
    }

    .list-view-card-module .list-view-card-content {
        padding: 30px 0;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {

    .list-view-card-module .list-view-header .title,
    .list-view-card-module .list-view-header p {
        width: 75%;
    }

    .list-view-card-module .card-item-body {
        width: auto;
        margin: 0 20px;
        padding: 40px 0;
        display: flex;
        gap: 30px;
    }

    .list-view-card-module .list-view-body .card-item p {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {

    .list-view-card-module .list-view-header .title,
    .list-view-card-module .list-view-header p {
        width: 100%;
    }

    .list-view-card-module .list-view-body .card-item-detail {
        width: auto;
        margin: 20px;
    }

    .list-view-card-module .card-item-body {
        padding: 10px;
        gap: 15px;
        display: block;
        margin: 0;
    }

    .list-view-card-module .list-view-body .card-item .img-card-item img {
        border-radius: 10px;
        height: 320px;
    }

    .list-view-card-module .list-view-body .card-item .title {
        margin: 20px 0 10px;
    }

    .list-view-card-module .list-view-body .card-item p {
        margin-bottom: 20px;
    }

    .list-view-card-module .list-view-body {
        margin: 40px 20px 0;
    }

        .list-view-card-module .list-view-body .card-item:nth-child(odd) {
            background-color: #FFF;
            margin: 20px 0;
        }

        .list-view-card-module .list-view-body .card-item {
            border: 1px solid lightgrey;
            border-radius: 15px;
        }
}

/*--- resources article page ---*/
.resource-article-left.common-detail-left .container-detail {
    margin: 0 0 40px;
}

    .resource-article-left.common-detail-left .container-detail:last-child {
        margin: 0 0 120px;
    }

.resource-article-left .common-title-detail .container-short-descript {
    display: flex;
    gap: 30px;
}

.resource-article-left .common-title-detail .container-list-cate {
    display: flex;
    gap: 10px;
}

    .resource-article-left .common-title-detail .container-list-cate .item-cate {
        border: 1px solid #CCCCCC;
        line-height: 29px;
        padding: 0 10px;
    }

.resource-article-left .common-title-detail .container-calendar {
    display: flex;
    gap: 12px;
    align-items: center;
}

.resource-article-right .container-related-article {
    margin-bottom: 30px;
}

    .resource-article-right .container-related-article .label-title {
        padding-bottom: 12px;
        border-bottom: 1px solid #CCC;
        width: 100%;
    }

    .resource-article-right .container-related-article .article-item {
        display: flex;
        gap: 15px;
        padding: 20px 0;
        border-bottom: 1px solid #CCC;
        cursor: pointer;
    }

        .resource-article-right .container-related-article .article-item label:hover {
            text-decoration: underline;
            cursor: pointer;
        }

.resource-article-right .article-item img {
    width: 100px;
    height: 100px;
}

.resource-article-right .article-item .content-article-item p {
    margin: 0;
}

.resource-article-right .article-item .content-article-item .descript {
    margin: 10px 0;
}

@media only screen and (max-width: 767px) {

    .resource-article-left.common-detail-left .container-detail,
    .resource-article-left.common-detail-left .container-detail:last-child,
    .resource-article-right .container-related-article,
    .common-detail-right.resource-article-right .booking-place-request-detail {
        margin: 0 20px 30px;
    }

    .common-detail-left .container-detail .container-images {
        margin: 30px 0;
    }

    .common-detail-right.resource-article-right {
        flex-flow: column;
    }
}

/*--- dining landing v3 ---*/
.dining-landing-module.non-login-landing .container-filter {
    gap: 10px;
    grid-template-columns: 20% 13% 22% 24% auto;
}

.benefit-landing-page.non-login-landing .container-filter {
    grid-template-columns: 30% 20% 20% auto;
    gap: 20px;
}

/*.dining-landing-module.non-login-landing .container-filter .custom-date-picker.date-dining input {
    padding: 0 8px 0 35px;
}*/

.dining-landing-module.non-login-landing .container-filter .container-time-guest {
    gap: 10px;
    grid-template-columns: calc((100% - 10px) / 2) calc((100% - 10px) / 2);
    display: grid;
}

.dining-landing-module.non-login-landing .container-filter .container-tier-filter {
    gap: 10px;
    grid-template-columns: 52% auto;
    display: grid;
}

.dining-landing-module.non-login-landing .container-filter .btn-large {
    min-width: 160px;
}

.non-login-landing .container-filter .container-tier-sort {
    display: grid;
    grid-template-columns: 51% auto;
    gap: 20px;
}

.container-filter .container-tier-sort .container-tier,
.container-filter .container-tier-filter .container-tier {
    display: none;
}

.non-login-landing .container-filter .container-tier {
    display: block;
}

.category-landing-module.non-login-landing .container-filter {
    display: flex;
    justify-content: start;
}

.dining-landing-module.non-login-landing .container-filter .container-time-guest .container-time span.multiselect-selected-text,
.dining-landing-module.non-login-landing .container-filter .container-time-guest .container-guest span.multiselect-selected-text,
.container-filter .container-tier-sort .container-tier span.multiselect-selected-text {
    margin-left: 44px;
    display: block;
    text-align: left;
}

.container-filter .container-tier-filter .container-tier span.multiselect-selected-text {
    margin-left: 38px;
    display: block;
    text-align: left;
}

.dining-landing-module.non-login-landing .container-time-guest .container-time .multiselect.dropdown-toggle,
.dining-landing-module.non-login-landing .container-time-guest .container-guest .multiselect.dropdown-toggle,
.container-filter .container-tier-filter .container-tier .multiselect.dropdown-toggle,
.container-filter .container-tier-sort .container-tier .multiselect.dropdown-toggle {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .category-landing-module.non-login-landing .container-filter {
        margin: 20px 0;
        grid-template-columns: auto;
        display: grid;
        gap: 15px;
        justify-content: normal;
    }

    .non-login-landing #dropdown-sort-by .dropdown-title {
        width: 100%;
        justify-content: start;
    }

    .non-login-landing .container-filter .container-sort-by,
    .non-login-landing .container-filter .container-sort-by #dropdown-sort-by {
        width: 100%;
    }

    .benefit-landing-page.non-login-landing .container-sort-by .label-title,
    .benefit-landing-page.non-login-landing .container-filter #dropdown-sort-by .dropdown-title .ic-down {
        display: none;
    }
}

@media only screen and (max-width: 1170px) {

    .dining-landing-module.non-login-landing .container-filter,
    .benefit-landing-page.non-login-landing .container-filter {
        grid-template-columns: auto;
    }

        .dining-landing-module.non-login-landing .container-filter .container-tier-filter {
            grid-template-columns: calc((100% - 10px) / 2) calc((100% - 10px) / 2);
        }
}

/* start Fix width - height location content button */
.tab-location-content button {
    max-width: 200px;
    line-height: 40px;
    height: fit-content;
    width: 100%;
}

/* End Fix width - height location content button */
/* SMPLUS 2121 */
.regiter-description {
    display: grid;
}

@media only screen and (max-width: 767px) {
    .login-info-container .menu-top-menu {
        display: block;
    }
}

.regiter-description .col-gray:before {
    content: '*';
    color: #C94A4A;
    margin-left: 5px;
}

/* END SMPLUS 2121 */
/* Start S14*/
.error-content-popup {
    display: grid;
}

/* End S14 */
.ic-left-custom {
    display: inline-block;
    width: 11px !important;
    height: 11px !important;
    background: none !important;
    border-top: 2px solid #152B55;
    border-left: 2px solid #152B55;
    transform: rotate(316deg);
    padding: 4px;
}

.pop-up-change-pass .popupClose,
#modal-loyality-program .popupClose {
    height: 35px;
    width: 35px;
}

.rotate-ic .ic-menu-wcag {
    transform: rotate(45deg);
    border-color: white;
}

.custom-dropdown-preferences .dropdown-content .dropdown-preferences-item.dropdown-keyup-item {
    color: #fff;
    background-color: #C1CEDB;
    border-radius: 4px;
}

/*--- Fix dropdown Guest in Booking Detail Page ---*/
.booking-detail-module .multiselect {
    width: 100%;
    text-align: left !important;
}

.container-tier .tier-filter {
    display: none;
}

/*--- Adjust dropdown Category in Benefit Landing Page V2 ---*/
@media only screen and (max-width: 767px) {
    #modal-filter-landing-v2 label#category-multi-label-popup {
        margin-left: 0;
    }
}

.dropdown-custom-multiselect .dropdown-content .dropdown-multi-item.dropdown-keyup-item {
    color: #000;
    background-color: #C1CEDB;
    border-radius: 4px;
}

/*--- Start duration (Itinerary) infor module ---*/
.duration-module {
    margin-bottom: 30px;
}

    .duration-module .title-item {
        line-height: 57px;
        display: block;
    }

    .duration-module .about-infor {
        display: grid;
        padding-left: 20px;
    }

    .duration-module .duration-infor ul {
        padding-left: 20px;
    }

        .duration-module .duration-infor ul li {
            margin-bottom: 15px;
            list-style: disc;
        }

    .duration-module .duration-infor li::marker {
        color: #C1CEDB;
        font-size: 18px;
        padding-left: 20px;
    }

.duration-module {
    margin: 20px 0 60px;
    word-break: break-word;
}

    .duration-module .separator-option {
        border-bottom: 1px solid #CAD1D6;
        height: 1px;
        margin-top: 22px;
        display: block;
    }

.common-detail-left .duration-module p {
    display: block;
    margin-bottom: 15px;
}

@media only screen and (max-width: 490px) {
    .duration-module {
        margin: 40px 20px 0;
    }

        .duration-module p {
            margin: 25px 0 50px;
        }

        .duration-module .title-item {
            color: #152B55;
            font-family: 'CeraPro-Regular';
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
            margin-bottom: 15px;
        }

        .duration-module .duration-infor li {
            margin-bottom: 10px;
            margin-left: 20px;
        }
}

/*--- End duration (Itinerary) infor module ---*/
/*--- Start multiple slicks module ---*/
.multiple-slicks-module,
.list-countries-module {
    width: 1170px;
    margin: 0 auto;
}

    .multiple-slicks-module p.description,
    .list-countries-module .search-text {
        width: 70%;
    }

    .multiple-slicks-module .all-slicks {
        display: flex;
        gap: 30px;
        margin: 30px 0 60px;
        width: 100%;
    }

    .multiple-slicks-module .slick-module {
        background-color: #C1CEDB;
        padding: 30px;
        width: calc((100% - 20px)/2);
        border-radius: 20px;
    }

    .multiple-slicks-module .slick-item {
        background-repeat: no-repeat;
        height: 160px;
        padding: 15px;
        width: calc(100% - 20px) !important;
        margin: 0 10px;
        border-radius: 20px;
    }

        .multiple-slicks-module .slick-item h3 {
            color: #FFF;
            bottom: 0;
            position: absolute;
        }

    .list-countries-module .list-countries-imgs,
    .list-countries-imgs .list-cities-module {
        display: flex;
        gap: 40px 20px;
        flex-wrap: wrap;
    }

    .list-countries-module .list-countries-texts {
        display: grid;
        grid-template-columns: calc((100% - 60px)/4) calc((100% - 60px)/4) calc((100% - 60px)/4) calc((100% - 60px)/4);
        gap: 10px 20px;
        margin-bottom: 50px;
    }

        .list-countries-module .list-countries-texts li {
            display: flex;
            gap: 5px;
            align-items: center;
            margin-bottom: 0;
        }

    .list-countries-module .list-countries-imgs .country-item {
        width: fit-content;
    }

.list-countries-imgs .list-cities-module .city-item img {
    max-width: 277px;
    width: 100%;
}

.list-countries-imgs .list-cities-module .city-item,
.multiple-slicks-module .slick-item {
    position: relative;
}

    .list-countries-imgs .list-cities-module .city-item .background-blur,
    .multiple-slicks-module .slick-item .background-blur {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 41.23%, rgba(0, 0, 0, 0.6) 67.1%, rgba(0, 0, 0, 0.9) 100%);
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        border-radius: 20px;
        cursor: pointer;
    }

    .list-countries-imgs .list-cities-module .city-item .title {
        position: absolute;
        bottom: 20px;
        left: 20px;
        color: #FFF;
    }

.list-countries-imgs .country-item .container-start {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 15px;
    height: 40px;
}

.list-countries-module .country-item .container-start .label-title {
    margin: 0;
}

.list-countries-module {
    margin-bottom: 80px;
}

    .list-countries-module .search-text {
        margin-bottom: 30px;
    }

.multiple-slicks-module .slick-module .heading-02 {
    margin-bottom: 15px;
}

.multiple-slicks-module .slick-module p {
    margin-bottom: 30px;
}

.list-countries-module .tab-location-content .tab-content-item ul > li {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.02;
}

.list-countries-module .tab-location-content {
    height: unset;
    overflow: hidden;
    padding-top: 30px;
}

    .list-countries-module .tab-location-content .tab-content-item {
        column-count: unset;
        -moz-column-count: unset;
        -webkit-column-count: unset;
        transform: translateY(-100%);
        transition: all 1.4s;
        height: 0;
        padding-top: 0;
        display: block;
    }

        .list-countries-module .tab-location-content .tab-content-item.tab-content-item-selected {
            transform: translateY(0);
            height: fit-content;
        }

.list-countries-module .tab-header-item {
    background-color: rgb(22,42,85,0.03);
}

    .list-countries-module .tab-header-item.tab-header-item-selected {
        background-color: #F1F1F5;
    }

.multiple-slicks-module .slick-module .slick-prev {
    left: -20px;
}

.multiple-slicks-module .slick-module .slick-next {
    right: -20px;
}

@media only screen and (max-width: 1170px) {
    .multiple-slicks-module,
    .list-countries-module {
        width: auto;
        margin: 0 20px;
    }

    .list-countries-module {
        margin-bottom: 60px;
    }

    .multiple-slicks-module .slick-module .heading-02 {
        font-size: 26px;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .multiple-slicks-module .all-slicks {
        gap: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .multiple-slicks-module .slick-module .heading-02 {
        font-size: 26px;
    }

    .multiple-slicks-module .all-slicks {
        flex-direction: column;
    }

    .multiple-slicks-module .slick-module {
        padding: 20px 20px 60px;
    }

        .multiple-slicks-module .slick-module .slick-prev,
        .multiple-slicks-module .slick-module .slick-next {
            top: unset;
            bottom: -45px;
            z-index: 1;
        }

        .multiple-slicks-module .slick-module .slick-prev {
            left: 0;
        }

        .multiple-slicks-module .slick-module .slick-next {
            right: 0;
        }

    .multiple-slicks-module .slick-module,
    .multiple-slicks-module p.description,
    .list-countries-module .search-text,
    .list-countries-module .list-countries-imgs .country-item {
        width: 100%;
    }

    .list-countries-imgs .list-cities-module .city-item img {
        max-width: unset;
    }

    .list-countries-module .tab-location-content .tab-content-item ul > li {
        grid-template-columns: 30px auto;
    }

    .list-countries-module .list-countries-texts {
        grid-template-columns: auto auto;
    }

    .multiple-slicks-module .slick-item {
        width: 100% !important;
        margin: 0;
        height: 260px;
    }

    .list-countries-imgs .list-cities-module {
        flex-direction: column;
        gap: 20px;
        flex-wrap: nowrap;
    }

    .list-countries-module .list-countries-imgs {
        flex-direction: column;
        gap: 40px;
        flex-wrap: nowrap;
    }
}
/*--- End multiple slicks module ---*/
.common-detail-left .about-module label,
.common-detail-left .about-module p {
    display: block;
    margin-bottom: 15px;
}

.common-detail-left .about-module .container-end .detail-link {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 40px;
}

.common-detail-left .about-module .ic-earth-red {
    height: 28px;
    width: 28px;
}

.common-detail-left .about-module .container-end a {
    color: #152B55;
    text-decoration: underline;
    cursor: pointer;
}

    .common-detail-left .about-module .container-end a:hover {
        text-decoration: underline;
    }


@media only screen and (max-width: 767px) {
    #modal-filter-landing-v2 .label-tile-input {
        margin-left: 1rem;
        margin-bottom: 0;
    }
}

/*--- Fix dropdown Guest in Booking Detail Page ---*/
.booking-detail-module .multiselect {
    width: 100%;
    text-align: left !important;
}

.map-tooltip .container-infor .container-title,
.map-tooltip-mobile .container-infor .container-title {
    display: flex;
    justify-content: space-between;
}

.category-landing-module-v2 .category-item-v2 .container-categoryType,
.category-landing-module-v2 .category-item-v2 .container-contentType {
    margin-top: 0;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

    .category-landing-module-v2 .category-item-v2 .container-categoryType .category-perk-type {
        border: 1px solid rgba(21, 43, 85, 0.2);
        border-radius: 4px;
        padding: 0 10px;
        line-height: 28px;
        width: -moz-fit-content;
        width: fit-content;
    }

    .category-landing-module-v2 .category-item-v2 .container-contentType .item-content-type {
        border: 1px solid rgba(21, 43, 85, 0.2);
        border-radius: 4px;
        padding: 0 10px;
        line-height: 28px;
        width: -moz-fit-content;
        width: fit-content;
    }

.category-detail:has(.container-categoryType) .container-address,
.category-detail:has(.container-contentType) .container-address {
    margin-bottom: 15px;
}

.map-tooltip .container-infor .container-title,
.map-tooltip-mobile .container-infor .container-title {
    display: flex;
    justify-content: space-between;
}

/*--- Start duration (Itinerary) infor module ---*/
.duration-module {
    margin-bottom: 30px;
}

    .duration-module .title-item {
        line-height: 57px;
        display: block;
    }

    .duration-module .about-infor {
        display: grid;
        padding-left: 20px;
    }

    .duration-module .duration-infor ul {
        padding-left: 20px;
    }

        .duration-module .duration-infor ul li {
            margin-bottom: 15px;
            list-style: disc;
        }

    .duration-module .duration-infor li::marker {
        color: #C1CEDB;
        font-size: 18px;
        padding-left: 20px;
    }

.duration-module {
    margin: 20px 0 60px;
    word-break: break-word;
}

    .duration-module .separator-option {
        border-bottom: 1px solid #CAD1D6;
        height: 1px;
        margin-top: 22px;
        display: block;
    }

.common-detail-left .duration-module p {
    display: block;
    margin-bottom: 15px;
}

@media only screen and (max-width: 490px) {
    .duration-module {
        margin: 40px 20px 0;
    }

        .duration-module p {
            margin: 25px 0 50px;
        }

        .duration-module .title-item {
            color: #152B55;
            font-family: 'CeraPro-Regular';
            font-size: 26px;
            letter-spacing: -0.31px;
            line-height: 36px;
            margin-bottom: 15px;
        }

        .duration-module .duration-infor li {
            margin-bottom: 10px;
            margin-left: 20px;
        }
}

/*--- End duration (Itinerary) infor module ---*/

.common-detail-left .about-module label,
.common-detail-left .about-module p {
    display: block;
    margin-bottom: 15px;
}

.common-detail-left .about-module .container-end .detail-link {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 40px;
}

.common-detail-left .about-module .ic-earth-red {
    height: 28px;
    width: 28px;
}

.common-detail-left .about-module .container-end a {
    color: #152B55;
    text-decoration: underline;
    cursor: pointer;
}

    .common-detail-left .about-module .container-end a:hover {
        text-decoration: underline;
    }


@media only screen and (max-width: 767px) {
    #modal-filter-landing-v2 .label-tile-input {
        margin-left: 1rem;
        margin-bottom: 0;
    }
}

.category-detail:has(.container-categoryType) .container-address {
    margin-bottom: 15px;
}

/* Fix UI in landiing mobile view */
@media only screen and (max-width: 768px) {

    .benefit-landing-v2 #benefit-grid-view,
    .category-landing-module-v2 .category-landing-module,
    .category-landing-module-v2 .skeleton-tiles-module {
        width: 100%;
        margin: 0;
    }

        .category-landing-module-v2 .category-landing-module .ic-sort {
            max-width: 20px;
            max-height: 12px;
        }

    #category-grid-view .container-filter {
        display: grid;
        grid-template-columns: auto;
        gap: 20px;
        justify-content: unset;
    }

    .category-landing-module .container-filter #dropdown-sort-by .dropdown-title label {
        max-width: unset;
    }
}

/*--- fix issus scroll on destination pop up (iOS devices) ---*/
@media screen and (max-width: 767px) {

    /*.pop-up-destination .tab-location-content {
                height: calc(100% - 200px);
    
    }
  .pop-up-destination .container-center {
    height: calc(100vh - 250px);
  }*/
    /*.pop-up-destination .tab-location-content .tab-content-item,*/
    .pop-up-destination .tab-location-content .tab-content-item ul {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-overflow-y: auto;
        white-space: nowrap;
        height: 100%;
    }

    .pop-up-destination .tab-location-content .tab-content-item li ul {
        overflow-y: hidden;
    }

    .pop-up-destination .container-body {
        padding: 30px;
        overflow-y: hidden;
        -webkit-overflow-y: hidden;
        pointer-events: none;
    }

    .pop-up-destination .container-center {
        pointer-events: auto;
    }
}

@media (max-width: 700px) and (max-height: 400px) {
    .pop-up-destination .container-body {
        overflow-y: auto;
        -webkit-overflow-y: auto;
        pointer-events: auto;
    }
}

/*--- SMPLUS-3519 tag h3 css ---*/
.book-travel .bottom-container h3 {
    color: #fff;
    margin-bottom: 30px;
}
/*--- SMPLUS-3528 tag checkboxes css ---*/
.toggle-button.checkbox:focus,
.toggle-button.checkbox:focus-visible {
    border-color: #c29d5c;
    /*background: #e8e5e1;*/
    outline: solid black 2px;
}
/*--- SMPLUS-3750 tag checkboxes css dining landing page---*/
.toggle-button:has(input:focus){
    border: 1px solid black !important;
}
/*--- fix map issues ---*/
.gm-style-cc div:nth-child(2) {
    padding: 6px 4px !important;
}

.gm-style-cc div:first-child {
    opacity: 1 !important;
}

.gm-style-cc {
    height: fit-content !important;
}

.gm-style .gm-style-cc a,
.gm-style .gm-style-cc span,
.gm-style .gm-style-cc button {
    font-size: 14px !important;
    padding: 8px !important;
    display: inline-block !important;
}

button.gm-svpc,
button.gm-control-active {
    width: 50px !important;
    height: 50px !important;
    left: -10px !important;
}

button.gm-svpc {
    bottom: 10px !important;
    top: unset !important;
}

div.gmnoprint[data-control-width="40"][data-control-height="81"] {
    top: 0px !important;
}

button.gm-control-active + div {
    background-color: transparent !important;
    height: 10px;
}

div.gmnoprint[data-control-width="40"][data-control-height="81"] div:first-child {
    background-color: transparent;
}

.gm-style div:nth-child(16) div:first-child:not([class]) {
    gap: 10px;
    margin-right: 20px;
}

/* Add form check width for spa detail */
.form-check-label {
    width: 100%;
}

/* Light house issue "Touch targets do not have sufficient size or spacing" with Message Us link in Detail Pages */
a[chat-with-concierge] {
    padding: 8px;
    display: inline-block;
}

/* WCAG image button without border and background color SMPLUS-3450 */
.img-btn-no-border {
    z-index: 1;
    padding: 0;
    border: none;
    background: transparent;
}

/*Disable live chat when loading*/
.disabled-chat {
    pointer-events: none;
    opacity: 0.7;
}

/* SMPLUS-3423 */
.prelogin-hero-2 .container-button .button-login:focus {
    outline: 4px double #FFFFFF !important;
    border: none !important;
}

/* SMPLUS-3425 */
.slick-prev:focus:not(:focus-visible), .slick-next:focus:not(:focus-visible) {
    outline: 2px solid #152B55 !important;
}

/* SMPLUS-3432 */
.prelogin-list-module .detail-prelogin-item-container p {
    overflow: unset;
    text-overflow: unset;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    height: 90px;
}

.prelogin-list-module .detail-prelogin-item-container a {
    cursor: pointer;
}

.prelogin-list-module .prelogin-item-container {
    height: 550px;
}

@media only screen and (max-width: 767px) {
    .prelogin-list-module .prelogin-item-container {
        height: 460px;
    }

    .prelogin-list-module .detail-prelogin-item-container p {
        height: 85px;
    }
}

/* WCAG close button without border and background SMPLUS-3490 */
.destination-pop-up-close-btn {
    border: none;
    background: none;
}

/*--- WCAG Limo swap button without border and background SMPLUS-3504 ---*/
.change-location-icon-button {
    border: none;
    background: none;
    width: 62px;
}


/*--- Card module CMS ---*/
.tiles-module-custom-content.tiles-module-cms {
    display: grid;
    grid-template-columns: auto auto auto;
}

    .tiles-module-custom-content.tiles-module-cms .tiles-module-custom-item-container {
        margin: 0 2% 40px 2%;
    }

@media (min-width: 768px) and (max-width: 1170px) {
    .tiles-module-custom-content.tiles-module-cms {
        grid-template-columns: auto auto;
    }
}

@media screen and (max-width: 767px) {
    .tiles-module-custom-content.tiles-module-cms {
        grid-template-columns: auto;
    }

        .tiles-module-custom-content.tiles-module-cms .tiles-module-custom-item-container {
            margin: 0 0px 20px;
            width: 100% !important;
        }
}


/*Empty Dropdown V2 Multi Selection */
.dropdown-content.dropdown-empty-data {
    height: 50px;
}

.dropdown-content.dropdown-empty-data span.empty-data-label {
    padding: 10px;
    display: flex;
}
.container-suggestion .selected {
    background: #CAD1D6;
    outline: solid black 2px;
}

/* Commit - update WCAG for my account, my detail, my preference and verified poup */
#dropdown-program-name .dropdown-footer .dropdown-item.dropdown-selected-item {
    background: #152B55;
    color: #fff;
}
#dropdown-program-name .dropdown-footer .dropdown-item {
    padding: 15px 10px;
}

/* SMPLUS-3807 */
.lp_desktop .lp-window-root > .lp_maximized > .lp_header .lp_header-content-wrapper button.lp_close:focus,
.lp_desktop .lp-window-root > .lp_maximized > .lp_header .lp_header-content-wrapper button.lp_minimize:focus,
.lp_desktop .lp-window-root > .lp_maximized > .lp_header .lp_header-content-wrapper div[role=button].lp_close:focus,
.lp_desktop .lp-window-root > .lp_maximized > .lp_header .lp_header-content-wrapper div[role=button].lp_minimize:focus {
    outline: 2px solid #152B55 !important;
    background-color: #EAEEF0;
}

.lp-window-root .chips-wrapper .chips-row .chips-item-container > .chips-item:focus {
    outline: 2px solid #152B55 !important;
    border: none !important;
}

.lp-window-root .lp_main .lp_main_area .lp_location_bottom .lp_emoji_button:focus, .lp-window-root .lp_main .lp_main_area .lp_location_bottom .lp_file_button:focus, .lp-window-root .lp_main .lp_main_area .lp_location_bottom .lp_actions_button:focus, .lp-window-root .lp_main .lp_main_area .lp_location_bottom .lp_paper_plane_button:focus {
    outline: 2px solid #EAEEF0 !important;
}

.lp-window-root .lp_main .lp_main_area .lp_location_bottom .lp_bottom_area:focus-within {
    border: none !important;
}
.my-detail-page .program-selected .container-button {
    display: flex;
    align-items: center;
}

.my-detail-page .program-selected {
    background-color: #163049;
}

body .my-detail-page .program-selected .tile {
    color: #CAD1D6;
}

.my-detail-page .program-selected .program-type,
.my-detail-page .program-selected .program-name,
.my-detail-page .program-selected .program-number,
.my-detail-page .program-selected .account-name {
    color: #fff;
}

/*start arrival guide page */
.arrival-guide-body {
    margin-top: -76px;
    position: relative;
    width: 100%;
}

    .arrival-guide-body .arrival-guide-content {
        width: 1170px;
        margin: 0 auto;
    }

        .arrival-guide-body .arrival-guide-content .container-filter {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: #152B55;
            z-index: 3;
            position: sticky;
            top: 70px;
        }

.arrival-guide-content .container-filter .search-text {
    background-color: transparent;
    border: none;
    width: fit-content;
    height: unset;
}

    .arrival-guide-content .container-filter .search-text input {
        width: 80px;
        caret-color: #FFF;
        color: #FFF;
        transition: all 0.5s;
    }

        .arrival-guide-content .container-filter .search-text input:focus {
            width: 160px;
            transform: translateX(0);
        }

.arrival-guide-body .container-filter .tab-list-regions-header {
    display: flex;
    color: #FFF;
}

.arrival-guide-body .container-filter .tab-region-header {
    padding: 27px 30px;
    position: relative;
    cursor: pointer;
}

    .arrival-guide-body .container-filter .tab-region-header .container-region {
        position: absolute;
        left: -20px;
        top: 100%;
        border: 1px solid #CAD1D6;
        padding: 20px;
        color: #152B55;
        min-width: 540px;
        background-color: #FFF;
        display: none;
        max-height: 650px;
        min-height: 500px;
        height: fit-content;
        cursor: default;
    }

    .arrival-guide-content .container-filter .search-text .container-suggestion li:hover,
    .arrival-guide-content .container-filter .search-text .container-suggestion li label:hover {
        cursor: pointer;
    }

.arrival-guide-body .container-filter .container-region .region-list li {
    /* width: fit-content; */
}

.arrival-guide-body .container-filter .container-region .region-list label,
.arrival-guide-body .container-filter .container-region .city-list label {
    padding: 10px 20px;
    cursor: pointer;
    min-width: 140px;
}

.arrival-guide-body .container-filter .container-region .region-list a,
.arrival-guide-body .container-filter .container-region .city-list a {
    padding: 10px 20px;
    /*cursor: pointer;*/
    min-width: 140px;
    display:inline-block;
}

.arrival-guide-body .container-filter .container-region .region-list li:hover label.country-name,
.arrival-guide-body .container-filter .container-region .city-list li:hover label.city-name {
    background-color: #CAD1D6;
    text-decoration: underline;
}

.arrival-guide-body .container-filter .container-region .region-list li:hover a.country-name,
.arrival-guide-body .container-filter .container-region .city-list li:hover a.city-name {
    background-color: #CAD1D6;
    text-decoration: underline;
}

.arrival-guide-body .container-filter .container-region .region-list li:hover .container-city,
.arrival-guide-body .container-filter .tab-region-header:hover .container-region {
    display: block;
}

.arrival-guide-body .container-filter .container-region .region-list {
    position: relative;
    width: 58%;
}

.arrival-guide-body .container-filter .container-region .label-title {
    font-size: 18px;
    padding: 10px 20px;
}

.arrival-guide-body .container-filter .container-region .see-all {
    color: #152B55;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
}

    .arrival-guide-body .container-filter .container-region .see-all:hover,
    .arrival-guide-body .container-filter .container-region .see-all:focus {
        text-decoration: underline;
    }

.arrival-guide-body .container-filter .container-region .container-city {
    position: absolute;
    left: 150px;
    padding-left: 110px;
    top: -50px;
    display: none;
    width: 350px;
    height: 470px;
    z-index: 1;
}

.arrival-guide-body .container-filter .tab-region-header.selected-region {
    color: #000;
    background-color: #FFF;
    border: 1px solid #152B55;
}

    .arrival-guide-body .tab-region-content,
    .arrival-guide-body .container-filter .tab-region-header.selected-region .container-region {
        display: none;
    }

        .arrival-guide-body .tab-region-content.selected-region {
            display: grid;
            grid-template-columns: 230px auto;
            gap: 150px;
            margin: 50px 35px 120px;
        }

        .arrival-guide-body .tab-region-content .list-countries-left,
        .arrival-guide-body .tab-region-content .list-countries-cities-right,
        .arrival-guide-body .tab-region-content .list-countries-cities-right .list-cities {
            display: grid;
            grid-template-columns: auto;
            height: fit-content;
        }

        .arrival-guide-body .tab-region-content .list-countries-left {
            gap: 20px;
            position: sticky;
            top: 180px;
        }

            .arrival-guide-body .tab-region-content .list-countries-left li {
                cursor: pointer;
            }

                .arrival-guide-body .tab-region-content .list-countries-left li.selected-country {
                    text-decoration: underline;
                    color: #152B55;
                }

        .arrival-guide-body .tab-region-content .list-countries-cities-right {
            gap: 40px;
        }

            .arrival-guide-body .tab-region-content .list-countries-cities-right .list-cities {
                gap: 15px;
            }

            .arrival-guide-body .tab-region-content .list-countries-cities-right .country-name {
                display: flex;
                gap: 10px;
                align-items: center;
                margin-bottom: 15px;
            }

.arrival-guide-body .item-city {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D7D2CB;
    padding-bottom: 15px;
}

    .arrival-guide-body .item-city .image-city-state {
        display: flex;
        gap: 25px;
        align-items: center;
    }

        .arrival-guide-body .item-city .image-city-state .city-state {
            display: flex;
            gap: 20px;
        }

        .arrival-guide-body .item-city .image-city-state img {
            width: 60px;
            height: 40px;
        }

.arrival-guide-body .arrival-guide-content .container-filter-mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .arrival-guide-body .arrival-guide-content {
        width: auto;
        margin: 0 20px;
    }

    .arrival-guide-body .tab-region-content.selected-region {
        grid-template-columns: auto;
        gap: 30px;
        margin: 0 15px 50px;
    }

    .arrival-guide-body .container-filter .tab-list-regions-header,
    .arrival-guide-body .arrival-guide-content .container-filter {
        flex-flow: wrap;
    }

    .arrival-guide-body .container-filter .tab-region-header {
        padding: 15px 20px;
    }

    .arrival-guide-body .tab-region-content .list-countries-left {
        flex-flow: wrap;
        display: flex;
        padding: 30px 0 15px;
        margin: 0 -15px;
        top: 160px;
        background-color: #FFF;
        border-bottom: 1px solid #CAD1D6;
        display: none;
    }

    .arrival-guide-body .arrival-guide-content .container-filter {
        display: none;
    }

    .arrival-guide-body .arrival-guide-content .container-filter-mobile {
        display: block;
        padding: 15px 15px 20px;
        background-color: #152B55;
    }

        .arrival-guide-body .container-filter-mobile .filter-n-search {
            display: grid;
            grid-template-columns: auto 40px;
            gap: 10px;
            margin-top: 15px;
        }

    .arrival-guide-body .arrival-guide-content .tab-list-regions-content {
        margin-top: 20px;
    }

    .arrival-guide-body .filter-n-search .btn-search-city {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FFF;
    }

    .arrival-guide-body {
        margin-top: -35px;
    }

        .arrival-guide-body .custom-dropdown .dropdown-item {
            height: 40px;
        }

            .arrival-guide-body .custom-dropdown .dropdown-item.dropdown-selected-item:after {
                content: '';
                position: absolute;
                right: 15px;
                border-right: 2px solid #fff;
                border-bottom: 2px solid #fff;
                width: 9px;
                height: 12px;
                transform: rotate(45deg);
                top: 12px;
            }

            .arrival-guide-body .custom-dropdown .dropdown-item.dropdown-selected-item {
                position: relative;
            }

        .arrival-guide-body .custom-dropdown .dropdown-content {
            max-height: 300px;
            overflow-y: auto;
        }

    .arrival-guide-body .pop-up-search-destination {
        width: 100%;
    }
        .arrival-guide-body .pop-up-search-destination .container-body {
            display: block;
        }

        .arrival-guide-body .pop-up-search-destination .search-text {
            margin-top: 20px;
        }

        .arrival-guide-body .pop-up-search-destination .container-body {
            height: calc(100vh - 250px);
        }

        .arrival-guide-body .pop-up-search-destination .search-text .container-suggestion .couldnt-find-text {
            height: -moz-fit-content;
            height: fit-content;
            width: 100%;
            padding: 8px 10px;
            color: #c94a4a;
            display: none;
            min-height: unset;
        }

        .arrival-guide-body .pop-up-search-destination .search-text.highlight-couldnt-find .container-suggestion .couldnt-find-text {
            display: block;
        }

        .arrival-guide-content .container-filter .search-text {
            width: 100%;
            position: relative;
            height: 0;
            transition: all 0.5s;
        }

        .arrival-guide-content .container-filter .search-text input {
            height: 0;
        }

        .arrival-guide-content .container-filter .search-text.searching,
        .arrival-guide-content .container-filter .search-text.searching input {
            height: 60px;
        }

        .arrival-guide-content .container-filter .search-text .ic-search {
            position: absolute;
            top: -40px;
            right: 15px;
        }
        
    .arrival-guide-body .container-filter .container-region .region-list li:hover .container-city,
    .arrival-guide-body .container-filter .tab-region-header:hover .container-region {
        display: none;
    }

    .arrival-guide-body .item-city .image-city-state {
        gap: 15px;
    }

        .arrival-guide-body .item-city .image-city-state img {
            width: 40px;
            height: 40px;
        }

        .arrival-guide-body .item-city .image-city-state .city-state {
            flex-direction: column;
            gap: 4px;
        }

}

.arrival-guide-body .arrival-guide-content .container-filter-mobile .heading-04,
.arrival-guide-content .container-filter .search-text #input-search {
    color: #fff;
}

.arrival-guide-body .pop-up-search-destination .search-text .container-suggestion,
.arrival-guide-content .container-filter .search-text .container-suggestion {
    position: absolute;
    max-height: 300px;
    width: calc(100% + 2px);
    top: calc(100% + 7px);
    left: 0;
    border: 1px solid #152b55;
    z-index: 2;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
    display: none;
}

    .arrival-guide-body .pop-up-search-destination .search-text .container-suggestion li {
        height: 36px;
        width: auto;
        margin: 0 10px;
        color: #152b55;
        line-height: 36px;
        display: flex;
        align-items: center;
    }

    .arrival-guide-content .container-filter .search-text .container-suggestion li {
        height: 60px;
        width: auto;
        margin: 0 18px;
        color: #152b55;
        line-height: 60px;
        border-bottom: 1px solid #cad1d6;
        display: flex;
        align-items: center;
    }

    .arrival-guide-content .container-filter .search-text .container-suggestion .couldnt-find-text {
        min-height: 60px;
        height: -moz-fit-content;
        height: fit-content;
        width: 100%;
        padding: 18px 20px 22px;
        color: #c94a4a;
        display: none;
    }

.arrival-guide-content .container-filter .search-text.highlight-search {
    border: 1px solid #152b55;
}

.arrival-guide-content .container-filter .search-text .ic-clear-search-icon {
    position: relative;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: unset;
    cursor: pointer;
    padding: 0;
    outline: none;
}

    .arrival-guide-content .container-filter .search-text .ic-clear-search-icon::before,
    .arrival-guide-content .container-filter .search-text .ic-clear-search-icon::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 2px;
        background-color: #fff;
        transform-origin: center;
    }

    .arrival-guide-content .container-filter .search-text .ic-clear-search-icon::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .arrival-guide-content .container-filter .search-text .ic-clear-search-icon::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }


.arrival-guide-content .container-filter .search-text.highlight-selected-search input,
.arrival-guide-content .container-filter .search-text.highlight-search input {
    width: 160px;
}

.arrival-guide-content .container-filter .search-text.highlight-couldnt-find .container-suggestion,
.arrival-guide-content .search-text-mb.highlight-couldnt-find .container-suggestion-mb {
    display: block;
    border: 1px solid #cad1d6;
}

.arrival-guide-content .container-filter .search-text.highlight-search .container-suggestion,
.arrival-guide-content .container-filter .search-text.highlight-couldnt-find .couldnt-find-text,
.arrival-guide-content .search-text-mb.highlight-search .container-suggestion-mb,
.arrival-guide-content .search-text-mb.highlight-couldnt-find .couldnt-find-text {
    display: block;
}

.arrival-guide-content .container-filter .search-text.highlight-couldnt-find,
.arrival-guide-content .search-text-mb.highlight-couldnt-find {
    border: 1px solid #9a3d37;
    background-color: rgba(154, 61, 55, 0.05);
}

@media (min-width: 768px) and (max-width: 1170px) {
    .arrival-guide-body .arrival-guide-content {
        width: auto;
        margin: 0 20px;
    }

    .arrival-guide-body .tab-region-content.selected-region {
        grid-template-columns: 160px auto;
        gap: 40px;
    }

    .arrival-guide-body .container-filter .tab-region-header {
        padding: 15px;
    }

    .arrival-guide-body {
        margin-top: -51px;
    }
}
.tab-region-header button {
    background: inherit;
    color: inherit;
    border: inherit;
}
/*end arrival guide page */

/* START - Fix <nav> break UI */
nav {
    display: contents;
}
/* END - Fix <nav> break UI */

/* START - tooltip interval*/
.tooltip-message-interval {
    display: none;
    position: absolute;
    bottom: 71%;
    right: 0;
    background-color: #0a284a;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    z-index: 10;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    padding-right: 30px;
    padding-left: 20px;
}

.tooltip-arrow-interval {
    position: absolute;
    bottom: -6px;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #0a284a;
}
/* END - tooltip interval*/

/* START - FIX SMPLUS-3986 */

.pop-up-login .end-login{
    position: absolute;
    right: 0;
}

/* END - FIX SMPLUS-3986 */

/* Css mandatory description */
#mandatory-description:before {
    content: '*';
    color: #C94A4A;
    margin-left: 5px;
}

#mandatory-description {
    margin-bottom: 10px;
}
/* Css store name in map tooltip */
h3#store-name-mapTooltip {
    font-size: inherit;
}

/* START Limo Cancellation */
.modal-footer.cancellation-popup-footer {
    justify-content: start
}
.cancellation-label {
    color: #C94A4A
}

.popup-limo-cancellation .cancellation-popup-title {
    color: #152B55;
    margin: 0;
}

.popup-limo-cancellation .container-body {
    padding: 30px 20px;
}

.popup-limo-cancellation .modal-body {
    padding: 0;
}

.popup-limo-cancellation .cancellation-popup-footer {
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    .popup-limo-cancellation .container-body {
        padding: 30px;
        overflow-y: hidden;
        -webkit-overflow-y: hidden;
        pointer-events: none;
    }
}

@media screen and (max-width: 767px) {
    .popup-limo-cancellation .container-center {
        pointer-events: auto;
    }
}

.popup-limo-cancellation {
    height: fit-content;
    background-color: #fff;
    max-width: 820px;
    width: 100%;
    vertical-align: baseline;
    margin: 0;
}

.limo-popup-description .separator-option {
    border-bottom: 1px solid #54606C;
    height: 1px;
    margin-top: 12px;
    width: 100%;
    margin-bottom: 10px
}

.popup-limo-cancellation .limo-warning-msg-container {
    display: flex;
    gap: 20px;
    align-items: center;
}

.limo-warning-msg-container .limo-warning-image {
    min-width: 30px;
    min-height: 26px;
    margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
    .popup-limo-cancellation {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        overflow-y: auto;
        width: 100%;
    }
}
/* END Limo Cancellation */

.modal-header.cancellation-popup-header {
    padding:0;
}

.popup-limo-cancellation .cancellation-popup-title {
    margin-bottom: 10px;
}

.limo-popup-description .separator-option {
    margin-bottom: 20px;
    border: 1px solid #E0E4E8;
}

@media screen and (max-width: 767px) {
    .popup-limo-cancellation .cancellation-popup-footer {
        gap: 10px;
        border-top: none;
        padding-top: 20px;
    }

    .popup-limo-cancellation #modal-description {
        margin: 15px 0;
    }

    .popup-limo-cancellation {
        max-height: calc(100% - 100px);
    }

        .popup-limo-cancellation .cancellation-popup-footer button.btn-large {
            margin: 0;
        }
}

@media only screen and (max-width: 490px) {
    .popup-limo-cancellation .container-body {
        overflow-y: auto;
    }

    .popup-limo-cancellation {
        max-height: calc(100% - 50px);
    }
}
/* END Limo Cancellation */

[data-limo-modification] .custom-input:disabled, [data-limo-modification] [data-disabled] {
    background-color: #e9ecef;
    opacity: 1;
}

[data-limo-modification] .limo-container {
    height: fit-content;
    width: 100%;
    padding: 10px 30px 20px 30px;
}

    [data-limo-modification] .limo-container .limo-title {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 10px;
    }

        [data-limo-modification] .limo-container .limo-title img {
            width: 28px;
            height: 28px;
        }

[data-limo-modification] .limo-newCharge, [data-limo-modification] .limo-refund {
    border: 2px solid #eaeef0;
    border-radius: 15px;
    margin: 10px 0 0;
    background-color: #eaeef0;
}

[data-limo-modification] .limo-confirmed-detail {
    margin: 50px 0 0;
    border: 2px solid #c1cedb;
}

    [data-limo-modification] .limo-confirmed-detail .top {
        background-color: #c1cedb;
    }

[data-limo-modification] .limo-step-1 .container-flight-infor {
    border: 2px solid #C1CEDB;
}

    [data-limo-modification] .limo-step-1 .container-flight-infor .top {
        background-color: #C1CEDB;
    }

[data-limo-modification] .limo-step-3 .container-trip-summary .container-top {
    background-color: #C1CEDB;
}

[data-limo-modification] .limo-step-3 .container-trip-summary .container-bottom {
    border: 2px solid #C1CEDB;
}

[data-limo-modification] #limo-term-conditions-content {
    margin: 0;
    font-size: 14px;
    letter-spacing: -0.34px;
    line-height: 20px;
    color: #000000;
}

[data-limo-modification] .limo-step-3 .container-term-conditions + .button-term-conditions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: fit-content;
    padding: 8px 15px 10px;
    border-radius: 10px;
    background-color: #DDE2E6;
    margin: 20px 0 40px;
}

@media only screen and (max-width: 767px) {
    [data-limo-modification] .limo-step-3 .container-trip-summary .container-from-to {
        background-color: #EAEEF0;
    }

    [data-limo-modification] .pop-up-trip-summary .container-from-to {
        background-color: #EAEEF0;
    }

    [data-limo-modification] .limo-confirmed-detail .top .container-address {
        background-color: #EAEEF0;
    }
}

@media only screen and (max-width: 768px) {
    .container-limo-detail .container-item {
        align-items: center;
    }
}

/* Add underline for hyper link in TnC popup */
#modal-t-and-c a {
    color: #152B55;
    text-decoration: underline;
}

/* Add underline for hyper link in TnC popup */

.popup-limo-modification {
    height: fit-content;
    background-color: #fff;
    max-width: 820px;
    width: 100%;
    vertical-align: baseline;
    margin: 0 auto;
}

    .popup-limo-modification .Combined_Shape::after,
    .popup-limo-modification .Combined_Shape::before,
    .popup-limo-modification .Combined_Shape_desktop::after,
    .popup-limo-modification .Combined_Shape_desktop::before {
        top: 20px;
        left: 5px;
    }

    .popup-limo-modification .cancellation-popup-title {
        color: #152B55;
        margin: 0;
    }

    .popup-limo-modification .container-body {
        padding: 30px 20px;
    }

    .popup-limo-modification .modal-body {
        padding: 0;
    }

    .popup-limo-modification .cancellation-popup-footer {
        padding-left: 0;
    }

@media only screen and (max-width: 767px) {
    .popup-limo-modification {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        overflow-y: auto;
        max-height: calc(100% - 100px);
    }

        .popup-limo-modification .container-body {
            padding: 30px;
            overflow-y: hidden;
            -webkit-overflow-y: hidden;
            pointer-events: none;
        }

        .popup-limo-modification .container-center {
            pointer-events: auto;
        }

    .modal-header.cancellation-popup-header {
        padding: 10px 0 0;
    }

    .popup-limo-modification .cancellation-popup-footer {
        gap: 10px;
        border-top: none;
        padding-top: 20px;
    }

    .popup-limo-modification #modal-description {
        margin: 15px 0;
    }
}

@media only screen and (max-width: 490px) {
    .popup-limo-modification {
        max-height: calc(100% - 50px);
    }

        .popup-limo-modification .container-body {
            overflow-y: auto;
        }
}
/*#region CITI limo */
#failure-modal-container .modal-dialog.modal-is-open {
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.popup-limo-modification .Combined_Shape_desktop::after,
.popup-limo-modification .Combined_Shape_desktop::before {
    top: 5px;
}
#over-24-warning .limo-warning-image img,
#under-24-warning .limo-warning-image img {
    min-width: 30px;
}
#under-24-warning {
    display: flex;
    gap: 20px;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    #failure-modal-container .modal-dialog.modal-is-open {
        width: auto;
        align-items: center;
    }

        #failure-modal-container .modal-dialog.modal-is-open .container-body {
            border-radius: 10px;
        }

    #failure-modal-container .Combined_Shape::after,
    #failure-modal-container .Combined_Shape::before {
        top: 8px;
    }

    #over-24-warning,
    #under-24-warning {
        align-items: flex-start;
    }

    .my-profile-content .my-profile-left .menu-profile .menu-profile-list li.tab-profile-active a.menu-profile-link {
        margin-left: 20px;
    }
}
/*#endregion*/
/*#region Limo Step 1 - SMPLUS 4846 */
.limo-step-1 .con-tooltip {
    position: relative;
    border-radius: 9px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.limo-step-1 .tooltip {
    visibility: hidden;
    z-index: 1;
    opacity: .40;
    padding: 20px 30px 20px 20px;
    background: #FFFFFF;
    color: #152B55;
    position: absolute;
    bottom: 50px;
    left: -280%;
    border-radius: 9px;
    transform: translateY(9px);
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
    width: 300px;
}

    .limo-step-1 .tooltip.tooltip-active {
        visibility: visible;
        opacity: 1;
    }

.limo-step-1 .container-pick-up-time .label-tile-input {
    width: fit-content;
    display: inline-block;
}

.limo-step-1 .tooltip::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 33%;
    bottom: -9px;
    border-right: 1px solid #cad1d6;
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    border-bottom: 1px solid #cad1d6;
    background-color: #fff;
}

.limo-step-1 #close-tooltip {
    height: 10px;
    width: 10px;
    top: 15px;
    right: 15px;
    position: absolute;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .limo-step-1 .tooltip {
        left: -20px;
        bottom: 47px;
        top: unset;
        width: 76vw;
    }

        .limo-step-1 .tooltip::after {
            left: 28px;
        }
}
/*#endregion*/