body {
    font-family: 'Open Sans', Open Sans;
    margin: 0;
    color: #666;
}

General Reset * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Inter", Arial, sans-serif;
}

body {
    /* top: 0px !important; */
    /* background-color: #000; */
    /* background-image: url("https://images.unsplash.com/photo-1755877379664-2f809909cbec?q=80&w=2340&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
    /* width: auto; */
}

body {
    /* top: 0px !important; */
    /* background-color: #000; */
    /* background-image: url("https://images.unsplash.com/photo-1754818046621-e21ac77d9e9a?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit; */
    /* width: auto; */
}


/* Main Container */

.bec_container_div {
    background: #fff;
    border-radius: 16px;
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
    /* max-width: 1100px; */
    /* margin: auto; */
    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);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0/0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    background-color: rgb(255 255 255/.95);
    border-color: rgb(255 255 255/.2);
    border-width: 1px;
    border-radius: 1.5rem;
    max-width: 56rem;
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
}

.activity-date-country-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}

ul.row101 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    padding: 0px;
    margin: 0px;
}

ul.activity-dates-block {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
    gap: 10px;
}

ul.activity-passenger-count {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
}


/* Input Groups */

.bec_container_div input:focus,
.bec_container_div select:focus {
    border-color: #1abc9c;
}


/* Labels */

.option-main-label h1,
.option-sub-label {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    margin-bottom: 6px;
}


/* Flex Layout */

.location-inputs,
.date-time-block,
.package-passenger-block {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
}

.location-inputs li,
.date-time-block li,
.package-passenger-block li {
    flex: 1;
    min-width: 200px;
}


/* Search Button */

.search-button {
    background: #00a859;
    border-radius: 8px;
    padding: 12px 24px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: background 0.2s ease;
    display: inline-block;
}

.search-button:hover {
    background: #008f4c;
}


/* Advanced Filters */

.show_filter,
.hide_filter {
    font-size: 14px;
    color: #555;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
}

.show_filter:hover,
.hide_filter:hover {
    color: #000;
}


/* Dropdowns like in screenshot */

.user-options-select {
    appearance: none;
    background: #fff url("data:image/svg+xml;utf8,<svg fill='gray' height='20' viewBox='0 0 24 24' width='20'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 12px center;
    background-size: 16px;
}


/* Guests dropdown popup */

.guest-dropdown {
    position: absolute;
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    display: none;
}

.guest-dropdown.active {
    display: block;
}

.guest-dropdown h4 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.guest-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.guest-row span {
    font-size: 14px;
    color: #555;
}

.counter {
    display: flex;
    align-items: center;
    gap: 8px;
}

.counter button {
    border: 1px solid #ddd;
    background: #f8f8f8;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 18px;
    cursor: pointer;
}

.counter button:hover {
    background: #eee;
}

ul.activities-hidden-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px !important;
}

.hide_filter {
    margin: 0% !important;
}

div#A_room_1_ages {
    display: none;
}

.activity-passenger-count li {
    padding-right: 0 !important;
}

ul.option-main-label.activity-destination-country {
    display: flex;
    width: fit-content;
}

.option-main-label {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    padding: 0px 0;
}

.activity-passenger-count .user-options-select {
    background-position: 25px 6px;
    width: fit-content;
}


/*-----------------------------------------------------------------------------------------------------*/


/* main page css */


/*-----------------------------------------------------------------------------------------------------*/

body {
    top: 0px !important;
    background-color: #000;
}

.bec-main-wrapper {
    max-width: 1080px !important;
    margin: 20px auto;
}

ul#ribbon {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.icons li a span {
    width: 60px;
    height: 40px;
    object-fit: contain;
    display: block;
    margin-top: -12px;
    padding: 0px;
}


/* li#vLi {
background-color: rgb(255 255 255/.2) !important;
border-color: rgb(255 255 255/.3) !important;
box-sizing: border-box !important;
border: 0 solid #e5e7eb !important;
color: #ffff !important;
} */

li#vLi {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    --tw-backdrop-blur: blur(4px);
    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);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 10px;
    display: flex;
    background-color: rgb(0 0 0/.4) !important;
    border-color: rgb(255 255 255/.3) !important;
    border-width: 1px;
    border-radius: 9999px;
    display: inline-flex;
    flex-direction: column;
    width: fit-content;
}

a.holidays.mobile-hide-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

