.form-frame:has(.booking_form_new) {
    width: 100%;
    max-width: calc(11*var(--value-100) + var(--value-60) - var(--value-4));
    margin: 0 auto;
    z-index:1;
}

.form-frame:has(.booking_form_new) form {
    grid-gap: var(--value-30);
    display: grid;
    font-size: var(--font-16);
}

.form-frame:has(.booking_form_new) form.not-initialized {
    opacity: 0
}

.custom-radio-select {
    position: relative;
    font-size: var(--font-14);
    user-select: none
}

.custom-radio-select .select-trigger {
    position: relative;
    cursor: pointer
}

.custom-radio-select .select-trigger:after {
    content: '';
    width: var(--value-20);
    height: var(--value-20);
    position: absolute;
    top: 50%;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-10);
    transform: translateY(-50%)
}

.custom-radio-select.active .select-trigger:after {
    transform: translateY(-50%) rotate(180deg)
}

.custom-radio-select .select-options {
    display: none;
    background-color: #fff;
    border-radius: var(--value-8);
    position: absolute;
    top: calc(100% + var(--value-4));
    left: 0;
    z-index: 999;
    box-shadow: 0px 8px 20px 0px rgba(10, 29, 57, .12);
    overflow: hidden
}

.custom-radio-select .select-options>div {
    padding: var(--value-10) calc(var(--value-15) + 2*var(--value-1));
    cursor: pointer
}

.custom-radio-select .select-options>div:hover {
    background-color: rgba(241, 241, 241, 1)
}

.custom-radio-select .select-options>div input {
    display: none
}

.custom-radio-select .select-options>div label {
    display: grid;
    align-items: center;
    line-height: 1;
    grid-template-columns: auto 1fr;
    grid-gap: var(--value-10);
    cursor: pointer
}

.custom-radio-select .select-options>div label:before {
    content: '';
    width: calc(var(--value-20) - 2*var(--value-1));
    height: calc(var(--value-20) - 2*var(--value-1));
    border-radius: 50%;
    border: var(--value-1) solid rgba(226, 224, 227, 1);
    background-color: transparent;
    margin-top: calc(-2*var(--value-1))
}

.custom-radio-select .select-options>div input[type=radio]:checked+label:before {
    border: calc(var(--value-5) + var(--value-1)) solid var(--blue-color-lighter);
    background-color: #fff
}

.custom-radio-select .select-options {
    width: calc(2*var(--value-100) + var(--value-40));
    padding: var(--value-8) 0
}

.custom-radio-select.option-type .select-trigger {
    background-color: rgba(255, 255, 255, .1);
    padding: var(--value-8) var(--value-12);
    padding-right: calc(var(--value-30) + var(--value-12));
    color: #fff
}

.custom-radio-select.option-type:after {
    right: var(--value-12)
}

.custom-radio-select.option-type.active .select-trigger {
    background-color: rgba(255, 255, 255, .24)
}

.custom-radio-select.option-type .select-trigger:after {
    background-image: url(../image/cust-sel-arrow-white.svg);
    right: var(--value-12)
}

.custom-radio-select.in-form {
    font-size: var(--font-16)
}

.custom-radio-select.in-form .select-options {
    font-size: var(--font-14);
    width: calc(3*var(--value-100) + var(--value-40));
    padding: 0
}

.custom-radio-select.in-form .select-options>div {
    border-bottom: var(--value-1) solid rgba(226, 224, 227, 1);
    padding: calc(var(--value-15) + 2*var(--value-1))
}

.custom-radio-select.in-form .select-options>div:last-child {
    border-bottom: none
}

.custom-radio-select.in-form .select-options>div>label>span {
    display: flex;
    grid-template-columns: auto auto;
    justify-content: space-between;
    flex-wrap: wrap
}

.custom-radio-select.in-form .select-trigger {
    background-color: #fff
}

.custom-radio-select.in-form .select-trigger:after {
    background-image: url(../image/cust-sel-arrow-black.svg);
    right: var(--value-16)
}

form.booking_form_new .top-bar>div {
    margin-right: var(--value-4)
}

form.booking_form_new .top-bar>div:last-child {
    margin-right: 0
}

form.booking_form_new .top-bar .custom-radio-select:first-child .select-trigger {
    border-radius: var(--value-8) 0px 0px var(--value-8)
}

form.booking_form_new .top-bar .custom-radio-select:last-child .select-trigger {
    border-radius: 0 var(--value-8) var(--value-8) 0px
}

form.booking_form_new .fields-list {
    background-color: rgba(255, 255, 255, .1);
    border-radius: var(--value-12);
    outline: var(--value-12) solid rgba(255, 255, 255, .1);
    border-radius: var(--value-12);
    grid-gap: var(--value-4)
}

form.booking_form_new .fields-row {
    grid-gap: var(--value-4);
    grid-template-columns: repeat(4, 1fr)
}

form.booking_form_new.round-trip .fields-row {
    grid-template-columns: 1fr 1fr 1.38fr 1fr
}

