h1 {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 800 !important;
        font-size: 20px !important;
        margin: 0 !important;
    }
    
    label {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 500 !important;
        font-size: 16px !important;
    }
    
    input {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        background-color: #fff !important;
        border: none !important;
    }
    
    select {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 400 !important;
        font-size: 16px !important;
    }
    
    div {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 400 !important;
        font-size: 16px !important;
    }
    
    a {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 500 !important;
        font-size: 16px !important;
    }
    
    .bec_container_div.cf {
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
        background-color: rgb(255 255 255/.95) !important;
    }
    
    a.hotels.mobile-hide-menu {
        color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important;
    }
    
    .ui-tabs .ui-tabs-nav li a {
        padding: 0.1em 0.9em;
        font-size: 11px;
        color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important;
    }
    /* body {
    top: 0px !important;
    background-color: #000;
    background-image: url("images/bg-img.jpg") !important;
    background-repeat: no-repeat;
    width: auto;
} */
    /* button-navigation */
    
    li#fLi\ button-design-tab {
        border: solid 1px;
        background: #fff;
        background-color: rgb(255 255 255/0.60);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        border-color: rgb(255 255 255/.3) !important;
        border: 1px solid;
        border-radius: 9999px;
        width: fit-content !important;
        padding: 10px;
    }
    
    a.flights.mobile-hide-menu {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important;
    }
    
    li#vLi\ button-design-tab {
        border: solid 1px;
        background: #fff;
        background-color: rgb(255 255 255/0.60);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        border-color: rgb(255 255 255/.3) !important;
        border: 1px solid;
        border-radius: 9999px;
        width: fit-content;
        padding: 10px;
    }
    
    li#hLi\ button-design-tab {
        border: solid 1px;
        background: #fff;
        background-color: rgb(255 255 255/0.60);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        border-color: rgb(255 255 255/.3) !important;
        border: 1px solid;
        border-radius: 9999px;
        width: fit-content;
        padding: 10px;
    }
    
    li#cLi\ button-design-tab {
        border: solid 1px;
        background: #fff;
        background-color: rgb(255 255 255/0.60);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        border-color: rgb(255 255 255/.3) !important;
        border: 1px solid;
        border-radius: 9999px;
        width: fit-content;
        padding: 10px;
    }
    
    li#tLi\ button-design-tab {
        border: solid 1px;
        background: #fff;
        background-color: rgb(255 255 255/0.60);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        border-color: rgb(255 255 255/.3) !important;
        border: 1px solid;
        border-radius: 9999px;
        width: fit-content;
        padding: 10px;
    }
    
    li#aLi\ button-design-tab {
        border: solid 1px;
        background: #fff;
        background-color: rgb(255 255 255/0.60);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        border-color: rgb(255 255 255/.3) !important;
        border: 1px solid;
        border-radius: 9999px;
        width: fit-content;
        padding: 10px;
    }
    
    li#pLi\ button-design-tab {
        border: solid 1px;
        background: #fff;
        background-color: rgb(255 255 255/0.60);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        border-color: rgb(255 255 255/.3) !important;
        border: 1px solid;
        border-radius: 9999px;
        width: fit-content;
        padding: 10px;
    }
    
    div#tabs {
        /* width: fit-content; */
        /* margin: 0 !important; */
        padding: 0 !important;
        margin-left: auto;
        margin-right: auto;
        border-collapse: separate;
    }
    
    div#bec_wrapper_div {
        max-width: 1440px !important;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .bec_container_div.cf {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
    
    path {
        fill: #fff !important;
        /* width: 48px; */
        /* height: 20px; */
    }
    
    path.setting-path {
        fill: #000 !important;
    }
    
    .ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-left {
        padding: 12px !important;
        /* padding: 10px; */
        background-color: rgb(0 0 0/.4) !important;
    }
    
    .ui-tabs .ui-tabs-nav li a {
        padding: 0px 10px;
        font-size: 11px;
        gap: 10px;
        display: flex;
        align-items: center;
    }
    
    form#form1 {
        width: fit-content;
        margin: auto;
    }
    
    .bec_container_div {
        padding: 20px;
    }
    
    .option-main-label {
        display: flex;
        align-items: flex-start;
        flex-direction: column-reverse;
        padding-bottom: 15px !important;
    }
    
    .date-time-block>.flight-times,
    .date-time-block>.flight-times>div {
        display: block !important;
    }
    
    li.flight-times-depature {
        display: flex !important;
        justify-content: space-around !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 20px;
    }
    
    .fligt-time-1-depature {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        gap: 5px;
        width: 100%;
    }
    
    .flight-time-2-depature {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        width: 100%;
        gap: 5px;
    }
    
    .flight-time-2-depature {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
    
    li.flight-times-arrival {
        display: flex !important;
        align-items: stretch;
        /* flex-wrap: wrap !important; */
        /* justify-content: flex-start; */
        width: 100%;
        flex-direction: row !important;
    }
    
    .flight-times-1-arrival {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 5px;
        width: 100%;
    }
    
    .flight-times-2-arrival {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        gap: 5px;
        width: 100%;
    }
    
    ul.date-time-block {
        display: flex !important;
        align-content: center !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 20px !important;
        padding: 0 0px !important;
        width: 100% !important;
    }
    
    .flight-time-1-depature- {
        width: 100% !important;
    }
    
    li.flight-departure {
        display: flex !important;
    }
    
    .flight-departure-input {
        width: 100% !important;
    }
    
    .flight-time-2-depature-option {
        width: 100% !important;
    }
    
    .flight-time-1-depature- {
        width: 100% !important;
    }
    
    .flight-times-1-arrival-option {
        width: 100% !important;
    }
    
    .flight-times-2-arrival-option {
        width: 100% !important;
    }
    
    .flight-times-1-arrival {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 5px;
    }
    
    .flight-departure-input {
        width: 100% !important;
    }
    
    li.flight-departure {
        display: flex !important;
        gap: 0 !important;
    }
    
    .flight-arrival-input {
        width: 100% !important;
    }
    
    li.flight-arrival {
        display: flex !important;
        gap: 0 !important;
    }
    
    .location-inputs,
    .date-time-block,
    .package-passenger-block {
        /* display: block; */
        gap: 30px !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    .polka-dots {
        border-bottom: 0px dotted #000 !important;
        display: block !important;
        height: 2px !important;
        margin: 15px 0 !important;
    }
    
    li.option-main-label {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        justify-content: flex-start !important;
    }
    
    .flight-child-container {
        padding: 10px 0 0 !important;
        margin-left: 0 !important;
    }
    
    ul.package-passenger-block.fix-passenger-wp {
        display: block !important;
    }
    
    ul.package-passenger-block {
        display: flex !important;
        align-content: center !important;
        align-items: center !important;
        justify-content: space-around !important;
    }
    
    .flight-passenger-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        width: 100% !important;
        align-content: center !important;
        align-items: center !important;
        gap: 30px !important;
    }
    
    .flight-passenger-option {
        display: flex !important;
        align-content: center !important;
        align-items: center !important;
    }
    
    .option-main-label h1,
    .option-sub-label {
        margin-bottom: 8px !important;
    }
    
    ul#V_room_2_ages {
        display: flex;
    }
    
    .flight-passenger-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-end;
        width: 100% !important;
        margin-top: 20px !important;
    }
    
    ul#V_room_3_ages {
        display: flex;
    }
    
    ul#V_room_4_ages {
        display: flex;
    }
    
    li {
        display: flex;
        flex-direction: row;
        gap: 20px;
        justify-content: flex-start !important;
        padding: 0px;
        align-items: center;
    }
    
    ul.hotel-date-times {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        padding: 15px 0px;
        gap: 20px !important;
    }
    
    .trip-type-options-round-trip-option-1 {
        display: flex !important;
        align-items: center;
        align-content: center;
        justify-content: center;
    }
    
    div#one_way_trip {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        align-content: center;
    }
    
    .trip-type-options-multi-destination-option-3 {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
    
    .trip-type-options {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 38px;
        justify-content: space-around;
    }
    
    .trip-type-options-round-trip-option-1 {
        display: flex !important;
        align-items: center;
        align-content: center;
        justify-content: center;
    }
    
    div#one_way_trip {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        align-content: center;
    }
    
    .trip-type-options-multi-destination-option-3 {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    
    .trip-type-options-round-trip-option-1 {
        display: flex !important;
        align-items: center;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }
    
    li.cf {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    input[type="checkbox"] {
        width: 20px !important;
        height: 20px !important;
    }
    
    label.option-sub-label {
        width: fit-content;
    }
    
    li#pref_nonstop_F {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        gap: 15px;
        width: 25%;
    }
    
    li.morefilters {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    ul.flight-hidden-overite {
        display: flex;
        justify-content: space-around;
        align-items: flex-end;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 20px;
        width: 100%;
    }
    
    ul.transfer-type-select {
        display: flex;
        justify-content: flex-start;
        margin: 20px;
        gap: 90px;
    }
    
    .polka-dots {
        display: none;
    }
    
    .width100.transfer-label-fix {
        width: fit-content;
    }
    
    .width100.transfer-label-fix {
        width: fit-content !important;
    }
    
    .option-main-label h1,
    .option-sub-label {
        margin-bottom: 0px !important;
    }
    
    div#v_res_country_div {
        margin-bottom: 15px;
    }
    
    div#air_country_div {
        margin-right: 0;
        margin-left: 19px;
        width: 75%;
    }
    
    div#air_country_lbl_div {
        width: fit-content;
    }
    
    li#f_res_country_div {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    li.trip-type {
        gap: 170px;
    }
    
    li.trip-type {
        gap: 170px !important;
        padding: 0 !important;
        margin: 20px 0 !important;
    }
    
    ul.date-time-block {
        display: flex !important;
        align-content: center !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 20px !important;
        padding: 0 0px !important;
        width: 100% !important;
        flex-direction: column;
    }
    
    li.flight-times-depature-time {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 100%;
    }
    
    .depature-date-option-1-flight-time-date-time-block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-start;
        width: 100%;
    }
    
    .depature-time-option-2-fighttime-datetime-block {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
        width: 100% !important;
    }
    
    li.flight-times-depature {
        display: flex !important;
        justify-content: space-around !important;
        width: 100% !important;
    }
    
    .option-sub-label h1,
    .option-sub-label {
        font-size: 14px !important;
        color: #54575c !important;
        font-weight: 500 !important;
        line-height: 0 !important;
    }
    
    label {
        padding-bottom: 10px !important;
    }
    
    li.flight-times-depature-time {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }
    
    .depaturedateoption-1-input-field {
        width: 100% !important;
    }
    
    .depature-time-optiom-3-time {
        width: 100% !important;
    }
    
    li#hide_return_date {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        align-content: center !important;
    }
    
    li#hide_return_date {
        display: flex !important;
        width: 100% !important;
        flex-wrap: nowrap !important;
        gap: 35px !important;
    }
    
    li.flight-times-depature-time {
        gap: 35px !important;
    }
    
    ul.hotel-date-times {
        display: flex !important;
        justify-content: space-around !important;
        width: 100% !important;
        padding: 15px 0 !important;
    }
    
    ul.hotel-date-times {
        display: flex !important;
        justify-content: flex-start !important;
        width: 100% !important;
        padding: 15px 0 !important;
    }
    
    input#ho_departure\ {
        display: none !important;
    }
    
    input#ho_arrival\ {
        display: none !important;
    }
    
    .option-sub-labe-user-date-select {
        width: 100% !important;
    }
    
    .hotel-date-times>li {
        width: 31%;
        width: 100% !important;
    }
    
    input#H_ridecode\ {
        display: none !important;
    }
    
    li.car-pick-date {
        width: 100% !important;
    }
    
    ul.hotel-date-times {
        display: flex !important;
        justify-content: space-around !important;
        width: 100% !important;
        padding: 15px 0 !important;
    }
    
    li.car-pick-time {
        width: 100% !important;
    }
    
    .optio-sub-lable-picktime {
        width: 100% !important;
    }
    
    li.car-pick-date {
        width: 100% !important;
    }
    
    li.car-pick-location {
        padding-bottom: 0px !important;
    }
    
    .option-main-label {
        display: flex !important;
        align-items: flex-start !important;
        flex-direction: column-reverse !important;
        padding: 0px 0 !important;
        /* display: none!important;
    */
    }
    
    .option-main-label-how-many-people {
        display: none !important;
    }
    
    label.activity-passenger-label.label-bg-common {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        display: flex !important;
    }
    
    select#R1occAdults_A,
    select#R1occChildren_A {
        width: 100% !important;
        display: flex !important;
        box-shadow: 0 1px 0 0 #d9d9d9 inset !important;
        font-size: 14px !important;
        text-align: center !important;
    }
    
    div#roomComboA {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    li {
        display: flex;
        flex-direction: row;
        gap: 10px !important;
        justify-content: center;
        padding: 0px;
        align-items: center;
    }
    
    ul.activities-hidden-block {
        gap: 51px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
    }
    
    label.option-sub-label {
        width: 100%;
    }
    
    ul.activities-hidden-block {
        gap: 51px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
    }
    
    .bec_container_div.cf {
        max-width: 1024px !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    .bec_container_div.cf {
        max-width: 1024px !important;
        margin: auto;
    }
    
    .bec_container_div.cf {
        max-width: 1024px !important;
        margin: auto;
    }
    
    ul.activity-passenger-count {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        gap: 35px !important;
    }
    
    .bec_container_div.cf {
        max-width: 1024px !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    li.input-wrapper-date-time-tr-option-sub-label {
        width: 100% !important;
    }
    
    input#tr_arrival_temp {
        width: 100% !important;
    }
    
    select#tr_arrivalTime {
        width: 100% !important;
    }
    
    li.width100.transfer-label-fix {
        width: 100% !important;
    }
    
    ul.transfer-type-select {
        display: flex;
        justify-content: flex-start;
        margin: 20px;
    }
    
    ul.how-many-people {
        padding: 0 20px;
    }
    
    ul.transfer-date-time {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        gap: 30px;
    }
    
    li#hotel_drop {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 5px !important;
        padding: 20px;
    }
    
    ul.transfer-type-select {
        display: flex !important;
        justify-content: flex-start !important;
        margin: 20px !important;
    }
    
    ul.fp-travel-type {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }
    
    ul.fp-travel-type {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }
    
    .optio-main-lable-fap\=other-optios {
        /* width: fit-content; */
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 20px !important;
    }
    /* li.option-main-label {
    width: 100% !important;
} */
    
    ul.fp-travel-type {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 30px;
        width: 100%;
    }
    
    input#Package_Type1 {
        margin-left: 0;
        width: 20px !important;
        height: 20px !important;
        padding: 0 !important;
    }
    
    li.option-main-label {
        width: fit-content;
    }
    
    ul.fp-other-options {
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .optio-main-lable-fap\=other-optios {
        /* width: fit-content; */
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 20px 0 !important;
        gap: 20px;
    }
    
    li.option-main-label {
        width: 250px;
    }
    
    ul.packages-hidden-options {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 30px;
        width: 100%;
    }
    
    ul.fp-other-options {
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    li.option-main-label {
        width: 250px;
    }
    
    .optio-main-lable-fap\=other-optios {
        /* width: fit-content; */
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 20px 0 !important;
        gap: 20px;
    }
    
    .fp-travel-type-location {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
    }
    
    li#h_res_country_div {
        display: flex;
        padding: 20px 0;
    }
    
    li.option-main-label {
        width: 250px !important;
    }
    
    li.row5 {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
    }
    
    ul.car-pick-details {
        width: 100%;
        display: block;
        /* flex-direction: column; */
    }
    
    ul.car-drop-details {
        width: 100% !important;
    }
    
    li.car-drop-location {
        width: 100% !important;
    }
    
    .row8.car-loc-wrapper {
        width: 100% !important;
    }
    
    li.car-drop-date {
        width: 100%;
    }
    
    li.car-drop-time {
        width: 100%;
    }
    
    li.option-main-label.hidden-elements {
        display: none !important;
    }
    
    .return-to-pick-up-location {
        display: flex;
        flex-direction: row;
        width: 40%;
        align-items: center;
        align-content: center;
    }
    
    li#multi_des_02 {
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }
    
    li#multi_des_03 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    li#multi_des_03 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    .bec_container_div input,
    .bec_container_div select {
        /* border: 1px solid #000; */
        border-radius: 8px;
        padding: 0px 25px !important;
        font-size: 14px;
        width: 100%;
        outline: none;
        transition: border 0.2s ease;
        height: 37px;
    }
    
    a.show_filter {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    
    ul.activity-passenger-count li div {
        width: 100%;
    }
    
    .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
        background-color: rgb(5 150 105/var(--tw-bg-opacity, 1)) !important;
    }
    
    .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active {
        background-color: rgb(5 150 105/var(--tw-bg-opacity, 1)) !important;
        background: #00a859;
        color: #fff;
    }
    /* Datepicker override (loaded after jQuery UI) */
    /* .ui-datepicker td a,
.ui-datepicker td span,
.ui-datepicker .ui-state-default,
.ui-widget-content .ui-state-default {
    background: transparent !important;
    color: inherit !important;
    border: none !important;
    background-image: none !important;
    box-shadow: none !important;
} */
    
    .ui-datepicker td a:hover,
    .ui-datepicker td a.ui-state-hover,
    .ui-datepicker td a.ui-state-active,
    .ui-datepicker td span.ui-state-hover,
    .ui-datepicker td span.ui-state-active,
    .ui-datepicker .ui-state-hover,
    .ui-datepicker .ui-state-active,
    .ui-datepicker .ui-state-focus,
    .ui-widget-content .ui-state-hover,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-hover,
    .ui-widget-header .ui-state-active,
    .ui-state-hover,
    .ui-state-active,
    .ui-state-focus {
        background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)) !important;
        background: #00a859;
        color: #fff !important;
        border-color: #00a859 !important;
        background-image: none !important;
        box-shadow: none !important;
        outline: none !important;
    }
    /* .ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td a:hover,
.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover,
.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)) !important;
    background: #00a859;
    color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: #00a859 !important;
} */
    
    div#tabs {
        display: flex;
        flex-direction: column-reverse;
 	transform: translateY(-200px);

    }
    /* Background Styling */
    
    body {
        margin: 0;
        padding: 0;
        min-height: 100vh;
        background-image: url("https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Sigiriya%2003.jpg-CTLa6G4TVclULI4GdkOlMhLN8DI82a.jpeg") !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        position: relative;
        overflow-x: hidden;
        font-family: Arial, Helvetica, sans-serif, sans-serif;
        top: 0px !important;
    }
    
    body::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.8) 100%);
        z-index: -1;
        background: linear-gradient(to right, rgba(15, 23, 42, 0.85), /* from-slate-900/85 */
        rgba(15, 23, 42, 0.65), /* via-slate-900/65 */
        rgba(15, 23, 42, 0.75)
        /* to-slate-900/75 */
        );
    }
    /* Using your existing HTML classes */
    
    h1.heading-ection-01-02-hero-section {
        max-width: 800px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0px !important;
        text-align: center;
        margin-bottom: 2rem;
    }
    
    span.heading-01-hero-section {
        display: flex;
        justify-content: center;
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0/0.15));
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1));
        font-size: clamp(2rem, 5vw, 4.5rem) !important;
        line-height: 0.9;
        font-weight: 400;
        letter-spacing: -0.02em;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2), 0 16px 32px rgba(0, 0, 0, 0.1);
        font-family: Arial, Helvetica, sans-serif;
 	transform: translateY(-150px);
    }
    
    span.heading-02-hero-section {
        display: flex;
        justify-content: center;
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0/0.15));
        --tw-text-opacity: 1;
        color: rgb(252 211 77/var(--tw-text-opacity, 1));
        font-size: clamp(2rem, 5vw, 4.5rem);
        line-height: 0.9;
        text-align: center !important;
        margin: 0;
        font-weight: 400;
        letter-spacing: -0.02em;
        text-shadow: 0 2px 4px rgb(0 0 0 / 30%), 0 8px 16px rgb(0 0 0 / 20%), 0 16px 32px rgb(0 0 0 / 10%);
        font-family: Arial, Helvetica, sans-serif;
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite !important;
 	transform: translateY(-150px);
    }
    
    p.paragraph-03-hero-section {
        font-size: clamp(0.8rem, 1.4vw, 1.8rem);
        line-height: 1.6;
        --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0/0.03)) drop-shadow(0 8px 5px rgb(0 0 0/0.08));
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        --tw-text-opacity: 1;
        color: rgb(243 244 246/var(--tw-text-opacity, 1));
        font-weight: 250;
        max-width: 40rem;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 2rem;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        font-family: Arial, Helvetica, sans-serif !important;
 	transform: translateY(-150px);
    }
    
    .mb-8 {
        margin-bottom: 2rem;
    }
    /* Pulse animation */
    
    @keyframes pulse {
        0%,
        100% {
            opacity: 1;
            /* transform: scale(1); */
        }
        50% {
            opacity: 0.5;
            /* transform: scale(1.02); */
        }
    }
    /* Responsive adjustments */
    
    @media (max-width: 768px) {
        span.heading-01-hero-section,
        span.heading-02-hero-section {
            font-size: clamp(2.5rem, 10vw, 4rem) !important;
            line-height: 1;
        }
        p.paragraph-03-hero-section {
            font-size: 20px !important;
            line-height: 1.6;
        }
    }
    
    @media (max-width: 480px) {
        span.heading-01-hero-section,
        span.heading-01-hero-section {
            line-height: 1.1;
        }
        p.paragraph-03-hero-section {
            font-size: 20px !important;
            line-height: 1.6;
        }
    }
    
    div#tabs {
        max-width: 1440px;
        width: 840px !important;
    }
    
    .activity-date-country-section {
        width: 100% !important;
    }
    
    input#activity_Loc {
        width: fit-content !important;
        padding-left: 12px !important;
        font-size: 14px !important;
        width: 90% !important;
    }
    
    li.row7 {
        width: 100% !important;
    }
    
    ul.option-main-label.activity-destination-country {
        display: flex !important;
        width: 50% !important;
    }
    
    ul.row101 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 0px !important;
        margin: 0px !important;
        width: 100%!important;
    }
    
    #ac_departure_temp,
    #ac_arrival_temp {
        cursor: pointer !important;
        padding-left: 12px px !important;
        font-size: 14px !important;
        width: 100% !important;
    }
    
    ul.activity-dates-block {
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        justify-content: center !important;
        gap: 0px!important;
        margin: 0px !important;
        width: 50% !important;
    }
    
    .absolute-submit-button {
        position: absolute !important;
        right: 40px !important;
        bottom: 30px !important;
    }