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

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

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

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

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

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

body {
    color: #000;
    font-family: CeraPro-Regular;
    font-size: 14px;
    letter-spacing: -.34px;
    line-height: 20px
}

body, ul {
    margin: 0
}

ul {
    padding: 0
}

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

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

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

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        font-family: CeraPro-Regular;
        letter-spacing: -.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 {
    cursor: pointer;
    opacity: .8;
    position: relative
}

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

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

.Combined_Shape, .ic-close-small {
    cursor: pointer;
    position: relative
}

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

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

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

.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 {
    background-image: none;
    border: none;
    cursor: pointer;
    height: 22px;
    position: relative;
    width: 22px
}

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

.Combined_Shape:after, .Combined_Shape:before, .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 {
    background: #fff
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.check_1_active {
    background-color: #008e41
}

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

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

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

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

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

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

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

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

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

li, ul {
    list-style: none
}

.heading-01 {
    font-size: 45px;
    line-height: 57px;
    margin: 30px 0 20px
}

.heading-01, .heading-02 {
    color: #152b55;
    letter-spacing: -1.08px
}

.heading-02 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 20px
}

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

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

.text-medium {
    color: #152b55
}

.btns-primary, .text-medium {
    font-family: CeraPro-Medium;
    font-weight: 500
}

.btns-primary {
    background-color: #aa3139;
    border: 1px solid #aa3139;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 35px;
    letter-spacing: -.34px;
    line-height: 35px;
    padding: 0 25px;
    text-align: center;
    transition: all .5s ease
}

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

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

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

.btn-medium {
    border: 1px solid;
    border-radius: 20px;
    height: 35px;
    line-height: 35px;
    min-width: 140px;
    padding: 0 20px
}

.btn-medium, .btn-small {
    cursor: pointer;
    font-family: CeraPro-Medium;
    font-weight: 500;
    text-align: center;
    transition-duration: .5s
}

.btn-small {
    border: 1px solid #152b55;
    border-radius: 20px;
    display: inline-block;
    line-height: 1.32;
    padding: 8px 50px
}

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

.bg-white, .btn-medium.bg-white {
    background-color: #fff;
    color: #152b55
}

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

.bg-yellow {
    background-color: #efe3d3;
    border-color: #efe3d3;
    color: #152b55
}

.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 {
    background-color: #aa3139;
    border: 1px solid #fff;
    color: #fff;
    outline: 4px solid #aa3139
}

.btns-primary.btn-disabled.bg-red:hover {
    background-color: #aa3139;
    border: none;
    outline: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-privacy-notice a, .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, .img-card-number label, .input-card-number, .regis-content-title, .t-disabled, .t-table-condensed th, .tiles-module-card .bottom-container button, .visa-font14, .visa-font45, .why-we-need-container .why-we-need-content .label-title {
    font-family: CeraPro-Regular
}

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

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

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

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

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

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

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

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

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

@media only screen and (max-width:360px) {
    .prelogin-hero .container-start {
        padding: 20px 20px 0
    }

    .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: -.31px;
        line-height: 36px;
        margin: 20px 0 15px
    }

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

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

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

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

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

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

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

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

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

    .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 {
        border-left: 5px solid #c29d5c;
        line-height: 40px;
        padding-left: 65px
    }

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

    .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-family: CeraPro-Regular;
        font-size: 14px;
        letter-spacing: -.34px;
        line-height: 20px;
        margin-bottom: 30px;
        padding-left: 25px
    }

    .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;
        margin: 0 20px;
        width: calc(100% - 40px)
    }

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

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

.breadcrumb {
    color: #162a55;
    display: block;
    margin: 20px auto 0;
    width: 1170px
}

    .breadcrumb ul {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

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

            .breadcrumb ul li {
                display: inline
            }

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

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

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

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

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

.carousel-inner img {
    height: 100%;
    max-height: 500px;
    min-height: 430px;
    object-fit: cover;
    width: 100%
}

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

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

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

    .carousel-caption p {
        margin-bottom: 0;
        text-align: left
    }

    .carousel-caption p, .prelogin-hero-title {
        color: #fff;
        font-family: CeraPro-Medium;
        font-size: 50px;
        font-weight: 500;
        letter-spacing: -1.2px;
        line-height: 57px
    }

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

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

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

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

.hero-banner-flur-bg {
    background-color: #222;
    background-position: top;
    background-size: auto 500px;
    filter: blur(50px);
    height: 100%;
    max-height: 500px;
    min-height: 500px;
    position: relative
}
    .hero-banner-flur-bg img {
        width: 100%;
    }
.carousel-inner img {
    margin: 0 auto;
    max-width: 1440px
}

.carousel-item {
    text-align: center
}

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

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

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

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

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

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

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

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

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

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

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

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

.common-title-detail {
    margin: 40px 0
}

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

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

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

        .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: -.31px;
            line-height: 36px;
            margin-bottom: 15px
        }
}

.exclusive-offer-module {
    background-color: #152b55
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.insider-tips-module, .promo-code-module {
    background-color: #c1cedb
}

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

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

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

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

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

.close-mobile, .dislay-mobile, .display-mb, .pop-up-dining-filter .show-all-text {
    display: none
}

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

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

    .modal.fade .modal-dialog {
        -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        -o-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out
    }

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

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

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

.fade.in {
    opacity: 1
}

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

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

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

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

.container-center {
    margin-bottom: 0;
    padding-top: 40px
}

.verification-code-pop-up .container-center {
    min-height: 355px;
    padding: 40px 0 50px
}

.pop-up-forgot-password .label-title, .verification-code-pop-up .label-title {
    display: block;
    margin: 0 0 20px
}

.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;
    object-fit: cover;
    width: 100%
}

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

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

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

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

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

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

.custom-input {
    border: 1px solid #cad1d6;
    border-bottom-color: #152b55;
    color: #152b55;
    font-family: CeraPro-Medium;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    letter-spacing: -.34px;
    padding: 0 15px;
    width: 100%
}

    .custom-input:active, .custom-input:hover {
        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:focus-within, .custom-input:target {
        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-online-booking, .pop-up-dining-filter .dining-filter-toggle .container-sort-by, .pop-up-dining-filter .dining-filter-toggle .container-special-offer {
        align-items: center;
        display: flex
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pop-up-create-new-pwd .container-start .label-title, .pop-up-login .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-access-code-expired .container-button, .pop-up-account-block .container-button, .pop-up-create-new-pwd .container-end, .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;
    gap: 5px;
    grid-template-columns: auto auto auto;
    list-style: none
}

    .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;
    gap: 19px;
    grid-template-columns: auto auto auto auto auto auto
}

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

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

        .input-card-row:active, .input-card-row:hover, .verification-code-pop-up .container-input-verify .input-verification:active, .verification-code-pop-up .container-input-verify .input-verification:hover {
            border: 1px solid #152b55;
            outline: none
        }

.verification-code-pop-up .container-resend label {
    font-weight: 500
}

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

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

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

.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 {
    display: flex;
    padding-bottom: 90px
}

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

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

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

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

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

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

.pop-up-check-avail .t-datepicker-day {
    border: 1px solid #cad1d6;
    box-shadow: 0 7px 20px rgba(0,0,0,.1);
    top: 40px
}

.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 {
        align-items: center;
        border-radius: 20px;
        color: #54606c;
        cursor: pointer;
        display: flex;
        font-size: 45px;
        height: 35px;
        justify-content: center;
        padding-bottom: 8px;
        position: absolute;
        right: -50px;
        top: 35px;
        user-select: none;
        width: 35px
    }

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

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

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

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

.verification-code-pop-up .container-resend, .verification-code-pop-up .timer-count-down {
    margin: 20px 0 0
}

.pop-up-check-avail .container-guest {
    margin-bottom: 20px
}

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

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

    .contact-specialist-pop-up .container-end p, .pop-up-loyalty .label-title {
        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-confirm .label-title, .pop-up-warning .label-title {
    color: #152b55;
    margin: 0 0 20px
}

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

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

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

    .pop-up-confirm .container-button .button-back, .pop-up-kiwi .container-button .button-back, .pop-up-warning .container-button .button-back {
        align-items: center;
        display: flex;
        gap: 10px;
        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;
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 35px
    }

    .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 {
        margin: 40px -32px 20px 0;
        max-height: calc(100vh - 100px);
        overflow: auto;
        padding-top: 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 {
        align-items: center;
        display: flex;
        gap: 15px;
        margin: 20px 0 10px
    }

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

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

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

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

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

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

    .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 {
        align-items: flex-start;
        display: flex;
        justify-content: space-between
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .contact-specialist-pop-up .container-end .container-phone label,
    .contact-specialist-pop-up .container-end .container-mail label,
    .contact-specialist-pop-up .container-end .container-chat label {
        cursor: pointer;
    }

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

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

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

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

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

    .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 {
    align-items: center;
    background-color: #cf4500;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 15px 15px 15px 30px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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 {
        max-height: calc(100% - 148px);
        overflow-y: auto;
        padding-bottom: 100px
    }

    .pop-up-dining-filter .dining-filter-tile {
        padding-bottom: 20px
    }

    .verification-code-pop-up .container-center {
        min-height: unset;
        padding: 0 0 40px
    }

    .pop-up-dining-filter #dropdown-choice .dropdown-content {
        background-color: #152b55;
        border-radius: 15px;
        color: #fff;
        display: block !important;
        height: 240px;
        overflow-y: auto;
        padding: 5px 20px;
        position: inherit;
        top: unset
    }

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

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

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

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

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

    .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 {
        display: grid;
        grid-template-columns: auto auto;
        padding: 20px 0 55px
    }

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

    .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 {
        font-size: 35px;
        right: 0;
        top: 0;
        width: unset
    }

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

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

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

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

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

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

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

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

    .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 {
        display: block;
        padding-bottom: 55px
    }

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

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

    .container-center {
        margin: 0;
        padding: 0
    }

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

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

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

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

        .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 {
        background-color: #fff;
        border-radius: 30px 30px 0 0;
        display: block;
        margin: 0;
        padding: 40px 20px 0
    }

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

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

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

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

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

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

    .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, .undisplay-mobile {
        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 {
        display: block;
        height: 125px;
        padding: 20px
    }

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

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

    .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
    }

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

@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-article, .pop-up-create-new-pwd, .pop-up-dining-filter, .pop-up-login, .pop-up-loyalty, .pop-up-new-pass-sucess, .verification-code-pop-up {
        width: 100%
    }
}

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

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

.prelogin-hero {
    height: 800px;
    margin: 0 auto;
    width: 100%
}

    .prelogin-hero .prelogin-hero-bg {
        width: 100%;
        bottom: 0;
        height: 800px;
        object-fit: cover;
        object-position: left;
        position: absolute;
        top: 0;
        z-index: -1
    }

    .prelogin-hero .container-start {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 20px 55px 0
    }

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

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

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

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

.prelogin-hero .container-button .button-register {
    margin-left: 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .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 {
        margin: -200px 20px 0;
        padding: 30px;
        width: auto
    }

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

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

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

        .prelogin-hero .container-start {
            padding: 20px 20px 0
        }

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

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

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

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

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

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

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

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

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

.animate {
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

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

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

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

@keyframes enter-scale {
    0% {
        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 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0)
    }

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

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

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

#footer {
    background-color: #c1cedb;
    bottom: 0;
    display: flex;
    height: 170px;
    justify-content: center;
    padding: 40px 140px;
    position: inherit;
    width: 100%
}

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

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

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

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

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

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

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

.copy-right {
    display: none
}

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

    #footer {
        display: block;
        height: fit-content;
        padding: 0 20px 50px;
        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 {
        display: grid;
        height: fit-content;
        list-style: none;
        padding-top: 20px
    }

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

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

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

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

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

.header-wrapper {
    background-color: #fff;
    border-bottom: 1px solid #eaeef0;
    left: 0;
    padding: 0 60px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10
}

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

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

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

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

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

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

    .header-wrapper .header-container .img-logo {
        margin-right: 60px;
        width: 95px
    }

.menu-container {
    display: flex;
    height: 100%;
    list-style: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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) {
    .login-info-container.menu-active .menu-top-menu, .login-info-container:hover .menu-top-menu, .menu-container .menu-active .menu-top-menu, .menu-container .menu-item:hover .menu-top-menu {
        border-radius: 0;
        margin-bottom: 0
    }

    .header-wrapper {
        padding: 0 20px
    }

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

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

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

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

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

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

            .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 {
                align-items: center;
                display: flex
            }

            .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: .7s
            }

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

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

        .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 {
            background: #000;
            border-radius: 5px;
            box-sizing: border-box;
            content: "";
            display: block;
            height: 2px;
            left: 1px;
            position: absolute;
            top: 8px;
            width: 26px;
            z-index: 99
        }

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

    .container-no-log-in, .login-info-container, .login-info-container:hover > .menu-dropdown-panel, .menu-container .menu-item:hover > .menu-dropdown-panel, .sub-item-menu .menu-top-menu-2 .ic-menu-item {
        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 {
        background-color: #000;
        bottom: 0;
        content: "";
        display: none;
        height: 100vh;
        left: 0;
        opacity: .7;
        pointer-events: all;
        position: fixed;
        right: 0;
        top: 0;
        touch-action: none;
        z-index: 97
    }

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

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

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

    .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: .7s
    }

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

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

    .menu-container a, .sub-item-menu, .sub-item-menu-2 {
        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 {
        border-bottom: 1px solid rgba(84,96,108,.2);
        padding: 20px 0
    }

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

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

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

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

@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 {
        background: #000;
        border-radius: 5px;
        box-sizing: border-box;
        content: "";
        display: block;
        height: 2px;
        left: 1px;
        position: absolute;
        top: 8px;
        width: 26px;
        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 {
        background-color: #eaeef0;
        bottom: 0;
        display: block;
        height: 100%;
        overflow-y: auto;
        padding-top: 0;
        position: fixed;
        right: 0;
        top: 0;
        transform: translateX(100%);
        transition: all .5s;
        width: 268px;
        z-index: 99
    }

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

        .header-2-logos .container-no-log-in, .header-2-logos .login-info-container, .header-2-logos .login-info-container:hover > .menu-dropdown-panel, .header-2-logos .menu-container .menu-item:hover > .menu-dropdown-panel, .header-2-logos .sub-item-menu .menu-top-menu-2 .ic-menu-item, .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 {
        background-color: transparent;
        border: none;
        display: block
    }

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

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

    .header-2-logos .menu-dropdown-panel .sub-item-menu.menu-active {
        background-color: unset;
        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 .login-info-container.menu-active .menu-top-menu, .header-2-logos .login-info-container:hover .menu-top-menu, .header-2-logos .menu-container .menu-active .menu-top-menu, .header-2-logos .menu-container .menu-item:hover .menu-top-menu {
        border-radius: 0;
        margin-bottom: 0
    }

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

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

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

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

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

    .header-2-logos .menu-container a, .header-2-logos .sub-item-menu, .header-2-logos .sub-item-menu-2 {
        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-top-content-2, .header-2-logos .menu-top-content-3 {
        border-bottom: 1px solid rgba(84,96,108,.2);
        padding: 20px 0
    }

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

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

    .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 {
        pointer-events: none;
        position: absolute;
        right: 15px;
        top: 30px
    }

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

.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 {
        line-height: normal;
        padding: 18px 30px
    }

    .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 {
        line-height: normal;
        padding: 15px 30px
    }

    .header-wrapper .header-container {
        height: 50px
    }
}

@media (min-width:1170px) and (max-width:1280px) {
    .menu-container .menu-dropdown-panel-2 {
        margin-left: -30px
    }
}

.about-module {
    margin-bottom: 30px
}

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

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

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

            .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;
        display: block;
        height: 1px;
        margin-top: 22px
    }

@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: -.31px;
            line-height: 36px;
            margin-bottom: 15px
        }

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

.failure-confirmation, .thank-you-confirmation {
    border-radius: 10px;
    height: fit-content;
    margin: 30px 0;
    padding: 50px 40px;
    text-align: center;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .thank-you-confirmation .booking-confirmation-info label {
        float: left;
        text-align: 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-guest .ic-user, .thank-you-confirmation .container-time .ic-time {
            margin-right: 8px
        }
}

@media only screen and (max-width:767px) {
    .failure-confirmation, .thank-you-confirmation {
        margin: 0 0 30px;
        padding: 50px 20px;
        width: unset
    }
}

.common-address-and-map-module {
    margin-top: 30px
}

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

    .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 {
        background-color: #d8d8d8;
        border-radius: 15px;
        height: 400px;
        margin-bottom: 120px;
        width: 100%
    }

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

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

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

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

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

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

            .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 {
        margin-left: 10px;
        width: calc(100% - 37px)
    }

@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: -.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 {
            margin-left: 0;
            margin-top: 5px;
            width: 100%
        }

        .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
        }
}

.dining-landing-module {
    margin: 0 auto;
    width: 1170px
}

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

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

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

#number-filter, .t-dates span {
    margin-left: 5px
}

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

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

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

.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 {
    background-color: #cad1d6;
    border-radius: 9px;
    color: #152b55;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.34px
}

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

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

    .container-filter .container-tier-sort .container-tier:hover, .container-filter .search-text:focus-within {
        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::-ms-input-placeholder, .container-filter #input-search::placeholder {
    color: #666
}

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

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

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

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

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

.dining-landing-module .container-start .container-list-map {
    color: #152b55;
    display: flex;
    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 {
        align-items: center;
        cursor: pointer;
        display: flex
    }

    .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
        }

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

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

.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 .container-time-guest .container-guest.selected-dining-filter, .dining-landing-module .container-filter .container-time-guest .container-time.selected-dining-filter, .dining-landing-module .container-filter .date-dining.date-dining-border {
    border: 2px solid #152b55
}

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

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

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

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

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

        .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 {
                cursor: pointer;
                display: block;
                font-size: 22px;
                font-weight: 500;
                height: 60px;
                letter-spacing: -.53px;
                line-height: 30px;
                margin: 10px 0 15px;
                overflow: hidden
            }

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

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

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

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

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

.dining-landing-module .container-filter {
    display: grid;
    gap: 20px;
    grid-template-columns: 23% 18% 25% 11% auto;
    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(50% - 7.5px) calc(50% - 7.5px)
    }

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

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

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

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

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

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

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

.multiselect-container.dropdown-menu {
    border: 1px solid #cad1d6;
    border-radius: 0;
    max-height: 200px;
    overflow-y: auto;
    padding: 5px;
    width: 100%;
    z-index: 6
}

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

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

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

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

.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(33.33333% - 20px) calc(33.33333% - 20px) calc(33.33333% - 20px);
    list-style: none;
    margin-bottom: 70px
}

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

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

        .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 {
        align-items: center;
        bottom: 32px;
        cursor: pointer;
        display: flex;
        position: absolute
    }

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

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

.dining-landing-module .button-load-more {
    width: calc(33.33333% - 20px)
}

@media only screen and (max-width:768px) {
    .dining-landing-module {
        margin: 0 auto;
        width: calc(100% - 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;
                    margin: 0 20px;
                    right: 10px
                }

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

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

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

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

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

    .category-landing-module-v2 .map-diving .search-map-button, .dining-landing-module .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;
            height: auto;
            letter-spacing: 0;
            line-height: 21px;
            margin-bottom: 10px
        }
}

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

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

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

.regis-footer {
    background-color: #efe3d3;
    bottom: 0;
    height: 110px;
    padding-left: 140px;
    padding-right: 140px;
    width: 100%
}

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

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

#lang-footer {
    appearance: none;
    background: transparent;
    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;
    border: none;
    box-sizing: border-box;
    color: #152b55 !important;
    cursor: pointer;
    height: 22px;
    outline: none;
    padding: 0 35px 0 6px;
    width: max-content
}

    #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 {
    min-width: 150px;
    width: 18%
}

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

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

    .copy-right-hide {
        display: none
    }

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

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

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

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

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

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

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

.common-detail-module {
    display: grid;
    gap: 130px;
    grid-template-columns: auto 30%;
    margin: 0 auto;
    width: 1170px
}

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

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

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

.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 #000
}

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

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

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

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

.booking-detail-module .container-add-hotel .container-hotel {
    margin-top: 10px;
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

    .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;
            cursor: pointer;
            line-height: 40px;
            text-align: center;
            user-select: none;
            width: 100%
        }

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

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

    .booking-detail-module .container-party-size .show span.multiselect-selected-text:after, .booking-detail-module .container-time-dropdown .time_pick.change-icon: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 {
    color: #666;
    display: block;
    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 .btn-group, .booking-detail-module .container-party-size span.multiselect-native-select, .booking-detail-module .container-time-dropdown .btn-group, .booking-detail-module .container-time-dropdown span.multiselect-native-select {
    height: 100%;
    position: unset;
    width: 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 {
    border: 1px solid #cad1d6;
    border-bottom-color: #152b55;
    height: 80px;
    margin-bottom: 20px;
    padding: 10px 12px;
    width: 100%
}

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

    .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 {
            cursor: pointer;
            text-decoration: underline
        }

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

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

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

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

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

.booking-detail-module .booking-infor {
    border-bottom: 1px solid #cad1d6;
    border-top: 1px solid #cad1d6;
    display: flex;
    justify-content: space-between;
    padding: 14px 0 20px;
    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
        }

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

        .booking-detail-module .booking-infor .booking-infor-insert .container-email, .booking-detail-module .booking-infor .booking-infor-insert .container-last-name, .booking-detail-module .booking-infor .booking-infor-insert .container-title-first-name {
            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;
    gap: 10px;
    grid-template-columns: calc(33.33333% - 6.66667px) calc(33.33333% - 6.66667px) calc(33.33333% - 6.66667px);
    height: auto;
    list-style: none;
    max-height: 130px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 0
}

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

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

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

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

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

.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 {
        background: url(https://assets-us-01.kc-usercontent.com/78c44b1a-1093-0082-f79e-7a6214834ded/15fe0708-12e7-458d-b1fb-41eba8869def/image_2022_10_18T09_28_48_059Z.png) 100% no-repeat;
        background-size: 9%;
        border: none;
        cursor: pointer;
        padding-right: 20px;
        text-align: right;
        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 .meridian, .container-time-non-ss .mins, .container-time-non-ss .time {
    margin: 0 5px
}

.booking-thru-3rd {
    margin-top: 93px
}

    .booking-thru-3rd .container-button {
        text-align: center
    }

    .booking-thru-3rd span {
        display: block;
        margin: 15px 0;
        text-align: center
    }

    .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 {
        font-size: 22px;
        margin-top: 25px;
        width: 100%
    }

.booking-detail-module .container-time-non-ss-2 .input-time-non-ss {
    align-items: center;
    display: flex
}

.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: -.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 {
            font-size: 14px;
            font-weight: 500;
            height: 45px;
            letter-spacing: -.34px;
            line-height: 45px
        }

        .booking-detail-module .container-submit-and-chat {
            margin: 50px 0
        }

        .booking-detail-module .container-footer {
            background-color: #fff;
            bottom: 0;
            display: block;
            height: 100px;
            left: 0;
            padding: 15px 20px 40px;
            position: fixed;
            right: 0;
            z-index: 8
        }

            .booking-detail-module .container-footer .button-check-availability {
                align-items: center;
                background-color: transparent;
                border: 1px solid #152b55;
                border-radius: 22.5px;
                color: #152b55;
                display: flex;
                font-family: CeraPro-Medium;
                font-size: 14px;
                font-weight: 500;
                height: 46px;
                justify-content: center;
                letter-spacing: -.34px;
                line-height: 45px;
                text-align: center;
                width: 100%
            }

                .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: -.31px;
            line-height: 36px;
            margin-bottom: 20px
        }

        .booking-thru-3rd .button-proceed-to-partner-site, .booking-thru-3rd span {
            font-size: 14px;
            letter-spacing: -.34px;
            line-height: 20px
        }

        .booking-thru-3rd .button-proceed-to-partner-site {
            border-radius: 22.5px;
            font-weight: 500;
            height: 45px;
            margin-top: 20px
        }

        .booking-thru-3rd span {
            color: #666;
            font-family: CeraPro-Light;
            font-weight: 300;
            margin: 15px 0 20px
        }

    .booking-detail-module .container-time-non-ss-2 .next, .booking-detail-module .container-time-non-ss-2 .prev {
        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 {
        margin-right: 0;
        width: auto
    }

    .booking-detail-module .container-time-non-ss-2 .btn-group {
        grid-column: 1/span 3;
        width: auto
    }
}

@media (min-width:768px) and (max-width:1170px) {
    .meridian, .mins, .time {
        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
    }
}

[drop-down=drop-down-phone] {
    background-color: #fff;
    border: 1px solid #cad1d6;
    color: #152b55;
    cursor: pointer;
    display: flex;
    font-family: CeraPro-Medium;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: space-between;
    letter-spacing: -.34px;
    line-height: 20px;
    padding: 10px;
    position: relative;
    width: 100%
}

.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) {
    background-color: #163049 !important;
    border-radius: 4px;
    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) {
    background-color: #152b55 !important;
    border-radius: 9px;
    color: #000 !important
}

.my-account-page .dropdown-choice-phone button, .pop-up-update-profile .dropdown-choice-phone button {
    align-items: center;
    background-color: unset;
    border: 0;
    display: flex;
    justify-content: space-between;
    text-align: left;
    width: 100%
}

    .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 {
    display: inline-block;
    position: relative;
    width: 100%
}

    #dropdown-choice .ic-down, #dropdown-choice-phone .ic-down, #dropdown-program-name .ic-down, #dropdown-program-type .ic-down {
        transform-origin: center;
        transition: all .3s ease
    }

    #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 {
        bottom: calc(70vh + 20px);
        display: none;
        margin: 0;
        position: fixed;
        right: 20px;
        z-index: 12
    }

button#dropdown-choice-phone {
    background: unset;
    border: 0;
    padding: 0
}

.dropdown-choice-phone ul li:has(>button.active) {
    background-color: #163049 !important;
    border-radius: 9px;
    color: #000 !important
}

.dropdown-item-countrycode button {
    align-items: center;
    background-color: unset;
    border: 0;
    display: flex;
    justify-content: space-between;
    text-align: left;
    width: 100%
}

    .dropdown-item-countrycode button:focus {
        border: none;
        outline: none
    }

.dropdown-selected-item-countrycode {
    background-color: #163049;
    border-radius: 9px;
    padding-left: -10px;
    padding-right: -10px
}

#dropdown-phone {
    padding: 0
}

.dropdown-title {
    align-items: center;
    background-color: #fff;
    border: 1px solid #cad1d6;
    border-bottom-color: #152b55;
    color: #152b55;
    cursor: pointer;
    display: flex;
    font-family: CeraPro-Medium;
    font-weight: 500;
    height: 40px;
    justify-content: space-between;
    padding: 10px 12px;
    position: relative;
    width: 100%
}

    .dropdown-title:hover {
        border: 1px solid #152b55
    }

    .dropdown-title:focus {
        border: 1px solid #cad1d6;
        border-bottom: 2px solid #152b55
    }

.dropdown-content {
    background-color: #fff;
    border: 1px solid #cad1d6;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    display: none;
    height: fit-content;
    padding: 5px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.dropdown-item {
    display: block;
    height: auto;
    padding: 5px
}

.my-detail-page .dropdown-custom ul li:has(>button.active) {
    background-color: #163049 !important;
    border-radius: 4px;
    color: #fff !important
}

.dropdown-item.pointer-detail button {
    align-items: center;
    background: none;
    background-color: unset;
    border: 0;
    display: flex;
    padding: 0;
    width: 100%
}

    .dropdown-item.pointer-detail button:focus {
        outline: 0
    }

.dropdown-item:hover {
    background-color: #c1cedb;
    border-radius: 4px;
    color: #152b55
}

.dropdown-custom .dropdown-selected-item, .dropdown-selected-item {
    background-color: #152b55;
    border-radius: 4px;
    color: #fff
}

.dropdown-item-countrycode {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%
}

    .dropdown-item-countrycode:hover, .dropdown-selected-item-countrycode {
        background-color: #152b55;
        border-radius: 4px
    }

#dropdown-header, #dropdown-program-name .dropdown-header {
    background-color: #fff;
    padding: 14px 14px 0;
    position: sticky;
    top: 0;
    z-index: 20
}

    #dropdown-program-name .dropdown-header .search-text {
        align-items: center;
        border: 1px solid #cad1d6;
        gap: 10px;
        height: 40px;
        padding: 0 5px
    }

#dropdown-footer, #dropdown-program-name .dropdown-footer {
    box-sizing: border-box;
    padding: 0 5px 14px
}

    #dropdown-program-name .dropdown-footer .dropdown-item {
        border-bottom: 1px solid #cad1d6;
        margin: 0 10px;
        padding: 15px 0;
        width: auto
    }

    #dropdown-program-name .dropdown-footer .dropdown-item-not-found {
        display: none;
        margin: 0 10px;
        padding: 15px 0;
        width: auto
    }

    #dropdown-program-name .dropdown-footer .dropdown-item.dropdown-selected-item, #dropdown-program-name .dropdown-footer .dropdown-item:hover {
        background-color: transparent;
        border-radius: unset;
        color: #152b55
    }

    #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 {
    height: fit-content;
    max-height: 330px;
    overflow-y: scroll;
    padding: 0 5px;
    scroll-behavior: smooth
}

#close-dropdown {
    display: none
}

.multiselect-container .multiselect-option .form-check {
    color: #162a55;
    font-family: CeraPro-Medium;
    font-size: 14px;
    line-height: 24px;
    padding: 0
}

.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, [data-dropdownphone] {
        border-radius: 20px 20px 0 0;
        bottom: 0;
        height: 70vh !important;
        left: 0;
        padding-left: 0;
        padding-right: 0;
        position: fixed;
        right: 0;
        width: 100% !important;
        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 {
    display: block;
    opacity: 1
}

[data-hidden-element] {
    display: none
}

#dropdown-phone, [data-dropdownphone] {
    height: 300px;
    overflow-y: scroll;
    padding: 0;
    scroll-behavior: smooth;
    width: 373px
}

@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 {
        border-bottom: 1px solid #eaeef0;
        display: block;
        height: 1px;
        margin: 10px 0 20px
    }

#dropdown-phone #dropdown-header .input-group, [data-dropdownphone] #dropdown-header .input-group {
    align-items: center;
    border: 1px solid #ced4da;
    margin-top: 7px
}

#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 {
    background-color: rgba(0,0,0,.7);
    bottom: 0;
    content: "";
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 11
}

#input-search {
    background-color: transparent;
    border: none;
    color: #152b55;
    font-size: 14px;
    letter-spacing: -.34px
}

.dd-flag {
    height: 14px;
    margin-right: 10px;
    width: 23px
}

.container-list-time.time-booking-ss::-webkit-scrollbar, .dropdown-custom .dropdown-content::-webkit-scrollbar, .dropdown-custom-multiselect .dropdown-content::-webkit-scrollbar, .multiselect-container.dropdown-menu::-webkit-scrollbar, .pop-up-default-location .tab-location-content::-webkit-scrollbar, .pop-up-prelogin-detail .container-center::-webkit-scrollbar {
    width: 6px
}