form.booking_form_new.round-trip .dates-group {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--value-4)
}

form.booking_form_new .dates-group .date-box {
    position: relative
}

form.booking_form_new .dates-group .date-return:after {
    content: '';
    width: var(--value-1);
    height: 60%;
    background-color: rgba(226, 224, 227, 1);
    position: absolute;
    top: 20%;
    left: calc(-2*var(--value-1))
}

form.booking_form_new .field-box {
    background-color: #fff;
    position: relative
}

@media (min-width:768px) {

    form.booking_form_new .fields-row:first-child .field-box:first-child,
    form.booking_form_new .fields-row:first-child .field-box:first-child .select2-container--search-airports .select2-selection__rendered,
    form.booking_form_new .fields-row:first-child .field-box:first-child select {
        border-top-left-radius: var(--value-12)
    }

    form.booking_form_new .fields-row:first-child .field-box:last-child,
    form.booking_form_new .fields-row:first-child .field-box:last-child .custom-radio-select.in-form .select-trigger {
        border-top-right-radius: var(--value-12)
    }

    form.booking_form_new:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:first-child,
    form.booking_form_new:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:first-child .select2-container--search-airports .select2-selection__rendered,
    form.booking_form_new:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:first-child select,
    form.booking_form_new.dynamic_start .fields-row:first-child .field-box:first-child,
    form.booking_form_new.dynamic_start .fields-row:first-child .field-box:first-child .select2-container--search-airports .select2-selection__rendered,
    form.booking_form_new.dynamic_start .fields-row:first-child .field-box:first-child select,
    form.booking_form_new .fields-row:last-child .field-box:first-child,
    form.booking_form_new .fields-row:last-child .field-box:first-child input {
        border-bottom-left-radius: var(--value-12)
    }

    form.booking_form_new:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:last-child,
    form.booking_form_new.dynamic_start .fields-row:first-child .field-box:last-child,
    form.booking_form_new .fields-row:last-child .field-box:last-child,
    form.booking_form_new .fields-row:last-child .field-box:last-child input,
    form.booking_form_new:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:last-child .custom-radio-select.in-form .select-trigger,
    form.booking_form_new.dynamic_start .fields-row:first-child .field-box:last-child .custom-radio-select.in-form .select-trigger {
        border-bottom-right-radius: var(--value-12)
    }
}

form.booking_form_new input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 var(--value-50) #fff;
    -webkit-text-fill-color: var(--black-color)
}

form.booking_form_new input {
    border-radius: 0
}

form.booking_form_new select,
form.booking_form_new input,
form.booking_form_new textarea,
form.booking_form_new .custom-radio-select.in-form .select-trigger,
form.booking_form_new .select2-container--search-airports .select2-selection__rendered {
    width: 100%;
    height: calc(var(--value-50) + var(--value-15) - var(--value-1));
    border: var(--value-1) solid #fff;
    outline: none;
    padding-left: var(--value-16);
    padding-right: var(--value-16)
}

form.booking_form_new textarea {
    display: flex;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden
}

form.booking_form_new .custom-radio-select.in-form .select-trigger {
    padding-top: var(--value-20);
    padding-bottom: var(--value-20)
}

form.booking_form_new input,
form.booking_form_new textarea,
form.booking_form_new .custom-radio-select.in-form.selected .select-trigger,
form.booking_form_new .select2-container--search-airports .select2-selection__rendered,
form.booking_form_new .iti--allow-dropdown input,
form.booking_form_new .iti--separate-dial-code input[type=tel],
form.booking_form_new .iti--separate-dial-code .iti__selected-flag {
    padding-top: var(--value-30);
    padding-bottom: var(--value-10)
}

.custom-radio-select.in-form .select-trigger,
.custom-radio-select.in-form.selected .select-trigger>span {
    color: rgba(137, 131, 144, 1)
}

.custom-radio-select.in-form.selected .select-trigger {
    color: #000
}

form.booking_form_new .field-box>label,
form.booking_form_new .field-box>.date-box>label,
form.booking_form_new .custom-radio-select>label {
    cursor: text;
    position: absolute;
    top: 50%;
    left: var(--value-16);
    transform: translateY(-50%);
    color: rgba(137, 131, 144, 1);
    transition: .2s ease top, .2s ease font-size;
    -o-transition: .2s ease top, .2s ease font-size;
    -webkit-transition: .2s ease top, .2s ease font-size;
    -moz-transition: .2s ease top, .2s ease font-size
}

form.booking_form_new .field-box>input:focus~label,
form.booking_form_new .field-box>input:not([value=''])~label,
form.booking_form_new .field-box>.date-box:not(:has(.date-format[value='']))>label,
form.booking_form_new .field-box>.date-box:has(input.focus)>label,
form.booking_form_new .custom-radio-select>label,
form.booking_form_new .field-box:has(.selected)>label,
form.booking_form_new .field-box:has(.iti)>label,
form.booking_form_new .field-box>textarea:focus~label,
form.booking_form_new .field-box>textarea:not(.empty)~label {
    top: var(--value-20);
    font-size: var(--value-12)
}