li#fLi {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    --tw-backdrop-blur: blur(4px);
    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);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 10px;
    display: flex;
    background-color: rgb(0 0 0/.4) !important;
    border-color: rgb(255 255 255/.3) !important;
    border-width: 1px;
    border-radius: 9999px;
    display: inline-flex;
    flex-direction: column;
    width: fit-content;
}

a.flights.mobile-hide-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

li#hLi {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    --tw-backdrop-blur: blur(4px);
    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);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 10px;
    display: flex;
    background-color: rgb(0 0 0/.4) !important;
    border-color: rgb(255 255 255/.3) !important;
    border-width: 1px;
    border-radius: 9999px;
    display: inline-flex;
    flex-direction: column;
    width: fit-content;
}

a.hotels.mobile-hide-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

li#cLi {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    --tw-backdrop-blur: blur(4px);
    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);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 10px;
    display: flex;
    background-color: rgb(0 0 0/.4) !important;
    border-color: rgb(255 255 255/.3) !important;
    border-width: 1px;
    border-radius: 9999px;
    display: inline-flex;
    flex-direction: column;
    width: fit-content;
}

a.cars.mobile-hide-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

li#tLi {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    --tw-backdrop-blur: blur(4px);
    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);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 10px;
    display: flex;
    background-color: rgb(0 0 0/.4) !important;
    border-color: rgb(255 255 255/.3) !important;
    border-width: 1px;
    border-radius: 9999px;
    display: inline-flex;
    flex-direction: column;
    width: fit-content;
}

a.transfers.mobile-hide-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

li#aLi {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    --tw-backdrop-blur: blur(4px);
    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);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 10px;
    display: flex;
    background-color: rgb(0 0 0/.4) !important;
    border-color: rgb(255 255 255/.3) !important;
    border-width: 1px;
    border-radius: 9999px;
    display: inline-flex;
    flex-direction: column;
    width: fit-content;
}

a.activities.mobile-hide-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

li#pLi {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    --tw-backdrop-blur: blur(4px);
    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);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 10px;
    display: flex;
    background-color: rgb(0 0 0/.4) !important;
    border-color: rgb(255 255 255/.3) !important;
    border-width: 1px;
    border-radius: 9999px;
    display: inline-flex;
    flex-direction: column;
    width: fit-content;
}

a.FixedPackages.mobile-hide-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.search-button>div {
    background: #00a859 !important;
}

li.option-main-label.row3 {
    display: none;
}

li.option-main-label.row3.width100 {
    display: none;
}

li.row3 {
    display: none !important;
}

div#tr_country_div {
    display: none;
}

svg {
    width: 25px;
    height: 23px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 0;
    fill: #000 !important;
    color: #000 !important;
}

li {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 10px;
}

a.show_filter {
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none;
}

a.show_filter svg {
    color: #000 !important;
    fill: #000 !important;
}

.hide_filter {
    margin: 0% !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.search-button>div {
    padding: 8px 10px !important;
}

a.search-button {
    display: flex;
    align-items: center;
    gap: 0;
}

a.search-button {
    fill: #FFff;
}

.bec_container_div {
    background: #fff;
    border-radius: 16px;
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
    /* max-width: 1100px; */
    /* margin: auto; */
    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);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0/0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    background-color: rgb(255 255 255/.95);
    border-color: rgb(255 255 255/.2);
    border-width: 1px;
    border-radius: 1.5rem;
    max-width: 56rem;
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    justify-content: space-around;
}

.location-inputs,
.date-time-block,
.package-passenger-block {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
}

ul.activity-dates-block {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
    gap: 10px;
    margin: 0px !important;
}

li.row7 {
    width: fit-content;
}

li#a_res_country_div {
    display: none;
}

.activity-passenger-count li {
    padding-right: 0 !important;
    /* width: fit-content; */
}

ul.option-main-label.activity-destination-country {
    display: flex;
    width: fit-content;
}


/*-----------------------------------------------------------------------------------------------------*/


/* flight-departure css */


/*-----------------------------------------------------------------------------------------------------*/

.flight-passenger-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
}

li.option-main-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

a.show_filter {
    padding: 10px 0px !important;
    margin: 0px !important;
}

ul.holidays-hidden-options {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    gap: 10px;
}

li.morefilters {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row !important;
    padding-top: 15px !important;
    padding-bottom: 40px;
}

.location-inputs,
.date-time-block,
.package-passenger-block {
    /* display: block; */
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
}