.container-list-time.time-booking-ss::-webkit-scrollbar-track, .multiselect-container.dropdown-menu::-webkit-scrollbar-track, .pop-up-prelogin-detail .container-center::-webkit-scrollbar-track, .tab-list-travel-guide::-webkit-scrollbar-track {
    background-color: #fff;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none
}

.container-list-time.time-booking-ss::-webkit-scrollbar-thumb, .multiselect-container.dropdown-menu::-webkit-scrollbar-thumb, .pop-up-default-location .tab-location-content::-webkit-scrollbar-thumb, .pop-up-prelogin-detail .container-center::-webkit-scrollbar-thumb, .tab-list-travel-guide::-webkit-scrollbar-thumb {
    background-color: #cad1d6;
    border: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: none
}

.pop-up-room-detail .container-center::-webkit-scrollbar, .pop-up-t-and-c .container-center::-webkit-scrollbar {
    width: 8px
}

.pop-up-room-detail .container-center::-webkit-scrollbar-track, .pop-up-t-and-c .container-center::-webkit-scrollbar-track {
    background-color: #cad1d6;
    border: 3px solid #fff;
    box-shadow: none;
    -webkit-box-shadow: none
}

.pop-up-room-detail .container-center::-webkit-scrollbar-thumb, .pop-up-t-and-c .container-center::-webkit-scrollbar-thumb {
    background-color: #152b55;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: none;
    width: 8px
}

.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 {
    background-color: #152b55;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: none;
    width: 6px
}

.pop-up-default-location .tab-location-content::-webkit-scrollbar-track {
    background-color: #eaeef0;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none
}

.t-datepicker-day {
    min-width: 310px;
    width: 100%
}

.t-day, .t-disabled, .t-end, .t-hover-day, .t-range, .t-start {
    background: #fafafa;
    border-color: #fff;
    color: #152b55;
    font-size: 14px;
    letter-spacing: -.34px
}

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

.t-range {
    background-color: #eaeef0;
    border-radius: 9px;
    line-height: 20px;
    text-align: center
}

.t-datepicker .t-check-in:first-child {
    border: none;
    border-radius: 0
}

.t-check-in .t-end, .t-start.t-today {
    background-color: #152b55
}

.t-check-in .t-end {
    border-radius: 9px;
    color: #fff
}

.t-today {
    background-color: #cad1d6;
    border-radius: 9px
}

.t-disabled, .t-table-condensed th {
    color: #000;
    font-size: 14px;
    letter-spacing: -.34px;
    line-height: 20px
}

.t-disabled {
    opacity: .5
}

.custom-date-picker {
    background: #fff;
    border: 1px solid #cad1d6;
    border-bottom-color: #152b55;
    border-radius: 0;
    cursor: pointer;
    height: 40px;
    margin-bottom: 12px;
    position: relative;
    width: auto
}

    .custom-date-picker:active, .custom-date-picker:focus-visible, .custom-date-picker:focus-within {
        border: 1px solid #162b55
    }

    .custom-date-picker.date-dining {
        height: 60px
    }

    .custom-date-picker .ic-calendar {
        background-size: contain;
        pointer-events: none;
        position: absolute;
        right: 5px;
        top: 5px
    }

    .custom-date-picker.date-dining .ic-calendar {
        background-position: -3px 0;
        left: 5px;
        right: unset;
        top: 15px
    }

    .custom-date-picker.date-dining input {
        line-height: 20px;
        padding-left: 35px;
        padding-top: 18px
    }

    .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 {
    left: 0 !important;
    min-width: 350px;
    right: 0;
    top: 35px !important;
    width: 100%
}

.datepicker-header .datepicker-controls, .datepicker-view {
    margin: 0 auto 5px;
    width: 20rem
}

.datepicker-input.in-edit, .datepicker-input.in-edit:active, .datepicker-input.in-edit:focus, .datepicker-input:focus-visible {
    background: #fff;
    border: none;
    box-shadow: none;
    outline: none
}

.datepicker-input {
    background-color: transparent;
    border: none;
    color: #152b55;
    cursor: pointer;
    font-family: CeraPro-Medium;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    letter-spacing: -.34px;
    line-height: 20px;
    padding: 0 10px;
    z-index: 0 !important
}

.datepicker span, .datepicker-controls .button {
    border-radius: 9px;
    color: #162b55;
    font-family: CeraPro-Medium;
    font-size: 14px
}

.datepicker .dow {
    color: #000;
    font-family: CeraPro-Regular;
    font-size: 14px
}

.datepicker-cell.selected, .datepicker-cell.selected:hover {
    background-color: #152b55;
    border-radius: 9px;
    font-weight: 400
}

.datepicker-cell.today:not(.selected):not(.disabled), .datepicker-cell:not(.disabled):hover {
    background-color: #cad1d6;
    color: #162b55
}

.datepicker-cell.range-end:not(.range-start), .datepicker-cell.range-start.focused:not(.selected), .datepicker-cell.range-start:not(.range-end) {
    background-color: #162b55;
    border-radius: 9px;
    color: #fff
}

.datepicker-cell.focused:not(.selected) {
    background-color: #fff;
    color: #162b55
}

.datepicker .days-of-week {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 9px;
    padding-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
}

.toggle-button {
    background-color: #ced4da;
    border: 1px solid #949494 !important;
    border-radius: 15.5px !important;
    display: inline-block;
    height: 31px;
    position: relative;
    -webkit-transition: all .18s linear;
    transition: all .18s linear;
    width: 51px
}

    .toggle-button .checkbox {
        cursor: pointer;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        width: 100%
    }

    .toggle-button:after {
        background-color: #fff;
        border-radius: 29px;
        height: 29px;
        left: -3px;
        right: -1px;
        top: 0;
        width: 29px
    }

    .toggle-button:after, .toggle-button:before {
        content: "";
        pointer-events: none;
        position: absolute;
        -webkit-transform: translateX(3px) translateZ(0);
        transform: translateX(3px) translateZ(0);
        -webkit-transition: all .18s linear;
        transition: all .18s linear
    }

    .toggle-button:before {
        background-color: transparent;
        border: 1px solid #708190;
        border-radius: 50%;
        height: 10px;
        right: 7px;
        top: 10px;
        width: 10px
    }

    .toggle-button.toggle-button-checked {
        background-color: #3ead35;
        border: #3ead35
    }

        .toggle-button.toggle-button-checked:before {
            border: 1px solid #fff;
            left: 3px;
            top: 10px
        }

        .toggle-button.toggle-button-checked:after {
            -webkit-transform: translateX(23px) translateZ(0);
            transform: translateX(23px) translateZ(0)
        }

.sk-chase {
    animation: sk-chase 2.5s linear infinite both;
    height: 40px;
    position: relative;
    width: 40px
}

.sk-chase-dot {
    animation: sk-chase-dot 2s ease-in-out infinite both;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .sk-chase-dot:before {
        animation: sk-chase-dot-before 2s ease-in-out infinite both;
        background-color: #c29d5c;
        border-radius: 100%;
        content: "";
        display: block;
        height: 25%;
        width: 25%
    }

    .sk-chase-dot:first-child {
        animation-delay: -1.1s
    }

    .sk-chase-dot:nth-child(2) {
        animation-delay: -1s
    }

    .sk-chase-dot:nth-child(3) {
        animation-delay: -.9s
    }

    .sk-chase-dot:nth-child(4) {
        animation-delay: -.8s
    }

    .sk-chase-dot:nth-child(5) {
        animation-delay: -.7s
    }

    .sk-chase-dot:nth-child(6) {
        animation-delay: -.6s
    }

    .sk-chase-dot:first-child:before {
        animation-delay: -1.1s
    }

    .sk-chase-dot:nth-child(2):before {
        animation-delay: -1s
    }

    .sk-chase-dot:nth-child(3):before {
        animation-delay: -.9s
    }

    .sk-chase-dot:nth-child(4):before {
        animation-delay: -.8s
    }

    .sk-chase-dot:nth-child(5):before {
        animation-delay: -.7s
    }

    .sk-chase-dot:nth-child(6):before {
        animation-delay: -.6s
    }

@keyframes sk-chase {
    to {
        transform: rotate(1turn)
    }
}

@keyframes sk-chase-dot {
    80%,to {
        transform: rotate(1turn)
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(.4)
    }

    0%,to {
        transform: scale(1)
    }
}

.card-CMS-module, .card-horizontal-module, .recommendation-module {
    background-repeat: no-repeat !important;
    background-size: cover;
    padding: 60px 0 0;
    width: 100%
}

.card-CMS-content, .card-horizontal-body .card-horizontal-infor, .card-horizontal-header, .recommendation-content {
    margin: 0 auto;
    width: 1170px
}

    .recommendation-content .description {
        margin: 30px 0 50px;
        width: 50%
    }

    .card-CMS-content .description, .card-horizontal-content .description {
        margin: 24px 0 40px;
        width: 50%
    }

.card-horizontal-body .card-horizontal-item-bg:nth-child(2n) {
    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(2n) .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;
    height: 370px;
    width: 100%
}

.recommendation-content .button-submit {
    height: 35px;
    margin-bottom: 60px;
    width: 140px
}

.recommendation-header {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.card-CMS-header {
    margin-bottom: 40px
}

.card-CMS-body {
    display: grid;
    gap: 30px;
    grid-template-columns: calc(33.33333% - 20px) calc(33.33333% - 20px) calc(33.33333% - 20px)
}

.card-CMS-module .item-container {
    margin: 0;
    width: 100% !important
}

    .card-CMS-module .item-container .title {
        margin: 10px 0 0
    }

.card-CMS-module .label-title, .card-horizontal-content .label-title, .recommendation-title {
    margin: 0
}

.recommendation-left-icon {
    cursor: pointer;
    transform: rotate(180deg)
}

.recommendation-right-icon {
    cursor: pointer;
    padding: 0 10px 0 80px
}

.recommendation-module .slick-next, .recommendation-module .slick-prev {
    top: -60px
}

.recommendation-module .slick-prev {
    left: unset;
    right: 90px
}

.recommendation-module .slick-next {
    right: 20px
}

.category-landing-module .container-list-item .category-item .category-detail, .detail-item-container, .dining-landing-module .container-list-item .dining-item .dining-detail, .golf-landing-page-v1 .container-list-item .golf-item .golf-detail {
    margin: 10px 20px 20px
}

    .benefit-landing-page .container-list-item .benefit-item .benefit-detail .label-title, .category-landing-module .container-list-item .category-item .category-detail .label-title, .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 {
        display: block;
        height: 60px;
        line-height: 30px;
        margin: 10px 0 15px;
        overflow: hidden
    }

    .benefit-landing-page .container-list-item .benefit-item .benefit-detail .label-description, .category-landing-module .container-list-item .category-item .category-detail .label-description, .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 {
        color: #000;
        height: 60px;
        margin-bottom: 15px;
        overflow: hidden
    }

    .dining-landing-module .container-list-item .dining-item .dining-detail .label-description {
        margin-bottom: 65px
    }

    .detail-item-container .find-out {
        align-items: center;
        color: #000;
        display: flex;
        gap: 10px;
        text-decoration: none
    }

        .detail-item-container .find-out:hover {
            text-decoration: underline
        }

.img-item-container {
    border-radius: 10px;
    display: block;
    height: 320px;
    object-fit: cover;
    width: 100%
}

.category-landing-module .container-list-item .category-item, .dining-landing-module .container-list-item .dining-item, .golf-landing-page-v1 .container-list-item .golf-item, .item-container, .tiles-module-custom-item-container, .top-dining-item-container {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 15px;
    box-shadow: 0 15px 25px -10px rgb(0 0 0/6%);
    min-height: 520px;
    padding: 10px;
    position: relative
}

.item-container, .top-dining-item-container {
    margin: 0 2% 60px;
    max-width: 380px;
    width: 96% !important
}

.top-category-travel-guide .detail-item-container .descript {
    display: block;
    margin-bottom: 32px
}

.top-category-travel-guide .detail-item-container .title {
    display: block;
    line-height: 57px;
    margin: 0
}

    .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) 80%);
        border-bottom: none;
        border-radius: 10px;
        display: grid;
        gap: 0;
        grid-template-columns: 35% auto;
        padding-bottom: 0;
        z-index: 0
    }

    .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 .category-detail, .category-landing-module-v2 .category-item-v2.exclusive-card H3, .category-landing-module-v2 .container-list-item .category-item-v2.exclusive-card .category-detail {
        color: #fff
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card img.item-url {
        bottom: 0;
        height: 100%;
        min-height: 250px;
        position: absolute;
        top: 0
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card .exclusive-card-img,
    .global-search-landing-page .category-item-v2 a[tabindex="-1"]{

        position: relative;
        z-index: -1
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card .container-cuisine .category-cuisine-item {
        border: 1px solid hsla(0,0%,100%,.2)
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card .container-exclusive-offer {
        align-items: center;
        background-color: #4b5872;
        border-radius: 10px;
        display: flex;
        gap: 8px;
        margin-top: 15px;
        padding: 10px 15px;
        margin-top: 15px;
        width: fit-content;
    }
        .category-landing-module-v2 .category-item-v2.exclusive-card .container-exclusive-offer:has(.descript) {
            width: 100%;
        }
.explore-card .explore-card-img .container-exclusive-offer {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    color: #152b55;
    cursor: pointer;
    display: flex;
    float: right;
    gap: 5px;
    padding: 5px 10px;
    width: fit-content
}

.category-landing-module-v2 .category-item-v2.exclusive-card .container-exclusive-offer .container-start {
    align-items: center;
    display: flex;
    font-weight: 700;
    gap: 7px;
    align-items: center;
    font-weight: 700;
    width: fit-content;
}
.global-search-landing-page .category-item-v2.exclusive-card .container-exclusive-offer .descript,
.category-landing-module-v2 .category-item-v2.exclusive-card .container-exclusive-offer .descript {
    margin: 5px 0 0;
}
.global-search-landing-page .category-item-v2 .container-category,
.category-landing-module-v2 .category-item-v2.exclusive-card .container-category {
    background-color: #fff;
    border-radius: 35px;
    display: flex;
    height: 35px;
    width: 35px;
    gap: 5px;
    color: #152B55;
    z-index: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    align-items: center;
    justify-content: center;
}

.category-landing-module-v2.global-search-landing-page .category-item-v2 .container-category {
    height: 30px;
    width: 30px;
    padding: 0 2px;
}

    /*.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,*/

.category-landing-module-v2 .category-item-v2.exclusive-card .container-category {
    align-items: center;
    background-color: #fff;
    border-radius: 48px;
    color: #152b55;
    display: flex;
    gap: 5px;
    height: 24px;
    left: 10px;
    padding: 0 10px 0 6px;
    position: absolute;
    top: 10px;
    z-index: 0
}

.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;
}

    .benefit-landing-page .container-list-item .benefit-item.item-exclusive-offer .container-exclusive-offer img, .category-landing-module .container-list-item .category-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, .prelogin-list-module .prelogin-item-container.item-exclusive-offer .container-exclusive-offer img {
        height: 20px;
        width: 20px
    }

    .benefit-landing-page .container-list-item .benefit-item.item-exclusive-offer .container-exclusive-offer, .category-landing-module .container-list-item .category-item.item-exclusive-offer .container-exclusive-offer, .dining-landing-module .container-list-item .dining-item.item-exclusive-offer .container-exclusive-offer, .item-container.item-exclusive-offer .container-exclusive-offer, .map-item-pop.item-exclusive-offer .container-exclusive-offer, .map-tooltip-mobile.item-exclusive-offer .container-exclusive-offer, .map-tooltip.item-exclusive-offer .container-exclusive-offer, .prelogin-list-module .prelogin-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 {
        align-items: center;
        background-color: #fff;
        border-radius: 20px;
        color: #152b55;
        cursor: pointer;
        display: flex;
        gap: 5px;
        left: 20px;
        padding: 5px 10px;
        position: absolute;
        top: 20px
    }

    .map-item-pop.item-exclusive-offer .container-exclusive-offer {
        left: unset;
        right: 30px;
        top: 30px
    }

.map-tooltip-mobile.item-exclusive-offer .container-exclusive-offer, .map-tooltip.item-exclusive-offer .container-exclusive-offer {
    left: 10px;
    top: 10px
}

.prelogin-list-module .prelogin-item-container.item-exclusive-offer .container-exclusive-offer {
    left: 30px;
    top: 30px
}

@media only screen and (max-width:767px) {
    .category-landing-module-v2 .category-item-v2.exclusive-card .bg-card {
        background: linear-gradient(0deg,#152b55 60%,rgba(21,43,85,0) 65%);
        display: block;
        position: relative
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card .category-detail {
        background: linear-gradient(0deg,#152b55 60%,rgba(21,43,85,0) 65%);
        border-radius: 0 0 10px 10px;
        padding: 290px 20px 20px;
        position: relative;
        z-index: 1
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card .exclusive-card-img {
        height: 290px;
        min-height: 250px;
        min-height: 290px;
        position: absolute;
        width: 100%;
        z-index: 0
    }

    .category-landing-module-v2 .category-item-v2.exclusive-card img.item-url {
        bottom: unset;
        height: 295px;
        left: 0;
        right: 0
    }

    .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 {
        bottom: -5px;
        top: unset;
        z-index: 1
    }

    .recommendation-module .slick-prev {
        left: 20px
    }

    .recommendation-content .description {
        margin: 10px 0 30px;
        width: 100%
    }

    .recommendation-module {
        padding: 40px 0
    }

    .card-CMS-module {
        padding: 30px 0
    }

    .card-CMS-content {
        margin: 0 20px;
        width: auto
    }

        .card-CMS-content .description {
            margin: 25px 0 30px;
            width: 100%
        }

    .card-CMS-body {
        gap: 20px;
        grid-template-columns: auto
    }

    .card-CMS-header {
        margin-bottom: 30px
    }

    .category-recommendation-list-records .slider__counter {
        bottom: 0
    }

    .prelogin-list-module .slider__counter, .tile-module-list-records .slider__counter {
        bottom: 40px
    }

    .comingup-list-records .slider__counter {
        bottom: -5px
    }

    .img-item-container {
        height: 285px;
        width: 100%
    }

    .category-landing-module .container-list-item .category-item .category-detail .label-title, .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 {
        font-size: 17px;
        height: 45px;
        letter-spacing: 0;
        line-height: 23px;
        margin: 26px 0 10px
    }

    .category-landing-module .container-list-item .category-item .category-detail .label-description, .detail-item-container .descript, .golf-landing-page-v1 .container-list-item .golf-item .golf-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
    }

    .category-landing-module .container-list-item .category-item, .dining-landing-module .container-list-item .dining-item, .golf-landing-page-v1 .container-list-item .golf-item, .item-container, .top-dining-item-container {
        min-height: 480px
    }

    .item-container {
        margin: 0 20px 40px;
        max-width: 400px;
        width: auto !important
    }

    .top-dining-item-container {
        margin: 0 20px 80px;
        max-width: 400px;
        width: calc(100% - 40px) !important
    }
}

@media (min-width:768px) and (max-width:1170px) {
    .card-CMS-content, .recommendation-content {
        padding: 0 20px;
        width: auto
    }

    .card-CMS-module {
        padding: 30px 0
    }

    .recommendation-module .recommendation-content #slick-content {
        margin: 0 -20px
    }

    .card-CMS-body {
        grid-template-columns: auto auto
    }
}

.top-dining-landing-container {
    background-size: cover;
    padding-top: 60px
}

.top-dining-landing-module {
    margin: auto;
    width: 1170px
}

.top-dining-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 8px 28px
}

    .top-dining-header .tile-category {
        align-items: center;
        display: flex;
        gap: 20px
    }

        .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-content, .top-dining-landing-module {
        width: auto
    }

    .top-dining-header {
        align-items: center;
        margin: 0 20px 25px
    }

    .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 {
        margin: 0 0 20px;
        padding: 0 8px
    }

    .item-container, .top-dining-item-container {
        max-width: unset
    }

    .top-dining-landing-container {
        margin: 0 12px
    }
}

.tiles-module-custom-container {
    background-size: cover
}

.tiles-module-custom-module {
    margin: auto;
    padding-top: 90px;
    width: 1170px
}

.tiles-module-custom-header {
    margin-bottom: 60px
}

    .tiles-module-custom-header h2 {
        margin: 0
    }

    .tiles-module-custom-header p {
        display: block;
        margin: 30px 0 50px;
        width: 50%
    }

.tiles-module-custom-item-container {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 15px;
    box-shadow: 0 15px 25px -10px rgba(0,0,0,.2);
    height: 532px;
    margin: 0 2% 70px;
    max-width: 370px;
    padding: 10px;
    width: 96% !important
}

@media only screen and (max-width:767px) {
    .tiles-module-custom-module {
        padding: 30px 20px 0;
        width: auto
    }

    .tiles-module-custom-header {
        margin-bottom: 30px
    }

    .tiles-module-custom-item-container {
        height: 495px;
        margin: 0 20px 80px;
        max-width: 400px;
        width: calc(100% - 40px) !important
    }

    .tiles-module-custom-header h2 {
        font-size: 26px;
        letter-spacing: -.31px;
        line-height: 36px
    }

    .tiles-module-custom-content #slick-content {
        margin: 0 -20px
    }

    .tiles-module-custom-header p {
        margin: 20px 0;
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1170px) {
    .tiles-module-custom-module {
        padding: 40px 20px 0;
        width: auto
    }

    .tiles-module-custom-header {
        margin-bottom: 50px
    }

        .tiles-module-custom-header p {
            margin: 30px 0;
            width: 100%
        }

    .tiles-module-custom-content #slick-content {
        margin: 0 -20px
    }
}

.benefit-landing-module {
    background-size: cover
}

.benefit-landing-content {
    margin: 0 auto;
    padding-top: 60px;
    width: 1170px
}

.benefit-header {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px
}

.benefit-header-content {
    min-width: 470px;
    width: 58%
}

    .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 {
    background-repeat: no-repeat;
    background-size: 100% 350px;
    height: 335px;
    margin-top: -155px
}

.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 {
        min-width: unset;
        width: 100%
    }

    .benefit-landing-content {
        margin: 0 20px;
        padding-top: 40px;
        width: auto
    }

        .benefit-landing-content h3 {
            display: block;
            font-family: CeraPro-Regular;
            font-size: 26px;
            letter-spacing: 0;
            line-height: 33px;
            margin: 8px 0 15px
        }

    .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 {
        background-size: auto;
        margin: -155px 0 0
    }

    .benefit-title {
        display: flex;
        justify-content: space-between
    }

        .benefit-title h2 {
            font-size: 26px;
            letter-spacing: -.31px;
            line-height: 36px;
            margin: 0
        }

    .benefit-header {
        margin-bottom: 30px
    }
}

@media (min-width:768px) and (max-width:1170px) {
    .benefit-landing-content {
        margin: 0 20px;
        padding-top: 40px;
        width: auto
    }
}

.premium-background {
    background-repeat: no-repeat;
    background-size: cover
}

.premium-module {
    align-items: flex-end;
    display: flex;
    height: 650px;
    margin: auto;
    width: 1170px
}

.premium-module-content {
    padding-bottom: 100px;
    width: 50%
}

    .premium-module-content p {
        display: block;
        margin: 30px 0 50px
    }

@media only screen and (max-width:767px) {
    .premium-module {
        align-items: end;
        height: auto;
        width: auto
    }

    .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%
    }
}

.empty-result-module {
    display: grid;
    grid-template-columns: 60% 40%;
    margin: 0 auto;
    width: 1170px
}

    .empty-result-module .empty-result-title {
        display: block;
        font-size: 42px;
        letter-spacing: -.5px;
        line-height: 60px;
        margin-bottom: 36px
    }

    .empty-result-module .container-end-desktop, .empty-result-module .empty-result-description {
        font-size: 15px;
        letter-spacing: -.2px;
        line-height: 28px
    }

    .empty-result-module .empty-result-description {
        color: #54606c;
        display: block;
        margin-bottom: 47px
    }

    .empty-result-module .container-end-desktop {
        align-items: center;
        display: flex;
        gap: 30px
    }

        .empty-result-module .container-end-desktop .container-phone {
            color: #152b55;
            cursor: pointer;
            display: flex;
            font-size: 18px;
            letter-spacing: 0;
            line-height: 24px
        }

            .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;
        flex-direction: column-reverse;
        margin: 0 20px;
        width: calc(100% - 40px)
    }

        .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 {
            display: block;
            font-size: 18px;
            letter-spacing: -.24px;
            line-height: 28px;
            margin-bottom: 52px;
            text-align: center
        }

            .empty-result-module .container-end-mobile .container-or {
                display: flex;
                padding: 9px 0 18px
            }

                .empty-result-module .container-end-mobile .container-or label {
                    font-size: 15px;
                    letter-spacing: -.2px;
                    line-height: 25px;
                    padding: 0 15px
                }

                .empty-result-module .container-end-mobile .container-or .half-line {
                    background-color: #dde2e6;
                    height: 1px;
                    margin: auto 0;
                    width: 100%
                }
}

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

.tiles-module-4 {
    margin: 80px auto;
    width: 1170px
}

    .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 {
            display: block;
            margin-bottom: 143px
        }

.top-container {
    height: 30%
}

.book-travel .bottom-container {
    border-radius: 20px;
    color: #fff !important;
    display: flex;
    flex-direction: column;
    height: 70%;
    justify-content: flex-end;
    padding: 0 12% 60px 10%
}

    .book-travel .bottom-container p {
        color: #fff;
        margin: 0
    }

.view-services-button {
    margin-top: 50px;
    padding: 0 45px;
    width: fit-content
}

.book-travel {
    border-radius: 20px;
    height: 970px;
    margin-bottom: 30px;
    width: 100%
}

.tiles-module-4 .about-concierge-item:first-child .bottom-container {
    background: linear-gradient(0deg,#152b55,#152b55 40.82%,rgba(21,43,85,.9) 68.22%,rgba(21,43,85,0))
}

.tiles-module-4 .about-concierge-item:last-child .bottom-container {
    background: linear-gradient(0deg,#efe3d3,#efe3d3 41.23%,hsla(34,47%,88%,.9) 68.1%,hsla(34,47%,88%,0));
    color: #000
}

.tiles-module-4 .about-concierge-item:last-child .book-travel:last-child .bottom-container {
    background: linear-gradient(0deg,#5f7e2e,#5f7e2e 41.23%,rgba(95,126,46,.9) 68.1%,rgba(95,126,46,0))
}

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

    .pop-up-tile-module h1 {
        color: #152b55;
        display: block;
        font-size: 45px;
        letter-spacing: -1.08px;
        line-height: 57px;
        margin-bottom: 30px
    }

    .pop-up-tile-module h4 {
        display: block;
        font-size: 22px;
        letter-spacing: -.53px;
        line-height: 40px;
        margin-bottom: 20px
    }

    .pop-up-tile-module li::marker {
        color: #efe3d3
    }

    .pop-up-tile-module ul {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-gap: 30px;
        display: block;
        padding-bottom: 50px;
        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;
        max-height: 100vh;
        overflow-y: auto;
        width: 100%
    }

        .pop-up-tile-module h1 {
            font-size: 26px;
            letter-spacing: -.31px;
            line-height: 36px;
            margin-bottom: 20px
        }

        .pop-up-tile-module h4 {
            color: #152b55;
            font-size: 17px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 24px;
            margin-bottom: 0;
            padding-bottom: 15px
        }

        .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 {
        margin: 40px 20px;
        width: auto
    }

        .tiles-module-4 .container-start {
            margin-right: 50px
        }
}

@media only screen and (max-width:767px) {
    .tiles-module-4 {
        margin: 40px 20px 20px;
        width: auto
    }

        .tiles-module-4 .container-start {
            margin: 0;
            width: 100%
        }

            .tiles-module-4 .container-start .title {
                margin: 0 0 30px
            }

            .tiles-module-4 .container-start .description {
                margin-bottom: 60px
            }

    .book-travel {
        height: 616px;
        margin-bottom: 20px
    }

    .view-services-button {
        margin-top: 40px;
        padding: 0 26px;
        width: fit-content
    }

    .book-travel .bottom-container {
        padding: 0 30px 40px
    }
}

.tiles-module-3 {
    margin: 60px auto 95px;
    width: 1170px
}

    .tiles-module-3 .part-of-collection {
        background-color: #efe3d3;
        border-radius: 20px;
        display: block;
        height: fit-content;
        padding: 60px 70px;
        width: 100%
    }

        .tiles-module-3 .part-of-collection .big-tile {
            color: #000;
            display: block;
            line-height: 40px;
            margin-bottom: 20px;
            width: 50%
        }

        .tiles-module-3 .part-of-collection .collection-list {
            display: grid;
            gap: 100px;
            grid-template-columns: auto auto auto
        }

        .tiles-module-3 .part-of-collection .collection-item img {
            border-radius: 15px;
            height: 180px;
            margin-bottom: 20px;
            max-width: 300px;
            width: 100%
        }

        .tiles-module-3 .part-of-collection .collection-item .collection-text {
            margin-bottom: 40px;
            width: 100%
        }

        .tiles-module-3 .part-of-collection .collection-item .collection-button {
            min-width: 180px
        }

            .tiles-module-3 .part-of-collection .collection-item .collection-button:focus, .tiles-module-3 .part-of-collection .collection-item .collection-button:hover {
                background-color: #152b55;
                color: #fff;
                transition-duration: .7s
            }

@media only screen and (max-width:767px) {
    .tiles-module-3 {
        margin: 60px 20px 80px;
        width: calc(100% - 40px)
    }

        .tiles-module-3 .big-title {
            font-size: 26px;
            letter-spacing: -.31px;
            line-height: 36px;
            margin: 40px 0 30px;
            width: 100%
        }

        .tiles-module-3 .part-of-collection {
            padding: 35px 30px 60px
        }

            .tiles-module-3 .part-of-collection .collection-list {
                gap: 60px;
                grid-template-columns: auto
            }

            .tiles-module-3 .part-of-collection .big-tile {
                font-size: 17px;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 24px;
                margin-bottom: 35px;
                width: 100%
            }

            .tiles-module-3 .part-of-collection .collection-item .collection-text {
                margin-bottom: 20px
            }
}

@media (min-width:768px) and (max-width:1170px) {
    .tiles-module-3 {
        margin: 40px 20px 80px;
        width: calc(100% - 40px)
    }

        .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
            }
}

.tiles-module-6 {
    background-repeat: no-repeat !important;
    background-size: cover;
    padding: 90px 0 100px;
    width: 100%
}

    .tiles-module-6 .body-content {
        margin: 0 auto;
        width: 1170px
    }

    .tiles-module-6 .tiles-module-6-header {
        align-items: flex-end;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px
    }

        .tiles-module-6 .tiles-module-6-header label {
            margin: 0
        }

.interested-item {
    align-items: flex-end;
    background-repeat: no-repeat;
    border-radius: 15px;
    color: #fff;
    display: flex !important;
    height: 446px;
    margin: 0 1%;
    max-width: 370px;
    padding: 30% 30px 30px;
    width: 98%
}

.detail-interested-item .title {
    color: #fff;
    line-height: 57px
}

.detail-interested-item .descript {
    margin: 10px 0 40px
}

.detail-interested-item .interested-button, .tiles-module-6 .interested-item .detail-interested-item {
    border: none;
    width: 100%
}

.slider__counter {
    bottom: -42px;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center
}

@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 {
        margin: 0 20px;
        width: calc(100% - 40px)
    }

    .interested-item {
        background-size: cover;
        height: 520px;
        margin: 0 2%;
        max-width: unset;
        width: 96%
    }

    .tiles-module-6 .body-content .list-slick-mobile {
        margin: 0 -20px
    }
}