form.booking_form_new .with-ico input,
form.booking_form_new .with-ico textarea,
form.booking_form_new .with-ico .custom-radio-select.in-form .select-trigger,
form.booking_form_new .with-ico .select2-container--search-airports .select2-selection__rendered,
form.booking_form_new .custom-radio-select.in-form .select-trigger.with-ico {
    padding-left: var(--value-50)
}

form.booking_form_new .with-ico>label,
form.booking_form_new .date-box.with-ico>label,
form.booking_form_new .custom-radio-select:has(.with-ico)>label {
    left: var(--value-50)
}

form.booking_form_new .custom-radio-select>label {
    opacity: 0
}

form.booking_form_new .custom-radio-select.selected>label {
    opacity: 1;
    z-index: 1
}

form.booking_form_new .with-ico:before {
    content: '';
    width: var(--value-25);
    height: var(--value-25);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-25);
    position: absolute;
    top: 50%;
    left: var(--value-15);
    transform: translateY(-50%)
}

form.booking_form_new .date-box.with-ico:before {
    background-image: url(../image/calendar.svg)
}

form.booking_form_new .takeoff.with-ico:before {
    background-image: url(../image/flight-takeoff.svg)
}

form.booking_form_new .takeon.with-ico:before {
    background-image: url(../image/flight-takeon.svg)
}

form.booking_form_new .cabin-class .with-ico:before {
    background-image: url(../image/cabin-class.svg)
}

form.booking_form_new .select2-container--search-airports {
    width: 100% !important;
    height: 100%
}

form.booking_form_new .select2-container--search-airports .select2-selection--single {
    height: 100% !important
}

form.booking_form_new .select2-container--search-airports .select2-selection__placeholder {
    display: none
}

body>.select2-container--search-airports {
    transform: translateY(calc((var(--value-50) + var(--value-15) - var(--value-1))*-1))
}

body>.select2-container--search-airports .select2-search--dropdown {
    padding: 0;
    position: relative
}

body>.select2-container--search-airports .select2-search--dropdown .select2-search__field {
    border: none;
    border-bottom: var(--value-1) solid rgba(226, 224, 227, 1);
    border-radius: 0;
    outline: none;
    padding: var(--value-16);
    font-size: var(--font-18);
    padding-right: calc(2*var(--value-1) + var(--value-40))
}

body>.select2-container--search-airports .select2-search--dropdown .select2-search__field::placeholder {
    color: rgba(137, 131, 144, 1)
}

body>.select2-container--search-airports .select2-airports-list {
    box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, .16);
    border: none;
    width: calc(var(--value-100)*3 + var(--value-40)) !important;
    font-size: var(--font-14);
    border-radius: var(--value-12);
    overflow: hidden;
    z-index: 99999234324;
}

body>.select2-container--search-airports.direction-to .select2-airports-list {
    border-top-left-radius: 0
}

body>.select2-container--search-airports .select2-results>.select2-results__options li.select2-results__message:empty {
    display: grid;
    grid-gap: var(--value-16);
    text-align: center
}

body>.select2-container--search-airports .select2-results>.select2-results__options li.select2-results__message:empty:after {
    content: 'Search by city or airport';
    font-size: var(--font-14);
    color: rgba(137, 131, 144, 1)
}

body>.select2-container--search-airports .select2-results>.select2-results__options li.select2-results__message:empty:before {
    content: '';
    width: calc(var(--value-30) + var(--value-5) + var(--value-1));
    height: calc(var(--value-30) + var(--value-5) + var(--value-1));
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-20);
    background-image: url(../image/search.svg);
    border-radius: 50%;
    border: var(--value-1) solid rgba(226, 224, 227, 1);
    margin: 0 auto
}

body>.select2-container--search-airports .select2-search--dropdown .clear-select {
    font-size: 0;
    width: var(--value-20);
    height: var(--value-20);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-20);
    background-image: url(../image/cancel.svg);
    position: absolute;
    top: 50%;
    right: var(--value-16);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1
}

body>.select2-container--search-airports .select2-results>.select2-results__options {
    padding: var(--value-4) 0;
    max-height: calc(2*var(--value-100) + var(--value-50));
    overflow-y: scroll
}

body>.select2-container--search-airports .select2-results>.select2-results__options::-webkit-scrollbar {
    width: calc(4*var(--value-1))
}

body>.select2-container--search-airports .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background-color: var(--grey-color-200);
    border-radius: var(--value-5)
}

body>.select2-container--search-airports .select2-results>.select2-results__options li {
    padding: var(--value-12) var(--value-16)
}

body>.select2-container--search-airports .select2-results>.select2-results__options li>span {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: var(--value-20);
    justify-content: space-between;
    align-items: center
}

body>.select2-container--search-airports .select2-results .iataCode {
    color: rgba(137, 131, 144, 1);
    text-transform: uppercase;
    top: calc(3*var(--value-1));
    position: relative
}