ul.transfer-type-select {
    display: flex;
    justify-content: space-around;
    margin: 10px;
}

ul.transfer-date-time {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

li {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    padding: 0px;
    align-items: center;
}

.flight-passenger-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    width: 100% !important;
}

li.trip-type {
    padding: 10px !important;
}

ul.hotel-date-time-block {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    gap: 0;
}

li.width-fix-hotels {
    display: flex;
    justify-content: space-around;
    width: 100%;
    gap: 0px;
}

ul.hotel-date-time-block {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    gap: 0;
}

.option-main-label {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    padding: 10px 0;
}

.hotel-passenger-block {
    padding: 10px 0;
}

ul.hotel-date-times {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 15px;
}

.trip-type-options {
    display: flex !important;
    flex-direction: row;
    align-items: flex-end;
}

.flight-time-start-rtn {
    display: flex;
    flex-direction: column;
    align-items: center;
}


/*-----------------------------------------------------------------------------------------------------*/


/* cars css */


/*-----------------------------------------------------------------------------------------------------*/

li.option-main-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

ul.car-pick-block {
    display: flex!important;
    /* flex-wrap: wrap !important; */
    align-items: center!important;
    width: 100%!important;
    gap: 20px !important;
    align-content: center;
    flex-direction: row!important;
}

input#car_departure_temp {
    width: 100%;
}

input#car_arrival_temp {
    width: 100% !important;
}

li.car-drop-date {
    width: 100%;
}

li.row5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 50%;
}

li.car-pick-location {
    padding-bottom: 30px;
}

ul.cars-hidden-options {
    WIDTH: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 100px;
}


/*-----------------------------------------------------------------------------------------------------*/


/* Transfers css */


/*-----------------------------------------------------------------------------------------------------*/

ul.transfer-locations-pick {
    width: 100%;
    display: flex;
    gap: 10px;
}

ul.transfer-type-select {
    display: flex;
    justify-content: space-around;
    margin: 20px;
}

li#hotel_drop {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 5px !important;
}

ul.transfer-date-time {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}

.transfer-passenger-block .user-options-select {
    background-position: 25px 6px;
    width: 100%;
}

ul.transfer-passenger-block {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    width: 100%;
}

ul.transfer-passenger-block {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-around;
}


/*-----------------------------------------------------------------------------------------------------*/


/* packages css */


/*-----------------------------------------------------------------------------------------------------*/

li#Exclude_Flight {
    display: flex !important;
    /* justify-content: space-evenly; */
    width: 100%;
}

ul.how-many-people {
    width: 100%;
}

ul.hotel-age-field {
    display: none;
}

.hotel-passenger-block>ul {
    display: inline-block;
    padding: 0 0 0px !important;
}

.hotel-passenger-block {
    padding: 0px 0;
}

.hotel-passenger-block>ul {
    display: inline-block;
    padding: 0 0 0px !important;
}

div#roomComboH {
    display: flex !important;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

select#norooms_H {
    width: 100%;
}

select#H_nights {
    width: 100%;
}

ul.car-pick-details {
    width: 100%;
    display: block;
    /* flex-direction: column; */
}

li.car-pick-date {
    width: fit-content;
}

li.car-drop-date {
    width: fit-content;
}

.transfers-hidden-options .user-options-select {
    background-position: 105px 6px;
    width: fit-content !important;
}

li.activity-program-category {
    width: fit-content;
}

.optio-main-lable-fap\=other-optios {
    /* width: fit-content; */
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

ul.date-time-block {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 0 30px;
    width: fit-content;
}

.option-main-label {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    padding: 0px 0;
}

ul#F_room_1_ages {
    display: none;
}


/* input#activity_Loc {
    width: fit-content !important;
    padding-left: 12px !important;
    font-size: 14px !important;
} */

.fp-travel-type-location {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}

ul.fp-travel-type {
    display: flex;
    flex-direction: column;
    align-items: center;
}

ul.location-inputs.row10 {
    width: fit-content;
}

li.fp-flight-block.row10 {
    display: none;
}

.fp-passenger-label {
    display: block;
    font-size: 12px;
    padding: 0;
    text-align: left;
}

.fp-other-options>li {
    width: fit-content !important;
}

.fp-other-options>li {
    width: fit-content;
}

.optio-main-lable-fap\=other-optios {
    /* width: fit-content; */
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
}

