body{
        }
            /*----------main color------------*/
        .text-blue-1,
        .header .header-menu .menu .subnav > li > a:hover,
        .bravo_wrap .footer .menu-footer .menu__nav li .subnav > li > a:hover,
        .desktopMenu .menu a:hover,
        .desktopMenu .menu .subnav__backBtn a,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .pricing-table .title{
            color: #3554D1;
        }

        .tabs.-underline .tabs__controls .tabs__button:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button:hover,
        .tabs.-bookmark-2 .tabs__button:hover,
        .sidebar.-dashboard .sidebar__button.-is-active,
        .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active,
        .accordion.-db-sidebar .accordion__item.is-active .sidebar__button,
        .tabs.-underline-2 .tabs__controls .tabs__button:hover{
            color: #3554D1 !important;
        }

        .pagination.-dots .pagination__item.is-active,
        .button.-outline-blue-1:hover,
        .form-checkbox:hover input ~ .form-checkbox__mark,
        .pricing-tabs .tab-btns:before,
        .tabs.-underline-2 .tabs__controls .tabs__button::after{
            background-color: #3554D1;
        }

        .bg-blue-1,
        .button.-blue-1:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active,
        .tourTypeCard.-type-1:hover,
        .noUi-connect,
        .accordion.-map .accordion__item.is-active .accordion__icon,
        .form-checkbox input:checked ~ .form-checkbox__mark{
            background-color: #3554D1 !important;
        }

        .button.-blue-1:hover,
        .border-blue-1,
        .button.-outline-blue-1,
        .noUi-handle,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .form-checkbox input:checked ~ .form-checkbox__mark,
        .pricing-table .inner-box:hover, .pricing-table.tagged .inner-box{
            border-color: #3554D1;
        }
        /*-----------end main color------------*/
    
            
    
    

    /* Custom Hero Exact Redesign Styles */
    .hero-custom-exact-section {
        position: relative;
        min-height: 70vh;
        overflow: hidden;
        display: flex;
        align-items: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .hero-exact-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .hero-bg-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        <!-- filter: blur(5px); -->
        <!-- -webkit-filter: blur(5px); -->
        transform: scale(1.05);
    }
    .hero-dark-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(8, 26, 43, 0.45) 0%, rgba(6, 18, 30, 0.85) 100%);
    }
    .hero-script-tagline {
        font-family: 'Outfit', sans-serif !important;
        color: #00c4df;
        font-size: 1.5rem;
        margin-bottom: 5px;
    }
    .hero-title-explore {
        font-size: 124px !important;
        line-height: 0.95 !important;
        font-weight: 900 !important;
        color: #ffffff !important;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
        font-family: 'Outfit', sans-serif !important;
    }
    .hero-badge-container {
        display: inline-block;
        background: rgba(255, 255, 255, 0.95);
        border-radius: 8px;
        padding: 4px 18px;
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    }
    .hero-badge-text {
        color: rgb(3 16 32);
        font-size: 48px !important;
        font-weight: 800;
        letter-spacing: 2px;
        font-family: 'Outfit', sans-serif !important;
    }

    .hero-sub-text {
        color: rgba(255, 255, 255, 0.9);
        font-size: 1.15rem;
        max-width: 520px;
        line-height: 1.5;
        margin-bottom: 28px;
    }
    .hero-actions-wrapper {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 30px;
    }
    .btn-cyan-pill {
        background: #00c4df !important;
        color: #ffffff !important;
        border-radius: 50px !important;
        padding: 14px 30px !important;
        font-weight: 600 !important;
        font-size: 1rem !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        box-shadow: 0 6px 20px rgba(0, 196, 223, 0.4) !important;
        transition: all 0.3s ease !important;
    }
    .btn-cyan-pill:hover {
        background: #00b4d8 !important;
        transform: translateY(-2px);
    }
    
    /* Luxury Light Theme Search Bar Box */
    .exact-glass-search-box {
        background: #FFFFFF !important;
        border: 1px solid #EAEAEA !important;
        border-radius: 24px !important;
        padding: 50px 60px !important;
        box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05) !important;
        transition: all 0.4s ease !important;
    }
    .exact-glass-search-box .mainSearch {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    .exact-glass-search-box .mainSearch__submit {
        background-color: #00c4df !important;
        border-radius: 12px !important;
        height: 52px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        transition: all 0.3s ease !important;
    }
    .exact-glass-search-box .mainSearch__submit:hover {
        background-color: #00c4df !important;
        box-shadow: 0 6px 20px rgba(0, 196, 223, 0.3) !important;
    }

    /* Tabs Styling as Pill Selector */
    .exact-glass-search-box .tabs__controls {
        background: #F8F9FA !important;
        padding: 6px !important;
        border-radius: 50px !important;
        border: 1px solid #EAEAEA !important;
        display: inline-flex !important;
        gap: 4px !important;
    }
    .exact-glass-search-box .tabs__button {
        color: #5E6D77 !important;
        font-weight: 600 !important;
        border: none !important;
        padding: 8px 24px !important;
        border-radius: 50px !important;
        background: transparent !important;
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }
    .exact-glass-search-box .tabs__button.is-tab-el-active {
        color: #FFFFFF !important;
        background: #00c4df !important;
    }
    .exact-glass-search-box .tabs__button:hover:not(.is-tab-el-active) {
        background: rgba(0, 196, 223, 0.05) !important;
        color: #00c4df !important;
    }

    /* Form Fields & Typography - Light Luxury Theme */
    .exact-glass-search-box .searchMenu-loc__title,
    .exact-glass-search-box .js-search-title,
    .exact-glass-search-box label,
    .exact-glass-search-box h4 {
        color: #0B1F33 !important;
        font-weight: 700 !important;
    }
    .exact-glass-search-box input,
    .exact-glass-search-box select {
        color: #0B1F33 !important;
        background: #F8F9FA !important;
        border: 1px solid #EAEAEA !important;
        border-radius: 12px !important;
        padding: 12px 16px !important;
        transition: all 0.3s ease !important;
    }
    .exact-glass-search-box input:focus,
    .exact-glass-search-box select:focus {
        border-color: #00c4df !important;
        box-shadow: 0 0 0 3px rgba(0, 196, 223, 0.15) !important;
        outline: none !important;
    }
    .exact-glass-search-box .text-14,
    .exact-glass-search-box .text-13,
    .exact-glass-search-box .render {
        color: #5E6D77 !important;
    }
    .exact-glass-search-box input::placeholder {
        color: #A5B0B7 !important;
    }


    /* Header & Navigation High Priority Stacking */
    header,
    .header,
    .header-margin {
        position: relative !important;
        z-index: 999999 !important;
    }
    .header__container {
        position: relative !important;
        z-index: 999999 !important;

    }


    /* Search Box Container & Dropdowns Overflow / Z-Index Fix */
    .hero-custom-exact-section,
    .hero-custom-exact-section .container {
        position: relative !important;
        z-index: 50 !important;
        overflow: visible !important;
    }
    .exact-glass-search-box {
        position: relative !important;
        z-index: 100 !important;
        overflow: visible !important;
    }
    .exact-glass-search-box .tabs,
    .exact-glass-search-box .tabs__content,
    .exact-glass-search-box .tabs__pane,
    .exact-glass-search-box form,
    .exact-glass-search-box .field-items {
        overflow: visible !important;
    }
    .exact-glass-search-box .searchMenu-loc,
    .exact-glass-search-box .searchMenu-guests,
    .exact-glass-search-box .searchMenu-date {
        position: relative !important;
        z-index: 10005 !important;
    }
    .exact-glass-search-box .searchMenu-loc {
        z-index: 10050 !important;
    }
    .exact-glass-search-box .searchMenu-loc__field {
        z-index: 1000050 !important;
        width: min(360px, calc(100vw - 32px)) !important;
        max-height: 420px !important;
        overflow-y: auto !important;
    }
    .exact-glass-search-box .searchMenu-loc__field,
    .exact-glass-search-box .searchMenu-guests__field,
    .exact-glass-search-box .searchMenu-date__field,
    .exact-glass-search-box .js-dropdown,
    .exact-glass-search-box .js-popup-window {
        background: #ffffff !important;
        border: 1px solid #e1e8ed !important;
        border-radius: 12px !important;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35) !important;
        position: absolute !important;
        z-index: 999999 !important;
        top: 100% !important;
        margin-top: 10px !important;
    }
    .exact-glass-search-box .searchMenu-loc__field *,
    .exact-glass-search-box .searchMenu-guests__field *,
    .exact-glass-search-box .js-dropdown *,
    .exact-glass-search-box .js-popup-window * {
        color: black !important;
    }
    .exact-glass-search-box .searchMenu-loc__field .text-light-1,
    .exact-glass-search-box .searchMenu-guests__field .text-light-1 {
        color: #5e6d77 !important;
    }
    /* Datepicker / Daterangepicker Popup Fix */
    .daterangepicker,
    .exact-glass-search-box .daterangepicker,
    .exact-glass-search-box .searchMenu-date__field,
    .searchMenu-date__field {
        z-index: 999999 !important;
        background: #ffffff !important;
        border: 1px solid #e1e8ed !important;
        border-radius: 12px !important;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35) !important;
        color: #000000 !important;
    }
    .daterangepicker *,
    .exact-glass-search-box .daterangepicker * {
        color: #000000 !important;
    }
    .daterangepicker .off,
    .daterangepicker .off.ends {
        color: #999999 !important;
        background-color: transparent !important;
    }
    .daterangepicker td.active,
    .daterangepicker td.active:hover {
        background-color: #00c4df !important;
        color: #ffffff !important;
    }
    /* User Requested Overlay & Header Transparency Overrides */
    .hero-dark-overlay {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(45deg, rgb(0 0 0 / 94%) 40%, rgb(121 153 185 / 41%) 80%) !important;
    }
    .bravo_header,
    header.header {
        background-color: #ffffff !important;
        color: #051036 !important;
        border-bottom: 1px solid #e5e7eb !important;
        box-shadow: 0 3px 18px rgba(5, 16, 54, 0.08) !important;
    }

    .bravo_header .menu__nav > li > a,
    .bravo_header .header-menu a,
    .bravo_header [data-x="header-mobile-icons"],
    .bravo_header .icon-menu,
    .bravo_header .icon-user {
        color: #051036 !important;
    }

    .bravo_header .header-logo {
        border-radius: 0 !important;
    }

    .bravo_header .subnav,
    .bravo_header .mega {
        background: #ffffff !important;
        border: 1px solid #e5e7eb !important;
        box-shadow: 0 14px 34px rgba(5,16,54,.12) !important;
    }

    .bravo_header .subnav a,
    .bravo_header .mega a {
        color: #051036 !important;
        text-align: left !important;
    }

    /* Simple 1-Column Dropdown for Services Header Navigation Menu */
    .menu__nav .menu-item-has-children.-has-mega-menu {
        position: relative !important;
    }
    .menu__nav .menu-item-has-children.-has-mega-menu .mega {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 220px !important;
        min-width: 220px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
        border-radius: 12px !important;
        padding: 16px !important;
        display: none;
        flex-direction: column !important;
        gap: 0 !important;
    }
    .menu__nav .menu-item-has-children.-has-mega-menu:hover .mega {
        display: flex !important;
    }
    .menu__nav .menu-item-has-children.-has-mega-menu .mega .subnav {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 4px !important;
    }
    .menu__nav .menu-item-has-children.-has-mega-menu .mega .subnav li {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .menu__nav .menu-item-has-children.-has-mega-menu .mega .subnav li a {
        padding: 8px 12px !important;
        font-size: 0.88rem !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        border-radius: 6px !important;
        display: block !important;
        transition: all 0.2s !important;
        text-transform: capitalize !important;
    }
    .menu__nav .menu-item-has-children.-has-mega-menu .mega .subnav li a:hover {
        background-color: #f1f5f9 !important;
        color: #00c4df !important;
        padding-left: 16px !important;
    }
    
    /* Hide unwanted elements like mega images and internal titles */
    .menu__nav .menu-item-has-children.-has-mega-menu .mega .mega-image,
    .menu__nav .menu-item-has-children.-has-mega-menu .mega .subnav > li > a {
        display: none !important;
    }
    .menu__nav .menu-item-has-children.-has-mega-menu .mega .subnav > li > ul.subnav {
        display: flex !important;
    }
    .menu__nav .menu-item-has-children.-has-mega-menu .mega .subnav > li {
        display: contents !important;
    }
    .menu__nav .menu-item-has-children.-has-mega-menu .mega .subnav > li > ul.subnav li {
        display: block !important;
    }

    /* Universal Homepage Section Padding Rules */
    .bravo_wrap section:not(.hero-custom-exact-section):not(.search-bar-separated-section),
    .page-template-content section:not(.hero-custom-exact-section):not(.search-bar-separated-section) {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .layout-pt-lg,
    .layout-pt-md,
    .layout-pt-xl {
        padding-top: 80px !important;
    }

    .layout-pb-lg,
    .layout-pb-md,
    .layout-pb-xl {
        padding-bottom: 80px !important;
    }

    @media (max-width: 991px) {
        .bravo_wrap section:not(.hero-custom-exact-section):not(.search-bar-separated-section),
        .page-template-content section:not(.hero-custom-exact-section):not(.search-bar-separated-section),
        .layout-pt-lg,
        .layout-pt-md,
        .layout-pt-xl {
            padding-top: 50px !important;
        }
        .layout-pb-lg,
        .layout-pb-md,
        .layout-pb-xl {
            padding-bottom: 50px !important;
        }
    }

    @media (max-width: 575px) {
        .bravo_wrap section:not(.hero-custom-exact-section):not(.search-bar-separated-section),
        .page-template-content section:not(.hero-custom-exact-section):not(.search-bar-separated-section),
        .layout-pt-lg,
        .layout-pt-md,
        .layout-pt-xl {
            padding-top: 40px !important;
        }
        .layout-pb-lg,
        .layout-pb-md,
        .layout-pb-xl {
            padding-bottom: 40px !important;
        }
    }

    /* Feedback pass: consistent white header, responsive menu and search form */
    .bravo_header,
    header.header,
    .style-detail-custom {
        background: #fff !important;
    }
    .bravo_header .header-logo,
    .style-detail-custom .header-logo {
        border-radius: 0 !important;
    }
    .bravo_header .menu__nav > li > a,
    .style-detail-custom .menu__nav > li > a {
        color: #051036 !important;
        font-weight: 600 !important;
    }
    .bravo_header .menu__nav > li > a:hover,
    .bravo_header .menu__nav > li.active > a {
        color: #00aeca !important;
    }
    .exact-glass-search-box .tabs__controls {
        display: flex !important;
        width: 100% !important;
        justify-content: stretch !important;
        flex-wrap: nowrap !important;
    }
    .exact-glass-search-box .tabs__button {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        text-align: center !important;
    }
    .exact-glass-search-box .searchMenu-guests__field button,
    .exact-glass-search-box .select-guests-dropdown button,
    .exact-glass-search-box .select-seat-type-dropdown button {
        color: #051036 !important;
        background: #eef8fb !important;
        border: 1px solid #bdeaf1 !important;
    }
    .exact-glass-search-box .searchMenu-guests__field .js-count,
    .exact-glass-search-box .select-guests-dropdown .js-count,
    .exact-glass-search-box .select-seat-type-dropdown .js-count {
        color: #051036 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .search-bar-separated-section + section,
    .search-bar-separated-section + .layout-pt-lg,
    .search-bar-separated-section + .layout-pt-md {
        padding-top: 40px !important;
    }
    .testimonial-card:hover,
    .review-card:hover,
    .exclusive-reviews-section .review-card:hover {
        border-top: 3px solid #00c4df !important;
    }
    .footer input + button,
    .footer button[type="submit"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    @media (max-width: 991px) {
        .header-menu__content .menu__nav,
        .header-menu__content .menu__nav li,
        .header-menu__content .menu__nav a {
            text-align: left !important;
        }
        .header-menu__content .menu__nav a {
            color: #051036 !important;
        }
        .exact-glass-search-box {
            width: calc(100% - 24px) !important;
            left: 12px !important;
            right: 12px !important;
            padding: 30px 24px !important;
        }
        .search-bar-separated-section {
            height: 220px !important;
            margin-bottom: 0 !important;
        }
        .hero-custom-exact-section {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
        .page-template-content > section > .container,
        .bravo_wrap section > .container {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
    }

    @media (max-width: 575px) {
        .hero-custom-exact-section {
            min-height: 620px !important;
            height: auto !important;
            padding-top: 90px !important;
            padding-bottom: 90px !important;
        }
        .hero-title-explore {
            font-size: clamp(2.1rem, 11vw, 3rem) !important;
            line-height: 1.12 !important;
        }
        .hero-script-tagline {
            font-size: 1.35rem !important;
        }
        .hero-sub-text {
            font-size: .95rem !important;
        }
        .exact-glass-search-box {
            top: -35px !important;
            padding: 24px 18px !important;
            border-radius: 18px !important;
        }
        .exact-glass-search-box .tabs__button {
            flex: 1 1 0 !important;
            min-width: 0 !important;
            padding: 9px 6px !important;
            white-space: nowrap !important;
        }
        .search-bar-separated-section {
            height: 475px !important;
            margin-bottom: 0 !important;
        }
        .sectionTitle__title,
        .pop-main-title,
        .pkg-main-title {
            font-size: clamp(1.75rem, 8vw, 2.3rem) !important;
            line-height: 1.2 !important;
        }
        .footer .row > [class*="col-"] {
            text-align: left !important;
            margin-bottom: 24px !important;
        }
    }

    /* Keep the newsletter field readable without replacing the dark footer UI on focus. */
    .travelik-custom-footer .newsletter-input-group,
    .travelik-custom-footer .newsletter-input-group:focus-within {
        background: rgba(255, 255, 255, 0.1) !important;
    }
    .travelik-custom-footer .newsletter-input-group input,
    .travelik-custom-footer .newsletter-input-group input:focus,
    .travelik-custom-footer .newsletter-input-group input:active {
        background: transparent !important;
        color: #fff !important;
        box-shadow: none !important;
        outline: none !important;
    }

    /* Guest Count Selector Field Visibility & Styling */
    .select-guests-dropdown .count-display,
    .select-seat-type-dropdown .count-display {
        width: auto !important;
        min-width: 36px !important;
        height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .select-guests-dropdown .count-display input,
    .select-seat-type-dropdown .count-display input {
        width: 40px !important;
        height: 38px !important;
        border: none !important;
        background: transparent !important;
        text-align: center !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #051036 !important;
        outline: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        -moz-appearance: textfield !important;
    }

    .select-guests-dropdown .count-display input::-webkit-outer-spin-button,
    .select-guests-dropdown .count-display input::-webkit-inner-spin-button,
    .select-seat-type-dropdown .count-display input::-webkit-outer-spin-button,
    .select-seat-type-dropdown .count-display input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0 !important;
    }

    /* Vertical Divider between Left & Right Calendars in Daterangepicker Popup */
    @media (min-width: 564px) {
        .daterangepicker .drp-calendar.left {
            border-right: 1px solid #101010ff !important;
            padding-right: 18px !important;
            margin-right: 8px !important;
        }
        .daterangepicker .drp-calendar.right {
            padding-left: 10px !important;
        }
    }

    @media (max-width: 563px) {
        .daterangepicker {
            position: fixed !important;
            top: 50% !important;
            left: 12px !important;
            right: 12px !important;
            width: auto !important;
            max-width: calc(100vw - 24px) !important;
            max-height: calc(100dvh - 110px) !important;
            margin: 0 !important;
            transform: translateY(-50%) !important;
            overflow-y: auto !important;
            box-sizing: border-box !important;
        }
        .daterangepicker::before,
        .daterangepicker::after { display: none !important; }
        .daterangepicker .drp-calendar.left {
            display: block !important;
            width: 100% !important;
            max-width: none !important;
            padding: 12px !important;
        }
        .daterangepicker .drp-calendar.right { display: none !important; }
        .daterangepicker .calendar-table { width: 100% !important; }
        .daterangepicker .drp-buttons {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            gap: 8px !important;
            padding: 12px !important;
        }
        .daterangepicker .drp-buttons .btn {
            margin: 0 !important;
            min-height: 40px !important;
            padding: 8px 16px !important;
        }
    }

    /* Header Logo White Standout Container Styling (All Pages) */
    .header-logo,
    .header .header-logo,
    .header__logo,
    a.header-logo,
    .gotrip-header-normal .header-logo,
    .is-sticky .header-logo {
        width: 146px !important;
        height: 88px !important;
        padding: 5px 8px !important;
        border-radius: 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.3s ease !important;
        margin-top: 2px !important;
        margin-bottom: 2px !important;
        overflow: hidden !important;
    }
    
    .header-logo:hover,
    .header .header-logo:hover,
    .header__logo:hover,
    a.header-logo:hover {
        transform: translateY(-1px) !important;
    }

    .header-logo img,
    .header .header-logo img,
    .header__logo img,
    a.header-logo img {
        height: 100% !important;
        max-height: 78px !important;
        max-width: 100% !important;
        width: 100% !important;
        object-fit: contain !important;
    }

    @media (max-width: 991px) {
        .header-logo,
        .header .header-logo,
        .header__logo,
        a.header-logo {
            width: 112px !important;
            height: 62px !important;
            padding: 4px 7px !important;
            margin: 7px 0 !important;
        }
        .header-logo img,
        .header .header-logo img,
        .header__logo img,
        a.header-logo img {
            max-height: 54px !important;
        }
    }

    @media (max-width: 575px) {
        .header-logo,
        .header .header-logo,
        .header__logo,
        a.header-logo {
            width: 100px !important;
            height: 58px !important;
        }
    }

    /* Final override after legacy logo rules. */
    .bravo_header, header.header, .style-detail-custom { background: #fff !important; }
    .bravo_header .header-logo, .style-detail-custom .header-logo {
        border-radius: 0 !important;
        padding: 0 !important;
    }
    .bravo_header .menu__nav > li > a,
    .style-detail-custom .menu__nav > li > a,
    .bravo_header [data-x="header-mobile-icons"] { color: #051036 !important; }

    /* Definitive reset: the logo itself must never render as a card. */
    .header-logo,
    .header .header-logo,
    .header__logo,
    a.header-logo,
    .gotrip-header-normal .header-logo,
    .is-sticky .header-logo,
    .bravo_header .header-logo,
    .style-detail-custom .header-logo {
        background: none !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 0 !important;
        outline: 0 !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }
    .header-logo::before,
    .header-logo::after {
        content: none !important;
        display: none !important;
        background: none !important;
        box-shadow: none !important;
    }

    /* Stable mobile header and drawer across every frontend page. */
    .sry-mobile-nav { display: none; }
    @media (max-width: 1199px) {
        .bravo_header,
        header.header,
        .style-detail-custom {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            height: 76px !important;
            min-height: 76px !important;
            background: #ffffff !important;
            color: #051036 !important;
            z-index: 999999 !important;
        }
        .bravo_header .header__container,
        .style-detail-custom .header__container {
            width: 100% !important;
            height: 76px !important;
            min-height: 76px !important;
            padding: 0 20px !important;
            background: #ffffff !important;
        }
        .bravo_header .header-logo,
        .style-detail-custom .header-logo {
            display: inline-flex !important;
            opacity: 1 !important;
            visibility: visible !important;
            width: 108px !important;
            height: 64px !important;
            margin: 6px 0 !important;
        }
        .bravo_header .header-logo img,
        .style-detail-custom .header-logo img {
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
            width: 100% !important;
            height: 100% !important;
            max-width: 108px !important;
            max-height: 62px !important;
            object-fit: contain !important;
        }
        .bravo_header [data-x="header-mobile-icons"],
        .style-detail-custom [data-x="header-mobile-icons"] {
            display: flex !important;
            position: relative !important;
            z-index: 1000002 !important;
            color: #051036 !important;
            padding-left: 14px !important;
        }
        .bravo_header [data-x="header-mobile-icons"] a,
        .bravo_header [data-x="header-mobile-icons"] button,
        .style-detail-custom [data-x="header-mobile-icons"] a,
        .style-detail-custom [data-x="header-mobile-icons"] button {
            color: #051036 !important;
            opacity: 1 !important;
            visibility: visible !important;
        }
        .bravo_header .header-center-menu,
        .style-detail-custom .header-center-menu {
            position: fixed !important;
            inset: 76px 0 0 0 !important;
            width: 100vw !important;
            height: calc(100dvh - 76px) !important;
            max-width: none !important;
            background: rgba(5,16,54,.72) !important;
        }
        .bravo_header .header-center-menu:not(.is-menu-active),
        .style-detail-custom .header-center-menu:not(.is-menu-active) {
            visibility: hidden !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }
        .bravo_header .header-center-menu:not(.is-menu-active) *,
        .style-detail-custom .header-center-menu:not(.is-menu-active) * {
            pointer-events: none !important;
        }
        .bravo_header .header-center-menu.is-menu-active,
        .style-detail-custom .header-center-menu.is-menu-active {
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
        }
        .bravo_header .header-center-menu .header-menu__content,
        .style-detail-custom .header-center-menu .header-menu__content {
            position: relative !important;
            width: min(88vw, 380px) !important;
            max-width: min(88vw, 380px) !important;
            height: 100% !important;
            margin-left: auto !important;
            background: #ffffff !important;
            color: #051036 !important;
            z-index: 2 !important;
            box-shadow: -12px 0 35px rgba(5,16,54,.16) !important;
        }
        .bravo_header .header-center-menu .mobile-bg,
        .style-detail-custom .header-center-menu .mobile-bg {
            background: #ffffff !important;
        }
        .bravo_header .header-center-menu .menu.js-navList,
        .style-detail-custom .header-center-menu .menu.js-navList {
            display: none !important;
        }
        .bravo_header .header-center-menu .sry-mobile-nav,
        .style-detail-custom .header-center-menu .sry-mobile-nav {
            display: block !important;
            width: 100% !important;
            flex: 1 1 auto !important;
            min-height: 0 !important;
            padding: 22px 18px !important;
            background: #ffffff !important;
            overflow-y: auto !important;
            position: relative !important;
            z-index: 3 !important;
        }
        .bravo_header .sry-mobile-nav > ul,
        .style-detail-custom .sry-mobile-nav > ul {
            display: flex !important;
            flex-direction: column !important;
            width: 100% !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
            opacity: 1 !important;
            visibility: visible !important;
            color: #051036 !important;
            pointer-events: auto !important;
        }
        .bravo_header .sry-mobile-nav li,
        .style-detail-custom .sry-mobile-nav li {
            display: block !important;
            width: 100% !important;
            overflow: visible !important;
            border-bottom: 1px solid #eef2f6 !important;
            margin: 0 !important;
            padding: 0 !important;
            opacity: 1 !important;
            visibility: visible !important;
            transform: none !important;
        }
        .bravo_header .sry-mobile-nav a,
        .style-detail-custom .sry-mobile-nav a {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            width: 100% !important;
            min-height: 52px !important;
            padding: 0 12px !important;
            color: #051036 !important;
            font-size: 17px !important;
            font-weight: 700 !important;
            opacity: 1 !important;
            visibility: visible !important;
            transform: none !important;
            text-align: left !important;
            text-decoration: none !important;
        }
        .bravo_header .sry-mobile-nav .subnav,
        .style-detail-custom .sry-mobile-nav .subnav,
        .bravo_header .sry-mobile-nav .mega,
        .style-detail-custom .sry-mobile-nav .mega {
            display: block !important;
            position: static !important;
            width: 100% !important;
            height: auto !important;
            padding: 0 0 8px 14px !important;
            margin: 0 !important;
            background: #f8fbfc !important;
            border: 0 !important;
            box-shadow: none !important;
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
            transform: none !important;
        }
        .bravo_header .sry-mobile-nav .subnav__backBtn,
        .style-detail-custom .sry-mobile-nav .subnav__backBtn {
            display: none !important;
        }
        .bravo_header .sry-mobile-nav .subnav a,
        .style-detail-custom .sry-mobile-nav .subnav a {
            min-height: 42px !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            color: #334155 !important;
        }
        .bravo_header .sry-mobile-custom-link,
        .style-detail-custom .sry-mobile-custom-link {
            margin-top: 12px !important;
            border-radius: 10px !important;
            background: #eaf9fc !important;
            color: #008fa8 !important;
            justify-content: flex-start !important;
            gap: 10px !important;
        }
        .bravo_header .header-center-menu .mobile-footer,
        .style-detail-custom .header-center-menu .mobile-footer {
            display: flex !important;
            justify-content: flex-start !important;
            min-height: 58px !important;
            padding: 12px 20px !important;
            background: #ffffff !important;
            color: #051036 !important;
            border-top: 1px solid #e5e7eb !important;
        }
        .bravo_header .header-center-menu .mobile-footer a,
        .style-detail-custom .header-center-menu .mobile-footer a {
            color: #051036 !important;
        }
        .bravo_header .header-center-menu [data-x="header-mobile-icons"],
        .style-detail-custom .header-center-menu [data-x="header-mobile-icons"] {
            display: none !important;
        }
        .bravo_header .menu-right .header-menu__content [data-x="header-mobile-icons"],
        .style-detail-custom .menu-right .header-menu__content [data-x="header-mobile-icons"] {
            display: none !important;
        }
    }