.tiles-module-2 {
    background-size: cover;
    width: 100%
}

.tiles-module-2-title {
    color: #152b55;
    margin: 0 0 40px
}

.tiles-module-2-banner {
    margin: 0 auto;
    padding: 60px 0;
    width: 1170px
}

    .tiles-module-2-banner .banner {
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 15px;
        height: 450px;
        padding: 100px 80px 0
    }

        .tiles-module-2-banner .banner .banner-content {
            width: 48%
        }

            .tiles-module-2-banner .banner .banner-content label {
                display: block;
                margin-bottom: 30px
            }

            .tiles-module-2-banner .banner .banner-content p {
                display: block;
                margin-bottom: 50px
            }

@media only screen and (max-width:767px) {
    .tiles-module-2-title {
        margin-bottom: 20px
    }

    .tiles-module-2-banner {
        padding: 30px 0;
        width: calc(100% - 40px)
    }

        .tiles-module-2-banner .banner {
            align-items: flex-end;
            background-size: cover;
            display: flex;
            height: 616px;
            padding: 0 30px 40px
        }

            .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;
                    line-height: 35px;
                    width: 180px
                }
}

@media (min-width:768px) and (max-width:1170px) {
    .tiles-module-2-banner {
        padding: 40px 0;
        width: calc(100% - 40px)
    }

        .tiles-module-2-banner .banner {
            border-radius: 15px;
            height: 450px;
            padding: 40px
        }

            .tiles-module-2-banner .banner .banner-content {
                width: 50%
            }
}

.tiles-module-1 {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0 100px;
    width: 100%
}

.tiles-module-1-content {
    margin: 0 auto;
    width: 1170px
}

    .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 {
            background-color: #152b55;
            border: none;
            border-radius: 17.5px;
            color: #fff;
            display: block;
            height: 35px;
            margin-bottom: 60px;
            padding: 0 35px;
            width: fit-content
        }

.tiles-module-x {
    background-size: cover;
    width: 100%
}

.upcoming-module {
    margin: 0 auto;
    padding: 100px 0 90px;
    width: 1170px
}

.upcoming-activity {
    background-color: #efe3d3;
    border-radius: 15px;
    height: 450px;
    margin: 0;
    padding: 0 70px 40px
}

    .explore-activity .slider__counter, .upcoming-activity .slider__counter {
        display: block
    }

.explore-activity .slider__counter {
    bottom: -35px
}

.upcoming-activity .slick-next, .upcoming-activity .slick-prev {
    top: 60%
}

.upcoming-activity .upcoming-detail {
    padding-top: 75px
}

.upcoming-detail label {
    margin-bottom: 30px;
    margin-top: 0
}

.upcoming-detail p {
    margin-bottom: 50px
}

.upcoming-slide {
    display: flex;
    justify-content: center
}

.upcoming-card {
    background-color: #152a55;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex !important;
    flex-direction: column;
    height: 300px;
    justify-content: space-between;
    margin: 0 auto;
    padding: 30px;
    width: 470px
}

.upcoming-card-status-request .bg-request {
    background-repeat: no-repeat;
    height: 36px;
    margin: 0 auto;
    width: 190px
}

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

.category-label {
    align-items: center;
    background-color: #fff;
    border-radius: 19px;
    color: #152b55;
    display: flex;
    float: left;
    justify-content: center;
    min-height: 30px;
    padding: 0 15px;
    width: fit-content
}

    .category-label img {
        max-width: 30px
    }

    .category-label label {
        margin-left: 11px
    }

.upcoming-card-title {
    display: -webkit-box;
    font-size: 35px;
    letter-spacing: -.84px;
    line-height: 50px;
    margin-bottom: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    -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-guest, .upcoming-card-infor .container-time {
        align-items: center;
        display: flex
    }

        .upcoming-card-infor .container-address img, .upcoming-card-infor .container-date img, .upcoming-card-infor .container-guest img, .upcoming-card-infor .container-plane img, .upcoming-card-infor .container-time img {
            height: 14px;
            margin-right: 8px;
            width: 14px
        }

    .upcoming-card-infor .container-address, .upcoming-card-infor .container-plane {
        align-items: center;
        display: flex;
        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 {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: -25px auto 35px
}

@media only screen and (max-width:767px) {
    .upcoming-module {
        margin: 0 20px;
        padding: 40px 0 60px;
        width: calc(100% - 40px)
    }

    .upcoming-activity {
        height: 540px;
        margin: 0;
        padding: 35px 30px 30px
    }

        .upcoming-activity .upcoming-detail {
            padding: 0
        }

        .upcoming-activity .explore-more-link {
            display: block;
            letter-spacing: 0;
            line-height: 18px;
            padding-top: 60px;
            text-align: center;
            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 {
        background-color: #152a55;
        border-radius: 15px;
        height: 190px;
        margin: 0 20px;
        padding: 20px;
        width: auto !important
    }

    .upcoming-card-title {
        display: -webkit-box;
        font-size: 20px;
        letter-spacing: -.13px;
        line-height: 38px;
        margin-bottom: 10px;
        width: 100%;
        -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 {
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative
    }

        .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 {
        margin: 0 20px;
        padding: 40px 0 60px;
        width: calc(100% - 40px)
    }

    .upcoming-activity {
        padding: 0 40px 40px
    }

        .upcoming-activity .upcoming-detail {
            padding-top: 40px
        }

    .upcoming-card {
        margin: 0 auto;
        width: 98% !important
    }

    .upcoming-card-infor {
        gap: 8px;
        grid-template-columns: auto auto auto
    }
}

.tiles-module-5 {
    background-size: cover;
    width: 100%
}

.tiles-module-5-content {
    margin: 0 auto;
    padding: 40px 0;
    width: 1170px
}

.icon-category {
    width: 30px
}

.text-decoration-explore {
    text-decoration: none
}

.explore-activity {
    background-color: #c1cedb;
    border-radius: 15px;
    margin: 0;
    min-height: 500px;
    padding: 50px 70px 55px
}

.explore-card {
    background-color: transparent;
    text-align: center
}

.explore-activity #slick-content {
    float: right;
    width: 435px
}

.explore-card .explore-card-img {
    background-size: cover;
    border-radius: 8px;
    height: 320px;
    margin: 0 auto;
    padding: 20px 18px;
    width: 435px
}

.explore-card .explore-card-title {
    display: block;
    margin: 25px 0 20px
}

.explore-card button {
    margin: 0 auto 5px;
    padding: 0 25px
}

.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 {
        margin: 0 20px;
        padding: 40px 0 60px;
        width: calc(100% - 40px)
    }

    .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 {
        margin: 0 20px;
        padding: 40px 0 60px;
        width: calc(100% - 40px)
    }

    .explore-activity {
        min-height: 737px;
        padding: 35px 30px 55px
    }

    .explore-detail {
        padding: 0
    }

        .explore-detail label {
            margin: 0 0 30px
        }

        .explore-detail a, .explore-detail p {
            display: block;
            margin-bottom: 30px
        }

    .explore-card .explore-card-img {
        height: 190px;
        margin: 0 20px;
        width: calc(100% - 40px)
    }

    .explore-activity #slick-content {
        float: unset;
        margin: 0 -41px;
        width: unset
    }

    .explore-card .explore-card-title {
        display: block;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 21px;
        margin: 20px 40px
    }
}

.tiles-module {
    background-size: cover;
    width: 100%
}

.tiles-module-content {
    margin: 0 auto;
    padding: 60px 0;
    width: 1170px
}

    .tiles-module-content .tiles-module-title {
        color: #152b55;
        display: block;
        font-size: 45px;
        letter-spacing: -1.08px;
        line-height: 57px;
        margin-bottom: 40px
    }

.tiles-module-card {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 855px;
    position: relative
}

.tiles-module .tiles-module-item:last-child .tiles-module-card {
    margin-top: 200px
}

.tiles-module .tiles-module-item:first-child .tiles-module-card:after {
    bottom: 0;
    -moz-box-shadow: 0 15px 20px #152b55;
    box-shadow: 0 20px 150px 10px #152b55;
    content: "";
    height: 100px;
    left: 15%;
    position: absolute;
    width: 70%;
    z-index: 0
}

.tiles-module .tiles-module-item:last-child .tiles-module-card:after {
    bottom: 0;
    -moz-box-shadow: 0 15px 20px #c29d5c;
    box-shadow: 0 20px 150px 10px #c29d5c;
    content: "";
    height: 100px;
    left: 15%;
    position: absolute;
    width: 70%;
    z-index: 0
}

.tiles-module .tiles-module-item:first-child .bottom-container {
    background: linear-gradient(0deg,#163049,#163049 41.23%,rgba(22,48,73,.9) 68.1%,rgba(22,48,73,0))
}

.tiles-module .tiles-module-item:last-child .bottom-container {
    background: linear-gradient(0deg,#c29d5c,#c29d5c 41.23%,rgba(194,157,92,.9) 68.1%,rgba(194,157,92,0));
    color: #152b55
}

.tiles-module-card .bottom-container {
    border-radius: 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 70%;
    justify-content: flex-end;
    padding: 0 70px 80px
}

    .tiles-module-card .bottom-container h3, .tiles-module-card .bottom-container label {
        color: #fff;
        display: block;
        font-size: 42px;
        letter-spacing: -.5px;
        line-height: 60px;
        margin-bottom: 25px
    }

    .tiles-module-card .bottom-container p {
        color: #fff;
        display: block;
        font-size: 16px;
        letter-spacing: -.16px;
        line-height: 30px;
        margin-bottom: 50px
    }

    .tiles-module-card .bottom-container button {
        border: none;
        display: inline-block;
        width: fit-content;
        z-index: 1
    }

@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 {
        margin: 0 20px;
        padding: 40px 0 60px;
        width: auto
    }

    .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 {
        font-size: 26px;
        letter-spacing: -.31px;
        line-height: 36px;
        margin-bottom: 20px
    }

    .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: -.2px;
            line-height: 28px;
            margin-bottom: 32px
        }

        .tiles-module-card .bottom-container button {
            height: 45px;
            padding: 0 25px;
            width: fit-content
        }

    .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 {
        margin: 0 20px;
        padding: 40px 0 60px;
        width: auto
    }
}

.error-page-module {
    height: 100vh;
    overflow-x: hidden;
    position: relative
}

.error-page {
    margin: 0 auto;
    width: 1170px
}

    .error-page .logo {
        margin: 200px 0 60px
    }

    .error-page .title {
        display: block;
        font-size: 50px;
        letter-spacing: -1.2px;
        line-height: 57px;
        margin-bottom: 50px
    }

    .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-mail, .error-page .container-contact .container-phone {
            align-items: center;
            border-bottom: 1px solid #dde2e6;
            cursor: pointer;
            display: flex;
            margin-right: 30px;
            padding-bottom: 20px
        }

        .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 {
            height: 46px;
            margin-right: 10px;
            width: 46px
        }

    .error-page img.img-bottom {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%
    }

@media only screen and (max-width:767px) {
    .error-page {
        margin: 0 20px;
        width: calc(100% - 40px)
    }

        .error-page .logo {
            margin: 90px 0 30px
        }

        .error-page .title {
            font-size: 30px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 45px;
            margin-bottom: 30px
        }

        .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 {
                margin-top: 10px;
                width: 100%
            }

        .error-page img.img-bottom {
            width: unset
        }
}

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

.advertisement-module {
    background-color: #f7f1e9;
    padding-top: 98px
}

.advertisement-content {
    display: flex;
    gap: 160px;
    margin: 0 auto;
    width: 1170px
}

.advertisement-infor label {
    margin: 106px 0 40px
}

.advertisement-infor ul {
    display: grid;
    gap: 30px;
    grid-template-columns: calc(33.33333% - 20px) calc(33.33333% - 20px) calc(33.33333% - 20px);
    list-style: none
}

    .advertisement-infor ul li img {
        height: 39px;
        margin-bottom: 16px;
        width: 39px
    }

    .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 {
        display: block;
        margin: 0 20px;
        width: auto
    }

    .advertisement-infor label {
        margin: 35px 0 30px
    }

    .advertisement-infor ul {
        gap: 20px;
        grid-template-columns: auto
    }

        .advertisement-infor ul li {
            align-items: center;
            display: flex
        }

            .advertisement-infor ul li img {
                margin: 0 20px 0 0
            }

    .advertisement-infor .container-end {
        display: grid;
        gap: 24px;
        grid-template-columns: calc(50% - 12px) calc(50% - 12px);
        padding: 30px 0 40px
    }

        .advertisement-infor .container-end img {
            height: 48px;
            width: 100%
        }
}

@media (min-width:768px) and (max-width:1170px) {
    .advertisement-content {
        display: flex;
        gap: 20px;
        margin: 0 20px;
        width: auto
    }
}

.chat-banner-module {
    background-color: #f7f1e9;
    padding-top: 100px;
    width: 100%
}

.chat-banner-content {
    display: flex;
    gap: 160px;
    margin: 0 auto;
    position: relative;
    width: 1170px
}

.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 {
    height: 140px;
    left: 23%;
    position: absolute;
    top: -25px;
    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;
    font-size: 16px;
    gap: 60px;
    letter-spacing: 0;
    line-height: 25px
}

    .chat-banner-infor .chat-banner-detail .descript {
        letter-spacing: -.34px;
        margin-top: 30px
    }

    .chat-banner-infor .chat-banner-detail .separator-option {
        background-color: #c1cedb;
        height: 1px;
        margin: 31px 0 34px;
        width: 100%
    }

    .chat-banner-infor .chat-banner-detail .container-phone {
        align-items: center;
        display: flex;
        gap: 20px
    }

@media only screen and (max-width:767px) {
    .chat-banner-module {
        padding: 50px 0 60px
    }

    .chat-banner-content {
        display: block;
        margin: 0 20px;
        width: auto
    }

    .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 {
        height: 120px;
        left: 70%;
        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 {
        display: block;
        font-size: 15px;
        letter-spacing: -.2px;
        line-height: 24px
    }
}

@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 {
        gap: 50px;
        margin: 0 20px;
        width: auto
    }

    .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 {
            height: fit-content;
            margin-top: 0;
            width: 120px
        }

        .chat-banner-infor .chat-banner-detail .separator-option {
            margin: 20px 0
        }
}

.destination-module {
    border-bottom: 1px solid #eaeef0;
    height: 120px;
    width: 100%
}

.destination-content {
    color: #000;
    font-size: 22px;
    gap: 10px;
    height: 100%;
    justify-content: center;
    letter-spacing: -.53px;
    line-height: 57px;
    margin: 0 auto;
    width: 1170px
}

.destination-content, .destination-module .destination-content .left {
    align-items: center;
    display: flex
}

    .destination-content .location {
        color: #152b55;
        margin-left: 8px
    }

    .destination-content .container-warning {
        align-items: center;
        background-color: transparent;
        color: #767474;
        display: flex;
        font-size: 14px;
        letter-spacing: -.34px;
        line-height: 20px;
        margin-left: 44px
    }

        .destination-content .container-warning img {
            height: 30px;
            margin-right: 10px;
            width: 30px
        }

    .destination-content img {
        cursor: pointer;
        height: 22px;
        width: 22px
    }

    .destination-content .btn-pencil {
        background: none;
        border: none
    }

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

    .pop-up-destination .search-location {
        align-items: center;
        border: 1px solid #cad1d6;
        display: flex;
        height: 40px;
        margin: 25px 0;
        position: relative;
        width: 100%
    }

        .pop-up-destination .search-location .submit-location {
            background-color: #aa3139;
            border-radius: 17.5px !important;
            color: #fff;
            cursor: pointer;
            display: none;
            height: 24px;
            line-height: 24px;
            margin-left: 0 !important;
            margin-right: 10px;
            padding: 0 20px;
            width: fit-content
        }

        .pop-up-destination .search-location:focus-within {
            border: 1px solid #152b55
        }

        .pop-up-destination .search-location .ic-search {
            background: none;
            margin: 5px 10px
        }

    .pop-up-destination .container-button {
        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 {
        align-items: center;
        background-color: #eaeef0;
        border-radius: 15px;
        color: #152b55;
        display: flex;
        gap: 15px;
        height: 60px;
        width: 100%
    }

.tab-location-header {
    cursor: pointer;
    display: grid;
    grid-template-columns: auto auto auto;
    height: 120px;
    width: 100%
}

    .tab-location-header .location-button {
        padding: 0;
        width: 100%
    }

.tab-header-item {
    align-items: center;
    color: #152b55;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

    .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;
        display: none;
        padding-top: 30px
    }

    .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 {
            display: block;
            font-size: 14px;
            letter-spacing: -.2px;
            line-height: 30px;
            margin-bottom: 0;
            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: -.53px;
            line-height: 28px;
            margin-bottom: 20px
        }

        .tab-location-content .tab-content-item ul li label {
            cursor: pointer;
            height: max-content;
            padding: 5px 10px;
            width: 100%
        }

    .tab-location-content .tab-item-selected {
        background-color: #152b55;
        border-radius: 4px;
        color: #fff !important;
        height: auto;
        transition-duration: .7s
    }

.pop-up-destination .search-location.highlight-search-location {
    border: 1px solid #152b55
}

.pop-up-destination .search-location.highlight-couldnt-find {
    background-color: rgba(154,61,55,.05);
    border: 1px solid #9a3d37
}

.pop-up-destination .search-location #clear-search-icon {
    cursor: pointer;
    display: none;
    margin: 5px 10px 0 0
}

.pop-up-destination .search-location .container-suggestion {
    background-color: #fff;
    border: 1px solid #cad1d6;
    display: none;
    list-style: none;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: calc(100% + 1px);
    width: calc(100% + 2px);
    z-index: 2
}

    .pop-up-destination .search-location .container-suggestion .couldnt-find-text {
        color: #c94a4a;
        display: none;
        height: fit-content;
        min-height: 60px;
        padding: 18px 20px 22px;
        width: 100%
    }

    .pop-up-destination .search-location .container-suggestion li {
        border-bottom: 1px solid #cad1d6;
        color: #152b55;
        height: 60px;
        line-height: 60px;
        padding: 0 18px;
        width: 100%
    }

        .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 .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;
            font-size: 17px;
            font-weight: 500;
            grid-template-columns: 150px auto;
            letter-spacing: 0;
            line-height: 21px
        }

            .tab-location-content .tab-content-item ul li ul li {
                line-height: 21px;
                padding: 0 10px
            }

    .destination-module {
        height: 70px
    }

    .destination-content {
        font-size: 15px;
        letter-spacing: 0;
        margin: 0 20px;
        width: auto
    }

        .destination-content img {
            height: 14px;
            width: 14px
        }

        .destination-content .location {
            display: block;
            font-size: 20px;
            font-weight: 500;
            letter-spacing: -.13px;
            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 {
        border-bottom: 1px solid #eaeef0;
        height: 60px
    }

    .destination-content {
        margin: 0 20px;
        width: auto
    }
}

@media (min-width:1000px) and (max-width:1370px) and (max-height:800px) {
    .pop-up-destination .container-body {
        padding: 25px 10px 0
    }

    .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
    }
}

.prelogin-hero-2 {
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
    margin: 0 auto;
    padding: 20px 55px 0;
    width: 100%
}

    .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 {
            align-items: center;
            color: #fff;
            display: flex;
            font-size: 16px
        }

    .prelogin-hero-2 .container-button .button-login {
        border: 1px solid #cad1d6;
        color: #fff;
        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;
        margin: 0 auto;
        width: 1170px
    }

        .prelogin-hero-2 .container-center img {
            height: 50px;
            margin: 50px 0 62px
        }

        .prelogin-hero-2 .container-center .container-hero-text {
            width: 38%
        }

            .detail-prelogin-item-container p, .prelogin-hero-2 .container-center .container-hero-text label, .prelogin-hero-2 .container-center .container-hero-text p {
                display: block;
                font-family: OpenSans-Light;
                font-weight: 300
            }

            .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: #fff;
                font-size: 18px;
                letter-spacing: 0;
                line-height: 35px
            }

.prelogin-list-module {
    margin-top: -80px;
    padding: 0;
    width: 100%
}

.prelogin-list-content {
    margin: 0 auto;
    width: 1170px
}

.prelogin-item-container {
    background-color: #eaeef0;
    border: 1px solid #d3d3d3;
    border-radius: 20px;
    box-shadow: 0 15px 25px -10px rgba(0,0,0,.15);
    height: 525px;
    margin: 0 20px 70px;
    max-width: 400px;
    padding: 20px;
    width: calc(100% - 40px) !important
}

    .prelogin-item-container img {
        height: 300px
    }

.detail-prelogin-item-container {
    margin: 26px 0 0
}

    .detail-prelogin-item-container a, .detail-prelogin-item-container h3 {
        font-family: OpenSans-Regular
    }

    .detail-prelogin-item-container h3 {
        color: #163049;
        display: -webkit-box;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 14px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .detail-prelogin-item-container p {
        color: #000;
        display: -webkit-box;
        font-size: 15px;
        height: 56px;
        letter-spacing: -.2px;
        line-height: 28px;
        margin-bottom: 27px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .detail-prelogin-item-container a {
        align-items: center;
        color: #163049;
        display: flex;
        font-size: 15px;
        justify-content: space-between;
        letter-spacing: -.2px;
        line-height: 20px;
        text-decoration: none
    }

.container-warning-maintaince, .pop-up-prelogin-detail button {
    font-family: OpenSans-Regular;
    font-size: 18px;
    letter-spacing: 0;
    padding: 0
}

.container-warning-maintaince {
    background-color: #163049;
    color: #fff;
    line-height: 24px;
    padding: 20px 0
}

    .container-warning-maintaince .container-warning-content {
        margin: 0 auto;
        width: 1170px
    }

.pop-up-prelogin-detail {
    background-color: transparent;
    height: fit-content;
    margin: 0;
    max-width: 820px;
    vertical-align: baseline;
    width: 820px
}

    .pop-up-prelogin-detail .container-center {
        background-color: #fff;
        border-radius: 20px;
        max-height: calc(100vh - 200px);
        padding: 30px 0 30px 30px
    }

        .pop-up-prelogin-detail .container-center .container-detail {
            height: 100%;
            overflow: auto;
            padding-right: 30px
        }

        .pop-up-prelogin-detail .container-center img {
            height: 320px;
            width: 100%
        }

        .pop-up-prelogin-detail .container-center .container-infor, .pop-up-prelogin-detail .container-center .label-description {
            color: #152b55;
            font-family: OpenSans-Light;
            font-weight: 300
        }

        .pop-up-prelogin-detail .container-center .label-description {
            font-size: 15px;
            letter-spacing: -.2px;
            line-height: 28px;
            margin-bottom: 30px
        }

        .pop-up-prelogin-detail .container-center .container-infor {
            align-items: start;
            display: flex;
            font-size: 34px;
            justify-content: space-between;
            letter-spacing: 0;
            line-height: 38px;
            padding: 20px 0
        }

            .pop-up-prelogin-detail .container-center .container-infor img {
                height: 48px;
                margin-left: 20px;
                width: 48px
            }

    .pop-up-prelogin-detail .exclusive-offer-module {
        border-radius: 8px;
        padding: 30px 20px
    }

        .pop-up-prelogin-detail .exclusive-offer-module .container-start {
            align-items: flex-start;
            color: #fff;
            column-gap: 20px;
            display: flex;
            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 {
                height: 60px;
                width: 60px
            }

            .pop-up-prelogin-detail .exclusive-offer-module .container-start .title {
                color: #fff;
                display: block;
                font-family: OpenSans-SemiBold;
                font-size: 15px;
                font-weight: 600;
                letter-spacing: -.2px;
                line-height: 28px;
                margin: 0
            }

            .pop-up-prelogin-detail .exclusive-offer-module .container-start .descript {
                color: #fff;
                display: block;
                font-family: OpenSans-Light;
                font-size: 15px;
                font-weight: 300;
                letter-spacing: -.2px;
                line-height: 28px;
                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 {
        height: 500px;
        padding: 10px 20px 0
    }

    .prelogin-list-content {
        margin: 0;
        width: auto
    }

    .prelogin-list-module button.slick-arrow.slick-next, .prelogin-list-module button.slick-arrow.slick-prev {
        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 {
        font-size: 15px;
        height: 45px;
        letter-spacing: 0;
        line-height: 24px;
        min-width: auto;
        padding: 0 27px;
        width: fit-content
    }

    .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: -.2px;
            line-height: 28px
        }

    .prelogin-item-container {
        height: 418px
    }

        .prelogin-item-container img {
            height: 200px
        }

    .container-warning-maintaince {
        font-size: 15px;
        letter-spacing: -.2px;
        line-height: 22px;
        padding: 20px 0
    }

        .container-warning-maintaince .container-warning-content {
            margin: 0 20px;
            width: auto
        }

    .pop-up-prelogin-detail {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        border-radius: 20px 20px 0 0;
        max-height: calc(100% - 150px);
        overflow-y: hidden;
        width: 100%
    }

        .pop-up-prelogin-detail .container-center .container-detail {
            padding-bottom: 40px;
            padding-right: 20px
        }

        .pop-up-prelogin-detail .container-body {
            border-radius: 20px 20px 0 0;
            padding: 20px 0 20px 20px
        }

        .pop-up-prelogin-detail button {
            width: 100%
        }

        .pop-up-prelogin-detail .container-center {
            overflow: auto;
            padding: 0
        }

            .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 {
            border-radius: 20px;
            margin: 0 0 20px;
            padding: 20px
        }

            .pop-up-prelogin-detail .exclusive-offer-module .container-start .title {
                color: #fff;
                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
    }

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

    .prelogin-list-content {
        margin: 0;
        width: auto
    }

    .container-warning-maintaince .container-warning-content {
        margin: 0 20px;
        width: auto
    }
}

@media (min-width:768px) and (max-width:820px) {
    .pop-up-prelogin-detail {
        width: 100%
    }
}

.map-view-module {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0;
    width: 100%
}

.map-view-content {
    margin: 0 auto;
    width: 1170px
}

    .map-view-content .container-start {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px
    }

        .map-view-content .container-start .label-title {
            margin: 0
        }

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

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

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

    .map-view-content .map-diving .map-marker {
        position: absolute;
        right: 30%;
        top: 50%;
        z-index: 1
    }

#dropdown-categories {
    display: inline-block;
    max-width: 190px;
    position: relative;
    width: 100%
}

    #dropdown-categories .dropdown-content {
        padding: 10px 15px;
        top: 62px
    }

    #dropdown-categories.dropdown-active .dropdown-content {
        display: block
    }

    #dropdown-categories .dropdown-title {
        align-items: center;
        background-color: unset;
        border: 1px solid #cad1d6;
        color: #152b55;
        cursor: pointer;
        display: flex;
        gap: 8px;
        height: 60px;
        justify-content: start;
        padding: 10px;
        position: relative;
        width: 100%
    }

    #dropdown-categories.dropdown-highlight {
        background-color: #eaeef0;
        border: 2px solid #152b55
    }

    #dropdown-categories .dropdown-title .notify-number {
        background-color: #152b55;
        border-radius: 10px;
        color: #fff;
        display: none;
        height: 20px;
        position: absolute;
        right: 20px;
        text-align: center;
        width: 20px
    }

    #dropdown-categories .dropdown-content .dropdown-category-item, .dropdown-categories .dropdown-content .dropdown-category-item {
        align-items: center;
        display: grid;
        gap: 15px;
        grid-template-columns: 28px auto;
        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 {
    cursor: pointer;
    height: 28px;
    width: 28px
}

.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 {
        align-items: center;
        bottom: 20px;
        cursor: pointer;
        display: flex;
        gap: 11px;
        height: 40px;
        justify-content: center;
        left: 30px;
        line-height: 40px;
        position: absolute;
        right: 30px
    }

        .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;
    right: 30%;
    top: 50%;
    z-index: 1
}

@media only screen and (max-width:767px) {
    .map-view-module {
        padding: 40px 0
    }

    .map-view-content {
        margin: 0 20px;
        width: auto
    }

        .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 {
        margin: 0 20px;
        width: auto
    }
}

.category-landing-module, .category-landing-module-v2 {
    margin: 0 auto;
    padding-top: 60px;
    width: 1170px
}

    .category-landing-module .container-start, .category-landing-module-v2 .container-header {
        align-items: center;
        border-bottom: 1px solid #eaeef0;
        display: flex;
        justify-content: space-between;
        z-index: 2
    }

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

    #dropdown-sort-by .dropdown-title .ic-sort, .category-landing-module .container-filter .popupClose, .category-landing-module .container-list-map-content .container-list-content, .category-landing-module .container-list-map-content .container-map-content, .category-landing-module-v2 .container-option .container-availability-mobile {
        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-filter .container-sort-by, .category-landing-module .container-start .container-list-map .container-list, .category-landing-module .container-start .container-list-map .container-map, .category-landing-module-v2 .container-header .container-list-map .container-list, .category-landing-module-v2 .container-header .container-list-map .container-map, .category-landing-module-v2 .container-header .container-list-map .container-tiles {
            align-items: center;
            cursor: pointer;
            display: flex;
            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-map.active, .category-landing-module-v2 .container-header .container-list-map .container-tiles.active {
                border-bottom: 2px solid #152b55
            }

    .category-landing-module-v2 .container-header .container-start {
        flex: 0 0 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, #mapList {
    border-radius: 20px;
    height: 100%;
    z-index: 1
}

.map-diving, .map-view-content .map-diving {
    border-radius: 20px;
    height: 570px;
    position: relative;
    width: 100%
}

    .map-diving .map-item-pop, .map-diving .search-map-button {
        background-color: #152b55;
        color: #fff;
        cursor: pointer
    }

    .map-diving .search-map-button {
        border-radius: 15px;
        cursor: pointer;
        height: 40px;
        left: 45%;
        line-height: 40px;
        padding: 0 30px;
        position: absolute;
        top: 10px;
        width: fit-content;
        z-index: 1
    }

    .map-diving .map-item-pop {
        border-radius: 20px;
        display: none;
        height: 100%;
        left: 0;
        max-width: 375px;
        padding: 15px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2
    }

        .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 {
                cursor: pointer;
                display: block;
                font-size: 22px;
                height: 60px;
                letter-spacing: -.53px;
                line-height: 30px;
                margin: 10px 0 15px;
                overflow: hidden
            }

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

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

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

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

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

.category-landing-module .container-filter {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin: 30px 0
}

.dropdown-active .dropdown-title img.categories-selected {
    transform: none
}

.category-landing-module .container-filter .container-sort-by .label-title {
    color: #666;
    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(33.33333% - 20px) calc(33.33333% - 20px) calc(33.33333% - 20px);
    list-style: none;
    margin-bottom: 70px
}

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

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

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

.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(33.33333% - 20px)
}