body>.select2-container--search-airports .select2-results>.select2-results__options li:not(.select2-results__message):hover {
    background-color: rgba(241, 241, 241, 1)
}

body>.select2-container--search-airports .select2-results>.select2-results__options li.loading-results:hover {
    background-color: #fff
}

body>.select2-container--search-airports .select2-results>.select2-results__options li>span>span:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline
}

body>.select2-container--search-airports .select2-results>.select2-results__options li .city:before,
body>.select2-container--search-airports .select2-results>.select2-results__options li .nameAirport:before,
body>.select2-container--search-airports .select2-results>.select2-results__options li:has(.nameAirport)>span:before {
    content: '';
    width: var(--value-20);
    height: var(--value-20);
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: var(--value-20);
    display: inline-block;
    margin-right: var(--value-8);
    top: var(--value-4)
}

body>.select2-container--search-airports .select2-results>.select2-results__options li .all-airports .city:before {
    background-image: url(../image/location_city.svg)
}

body>.select2-container--search-airports .select2-results>.select2-results__options li .city:before,
body>.select2-container--search-airports .select2-results>.select2-results__options li .nameAirport:before {
    background-image: url(../image/airport.svg)
}

body>.select2-container--search-airports .select2-results>.select2-results__options li:has(.nameAirport)>span:before {
    background-image: url(../image/subdirectory_arrow_right.svg);
    margin-right: calc(-1*var(--value-12));
    top: 0
}

body>.select2-container--search-airports .select2-results>.select2-results__options li:has(.nameAirport)>span {
    grid-template-columns: auto 1fr auto
}

body>.select2-container--search-airports .select2-results>.select2-results__options li:has(.city) {
    border-top: var(--value-1) solid rgba(226, 224, 227, 1)
}

body>.select2-container--search-airports .select2-results>.select2-results__options li:first-child:not(.loading-results) {
    border-top: none
}

body>.select2-container--search-airports .select2-results>.select2-results__options li:has(.nameAirport) {
    padding: var(--value-8) var(--value-16)
}

form.booking_form_new .iti__flag {
    width: calc(var(--value-30) - var(--value-1)*3);
    height: var(--value-20)
}

form.booking_form_new .iti--separate-dial-code .iti__selected-flag {
    font-size: var(--font-16)
}

form.booking_form_new .iti__country-list {
    font-size: var(--font-16)
}

form.booking_form_new .bt-box {
    text-align: center
}

form.booking_form_new .bt {
    min-height: calc(var(--value-60) + var(--value-4));
    padding: 0 var(--value-40)
}

form.booking_form_new .hidden-part-two,
form.booking_form_new .form-part-two {
    display: none
}

form.booking_form_new .send-error {
    background-color: rgb(255 0 0/25%);
    padding: var(--value-16);
    color: #fff;
    display: none;
    border-radius: var(--value-12);
    font-size: var(--font-14);
    font-weight: 300
}

form.booking_form_new .notice-box {
    display: none
}

form.booking_form_new .notice-box p {
    font-size: var(--value-12);
    text-align: center;
    color: rgba(255, 255, 255, .5);
    font-weight: 100;
    margin: -8px 0 var(--value-15) 0;
    letter-spacing: .2px
}

form.booking_form_new .hidden-part-two .field-box input:not(.error):focus,
form.booking_form_new .hidden-part-two .field-box textarea:not(.error):focus {
    border-color: rgba(47, 123, 234, 1)
}

form.booking_form_new .hidden-part-two .field-box:has(input:focus),
form.booking_form_new .hidden-part-two .field-box:has(textarea:focus) {
    box-shadow: 0px 0px 12px 0px rgba(0, 118, 226, .7)
}

form.booking_form_new .hidden-part-two input.error,
form.booking_form_new .hidden-part-two textarea.error {
    border-color: rgba(229, 46, 46, 1);
    background-color: rgba(253, 238, 238, 1);
    color: rgba(229, 46, 46, 1)
}

form.booking_form_new .hidden-part-two .field-box>input.error:focus,
form.booking_form_new .hidden-part-two .field-box>textarea.error:focus {
    color: #000
}

form.booking_form_new .hidden-part-two .field-box:has(input.error)>label,
form.booking_form_new .hidden-part-two .field-box:has(textarea.error)>label {
    color: rgba(229, 46, 46, 1)
}

form.booking_form_new .hidden-part-two .field-box>input.error:focus~label,
form.booking_form_new .hidden-part-two .field-box>input:not([value=''])~label,
form.booking_form_new .hidden-part-two .field-box:has(.iti)>label,
form.booking_form_new .hidden-part-two .field-box>textarea.error:focus~label,
form.booking_form_new .hidden-part-two .field-box>textarea:not(.empty)~label {
    color: rgba(137, 131, 144, 1) !important
}

form.booking_form_new .hidden-part-two .field-box:has(input.error:focus),
form.booking_form_new .hidden-part-two .field-box:has(textarea.error:focus) {
    box-shadow: 0px 0px 12px 0px rgba(229, 46, 46, .7)
}