li#Exclude_Flight {
    display: flex !important;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.row4 {
    width: fit-content;
}

input#package_Ex_des {
    width: fit-content;
}

ul.location-inputs.row10 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

li#Exclude_Flight {
    display: flex !important;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

input#Package_Type1 {
    margin-left: -30px;
}


/* .activity-dates-block .user-date-select.hasDatepicker {
    background: #f3f3f3 url(../images/ico_calendar.png) no-repeat scroll 120px 10px !important;
}

.user-date-select.hasDatepicker {
    background: #f3f3f3 url(../images/ico_calendar.png) no-repeat scroll 104px 5px !important;
    height: 40px !important;
    line-height: 17px;
} */

.search-button {
    background: #00a859;
    border-radius: 8px;
    padding: 3px 24px !important;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: background 0.2s ease;
    display: inline-block;
}


/* .flight-times .user-date-select.hasDatepicker {
    background: #F3F3F3 url(../images/ico_calendar.png) no-repeat scroll 161px 10px !important;
} */

.search-button {
    background: #00a859;
    border-radius: 8px;
    padding: 3px 24px !important;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: background 0.2s ease;
    display: inline-block;
    --tw-bg-opacity: 1;
    background-color: rgb(5 150 105/var(--tw-bg-opacity, 1)) !important;
}

.search-button>div {
    /* background: #00a859 !important; */
    --tw-bg-opacity: 1;
    background-color: rgb(5 150 105/var(--tw-bg-opacity, 1)) !important;
}

ul.flight-hidden-overite {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 10px;
    width: 100%;
}

li#pref_nonstop_F {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 0;
}

input[type="checkbox"] {
    width: 40px;
}


/* .user-date-select.hasDatepicker {
    background: #f3f3f3 url(../images/ico_calendar.png) no-repeat scroll 242px 10px !important;
    height: 40px !important;
    line-height: 17px;
}

.input-wrapper-date-time-tr .user-date-select.hasDatepicker {
    background: #F3F3F4 url(../images/ico_calendar.png) no-repeat scroll 161px 10px !important;
} */

.transfer-date-time .user-options-select {
    background-position: 74px 6px;
    width: fit-content !important;
}

input#Package_Type1 {
    margin-left: 0;
    width: 40px;
}

li.excuding-flight-package {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
}

select {
    background: #f3f3f3 url(../images/) no-repeat scroll right center!important;
    background-color: #fff !important;
    border: 0px solid #d9d9d9!important;
    border-radius: 8px!important;
    box-shadow: 0 0px 0 0 #d9d9d9 inset!important;
    color: #000!important;
}

.user-date-select.hasDatepicker {
    background: #f3f3f3 url(data:image/svg+xml,<svg xmlns="http: //www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176zM144 288L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 288L144 288z"/></svg>);
    height: 37px;
    line-height: 17;
}

select {
    -webkit-appearance: radio;
}

ul.package-passenger-block.fix-passenger-wp {
    margin: 15px 0;
}

li.flight-child-label {
    display: flex;
    margin-right: -50%;
    flex-direction: row;
    justify-content: flex-start;
    gap: 0 !important;
}

ul#V_room_1_ages {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

li.flight-child-age {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

li.flight-child-age {
    display: flex!important;
    flex-direction: row!important;
    justify-content: space-around!important;
    align-items: center!important;
    width: 100%!important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}

.flight-passenger-container>.flight-passenger-option {
    display: inline-block!important;
    padding-right: 10px!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
}

li#hotel_drop {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 5px !important;
    padding: 20px;
}

ul.transfer-date-time {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 30px;
}

li.input-wrapper-date-time-tr {
    width: 100% !important;
}

ul.activity-additional-options {
    margin: 0px !important;
    width: 100%;
    padding-top: 15px;
}

.date-picker-container {
    position: relative;
}

span.date-picker-icon {
    color: black;
    position: absolute;
    top: 6px;
    right: 6px;
}

#ac_departure_temp,
#ac_arrival_temp {
    cursor: pointer;
    padding-left: 12px !important;
    font-size: 14px !important;
}

li.activity-passenger-label.label-bg-common-01-tag-01,
li.activity-passenger-label.label-bg-common-02-0tag-02,
ul.activity-passenger-count li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px !important;
}

.absolute-submit-button {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.relative-container-custom {
    position: relative;
}

ul.activity-main-block {
    display: none;
}