#dropdown-sort-by {
    cursor: pointer;
    position: relative
}

    #dropdown-sort-by .dropdown-title {
        align-items: center;
        background-color: transparent;
        border: none;
        display: flex;
        gap: 10px;
        height: 60px;
        justify-content: center;
        width: 120px
    }

        #dropdown-sort-by .dropdown-title label {
            cursor: pointer;
            max-width: 80px;
            white-space: nowrap
        }

        #dropdown-sort-by .dropdown-title .ic-down {
            display: block;
            transform-origin: center;
            transition: all .3s ease
        }

    #dropdown-sort-by .dropdown-content {
        padding: 5px;
        right: 0;
        width: max-content
    }

        #dropdown-sort-by .dropdown-content .dropdown-sort-by-item {
            cursor: pointer;
            height: fit-content;
            line-height: 30px;
            padding: 0 10px
        }

            #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 {
                background-color: #152b55;
                border-radius: 4px;
                color: #fff
            }

@media only screen and (max-width:767px) {
    .category-landing-module, .category-landing-module-v2 {
        margin: 0 auto;
        padding-top: 40px;
        width: calc(100% - 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 {
            align-items: flex-start;
            flex-direction: column
        }

            .category-landing-module-v2 .container-header .container-start {
                flex: 1
            }

            .category-landing-module-v2 .container-header .container-list-map {
                margin-left: auto
            }

        #dropdown-sort-by .dropdown-title .ic-down, .category-landing-module .container-filter .container-sort-by .label-title, .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-v2 .container-option .container-availability, .container-sort-by .label-title {
            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 {
            height: 45px;
            padding: 0 38px;
            width: fit-content
        }

        .category-landing-module .container-filter {
            display: flex;
            gap: 15px;
            margin: 20px 0
        }

            .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;
                        height: auto;
                        letter-spacing: 0;
                        line-height: 21px;
                        margin-bottom: 10px
                    }

    #dropdown-sort-by .dropdown-title {
        background-color: #fff;
        border: 1px solid #cad1d6
    }

        #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 {
        align-items: center;
        background-color: #eaeef0;
        border-radius: 10px;
        display: flex;
        font-size: 17px;
        justify-content: space-between;
        line-height: 21px;
        margin: 10px 0;
        padding: 20px
    }

    .category-landing-module-v2 .container-availability-mobile .ic-right {
        border-left: 2px solid #666;
        border-top: 2px solid #666;
        height: 10px;
        width: 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 {
            height: 90vh;
            overflow-y: auto;
            padding: 40px 20px 0
        }

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

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

    .custom-date-picker-mobile {
        background: #fff;
        border: 1px solid #cad1d6;
        border-radius: 0;
        cursor: pointer;
        height: 40px;
        margin-bottom: 12px;
        position: relative;
        width: auto
    }

        .custom-date-picker-mobile .ic-calendar {
            background-size: contain;
            pointer-events: none;
            position: absolute;
            right: 5px;
            top: 5px
        }

    .custom-date-picker-mobile, .pop-up-avail-filter .dropdown-custom .dropdown-title {
        border-bottom: 1px solid #152a55
    }
}

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

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

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

.container-count-guest, .custom-dropdown, .custom-dropdown-preferences {
    cursor: pointer;
    position: relative
}

    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item:first-child {
        margin-top: 5px
    }

    .container-count-guest .container-title, .custom-dropdown-preferences .dropdown-title {
        align-items: center;
        border: 1px solid #cad1d6;
        display: flex;
        height: 40px;
        justify-content: space-between;
        margin-bottom: 12px;
        padding: 10px;
        width: 100%
    }

    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item.dropdown-selected-item {
        align-items: center;
        border: 1px solid #cad1d6;
        display: flex;
        justify-content: space-between;
        line-height: 29px;
        padding: 0 7px;
        width: 100%
    }

    .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 {
            transform-origin: center;
            transition: all .3s ease;
            width: 13px
        }

    .container-count-guest .container-content, .custom-dropdown .dropdown-content, .custom-dropdown-preferences .dropdown-content {
        background-color: #fff;
        border: 1px solid #cad1d6;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
        display: none;
        flex-direction: column;
        gap: 18px;
        height: fit-content;
        padding: 16px;
        position: absolute;
        right: 0;
        top: 40px;
        transition-duration: .7s;
        width: 100%;
        z-index: 5
    }

    .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: .7s
    }

    .container-count-guest .container-content .container-adult, .container-count-guest .container-content .container-children {
        align-items: center;
        display: flex;
        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: .3
            }

        .container-count-guest .container-content .container-children p {
            margin: 0;
            opacity: .5
        }

    .custom-dropdown .dropdown-title {
        align-items: center
    }

    .custom-dropdown .dropdown-content .dropdown-item, .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item {
        align-items: center;
        color: #152b55;
        display: flex;
        height: 29px;
        justify-content: space-between;
        line-height: 29px;
        padding: 0 7px
    }

    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item {
        margin-bottom: 6px
    }

    .custom-dropdown .dropdown-content .dropdown-item.dropdown-selected-item {
        background-color: #162b55;
        border-radius: 4px;
        color: #fff
    }

    .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-content .dropdown-preferences-item.dropdown-selected-item img, .custom-dropdown-preferences.dropdown-active .dropdown-content, .custom-dropdown.dropdown-active .dropdown-content {
        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 {
        background-color: #162b55;
        border-radius: 4px;
        color: #fff
    }

    .custom-dropdown-preferences .dropdown-title label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.add-link-hotel {
    border-bottom: 1px solid #cad1d6;
    color: #152b55;
    cursor: pointer;
    display: block;
    margin: 10px 0 20px;
    padding-bottom: 20px
}

@media only screen and (max-width:767px) {
    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item:hover {
        background-color: unset;
        border: none;
        color: #152b55
    }

    .custom-dropdown-preferences .dropdown-content .dropdown-preferences-item.dropdown-selected-item:hover {
        background-color: #152b55;
        border-radius: 4px;
        color: #fff
    }
}

@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
    }
}

.update-profile-module {
    background-color: #efe3d3;
    height: fit-content;
    position: fixed;
    width: 100%;
    z-index: 9
}

    .update-profile-module .update-profile-banner {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        padding: 23px 0;
        width: 1170px
    }

        .update-profile-module .update-profile-banner .container-button {
            display: flex;
            gap: 15px
        }

.pop-up-update-phone-number, .pop-up-update-profile {
    background-color: #fff;
    height: fit-content;
    margin: 0;
    max-width: 820px;
    vertical-align: baseline;
    width: 100%
}

    .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-phone-number .label-description, .pop-up-update-profile .label-description {
        display: block;
        margin-bottom: 30px
    }

    .pop-up-update-profile .container-card-number, .pop-up-update-profile .container-email, .pop-up-update-profile .container-phone {
        margin-bottom: 20px
    }

        .pop-up-update-phone-number .container-phone div.col-lg-9 input, .pop-up-update-profile .container-phone div.col-lg-9 input {
            margin-top: 32px
        }

        .pop-up-update-profile .container-card-number .container-start {
            align-items: center;
            display: flex;
            justify-content: space-between
        }

        .pop-up-update-profile .container-card-number .container-why-needed {
            align-items: center;
            color: #152b55;
            display: flex;
            gap: 10px
        }

    .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 {
        cursor: pointer;
        display: inline-block;
        position: relative
    }

    .pop-up-update-profile .tooltip {
        background: #eaeef0;
        border: none;
        border-radius: 15px;
        font-family: CeraPro-Regular;
        opacity: .4;
        padding: 12px 16px 20px;
        position: absolute;
        right: -16px;
        top: -20px;
        transform: translateY(9px);
        transition: all .3s ease-in-out;
        visibility: hidden;
        width: 370px;
        z-index: 1
    }

        .pop-up-update-profile .tooltip label {
            color: #000;
            margin-top: 12px
        }

    .pop-up-update-profile .tooltip-active {
        opacity: 1 !important;
        visibility: visible !important
    }

[profile-title-dropdown] {
    display: inline-block;
    position: relative;
    width: 100%
}

.enter-bottom {
    -webkit-animation-name: enter-bottom;
    animation-name: enter-bottom
}

@-webkit-keyframes enter-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0) translateY(100%) translateZ(0)
    }

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

@keyframes enter-bottom {
    0% {
        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 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0) translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(0) translateY(-100%) translateZ(0)
    }
}

@keyframes leave-top {
    0% {
        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 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0) translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(0) translateY(100%) translateZ(0)
    }
}

@keyframes leave-bottom {
    0% {
        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 {
        margin: 0 20px;
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .update-profile-module .update-profile-banner {
        display: block;
        padding: 20px;
        width: 100%
    }

    .pop-up-update-profile .tooltip {
        right: 0;
        width: calc(100vw - 40px)
    }

    .update-profile-module .update-profile-banner .container-button {
        margin-top: 20px
    }

    .pop-up-update-phone-number, .pop-up-update-profile {
        -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 {
            display: grid;
            grid-template-columns: 30% auto;
            padding: 45px 0 80px
        }

            .pop-up-update-phone-number .container-button .button-save, .pop-up-update-profile .container-button .button-cancel, .pop-up-update-profile .container-button .button-check {
                width: 100%
            }
}

.verify-phone-module {
    background-color: #c1cedb;
    display: block;
    height: fit-content;
    position: fixed;
    width: 100%;
    z-index: 4
}

    .verify-phone-module .verify-phone-banner {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        padding: 23px 0;
        width: 1170px
    }

        .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 {
        margin: 0 20px;
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .verify-phone-module .verify-phone-banner {
        display: block;
        padding: 20px;
        width: 100%
    }

        .verify-phone-module .verify-phone-banner .container-button {
            margin-top: 20px
        }
}

.limo-confirmation-module {
    display: grid;
    gap: 130px;
    grid-template-columns: auto 33.33%;
    margin: 0 auto 139px;
    width: 1170px
}

.limo-confirmation {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 80px 0 0
}

    .limo-confirmation img {
        display: block;
        height: 100px;
        margin: 0 auto 5px;
        width: 100px
    }

    .limo-confirmation .limo-message-confirm {
        margin: 0 0 30px;
        text-align: center
    }

    .limo-confirmation .contact-infor {
        display: block;
        text-align: center
    }

.limo-booking-detail {
    border: 1px solid #d0d4dd;
    border-radius: 15px;
    height: fit-content;
    padding: 30px;
    position: relative
}

.limo-confirmation .btn-try-again {
    margin-top: 23px;
    max-width: 310px
}

.limo-confirmation .limo-edit-try-again {
    background-color: #fff;
    color: #162a55;
    margin: 0 0 30px;
    min-width: 180px
}

    .limo-confirmation .limo-edit-try-again:hover {
        color: #fff
    }

.limo-booking-detail .item-step {
    align-items: center;
    display: flex;
    gap: 15px;
    height: fit-content;
    padding-bottom: 20px
}

.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 {
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

.limo-booking-detail .item-step .ic-limo-step {
    background-color: #efe3d3;
    color: #152b55
}

    .limo-booking-detail .item-step .ic-limo-step img {
        left: 0;
        position: absolute
    }

.limo-booking-detail .item-step.selected .ic-limo-step {
    background-color: #152b55;
    color: #fff
}

.limo-step-2 .limo-booking-detail .ic-limo-step:after {
    background: #efe3d3;
    left: 12px;
    top: 30px
}

.limo-booking-detail ol.limo-step li:last-child .ic-limo-step:after, .limo-confirmation-module .limo-booking-detail .item-step.selected .ic-limo-step:after, .limo-step-2 .limo-booking-detail div:last-child .item-step:last-child .ic-limo-step:after {
    content: none
}

.limo-booking-detail .item-step.selected .ic-limo-step:after, .limo-booking-detail .item-step.selected .ic-limo-step:before, .limo-confirmation-module .ic-limo-step:after, .limo-confirmation-module .item-step.selected .ic-limo-step:before, .limo-step-2 .limo-booking-detail div:nth-child(2) .ic-limo-step:after, .limo-step-4 .limo-booking-detail .ic-limo-step:after {
    content: "";
    height: 20px;
    position: absolute;
    width: 5px
}

.limo-booking-detail .item-step.selected .ic-limo-step:before {
    background: linear-gradient(180deg,#d0d4dd,#152b55);
    bottom: 30px;
    left: 12px;
    z-index: 1
}

.limo-booking-detail .item-step.selected .ic-limo-step:after {
    background: linear-gradient(180deg,#152b55,#efe3d3);
    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,#d16565);
    left: 12px;
    top: -20px
}

.ic-limo-step {
    background-color: #efe3d3;
    border-radius: 20px;
    height: 30px;
    position: relative;
    width: 30px
}

.limo-confirmation-module .ic-limo-step:after {
    background: #d0d4dd;
    left: 12px;
    top: 30px
}

.ic-limo-step .ic-check-black {
    color: #152b55;
    line-height: 30px;
    text-align: center;
    width: 100%
}

.limo-confirmation-module .item-step.selected .ic-limo-step {
    background-color: #d16565;
    border-radius: 20px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

.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,#152b55)
    }

.limo-confirmed-detail {
    border: 2px solid #efe3d3;
    border-radius: 15px;
    margin: 90px 0 0
}

    .limo-confirmed-detail .top {
        background-color: #efe3d3;
        border-radius: 15px 15px 0 0;
        height: fit-content;
        padding: 10px 30px 20px;
        width: 100%
    }

        .limo-confirmed-detail .top .line-separator {
            border: 1px solid #000;
            border-radius: 20px;
            box-sizing: border-box;
            height: 2px;
            margin: 15px 0 10px;
            opacity: .1;
            width: 611px
        }

    .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 {
            display: block;
            font-size: 12px;
            letter-spacing: .86px;
            line-height: 20px;
            margin-bottom: 25px
        }

        .limo-confirmed-detail .bottom .line-separator {
            background-color: #eaeef0;
            height: 1px;
            margin: 30px 0 20px;
            width: 100%
        }

    .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 .bottom .container-notes-to-driver p, .limo-confirmed-detail .top .container-address .container-from p, .limo-confirmed-detail .top .container-address .container-to p {
                margin: 0
            }

        .limo-booking-detail .container-button .button-cancel, .limo-confirmed-detail .bottom div.separator-option, .limo-confirmed-detail .container-pick-up-date label, .limo-confirmed-detail .top .container-address .separator-option {
            display: none
        }

@media only screen and (max-width:767px) {
    .limo-confirmation {
        border-radius: 10px;
        margin: 0;
        padding: 50px 20px
    }

        .limo-confirmation .btn-try-again {
            width: 100%
        }

    .limo-confirmation-error {
        border: 1px solid #c94a4a
    }

    .limo-confirmation-capcha, .limo-confirmation-success {
        border: 1px solid #cad1d6
    }

    .limo-confirmation img {
        height: 76px;
        margin: 0 auto 10px;
        width: 76px
    }

    .limo-booking-detail {
        background-color: #efe3d3;
        border: none;
        border-radius: 20px 20px 0 0;
        bottom: 0;
        height: 170px;
        left: 0;
        padding: 20px;
        position: fixed;
        width: 100%;
        z-index: 9
    }

        .limo-booking-detail .container-button {
            display: grid;
            gap: 20px;
            grid-template-columns: 100%
        }

        .limo-booking-detail .limo-step {
            display: flex;
            gap: 10px;
            justify-content: space-between;
            width: 100%
        }

        .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 {
            align-items: center;
            display: flex;
            gap: 11px;
            justify-content: center
        }

    .ic-limo-step {
        background-color: #fff;
        border-radius: 20px;
        height: 30px;
        width: 30px
    }

        .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 {
        border: 1px solid #cad1d6;
        margin: 20px 0 0
    }

        .limo-confirmed-detail .bottom {
            padding: 0 20px 30px
        }

            .limo-confirmed-detail .bottom div.separator-option {
                background-color: #dde2e6;
                display: block;
                height: 1px;
                margin: 14.5px 0 9.5px;
                width: 100%
            }

            .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 {
                font-size: 14px;
                margin-bottom: 15px;
                margin-top: 20px
            }

            .limo-confirmed-detail .bottom .container-notes-to-driver p {
                font-family: CeraPro-Regular
            }

        .limo-confirmed-detail .top {
            background-color: unset;
            padding: unset
        }

            .limo-confirmed-detail .top .container-address {
                background-color: #efe3d3;
                display: grid;
                grid-template-columns: auto;
                padding: 10px 20px
            }

        .limo-confirmed-detail .pick-up-date {
            color: #666;
            font-family: CeraPro-Light;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: -.34px;
            line-height: 20px
        }

        .limo-confirmed-detail .container-pick-up-date {
            padding: 25px 20px 20px
        }

            .limo-confirmed-detail .container-pick-up-date label {
                color: #152b55;
                display: block;
                font-family: CeraPro-Medium;
                font-size: 17px;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 21px;
                margin-bottom: 10px
            }

        .limo-confirmed-detail .top .container-address .container-from, .limo-confirmed-detail .top .container-address .container-to {
            display: grid;
            gap: 10px;
            grid-template-columns: 50px auto
        }

        .limo-confirmed-detail .top .container-address .separator-option {
            background-color: #666;
            display: block;
            height: 1px;
            margin: 14.5px 0;
            opacity: .2;
            width: 100%
        }

        .limo-confirmed-detail .container-passengers label, .limo-confirmed-detail .top .container-address .container-from label, .limo-confirmed-detail .top .container-address .container-to label {
            color: #666;
            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 {
        height: fit-content;
        padding: 15px 20px
    }

        .limo-booking-detail .item-step {
            padding-bottom: 15px
        }
}

.limo-form {
    column-gap: 130px;
    display: grid;
    grid-template-columns: auto 33.33%;
    margin: 40px auto 120px;
    width: 1170px
}

.limo-step-1 .limo-address {
    border: 2px solid #152b55;
    color: #152b55;
    display: flex;
    gap: 23px;
    padding: 17px 20px;
    width: 100%
}

.limo-step-1 #clear-search-icon-dropoff, .limo-step-1 #clear-search-icon-pickup {
    height: 15px;
    width: 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 {
        position: absolute;
        top: 0
    }

    .limo-step-1 .limo-address .limo-address-icon .ic-bottom {
        bottom: 15px;
        position: absolute
    }

.limo-step-1 .limo-address .change-location-icon {
    margin: auto 0;
    min-height: 40px;
    min-width: 40px
}

.limo-step-1 .limo-address .limo-address-icon div {
    border-right: 4px dotted #cad1d6;
    bottom: 44px;
    height: auto;
    position: absolute;
    top: 12px;
    width: 4px
}

.limo-step-1 .container-flight-infor .bottom div:first-child img, .limo-step-1 .limo-address .limo-address-content {
    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 {
        border: none;
        height: 28px;
        outline: none;
        text-overflow: ellipsis
    }

    .limo-step-1 .limo-address .limo-address-content textarea {
        margin-top: 10px
    }

    .limo-step-1 .limo-address .limo-address-content .separator-option {
        border-bottom: 1px dashed #dde2e6;
        height: 1px;
        margin: 10px 0 5px;
        width: 100%
    }

.limo-step-1 .container-trip-infor {
    margin-top: 60px
}

    .limo-step-1 .container-trip-infor .big-tile {
        margin-bottom: 30px;
        margin-top: 0
    }

    .limo-step-1 .container-trip-infor .container-list-infor {
        display: grid;
        gap: 30px 20px;
        grid-template-columns: calc(50% - 10px) calc(50% - 10px)
    }

    .limo-step-1 .container-trip-infor .container-flight-date .t-dates, .limo-step-1 .container-trip-infor .container-pick-up-date .t-dates {
        height: 40px
    }

        .limo-step-1 .container-trip-infor .container-pick-up-date .t-dates .ic-calendar {
            position: absolute;
            right: 0
        }

    .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 {
    border: 2px solid #efe3d3;
    border-radius: 20px 20px 15px 15px;
    margin-top: 30px;
    width: 100%
}

    .limo-step-1 .container-flight-infor .top {
        background-color: #efe3d3;
        border-radius: 15px 15px 0 0;
        height: fit-content;
        padding: 10px 30px 35px
    }

        .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 {
        display: grid;
        gap: 13px 20px;
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
        padding: 22px 30px 30px
    }

        .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 {
                border-bottom: none;
                display: grid;
                grid-template-columns: 80px auto;
                padding-bottom: 9px
            }

            .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: .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: "";
    height: 20px;
    position: absolute;
    width: 5px
}

.limo-step-1 .ic-limo-step:after {
    background: #efe3d3;
    bottom: 30px;
    left: 12px
}

.limo-step-1 .item-step.selected .ic-limo-step:before {
    background: linear-gradient(180deg,#152b55,#efe3d3);
    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: #666;
    display: block;
    margin-bottom: 20px
}

.pop-up-flight-infor .container-from {
    margin-bottom: 30px
}

    .pop-up-flight-infor .container-from div {
        align-items: center;
        border-top: 1px solid #dde2e6;
        display: flex;
        justify-content: space-between;
        padding: 10px 0
    }

        .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: #666
        }

.pop-up-flight-infor .container-to div {
    align-items: center;
    border-top: 1px solid #dde2e6;
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

    .pop-up-flight-infor .container-to div:nth-child(2) {
        border-top: none
    }

@media only screen and (max-width:767px) {
    .limo-form {
        grid-template-columns: 100%;
        margin: 30px 20px 50px;
        width: auto
    }

    .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 {
        align-items: center;
        background-color: #dde2e6;
        border-radius: 10px;
        color: #152b55;
        display: flex;
        height: 42px;
        justify-content: space-between;
        margin-top: 30px;
        padding: 8px 12.5px
    }

    .limo-step-1 .limo-address .limo-address-content .separator-option {
        border-bottom: 1px solid #dde2e6;
        margin: 8px 0 0
    }

    .pop-up-flight-infor {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        border-radius: 20px 20px 0 0;
        display: block;
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        width: 100%
    }

    .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 {
        gap: 20px;
        grid-template-columns: auto 35%;
        margin: 40px 20px 120px;
        width: auto
    }
}

.limo-step-2 .big-title {
    margin-bottom: 40px;
    margin-top: 0
}

.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-notes-to-driver .label-title, .limo-step-2 .container-passengers .label-title {
        line-height: 57px;
        margin-bottom: 10px
    }

    .limo-step-2 .container-passengers .list-passengers {
        display: grid;
        gap: 21px;
        grid-template-columns: calc(25% - 15.75px) calc(25% - 15.75px) calc(25% - 15.75px) calc(25% - 15.75px)
    }

.limo-step-2 .container-notes-to-driver textarea {
    background-color: #fff;
    border: 1px solid #cad1d6;
    height: 80px;
    letter-spacing: -.34px;
    line-height: 20px;
    padding: 7px 15px;
    width: 100%
}

    .limo-step-2 .container-notes-to-driver textarea:-moz-placeholder {
        font-family: CeraPro-Light;
        letter-spacing: -.34px
    }

.custom-input-passenger {
    border: 1px solid #cad1d6;
    color: #152b55;
    display: flex;
    height: 40px;
    width: 100%
}

    .custom-input-passenger input {
        text-align: center
    }

    .custom-input-passenger .input-group-append {
        align-items: center;
        display: flex;
        height: 40px;
        justify-content: center;
        padding: 11px;
        user-select: none;
        width: 40px
    }

.limo-form .container-back-link {
    margin-top: 30px;
    text-align: center;
    width: 100%
}

    .limo-form .container-back-link a {
        align-items: center;
        display: flex;
        gap: 9px;
        justify-content: center
    }

.limo-step-2 .container-car-type {
    border-bottom: 1px solid #d0d4dd;
    display: flex;
    height: 92px;
    margin-bottom: 30px;
    width: 100%
}

    .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 {
        background-color: #f8f8fa;
        line-height: 57px;
        text-align: center;
        width: 100%
    }

        .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 {
            align-items: center;
            display: flex;
            font-size: 11px;
            gap: 5px;
            justify-content: center;
            letter-spacing: -.26px;
            line-height: 20px;
            width: 100%
        }

@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: #666;
            font-family: CeraPro-Light;
            font-weight: 300
        }

    .limo-step-2 .container-passengers .label-title {
        font-family: CeraPro-Regular;
        font-size: 26px;
        letter-spacing: -.31px;
        line-height: 36px;
        margin-bottom: 20px
    }

    .limo-step-2 .container-passengers .list-passengers {
        gap: 20px 31px;
        grid-template-columns: calc(50% - 15.5px) calc(50% - 15.5px)
    }

    .limo-step-2 .container-notes-to-driver .label-title {
        color: #000;
        font-family: CeraPro-Regular;
        font-size: 14px;
        letter-spacing: -.34px;
        line-height: 20px;
        margin-bottom: 12px
    }

    .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 {
        border-bottom: none;
        flex-direction: column;
        gap: 10px;
        height: fit-content
    }

        .limo-step-2 .container-car-type .car-type-item {
            align-items: center;
            display: flex;
            font-size: 17px;
            font-weight: 500;
            height: 65px;
            justify-content: space-between;
            letter-spacing: 0;
            line-height: 21px;
            padding: 24px 20px
        }

            .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 {
                font-size: 14px;
                gap: 10px;
                letter-spacing: -.34px;
                line-height: 20px;
                width: fit-content
            }
}

@media (min-width:768px) and (max-width:1170px) {
    .limo-step-2 .list-passengers .label-tile-input {
        font-size: 12px
    }
}

.limo-step-3 .container-trip-quotation {
    align-items: center;
    display: flex;
    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 {
    float: right;
    margin-bottom: 30px;
    min-width: 240px;
    width: 30%
}

    .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 {
            background-color: #fff;
            z-index: 1
        }

            .limo-step-3 .container-sumary p span.price, .pop-up-passenger-details .container-sumary p span.price {
                bottom: 0;
                position: absolute;
                right: 0;
                z-index: 1
            }

        .limo-step-3 .container-sumary p:before, .pop-up-passenger-details .container-sumary p:before {
            border-bottom: 2px dotted #cad1d6;
            bottom: .4rem;
            content: "";
            height: 0;
            line-height: 0;
            position: absolute;
            width: 100%
        }

.limo-step-3 .container-departure-trip {
    border: 1px solid #cad1d6;
    border-radius: 15px;
    margin-top: 100px;
    padding: 30px
}

    .limo-step-3 .container-departure-trip .container-start {
        display: grid;
        gap: 30px;
        grid-template-columns: 45% auto;
        margin-bottom: 30px
    }

    .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: .86px;
        line-height: 20px
    }

    .limo-step-3 .container-departure-trip .container-start img {
        border-radius: 10px;
        width: 290px
    }

    .limo-step-3 .container-departure-trip .container-end {
        align-items: center;
        color: #767474;
        display: flex;
        gap: 10px;
        width: 100%
    }

.limo-step-3 .container-vehicle-details {
    width: 100%
}

    .limo-step-3 .container-vehicle-details .label-title {
        font-size: 12px;
        letter-spacing: .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
    }

.limo-step-3 .container-trip-summary + .button-trip-summary, .lio-step-3 .container-departure-trip + .button-departure-trip, .pop-up-trip-summary {
    display: none
}

.limo-step-3 .container-list-charge {
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 20px 0 30px;
    row-gap: 6px
}

.limo-step-3 .container-detail .container-list-infor {
    column-gap: 20px;
    display: grid;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    margin: 20px 0 17px;
    row-gap: 6px
}

    .limo-step-3 .container-detail .container-list-infor div, .limo-step-3 .container-list-charge div {
        border-bottom: 1px dashed #cad1d6;
        display: grid;
        grid-template-columns: 160px auto;
        padding-bottom: 13px
    }

        .limo-step-3 .container-list-charge div:last-child {
            border-bottom: none;
            padding-bottom: 0
        }

.limo-step-3 .container-trip-summary .container-start {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 40px 0
}

.limo-step-3 .container-trip-summary .container-top {
    background-color: #efe3d3;
    border-radius: 15px 15px 0 0;
    height: fit-content;
    padding: 10px 30px 20px;
    width: 100%
}

.limo-step-3 .container-trip-summary .container-flight-number {
    border-bottom: 2px solid rgba(0,0,0,.1);
    padding-bottom: 18.5px
}

.limo-step-3 .container-trip-summary .container-from-to {
    display: grid;
    gap: 10px;
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    margin-top: 9.5px
}

    .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 {
    background-color: transparent;
    border: 2px solid #efe3d3;
    border-radius: 0 0 15px 15px;
    height: fit-content;
    padding: 20px 30px 30px;
    width: 100%
}

    .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-detail .container-list-infor div:last-child, .limo-step-3 .container-detail .container-list-infor div:nth-last-child(2), .limo-step-3 .container-trip-summary .container-bottom .container-detail:last-child, .limo-step-3 .container-vehicle-details div:last-child {
            border-bottom: none
        }

.limo-step-3 .limo-booking-detail .ic-limo-step:after {
    content: "";
    height: 20px;
    position: absolute;
    width: 5px
}

.limo-step-3 .limo-booking-detail .limo-step div:last-child .item-step:last-child .ic-limo-step:after {
    background: #efe3d3;
    bottom: 30px;
    left: 12px
}

.limo-step-3 .limo-booking-detail .ic-limo-step:after, .limo-step-3 .limo-booking-detail .limo-step div:first-child .item-step:first-child .ic-limo-step:after {
    background: #d0d4dd;
    left: 12px;
    top: 30px
}

.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 {
        color: #666;
        font-family: CeraPro-Light;
        margin-top: 20px;
        width: 100%
    }

    .limo-step-3 .container-departure-trip .container-start {
        display: block;
        margin: 0
    }

        .limo-step-3 .container-departure-trip .container-start img {
            margin-bottom: 15px;
            width: 100%
        }

    .limo-step-3 .container-vehicle-details .label-title {
        margin-bottom: 15px
    }

    .limo-step-3 .container-vehicle-details div {
        align-items: center;
        border-bottom: 1px solid #dde2e6;
        display: flex;
        justify-content: space-between
    }

    .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 {
            align-items: center;
            background-color: #dde2e6;
            border-radius: 10px;
            display: flex;
            height: fit-content;
            justify-content: space-between;
            margin: 20px 0 40px;
            padding: 8px 15px 10px;
            width: 100%
        }

    .limo-step-3 .container-trip-summary .container-start {
        margin: 46px 0 15px
    }

    .limo-step-3 .container-trip-summary .container-top {
        background-color: transparent;
        border: 1px solid #cad1d6;
        border-radius: 10px;
        padding: 0
    }

    .limo-step-3 .container-trip-summary .container-flight-number {
        border-bottom: none;
        padding: 25px 20px 20px
    }

    .limo-step-3 .container-trip-summary .container-from-to {
        background-color: #efe3d3;
        border-radius: 0 0 10px 10px;
        gap: 14.5px;
        grid-template-columns: auto;
        margin-top: 0;
        padding: 10px 20px 20px
    }

        .limo-step-3 .container-trip-summary .container-from-to div {
            display: grid;
            gap: 10px;
            grid-template-columns: 50px auto
        }

            .limo-step-3 .container-trip-summary .container-from-to div:last-child {
                border-top: 1px solid hsla(0,0%,40%,.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-passenger-details, .pop-up-trip-summary {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        background-color: transparent;
        border-radius: 20px 20px 0 0;
        display: block;
        max-height: calc(100vh - 100px);
        width: 100%
    }

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

        .pop-up-passenger-details .container-end {
            align-items: center;
            display: flex;
            font-family: CeraPro-Light;
            gap: 10px;
            margin-bottom: 50px;
            width: 100%
        }

        .pop-up-passenger-details .container-start, .pop-up-trip-summary .container-start {
            align-items: center;
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px
        }

        .pop-up-trip-summary .container-body {
            height: calc(100vh - 148px);
            overflow-y: auto;
            padding: 40px 20px 20px
        }

        .pop-up-passenger-details .container-start label, .pop-up-trip-summary .label-title {
            margin: 0
        }

        .pop-up-trip-summary .label-description {
            color: #666;
            display: block;
            margin-bottom: 20px
        }

        .pop-up-passenger-details .container-detail, .pop-up-trip-summary .container-detail {
            margin-bottom: 30px
        }

        .pop-up-passenger-details .img-vehicle {
            margin-bottom: 15px;
            width: 100%
        }

        .pop-up-passenger-details .container-detail div:nth-child(2), .pop-up-trip-summary .container-detail div:nth-child(2) {
            border-top: none;
            padding: 15px 0 10px
        }

        .pop-up-passenger-details .container-detail div, .pop-up-trip-summary .container-detail div {
            align-items: center;
            border-top: 1px solid #dde2e6;
            display: flex;
            justify-content: space-between;
            padding: 10px 0
        }

        .pop-up-trip-summary .special-request {
            display: block;
            margin-top: 15px
        }

        .pop-up-trip-summary .container-from-to {
            background-color: #efe3d3;
            margin: 0 -20px 20px;
            padding: 10px 20px 15px
        }

            .pop-up-trip-summary .container-from-to div {
                border-bottom: 1px solid hsla(0,0%,40%,.2);
                display: grid;
                gap: 10px;
                grid-template-columns: 50px auto;
                margin-bottom: 9.5px;
                padding-bottom: 14.5px
            }

                .limo-step-3 .container-trip-summary .container-from-to div label:last-child, .pop-up-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;
                    margin-bottom: 0;
                    padding-bottom: 0
                }

                .pop-up-passenger-details .container-detail div label:first-child, .pop-up-passenger-details .container-from-to div label:first-child, .pop-up-trip-summary .container-detail div label:first-child, .pop-up-trip-summary .container-from-to div label:first-child {
                    color: #666;
                    font-family: CeraPro-Light
                }
}

.limo-step-4 .container-passenger-detail .start, .limo-step-4 .container-secured-payment .start {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    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;
    gap: 30px;
    grid-template-columns: 28% 28% auto
}

.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: -.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 {
    gap: 10px;
    grid-template-columns: 28px auto;
    margin-bottom: 27px
}

    .limo-step-4 .container-policy a, .limo-step-4 .container-policy a:hover {
        cursor: pointer;
        font-family: CeraPro-Medium;
        font-weight: 500;
        text-decoration: underline
    }

    .limo-step-4 .container-policy.undisplay-mobile {
        display: grid
    }

    #DataEncryptContainer, .limo-step-4 .container-policy.display-mobile {
        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 {
    background: #d0d4dd;
    left: 12px;
    top: 30px
}

.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 {
    background-color: rgba(154,61,55,.05);
    border: 1px solid #9a3d37
}

.limo-step-4 .pop-up-t-and-c li, .limo-step-4 .pop-up-t-and-c ol, .limo-step-4 .pop-up-t-and-c ul {
    list-style: revert
}

    .limo-step-4 .pop-up-t-and-c li ol, .limo-step-4 .pop-up-t-and-c li ul {
        padding-left: 1rem
    }

@media only screen and (max-width:767px) {
    .limo-step-4 .container-passenger-detail-infor {
        gap: 9.5px;
        grid-template-columns: auto
    }

        .limo-step-4 .container-passenger-detail-infor .label-tile-input {
            margin: 0
        }

        .limo-step-4 .container-passenger-detail-infor div {
            align-items: center;
            border-bottom: 1px solid #dde2e6;
            display: flex;
            justify-content: space-between;
            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 {
        align-items: center;
        margin-bottom: 20px
    }

    .limo-step-4 .container-secured-payment .payment-item {
        height: fit-content
    }

    .limo-step-4 .container-secured-payment .custom-input, .limo-step-4 .container-secured-payment .error-message {
        margin-bottom: 10px
    }

    .limo-step-4 .container-logo {
        border-bottom: 1px solid #eaeef0;
        color: #666;
        display: flex;
        font-family: CeraPro-Light;
        font-size: 14px;
        font-weight: 300;
        gap: 10px;
        letter-spacing: -.34px;
        line-height: 20px;
        margin-bottom: 20px;
        padding-bottom: 25px
    }

    .limo-step-4 .container-policy.undisplay-mobile {
        display: none
    }

    .limo-step-4 .container-policy.display-mobile {
        display: grid
    }
}

.pop-up-my-preference {
    background-color: #fff;
    border-radius: 15px;
    height: fit-content;
    margin: 0 auto;
    max-width: 540px !important;
    position: relative;
    vertical-align: baseline;
    width: 100%
}

.pop-up-change-pass, .pop-up-my-details-delete, .pop-up-requests-filter {
    background-color: #fff;
    height: fit-content;
    margin: 0 auto;
    max-width: 820px !important;
    vertical-align: baseline;
    width: 100%
}

.pop-up-my-preference .title-pop-up {
    display: block;
    margin: 0;
    padding: 0
}

.pop-up-my-preference .footer-btn-group {
    align-items: center;
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 20px 0 30px;
    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: #666
}

#input-search-cuisine {
    background-color: transparent;
    border: none;
    color: #152b55
}

#clear-search-icon {
    align-items: center;
    display: flex;
    height: 33px;
    width: 33px
}

    #clear-search-icon:focus {
        border: 1px solid #000;
        padding: 0 0 0 5px
    }

.cuisine-list {
    box-sizing: border-box;
    height: 345px;
    margin: 15px -40px 0;
    max-width: unset;
    overflow-y: auto;
    padding: 0;
    scroll-behavior: smooth;
    width: calc(100% + 80px)
}

    .cuisine-list + .footer-btn-group {
        box-shadow: 0 -2px 8px 0 rgba(0,0,0,.08);
        margin: 0 -40px;
        max-width: unset;
        padding: 20px 40px 30px;
        width: calc(100% + 80px)
    }

.lang-list {
    box-sizing: border-box;
    margin: 20px -40px 0;
    max-width: unset;
    overflow-y: auto;
    padding: 0;
    scroll-behavior: smooth;
    width: calc(100% + 80px)
}

.lang-item {
    height: fit-content;
    margin-bottom: 1px;
    padding: 10px 40px;
    width: 100%
}

    .lang-item p {
        color: #767474;
        margin: 0
    }

.cuisine-item {
    align-items: center;
    display: flex;
    height: 43px;
    justify-content: space-between;
    margin-bottom: 1px;
    padding: 0 35px 0 40px;
    width: 100%
}

    .cuisine-item-selected.cuisine-item, .cuisine-item:hover, .lang-item-selected {
        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;
    right: 40px;
    top: 40px
}

.pop-up-my-preference .search-text {
    align-items: center;
    border: 1px solid #ced4da;
    display: flex;
    gap: 7px;
    height: 40px;
    margin-top: 20px;
    padding: 0 10px;
    width: 100%
}

    .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;
    gap: 5px;
    grid-template-columns: auto auto auto;
    list-style: none
}

    .pop-up-change-pass ul.list-pwd-condition li, .pop-up-requests-filter .requests-filter-list div {
        align-items: center;
        display: flex
    }

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

.pop-up-change-pass .container-end {
    display: flex;
    gap: 20px;
    padding: 40px 0 80px
}

.pop-up-requests-filter .label-title {
    margin: 0 0 47px
}

.pop-up-requests-filter .requests-filter-list {
    display: grid;
    gap: 20px;
    grid-template-columns: 31% 31% 31%
}

.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-my-preference, .pop-up-requests-filter {
        -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-loyalty .container-button, .pop-up-my-details-delete .container-button {
        display: grid;
        grid-template-columns: 30% auto;
        padding: 60px 0 55px
    }

    .pop-up-requests-filter .label-title {
        margin-bottom: 30px
    }

    .pop-up-requests-filter .requests-filter-list {
        gap: 15px 20px;
        grid-template-columns: calc(50% - 10px) calc(50% - 10px)
    }

    .pop-up-requests-filter .container-button {
        display: grid;
        grid-template-columns: 50% auto;
        padding: 40px 0 55px
    }

        .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 {
        font-family: CeraPro-Regular;
        font-size: 26px;
        letter-spacing: -.31px;
        line-height: 36px;
        margin: 0
    }

    .cuisine-item {
        padding: 0 40px
    }

    .cuisine-list, .lang-list {
        width: calc(100% + 60px)
    }

    .pop-up-my-preference .footer-btn-group {
        flex-direction: row-reverse;
        gap: 20px;
        padding: 20px 0 55px
    }

    .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 {
        background-color: #fff;
        border: 1px solid #152b55;
        border-radius: 22.5px;
        color: #152b55;
        height: 45px;
        line-height: 45px;
        padding: 0 30px;
        width: fit-content;
        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-change-pass, .pop-up-my-details-delete, .pop-up-my-preference, .pop-up-requests-filter {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .cuisine-item:hover {
        background-color: transparent
    }

    .cuisine-item-selected.cuisine-item {
        background-color: #efe3d3
    }
}

.promo-code-module .container-start .title {
    margin-left: 20px
}

.promo-code-module .separator-option {
    background-color: #a1afc9;
    display: block;
    height: 1px;
    margin: 20px 0 15px;
    width: 100%
}

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

    .promo-code-module .container-end .container-copy-code {
        align-items: center;
        display: flex;
        gap: 10px
    }

        .promo-code-module .container-end .container-copy-code a {
            cursor: pointer;
            text-decoration: underline
        }

.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;
            min-width: 0;
            object-fit: cover
        }

    .common-detail-left .container-detail .container-image img {
        height: 340px;
        margin: 40px 0 0;
        object-fit: cover;
        width: 100%
    }

.common-detail-right .booking-not-require-detail, .common-detail-right .booking-online-detail {
    border-radius: 10px;
    box-shadow: 0 15px 25px -10px rgba(0,0,0,.15);
    height: fit-content;
    margin-top: 70px;
    padding: 50px 40px;
    width: 100%
}

.common-detail-right .booking-place-request-detail {
    height: fit-content;
    margin: 90px 0 60px
}

    .common-detail-right .booking-place-request-detail p {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        margin: 15px 0;
        padding: 15px 0
    }

    .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 {
    border: 1px solid #a1afc9;
    text-align: center
}

.common-detail-right .booking-not-require-detail {
    background-color: #eaeef0;
    border: none
}

    .common-detail-right .booking-not-require-detail .container-warning {
        align-items: center;
        background-color: #dde2e6;
        border-radius: 8px;
        display: flex;
        gap: 20px;
        margin: 23px 0 15px;
        padding: 17px 30px
    }

    .common-detail-right .booking-not-require-detail a {
        color: #152b55;
        cursor: pointer;
        display: block;
        margin-top: 32px;
        text-align: center
    }

        .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 {
        align-items: center;
        display: flex;
        gap: 15px;
        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) {
    .common-detail-right .booking-not-require-detail, .common-detail-right .booking-online-detail, .promo-code-module {
        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-not-require-detail, .common-detail-right .booking-online-detail {
        border-radius: 20px;
        margin: 0 20px 60px;
        padding: 40px 20px;
        width: auto
    }

        .common-detail-right .booking-online-detail .label-title {
            font-family: CeraPro-Regular;
            font-size: 26px;
            letter-spacing: -.31px;
            line-height: 36px;
            margin-bottom: 30px
        }

        .common-detail-left .about-module-2 .container-end .detail-link, .common-detail-right .booking-online-detail .label-description {
            margin-bottom: 15px
        }

        .common-detail-right .booking-online-detail button {
            height: 45px
        }

        .common-detail-right .booking-online-detail span {
            color: #666;
            font-family: CeraPro-Light;
            font-weight: 300
        }
}

.benefit-landing-page {
    margin: 0 auto;
    width: 1170px
}

    .benefit-landing-page .container-start {
        margin: 60px 0;
        width: 70%
    }

        .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;
        gap: 30px;
        grid-template-columns: 30% 23% 23% auto;
        margin-bottom: 30px
    }

        .benefit-landing-page .container-filter .container-sort-by {
            align-items: center;
            color: #666;
            display: flex;
            gap: 10px;
            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 {
                border-radius: 0;
                padding: 10px 15px;
                top: 61px
            }

            .benefit-landing-page .container-filter #dropdown-categories .dropdown-title {
                align-items: center;
                border-radius: 0;
                justify-content: space-between
            }

            .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 {
            padding: 0;
            width: unset
        }

        .benefit-landing-page .container-filter #dropdown-categories.dropdown-active .dropdown-title img {
            -webkit-transform: none;
            transform: none
        }

    .benefit-landing-page .container-list-item {
        column-gap: 30px;
        display: grid;
        grid-template-columns: calc(33.33333% - 20px) calc(33.33333% - 20px) calc(33.33333% - 20px);
        list-style: none;
        margin-bottom: 70px;
        row-gap: 70px
    }

        .benefit-landing-page .container-list-item .benefit-item {
            border: 1px solid #d3d3d3;
            border-radius: 15px;
            box-shadow: 0 15px 25px -10px rgba(0,0,0,.15);
            min-height: 520px;
            padding: 10px
        }

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

            .benefit-landing-page .container-list-item .benefit-item .benefit-detail {
                display: block;
                padding: 10px 20px
            }

                .benefit-landing-page .container-list-item .benefit-item .benefit-detail .button-benefit-item {
                    align-items: center;
                    cursor: pointer;
                    display: flex;
                    gap: 10px
                }

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

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

    .benefit-landing-page .button-load-more {
        width: calc(33.33333% - 20px)
    }

    .benefit-landing-page #dropdown-country {
        position: relative
    }

        .benefit-landing-page #dropdown-country .dropdown-title {
            align-items: center;
            color: #666;
            gap: 8px;
            height: 60px;
            justify-content: start;
            padding: 16px 10px
        }

        .benefit-landing-page #dropdown-country .dropdown-content {
            max-height: 300px;
            min-width: auto;
            overflow: auto;
            padding: 0 5px;
            width: 100%;
            z-index: 9
        }

            .benefit-landing-page #dropdown-country .dropdown-content .dropdown-header {
                background-color: #fff;
                padding: 15px 15px 0;
                position: sticky;
                top: 0;
                z-index: 10
            }

                .benefit-landing-page #dropdown-country .dropdown-content .dropdown-header .search-country {
                    border: 1px solid #cad1d6;
                    height: 40px;
                    width: 100%
                }

                .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 {
                    background-color: #eaeef0;
                    display: block;
                    height: 1px;
                    margin: 12px 0 15px;
                    width: 100%
                }

                .benefit-landing-page #dropdown-country .dropdown-content .dropdown-header .dd-sort-label {
                    color: #666;
                    display: block;
                    font-family: OpenSans-Regular;
                    font-size: 15px;
                    letter-spacing: -.2px;
                    line-height: 20px;
                    margin-top: 7px
                }

            .benefit-landing-page #dropdown-country .dropdown-content .dropdown-footer {
                box-sizing: border-box;
                overflow: auto;
                padding: 0 5px 14px
            }

                .benefit-landing-page #dropdown-country .dropdown-content .dropdown-footer .no-items {
                    color: #152b55;
                    display: none;
                    line-height: 38px;
                    padding: 0 10px
                }

                .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 {
                    align-items: center;
                    display: flex;
                    height: 30px;
                    padding: 0 10px;
                    width: 100%
                }

                    .benefit-landing-page #dropdown-country .dropdown-content .dropdown-footer .dropdown-item-country button {
                        align-items: center;
                        background: none;
                        background-color: unset;
                        border: 0;
                        display: flex;
                        padding: 0;
                        width: 100%
                    }

                        .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 {
                        background-color: #152b55;
                        border-radius: 4px;
                        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 {
        margin: 0 auto;
        width: calc(100% - 40px)
    }

        .benefit-landing-page .container-start {
            margin: 40px 0;
            width: 100%
        }

            .benefit-landing-page .container-start label {
                margin-bottom: 12px
            }

        .benefit-landing-page .container-list-item {
            grid-template-columns: 100%;
            margin-bottom: 50px;
            row-gap: 20px
        }

        .benefit-landing-page .container-filter {
            gap: 15px;
            grid-template-columns: 100%
        }

        .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;
                    height: auto;
                    letter-spacing: 0;
                    line-height: 21px;
                    margin-bottom: 10px
                }

        .benefit-landing-page .container-button-load-more {
            margin: 0 0 80px
        }

        .benefit-landing-page .button-load-more {
            height: 45px;
            padding: 0 36px;
            width: fit-content
        }

        .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-filter .container-sort-by .dropdown-sort-by-label img, .benefit-landing-page .container-sort-by .label-title {
                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 {
                align-items: center;
                display: flex;
                gap: 10px
            }

    #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 {
        margin: 0 20px;
        width: auto
    }

        .benefit-landing-page .container-filter {
            gap: 10px
        }

        .benefit-landing-page .container-list-item {
            gap: 40px;
            grid-template-columns: calc(50% - 20px) calc(50% - 20px)
        }
}