form.booking_form_new .hidden-part-two .field-box .error-tooltip {
    display: none
}

form.booking_form_new .hidden-part-two .field-box:has(.error) .error-tooltip {
    width: var(--value-20);
    height: var(--value-20);
    color: #fff;
    position: absolute;
    top: 50%;
    right: var(--value-16);
    transform: translateY(-50%);
    cursor: pointer;
    background-image: url(../image/error.svg);
    background-size: var(--value-20);
    background-position: center;
    background-repeat: no-repeat;
    display: block
}

form.booking_form_new .tooltip.show {
    opacity: 1
}

form.booking_form_new .tooltip .tooltip-inner {
    background-color: rgba(229, 46, 46, 1);
    font-size: var(--font-14);
    transform: none
}

form.booking_form_new .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
form.booking_form_new .bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: rgba(229, 46, 46, 1)
}

form.booking_form_new .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
form.booking_form_new .bs-tooltip-start .tooltip-arrow:before {
    border-left-color: rgba(229, 46, 46, 1)
}

form.booking_form_new .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
form.booking_form_new .bs-tooltip-top .tooltip-arrow:before {
    border-top-color: rgba(229, 46, 46, 1)
}

form.booking_form_new .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
form.booking_form_new .bs-tooltip-end .tooltip-arrow:before {
    border-right-color: rgba(229, 46, 46, 1)
}

form.booking_form_new.old_flow .fields-row,
form.booking_form_new.old_flow.round-trip .fields-row:first-child {
    grid-template-columns: repeat(4, 1fr)
}

form.booking_form_new.old_flow .fields-row:first-child {
    grid-template-columns: repeat(3, 1fr)
}

form.booking_form_new.old_flow.round-trip .fields-row:first-child .field-box.dates-group {
    grid-column-start: span 2
}

form.booking_form_new.form_light .fields-list {
    outline: var(--value-12) solid #e2e0e3;
    background-color: #e2e0e3
}

form.booking_form_new.form_light .dates-group .date-return:after {
    background-color: #f1f1f1
}

form.booking_form_new.form_light .top-bar .custom-radio-section {
    display: flex
}

form.booking_form_new.form_light .top-bar .custom-radio-section>div {
    margin-right: var(--value-16)
}

form.booking_form_new.form_light .top-bar .custom-radio-section>div:last-child {
    margin-right: 0
}

.custom-radio-section input {
    display: none
}

.custom-radio-section>div label {
    display: grid;
    align-items: center;
    line-height: 1;
    grid-template-columns: auto 1fr;
    grid-gap: var(--value-8);
    cursor: pointer;
    font-size: var(--font-14)
}

.custom-radio-section>div label:before {
    content: '';
    width: calc(var(--value-20) - 2*var(--value-1));
    height: calc(var(--value-20) - 2*var(--value-1));
    border-radius: 50%;
    border: var(--value-1) solid rgba(226, 224, 227, 1);
    background-color: transparent;
    margin-top: calc(-2*var(--value-1))
}

.custom-radio-section>div input[type=radio]:checked+label:before {
    border: calc(var(--value-5) + var(--value-1)) solid var(--blue-color);
    background-color: #fff
}

.form-frame:has(.booking_form_new.form_light) {
    max-width: initial
}

.custom-radio-select.in-form .select-options .quantity-section {
    border-bottom: var(--value-1) solid rgba(226, 224, 227, 1);
    padding: var(--value-8) calc(var(--value-15) + 2*var(--value-1))
}

.custom-radio-select.in-form .select-options .quantity-section {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: space-between;
    grid-gap: var(--value-20);
    align-items: center
}

.custom-radio-select.in-form .select-options .quantity-section .counter {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: var(--value-8);
    align-items: center;
    cursor: pointer
}