.golf-landing-page-v1 {
    margin: 0 auto;
    width: 1170px
}

    .golf-landing-page-v1 .label-title {
        margin: 60px 0 30px
    }

    .golf-landing-page-v1 .golf-steps {
        display: grid;
        gap: 18px;
        grid-template-columns: calc(33.33333% - 12px) calc(33.33333% - 12px) calc(33.33333% - 12px);
        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 {
            color: #152b55;
            display: block
        }

    .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: #666;
            font-size: 14px;
            letter-spacing: -.34px;
            line-height: 20px;
            margin: 0;
            white-space: nowrap
        }

    .golf-landing-page-v1 .button-show-more {
        border: 1px solid #152b55;
        border-radius: 8px;
        color: #163049;
        font-family: OpenSans-Regular;
        font-size: 18px;
        height: 60px;
        letter-spacing: 0;
        line-height: 24px;
        text-align: center;
        width: 200px
    }

    .golf-landing-page-v1 .container-list-item {
        display: grid;
        gap: 70px 30px;
        grid-template-columns: calc(33.33333% - 20px) calc(33.33333% - 20px) calc(33.33333% - 20px);
        list-style: none;
        margin-bottom: 70px
    }

        .golf-landing-page-v1 .container-list-item .golf-item img {
            background-repeat: no-repeat;
            border-radius: 10px;
            height: 320px;
            width: 100%
        }

        .golf-landing-page-v1 .container-list-item .golf-item .golf-detail .label-title {
            color: #152b55;
            display: block;
            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 {
            align-items: center;
            display: flex;
            gap: 11px
        }

            .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(33.33333% - 20px)
        }

    .golf-landing-page-v1 #clear-search-icon {
        height: 28px;
        margin: 0;
        width: 28px
    }

    .golf-landing-page-v1 .container-start {
        align-items: center;
        border-bottom: 1px solid #eaeef0;
        display: flex;
        justify-content: space-between
    }

        .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-filter .container-sort-by, .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-start .container-list-map label {
                align-items: center;
                cursor: pointer;
                display: flex
            }

            .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 {
        margin: 0 20px;
        width: auto
    }

        .golf-landing-page-v1 .container-start .label-title {
            margin: 0
        }

        .golf-landing-page-v1 .label-description {
            margin-bottom: 40px;
            width: 100%
        }

        .golf-landing-page-v1 .golf-steps {
            gap: 40px;
            grid-template-columns: 100%
        }

            .golf-landing-page-v1 .golf-steps .step-item label {
                font-size: 17px;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 21px;
                margin-top: 20px
            }

            .golf-landing-page-v1 .golf-steps .step-item p {
                margin: 10px 0 0
            }

        .golf-landing-page-v1 .container-filter {
            gap: 15px;
            margin-bottom: 20px
        }

            .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 {
            grid-template-columns: 100%;
            margin-bottom: 35px;
            row-gap: 20px
        }

            .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 {
        margin: 0 20px;
        width: auto
    }

        .golf-landing-page-v1 .container-list-item {
            grid-template-columns: calc(50% - 20px) calc(50% - 20px)
        }
}

.golf-landing-page-v2 {
    margin: 0 auto;
    width: 1170px
}

    .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: -.38px;
            line-height: 40px
        }

        .golf-landing-page-v2 .exclusive-offer-module .descript {
            letter-spacing: -.34px;
            line-height: 20px;
            margin: 0
        }

        .golf-landing-page-v2 .exclusive-offer-module p {
            letter-spacing: 0;
            line-height: 18px;
            margin: 0
        }

        .golf-landing-page-v2 .exclusive-offer-module a {
            color: #fff;
            letter-spacing: 0;
            line-height: 18px;
            text-decoration: none
        }

    .golf-landing-page-v2 .label-title {
        display: block;
        margin: 60px 0 20px
    }

    .golf-landing-page-v2 .label-description {
        display: block;
        margin-bottom: 40px;
        width: 70%
    }

    .golf-landing-page-v2 .golf-steps {
        display: grid;
        gap: 18px;
        grid-template-columns: calc(33.33333% - 12px) calc(33.33333% - 12px) calc(33.33333% - 12px);
        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 {
            height: 70px;
            width: 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(50% - 10px) calc(50% - 10px);
        list-style: none;
        margin: 20px 0 60px
    }

        .golf-landing-page-v2 .container-list-golf .golf-item {
            background-color: #dde2e6;
            border-radius: 15px;
            cursor: pointer;
            height: 130px;
            padding: 30px 20px;
            width: 100%
        }

            .golf-landing-page-v2 .container-list-golf .golf-item label {
                cursor: pointer;
                margin-bottom: 10px
            }

            .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 {
        align-items: center;
        display: flex;
        gap: 8px;
        height: 60px;
        padding: 0 10px
    }

@media only screen and (max-width:768px) {
    .golf-landing-page-v2 {
        margin: 0 20px;
        width: auto
    }

        .golf-landing-page-v2 .label-title {
            font-size: 26px;
            letter-spacing: -.31px;
            line-height: 36px;
            margin: 40px 0 20px
        }

        .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: -.31px;
                line-height: 36px
            }

            .golf-landing-page-v2 .exclusive-offer-module .separator-option {
                display: block
            }

        .golf-landing-page-v2 .container-list-golf, .golf-landing-page-v2 .golf-steps {
            grid-template-columns: 100%
        }
}

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

.no-result-module {
    display: flex;
    gap: 30px;
    margin: 0 auto 120px;
    width: 1170px
}

    .no-result-module img {
        border-radius: 15px;
        height: 270px;
        width: 270px
    }

    .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-chat, .no-result-module .no-result-detail .container-contact .container-mail, .no-result-module .no-result-detail .container-contact .container-phone {
            align-items: center;
            border-bottom: 1px solid #dde2e6;
            cursor: pointer;
            display: flex;
            gap: 10px;
            padding: 0 7px 30px
        }

        .benefit-content-item, .chat-bubble-container .chatbox-link label, .my-request-card label, .no-result-module .no-result-detail .container-contact label, .request-history-detail .container-start div label {
            cursor: pointer
        }

        .no-result-module .no-result-detail .container-contact .container-chat img, .no-result-module .no-result-detail .container-contact .container-mail img, .no-result-module .no-result-detail .container-contact .container-phone img {
            height: 26px;
            margin: 0;
            width: 26px
        }

        .no-result-module .no-result-detail .container-contact .container-chat label, .no-result-module .no-result-detail .container-contact .container-mail label, .no-result-module .no-result-detail .container-contact .container-phone label {
            margin: 0
        }

@media only screen and (max-width:767px) {
    .no-result-module {
        display: block;
        margin: 0 20px 80px;
        width: auto
    }

        .no-result-module img {
            height: 335px;
            margin-bottom: 30px;
            width: 100%
        }

        .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 {
            gap: 11.5px;
            grid-template-columns: 100%
        }

            .no-result-module .no-result-detail .container-contact .container-chat, .no-result-module .no-result-detail .container-contact .container-mail, .no-result-module .no-result-detail .container-contact .container-phone {
                padding: 0 0 19px
            }
}

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

        .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 {
            gap: 11.5px;
            grid-template-columns: 100%
        }

            .no-result-module .no-result-detail .container-contact .container-chat, .no-result-module .no-result-detail .container-contact .container-mail, .no-result-module .no-result-detail .container-contact .container-phone {
                padding: 0 0 19px
            }
}

.cookie-banner-module {
    background-color: #152b55;
    bottom: 0;
    color: #fff;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: 10
}

    .cookie-banner-module .cookie-banner {
        align-items: center;
        align-items: start;
        display: flex;
        gap: 100px;
        justify-content: space-between;
        margin: 0 auto;
        padding: 30px 0;
        width: 1170px
    }

        .cookie-banner-module .cookie-banner a {
            color: #fff;
            text-decoration: underline
        }

        .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;
                color: #fff;
                font-family: OpenSans-Light;
                font-size: 38px;
                font-weight: 100;
                height: 35px;
                line-height: 10px;
                padding: 0 0 3px;
                width: 35px
            }

@media only screen and (max-width:767px) {
    .cookie-banner-module .cookie-banner {
        display: block;
        margin: 0 20px;
        padding: 30px 0 50px;
        width: auto
    }

        .cookie-banner-module .cookie-banner .container-button {
            display: grid;
            grid-template-columns: auto 35px;
            margin-top: 30px
        }

            .cookie-banner-module .cookie-banner .container-button .button-accept {
                width: 100%
            }
}

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

        .cookie-banner-module .cookie-banner .container-button {
            display: grid;
            gap: 20px;
            grid-template-columns: auto 35px
        }
}

.testimonial-module {
    padding-bottom: 120px
}

    .testimonial-module .container-start {
        align-items: center;
        border-top: 1px solid #eaeef0;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        padding: 60px 0 40px;
        width: 1170px
    }

        .get-in-touch-content .title, .testimonial-module .container-start h2 {
            margin: 0
        }

        .testimonial-module .container-start div {
            display: flex;
            gap: 80px
        }

.testimonials-list-records .item-testimonial {
    background-color: #cad1d6;
    border-radius: 15px;
    color: #fff;
    height: 180px;
    margin: 0 3%;
    padding: 50px 80px;
    width: 96% !important
}

    .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: .5s
}

.get-in-touch {
    background-color: #f7f1e9;
    padding: 70px 0 100px
}

.get-in-touch-content {
    align-items: center;
    display: flex;
    height: fit-content;
    justify-content: space-between;
    margin: 0 auto;
    width: 1170px
}

.get-in-touch-list {
    display: flex;
    gap: 60px
}

    .get-in-touch-list .get-in-touch-item {
        align-items: center;
        display: flex;
        gap: 10px
    }

@media only screen and (max-width:767px) {
    .get-in-touch {
        background-color: #fff;
        padding: 20px 0 79.5px
    }

    .get-in-touch-content {
        display: block;
        margin: 0 20px;
        width: auto
    }

    .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 {
            border-top: none;
            display: grid;
            gap: 20px;
            grid-template-columns: auto 55px;
            margin: 0 20px 30px;
            padding: 0;
            width: auto
        }

            .testimonial-module .container-start div {
                gap: 30px
            }

    .testimonials-list-records .item-testimonial {
        height: 260px;
        padding: 40px 30px
    }

        .testimonials-list-records .item-testimonial p {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 9;
            -webkit-box-orient: vertical
        }
}

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

    .get-in-touch-list {
        gap: 30px
    }

    .testimonial-module .container-start {
        gap: 50px;
        margin: 0 20px;
        width: auto
    }

    .testimonials-list-records .item-testimonial {
        height: 220px;
        padding: 30px;
        width: 96% !important
    }

        .testimonials-list-records .item-testimonial p {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 8;
            -webkit-box-orient: vertical
        }
}

.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;
                pointer-events: none;
                position: relative
            }

                .my-profile-content .my-profile-left .menu-profile .menu-profile-list li a {
                    display: block;
                    height: 100%;
                    left: 0;
                    pointer-events: auto;
                    position: absolute;
                    top: 0;
                    width: 100%
                }

                    .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 {
    display: inline-flex;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.my-account-page .container-infor .container-phone .verify-phone {
    line-height: 20px;
    margin-bottom: 12px;
    text-decoration: underline
}

.my-account-page, .my-detail-page, .my-prefer-page, .my-request-page {
    margin: 0 auto;
    max-width: 800px;
    padding: 80px 0 110px;
    width: 85%
}

    .my-account-page .my-account-title {
        align-items: center;
        display: flex;
        justify-content: space-between;
        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
    }

    .list-communication-preferences .communication-preferences-item p, .my-account-page .container-communication-prefer .label-title, .my-account-page .list-booking-categories .booking-categories-item checkbox, .my-account-page .my-account-title label, .my-profile-content, .my-request-page .label-title {
        margin: 0
    }

    .my-account-page label.txt-user-mail {
        display: block;
        margin-top: 19px
    }

    .my-account-page label.txt-user-name {
        display: block;
        margin-top: 5px
    }

    .my-account-page .list-booking-categories {
        display: grid;
        gap: 20px;
        grid-template-columns: calc(50% - 10px) calc(50% - 10px)
    }

        .my-account-page .list-booking-categories .booking-categories-item {
            align-items: center;
            background-color: #eaeef0;
            border-radius: 15px;
            display: flex;
            gap: 20px;
            padding: 10px
        }

    .my-account-page .list-booking-categories {
        border-bottom: 1px solid #cad1d6;
        margin-bottom: 30px;
        padding-bottom: 31px
    }

        .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 {
    border-bottom: 1px solid #cad1d6;
    padding: 20px 0
}

    .list-communication-preferences .communication-preferences-item:last-child {
        border-bottom: none
    }

    .list-communication-preferences .communication-preferences-item div:not([class]) {
        align-items: center;
        display: grid;
        gap: 15px;
        grid-template-columns: auto 52px;
        margin: 10px 0
    }

.my-account-page .btn-update-account-detail {
    margin: 10px 0 0
}

.tab-profile-active {
    background: linear-gradient(270deg,rgba(84,96,108,.3),rgba(84,96,108,0))
}

.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),rgba(84,96,108,.3));
        margin-left: -20px;
        padding-left: 20px
    }

    .my-profile-content {
        margin: 0 20px;
        width: auto
    }

        .my-profile-content .modal, .my-profile-content .my-profile-right {
            padding: 0
        }

        .my-profile-content .my-profile-left {
            height: fit-content;
            margin: 0 -20px;
            max-width: 100vw;
            top: 60px;
            width: calc(100% + 40px);
            z-index: 3
        }

            .my-profile-content .my-profile-left .menu-profile {
                display: block;
                height: fit-content;
                padding: 40px 20px 20px;
                width: 100%
            }

                .my-profile-content .my-profile-left .menu-profile .menu-profile-list {
                    display: grid;
                    grid-template-columns: 50% 50%;
                    padding-top: 15px
                }

                    .my-profile-content .my-profile-left .menu-profile .menu-profile-list li {
                        border-bottom: 1px solid hsla(0,0%,40%,.1);
                        height: 40px;
                        line-height: 40px
                    }

                        .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-detail-page, .my-prefer-page, .my-request-page {
        padding: 40px 0 80px;
        width: 100%
    }

        .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
    }
}

.my-request-page .container-filter {
    display: grid;
    gap: 20px;
    grid-template-columns: auto 130px;
    padding: 40px 0
}

    .my-request-page .container-filter .request-filter {
        align-items: center;
        border: 1px solid #cad1d6;
        cursor: pointer;
        display: flex;
        gap: 7px;
        height: 60px;
        padding: 0 10px
    }

        .my-request-page .container-filter .request-filter.selected, .my-request-page .highlight {
            background-color: #eaeef0;
            border: 2px solid #152b55
        }

    .my-request-page .container-filter .mr-filter-number {
        background-color: #152b55;
        border-radius: 50%;
        color: #fff;
        display: none;
        height: 20px;
        text-align: center;
        width: 20px
    }

.tab-header-request {
    border-bottom: 1px solid #cad1d6;
    display: flex;
    height: 70px;
    width: 100%
}

    .tab-header-request .tab-header-request-item {
        align-items: center;
        cursor: pointer;
        display: flex;
        justify-content: center;
        user-select: none;
        width: 100%
    }

        .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 {
            background-color: #fff;
            border-radius: 20px;
            height: 39px;
            margin-left: 10px;
            text-align: center;
            width: 39px
        }

.tab-content-request {
    height: fit-content;
    padding: 40px 0;
    width: 100%
}

    .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(50% - 12.5px) calc(50% - 12.5px)
        }

.my-request-card {
    height: 275px;
    margin: 0
}

    .my-request-card.upcoming-card {
        cursor: pointer;
        width: 100% !important
    }

    .my-request-card .container-start {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

        .my-request-card .container-start span {
            text-align: right
        }

    .my-request-card .request-type {
        align-items: center;
        background-color: #fff;
        border-radius: 19px;
        color: #152b55;
        display: flex;
        gap: 11px;
        height: 30px;
        padding: 0 15px;
        width: fit-content
    }

@media only screen and (max-width:767px) {
    .my-request-page .container-filter {
        gap: 15px;
        padding: 20px 0
    }

    .tab-header-request .tab-header-request-item label.heading-04 {
        font-size: 14px;
        letter-spacing: -.34px;
        line-height: 20px
    }

    .tab-header-request .tab-header-request-item .tab-number {
        font-size: 14px;
        font-weight: 500;
        height: 24px;
        letter-spacing: -.34px;
        line-height: 20px;
        width: 24px
    }

    .tab-content-request .tab-content-request-item.selected {
        gap: 20px;
        grid-template-columns: 100%
    }

    .tab-content-request {
        padding: 20px 0
    }
}

.my-prefer-page .label-title {
    margin: 0 0 10px
}

.my-prefer-page .container-prefer-item {
    background-color: #eaeef0;
    border-radius: 15px;
    height: fit-content;
    margin-top: 15px;
    padding: 25px 30px;
    transition-duration: .3s;
    width: 100%
}

    .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 {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .my-prefer-page .container-prefer-item .container-list-prefer-item {
        column-gap: 10px;
        display: flex;
        flex-wrap: wrap
    }

        .my-prefer-page .container-prefer-item .container-list-prefer-item .prefer-item {
            background-color: #fff;
            border-radius: 12px;
            line-height: 26px;
            margin-top: 10px;
            min-height: 26px;
            padding: 0 15px;
            width: fit-content
        }

    .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 {
        border: 1px solid #152b55;
        outline: none
    }

.my-prefer-page .container-prefer-category {
    margin-top: 70px;
    width: 100%;
    height: 160px;
    border-radius: 15px;
    position: relative;
}
    .my-prefer-page .container-prefer-category::after {
        content: '';
        height: 100%;
        left: 0;
        opacity: 1;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
        border-radius: 15px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.36) 36.51%);
    }
    .my-prefer-page .container-prefer-category .prefer-img {
        object-fit: cover;
        border-radius: 15px;
        height: 160px;
        width: 100%;
    }
    .my-prefer-page .container-prefer-category h2 {
        color: #fff;
        margin: 0;
        position: absolute;
        top: 52px;
        left: 30px;
        z-index: 2;
    }

.my-prefer-page .btn-update {
    margin-top: 60px
}

.pop-up-default-location {
    border-radius: 15px;
    margin: 0 auto;
    max-width: 600px
}

    .pop-up-default-location .modal-dialog {
        width: 600px
    }

    .pop-up-default-location .undisplay-mobile.popupClose {
        position: absolute;
        right: 50px;
        top: 40px
    }

    .pop-up-default-location .container-button {
        align-items: center;
        box-shadow: 0 -2px 8px 0 rgb(0 0 0/8%);
        display: flex;
        justify-content: space-between;
        margin: 0 -40px;
        padding: 20px 40px
    }

    .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 {
        height: 80px;
        margin-top: 60px;
    }
        .my-prefer-page .container-prefer-category .prefer-img {
            height: 80px;
        }
        .my-prefer-page .container-prefer-category h2 {
            top: 22px;
            left: 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 {
        direction: rtl;
        display: grid;
        grid-template-columns: auto 27%;
        justify-content: unset;
        margin: 0 -20px;
        padding: 20px 20px 55px
    }

        .pop-up-default-location .container-button .clear-button {
            border: 1px solid #152b55;
            border-radius: 22.5px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            width: 100%
        }
}

.my-detail-page .container-loyalty-program .container-start {
    align-items: center;
    display: flex;
    justify-content: space-between;
    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-address .label-title, .my-detail-page .container-passport-detail .label-title {
    margin: 0 0 40px
}

.my-detail-page .btn-update, .my-detail-page .container-address, .my-detail-page .container-passport-detail {
    margin-top: 60px
}

    .my-detail-page .container-address .container-margin, .my-detail-page .container-passport-detail .container-margin {
        margin-bottom: 30px
    }

.my-detail-page .t-dates {
    height: 40px
}

    .my-detail-page .t-dates .ic-calendar {
        position: absolute;
        right: 0
    }

.dropdown-custom .dropdown-item-not-found, .my-detail-page .container-loyalty-program .btn-add-program.display-mobile {
    display: none
}

.my-detail-page .loyalty-program-item {
    background-color: #eaeef0;
    border-radius: 15px;
    margin: 0 7px;
    min-height: 336px;
    padding: 28px 30px;
    position: relative;
    width: 96% !important
}

    .my-detail-page .loyalty-program-item .tile {
        color: #666;
        display: block;
        margin-bottom: 4px
    }

    .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 {
            align-items: center;
            display: flex
        }

    .my-detail-page .loyalty-program-item .container-button {
        display: none;
        gap: 10px;
        position: absolute;
        right: 20px;
        top: 20px
    }

        .my-detail-page .loyalty-program-item .container-button .separator-option {
            border-left: 1px solid #54606c;
            height: 11px;
            width: 1px
        }

.dropdown-custom {
    position: relative
}

    .dropdown-custom .ic-down {
        transform-origin: center;
        transition: all .3s ease
    }

    .dropdown-custom .search-text {
        align-items: center;
        border: 1px solid #cad1d6;
        gap: 10px;
        height: 40px;
        padding: 0 5px
    }

    .dropdown-active .dropdown-title, .dropdown-custom.dropdown-active .dropdown-title {
        border: 1px solid #152b55
    }

    .dropdown-custom-multiselect.dropdown-active .dropdown-content, .dropdown-custom.dropdown-active .dropdown-content {
        display: block;
        max-height: 300px;
        overflow-y: auto;
        padding: 0;
        scroll-behavior: smooth;
        z-index: 4
    }

    .dropdown-custom .dropdown-content .dropdown-header {
        background-color: #fff;
        padding: 15px 10px 10px;
        position: sticky;
        top: 0
    }

        .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 {
        margin: 20px 0;
        width: 100%
    }

        .my-detail-page .container-loyalty-program .btn-add-program.display-mobile {
            display: block
        }

    .my-detail-page .container-address .label-title, .my-detail-page .container-passport-detail .label-title {
        margin: 0 0 30px
    }

    .my-detail-page .container-address, .my-detail-page .container-passport-detail {
        margin-top: 20px
    }

        .my-detail-page .container-address .container-margin, .my-detail-page .container-loyalty-program .container-start, .my-detail-page .container-passport-detail .container-margin {
            margin-bottom: 20px
        }

    .my-detail-page .btn-update {
        margin-top: 20px;
        width: 100%
    }

    .my-detail-page .loyalty-program-item {
        background-color: #efe3d3;
        min-height: 277px;
        padding: 15px 20px 25px;
        width: 100%
    }

        .my-detail-page .loyalty-program-item .container-infor:last-child, .my-detail-page .loyalty-program-item .tile {
            margin-bottom: 0
        }

        .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 {
            align-items: center;
            display: flex
        }

        .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
        }
}

.request-history-detail {
    margin: 0 auto;
    padding-bottom: 120px;
    width: 85%
}

    .request-history-detail .container-start {
        align-items: center;
        border-bottom: 1px solid #cad1d6;
        display: flex;
        height: 70px;
        justify-content: space-between;
        width: 100%
    }

        .request-history-detail .container-start div {
            align-items: center;
            cursor: pointer;
            display: flex;
            gap: 10px
        }

    .request-history-detail .container-notify {
        align-items: center;
        background-color: #c1cedb;
        border-radius: 10px;
        display: grid;
        gap: 10px;
        grid-template-columns: 30px auto;
        height: fit-content;
        margin-top: 30px;
        padding: 20px;
        width: 100%
    }

    .request-history-detail .container-infor {
        margin-top: 40px
    }

    .request-history-detail .category-status {
        align-items: center;
        border-radius: 20px;
        display: flex;
        gap: 8px;
        height: 30px;
        margin-top: 20px;
        padding: 0 13.5px;
        width: fit-content
    }

        .request-history-detail .category-status img {
            height: 16px;
            width: 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 {
        border-bottom: 1px solid #cad1d6;
        padding: 20px 0 40px
    }

        .request-history-detail .container-summary div {
            display: flex;
            gap: 30px
        }

            .request-history-detail .container-detail .container-detail-item label, .request-history-detail .container-summary div:first-child {
                margin: 10px 0
            }

    .request-history-detail .container-contact .container-button-1, .request-history-detail .container-contact .container-button-2 {
        align-items: center;
        display: flex;
        gap: 30px;
        margin-top: 10px
    }

        .request-history-detail .container-contact .container-button-1 .container-phone, .request-history-detail .container-contact .container-button-2 .container-phone {
            cursor: pointer;
            display: flex;
            gap: 30px
        }

    .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 {
        border-bottom: 1px solid #cad1d6;
        display: flex;
        gap: 10px;
        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 {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .request-history-detail .container-detail .label-title {
        line-height: 57px;
        margin-bottom: 20px
    }

    .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: .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 {
            align-items: start;
            border-bottom: 1px dashed #cad1d6;
            display: grid;
            grid-template-columns: 140px auto;
            min-height: 50px
        }

        .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 {
        padding-bottom: 80px;
        width: 100%
    }

        .request-history-detail .category-status {
            margin: 0
        }

        .request-history-detail .container-category-date-time {
            align-items: center;
            display: flex;
            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 {
            align-items: unset;
            border-bottom: 1px solid #eaeef0;
            border-top: 1px solid #eaeef0;
            flex-direction: column;
            gap: 5px;
            height: fit-content;
            min-height: 46px;
            padding-bottom: 8px
        }

            .request-history-detail .container-detail .container-detail-item label:last-child, .request-history-detail .container-start .booking-no {
                text-align: right
            }

        .request-history-detail .container-img-time label, .request-history-detail .menu-profile {
            display: none
        }

        .request-history-detail .container-img-time img {
            height: 335px;
            margin-bottom: 0;
            width: 100%
        }

        .request-history-detail .container-infor {
            flex-direction: column-reverse;
            margin-top: 20px
        }

        .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 {
                align-items: center;
                justify-content: space-between
            }

                .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 {
                font-family: CeraPro-Regular;
                font-size: 26px;
                letter-spacing: -.31px;
                line-height: 36px;
                margin: 0 0 30px
            }

            .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 {
                border-bottom: 1px solid #dde2e6;
                justify-content: space-between;
                min-height: 40px
            }

                .request-history-detail .container-detail .container-detail-item .small-tile {
                    color: #666;
                    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 {
        flex-direction: column;
        justify-content: center;
        margin-top: 20px
    }

        .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 {
            height: 45px;
            width: 100%
        }

    .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, .request-history-detail .container-contact .container-button-2 .container-phone {
        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
        }
}

.modal-success {
    align-items: center;
    background-color: transparent;
    display: none;
    gap: 20px;
    grid-template-columns: auto 20px;
    justify-content: center;
    position: fixed;
    top: 10%;
    width: 100%;
    z-index: 12
}

    .modal-success div.animate {
        align-items: center;
        display: flex;
        gap: 20px
    }

    .modal-success .pop-up-success {
        align-items: center;
        background-color: #152b55;
        border-radius: 15px;
        display: flex;
        gap: 25px;
        padding: 20px 40px
    }

        .modal-success .pop-up-success .Combined_Shape {
            left: 0;
            top: 8px
        }

        .modal-success .pop-up-success .ic-done {
            height: 48px;
            width: 48px
        }

@media only screen and (max-width:767px) {
    .modal-success {
        grid-template-columns: auto;
        margin: 0 20px;
        width: auto
    }

        .modal-success .pop-up-success {
            gap: 15px;
            padding: 15px
        }

            .modal-success .pop-up-success .label-title {
                font-size: 14px;
                letter-spacing: -.34px;
                line-height: 20px
            }

            .modal-success .pop-up-success .ic-done {
                height: 40px;
                width: 40px
            }
}

.chat-bubble-container .chat-box-wrapper {
    align-items: center;
    background-color: #aa3139;
    border-radius: 35px;
    bottom: 0;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.4);
    cursor: pointer;
    display: flex;
    height: 70px;
    justify-content: center;
    margin-bottom: 30px;
    min-width: 232px;
    position: fixed;
    right: 30px;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform: scale(1);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    width: fit-content;
    z-index: 100
}

    .chat-bubble-container .chat-box-wrapper.visible-cookies-banner {
        margin-bottom: 130px
    }

    .chat-bubble-container .chat-box-wrapper .chatbox-link {
        align-items: center;
        color: #fff;
        display: flex;
        gap: 15px;
        text-decoration: none
    }

@media only screen and (max-width:767px) {
    .chat-bubble-container .chat-box-wrapper {
        height: 56px;
        min-width: unset;
        width: 56px
    }

        .chat-bubble-container .chat-box-wrapper label {
            display: none
        }

        .chat-bubble-container .chat-box-wrapper.visible-cookies-banner {
            margin-bottom: 240px;
            right: 20px
        }
}

.header-wrapper .maintaining-pop-up {
    margin: 0 -60px
}

.header-wrapper .maintaining-pop-up, .maintaining-pop-up {
    background-color: #c1cedb;
    height: fit-content;
    padding: 25px 0 34px;
    width: auto
}

.maintaining-pop-up {
    margin: 0
}

    .maintaining-pop-up .maintaining-content {
        align-content: center;
        display: flex;
        gap: 20px;
        justify-content: space-between;
        margin: 0 auto;
        width: 1170px
    }

        .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
        }
}

.contact-concierge-page {
    padding: 60px 0 120px
}

    .contact-concierge-page .contact-concierge-content {
        margin: 0 auto;
        width: 1170px
    }

        .contact-concierge-page .contact-concierge-content .search-text {
            align-items: center;
            border: 1px solid #cad1d6;
            gap: 8px;
            height: 60px;
            margin: 25px 0 30px;
            padding: 14px 10px;
            position: relative;
            width: 100%
        }

            .contact-concierge-page .contact-concierge-content .search-text .container-suggestion {
                background-color: #fff;
                border: 1px solid #152b55;
                display: none;
                left: 0;
                list-style: none;
                max-height: 300px;
                overflow-x: hidden;
                overflow-y: auto;
                position: absolute;
                top: calc(100% + 7px);
                width: calc(100% + 2px);
                z-index: 2
            }

            .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 {
                background-color: #eaeef0;
                border: 2px solid #152b55
            }

            .contact-concierge-page .contact-concierge-content .search-text.highlight-couldnt-find .container-suggestion {
                border: 1px solid #cad1d6;
                display: block
            }

            .contact-concierge-page .contact-concierge-content .search-text.highlight-couldnt-find .couldnt-find-text, .contact-concierge-page .contact-concierge-content .search-text.highlight-search .container-suggestion {
                display: block
            }

            .contact-concierge-page .contact-concierge-content .search-text.highlight-couldnt-find {
                background-color: rgba(154,61,55,.05);
                border: 1px solid #9a3d37
            }

            .contact-concierge-page .contact-concierge-content .search-text .container-suggestion li {
                align-items: center;
                border-bottom: 1px solid #cad1d6;
                color: #152b55;
                display: flex;
                height: 60px;
                line-height: 60px;
                margin: 0 18px;
                width: auto
            }

        .contact-concierge-page .contact-concierge-content th:first-child {
            vertical-align: middle;
            width: 20%
        }

        .contact-concierge-page .contact-concierge-content th, .contact-concierge-page .list-countries {
            width: 100%
        }

            .contact-concierge-page .contact-concierge-content td .contact-concierge-row, .contact-concierge-page .contact-concierge-content th .contact-concierge-header-row {
                display: grid;
                grid-template-columns: 25% 25% auto
            }

        .contact-concierge-page .contact-concierge-content .list-countries thead {
            border-bottom: 1px solid #cad1d6;
            height: 71px
        }

        .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 {
                align-items: flex-start;
                display: flex;
                margin-top: 20px
            }

        .contact-concierge-page .contact-concierge-content td .contact-concierge-row .phone-cell, .contact-concierge-page .contact-concierge-content td .contact-concierge-row .tier-cell {
            line-height: 20px;
            margin-top: 20px
        }

        .contact-concierge-page .contact-concierge-content td .contact-concierge-row:last-child .phone-cell, .contact-concierge-page .contact-concierge-content td .contact-concierge-row:last-child .tier-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 {
    color: #c94a4a;
    display: none;
    height: fit-content;
    min-height: 60px;
    padding: 18px 20px 22px;
    width: 100%
}

@media only screen and (max-width:767px) {
    .contact-concierge-page {
        padding: 30px 0 60px
    }

        .contact-concierge-page .contact-concierge-content {
            margin: 0 20px;
            width: auto
        }

            .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 {
                    color: #666;
                    font-family: CeraPro-Regular;
                    margin-top: 28px
                }

                .contact-concierge-page .contact-concierge-content td .contact-concierge-row .phone-cell, .contact-concierge-page .contact-concierge-content td .contact-concierge-row:first-child .tier-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 .phone-cell, .contact-concierge-page .contact-concierge-content td .contact-concierge-row:last-child .tier-cell {
                margin-bottom: 0
            }

            .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 {
        min-height: calc(100vh - 620px);
        padding: 30px 0 60px
    }

        .contact-concierge-page .contact-concierge-content {
            margin: 0 20px;
            width: auto
        }
}

@media (min-width:768px) and (max-width:820px) {
    .contact-concierge-page .contact-concierge-content td .contact-concierge-row, .contact-concierge-page .contact-concierge-content th .contact-concierge-header-row {
        grid-template-columns: 22% 28% auto
    }
}

.top-category-travel-guide {
    margin-bottom: 90px
}

    .top-category-travel-guide .container-start {
        align-items: center;
        display: flex;
        gap: 20px;
        margin-bottom: 28px
    }

    .top-category-travel-guide .top-dining-item-container {
        display: grid !important;
        gap: 30px;
        grid-template-columns: 210px auto;
        height: fit-content;
        margin: 0 0 20px;
        max-width: unset;
        min-height: unset;
        width: 100%
    }

        .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
        }

        .pre-travel-planning .container-list .pre-travel-planning-item p, .pre-travel-planning .label-title, .top-category-travel-guide .container-start .heading-01, .top-category-travel-guide .top-dining-item-container .detail-item-container, .travel-guide-module .explore-detail p {
            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 {
        align-items: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 15px;
        display: grid;
        gap: 150px;
        grid-template-columns: auto 60px;
        height: fit-content;
        justify-content: space-between;
        margin-top: 20px;
        padding: 10px 30px 30px;
        position: relative
    }

        .pre-travel-planning .container-list .pre-travel-planning-item .bg-blur {
            background: linear-gradient(259.36deg,rgba(193,206,219,0),#c1cedb 34.74%,#c1cedb);
            border-radius: 15px;
            height: 100%;
            position: absolute;
            width: 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),#152b55 34.74%,#152b55)
        }

        .pre-travel-planning .container-list .pre-travel-planning-item button {
            align-items: center;
            background-color: #fff;
            border: none;
            border-radius: 50%;
            display: flex;
            height: 60px;
            padding-left: 18px;
            width: 60px;
            z-index: 0
        }

.tab-list-travel-guide {
    display: flex;
    height: 65px;
    margin: 40px 0;
    overflow: auto hidden;
    width: 100%
}

    .tab-list-travel-guide .tab-item-travel-guide {
        background-color: rgba(21,43,85,.03);
        line-height: 65px;
        min-width: 112px;
        text-align: center
    }

        .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 {
    padding: 0 0 90px;
    width: auto
}

    .travel-guide-module .tiles-module-5-content .explore-activity {
        min-height: unset;
        padding: 20px 30px 40px
    }

    .travel-guide-module .tiles-module-5-content .explore-card .explore-card-img {
        height: 210px;
        width: 300px
    }

    .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 {
        color: #fff;
        display: -webkit-box;
        margin: -60px 20px 30px;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 56px
    }

.travel-guide-module .explore-activity button.slick-arrow.slick-next {
    right: 0;
    top: -40px
}

.travel-guide-module .explore-activity button.slick-arrow.slick-prev {
    left: 220px;
    top: -40px
}

.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-left: 0;
    padding-right: 50px
}

.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 {
    border-bottom: 1px solid #eaeef0;
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 20px
}

    .container-button-vaccine button {
        background-color: transparent;
        border: 1px solid #152b55;
        border-radius: 20px;
        height: 35px;
        transition-duration: .7s;
        width: 100%
    }

        .container-button-vaccine button.selected {
            background-color: #152b55;
            color: #fff
        }

.container-list-checkbox {
    border-bottom: 1px solid #eaeef0;
    margin-bottom: 14px;
    padding-bottom: 10px
}

    .container-list-checkbox .container-line-checkbox {
        align-items: center;
        display: flex;
        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-x: auto;
        overflow-y: hidden;
        padding-bottom: 10px
    }

        .tab-list-travel-guide .tab-item-travel-guide {
            background-color: #f8f8fa;
            border-bottom: 1px solid #cad1d6;
            min-width: 100px
        }

    .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 {
            display: block !important;
            margin: 0 2%;
            min-height: 460px;
            width: 96% !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;
        margin: 0 2%;
        width: 96%
    }

    .travel-guide-module .tiles-module-5-content .explore-activity #slick-content {
        float: unset;
        margin: 0 -41px;
        width: unset
    }

    .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;
        margin: 0 -41px;
        width: unset
    }

    .travel-guide-module .tiles-module-5-content .explore-card .explore-card-img {
        height: 250px;
        margin: 0 2%;
        width: 96%
    }

    .travel-guide-module .explore-detail {
        padding: 0
    }
}

.prestige-module {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 90px;
    width: 100%
}

    .prestige-module .slider__counter {
        display: block
    }

    .prestige-module .body-content {
        margin: 0 auto;
        width: 1170px
    }

        .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 {
        background-repeat: round;
        background-size: cover;
        border-radius: 20px;
        display: flex;
        height: 500px;
        justify-content: flex-end;
        padding-left: 40px;
        padding-right: 40px;
        width: 100%
    }

        .prestige-module .prestige-item .prestige-item-content {
            padding: 40px 0;
            width: 50%
        }

        .prestige-module .prestige-item label {
            margin: 0 0 20px
        }

        .prestige-module .prestige-item a {
            cursor: pointer;
            display: block;
            margin-bottom: 40px;
            text-decoration: underline
        }

.explore-activity .slick-next, .explore-activity .slick-prev {
    top: 38%
}

.prelogin-list-module .slick-next, .prelogin-list-module .slick-prev {
    top: 45%
}

.testimonials-list-records .slick-next, .tiles-module-6 .slick-next {
    right: 20px;
    top: -70px
}

.testimonials-list-records .slick-prev, .tiles-module-6 .slick-prev {
    left: 90%;
    top: -70px
}

    .explore-activity .slick-next:before, .explore-activity .slick-prev:before, .icon-down-big-blue, .icon-left-big-blue, .icon-right-big-blue, .icon-up-big-blue, .multiple-slicks-module .slick-module .slick-next:before, .multiple-slicks-module .slick-module .slick-prev:before, .my-detail-page .slick-next:before, .my-detail-page .slick-prev:before, .pre-travel-planning .container-list .pre-travel-planning-item .icon-right, .prelogin-list-module .slick-next:before, .prelogin-list-module .slick-prev:before, .prestige-module .slick-next:before, .prestige-module .slick-prev:before, .recommendation-module .slick-next:before, .recommendation-module .slick-prev:before, .testimonials-list-records .slick-next:before, .testimonials-list-records .slick-prev:before, .tile-module-list-records .slick-next:before, .tile-module-list-records .slick-prev:before, .tiles-module-6 .slick-next:before, .tiles-module-6 .slick-prev:before, .travel-tile-module-list-records .slick-next:before, .travel-tile-module-list-records .slick-prev:before, .upcoming-activity .slick-next:before, .upcoming-activity .slick-prev:before {
        border-left: 2px solid #152b55;
        border-top: 2px solid #152b55;
        color: #152b55;
        content: "";
        display: block;
        height: 15px;
        position: absolute;
        transition-duration: .3s;
        width: 15px
    }

.icon-down-medium-blue, .icon-left-medium-blue, .icon-right-medium-blue, .icon-up-medium-blue {
    border-left: 2px solid #152b55;
    border-top: 2px solid #152b55;
    content: "";
    display: block;
    height: 9px;
    transition-duration: .3s;
    width: 9px
}

.ic-down {
    border-left: 2px solid #54606c;
    border-top: 2px solid #54606c;
    content: "";
    display: block;
    height: 10px;
    margin: 0;
    transition-duration: .3s;
    width: 10px
}

.ic-left, .ic-right, .icon-down-small-blue, .icon-left-small-blue, .icon-right-small-blue, .icon-up-small-blue {
    border-left: 2px solid #152b55;
    border-top: 2px solid #152b55;
    content: "";
    display: block;
    height: 7px;
    margin: 0;
    transition-duration: .3s;
    width: 7px
}

.datepicker-controls .button[disabled] .icon-left-small-blue, .datepicker-controls .button[disabled] .icon-right-small-blue {
    border-left: 2px solid #7a7a7a;
    border-top: 2px solid #7a7a7a
}

.ic-menu-item, .icon-down-small-white, .icon-left-small-white, .icon-right-small-white, .icon-up-small-white {
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    display: block;
    height: 7px;
    margin: 0;
    transition-duration: .3s;
    width: 7px
}

.icon-right-medium-white {
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    display: block;
    height: 9px;
    transition-duration: .3s;
    width: 9px
}

.ic-down, .icon-down-big-blue, .icon-down-medium-blue, .icon-down-small-blue, .icon-down-small-white {
    transform: rotate(-135deg)
}

.dropdown-active .ic-down, .dropdown-active .icon-down-big-blue, .dropdown-active .icon-down-medium-blue, .dropdown-active .icon-down-small-blue, .dropdown-active .icon-down-small-white, .icon-up-big-blue, .icon-up-medium-blue, .icon-up-small-white {
    transform: rotate(45deg)
}

.explore-activity .slick-next:before, .ic-menu-item, .ic-right, .icon-right-big-white, .icon-right-medium-white, .icon-right-small-blue, .icon-right-small-white, .multiple-slicks-module .slick-module .slick-next:before, .my-detail-page .slick-next:before, .pre-travel-planning .container-list .pre-travel-planning-item .icon-right, .prelogin-list-module .slick-next:before, .prestige-module .slick-next:before, .recommendation-module .slick-next:before, .testimonials-list-records .slick-next:before, .tile-module-list-records .slick-next:before, .tiles-module-6 .slick-next:before, .travel-tile-module-list-records .slick-next:before, .upcoming-activity .slick-next:before {
    transform: rotate(135deg)
}

.explore-activity .slick-prev:before, .ic-left, .icon-left-big-blue, .icon-left-medium-blue, .icon-left-small-blue, .icon-left-small-white, .multiple-slicks-module .slick-module .slick-prev:before, .my-detail-page .slick-prev:before, .prelogin-list-module .slick-prev:before, .prestige-module .slick-prev:before, .recommendation-module .slick-prev:before, .testimonials-list-records .slick-prev:before, .tile-module-list-records .slick-prev:before, .tiles-module-6 .slick-prev:before, .travel-tile-module-list-records .slick-prev:before, .upcoming-activity .slick-prev:before {
    transform: rotate(-45deg)
}