.custom-radio-select.in-form .select-options .quantity-section .counter .quantity-btn {
    width: calc(var(--value-30) + 2*var(--value-1));
    height: calc(var(--value-30) + 2*var(--value-1));
    border: var(--value-1) solid rgba(226, 224, 227, 1);
    border-radius: var(--value-8);
    color: rgba(137, 131, 144, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: var(--font-16);
    cursor: pointer
}

.custom-radio-select.in-form .select-options .quantity-section .counter input {
    padding: 0;
    width: calc(var(--value-30) + 2*var(--value-1));
    height: auto;
    text-align: center;
    -webkit-appearance: none
}

form.booking_form_new.form_light .bt-box {
    display: grid;
    grid-gap: var(--value-20);
    justify-content: flex-end;
    grid-template-columns: auto
}

form.booking_form_new.form_light .bt-box .notice-box p {
    font-size: var(--font-12);
    color: rgba(137, 131, 144, 1);
    margin: 0;
    text-align: left
}

form.booking_form_new.form_light .custom-radio-select.in-form.selected .select-trigger>span {
    font-size: var(--font-12)
}

@media (min-width:1321px) and (max-width:1440px) {
    form.booking_form_new.form_light .custom-radio-select.in-form .select-options {
        width: calc(3*var(--value-100) + var(--value-60))
    }
}

@media (min-width:1240px) and (max-width:1320px) {
    form.booking_form_new.form_light .custom-radio-select.in-form .select-options {
        width: calc(3*var(--value-100) + var(--value-80))
    }
}

@media (min-width:768px) {

    form.booking_form_new.form_light .fields-row,
    form.booking_form_new.form_light.round-trip .fields-row {
        grid-template-columns: 1fr 1fr 1fr 1.23fr
    }

    form.booking_form_new.form_light:has(.hidden-part-two[style*="display: grid"]) .fields-row:first-child .field-box:first-child .select2-container--search-airports .select2-selection__rendered,
    form.booking_form_new.form_light .fields-row:first-child .field-box:first-child {
        border-bottom-left-radius: var(--value-12)
    }

    form.booking_form_new.form_light:has(.hidden-part-two[style*="display: grid"]) .fields-row:first-child .field-box:last-child .custom-radio-select.in-form .select-trigger,
    form.booking_form_new.form_light .fields-row:first-child .field-box:last-child {
        border-bottom-right-radius: var(--value-12)
    }

    form.booking_form_new.form_light .fields-row:last-child .field-box:first-child,
    form.booking_form_new.form_light .fields-row:last-child .field-box:first-child input {
        border-top-left-radius: var(--value-12)
    }

    form.booking_form_new.form_light .fields-row:last-child .field-box:last-child,
    form.booking_form_new.form_light .fields-row:last-child .field-box:last-child input {
        border-top-right-radius: var(--value-12)
    }

    form.booking_form_new.form_light .bt {
        padding: var(--value-20) var(--value-24);
        font-size: var(--font-16);
        border-radius: var(--value-12)
    }

    form.booking_form_new.form_light .bt:disabled {
        background-color: var(--blue-dark-color)
    }

    form.booking_form_new.form_light:has(.hidden-part-two[style*="display: grid"]) .bt-box {
        justify-content: space-between;
        grid-template-columns: repeat(2, auto)
    }

    form.booking_form_new.form_light .iti__country-list {
        width: calc(3*var(--value-100) + var(--value-40))
    }
}

@media (max-width:767px) {
    .form-frame:has(.booking_form_new.form_light) form {
        grid-gap: 0
    }

    form.booking_form_new.form_light .bt-box .notice-box p {
        text-align: center
    }

    .search-form-sect:has(form.booking_form_new.form_light) {
        align-items: flex-start;
        padding-bottom: 32px;
        min-height: auto;
        padding-top: 20px
    }

    form.booking_form_new.form_light .custom-radio-select.in-form .select-options {
        top: initial;
        bottom: calc(100% + var(--value-4));
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    form.booking_form_new.form_light .custom-radio-select.active {
        box-shadow: 0px 0px 12px 0px rgba(0, 118, 226, .7)
    }

    form.booking_form_new.form_light .custom-radio-select.active .select-trigger {
        border-color: rgba(47, 123, 234, 1)
    }

    form.booking_form_new:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:last-child .custom-radio-select.in-form {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }

    form.booking_form_new.form_light .fields-list {
        outline-width: 6px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    form.booking_form_new.form_light .top-bar {
        margin-bottom: 22px
    }

    form.booking_form_new.form_light .bt-box {
        outline: 6px solid #e2e0e3;
        background-color: #e2e0e3;
        border-radius: 12px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: 8px;
        width: 100%;
        grid-template-columns: 1fr;
        grid-gap: 0
    }

    form.booking_form_new.form_light .notice-box {
        order: 1;
        margin-top: 8px
    }
}

form.booking_form_new.trip_notes .fields-row:last-child .field-box:first-child input {
    border-bottom-left-radius: 0
}

form.booking_form_new.trip_notes .fields-row:last-child .field-box:last-child,
form.booking_form_new.trip_notes .fields-row:last-child .field-box:last-child textarea {
    border-radius: 0;
    border-bottom-left-radius: var(--value-12);
    border-bottom-right-radius: var(--value-12)
}

form.booking_form_new.trip_notes textarea {
    resize: none
}

@media (min-width:768px) {
    form.booking_form_new.trip_notes .field-box:has(textarea) {
        grid-column-start: span 4
    }
}

@media (max-width:768px) {
    form.booking_form_new.trip_notes textarea {
        height: 85px
    }

    form.booking_form_new.trip_notes .field-box:has(textarea) label {
        top: 25%
    }
}

@media (min-width:768px) {

    form.booking_form_new.old_flow .fields-row:first-child .field-box:last-child:has(.date-box[style*="display: none"]) .date-box input,
    form.booking_form_new.old_flow.round-trip .fields-row:first-child .field-box:last-child .date-box.date-return input {
        border-top-right-radius: var(--value-12)
    }

    form.booking_form_new.old_flow:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:last-child:has(.date-box[style*="display: none"]) .date-box input,
    form.booking_form_new.old_flow.round-trip:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:last-child .date-box.date-return input {
        border-bottom-right-radius: var(--value-12)
    }
}

@media (max-width:767px) {

    .form-frame:has(.booking_form_new),
    .form-frame:has(.booking_form_new.form_light) {
        max-width: 360px
    }

    form.booking_form_new.round-trip .fields-row,
    form.booking_form_new .fields-row {
        grid-template-columns: 1fr
    }

    form.booking_form_new .fields-list {
        outline: none;
        background-color: transparent
    }

    .search-form-sect:has(form.booking_form_new) .bg-sect {
        height: 100%
    }

    .search-form-sect:has(form.booking_form_new) {
        align-items: flex-start;
        padding-bottom: 30px;
        min-height: 842px
    }

    form.booking_form_new .fields-row:first-child .field-box:first-child,
    form.booking_form_new .fields-row:first-child .field-box:first-child select,
    form.booking_form_new .fields-row:first-child .field-box:first-child .select2-container--search-airports .select2-selection__rendered {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px
    }

    form.booking_form_new .fields-row:last-child .field-box:last-child,
    form.booking_form_new .fields-row:last-child .field-box:last-child input,
    form.booking_form_new:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:last-child,
    form.booking_form_new:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:last-child .custom-radio-select.in-form .select-trigger {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }

    .form-frame:has(.booking_form_new) form {
        grid-gap: 16px
    }

    form.booking_form_new .bt {
        min-height: 48px;
        font-size: 14px;
        width: 100%;
        border-radius: 12px
    }

    .custom-radio-select.option-type .select-trigger {
        padding: 7px 12px;
        padding-right: 42px
    }

    .custom-radio-select .select-options {
        width: 240px
    }

    .custom-radio-select .select-options>div {
        padding: 9px 17px
    }

    .custom-radio-select.in-form .select-options {
        width: 100%
    }

    .custom-radio-select.in-form .select-options {
        border-radius: 12px
    }

    form.booking_form_new .top-bar .custom-radio-select:nth-child(2) .select-options {
        left: initial;
        right: 0
    }

    .custom-radio-select.in-form .select-trigger:after {
        right: 8px
    }

    form.booking_form_new input,
    form.booking_form_new textarea,
    form.booking_form_new .custom-radio-select.in-form.selected .select-trigger,
    form.booking_form_new.form_light .custom-radio-select.in-form.selected .select-trigger,
    form.booking_form_new .select2-container--search-airports .select2-selection__rendered,
    form.booking_form_new .iti--allow-dropdown input,
    form.booking_form_new .iti--separate-dial-code input[type=tel],
    form.booking_form_new .iti--separate-dial-code .iti__selected-flag {
        padding-top: 27px;
        padding-bottom: 10px
    }

    form.booking_form_new select,
    form.booking_form_new input,
    form.booking_form_new textarea,
    form.booking_form_new .iti--allow-dropdown input,
    form.booking_form_new .iti--separate-dial-code input[type=tel],
    form.booking_form_new .custom-radio-select.in-form .select-trigger,
    form.booking_form_new .select2-container--search-airports .select2-selection__rendered {
        height: 56px;
        padding-left: 8px;
        padding-right: 8px
    }

    form.booking_form_new .custom-radio-select.in-form .select-trigger {
        line-height: 1
    }

    form.booking_form_new .with-ico input,
    form.booking_form_new .with-ico .custom-radio-select.in-form .select-trigger,
    form.booking_form_new .with-ico .select2-container--search-airports .select2-selection__rendered,
    form.booking_form_new .custom-radio-select.in-form .select-trigger.with-ico,
    form.booking_form_new .with-ico textarea {
        padding-left: 40px
    }

    form.booking_form_new .with-ico:before {
        width: 24px;
        height: 24px;
        background-size: 24px;
        left: 8px
    }

    form.booking_form_new .field-box>label,
    form.booking_form_new .field-box>.date-box>label,
    form.booking_form_new .custom-radio-select>label {
        left: 8px
    }

    form.booking_form_new .with-ico>label,
    form.booking_form_new .date-box.with-ico>label,
    form.booking_form_new .custom-radio-select:has(.with-ico)>label {
        left: 40px
    }

    form.booking_form_new .field-box>input:focus~label,
    form.booking_form_new .field-box>input:not([value=''])~label,
    form.booking_form_new .field-box>.date-box:not(:has(.date-format[value='']))>label,
    form.booking_form_new .field-box>.date-box:has(input.focus)>label,
    form.booking_form_new .custom-radio-select>label,
    form.booking_form_new .field-box:has(.selected)>label,
    form.booking_form_new .field-box:has(.iti)>label,
    form.booking_form_new .field-box>textarea:focus~label,
    form.booking_form_new .field-box>textarea:not(.empty)~label {
        top: 15px
    }

    form.booking_form_new .iti--separate-dial-code .iti__selected-flag {
        padding-left: 8px
    }

    form.booking_form_new.form_light .custom-radio-select.in-form .select-trigger {
        padding-top: var(--value-15);
        padding-bottom: var(--value-15)
    }

    body>.select2-container--search-airports {
        left: 0 !important;
        margin: 0 !important;
        position: fixed !important;
        top: 0 !important;
        z-index: 99999;
        width: 100% !important;
        transform: none !important
    }

    body>.select2-container--search-airports .select2-airports-list {
        border-radius: 0 !important;
        box-shadow: none;
        display: grid;
        height: 100vh;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        transform: initial;
        width: 100vw !important;
        align-items: flex-start;
        grid-auto-rows: min-content;
        padding: 19px calc((100vw - 360px)/2) 20px;
        background-color: rgba(246, 246, 246, 1)
    }

    body>.select2-container--search-airports .select2-search:before {
        background-position: initial;
        background-repeat: initial;
        background-size: initial;
        display: block;
        font-weight: 600;
        font-size: 20px;
        border-bottom: 1px solid rgba(226, 224, 227, 1);
        width: 100vw;
        margin: 0 calc((100vw - 360px)/-2) 16px;
        padding: 0 calc((100vw - 360px)/2) 20px
    }

    body>.select2-container--search-airports.direction-from .select2-search:before {
        content: 'Departing from'
    }

    body>.select2-container--search-airports.direction-to .select2-search:before {
        content: 'Travelling to'
    }
   

    body>.select2-container--search-airports .close-select2-mobile {
        content: '';
        background-color: transparent;
        background-image: url(../image/close.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px;
        border: none;
        bottom: initial;
        display: block;
        width: 40px;
        height: 40px;
        left: initial;
        position: absolute;
        right: 9px;
        top: 12px;
        z-index: 999
    }

    body>.select2-container--search-airports .select2-search--dropdown .select2-search__field {
        border: var(--value-1) solid rgba(226, 224, 227, 1);
        border-radius: 8px;
        font-size: 16px;
        padding: 12px 16px;
        padding-right: 45px;
        --webkit-border-radius: 8px;
        --webkit-appearance: none;
        -webkit-border-radius: 8px;
        -webkit-appearance: none;
        background-color: #fff;
       
    }
  
    body>.select2-container--search-airports .select2-search--dropdown .select2-search__field:focus {
        border-color: var(--blue-color-lighter)
    }

    body>.select2-container--search-airports .select2-search--dropdown .clear-select {
        top: initial;
        transform: initial;
        bottom: 16px;
        right: 16px;
        width: 17px;
        height: 17px
    }

    body>.select2-container--search-airports .select2-results>.select2-results__options {
        max-height: calc(100vh - 126px) !important
    }

    .custom-radio-select.active {
        z-index: 1002
    }

    form.booking_form_new:has(.custom-radio-select.active):before {
        content: '';
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgb(0 0 0/45%);
        z-index: 1001
    }

    form.booking_form_new.old_flow .top-bar {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 4px
    }

    form.booking_form_new.old_flow .top-bar>div:last-child {
        grid-column-start: span 2
    }

    form.booking_form_new.old_flow .top-bar>div {
        margin-right: 0
    }

    form.booking_form_new.old_flow .top-bar .custom-radio-select:first-child .select-trigger {
        border-bottom-left-radius: 0
    }

    form.booking_form_new.old_flow .top-bar .custom-radio-select:last-child .select-trigger {
        border-bottom-left-radius: 8px;
        border-top-right-radius: 0
    }

    form.booking_form_new.old_flow .top-bar .custom-radio-select:nth-child(2) .select-trigger {
        border-top-right-radius: 8px
    }

    form.booking_form_new:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:last-child:has(.date-box[style*="display: none"]) .date-box input {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }

    form.booking_form_new.old_flow.round-trip:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:last-child .date-box:not(.date-return) input {
        border-bottom-left-radius: 12px
    }

    form.booking_form_new.old_flow.round-trip:has(.hidden-part-two:not([style*="display: grid"])) .fields-row:first-child .field-box:last-child .date-box.date-return input {
        border-bottom-right-radius: 12px
    }

    form.booking_form_new.old_flow .fields-row,
    form.booking_form_new.old_flow.round-trip .fields-row:first-child,
    form.booking_form_new.old_flow .fields-row:first-child {
        grid-template-columns: 1fr
    }

    form.booking_form_new.old_flow.round-trip .fields-row:first-child .field-box.dates-group {
        grid-column-start: initial
    }
}

@media (max-width:430px) {
    body>.select2-container--search-airports .select2-airports-list {
        padding: 20px 0
    }

    body>.select2-container--search-airports .select2-search:before {
        margin: 0 -16px 16px;
        padding: 0 16px 20px
    }

    body>.select2-container--search-airports .select2-search--dropdown {
        padding: 0 16px
    }

    body>.select2-container--search-airports .select2-search--dropdown .clear-select {
        right: 32px
    }

    form.booking_form_new .notice-box p {
        margin-top: 0;
        line-height: 1.4
    }
}