@media only screen and (max-width:767px) {
    .prestige-module {
        padding: 40px 0
    }

        .prestige-module .body-content {
            margin: 0 20px;
            width: auto
        }

            .prestige-module .body-content .label-description {
                margin: 20px 0 30px;
                width: unset
            }

        .prestige-module .label-description {
            margin: 20px
        }

        .prestige-module .prestige-item .prestige-item-content {
            padding: 0;
            width: 100%
        }

        .prestige-module .prestige-item a {
            margin-bottom: 30px
        }

    .testimonials-list-records .slick-prev {
        left: 80%
    }

    .explore-activity .slick-next, .explore-activity .slick-prev, .prestige-module .slick-next, .prestige-module .slick-prev, .tile-module-list-records .slick-next, .tile-module-list-records .slick-prev, .tiles-module-6 .slick-next, .tiles-module-6 .slick-prev, .travel-tile-module-list-records .slick-next, .travel-tile-module-list-records .slick-prev, .upcoming-activity .slick-next, .upcoming-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
    }

    .explore-activity .slick-next, .prestige-module .slick-next, .tile-module-list-records .slick-next, .tiles-module-6 .slick-next, .upcoming-activity .slick-next {
        right: 20px
    }

    .travel-tile-module-list-records .slick-next {
        right: 5px
    }

    .explore-activity .slick-prev, .prestige-module .slick-prev, .tile-module-list-records .slick-prev, .tiles-module-6 .slick-prev, .upcoming-activity .slick-prev {
        left: 20px
    }

    .travel-tile-module-list-records .slick-prev {
        left: 5px
    }

    .upcoming-activity .slick-next, .upcoming-activity .slick-prev {
        bottom: -50px
    }

    .prestige-module .slick-next, .prestige-module .slick-prev, .tiles-module-6 .slick-next, .tiles-module-6 .slick-prev {
        bottom: -45px
    }

    .explore-activity .slick-next, .explore-activity .slick-prev {
        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: -.38px;
            line-height: 40px;
            margin: 30px 20px 0
        }

        .prestige-module .body-content .label-description {
            margin: 20px 20px 30px;
            width: 75%
        }

    .prestige-module .prestige-item {
        height: 385px;
        margin: 0 auto;
        width: 98%
    }

        .prestige-module .prestige-item label {
            font-size: 26px;
            letter-spacing: -.31px;
            line-height: 36px
        }

    .prestige-module .slick-next {
        bottom: -45px;
        right: 20px;
        top: unset;
        z-index: 1
    }

    .prestige-module .slick-prev {
        bottom: -45px;
        left: 20px;
        top: unset;
        z-index: 1
    }
}

.category-landing-module-v2 .container-body {
    display: grid;
    gap: 30px;
    grid-template-columns: 33% auto;
    padding: 40px 0 0
}

.category-landing-module-v2 .container-option .container-search .label-title {
    line-height: 57px
}

.category-landing-module-v2 .container-option .container-search {
    background-color: #eaeef0;
    border-radius: 10px;
    padding: 10px 30px 25px
}

.category-landing-module-v2 .container-option .container-availability, .category-landing-module-v2 .container-option .container-filter {
    background-color: #eaeef0;
    border-radius: 10px;
    margin: 10px 0;
    padding: 10px 30px 25px
}

    .category-landing-module-v2 .container-option .container-availability .label-title, .category-landing-module-v2 .container-option .container-filter .label-title {
        line-height: 57px;
        margin-bottom: 12px
    }

.category-landing-module-v2 .container-option .search-text {
    align-items: center;
    background-color: #fff;
    border: 1px solid #cad1d6;
    border-bottom-color: #152b55;
    display: flex;
    height: 40px;
    padding: 0 12px
}

    .category-landing-module-v2 .container-option .search-text:focus-within {
        border: 1px solid #152b55
    }

.category-landing-module-v2 .select2-container {
    border-bottom: 1px solid #152b55;
    margin-bottom: 12px;
    width: 100% !important
}

.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;
        height: auto;
        margin-bottom: 2px;
        padding: 5px;
        position: relative
    }

        .category-landing-module-v2 .dropdown-footer .dropdown-item-country:hover, .dropdown-custom-multiselect .dropdown-multi-item:hover {
            background-color: #c1cedb;
            border-radius: 4px;
            color: #152b55
        }

        .dropdown-custom-multiselect .dropdown-multi-item.dropdown-selected-item:after {
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
            content: "";
            height: 12px;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: rotate(45deg) translate(-50%,-50%);
            width: 6px
        }

    .dropdown-custom-multiselect .dropdown-title-multi .dropdown-title-item {
        align-items: center;
        background-color: #152b55;
        color: #fff;
        display: flex;
        gap: 10px;
        height: 28px;
        line-height: 28px;
        margin-right: 5px;
        padding: 0 10px;
        width: fit-content
    }

.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 {
    border-top: 1px solid #cad1d6;
    display: flex;
    gap: 10px;
    margin-top: 20px;
    padding-top: 25px
}

.category-landing-module-v2 .container-filter .container-offer {
    align-items: center;
    display: flex;
    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 {
    border-bottom: 1px solid #cad1d6;
    display: grid;
    gap: 30px;
    grid-template-columns: 30% auto;
    margin-bottom: 25px;
    padding-bottom: 25px
}

    .category-landing-module-v2 .category-item-v2 .label-title {
        display: block;
        height: fit-content;
        line-height: 28px;
        margin: 0 0 15px
    }

    .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-flag img, .category-landing-module-v2 .category-item-v2 .container-region 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 {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 15px
    }

.category-landing-module-v2 .map-tooltip .container-list-infor, .category-landing-module-v2 .map-tooltip-mobile .container-list-infor {
    align-items: center;
    display: flex;
    gap: 10px;
    margin: 12px 0 10px
}

.category-landing-module-v2 .map-tooltip .ic-close, .category-landing-module-v2 .map-tooltip-mobile .ic-close {
    background-color: #eaeef0;
    border-radius: 12px;
    height: 25px;
    position: absolute;
    right: 11px;
    top: 11px;
    width: 25px
}

.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-custom .container-list-infor .infor-item, .category-landing-module-v2 .map-tooltip-mobile .container-list-infor .infor-item {
    border: 1px solid rgba(21,43,85,.2);
    border-radius: 4px;
    line-height: 28px;
    padding: 0 10px;
    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;
    color: #152b55;
    cursor: pointer;
    font-family: CeraPro-Medium;
    line-height: 35px;
    min-width: 88px;
    padding: 0 10px;
    text-align: center;
    transition: .3s;
    width: fit-content
}

    .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 .button-category-item-v2, .category-landing-module-v2 .category-item-v2.exclusive-card .container-list-time .time-slot-item {
    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 {
    border: 1px solid #152b55;
    border-radius: 17.5px;
    color: #152b55;
    height: 35px;
    line-height: 35px;
    margin-top: 25px;
    text-align: center;
    transition: all .3s ease-in-out;
    width: 240px
}

.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 {
    height: 14px;
    width: 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 {
        min-width: 70px;
        text-align: right
    }

.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 {
    display: none;
    width: 100%
}

.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 {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 15px;
    bottom: 60px;
    box-shadow: 0 15px 25px -10px rgba(0,0,0,.15);
    height: fit-content;
    min-height: 260px;
    padding: 0;
    right: -120px;
    width: 310px
}

    .category-landing-module-v2 .map-tooltip .image-item, .category-landing-module-v2 .map-tooltip-mobile .image-item {
        height: 107px;
        object-fit: cover;
        width: 100%
    }

.category-landing-module-v2 .container-body .container-search-text {
    background-color: #fff;
    padding: 40px 0 0;
    position: sticky;
    top: 159px;
    z-index: 2
}

    .category-landing-module-v2 .container-body .container-search-text .search-item {
        padding-bottom: 25px;
        padding-right: 40px;
        position: relative;
        width: fit-content
    }

    .category-landing-module-v2 .container-body .container-search-text .ic-close:after, .category-landing-module-v2 .container-body .container-search-text .ic-close:before {
        background-color: #152b55;
        border-radius: 50%;
        box-sizing: border-box;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        right: 1px;
        top: 8px;
        transform: rotate(45deg);
        width: 25px
    }

    .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;
    border-radius: 50%;
    height: 16px;
    position: relative;
    width: 16px
}

    .dropdown-custom-multiselect .dropdown-title-multi .dropdown-title-item .ic-close:after, .dropdown-custom-multiselect .dropdown-title-multi .dropdown-title-item .ic-close:before {
        background-color: #152b55;
        border-radius: 50%;
        box-sizing: border-box;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        right: 3px;
        top: 8px;
        transform: rotate(45deg);
        width: 9px
    }

.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 {
    background-color: #152b55;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 3.5px;
    top: 12px;
    transform: rotate(45deg);
    width: 18px
}

.category-landing-module-v2 .map-tooltip .ic-close:after, .category-landing-module-v2 .map-tooltip-mobile .ic-close:after, .dropdown-custom-multiselect .dropdown-title-multi .dropdown-title-item .ic-close:after {
    transform: rotate(-45deg)
}

.dropdown-custom-multiselect .dropdown-title {
    border-bottom: 1px solid #152b55;
    gap: 5px;
    height: fit-content;
    min-height: 40px;
    padding: 5px 10px 5px 5px
}

.category-landing-module-v2 .map-tooltip.active, .dropdown-custom-multiselect.dropdown-active .dropdown-content {
    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;
    gap: 30px;
    grid-template-columns: 250px auto
}

    .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 {
        align-items: center;
        border-bottom: 1px solid #dde2e6;
        cursor: pointer;
        display: flex;
        gap: 10px;
        margin-bottom: 12px;
        padding-bottom: 12px
    }

        .category-landing-module-v2 .container-no-result .container-contact-item label {
            cursor: pointer
        }

.category-landing-module-v2 .category-item-v2 img.item-url {
    border-radius: 10px;
    height: 210px;
    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;
        display: none;
        left: 12px;
        right: 12px;
        width: calc(100vw - 64px);
        z-index: 2
    }

        .category-landing-module-v2 .map-tooltip-mobile.active {
            display: block
        }

    .category-landing-module-v2 .container-option .container-filter-mobile {
        align-items: center;
        background-color: #eaeef0;
        border-radius: 10px;
        display: flex;
        font-size: 17px;
        justify-content: space-between;
        line-height: 21px;
        margin: 10px 0 30px;
        padding: 20px
    }

        .category-landing-module-v2 .container-option .container-filter-mobile div:not([class]) {
            align-items: center;
            display: flex;
            gap: 8px
        }

        .category-landing-module-v2 .container-option .container-filter-mobile .number-filter {
            background-color: #152b55;
            border-radius: 12px;
            color: #fff;
            font-size: 17px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            width: 25px
        }

    .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-left: 2px solid #666;
        border-top: 2px solid #666;
        height: 10px;
        width: 10px
    }

    .category-landing-module-v2 .container-body {
        gap: 10px;
        grid-template-columns: auto;
        padding: 20px 0 0
    }

    .category-landing-module-v2 .category-item-v2 {
        gap: 20px;
        grid-template-columns: auto
    }

    .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(50% - 5px) calc(50% - 5px)
    }

    .category-landing-module-v2 .category-item-v2 .button-category-item-v2 {
        font-family: CeraPro-Medium;
        width: 100%
    }

    .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;
        font-size: 17px;
        line-height: 21px
    }

    .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-availability, .category-landing-module-v2 .container-option .container-search {
        padding: 20px
    }

    .pop-up-filter-landing .container-body {
        overflow-y: auto;
        padding: 40px 20px 0
    }

    .pop-up-filter-landing .container-filter-toggle {
        align-items: center;
        border-bottom: 1px solid #eaeef0;
        display: flex;
        justify-content: space-between;
        padding: 20px 0
    }

    .pop-up-filter-landing .container-center div.container-filter-item:nth-last-child(2), .pop-up-filter-landing .container-center div.container-filter-toggle:nth-last-child(2) {
        margin-bottom: 120px
    }

    .pop-up-filter-landing .container-filter-toggle .container-online-booking, .pop-up-filter-landing .container-filter-toggle .container-special-offer {
        align-items: center;
        display: flex;
        gap: 15px
    }

    .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 {
        gap: 10px;
        grid-template-columns: auto
    }

        .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.data .container-contact-item:first-child, .category-landing-module-v2 .container-no-result.search .container-contact-item:nth-child(3) {
            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 {
            gap: 0;
            grid-template-columns: auto
        }

    .category-landing-module-v2 .container-body .container-search-text {
        background-color: transparent;
        display: flex;
        justify-content: center;
        padding: 0;
        top: 80px
    }

        .category-landing-module-v2 .container-body .container-search-text .search-item {
            background-color: #fff;
            border: 1px solid rgba(0,0,0,.05);
            border-radius: 22px;
            box-shadow: 0 15px 25px -10px rgba(0,0,0,.15);
            height: 44px;
            padding: 8px 70px 8px 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 {
            right: 25px;
            top: 22px
        }
}

@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-availability, .category-landing-module-v2 .container-option .container-filter {
        padding: 10px 20px 20px
    }

    .category-landing-module-v2 .container-no-result.search {
        gap: 30px;
        grid-template-columns: auto
    }

    .category-landing-module-v2 .container-no-result.data {
        gap: 10px
    }

        .category-landing-module-v2 .container-no-result.data .list-contact {
            gap: 0;
            grid-template-columns: auto
        }

    .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.data .container-contact-item:first-child, .category-landing-module-v2 .container-no-result.search .container-contact-item:nth-child(3) {
        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%
        }
}

.dynamic-content {
    margin: 40px auto;
    width: 1170px
}

.dynamic-tab-container {
    margin: 50px 0
}

    .dynamic-tab-container .tab-header {
        display: flex;
        height: 60px
    }

    .dynamic-tab-container .tab-header-item {
        background-color: rgba(22,42,85,.03);
        color: #000;
        font-size: 22px;
        width: 100%
    }

        .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 {
        margin: 20px;
        width: auto
    }

    .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 {
        background-color: #fff;
        border-bottom: 1px solid #cad1d6;
        font-size: 14px
    }
}

.sim-card-detail-module .custom-input {
    margin-bottom: 10px
}

.img-account-countdown {
    bottom: 100px;
    height: 140px;
    position: absolute;
    right: calc(50vw - 585px);
    width: 140px
}

@media only screen and (max-width:767px) {
    .img-account-countdown {
        bottom: 45%;
        height: 90px;
        right: 10%;
        width: 90px
    }
}

@media (min-width:768px) and (max-width:1170px) {
    .img-account-countdown {
        right: 20px
    }
}

.input-top-tiles {
    display: block;
    left: 39px;
    pointer-events: none;
    position: absolute;
    top: 5px;
    transition-duration: .7s;
    z-index: 1
}

.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
}

.benefit-landing-page .search-text .input-top-tiles, .category-landing-module .search-text .input-top-tiles, .category-landing-module-v2 .search-text .input-top-tiles, .dining-landing-module .search-text .input-top-tiles {
    left: 45px;
    top: 19px
}

.category-landing-module .search-text #clear-search-icon .Combined_Shape_desktop, .category-landing-module-v2 .search-text #clear-search-icon .Combined_Shape_desktop, .dining-landing-module .search-text #clear-search-icon .Combined_Shape_desktop {
    background-color: #eaeef0;
    border-radius: 50%;
    height: 20px;
    width: 20px
}

    .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, .dining-landing-module .search-text #clear-search-icon .Combined_Shape_desktop:after, .dining-landing-module .search-text #clear-search-icon .Combined_Shape_desktop:before {
        height: 1px;
        left: 4px;
        top: 9px;
        width: 12px
    }

.benefit-landing-page #input-search:focus + .input-top-tiles, .benefit-landing-page #input-search:valid + .input-top-tiles, .category-landing-module #input-search:focus + .input-top-tiles, .category-landing-module #input-search:valid + .input-top-tiles, .category-landing-module-v2 #input-search-tiles:focus + .input-top-tiles, .category-landing-module-v2 #input-search-tiles:valid + .input-top-tiles, .dining-landing-module #input-search:focus + .input-top-tiles, .dining-landing-module #input-search:valid + .input-top-tiles {
    top: 5px
}

.benefit-landing-page #input-search:focus, .benefit-landing-page #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, .dining-landing-module #input-search:focus, .dining-landing-module #input-search:valid {
    top: 10px
}

.dining-landing-module .container-filter .container-time-guest .container-time span.multiselect-selected-text {
    color: #152b55;
    display: block;
    margin-left: 42px;
    margin-top: 18px;
    text-align: left
}

.dining-landing-module .container-filter .container-time-guest .container-guest span.multiselect-selected-text {
    color: #152b55;
    display: block;
    margin-left: 45px;
    margin-top: 18px;
    text-align: left
}

.benefit-landing-page .search-text #input-search:has(+.input-top-tiles):not(:focus)::placeholder, .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 {
    color: transparent
}

@media screen and (max-width:767px) {
    body:not([data-pagename=limolandingtemplate]), html {
        height: 100%;
        overflow: auto;
        position: relative;
        width: 100%
    }
}

body .verification-code-pop-up .container-input-verify .input-verification::-webkit-inner-spin-button, body .verification-code-pop-up .container-input-verify .input-verification::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

body .verification-code-pop-up .container-input-verify .input-verification[type=number], input[type=number] {
    -moz-appearance: textfield
}

.img-stretch {
    object-fit: contain !important
}

@media only screen and (max-width:1170px) {
    .img-stretch {
        object-fit: cover !important
    }
}

.benefit-item .label-title, .category-item .label-title, .container-hotels .label-title, .container-list-item .label-title, .dining-item .label-title, .item-container .title, .tiles-module-custom-item-container .title, .top-dining-item-container .title {
    display: block;
    height: 60px;
    line-height: 30px;
    margin: 10px 20px 0;
    overflow: hidden
}

.prelogin-item-container .label-title {
    margin: 26px 0 0
}

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

    .pop-up-dining-filter .dropdown-content .dropdown-sort-by-item:hover {
        background-color: #c1cedb;
        border-radius: 4px
    }

.wcag-dropdown-sort-by-title:focus {
    outline: 1px auto -webkit-focus-ring-color
}

.booking-detail-module .multiselect.dropdown-toggle:focus {
    outline: 2px solid #152b55
}

.pac-container {
    z-index: 2000 !important
}

.dining-landing-module .map-diving .no-result-map, .dining-landing-v2 .map-diving .no-result-map {
    background-color: #feffec;
    border-radius: 15px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    left: 35%;
    line-height: 40px;
    padding: 0 30px;
    position: absolute;
    text-align: center;
    top: 150px;
    width: fit-content;
    z-index: 1
}

.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) {
    .category-landing-module-v2 .map-diving .no-result-map, .dining-landing-module .map-diving .no-result-map {
        height: auto;
        left: 0;
        margin: 10px;
        top: 35%
    }

    .tiles-module-custom-item-container .title {
        margin: 10px 10px 0
    }

    .map-no-result-line-height {
        line-height: 26px
    }
}

.custom-info-window {
    height: 100%;
    max-height: none;
    max-width: none;
    overflow: hidden;
    width: 100%
}

.info-content {
    padding: 10px
}

.close-button {
    float: right
}

.gm-style .gm-style-iw-c {
    padding: 0
}

.gm-style-iw-d {
    overflow: hidden !important;
    padding: 0
}

.gm-ui-hover-effect {
    display: none
}

.info-window-image {
    height: 100%;
    max-height: 100px;
    max-width: 648px;
    object-fit: cover;
    width: 100%
}

.info-window-detail {
    padding: 0 10px
}

.close-button {
    background-color: rgba(0,0,0,.7);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 5px
}

.pop-up-my-preference .undisplay-mobile.popupClose {
    height: auto;
    width: auto
}

.close-mobile:focus, .undisplay-mobile.popupClose:focus {
    height: 30px;
    outline: 2px solid #000;
    padding: 3px;
    width: 30px
}

@media only screen and (max-width:767px) {
    .pop-up-my-preference {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .close-mobile {
        align-self: flex-end
    }

    .container-body {
        display: flex
    }
}

.visuallyhidden {
    clip: rect(0 0 0 0)
}

.labelvisuallyhidden, .visuallyhidden {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.labelvisuallyhidden {
    clip: rect(0,0,0,0)
}

h1.sr-only, h2 .sr-only {
    left: -9999px;
    position: absolute
}

.my-prefer-page .container-prefer-category h2 {
    color: #fff;
    margin: 0
}

.my-account-title h1.heading-01 {
    margin: 0
}

button.verify-phone.text-medium {
    background: none;
    border: none
}

.tab-header-request-resentation {
    width: 100%
}

button.tab-header-request-item {
    background: none;
    border: none;
    height: -webkit-fill-available
}

input[type=checkbox].map-check-box {
    align-items: center;
    background-color: #fff;
    border: 1px solid #cad1d6;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    margin-right: 15px;
    min-width: 28px;
    transition-duration: .5s;
    width: 28px
}

    input[type=checkbox].map-check-box.checkbox-selected {
        background-color: #152b55;
        border: 1px solid #152b55
    }

div#slick-content {
    display: block;
    position: relative
}

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

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

.carousel-caption h2, .carousel-caption span {
    color: #fff;
    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 h2, .carousel-tablist .carousel-item .carousel-caption span {
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 15%;
    text-align: left
}

.booking-infor button.ic-edit {
    border: none
}

.ic-menu-wcag {
    border-left: 2px solid #152b55;
    border-top: 2px solid #152b55;
    content: "";
    display: block;
    height: 8px;
    margin: 0;
    transform: rotate(-135deg);
    transition-duration: .3s;
    width: 8px
}

.expand-menu {
    background-color: transparent;
    border: none;
    padding: 0
}

.menu-top-wcag {
    display: flex;
    gap: 12px
}

.ic-menu-wcag:focus {
    outline: 1px solid #fff !important
}

.login-info-container:hover .ic-menu-wcag, .menu-item:hover .ic-menu-wcag {
    border-color: #fff;
    margin-bottom: -10px;
    transform: rotate(45deg)
}

.menu-active .ic-menu-wcag {
    border-color: #fff
}

@media screen and (max-width:767px) {
    .expand-menu {
        pointer-events: none;
        position: absolute;
        right: 15px;
        top: 30px
    }

    .menu-top-wcag {
        position: relative
    }

    .login-info-container:hover .ic-menu-wcag, .menu-item:hover .ic-menu-wcag {
        transform: rotate(-135deg)
    }

    .login-info-container.menu-active .ic-menu-wcag, .menu-item.menu-active .ic-menu-wcag {
        transform: rotate(45deg)
    }
}

.offleft {
    left: -9999px;
    position: absolute
}

.screen-reader-text {
    height: 1px;
    left: -999px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
    z-index: -999;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    -webkit-clip-path: inset(50%);
    padding: 0
}

    .screen-reader-text:active, .screen-reader-text:focus {
        clip: auto !important;
        background-color: #000;
        clip-path: none;
        -webkit-clip-path: none;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        height: auto;
        left: 170px;
        overflow: auto;
        padding: 5px;
        text-align: center;
        text-decoration: none;
        top: 0;
        width: auto;
        z-index: 999
    }

.explore-card button.btn-medium.btn-border {
    margin-bottom: 4px
}

.explore-activity .slick-next:before, .explore-activity .slick-prev:before, .icon-down-big-blue, .icon-left-big-blue, .icon-right-big-blue, .icon-up-big-blue, .multiple-slicks-module .slick-module .slick-next:before, .multiple-slicks-module .slick-module .slick-prev:before, .my-detail-page .slick-next:before, .my-detail-page .slick-prev:before, .pre-travel-planning .container-list .pre-travel-planning-item .icon-right, .prelogin-list-module .slick-next:before, .prelogin-list-module .slick-prev:before, .prestige-module .slick-next:before, .prestige-module .slick-prev:before, .recommendation-module .slick-next:before, .recommendation-module .slick-prev:before, .testimonials-list-records .slick-next:before, .testimonials-list-records .slick-prev:before, .tile-module-list-records .slick-next:before, .tile-module-list-records .slick-prev:before, .tiles-module-6 .slick-next:before, .tiles-module-6 .slick-prev:before, .travel-tile-module-list-records .slick-next:before, .travel-tile-module-list-records .slick-prev:before, .upcoming-activity .slick-next:before, .upcoming-activity .slick-prev:before {
    margin-top: -7px
}

.explore-activity .slick-prev:before, .icon-down-big-blue, .icon-left-big-blue, .icon-right-big-blue, .icon-up-big-blue, .my-detail-page .slick-prev:before, .pre-travel-planning .container-list .pre-travel-planning-item .icon-right, .prelogin-list-module .slick-prev:before, .prestige-module .slick-prev:before, .recommendation-module .slick-prev:before, .testimonials-list-records .slick-prev:before, .tile-module-list-records .slick-prev:before, .tiles-module-6 .slick-prev:before, .travel-tile-module-list-records .slick-prev:before, .upcoming-activity .slick-prev:before {
    margin-left: 5px
}

.slick-next:before, .slick-prev:before {
    outline: 2px solid transparent;
    transition: border-color .3s
}

.slick-next:focus, .slick-prev:focus {
    background-clip: padding-box;
    outline: 2px solid #152b55 !important;
    outline-offset: .3rem
}

    .slick-next:focus:before, .slick-prev:focus:before {
        outline: #152b55
    }

.location-button {
    background-color: transparent;
    border: none;
    color: #152b55 !important;
    text-align: left
}

.location-button-selected {
    background-color: #152b55;
    border: none;
    border-radius: 4px;
    color: #fff !important;
    text-align: left
}

    .location-button span, .location-button-selected span {
        line-height: 0
    }

.container-guest .partysize-filter, .container-time .time-filter {
    display: none
}

.concierge-booking-confirm {
    margin: 40px auto 95px;
    width: 1170px
}

    .concierge-booking-confirm .concierge-booking-confirm-content {
        width: 50%
    }

        .concierge-booking-confirm .concierge-booking-confirm-content label {
            display: block;
            margin: 0 0 30px
        }

        .concierge-booking-confirm .concierge-booking-confirm-content p {
            margin: 30px 0 0
        }

.concierge-booking {
    margin: 40px auto 0;
    width: 1170px
}

    .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 {
        height: 8px;
        width: 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 {
        background-color: #cad1d6;
        height: 1px;
        margin: 40px 0;
        width: 100%
    }

    .concierge-booking #dropdown-phone .separator-option {
        margin: 5px 0
    }

    .concierge-booking .place-a-request-button {
        margin-bottom: 120px;
        min-width: 370px
    }

    .concierge-booking .special-request {
        border: 1px solid #cad1d6;
        height: 108px;
        letter-spacing: -.34px;
        line-height: 20px;
        padding: 7px 15px;
        width: 100%
    }

    .concierge-booking .container-personal-information {
        width: 67%
    }

    .concierge-booking .container-phone input.phone-number {
        margin-top: 52px
    }

    .concierge-booking .container-contact-method {
        align-items: center;
        display: flex;
        gap: 20px
    }

        .concierge-booking .container-contact-method .container-mail, .concierge-booking .container-contact-method .container-phone {
            align-items: center;
            display: flex
        }

    .concierge-booking .custom-input::-ms-input-placeholder, .concierge-booking .custom-input::placeholder, .concierge-booking .special-request::-ms-input-placeholder, .concierge-booking .special-request::placeholder {
        color: #666
    }

    .concierge-booking .label-tile-input[require]:after, .registration .label-tile-input[require]:after {
        color: #c94a4a;
        content: "*";
        margin-left: 5px
    }

    .concierge-booking .container-add-hotel .container-hotel {
        position: relative
    }

    .concierge-booking .container-add-hotel + .add-hotel {
        margin-top: 13px;
        user-select: none
    }

    .concierge-booking .container-add-flight .container-flight .remove-flight, .concierge-booking .container-add-hotel .container-hotel .remove-hotel {
        align-items: center;
        background-color: #eaeef0;
        border-radius: 20px;
        color: #54606c;
        cursor: pointer;
        display: flex;
        font-size: 40px;
        height: 40px;
        justify-content: center;
        padding-bottom: 8px;
        position: absolute;
        user-select: none;
        width: 40px
    }

    .concierge-booking .container-add-flight .container-flight .remove-flight {
        right: 34%;
        top: 40px
    }

    .concierge-booking .container-add-hotel .container-hotel .remove-hotel {
        right: -70px;
        top: 50px
    }

    .concierge-booking .container-add-hotel .container-hotel a .remove-hotel {
        right: 28%
    }

    .concierge-booking .container-hotel-detail .notes-loyalty-program {
        color: #666;
        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: "";
        height: 28px;
        overflow: hidden;
        position: absolute;
        right: 10px;
        top: 7px;
        transform-origin: center;
        width: 28px
    }

    .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 .container-count-guest .container-title, .concierge-booking .custom-dropdown .dropdown-title {
        font-family: CeraPro-Medium;
        margin-bottom: 0
    }

.tab-header-hotel {
    display: flex;
    height: 90px;
    width: 65%
}

    .tab-header-hotel .tab-header-hotel-item {
        background-color: rgb(22,42,85,.03);
        cursor: pointer;
        line-height: 90px;
        text-align: center;
        width: 100%
    }

        .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: "�";
        font-weight: 600;
        line-height: 25px
    }

    .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: .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) {
    align-items: center;
    display: flex;
    justify-content: space-around;
    min-width: 82px
}

@media (min-width:992px) {
    .concierge-booking .special-request {
        width: 66%
    }
}

@media only screen and (max-width:767px) {
    .concierge-booking {
        margin: 20px 20px 0;
        width: calc(100% - 40px)
    }

        .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;
            margin-bottom: 80px;
            min-width: auto;
            width: 100%
        }

        .concierge-booking .special-request {
            height: 88px
        }

        .concierge-booking .container-add-hotel .container-hotel div.remove-hotel {
            font-size: 30px;
            height: 30px;
            padding-bottom: 3px;
            right: 10px;
            top: 10px;
            width: 30px
        }

    .concierge-booking-confirm {
        margin: 30px 20px 80px;
        width: calc(100% - 40px)
    }

        .concierge-booking .container-personal-information, .concierge-booking-confirm .concierge-booking-confirm-content {
            width: 100%
        }

    .tab-header-hotel {
        display: grid;
        gap: 10px;
        height: fit-content;
        width: 100%
    }

        .tab-header-hotel .tab-header-hotel-item {
            background-color: #f8f8fa;
            border-bottom: 1px solid #cad1d6;
            font-size: 14px;
            font-weight: 500;
            height: 65px;
            letter-spacing: -.34px;
            line-height: 65px
        }

    .tab-content-hotel {
        margin-top: 20px
    }

    .concierge-booking .container-add-hotel + .add-hotel {
        text-align: center;
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1170px) {
    .tab-header-hotel {
        width: 100%
    }

    .concierge-booking {
        margin: 20px 20px 0;
        width: calc(100% - 40px)
    }

        .concierge-booking .custom-input {
            margin-bottom: 0
        }

        .concierge-booking .container-add-hotel .container-hotel div.remove-hotel {
            font-size: 30px;
            height: 30px;
            padding-bottom: 3px;
            right: 10px;
            top: 10px;
            width: 30px
        }

    .concierge-booking-confirm {
        margin: 20px;
        min-height: calc(100vh - 761px);
        width: calc(100% - 40px)
    }

        .concierge-booking .container-personal-information, .concierge-booking-confirm .concierge-booking-confirm-content {
            width: 100%
        }
}

.concierge-booking .container-party-size {
    align-items: center;
    background-color: transparent;
    border: 1px solid #cad1d6;
    border-bottom-color: #152b55;
    display: flex;
    height: 40px;
    justify-content: start;
    position: relative;
    width: 100%
}

.concierge-booking .custom-date-picker {
    margin-bottom: unset
}

.concierge-booking .container-party-size span.multiselect-selected-text:after {
    border-bottom: 2px solid #54606c;
    border-right: 2px solid #54606c;
    content: "";
    height: 10px;
    position: absolute;
    right: 10px;
    top: 14px;
    transform: rotate(45deg);
    transition: all .3s ease;
    width: 10px
}

.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 .btn-group, .concierge-booking .container-party-size span.multiselect-native-select, .concierge-booking .container-time-dropdown .btn-group, .concierge-booking .container-time-dropdown span.multiselect-native-select {
    height: 100%;
    position: unset;
    width: 100%
}

.concierge-booking .container-party-size .btn-group {
    height: 100%;
    width: 100%
}

    .concierge-booking .container-party-size .btn-group .multiselect {
        border-radius: 4px;
        height: 100%;
        text-align: left !important;
        width: 100%
    }

.concierge-booking input[type=radio] {
    visibility: hidden
}

.concierge-booking .btn-disabled {
    box-shadow: none;
    pointer-events: none
}

.concierge-booking .row .col-lg-4:has(.timepicker_wrap[style*="display: block"]) .error-message {
    display: none !important
}

#modal-check-avail .popupClose, #modal-loyality-program .popupClose, .pop-up-change-pass .popupClose {
    height: 35px;
    width: 35px
}

.custom-map {
    border-radius: 20px;
    height: 100%;
    z-index: 1
}

.generic-landing-v2 .category-landing-module {
    padding-top: 0
}

.benefit-landing-v2 .benefit-landing-page {
    padding-top: 30px
}

#category-grid-view .map-diving, #generic-grid-view .map-diving, .dining-landing-v2 .map-diving {
    position: relative
}

.category-landing-module .container-list-item .category-item:focus-visible {
    border: 1px solid #54606c;
    outline: 1px auto -webkit-focus-ring-color
}

.grid-view-card-module .grid-view-card-content {
    margin: 0 auto;
    padding: 80px 0 30px;
    width: 1170px
}

.grid-view-card-landing .grid-view-card-content {
    margin: 0 auto;
    padding: 30px 0 120px;
    width: 1170px
}

.grid-view-card-landing .grid-view-header, .grid-view-card-module .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-landing .grid-view-body, .grid-view-card-module .grid-view-body {
    display: grid;
    gap: 30px;
    grid-template-columns: calc(33.33333% - 20px) calc(33.33333% - 20px) calc(33.33333% - 20px);
    margin-top: 40px
}

    .grid-view-card-landing .grid-view-body .item-container, .grid-view-card-module .grid-view-body .item-container {
        margin: 0;
        width: 100% !important
    }

        .grid-view-card-landing .grid-view-body .item-container .title, .grid-view-card-module .grid-view-body .item-container .title {
            margin: 20px 0 10px
        }

        .grid-view-card-module .grid-view-body .item-container .find-out {
            align-items: center;
            color: #e60000;
            gap: 15px
        }

        .grid-view-card-module .grid-view-body .item-container .icon-position-right {
            height: 28px;
            width: 28px
        }

@media (min-width:768px) and (max-width:1170px) {
    .grid-view-card-module .grid-view-card-content {
        margin: 0 20px;
        padding: 40px 0;
        width: auto
    }

    .grid-view-card-landing .grid-view-card-content {
        margin: 0 20px;
        padding: 40px 0 80px;
        width: auto
    }

    .grid-view-card-landing .grid-view-header, .grid-view-card-module .grid-view-header {
        width: 75%
    }

    .grid-view-card-landing .grid-view-body, .grid-view-card-module .grid-view-body {
        grid-template-columns: calc(50% - 15px) calc(50% - 15px)
    }
}

@media only screen and (max-width:767px) {
    .grid-view-card-landing .grid-view-body, .grid-view-card-module .grid-view-body {
        grid-template-columns: auto;
        margin-top: 0
    }

    .grid-view-card-landing .grid-view-header, .grid-view-card-module .grid-view-header {
        width: 100%
    }

    .grid-view-card-module .grid-view-card-content {
        margin: 0 20px;
        padding: 30px 0;
        width: auto
    }

    .grid-view-card-landing .grid-view-card-content {
        margin: 0 20px;
        padding: 30px 0 60px;
        width: auto
    }
}

.list-view-card-module .list-view-card-content {
    padding: 80px 0 30px
}

.list-view-card-module .card-item-body {
    display: flex;
    gap: 45px;
    margin: 0 auto;
    padding: 80px 0;
    width: 1170px
}

.list-view-card-module .list-view-header {
    margin: 0 auto;
    width: 1170px
}

    .list-view-card-module .list-view-body .card-item .img-card-item, .list-view-card-module .list-view-body .card-item-detail, .list-view-card-module .list-view-header .title, .list-view-card-module .list-view-header p {
        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 {
    display: block;
    margin: 0 0 30px
}

.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(2n) .card-item-body {
            flex-direction: row-reverse
        }

        .list-view-card-module .list-view-body .card-item .img-card-item img {
            height: 370px;
            object-fit: cover;
            width: 100%
        }

        .list-view-card-module .list-view-body .card-item .learn-more-link {
            align-items: center;
            color: #e60000;
            display: flex;
            gap: 10px;
            width: fit-content
        }

        .list-view-card-module .list-view-body .card-item .ic-right {
            border-left: 1.5px solid #e60000;
            border-top: 1.5px solid #e60000;
            height: 10px;
            width: 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 {
        flex-direction: row-reverse;
        gap: 15px
    }

    .list-view-card-module.resources-landing .list-view-body .card-item .ic-right {
        border: none;
        height: 28px;
        transform: none;
        width: 28px
    }

    .list-view-card-module.resources-landing .list-view-body .card-item .title:focus, .list-view-card-module.resources-landing .list-view-body .card-item .title:hover {
        color: #152b55;
        text-decoration: underline
    }

@media only screen and (max-width:1170px) {
    .list-view-card-module .card-item-body, .list-view-card-module .list-view-header {
        margin: 0 20px;
        width: auto
    }

    .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 {
        display: flex;
        gap: 30px;
        margin: 0 20px;
        padding: 40px 0;
        width: auto
    }

    .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 {
        margin: 20px;
        width: auto
    }

    .list-view-card-module .card-item-body {
        display: block;
        gap: 15px;
        margin: 0;
        padding: 10px
    }

    .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 #d3d3d3;
            border-radius: 15px
        }
}

.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 #ccc;
        line-height: 29px;
        padding: 0 10px
    }

.resource-article-left .common-title-detail .container-calendar {
    align-items: center;
    display: flex;
    gap: 12px
}

.resource-article-right .container-related-article {
    margin-bottom: 30px
}

    .resource-article-right .container-related-article .label-title {
        border-bottom: 1px solid #ccc;
        padding-bottom: 12px;
        width: 100%
    }

    .resource-article-right .container-related-article .article-item {
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        display: flex;
        gap: 15px;
        padding: 20px 0
    }

        .resource-article-right .container-related-article .article-item label:hover {
            cursor: pointer;
            text-decoration: underline
        }

.resource-article-right .article-item img {
    height: 100px;
    width: 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) {
    .common-detail-right.resource-article-right .booking-place-request-detail, .resource-article-left.common-detail-left .container-detail, .resource-article-left.common-detail-left .container-detail:last-child, .resource-article-right .container-related-article {
        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-module.non-login-landing .container-filter {
    gap: 10px;
    grid-template-columns: 20% 13% 22% 24% auto
}

.benefit-landing-page.non-login-landing .container-filter {
    gap: 20px;
    grid-template-columns: 30% 20% 20% auto
}

.dining-landing-module.non-login-landing .container-filter .container-time-guest {
    display: grid;
    gap: 10px;
    grid-template-columns: calc(50% - 5px) calc(50% - 5px)
}

.dining-landing-module.non-login-landing .container-filter .container-tier-filter {
    display: grid;
    gap: 10px;
    grid-template-columns: 52% auto
}

.dining-landing-module.non-login-landing .container-filter .btn-large {
    min-width: 160px
}

.non-login-landing .container-filter .container-tier-sort {
    display: grid;
    gap: 20px;
    grid-template-columns: 51% auto
}

.container-filter .container-tier-filter .container-tier, .container-filter .container-tier-sort .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
}

.container-filter .container-tier-sort .container-tier span.multiselect-selected-text, .dining-landing-module.non-login-landing .container-filter .container-time-guest .container-guest span.multiselect-selected-text, .dining-landing-module.non-login-landing .container-filter .container-time-guest .container-time span.multiselect-selected-text {
    display: block;
    margin-left: 44px;
    text-align: left
}

.container-filter .container-tier-filter .container-tier span.multiselect-selected-text {
    display: block;
    margin-left: 38px;
    text-align: left
}

.container-filter .container-tier-filter .container-tier .multiselect.dropdown-toggle, .container-filter .container-tier-sort .container-tier .multiselect.dropdown-toggle, .dining-landing-module.non-login-landing .container-time-guest .container-guest .multiselect.dropdown-toggle, .dining-landing-module.non-login-landing .container-time-guest .container-time .multiselect.dropdown-toggle {
    width: 100%
}

@media only screen and (max-width:767px) {
    .category-landing-module.non-login-landing .container-filter {
        display: grid;
        gap: 15px;
        grid-template-columns: auto;
        justify-content: normal;
        margin: 20px 0
    }

    .non-login-landing #dropdown-sort-by .dropdown-title {
        justify-content: start;
        width: 100%
    }

    .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-filter #dropdown-sort-by .dropdown-title .ic-down, .benefit-landing-page.non-login-landing .container-sort-by .label-title {
        display: none
    }
}

@media only screen and (max-width:1170px) {
    .benefit-landing-page.non-login-landing .container-filter, .dining-landing-module.non-login-landing .container-filter {
        grid-template-columns: auto
    }

        .dining-landing-module.non-login-landing .container-filter .container-tier-filter {
            grid-template-columns: calc(50% - 5px) calc(50% - 5px)
        }
}

.tab-location-content button {
    height: fit-content;
    line-height: 40px;
    max-width: 200px;
    width: 100%
}

.regiter-description {
    display: grid
}

@media only screen and (max-width:767px) {
    .login-info-container .menu-top-menu {
        display: block
    }
}

.regiter-description .col-gray:before {
    color: #c94a4a;
    content: "*";
    margin-left: 5px
}

.error-content-popup {
    display: grid
}

.ic-left-custom {
    background: none !important;
    border-left: 2px solid #152b55;
    border-top: 2px solid #152b55;
    display: inline-block;
    height: 11px !important;
    padding: 4px;
    transform: rotate(316deg);
    width: 11px !important
}

#modal-loyality-program .popupClose, .pop-up-change-pass .popupClose {
    height: 35px;
    width: 35px
}

.rotate-ic .ic-menu-wcag {
    border-color: #fff;
    transform: rotate(45deg)
}

.custom-dropdown-preferences .dropdown-content .dropdown-preferences-item.dropdown-keyup-item {
    background-color: #c1cedb;
    border-radius: 4px;
    color: #fff
}

.container-tier .tier-filter {
    display: none
}

@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 {
    background-color: #c1cedb;
    border-radius: 4px;
    color: #000
}

.list-countries-module, .multiple-slicks-module {
    margin: 0 auto;
    width: 1170px
}

    .list-countries-module .search-text, .multiple-slicks-module p.description {
        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;
        border-radius: 20px;
        padding: 30px;
        width: calc(50% - 10px)
    }

    .multiple-slicks-module .slick-item {
        background-repeat: no-repeat;
        border-radius: 20px;
        height: 160px;
        margin: 0 10px;
        padding: 15px;
        width: calc(100% - 20px) !important
    }

        .multiple-slicks-module .slick-item h3 {
            bottom: 0;
            color: #fff;
            position: absolute
        }

    .list-countries-imgs .list-cities-module, .list-countries-module .list-countries-imgs {
        display: flex;
        flex-wrap: wrap;
        gap: 40px 20px
    }

    .list-countries-module .list-countries-texts {
        display: grid;
        gap: 10px 20px;
        grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
        margin-bottom: 50px
    }

        .list-countries-module .list-countries-texts li {
            align-items: center;
            display: flex;
            gap: 5px;
            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,.2),rgba(0,0,0,.2) 41.23%,rgba(0,0,0,.6) 67.1%,rgba(0,0,0,.9));
        border-radius: 20px;
        bottom: 0;
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .list-countries-imgs .list-cities-module .city-item .title {
        bottom: 20px;
        color: #fff;
        left: 20px;
        position: absolute
    }

.list-countries-imgs .country-item .container-start {
    align-items: center;
    display: flex;
    gap: 5px;
    height: 40px;
    margin-bottom: 15px
}

.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 {
    font-size: 18px;
    line-height: 1.02;
    margin-bottom: 0
}

.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;
        display: block;
        height: 0;
        padding-top: 0;
        transform: translateY(-100%);
        transition: all 1.4s
    }

        .list-countries-module .tab-location-content .tab-content-item.tab-content-item-selected {
            height: fit-content;
            transform: translateY(0)
        }

.list-countries-module .tab-header-item {
    background-color: rgb(22,42,85,.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) {
    .list-countries-module, .multiple-slicks-module {
        margin: 0 20px;
        width: auto
    }

    .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-next, .multiple-slicks-module .slick-module .slick-prev {
            bottom: -45px;
            top: unset;
            z-index: 1
        }

        .multiple-slicks-module .slick-module .slick-prev {
            left: 0
        }

        .multiple-slicks-module .slick-module .slick-next {
            right: 0
        }

    .list-countries-module .list-countries-imgs .country-item, .list-countries-module .search-text, .multiple-slicks-module .slick-module, .multiple-slicks-module p.description {
        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 {
        height: 260px;
        margin: 0;
        width: 100% !important
    }

    .list-countries-imgs .list-cities-module {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px
    }

    .list-countries-module .list-countries-imgs {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 40px
    }
}

.booking-detail-module .multiselect {
    text-align: left !important;
    width: 100%
}

.category-landing-module-v2 .category-item-v2 .container-categoryType, .category-landing-module-v2 .category-item-v2 .container-contentType {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 0
}

    .category-landing-module-v2 .category-item-v2 .container-categoryType .category-perk-type, .category-landing-module-v2 .category-item-v2 .container-contentType .item-content-type {
        border: 1px solid rgba(21,43,85,.2);
        border-radius: 4px;
        line-height: 28px;
        padding: 0 10px;
        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
}

.duration-module {
    margin-bottom: 30px
}

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

    .duration-module .about-infor {
        display: grid;
        padding-left: 20px
    }

    .duration-module .duration-infor ul {
        padding-left: 20px
    }

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

    .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;
        display: block;
        height: 1px;
        margin-top: 22px
    }

.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: -.31px;
            line-height: 36px;
            margin-bottom: 15px
        }

        .duration-module .duration-infor li {
            margin-bottom: 10px;
            margin-left: 20px
        }
}

.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 {
    align-items: center;
    display: flex;
    gap: 15px;
    margin-bottom: 40px
}

.common-detail-left .about-module .ic-earth-red {
    height: 28px;
    width: 28px
}

.common-detail-left .about-module .container-end a {
    color: #e60000;
    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-bottom: 0;
        margin-left: 1rem
    }
}

.category-detail:has(.container-categoryType) .container-address {
    margin-bottom: 15px
}

@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 {
        margin: 0;
        width: 100%
    }

        .category-landing-module-v2 .category-landing-module .ic-sort {
            max-height: 12px;
            max-width: 20px
        }

    #category-grid-view .container-filter {
        display: grid;
        gap: 20px;
        grid-template-columns: auto;
        justify-content: unset
    }

    .category-landing-module .container-filter #dropdown-sort-by .dropdown-title label {
        max-width: unset
    }
}

@media screen and (max-width:767px) {
    .pop-up-destination .tab-location-content .tab-content-item ul {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        -webkit-overflow-y: auto;
        white-space: nowrap
    }

    .pop-up-destination .tab-location-content .tab-content-item li ul {
        overflow-y: hidden
    }

    .pop-up-destination .container-body {
        overflow-y: hidden;
        -webkit-overflow-y: hidden;
        padding: 30px;
        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
    }
}

.book-travel .bottom-container h3 {
    color: #fff;
    margin-bottom: 30px
}

.toggle-button.checkbox:focus, .toggle-button.checkbox:focus-visible {
    border-color: #c29d5c;
    outline: 2px solid #000
}

.toggle-button:has(input:focus) {
    border: 1px solid #000 !important
}

.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 button, .gm-style .gm-style-cc span {
    display: inline-block !important;
    font-size: 14px !important;
    padding: 8px !important
}

button.gm-control-active, button.gm-svpc {
    height: 50px !important;
    left: -10px !important;
    width: 50px !important
}

button.gm-svpc {
    bottom: 10px !important;
    top: unset !important
}

div.gmnoprint[data-control-width="40"][data-control-height="81"] {
    top: 0 !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
}

.form-check-label {
    width: 100%
}

a[chat-with-concierge] {
    display: inline-block;
    padding: 8px
}

.img-btn-no-border {
    background: transparent;
    border: none;
    padding: 0;
    z-index: 1
}

.disabled-chat {
    opacity: .7;
    pointer-events: none
}

.prelogin-hero-2 .container-button .button-login:focus {
    border: none !important;
    outline: 4px double #fff !important
}

.slick-next:focus:not(:focus-visible), .slick-prev:focus:not(:focus-visible) {
    outline: 2px solid #152b55 !important
}

.prelogin-list-module .detail-prelogin-item-container p {
    display: block;
    overflow: unset;
    text-overflow: unset;
    -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
    }
}

.destination-pop-up-close-btn {
    background: none;
    border: none
}

.change-location-icon-button {
    background: none;
    border: none;
    width: 62px
}

.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
    }

@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 0 20px;
            width: 100% !important
        }
}

.dropdown-content.dropdown-empty-data {
    height: 50px
}

    .dropdown-content.dropdown-empty-data span.empty-data-label {
        display: flex;
        padding: 10px
    }

.container-suggestion .selected {
    background: #cad1d6;
    outline: 2px solid #000
}

#dropdown-program-name .dropdown-footer .dropdown-item.dropdown-selected-item {
    background: #152b55;
    color: #fff
}

#dropdown-program-name .dropdown-footer .dropdown-item {
    padding: 15px 10px
}

.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 {
    background-color: #eaeef0;
    outline: 2px solid #152b55 !important
}

.lp-window-root .chips-wrapper .chips-row .chips-item-container > .chips-item:focus {
    border: none !important;
    outline: 2px solid #152b55 !important
}

.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_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_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 {
    align-items: center;
    display: flex
}

.my-detail-page .program-selected {
    background-color: #163049
}

body .my-detail-page .program-selected .tile {
    color: #cad1d6
}

.my-detail-page .program-selected .account-name, .my-detail-page .program-selected .program-name, .my-detail-page .program-selected .program-number, .my-detail-page .program-selected .program-type {
    color: #fff
}

.arrival-guide-body {
    margin-top: -76px;
    position: relative;
    width: 100%
}

    .arrival-guide-body .arrival-guide-content {
        margin: 0 auto;
        width: 1170px
    }

        .arrival-guide-body .arrival-guide-content .container-filter {
            align-items: center;
            background-color: #152b55;
            display: flex;
            justify-content: space-between;
            position: sticky;
            top: 70px;
            z-index: 3
        }

.arrival-guide-content .container-filter .search-text {
    background-color: transparent;
    border: none;
    height: unset;
    width: fit-content
}

    .arrival-guide-content .container-filter .search-text input {
        caret-color: #fff;
        color: #fff;
        transition: all .5s;
        width: 80px
    }

        .arrival-guide-content .container-filter .search-text input:focus {
            transform: translateX(0);
            width: 160px
        }

.arrival-guide-body .container-filter .tab-list-regions-header {
    color: #fff;
    display: flex
}

.arrival-guide-body .container-filter .tab-region-header {
    cursor: pointer;
    padding: 27px 30px;
    position: relative
}

    .arrival-guide-body .container-filter .tab-region-header .container-region {
        background-color: #fff;
        border: 1px solid #cad1d6;
        color: #152b55;
        cursor: default;
        display: none;
        height: fit-content;
        left: -20px;
        max-height: 650px;
        min-height: 500px;
        min-width: 540px;
        padding: 20px;
        position: absolute;
        top: 100%
    }

.arrival-guide-content .container-filter .search-text .container-suggestion li label:hover, .arrival-guide-content .container-filter .search-text .container-suggestion li:hover {
    cursor: pointer
}

.arrival-guide-body .container-filter .container-region .city-list label, .arrival-guide-body .container-filter .container-region .region-list label {
    cursor: pointer;
    min-width: 140px;
    padding: 10px 20px
}

.arrival-guide-body .container-filter .container-region .city-list a, .arrival-guide-body .container-filter .container-region .region-list a {
    display: inline-block;
    min-width: 140px;
    padding: 10px 20px
}

.arrival-guide-body .container-filter .container-region .city-list li:hover a.city-name, .arrival-guide-body .container-filter .container-region .city-list li:hover label.city-name, .arrival-guide-body .container-filter .container-region .region-list li:hover a.country-name, .arrival-guide-body .container-filter .container-region .region-list li:hover label.country-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;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px
}

    .arrival-guide-body .container-filter .container-region .see-all:focus, .arrival-guide-body .container-filter .container-region .see-all:hover {
        text-decoration: underline
    }

.arrival-guide-body .container-filter .container-region .container-city {
    display: none;
    height: 470px;
    left: 150px;
    padding-left: 110px;
    position: absolute;
    top: -50px;
    width: 350px;
    z-index: 1
}

.arrival-guide-body .container-filter .tab-region-header.selected-region {
    background-color: #fff;
    border: 1px solid #152b55;
    color: #000
}

    .arrival-guide-body .container-filter .tab-region-header.selected-region .container-region, .arrival-guide-body .tab-region-content {
        display: none
    }

        .arrival-guide-body .tab-region-content.selected-region {
            display: grid;
            gap: 150px;
            grid-template-columns: 230px auto;
            margin: 50px 35px 120px
        }

        .arrival-guide-body .tab-region-content .list-countries-cities-right, .arrival-guide-body .tab-region-content .list-countries-cities-right .list-cities, .arrival-guide-body .tab-region-content .list-countries-left {
            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 {
                    color: #152b55;
                    text-decoration: underline
                }

        .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 {
                align-items: center;
                display: flex;
                gap: 10px;
                margin-bottom: 15px
            }

.arrival-guide-body .item-city {
    align-items: center;
    border-bottom: 1px solid #d7d2cb;
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px
}

    .arrival-guide-body .item-city .image-city-state {
        align-items: center;
        display: flex;
        gap: 25px
    }

        .arrival-guide-body .item-city .image-city-state img {
            height: 40px;
            width: 60px
        }

@media screen and (max-width:767px) {
    .arrival-guide-body .arrival-guide-content {
        margin: 0 20px;
        width: auto
    }

    .arrival-guide-body .tab-region-content.selected-region {
        gap: 30px;
        grid-template-columns: auto;
        margin: 0 15px 50px
    }

    .arrival-guide-body .arrival-guide-content .container-filter, .arrival-guide-body .container-filter .tab-list-regions-header {
        flex-flow: wrap
    }

    .arrival-guide-body .container-filter .tab-region-header {
        padding: 15px 20px
    }

    .arrival-guide-body .tab-region-content .list-countries-left {
        background-color: #fff;
        border-bottom: 1px solid #cad1d6;
        display: flex;
        flex-flow: wrap;
        margin: 0 -15px;
        padding: 30px 0 15px;
        top: 160px
    }

    .arrival-guide-body .arrival-guide-content .container-filter {
        left: 0;
        right: 0;
        top: 60px
    }

    .arrival-guide-content .container-filter .search-text {
        height: 0;
        position: relative;
        transition: all .5s;
        width: 100%
    }

        .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;
            right: 15px;
            top: -40px
        }

    .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-content .container-filter .search-text #input-search {
    color: #fff
}

.arrival-guide-content .container-filter .search-text .container-suggestion {
    background-color: #fff;
    border: 1px solid #152b55;
    display: none;
    left: 0;
    list-style: none;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: calc(100% + 7px);
    width: calc(100% + 2px);
    z-index: 2
}

    .arrival-guide-content .container-filter .search-text .container-suggestion li {
        align-items: center;
        border-bottom: 1px solid #cad1d6;
        color: #152b55;
        display: flex;
        height: 60px;
        line-height: 60px;
        margin: 0 18px;
        width: auto
    }

    .arrival-guide-content .container-filter .search-text .container-suggestion .couldnt-find-text {
        color: #c94a4a;
        display: none;
        height: -moz-fit-content;
        height: fit-content;
        min-height: 60px;
        padding: 18px 20px 22px;
        width: 100%
    }

.arrival-guide-content .container-filter .search-text.highlight-search {
    border: 1px solid #152b55
}

.arrival-guide-content .container-filter .search-text .ic-clear-search-icon {
    background-color: transparent;
    border: unset;
    cursor: pointer;
    height: 24px;
    outline: none;
    padding: 0;
    position: relative;
    width: 24px
}

    .arrival-guide-content .container-filter .search-text .ic-clear-search-icon:after, .arrival-guide-content .container-filter .search-text .ic-clear-search-icon:before {
        background-color: #fff;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform-origin: center;
        width: 16px
    }

    .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-search input, .arrival-guide-content .container-filter .search-text.highlight-selected-search input {
    width: 160px
}

.arrival-guide-content .container-filter .search-text.highlight-couldnt-find .container-suggestion {
    border: 1px solid #cad1d6;
    display: block
}

.arrival-guide-content .container-filter .search-text.highlight-couldnt-find .couldnt-find-text, .arrival-guide-content .container-filter .search-text.highlight-search .container-suggestion {
    display: block
}

.arrival-guide-content .container-filter .search-text.highlight-couldnt-find {
    background-color: rgba(154,61,55,.05);
    border: 1px solid #9a3d37
}

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

    .arrival-guide-body .tab-region-content.selected-region {
        gap: 40px;
        grid-template-columns: 160px auto
    }

    .arrival-guide-body .container-filter .tab-region-header {
        padding: 15px
    }

    .arrival-guide-body {
        margin-top: -51px
    }
}

.tab-region-header button {
    background: inherit;
    border: inherit;
    color: inherit
}

nav {
    display: contents
}

.tooltip-message-interval {
    background-color: #0a284a;
    border-radius: 4px;
    bottom: 71%;
    box-shadow: 0 4px 6px rgba(0,0,0,.2);
    color: #fff;
    display: none;
    padding: 10px 30px 10px 20px;
    position: absolute;
    right: 0;
    z-index: 10
}

.tooltip-arrow-interval {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #0a284a;
    bottom: -6px;
    height: 0;
    position: absolute;
    right: 20px;
    width: 0
}

.pop-up-login .end-login {
    position: absolute;
    right: 0
}

#mandatory-description:before {
    color: #c94a4a;
    content: "*";
    margin-left: 5px
}

h3#store-name-mapTooltip {
    font-size: inherit
}

.modal-footer.cancellation-popup-footer {
    justify-content: start
}

.modal-header.cancellation-popup-header {
    padding: inherit
}

.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 {
        overflow-y: hidden;
        -webkit-overflow-y: hidden;
        padding: 30px;
        pointer-events: none
    }

    .popup-limo-cancellation .container-center {
        pointer-events: auto
    }
}

.popup-limo-cancellation {
    background-color: #fff;
    height: fit-content;
    margin: 0;
    max-width: 820px;
    vertical-align: baseline;
    width: 100%
}

.limo-popup-description .separator-option {
    border-bottom: 1px solid #54606c;
    height: 1px;
    margin-bottom: 10px;
    margin-top: 12px;
    width: 100%
}

.popup-limo-cancellation .limo-warning-msg-container {
    align-items: center;
    display: flex;
    gap: 20px
}

.limo-warning-msg-container .limo-warning-image {
    margin-bottom: 35px;
    min-height: 26px;
    min-width: 30px
}

@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%
    }
}

.modal-header.cancellation-popup-header {
    padding: 40px 0 0
}

.popup-limo-cancellation .cancellation-popup-title {
    margin-bottom: 10px
}

.limo-popup-description .separator-option {
    border: 1px solid #e0e4e8;
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .modal-header.cancellation-popup-header {
        padding: 10px 0 0
    }

    .popup-limo-cancellation .cancellation-popup-footer {
        border-top: none;
        gap: 10px;
        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)
    }
}

[data-limo-modification] .custom-input:disabled, [data-limo-modification] [data-disabled] {
    background-color: #e9ecef;
    opacity: 1
}

[data-limo-modification] .limo-container {
    height: fit-content;
    padding: 10px 30px 20px;
    width: 100%
}

    [data-limo-modification] .limo-container .limo-title {
        align-items: center;
        display: flex;
        gap: 15px;
        margin-bottom: 10px
    }

        [data-limo-modification] .limo-container .limo-title img {
            height: 28px;
            width: 28px
        }

[data-limo-modification] .limo-newCharge, [data-limo-modification] .limo-refund {
    background-color: #eaeef0;
    border: 2px solid #eaeef0;
    border-radius: 15px;
    margin: 10px 0 0
}

[data-limo-modification] .limo-confirmed-detail {
    border: 2px solid #c1cedb;
    margin: 50px 0 0
}

    [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, [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 {
    color: #000;
    font-size: 14px;
    letter-spacing: -.34px;
    line-height: 20px;
    margin: 0
}

[data-limo-modification] .limo-step-3 .container-term-conditions + .button-term-conditions {
    align-items: center;
    background-color: #dde2e6;
    border-radius: 10px;
    display: flex;
    height: fit-content;
    justify-content: space-between;
    margin: 20px 0 40px;
    padding: 8px 15px 10px;
    width: 100%
}

@media only screen and (max-width:767px) {
    [data-limo-modification] .limo-confirmed-detail .top .container-address, [data-limo-modification] .limo-step-3 .container-trip-summary .container-from-to, [data-limo-modification] .pop-up-trip-summary .container-from-to {
        background-color: #eaeef0
    }
}

@media only screen and (max-width:768px) {
    .container-limo-detail .container-item {
        align-items: center
    }
}

#modal-t-and-c a {
    color: #152b55;
    text-decoration: underline
}

.popup-limo-modification {
    background-color: #fff;
    height: fit-content;
    margin: 0 auto;
    max-width: 820px;
    vertical-align: baseline;
    width: 100%
}

    .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 {
        left: 5px;
        top: 20px
    }

    .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;
        max-height: calc(100% - 100px);
        overflow-y: auto
    }

        .popup-limo-modification .container-body {
            overflow-y: hidden;
            -webkit-overflow-y: hidden;
            padding: 30px;
            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 {
        border-top: none;
        gap: 10px;
        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
        }
}

#failure-modal-container .modal-dialog.modal-is-open {
    align-items: center;
    display: flex;
    margin: 0 auto;
    width: 540px
}

.popup-limo-modification .Combined_Shape_desktop:after, .popup-limo-modification .Combined_Shape_desktop:before {
    top: 5px
}

@media only screen and (max-width:767px) {
    #failure-modal-container .modal-dialog.modal-is-open {
        align-items: flex-end;
        width: auto
    }
}