@font-face {
    font-family: "Roboto-Regular";
    src: url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Medium";
    src: url("../fonts/Roboto-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Bold";
    src: url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

html,
body {
    font-family: 'Roboto-Regular', sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    overflow: auto !important;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto-Regular', sans-serif;
}

    *:focus-visible {
        outline: none;
    }

.font-regular {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}

.font-medium {
    font-family: "Roboto-Medium", "Helvetica Neue", Arial, sans-serif
}

.font-bold {
    font-family: "Roboto-bold", "Helvetica Neue", Arial, sans-serif;
}

p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    margin-bottom: 0 !important;
}

.font_active {
    font-family: 'Roboto-Bold';
    cursor: pointer;
}

.top {
    cursor: pointer;
}

.CustomTypeahead_options:hover {
    background-color: #EFF4FA !important;
}

.CustomTypeahead_options p span,
.dc_Destination_CustomTypeahead_options p span {
    font-family: Roboto-Medium;
}

.CustomTypeahead_options:hover,
.dc_Destination_CustomTypeahead_options:hover {
    background-color: #EFF4FA !important;
}

.btn-primary:focus,
.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.text_danger {
    color: red !important;
}

.display__center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.display__space__between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.grey__border {
    border: 1px solid #e2e2e2;
    border-radius: 0.5rem;
}

.width__fit__content {
    width: fit-content;
}

.wl__header--left h3 {
    font-size: 1.25rem;
    padding-left: 1rem;
    font-family: 'Roboto-Medium';
    margin-bottom: 0;
}

.font__12__666 {
    font-size: 12px;
    color: #666;
}

.font-12px {
    font-size: 12px;
}

.font__14__555 {
    font-size: 14px;
    color: #555;
}

.font__14__666 {
    font-size: 14px;
    color: #666 !important;
}

.font__14__222__medium {
    font-size: 14px;
    color: #222;
    font-family: 'Roboto-Medium';
}

.font__14__222__bold {
    font-size: 14px;
    color: #222;
    font-family: 'Roboto-Bold';
}

.font__14__222 {
    font-size: 14px;
    color: #222;
}

.font__14__333 {
    font-size: 14px;
    color: #333;
}

.font__16 {
    font-size: 16px;
}

.font__16__222 {
    font-size: 16px !important;
    color: #222 !important;
}

.font__16__333 {
    font-size: 16px !important;
    color: #333 !important;
}

.font__16__666 {
    font-size: 16px;
    color: #666;
}

.font__16__222__medium {
    font-size: 16px;
    color: #222;
    font-family: 'Roboto-Medium' !important;
}

.font__16__333__medium {
    font-size: 16px;
    color: #333;
    font-family: 'Roboto-Medium' !important;
}

.font__16__222__bold {
    font-size: 16px !important;
    color: #222;
    font-family: 'Roboto-Bold' !important;
}

.font__18__222__bold {
    font-size: 18px;
    color: #222;
    font-family: 'Roboto-Bold';
}

.font__18__222__medium {
    font-size: 18px;
    color: #222;
    font-family: 'Roboto-Medium';
}

.font__20__bold {
    font-size: 20px;
    color: #000;
    font-family: 'Roboto-Bold';
}

.font__20__222 {
    font-size: 20px;
    color: #000;
    font-family: 'Roboto-Bold';
}

.font__20__222__bold {
    font-size: 20px;
    color: #000;
    font-family: 'Roboto-Bold';
}

.font__22__222 {
    font-size: 22px !important;
    color: #222 !important;
    font-family: 'Roboto-Bold';
}

.font__24__222 {
    font-size: 24px !important;
    font-family: 'Roboto-Bold';
    color: #222;
}

.font__28__222 {
    font-size: 28px;
    color: #222 !important;
    font-family: 'Roboto-Bold';
}

.font__32__222__bold {
    font-size: 32px;
    color: #222;
    font-family: 'Roboto-Bold';
}

.font__40__222 {
    font-size: 38px;
    color: #222;
    font-family: 'Roboto-Bold';
}

.line_height_24 {
    line-height: 24px;
}

.padding_26_30 {
    padding: 26px 30px;
}

.pl-16 {
    padding-left: 16px !important;
}

.p-20 {
    padding: 20px;
}

.p-24 {
    padding: 24px;
}

.p-40 {
    padding: 40px;
}

.pt-24 {
    padding-top: 24px;
}

.pb-28 {
    padding-bottom: 28px;
}

.pt-30 {
    padding-top: 30px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.ml--10 {
    margin-left: -10px !important;
}

.mb--10 {
    margin-bottom: -10px;
}

.mt-12 {
    margin-top: 12px;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mt-16 {
    margin-top: 16px;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-31 {
    margin-top: 31px;
}

.mt-32 {
    margin-top: 32px;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-34 {
    margin-bottom: 34px !important;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.ml-42 {
    margin-left: 42px;
}

.mt-48 {
    margin-top: 48px;
}

.mb-48 {
    margin-bottom: 48px;
}

.mb-72 {
    margin-bottom: 72px !important;
}

.border-radius-8 {
    border-radius: 8px;
}

.border-radius-12 {
    border-radius: 12px;
}

.black_link {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}

    .black_link:hover {
        color: #333;
        text-decoration: none;
        cursor: pointer;
    }

.black_link_powered {
    color: #333;
}

.color_green {
    color: #18aa26;
}

.color-222 {
    color: #222 !important;
}
.color-666 {
    color: #666;
}

.invalid {
    border-color: red !important;
}

.btn-primary:hover {
    background-color: #0b58ac !important;
    transition: 0.2s;
}

.btn:focus-visible {
    box-shadow: none;
}

.btn_modal {
    border: 1px solid #2e65c3 !important;
    padding: 14px 80px !important;
    border-radius: 30px !important;
    line-height: normal !important;
    font-family: 'Roboto-Bold' !important;
    background-color: #2e65c3 !important;
    color: #fff !important;
}

    .btn_modal:hover {
        border: 1px solid #2e65c3 !important;
        padding: 14px 80px !important;
        border-radius: 30px !important;
        line-height: normal !important;
        font-family: 'Roboto-Bold' !important;
        background-color: #2e65c3 !important;
        color: #fff !important;
    }

.access_modal_paid_btn {
    border: 1px solid #2e65c3 !important;
    padding: 14px 26px !important;
    border-radius: 30px !important;
    line-height: normal !important;
    font-family: 'Roboto-Bold' !important;
    background-color: #2e65c3 !important;
    color: #fff !important;
}

.access_modal_home_btn {
    border: 1px solid #222 !important;
    padding: 14px 26px !important;
    border-radius: 30px !important;
    line-height: normal !important;
    font-family: 'Roboto-Bold' !important;
    background-color: transparent !important;
    color: #222 !important;
}

.form-control:hover,
.service__col__inn:hover,
.wl__login__altemail:hover {
    border: 1px solid #222 !important;
}

#login__mobile__input:hover {
    border: none !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):hover {
    border: 1px solid #222 !important;
}

.button__primary {
    width: 100% !important;
    padding: 0.875rem !important;
    border-radius: 2.5rem !important;
    background-color: #0d67ca !important;
    font-family: 'Roboto-Bold' !important;
}

.wl__login__box .sub-heading .inputValue {
    display: inline-block;
    font-family: 'Roboto-Bold';
    max-width: 13.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.wl__login__box .sub-heading .black_link {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}

.wl__login__box .black_link:hover, a.black_link:hover {
    text-decoration: none;
    color: #222;
}

.wl__header--left img,
.wl_login_logo {
    width: 264px;
    /* height: 28px;
    max-width: 100%; */
}

.wl__header__main {
    padding: 1.3125rem 0;
}

.wl__header--left {
    display: flex;
    /*flex: 1 0 20%;*/
    width: 100%;
    opacity: 1;
}

.wl__header--right {
    display: flex;
    align-items: center;
    gap: 2.3rem;
    flex: 1 0 30%;
    justify-content: end;
}

    .wl__header--right > p {
        padding: 0.38rem 1rem;
        font-size: 16px;
        color: #333;
    }

.head_pd_hvr:hover {
    background: #f3f3f3;
    border-radius: 1.25rem;
}

.wl__header--right img {
    max-width: 2rem;
    width: 100%;
}

.wl__header--right p a {
    color: #333;
    font-size: 1rem;
    text-decoration: none;
}

.wl__header {
    border-bottom: 1px solid #e2e2e2;
}

.container-fluid__header {
    padding: 0 1.875rem;
}

.service__login {
    padding-top: 40px;
    min-height: 90dvh;
    padding-bottom: 40px;
}

.service__log__title h2 {
    font-size: 1.75rem;
    padding-left: 0;
    font-family: 'Roboto-Bold';
    color: #333;
}

.service__log__title img {
    width: 0.625rem;
}

.service__login__box {
    border: 1px solid #e2e2e2;
    border-radius: 12px;
    padding: 2.5rem;
}

    .service__login__box h2 {
        font-size: 1.375rem;
        padding-bottom: 2rem;
    }

.service__col__inn {
    border: 1px solid #e2e2e2;
    padding: 1rem;
    border-radius: 0.5rem;
}

.service__login__box .form-control {
    border: 1px solid #cacaca;
    border-radius: 8px;
}

.service__col__type {
    padding-left: 1.875rem;
}

    .service__col__type p {
        padding-left: 0.25rem;
    }

.service__login__box .form-check-label strong {
    font-weight: unset !important;
    font-family: 'Roboto-Medium' !important;
    color: #222;
}

.form-check-input:checked[type=radio] {
    background-image: url(../icons/radio-dot.svg) !important;
}

.editPage {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}
.font-14-medium {
    font-size: 14px !important;
    font-family: Roboto-Medium !important;
    color: #231f20 !important;
}

.font-12-regular {
    font-size: 12px !important;
}
/* Create Booking Origin Airport Name Dropdown*/
img.country-flag {
    width: 1.2rem;
    border-radius: unset;
}

.CustomTypeahead_optionWrapper {
    display: none;
    min-width: 240px;
}

.CustomTypeahead_custom_typeahead_container {
    position: relative;
}


    .CustomTypeahead_custom_typeahead_container input {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        transition: all .2s;
    }

.CustomTypeahead_inputTextTransform {
    text-transform: capitalize;
}

.CustomTypeahead_custom_typeahead_container .CustomTypeahead_optionWrapper,
.CustomTypeahead_custom_typeahead_container .dc_Destination_CustomTypeahead_optionWrapper,
.CustomTypeahead_custom_typeahead_container .rtc_Origin_CustomTypeahead_optionWrapper,
.CustomTypeahead_custom_typeahead_container .state_CustomTypeahead_optionWrapper,
.CustomTypeahead_custom_typeahead_container .city_CustomTypeahead_optionWrapper,
.CustomTypeahead_custom_typeahead_container .nationality_CustomTypeahead_optionWrapper,
.CustomTypeahead_custom_typeahead_container .dFlight_CustomTypeahead_optionWrapper,
.CustomTypeahead_custom_typeahead_container .aFlight_CustomTypeahead_optionWrapper,
.CustomTypeahead_custom_typeahead_container .t1Flight_CustomTypeahead_optionWrapper,
.CustomTypeahead_custom_typeahead_container .t2Flight_CustomTypeahead_optionWrapper,
.CustomTypeahead_custom_typeahead_container .r1Flight_CustomTypeahead_optionWrapper,
.CustomTypeahead_custom_typeahead_container .r2Flight_CustomTypeahead_optionWrapper {
    position: absolute;
    width: 100%;
    max-height: 18.75rem;
    z-index: 999;
    border-radius: 0.75rem;
    box-shadow: 0 0 1.25rem 0 hsla(0, 0%, 53%, .2);
    border: 1px solid #dadce0;
    background-color: #fff;
    overflow-y: scroll;
    margin-top: 0.625rem;
    padding: 10px 0;
}

/* .CustomTypeahead_custom_typeahead_container .CustomTypeahead_optionWrapper .CustomTypeahead_selectedBackground {
            background-color: rgba(13, 103, 202, .05);
        } */

.CustomTypeahead_custom_typeahead_container .CustomTypeahead_options,
.CustomTypeahead_custom_typeahead_container .dc_Destination_CustomTypeahead_options,
.CustomTypeahead_custom_typeahead_container .rtc_Origin_CustomTypeahead_options,
.CustomTypeahead_custom_typeahead_container .state_CustomTypeahead_options,
.CustomTypeahead_custom_typeahead_container .city_CustomTypeahead_options,
.CustomTypeahead_custom_typeahead_container .nationality_CustomTypeahead_options,
.CustomTypeahead_custom_typeahead_container .dFlight_CustomTypeahead_options,
.CustomTypeahead_custom_typeahead_container .aFlight_CustomTypeahead_options,
.CustomTypeahead_custom_typeahead_container .t1Flight_CustomTypeahead_options,
.CustomTypeahead_custom_typeahead_container .t2Flight_CustomTypeahead_options,
.CustomTypeahead_custom_typeahead_container .r1Flight_CustomTypeahead_options,
.CustomTypeahead_custom_typeahead_container .r2Flight_CustomTypeahead_options {
    background: #fff;
    cursor: pointer;
    z-index: 1;
    padding: 0.75rem 1.25rem;
    transition: all .2s;
}

    .CustomTypeahead_custom_typeahead_container .CustomTypeahead_options p,
    .CustomTypeahead_custom_typeahead_container .dc_Destination_CustomTypeahead_options p,
    .CustomTypeahead_custom_typeahead_container .rtc_Origin_CustomTypeahead_options p {
        font-family: Roboto-Medium, Helvetica Neue, Arial, sans-serif;
        font-size: 1rem;
        color: #333;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
    }

    .CustomTypeahead_custom_typeahead_container .CustomTypeahead_options label,
    .CustomTypeahead_custom_typeahead_container .dc_Destination_CustomTypeahead_options label,
    .CustomTypeahead_custom_typeahead_container .rtc_Origin_CustomTypeahead_options label {
        max-width: 80%;
        font-size: .75rem;
        color: #666;
        display: block;
        pointer-events: none;
    }

.selected a {
    display: none;
}

.CustomTypeahead_custom_typeahead_container .CustomTypeahead_options.active,
.CustomTypeahead_custom_typeahead_container .dc_Destination_CustomTypeahead_options.active,
.CustomTypeahead_custom_typeahead_container .rtc_Origin_CustomTypeahead_options.active,
.CustomTypeahead_custom_typeahead_container .state_CustomTypeahead_options.active,
.CustomTypeahead_custom_typeahead_container .city_CustomTypeahead_options.active,
.CustomTypeahead_custom_typeahead_container .nationality_CustomTypeahead_options.active,
.CustomTypeahead_custom_typeahead_container .dFlight_CustomTypeahead_options.active,
.CustomTypeahead_custom_typeahead_container .aFlight_CustomTypeahead_options.active,
.CustomTypeahead_custom_typeahead_container .t1Flight_CustomTypeahead_options.active,
.CustomTypeahead_custom_typeahead_container .t2Flight_CustomTypeahead_options.active,
.CustomTypeahead_custom_typeahead_container .r1Flight_CustomTypeahead_options.active,
.CustomTypeahead_custom_typeahead_container .r2Flight_CustomTypeahead_options.active {
    background-color: rgba(13, 103, 202, .05);
}

.CustomTypeahead_optionWrapper.invert {
    inset: auto auto 0px 0px;
    transform: translate3d(0px, -62px, 0px);
}


/*End Booking Origin Airport Name Dropdown*/
.dFlight_CustomTypeahead_optionWrapper {
    display: none;
    min-width: 240px;
}

.activeBox {
    border: 1px solid #222 !important;
}

.dFlight_CustomTypeahead_inputTextTransform {
    text-transform: capitalize;
}

.dFlight_CustomTypeahead_optionWrapper.invert {
    inset: auto auto 0px 0px;
    transform: translate3d(0px, -62px, 0px);
}

.aFlight_CustomTypeahead_optionWrapper {
    display: none;
    min-width: 240px;
}

.aFlight_CustomTypeahead_inputTextTransform {
    text-transform: capitalize;
}

.aFlight_CustomTypeahead_optionWrapper.invert {
    inset: auto auto 0px 0px;
    transform: translate3d(0px, -62px, 0px);
}

.dc_Destination_CustomTypeahead_optionWrapper {
    display: none;
}

.dc_Destination_CustomTypeahead_inputTextTransform {
    text-transform: capitalize;
}

.dc_Destination_CustomTypeahead_optionWrapper.invert {
    inset: auto auto 0px 0px;
    transform: translate3d(0px, -62px, 0px);
}

.service__login__box .form-check-input:checked,
.wl__radio__space .form-check-input:checked {
    background-color: unset;
    border-color: unset;
    box-shadow: none;
}

.add_passenger .form-check-input:checked {
    background-color: #f57e1f !important;
    border-color: #f57e1f !important;
    background-color: #222 !important;
    border-color: #222 !important;
    width: 1.375rem;
    height: 1.375rem;
    margin-top: 0 !important;
}

.wl__radio__space .input-radio {
    accent-color: #333;
    width: 22px;
    height: 22px;
}

span.radio-btn {
    margin-bottom: -0.375rem;
}

.radio-outer {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-right: 1rem;
}

.service__login__box .form-check-input {
    width: 20px;
    height: 20px;
}

.wl__radio__space .form-check-input {
    width: 22px;
    height: 22px;
}

.login__page__input .validation-message {
    position: absolute;
    font-size: 14px;
    bottom: -28%;
    margin-top: 0px;
    text-align: left;
    left: 0;
}

.validation-message {
    font-size: 14px;
}

.service__submit button {
    width: 100%;
    padding: 0.875rem;
    border-radius: 2.5rem;
    background-color: #0d67ca;
    margin-top: 2.5rem;
    font-family: 'Roboto-Bold';
}

footer.wl__footer {
    padding: 2rem 6.5rem;
    background-color: #f9f9f9;
    font-size: 0.875rem;
    color: #666;
}

    footer.wl__footer p a {
        color: #666;
    }

.dot__separate {
    content: "";
    margin: 8px 12px 0;
    background: #999;
    width: 4px;
    height: 4px;
    border-radius: 2px;
}

.service__table__inner {
    width: 100%;
    max-width: max-content;
    margin: 0 auto;
}

.note__bisc {
    padding: 16px;
    background-color: #fef6ea;
    border-radius: 7px;
    line-height: normal;
    margin: 0px 0 20px 0;
}

    .note__bisc p {
        font-size: 14px;
        color: #222;
        line-height: 20px;
    }

table.table__service__inn td:last-child {
    min-width: 12.5rem;
}

table.table__service__inn {
    border-collapse: separate;
    border-spacing: 0;
}

    table.table__service__inn tr td:first-child {
        padding: 34px 20px;
    }

    table.table__service__inn thead tr:first-child td:not(:first-child) {
        padding-top: 0;
        vertical-align: top;
        position: relative;
        padding: 34px 20px;
    }

    table.table__service__inn td {
        border: solid 1px #e2e2e2;
        border-style: none solid solid none;
        vertical-align: middle;
    }

        table.table__service__inn td .td_pkg_inner {
            /* padding: 34px 20px;
        position: relative; */
        }

    table.table__service__inn thead tr td:first-child {
        vertical-align: top;
    }

    table.table__service__inn tr:first-child td:first-child {
        /*border-top-left-radius: 8px;*/
        width: 480px;
    }

    table.table__service__inn tr:first-child td {
        border-top-style: solid;
    }

    table.table__service__inn tr td:first-child {
        border-left-style: solid;
    }

.table__first__child .table__city {
    font-size: 20px;
    font-family: 'Roboto-Bold';
    line-height: normal;
    color: #222;
}

.table__first__child .table__edit__link {
    color: #000;
    font-size: 1rem;
    text-decoration: underline;
    cursor: pointer;
}

.circle__separate p:not(:first-child):before {
    content: "";
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    border-radius: 50%;
    margin: .188rem .375rem;
    background-color: #bbb;
}

table.table__service__inn tr td .table__first__child .font__14 {
    font-size: 14px;
    color: #666;
}

table.table__service__inn tr td:last-child {
    padding: 0;
}

table.table__service__inn .table__last > p {
    font-size: 18px;
    font-family: 'Roboto-Bold';
    line-height: normal;
}

table.table__service__inn .line__str {
    font-size: 20px;
    color: #222;
    font-family: 'Roboto-Bold';
}

table.table__service__inn .font__20 {
    font-size: 20px;
    color: #222;
    font-family: 'Roboto-Bold';
}

table.table__service__inn .alert__icon img {
    width: 20px;
    cursor: pointer;
}

table.table__service__inn .submit__button__table {
    padding: 12px 40px;
    border-radius: 2.5rem;
    background-color: #0d67ca;
    font-family: 'Roboto-Medium';
    line-height: normal;
}

table.table__service__inn .cross__icon {
    vertical-align: baseline;
}

table.table__service__inn .table__sub_desc h5 {
    font-size: 1rem;
    color: #222;
}

table.table__service__inn .table__sub_desc p {
    font-size: 13px;
    color: #666;
}

.service__table__layout {
    padding-bottom: 35px;
}

table.table__service__inn .alert__icon {
    background-image: url(/images/_svg/alertIcon.svg);
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin-left: 4px;
}

.packg_name {
    height: auto;
    margin-bottom: 0 !important;
    line-height: normal !important;
    text-align: center;
    color: #222;
}

.price-info {
    margin-top: 0;
}

.table__tooltip {
    position: relative;
    display: inline-block;
}

    .table__tooltip .table__tooltiptext {
        visibility: hidden;
        width: 13.625rem;
        background-color: #4d4d4d;
        color: #fff;
        border-radius: 6px;
        padding: 1rem;
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 0;
        line-height: normal;
        transform: translateX(-45%);
    }

        .table__tooltip .table__tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #4d4d4d transparent;
        }

    .table__tooltip:hover .table__tooltiptext {
        visibility: visible;
    }

.table__tooltiptext h4 {
    font-size: 1rem;
}

.table__tooltiptext p {
    font-size: 12px;
}

.break__up__hr {
    margin: 12px 0;
    color: #fff;
    border: 0;
    border-top: 1px solid #fff;
    opacity: 1;
}

.comp__access {
    font-size: 13px;
}

.breakup__total {
    font-size: 13px;
    font-family: 'Roboto-Medium';
}

.note__bisc ul {
    padding-left: 1rem;
    margin-top: 0.5rem;
    font-size: 14px;
}

    .note__bisc ul li {
        padding: 2px 0;
    }

.payment__info {
    padding: 32px 24px 30px 24px;
}

.card__image {
    width: 40px;
    height: 26px;
    right: 1rem;
    top: 18px;
    background-color: #fff;
    position: absolute;
    line-height: normal;
}

.card__image__gray {
    width: 1rem;
    right: 1rem;
    top: 1.375rem;
    background-color: #fff;
    position: absolute;
}

.card__info__div {
    color: #666;
}

.payment__info h3 {
    padding-bottom: 1.6rem;
    font-size: 22px;
    font-family: 'Roboto-Bold';
    color: #222;
}

.book__summary__title a {
    font-size: 1rem;
    color: #666;
}

.book__summary__title h3 {
    font-size: 22px;
    font-family: 'Roboto-Bold';
}

.airline__info p:not(:first-child):before {
    content: "";
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    border-radius: 50%;
    margin: .188rem .375rem;
    background-color: #bbb;
}

.summary__left img {
    width: 6.75rem;
    border: 1px solid #cacaca;
    border-radius: 8px;
}

.booking__flex {
    display: flex;
    column-gap: 1.5rem;
}

.summary__right h4 {
    font-size: 18px;
    font-family: 'Roboto-Bold';
    color: #222 !important;
}

.booking__summary {
    padding: 30px 24px;
    margin-top: 32px;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #222 !important;
    outline: 0;
    box-shadow: none !important;
}

.form-check-input:focus {
    border-color: #222 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.form-check-input[type=checkbox] {
    border-radius: .25em;
    margin-top: 0 !important;
}

input.form-control {
    font-family: 'Roboto-Medium';
}

.booking__confirm__inner {
    box-shadow: -.125rem -.063rem .313rem 0 rgba(73, 210, 178, .569);
    border: .125rem solid #13a180;
    background-color: #fff;
    padding: 2.5rem 6.625rem;
    border-radius: .75rem;
    margin-top: 12px;
    position: relative;
}

.book__confirm__title h3 {
    font-size: 24px;
    font-family: 'Roboto-Medium';
    color: #000;
    padding-bottom: 5px;
}

.book__confirm__title p {
    font-size: 14px;
    color: #222;
}

.book__confirm__sub {
    padding: 32px 0 12px 0;
}

    .book__confirm__sub article {
        padding-bottom: 20px;
    }

        .book__confirm__sub article span {
            font-size: 12px;
            color: #666;
        }

.book__conf__btn button {
    background-color: #fff;
    color: #222;
    border-radius: 2.5rem;
    padding: 1rem 2rem;
    border: 1px solid #555;
}

.book__conf__btn {
    column-gap: 20px;
}

.success__gif {
    position: absolute;
    top: 2.5rem;
    left: 2.5rem;
    display: inline-block;
}

.book__label__status {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 4px 12px;
    font-family: 'Roboto-Bold';
    margin-left: 3.375rem;
}

.book__label__pass {
    font-weight: 400;
}

.book__status__confirm {
    color: #13a180;
    background-color: #effff9;
}

#successModal .modal-content {
    padding: 2.5rem;
    max-width: 19.25rem;
    margin: 0 auto;
    border-radius: 0.75rem;
}

#successModal .modal-body {
    padding: 24px 0 16px 0;
}

.serv__flight__info:after {
    content: "";
    background: #f8f8f8;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
}

#offService, #offServiceCVV {
    width: calc(100% / 4);
    padding: 40px 30px 30px;
}

.serv__detail__guest__title {
    padding: 2rem 0 1.5rem 0;
    font-size: 22px;
    color: #222;
    font-family: 'Roboto-Bold';
}

.serv__flight__info > * {
    padding-bottom: 12px;
}

.serv__flight__info p:last-child {
    padding-bottom: 26px;
}

.serv__flight__info h5 {
    font-size: 1rem;
    color: #222;
    font-family: 'Roboto-Medium';
}

.serv__pass__info p span {
    margin-left: 12px;
}

#offService .btn-close,
#offServiceCVV .btn-close {
    opacity: 0.85;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: relative;
    left: -11px;
}

    #offService .btn-close:hover,
    #offServiceCVV .btn-close:hover {
        background-color: #f3f3f3;
        opacity: .85;
    }

.wl__login__left,
.wl__login__right {
    flex: 0 0 50%;
}

    .wl__login__right img {
        height: 100vh;
        object-fit: cover;
    }

.wl__login__logo {
    width: 108px !important;
}

.wl__radio__space {
    /*column-gap: 2.5rem;*/
}

.wl__login__box {
    max-width: 60%;
    padding-top: 7.5rem;
}

.wl__box__logo {
    padding-bottom: 120px;
}

.wl__login__box h2 {
    font-size: 40px;
    padding-bottom: 2rem;
    font-family: 'Roboto-Bold';
    color: #222;
}

.wl__radio__space {
    padding-bottom: 24px;
    margin-left: -0.5rem;
}

.wl__login__input {
    padding-bottom: 12px;
}

.wl__input_vald {
    padding-bottom: 2rem;
    padding-top: 12px;
}

.wl__priv__text {
    padding-bottom: 40px;
    padding-left: 12px;
}

.wl__input__code {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 40px;
    border-right: 1px solid #cacaca;
    transform: translateY(10px);
    z-index: 10;
}

.wl__login__box .form-control {
    border: none;
}

.wl__login__box .input-group {
    border: 1px solid #cacaca;
    border-radius: 8px;
}

input#login__mobile__input {
    border: none !important;
}

.wl__login__box .inner__input {
    width: 100px;
}

    .wl__login__box .inner__input:after {
        content: "|";
        font-size: 30px;
        font-weight: 100;
        color: #cacaca;
        transform: translate(12px, 0px) scaleY(1.3);
        width: 1px;
    }

#wlCheck,
#wlCheck__1 {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}

    #wlCheck:checked,
    #wlCheck__1:checked {
        background-color: #333;
        border-color: #333;
        box-shadow: none;
    }

    #wlCheck:focus,
    #wlCheck__1:focus {
        border-color: #333;
        box-shadow: none;
    }

.dropdown-menu small.input-person {
    width: 1rem;
    text-align: center;
}

a.dropdown-toggle.form-control:hover {
    color: #222;
}

a.dropdown-toggle {
    text-decoration: none;
    font-family: 'Roboto-Bold';
}

.dropdown_paxcount.dropdown-guests a::after {
    margin-top: -8px;
}

.dropdown_paxcount .dropdown-toggle:after {
    content: url(/airportservicesportal/SVG/Chevron_M.svg);
    float: right;
    transform: translateY(-6px);
    border: none !important;
    transform: rotate(0deg) !important;
}

.dropdown-guests-li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 0;
}

.dropdown_paxcount .dropdown-menu.show {
    display: block;
    border-radius: 0.75rem;
    z-index: 1;
}

.BLR-fly {
    font-size: 14px;
    color: #666;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.no__result__found {
    padding: 0.5rem 0.75rem;
    color: red;
    font-size: 14px;
}

.mdc-select {
    display: inline-flex;
    width: 100%;
    border: 1px solid #cacaca !important;
    border-radius: 0.5rem;
}

    .mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
        background-color: transparent !important;
    }

.mat-text-field.valid.modified .mdc-line-ripple::before {
    border-bottom: none !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: transparent !important;
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label,
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #222 !important;
}

.mdc-select:not(.mdc-select--disabled) .mdc-line-ripple::before {
    border-bottom-color: rgba(0, 0, 0, .42);
    border-bottom: none !important;
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple::after {
    border-bottom: none !important;
}

.mdc-select__dropdown-icon {
    content: url(../icons/chevron_m.svg);
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
    fill: rgba(0, 0, 0, .54);
    transform: rotate(0deg) !important;
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
    fill: #222 !important;
    transform: rotate(0deg) !important;
}

.mdc-select:not(.mdc-select--disabled).mdc-select--activated .mdc-select__dropdown-icon {
    fill: #222 !important;
    transform: rotate(180deg) !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: #fff !important;
    width: 100% !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 0.5rem !important;
}

.toast-msg {
    position: fixed;
    top: 3.75rem;
    left: 50%;
    /* right: 25%; */
    transform: translate(-50%, -50%);
    background-color: #222;
    color: #ffffff;
    padding: 0.875rem 2.25rem;
    border-radius: 0.5rem;
    z-index: 100;
    width: max-content;
}

    .toast-msg p {
        margin: 0;
        width: 100%;
    }

/*---------------- mat blazor calender ------------------*/

.flatpickr-day.selected {
    background: #222 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #222 !important;
}

.cur-year,
.flatpickr-monthDropdown-months {
    font-size: 1rem !important;
    font-family: 'Roboto-Medium', sans-serif;
}

.mdc-icon-button {
    min-width: 44rem !important;
    text-align: right !important;
}

.numInputWrapper span.arrowUp {
    display: none !important;
    cursor: none;
}

.numInputWrapper span.arrowDown {
    display: none !important;
    cursor: none;
}

.flatpickr-current-month input.cur-year {
    pointer-events: none !important;
    background: white !important;
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #222 !important;
}

.flatpickr-current-month {
    padding: 12.48px 0 0 0 !important;
    width: 82% !important;
}

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        -webkit-appearance: none !important;
        cursor: pointer;
        pointer-events: none !important;
        font-family: Roboto !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #222 !important;
    }

/*Dropdown Origin & Destination*/

.CustomTypeahead {
    width: 41rem;
    max-width: 100%;
}

    .CustomTypeahead p {
        font-size: 1rem;
        font-weight: 500;
        color: #333;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
    }

    .CustomTypeahead label {
        max-width: 80%;
        font-size: .75rem;
        color: #666;
        display: block;
        pointer-events: none;
    }

#datePickerId {
    position: relative;
    /* margin-top: 6px;*/
}

.flatpickr-prev-month svg:hover,
.flatpickr-prev-month:hover,
.flatpickr-prev-month:hover svg,
.flatpickr-next-month svg:hover,
.flatpickr-next-month:hover,
.flatpickr-next-month:hover svg {
    color: #222 !important;
    fill: #222 !important;
}

.flatpickr-month {
    margin: 3px 0 12px 0;
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 1 !important;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
    position: relative !important;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: unset !important;
}

.mdc-icon-button .material-icons {
    content: url(../icons/calendar.svg);
    width: 1.8rem;
    position: absolute;
    right: 1.5%;
    top: 20%;
    filter: opacity(0.7);
}

a.dropdown-toggle.form-control.show:after {
    transform: rotate(180deg) !important;
    height: 24px;
}

.dropdown_paxcount .dropdown-toggle:after {
    content: url(/airportservicesportal/SVG/Chevron_M.svg);
    float: right;
    transform: translateY(-6px);
    border: none !important;
    transform: rotate(0deg) !important;
}

label.guest-float {
    position: absolute;
    top: 28% !important;
    left: 16px;
    right: initial;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 0.8rem !important;
    color: #666;
}

.dropdown-guests .form-control {
    line-height: 1.54 !important;
    padding: 24px 15px 8px;
    height: auto !important;
}

.dropdown-guests .dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 37px;
    padding: 1rem 1.5rem;
    z-index: 198;
    /* z-index: -1; */
    max-width: 100%;
    width: 100%;
}

.dropdown_paxcount .dropdown-toggle:after {
    content: url(https://travelone.uat.adanione.com/airportservicesportal/SVG/Chevron_M.svg);
    float: right;
    transform: translateY(-6px);
    border: none !important;
    transform: rotate(0deg) !important;
}

.dropdown_paxcount .dropdown-toggle span {
    font-family: Roboto-Medium;
}

.btn-add {
    border-radius: 50%;
    background-color: #fff !important;
    color: #222 !important;
    border-color: #999 !important;
    width: 26px;
    height: 26px;
    font-size: 1.3rem;
    position: relative;
    cursor: pointer;
}

.btn-remove {
    border-radius: 50%;
    background-color: #fff !important;
    color: #222 !important;
    border-color: #999 !important;
    width: 26px;
    height: 26px;
    font-size: 1.3rem;
    position: relative;
    cursor: pointer;
}

    .btn-remove:disabled {
        opacity: 0.2 !important;
    }

.login__page__radio .radio-outer .input-radio {
    width: 18px;
    height: 18px;
}

.wl__login__btn {
    margin-top: 40px;
}

.otpWidth input {
    text-align: center;
    border: 1px solid #cacaca;
    border-radius: 0.25rem;
    color: #222;
    font-size: 1.5rem;
    font-family: Roboto-Medium;
    height: 60px !important;
    margin-right: 0.625rem;
    width: 60px !important;
}

.verification-code--inputs input[type=number] {
    border: 1px solid #ccc;
    width: 44px;
    height: 50px;
    padding: 10px;
    text-align: center;
    display: inline;
    box-sizing: border-box;
    background-color: #fff;
    color: #000;
    border-radius: 0.5rem;
    margin-right: 0.5rem;
}

.login-firstname {
    padding-top: 2rem;
}


.nationality_CustomTypeahead_inputTextTransform {
    text-transform: capitalize;
}

.nationality_CustomTypeahead_optionWrapper.invert {
    inset: auto auto 0px 0px;
    transform: translate3d(0px, -62px, 0px);
}

/* Create Booking State Dropdown*/
.state_CustomTypeahead_optionWrapper {
    display: none;
    min-width: 240px;
}

.state_CustomTypeahead_inputTextTransform {
    text-transform: capitalize;
}

.state_CustomTypeahead_optionWrapper.invert {
    inset: auto auto 0px 0px;
    transform: translate3d(0px, -62px, 0px);
}
/* End Booking State Dropdown*/

/* Create Booking City Dropdown*/
.city_CustomTypeahead_optionWrapper {
    display: none;
    min-width: 240px;
}

.city_CustomTypeahead_inputTextTransform {
    text-transform: capitalize;
}

.city_CustomTypeahead_optionWrapper.invert {
    inset: auto auto 0px 0px;
    transform: translate3d(0px, -62px, 0px);
}
/* End Booking City Dropdown*/

/* ------------- Add Passenger ------------ */

.heading span {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-right: 1.25rem;
}

.heading .primary_back img {
    width: 0.625rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.heading h3 {
    font-size: 1.5rem;
    margin-bottom: 0;
    letter-spacing: 0.2px;
    font-family: 'Roboto-bold', sans-serif;
    font-family: 'Roboto-Bold';
    line-height: normal;
}

.guest-detail-block {
    display: inline-block;
    width: 60%;
    padding-top: 2.5rem;
}

.radio-outer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 2rem;
    border-radius: .375rem;
}

    .radio-outer:hover {
        background-color: #f3f3f3;
        cursor: pointer;
    }

.radio-btn {
    margin-bottom: -0.375rem;
}

.guest-detail-block .input-radio {
    accent-color: #333;
    width: 1.2rem;
    height: 1.2rem;
}

.form-check-input[type="checkbox"] {
    border-radius: 0.25em;
    width: 1.375rem;
    height: 1.375rem;
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}

.form-check-input {
    margin-top: 0;
    margin-right: 0.8rem;
}

.price-detail-block {
    display: inline-block;
    width: 34%;
    float: right;
}

.blank__line {
    height: 0.5rem;
    background-color: #f2f2f2;
}

.CouponCode {
    border: 1px solid #e2e2e2;
    border-radius: .375rem;
    padding: 1.875rem 1.5rem;
    position: relative;
}

.CouponCodeTitle img {
    width: 1.3rem !important;
    margin-right: 10px;
}

.CouponCodeTitle h2 {
    font-size: 1.125rem;
}

.CouponCode .cross-btn {
    text-align: left;
    position: absolute;
    right: 3rem;
    top: 0.9rem;
}

.cross-btn .btn-close {
    padding: 0;
    margin: 0 0 12px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.125rem;
    background-size: 14px;
    position: relative;
    left: -11px;
    top: -4px;
}

.CouponCode span {
    position: absolute;
    top: 6.5rem;
    right: 2.5rem;
    line-height: 0;
    text-decoration: underline;
    cursor: pointer;
}

.bin_box_inner {
    padding: 40px;
}

.bin_box {
    max-width: 620px;
    margin: 6% auto;
}

.filter_box {
    width: 20%;
    padding: 32px 20px;
    height: max-content;
}

.booking_box {
    width: 76%;
}

.book_pointers p:not(:first-child):before,
.flight_book_point p:not(:first-child):before {
    content: "";
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    border-radius: 50%;
    margin: .188rem .375rem;
    background-color: #bbb;
}

.fig_details {
    margin-left: 24px;
    flex: 1;
}

.left_booking figure {
    flex: 0 0 180px;
}

.left_booking {
    padding: 24px 0 40px;
}

.booking_param p {
    flex: 0 0 184px;
}

.booking_param h5 {
    flex: 1;
}

.up-book-add figure {
    flex: 0 0 160px;
}

.up-book-detail {
    flex: 1;
}

.up_book_btn {
    background-color: transparent;
    border: 1px solid #0d67ca;
    color: #0d67ca;
    border-radius: 48px;
    padding: 8px 32px;
    line-height: normal;
    font-weight: 500;
}

.flight_book_bg {
    background-color: #f4f9ff;
}

.refund_bg {
    background-color: #f4f9fe;
}

.cancel_box {
    max-width: 620px;
}


.stap_wrapr {
    display: flex;
    justify-content: center;
    width: 50%;
    flex: 1 0 50%;
}

    .stap_wrapr ul {
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

        .stap_wrapr ul li {
            padding-right: 80px;
            display: flex;
            align-items: center;
            position: relative;
        }

            .stap_wrapr ul li .circle {
                width: 14px;
                height: 14px;
                border-radius: 50%;
                border: 1px solid #13A180;
                margin-right: 6px;
                background: #fff;
            }

            .stap_wrapr ul li:after {
                content: "";
                position: absolute;
                z-index: -1;
                right: 20px;
                border-left: 2px dotted #D8D8D8;
            }

            .stap_wrapr ul li .line {
                width: 52px;
                position: absolute;
                right: 15px;
                border-top: 0.0625rem dashed #cacaca;
                content: "";
                position: absolute;
                right: 15px;
                width: 52px;
            }

            .stap_wrapr ul li span {
                font-size: 0.75rem;
                text-transform: uppercase;
                letter-spacing: 0.0625rem;
                color: #666;
                font-family: 'Roboto-Medium';
            }

.check.icon {
    color: #fff;
    position: absolute;
    margin-left: 3px;
    margin-top: 3px;
    width: 7px;
    height: 3px;
    border-bottom: solid 1px currentColor;
    border-left: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.stap_wrapr ul li:last-child .line {
    border: none;
}

.stap_wrapr ul li.active .circle {
    background: #13A180;
}

.stap_wrapr ul li.active .line {
    border-top: 0.0625rem solid #13A180;
}

.stap_wrapr ul li.active span {
    font-family: 'Roboto-Bold';
}

.service_card .delivered:hover {
    border: 1px solid #222 !important;
}

.book__confirm__sub article h6 {
    font-family: Roboto-Medium;
}

.my_book_hr {
    border-top: 1px solid #e2e2e2 !important;
}

/* ------------  New CSS  ---------- */
.radio-outer span {
    color: #222;
}

.login__page__input .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 2.6rem;
}

.wl__login__box .input-group {
    height: 72px;
}

.login__page__input .form-floating > .form-control {
    padding: 2rem .75rem;
}

.login__page__input .form-floating > label {
    position: absolute;
    top: 6px;
    left: 0;
}

.wl__login__box .form-control {
    border-radius: 8px !important;
}

.login__page__input #login__mobile__input:focus {
    outline: none !important;
    border: none !important;
}

.input-group .form-floating > label,
.guest-detail-block .form-floating > label {
    color: #666 !important;
    opacity: 1 !important;
}

.bin_box_inner button {
    font-family: Roboto-Medium;
}

.service__col__inn:hover {
    cursor: pointer;
}

.mob-flex:hover {
    border: 1px solid #222 !important;
}

.mob-flex .form-control:hover {
    border: none !important;
}

.mob-flex .mdc-select__selected-text {
    background-size: 18px 14px !important;
    background-repeat: no-repeat;
    padding-left: 26px !important;
    background-position: left center;
    position: relative !important;
    bottom: 4px !important;
}

.guest-detail-block .mdc-list .mdc-list-item:hover,
.state_CustomTypeahead_optionWrapper .state_CustomTypeahead_options:hover,
.city_CustomTypeahead_optionWrapper .city_CustomTypeahead_options:hover {
    background-color: #f3f3f3;
}

button.btn.btn-primary.disabled {
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #fff !important;
    opacity: 1 !important;
}

.form-floating > label {
    color: #666;
    opacity: 1 !important;
}

.CustomTypeahead_custom_typeahead_container .dc_Destination_CustomTypeahead_optionWrapper {
    width: 144% !important;
}

.table__service__inn tbody .service-text-box p {
    color: #222 !important;
}

.table__service__inn thead tr td:not(:first-child) {
    min-width: 12.875rem !important;
}

.price-detail-block {
    position: sticky;
    top: 9rem;
    height: 100%;
}

.font__bold__04 {
    font-family: 'Roboto-Bold' !important;
    letter-spacing: 0.2px !important;
}

.second {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.375rem;
    text-align: center;
}

.add_px_radio_pd {
    padding: 10px !important;
}

.font__16__222__medium {
    font-size: 16px !important;
    color: #222 !important;
    font-family: 'Roboto-Medium';
}

.border_clr_cacaca {
    border-color: #cacaca;
}

.border_clr_eeeeee {
    border-color: #eeeeee;
}

.mud-picker-calendar-transition {
    margin-top: 12px;
    min-height: 240px !important;
}

.packg_name {
    min-height: 3rem;
}

.depart_trvl_sect .mdc-select .mdc-floating-label,
.arrvl_trvl_sect .mdc-select .mdc-floating-label {
    transform: none !important;
    font-size: 12px;
    top: 12%;
}

.edit_book_trvl .mdc-select {
    min-width: auto !important;
}

.edit_ckeck.form-check-input:checked {
    background-color: unset;
    border-color: unset;
    box-shadow: none;
    width: 20px;
    height: 20px;
}

.edit_ckeck.form-check-input {
    width: 20px;
    height: 20px;
}



@media (min-width: 668px) {

    .promo-box {
        padding: 30px 32px;
        display: flex;
        align-items: flex-start;
        gap: 22px;
        border: 1px solid #e2e2e2;
        border-radius: 0.5rem;
    }

    .pro-icon img {
        width: 62px;
    }

    .pro-text button {
        padding: 11px 24px;
        border: 1px solid #222;
        border-radius: 30px;
    }

    .pro-text h2 {
        padding-bottom: 8px;
    }

    .pro-text p {
        padding-bottom: 16px;
    }

    .padd-24-20 {
        padding: 20px 24px;
    }

    .edit_pkg_dest .CustomTypeahead_custom_typeahead_container .dc_Destination_CustomTypeahead_optionWrapper {
        right: 0 !important;
    }

    .edit_pkg_dest .dc_Destination_CustomTypeahead_optionWrapper.invert {
        inset: auto auto 0px 0px;
        transform: translate3d(-70px, -62px, 0px);
    }

    .edit_pkg_origin .CustomTypeahead_custom_typeahead_container .CustomTypeahead_optionWrapper {
        left: 0 !important;
    }

    .edit_pkg_pax.dropdown_paxcount .dropdown-menu.show {
        display: block;
        border-radius: 0.75rem;
        z-index: 1;
        width: 16rem !important;
        max-width: unset !important;
        left: -60% !important;
    }

    .carousel-caption .web_title {
        font-size: 36px;
        font-family: 'Roboto-Bold';
        letter-spacing: 1px;
        color: #fff;
        margin-bottom: 1rem;
        line-height: 50px;
    }

    .carousel-caption .web_subttl {
        font-size: 22px;
        letter-spacing: 1px;
        color: #fff;
        padding: 0 10% 0;
        font-weight: normal;
        padding-top: 1rem;
        font-family: 'Roboto-Regular';
        line-height: 28px;
    }

    .origin_col_web .offcanvas-backdrop.show {
        opacity: 0 !important;
    }

    .origin_col_web .offcanvas-backdrop {
        position: static !important;
        height: auto !important;
    }

    .table__service__inn thead tr td:not(:first-child) {
        min-width: 16.875rem !important;
    }

    .wl__header-box {
        line-height: normal;
    }

    .book_notfound {
        text-align: center;
        margin-top: 3rem;
    }

    .logout_btns {
        justify-content: end;
    }

    .bread_ul {
        display: flex;
        align-items: center;
        margin-left: -4.8rem;
        margin-bottom: 2.4rem;
    }

        .bread_ul li {
            list-style: none;
            font-size: 14px;
        }

    .bread_active {
        color: #222;
        text-decoration: underline;
    }

    .bread_ul li:last-child {
        color: #666;
    }

        .bread_ul li:last-child:before {
            content: '/';
            color: #666;
            padding-left: 8px;
            padding-right: 8px;
        }

    .ht--74 {
        height: 74px !important;
    }

    .wl_email_input label {
        padding-top: 24px !important;
        color: #666;
        opacity: 1 !important;
    }

    .wl_email_input input {
        height: 72px !important;
    }

    .faq-title {
        font-size: 32px;
        font-family: 'Roboto-Bold';
        color: #222;
    }

    .d__none__web {
        display: none !important;
    }

    .mt-44-web {
        margin-top: 44px;
    }

    .pl-8-web {
        padding-left: 8px !important;
    }

    .pt-30-web {
        padding-top: 30px !important;
    }
    .pt-34-web {
        padding-top: 34px !important;
    }

    .pt-40-web {
        padding-top: 40px;
    }
    .pt-70-web {
        padding-top: 70px !important;
    }

    .pt-80-web {
        padding-top: 80px;
    }

    .mt-120-web {
        margin-top: 120px !important;
    }

    .mb-32-web {
        margin-bottom: 32px !important;
    }
    .mb-40-web {
        margin-bottom: 40px !important;
    }
    .mb-50-web {
        margin-bottom: 50px !important;
    }

    .wl__header {
        border-bottom: 1px solid #e2e2e2;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 1;
        width: 100%;
        height: 72px;
    }

    .service__login {
        padding-bottom: 40px;
        padding-top: 120px !important
    }

    .bin_box {
        max-width: 620px;
        margin: 6% auto;
    }

    .table__service__inn thead {
        position: sticky;
        top: 72px;
        background-color: #fff;
    }

    .payment__inner .booking__summary {
        margin-top: 0 !important;
    }

    .payment__inner h2 {
        padding-bottom: 32px;
    }

    .payment__inner .cancel_back_arr img {
        width: 0.625rem;
        height: 1rem;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .mob_my_book_btm {
        margin-bottom: 40px;
    }

    .service__login__box p.circle {
        width: 0.3125rem;
        height: 0.3125rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        background-color: #bbb;
        border-radius: 50%;
        position: absolute;
        left: -4%;
        top: 34%;
    }

    .c-detail-text {
        padding-top: 28px !important;
    }
    .travel-detail-sticky {
        position: sticky;
        top: 72px;
        z-index: 8;
        background-color: #fff;
        padding-bottom: 1rem;
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {

    .wl__login__box {
        padding-top: 3.5rem;
    }

    .wl__box__logo {
        padding-bottom: 60px;
    }

    .wl__login__box h2 {
        font-size: 32px;
        padding-bottom: 1.6rem;
    }

    .action-controller {
        margin-right: 0 !important;
    }

    .font__12__medium {
        font-size: 12px !important;
        color: #333;
    }
}

.guest-detail-block .mdc-select__anchor,
.guest-detail-block .mob-flex {
    border-color: #e6e6e6;
}

.mob-flex-disable {
    border: 1px solid #e6e6e6;
    border-radius: 0.375rem;
}

.mob-flex {
    display: flex;
    border: 1px solid #e6e6e6;
    border-radius: 0.375rem;
}

    .mob-flex .form-floating {
        flex: 1;
    }

        .mob-flex .form-floating .form-control {
            border: none;
        }

    .mob-flex .select-box::after {
        content: '';
        height: 2.5rem;
        width: 1px;
        background-color: #e6e6e6;
        display: block;
        position: absolute;
        top: 16%;
        right: 0;
    }

    .mob-flex .mob-flex .mdc-menu {
        width: 21% !important;
        max-width: 100% !important;
    }


.select-box .options {
    position: absolute;
    top: 4rem;
    width: 100%;
    background-color: #fff;
    border-radius: 0.5rem;
    display: none;
}

    .select-box .options.active {
        display: block;
    }

    .select-box .options::before {
        position: absolute;
        content: "";
        left: 1rem;
        top: -1.2rem;
        width: 0;
        height: 0;
        border: .6rem solid transparent;
        border-bottom-color: #111;
    }

input.search-box {
    background-color: #111;
    color: #fff;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 1.4rem 1rem;
}

.select-box ol {
    list-style: none;
    max-height: 23rem;
    overflow: overlay;
}

    .select-box ol::-webkit-scrollbar {
        width: 0.6rem;
    }

    .select-box ol::-webkit-scrollbar-thumb {
        width: 0.4rem;
        height: 3rem;
        background-color: #ccc;
        border-radius: .4rem;
    }

    .select-box ol li {
        padding: 1rem;
        display: flex;
        justify-content: space-between;
        cursor: pointer;
    }

        .select-box ol li.hide {
            display: none;
        }

        .select-box ol li:not(:last-child) {
            border-bottom: .1rem solid #eee;
        }

        .select-box ol li:hover {
            background-color: lightcyan;
        }

        .select-box ol li .country-name {
            margin-left: .4rem;
        }

.mob-flex-disable {
    border: 1px solid #e6e6e6;
    border-radius: 0.375rem;
}

.select-box-disable {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .select-box-disable input#mobileno {
        border: none;
    }

.mob-flex .select-box::after {
    content: '';
    height: 2.5rem;
    width: 1px;
    background-color: #e6e6e6;
    display: block;
    position: absolute;
    top: 16%;
    right: 0;
}

.select-box {
    position: relative;
}

    .select-box .mdc-select {
        min-width: 108px !important;
        border: none !important;
        width: 108px !important;
    }


img.country-flag {
    width: 1.2rem;
    border-radius: unset;
}

input.search-box {
    background-color: #111;
    color: #fff;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 1.4rem 1rem;
}

.bg-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    display: none;
    z-index: 9;
}

    .bg-overlay.show {
        display: block;
    }

.page-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: min-content;
    border-radius: 12px;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.26);
    background-color: #fff;
    padding: 2.5rem 2.5rem 2.9rem 2.5rem;
    z-index: 9;
    width: max-content;
    overflow-y: hidden;
}

    .page-modal .btn-close:focus {
        box-shadow: none;
    }

.booking__confirm__inner {
    box-shadow: -.125rem -.063rem .313rem 0 rgba(73, 210, 178, .569);
    border: .125rem solid #13a180;
    background-color: #fff;
    padding: 2.5rem 6.625rem;
    border-radius: .75rem;
    margin-top: 12px;
    position: relative;
}

.booking__cancel__inner {
    box-shadow: -.125rem -.063rem .313rem 0 #ffebeb;
    border: .125rem solid #ee0000;
    background-color: #fff;
    padding: 2.5rem 6.625rem;
    border-radius: .75rem;
    margin-top: 12px;
    position: relative;
}

.booking__pending__inner {
    box-shadow: -.125rem -.063rem .313rem 0 rgba(235, 152, 69, .569);
    border: .125rem solid #EB9845;
    background-color: #fff;
    padding: 2.5rem 6.625rem;
    border-radius: .75rem;
    margin-top: 12px;
    position: relative;
}

.book__confirm__title h3 {
    font-size: 24px;
    font-family: 'Roboto-Bold';
    color: #000;
    padding-bottom: 5px;
}

.book__confirm__title p {
    font-size: 14px;
    color: #222;
}

.success__gif {
    position: absolute;
    top: 2.5rem;
    left: 2.5rem;
    display: inline-block;
}

.book__confirm__sub {
    padding: 32px 0 12px 0;
}

    .book__confirm__sub article {
        padding-bottom: 20px;
    }

        .book__confirm__sub article span {
            font-size: 12px;
            color: #666;
        }

.book__status__confirm {
    color: #13a180;
    background-color: #effff9;
}

.book__status__cancelled {
    color: #ee0000;
    background-color: #ffebeb;
}

.book__status__pending {
    color: #EB9845;
    background-color: #FEF8F2;
    opacity: 0.7;
}

.book__label__status {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 4px 12px;
    font-family: 'Roboto-Bold';
    margin-left: 20px;
}

.book__conf__btn {
    column-gap: 20px;
}

    .book__conf__btn button {
        background-color: #fff;
        color: #222;
        border-radius: 2.5rem;
        padding: 1rem 2rem;
        border: 1px solid #555;
    }

.filter_box {
    width: 20%;
    padding: 32px 20px;
    height: max-content;
}

.booking_box {
    width: 76%;
}

.book_pointers p:not(:first-child):before {
    content: "";
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    border-radius: 50%;
    margin: .188rem .375rem;
    background-color: #bbb;
}

.fig_details {
    margin-left: 24px;
    flex: 1;
}

.left_booking figure {
    flex: 0 0 180px;
}

.left_booking {
    padding: 24px 0 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-48 {
    margin-bottom: 48px;
}

.border-radius-12 {
    border-radius: 12px;
}

.black_link {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}

    .black_link:hover {
        color: #333;
        text-decoration: none;
        cursor: pointer;
    }

.book__status__cancelled {
    color: #ee0000;
    background-color: #ffebeb;
}

table.table__service__inn thead tr td:first-child {
    border-top-left-radius: 8px;
}

table.table__service__inn thead tr td:last-child {
    border-top-right-radius: 8px;
}

table.table__service__inn tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

table.table__service__inn tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.book_details_stats h6 {
    flex: 0 0 16rem;
}

.cancel_back_arr {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: block;
    position: relative;
    margin-left: -16px;
}

    .cancel_back_arr:hover {
        background: #f4f5f7;
        cursor: pointer;
    }

    .cancel_back_arr img {
        width: 0.625rem;
        height: 1rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.mdc-list-item.mdc-list-item--selected::before {
    position: absolute !important;
    box-sizing: border-box !important;
    width: 1rem !important;
    height: 1rem !important;
    top: 20% !important;
    left: 82% !important;
    border: 3px double transparent !important;
    border-radius: inherit !important;
    content: url(/images/Check.svg) !important;
    transform: scale(1) !important;
}

.wht_bg_btn:hover {
    color: #fff !important;
}

.logout_btns {
    column-gap: 1rem;
}


/* ================= Media Queries Start ================ */
@media (max-width: 668px) {

    .offcanvas .nav-pills .nav-link{
        position: relative;
        font-size: 1rem;
        color: #333;
        padding: 15px 16px !important;
    }

    .offcanvas .nav-pills .nav-link.active:before{
        position: absolute !important;
        box-sizing: border-box !important;
        width: 1rem !important;
        height: 1rem !important;
        top: 26% !important;
        left: 90% !important;
        border: 3px double transparent !important;
        border-radius: inherit !important;
        content: url(/images/Check.svg) !important;
        transform: scale(1) !important;
    }

    .black-menu-button-bottom {
        position: fixed !important;
        bottom: 10%;
        z-index: 1000;
        margin: auto !important;
    }

    .wl__header--left,
    .service__log__title,
    .fixed-top-header {
        position: sticky;
        top: 0;
        background-color: #fff;
        left: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .fixed-top-header {
        position: sticky;
        top: 0;
        background-color: #fff;
        left: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        z-index: 9 !important;
        width: calc(100% - -24px) !important;
    }

    .column-1 {
        min-width: 200px !important;
        max-width: 200px !important;
    }
    .column {
        margin: 0 !important;
    }

    figure.faq_figure {
        background-image: url(/images/faq-mweb.jpg) !important;
        height: 14rem;
        background-position: center right;
        background-size: auto 13.75rem;
        background-repeat: no-repeat;
        margin-bottom: 1.25rem;
        border-radius: .5rem;
    }

    .nav-pills .nav-link.active {
        background-color: #f4f9ff !important;
        color: #333 !important;
        font-family: Roboto-Bold;
        font-size: 1rem;
        padding: 15px 16px;
    }

    figure.faq_figure {
        background-position: top center !important;
    }

    .wl__box__logo {
        padding-bottom: 12px !important;
        padding-top: 26px !important;
    }

    .wl__header--left img, .wl_login_logo {
        width: 180px;
        opacity: 1;
        backdrop-filter: inherit;
    }

    .contact-mob {
        font-size: 18px !important;
        font-family: Roboto-Bold;
        color: #333;
    }

    .loginBottomText {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 52px;
    }

    .promo-box {
        padding: 20px;
        border: 1px solid #e2e2e2;
        border-radius: 0.5rem;
        display: flex;
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;
    }

    .pro-icon img {
        width: 40px;
    }

    .pro-text h2 {
        padding-bottom: 6px;
    }

    .pro-text p {
        padding-bottom: 12px;
    }

    #trlClick .mdc-menu-surface--open {
        width: 100%;
        transform-origin: left bottom !important;
        left: 0px;
        max-height: 140px !important;
        bottom: 74px !important;
        top: unset !important;
    }

    #trlClick, #trlClick .mdc-select {
        position: unset !important;
    }

        #trlClick .mdc-menu-surface {
            border-radius: inherit;
            opacity: 1;
            transition: opacity;
            right: unset;
            left: auto !important;
            position: fixed !important;
            bottom: 0 !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
            width: 100vw !important;
            max-width: 100% !important;
            border-radius: 16px 16px 0 0 !important;
            box-shadow: 0 -5000px 0 5000px rgba(0, 0, 0, 0.4);
            z-index: 99999 !important;
            transition: all 0.3s ease-in-out !important;
            background-color: #fff;
        }

    .mdc-list-item.mdc-list-item--selected::before {
        left: 90% !important;
    }

    #offcanvasRight_EditPackage {
        top: auto !important;
        bottom: 0;
        width: 100%;
        height: 90%;
        transform: translateY(100%);
        transition: transform 0.2s ease-in-out;
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
    }

        #offcanvasRight_EditPackage.offcanvas.show {
            transform: translateY(0) !important;
            transition: transform 0.2s ease-in-out;
            border-left: 0;
            height: 90%;
        }

        #offcanvasRight_EditPackage.offcanvas:not(.show) {
            transition: transform 0.1s ease-in-out;
        }

        #offcanvasRight_EditPackage .offcanvas-body {
            padding: 0;
        }

    .TravellerDropDown_addBtn.btn {
        background-color: #222;
        border-radius: 40px;
        font-family: 'Roboto-Bold';
        font-size: 16px;
        line-height: 24px;
        padding: 10px 32px;
        color: #fff;
    }

    .TravellerDropDown_buttons {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 26px !important;
        height: 26px !important;
        border: 1px solid #999 !important;
    }

    .TravellerDropDown_listWrapper .TravellerDropDown_count {
        min-width: 1.5rem;
        text-align: center;
    }

    .mud-picker-container {
        display: flex;
        flex-direction: column;
        border-radius: inherit;
        opacity: 1;
        transition: opacity;
        right: unset;
        left: auto !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 100vw !important;
        max-width: 100% !important;
        border-radius: 16px 16px 0 0 !important;
        /* box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3); */
        box-shadow: 0 -5000px 0 5000px rgba(0, 0, 0, 0.4);
        z-index: 99999 !important;
        transition: all 0.3s ease-in-out !important;
        background-color: #fff;
    }

    .mud-picker-popover-paper {
        min-width: 0 !important;
        min-height: 0 !important;
    }

    .mud-picker-calendar-transition {
        margin-top: 26px !important;
        min-height: 300px !important;
    }

    .mud-picker-calendar {
        display: grid !important;
        max-width: 100% !important;
        grid-template-columns: repeat(7, 1fr) !important;
    }

    .mud-picker-calendar-header-switch {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    .mud-picker-calendar-container {
        width: 98vw !important;
        margin: 0 auto;
    }

    .mud-picker-calendar-header-day .mud-day-label {
        width: 52px !important;
    }

    .travel_sect_mob .mdc-menu-surface--open {
        display: none !important;
    }

    .btn-cmn.btn-cancel,
    .btn-cmn.btn-logt {
        width: 100%;
    }

    .carousel-caption .mob_title {
        font-size: 16px !important;
        font-family: 'Roboto-Medium', sans-serif !important;
        color: #fff !important;
        line-height: 18px !important;
        letter-spacing: 0.5px !important;
    }

    .carousel-caption .mob_subttl {
        font-size: 12px !important;
        font-family: 'Roboto-Regular', sans-serif !important;
        color: #fff !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        padding: 10px 0 !important;
    }

    .TravellerDropDown_listWrapper {
        padding: .75rem 1.25rem;
    }

        .TravellerDropDown_listWrapper:first-child {
            padding-top: 1.25rem;
        }

    .TravellerDropDown_addBtn {
        margin: 1rem 1rem 1.875rem;
    }

    input.CustomTypeahead_search1::-webkit-search-cancel-button,
    input.CustomTypeahead_search2::-webkit-search-cancel-button,
    input.CustomTypeahead_search3::-webkit-search-cancel-button,
    input.CustomTypeahead_search4::-webkit-search-cancel-button,
    input.CustomTypeahead_search5::-webkit-search-cancel-button,
    input.CustomTypeahead_search6::-webkit-search-cancel-button,
    input.CustomTypeahead_search7::-webkit-search-cancel-button {
        -webkit-appearance: none;
        appearance: none;
        content: url(/images/_svg/close-icon-2.svg) !important;
        z-index: 99999;
        background-position: right 10px center;
        background-repeat: no-repeat;
        width: 12px;
    }

    #travel_canvas_dpt .offcanvas-header,
    #travel_canvas_arrvl .offcanvas-header,
    #guest_canvas_dpt .offcanvas-header {
        padding: 1.125rem 1.25rem .625rem;
        align-items: flex-start;
        flex-direction: column-reverse;
        display: flex;
    }

    #travel_canvas_dpt .offcanvas-body .dropdown-item
    #travel_canvas_arrvl .offcanvas-body .dropdown-item {
        padding: 1rem 1.25rem;
    }

    .dropdown-item.active_1 {
        background-color: rgba(13, 103, 202, 0.05);
        justify-content: space-between;
        display: flex;
    }

    .depart_trvl_sect .mdc-menu,
    .arrvl_trvl_sect .mdc-menu {
        display: none;
    }

    #origin_1, #origin_2, #dest_1, #dest_2,
    #dept_flt, #arr_flt, #pax_nation,
    #pax_country, #pax_state, #pax_city {
        pointer-events: none !important;
    }

    .icon-search.font-icons {
        content: url(/images/_svg/search-icon.svg);
        width: 0.8rem;
        height: 0.8rem;
        display: block;
        position: absolute;
        top: 54%;
        left: 5%;
    }

    .offcanvas-backdrop.show {
        opacity: 0.5;
    }

    .btn-close_bottom {
        margin: 0 0 8px !important;
    }

    .SelectDropDown_textActive {
        padding: 1rem 1.25rem !important;
    }

    .book_dsb_icon {
        filter: invert(80%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(103%) contrast(93%);
    }

    .book_dsb_text {
        color: #ccc;
    }

    .dropdown-item.active_1:before {
        position: absolute !important;
        box-sizing: border-box !important;
        width: 1rem !important;
        height: 1rem !important;
        top: 26% !important;
        left: 90% !important;
        border: 3px double transparent !important;
        border-radius: inherit !important;
        content: url(/images/Check.svg) !important;
        transform: scale(1) !important;
    }

    .CustomTypeahead_optionWrapper1,
    .CustomTypeahead_optionWrapper2,
    .CustomTypeahead_optionWrapper3,
    .CustomTypeahead_optionWrapper4,
    .CustomTypeahead_optionWrapper5,
    .CustomTypeahead_optionWrapper6,
    .CustomTypeahead_optionWrapper7 {
        position: static;
        max-height: inherit;
        border: none;
        box-shadow: none;
        background: none;
        border-radius: 0;
        overflow: scroll;
        margin-top: .625rem;
        width: 100%;
    }

    .CustomTypeahead_options1,
    .CustomTypeahead_options2,
    .CustomTypeahead_options3,
    .CustomTypeahead_options4,
    .CustomTypeahead_options5,
    .CustomTypeahead_options6,
    .CustomTypeahead_options7 {
        background: #fff;
        cursor: pointer;
        z-index: 1;
        padding: .75rem 1.25rem;
        transition: all .2s;
    }

    .dc_Destination_CustomTypeahead_options2 {
        padding: .75rem 1.25rem;
    }

    .CustomTypeahead_options1.CustomTypeahead_selectedBackground,
    .CustomTypeahead_options2.CustomTypeahead_selectedBackground,
    .CustomTypeahead_options3.CustomTypeahead_selectedBackground,
    .CustomTypeahead_options4.CustomTypeahead_selectedBackground,
    .CustomTypeahead_options5.CustomTypeahead_selectedBackground,
    .CustomTypeahead_options6.CustomTypeahead_selectedBackground,
    .CustomTypeahead_options7.CustomTypeahead_selectedBackground {
        background-color: rgba(13, 103, 202, .05) !important;
    }

    .CustomTypeahead_options1 p,
    .CustomTypeahead_options2 p,
    .CustomTypeahead_options3 p,
    .CustomTypeahead_options4 p,
    .CustomTypeahead_options5 p,
    .CustomTypeahead_options6 p,
    .CustomTypeahead_options7 p {
        font-family: "Roboto-Medium";
        font-size: 1rem;
        font-weight: 500;
        color: #333;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
    }

    .CustomTypeahead_options1 label,
    .CustomTypeahead_options2 label,
    .CustomTypeahead_options3 label,
    .CustomTypeahead_options4 label,
    .CustomTypeahead_options5 label,
    .CustomTypeahead_options6 label,
    .CustomTypeahead_options7 label {
        max-width: 80%;
        font-size: .75rem;
        color: #666;
        display: block;
        pointer-events: none;
    }

    #origin_canvas .offcanvas-body.offcanvasNoSpace,
    #destination_canvas .offcanvas-body.offcanvasNoSpace,
    #originFly_canvas .offcanvas-body.offcanvasNoSpace,
    #arrivalFly_canvas .offcanvas-body.offcanvasNoSpace,
    #state_canvas .offcanvas-body.offcanvasNoSpace,
    #city_canvas .offcanvas-body.offcanvasNoSpace,
    #country_canvas .offcanvas-body.offcanvasNoSpace,
    #nationalitycountry_canvas .offcanvas-body.offcanvasNoSpace {
        padding: 0;
    }

    #origin_canvas .offcanvas-header .btn-close,
    #destination_canvas .offcanvas-header .btn-close,
    #originFly_canvas .offcanvas-header .btn-close,
    #arrivalFly_canvas .offcanvas-header .btn-close,
    #state_canvas .offcanvas-header .btn-close,
    #city_canvas .offcanvas-header .btn-close,
    #country_canvas .offcanvas-header .btn-close,
    #nationalitycountry_canvas .offcanvas-header .btn-close {
        margin: 0 0 8px;
    }

    #origin_canvas,
    #destination_canvas,
    #originFly_canvas,
    #arrivalFly_canvas,
    #state_canvas,
    #city_canvas,
    #country_canvas,
    #nationalitycountry_canvas {
        height: 90%;
        visibility: visible;
        border-radius: 1.25rem 1.25rem 0 0;
    }

    #travel_canvas_dpt,
    #travel_canvas_arrvl,
    #guest_canvas_arrvl,
    #guest_canvas_dpt {
        visibility: visible;
        border-radius: 1.25rem 1.25rem 0 0;
        height: auto;
    }


    .CustomTypeahead_search1,
    .CustomTypeahead_search2,
    .CustomTypeahead_search3,
    .CustomTypeahead_search4,
    .CustomTypeahead_search5,
    .CustomTypeahead_search6,
    .CustomTypeahead_search7 {
        font-size: 1rem;
        margin: 1rem 0 0;
        width: 100%;
        font-family: "Roboto-Regular";
        border-radius: 1.65625rem;
        border: none;
        padding-top: .625rem;
        padding-bottom: .625rem;
        padding-left: 2.75rem;
        background-color: #eaebed;
    }

    #origin_canvas .offcanvas.offcanvas-bottom .offcanvas-header,
    #destination_canvas .offcanvas.offcanvas-bottom .offcanvas-header,
    #originFly_canvas .offcanvas.offcanvas-bottom .offcanvas-header,
    #arrivalFly_canvas .offcanvas.offcanvas-bottom .offcanvas-header,
    #state_canvas .offcanvas.offcanvas-bottom .offcanvas-header,
    #city_canvas .offcanvas.offcanvas-bottom .offcanvas-header,
    #country_canvas .offcanvas.offcanvas-bottom .offcanvas-header,
    #nationalitycountry_canvas .offcanvas.offcanvas-bottom .offcanvas-header {
        padding: 1.125rem 1.25rem .625rem;
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    #origin_canvas .offcanvas-title.h5,
    #destination_canvas .offcanvas-title.h5,
    #originFly_canvas .offcanvas-title.h5,
    #arrivalFly_canvas .offcanvas-title.h5,
    #state_canvas .offcanvas-title.h5,
    #city_canvas .offcanvas-title.h5,
    #country_canvas .offcanvas-title.h5,
    #nationalitycountry_canvas .offcanvas-title.h5 {
        font-size: 1.375rem;
        font-family: "Roboto-Bold";
        width: 100%;
        color: #222;
    }

    #origin_canvas .offcanvas-header,
    #destination_canvas .offcanvas-header,
    #originFly_canvas .offcanvas-header,
    #arrivalFly_canvas .offcanvas-header,
    #state_canvas .offcanvas-header,
    #city_canvas .offcanvas-header,
    #country_canvas .offcanvas-header,
    #nationalitycountry_canvas .offcanvas-header {
        display: block !important;
    }

    .CustomTypeahead_optionWrapper,
    .dc_Destination_CustomTypeahead_optionWrapper,
    .dFlight_CustomTypeahead_optionWrapper,
    .aFlight_CustomTypeahead_optionWrapper,
    .state_CustomTypeahead_optionWrapper,
    .city_CustomTypeahead_optionWrapper,
    .country_CustomTypeahead_optionWrapper,
    .nationality_CustomTypeahead_optionWrapper {
        display: none !important;
    }

        .dc_Destination_CustomTypeahead_optionWrapper.invert {
            inset: auto auto 0px 0px;
            transform: translate3d(-66px, -62px, 0px) !important;
        }

    .payment__block .note__bisc {
        margin: 20px 0 0px 0;
    }

    .mob_logout_pop {
        width: auto !important;
        top: unset !important;
        z-index: 999;
    }

    .mob_str {
        position: absolute;
        top: 38%;
        font-size: 16px !important;
    }

    .guest_border_mob {
        display: block;
        /*transform: translateY(30px);*/
    }

    #offServiceCVV {
        top: auto !important;
        bottom: 0;
        width: 100%;
        height: 90%;
        transform: translateY(100%);
        transition: transform 0.2s ease-in-out;
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
    }

    .confirm-pop-mob {
        top: auto !important;
        bottom: 0;
        width: 100%;
        height: 90%;
        transform: translateY(50%);
        transition: transform 0.2s ease-in-out;
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        padding: 1rem !important;
        z-index: 999;
    }

    #offServiceCVV.offcanvas.show {
        transform: translateY(0) !important;
        transition: transform 0.2s ease-in-out;
        border-left: 0;
        height: 50%;
    }

        #offServiceCVV.offcanvas:not(.show) {
            transition: transform 0.1s ease-in-out;
        }

    .payment_mob .cross-btn {
        position: absolute;
        right: 14%;
        top: 6%;
    }

    .payment_mob .aply {
        position: absolute;
        right: 6%;
        top: 9%;
    }

    table.table__service__inn thead tr td:first-child {
        vertical-align: top;
    }

    table.table__service__inn td {
        padding: 12px 20px 12px 26px;
        vertical-align: middle;
    }

    .loading-bg-img {
        position: absolute;
        left: 38% !important;
    }

    .logout_btns {
        justify-content: start;
    }

    .my_book_sticky {
        position: sticky;
        top: 0;
        left: 0;
        background-color: #fff;
        padding-bottom: 1rem;
        z-index: 99999;
        padding-top: 1rem;
    }

    .book_pax_canva_mob {
        z-index: 1045;
        border-radius: 1.25rem 1.25rem 0 0;
        max-height: 98%;
        height: auto !important;
        padding-bottom: 1rem;
    }

    .page-modal-payment-coupon {
        max-width: 295px !important;
    }

    .payment_mob span.rmv {
        position: absolute;
        top: 1.8rem;
        right: 12px;
        line-height: 0;
        text-decoration: underline;
        cursor: pointer;
    }

    .ToolTipPrice_offCanvasToolTip__yXIZq {
        padding-left: 0;
        padding-top: 0;
    }

        .ToolTipPrice_offCanvasToolTip__yXIZq > h4 {
            display: none;
        }

    .ToolTipPrice_toolTipContent__opMjY h4 {
        font-size: 1rem;
        margin-bottom: .313rem;
        text-align: left;
        font-family: Roboto-Bold, Helvetica Neue, Arial, sans-serif;
    }

    .ToolTipPrice_offCanvasToolTip__yXIZq ul li {
        display: flex;
        justify-content: space-between;
        margin-bottom: .625rem;
    }

        .ToolTipPrice_offCanvasToolTip__yXIZq ul li:last-child {
            border-top: 1px solid #e2e2e2;
            border-bottom: 1px solid #e2e2e2;
            padding: .875rem 0;
            margin: 1.5rem 0;
        }

    #otp6 {
        margin-right: 0;
    }

    .service__table__layout {
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }

    table.table__service__inn thead tr td:first-child {
        /* min-width: 14rem !important; */
        min-width: 12.5rem !important;
    }

    table.table__service__inn thead tr:first-child td:not(:first-child) {
        min-width: 7.875rem !important;
        max-width: 7.875rem;
        position: relative;
        padding: 1.063rem 1.25rem;
    }

    table.table__service__inn td:last-child {
        min-width: 7.875rem;
        max-width: 7.875rem;
        position: relative;
    }

    table.table__service__inn .submit__button__table {
        width: 5.75rem !important;
        padding: .625rem 1.125rem;
    }

    table.table__service__inn tr td:first-child {
        padding: 1.063rem 1.25rem;
    }

    .faq_canvas {
        border-top: 0;
    }

    .more_bg_flex img {
        width: 30px !important;
        height: 30px !important;
    }

    .border-radius-4 {
        border-radius: 4px;
    }

    .left_booking {
        padding: 24px 0 24px;
    }

    .book_notfound {
        text-align: center;
        margin-top: 5rem;
    }

    #canvas_view.offcanvas.offcanvas-bottom {
        height: max-content !important;
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        padding: 34px 20px 20px 20px;
    }

    .pay_inf_mob {
        padding-bottom: 0 !important;
    }

    .book_summ_mob .price__summary:before {
        position: relative;
    }

    .coupon_code_mob {
        border: none !important;
        padding-left: 20px !important;
        margin-top: 32px;
        width: 100%;
        margin-left: auto;
        position: relative;
        padding: 0 !important;
    }

    #offServiceCVV {
        width: calc(100% - 0rem);
        border-left: 0;
    }

    button.snpt_btn_smr {
        width: 142px !important;
    }

    .shimmer {
        width: calc(100% - 2rem) !important;
    }

    .toast-msg {
        transform: translate(-50%, 70vh) !important;
        width: 90%;
    }

    .pax_step_mob {
        font-size: 13px;
        float: right;
        margin-left: auto;
        width: max-content !important;
        margin-top: 10px;
        text-transform: uppercase;
        color: #222;
    }

    .line.d__none__web {
        height: 6px;
        background-color: #f8f8f8;
        width: 100%;
        left: 0;
        position: relative !important;
        margin: 1.8rem 0 1.6rem 0;
    }
    .wl__login__box {
        padding-top: 0;
    }

    .pay_btn_botm {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        background: #fff;
        padding: .77rem 1.25rem;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
    }

    .add_px_pay .button__primary {
        width: 192px !important;
        padding: 10px 36px !important;
        font-family: 'Roboto-Bold' !important;
        line-height: 26px !important;
    }

    .add_px_prc_bfr.price__summary:before {
        position: relative !important;
        margin: 2rem 0 0.3rem 0;
    }

    .packg_name {
        height: 5rem;
        margin-bottom: 0 !important;
        min-height: auto;
    }

    .service__col__type {
        width: 70%;
    }

    .dropdown_paxcount .dropdown-menu.show {
        border-radius: 0.75rem;
        width: 144% !important;
        max-width: unset;
        right: 0 !important;
        position: absolute !important;
        left: -44% !important;
        display: none;
    }

    .blr_guest .dropdown_paxcount .dropdown-menu.show {
        display: none;
        border-radius: 0.75rem;
        width: 144% !important;
        max-width: unset;
        right: 0 !important;
        position: absolute !important;
        left: 0 !important;
    }

    .dropdown_paxcount .dropdown-menu.show {
        display: none !important;
    }

    .CustomTypeahead_custom_typeahead_container .dc_Destination_CustomTypeahead_optionWrapper {
        right: 0 !important;
    }

    .bin_modal_mob.page-modal {
        position: fixed;
        top: unset !important;
        bottom: 0;
        right: 0;
        left: 0;
        padding-left: 20px !important;
        padding-right: 20px !important;
        width: 100%;
        z-index: 9999;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

        .bin_modal_mob.page-modal .btn_modal {
            padding-left: 70px !important;
            padding-right: 70px !important;
        }

    .mob_container {
        padding: 0 20px !important;
    }

    .mob_otp_arr {
        margin-bottom: 14% !important;
    }

    .wl_email_input label {
        padding-top: 16px;
    }
    .wl__input_vald {
        padding-bottom: 24px;
    }

    .input-container > div {
        height: 60px !important;
    }

    .action-controller {
        margin-right: 0 !important;
    }

    .faq-title {
        font-size: 22px;
        font-family: 'Roboto-Bold';
    }

    .p_mob_0 {
        padding: 0 !important;
    }

    .m_mob_
    footer .wl__footer {
        padding: 2rem 1.25rem;
    }

    .mob_footerMweb {
        padding: 3vh 4vw 2rem !important;
        width: 100%;
        margin-top: 2rem;
    }

    .mob_footer {
        padding: 3vh 4vw 6rem !important;
        width: 100%;
        margin-top: 2rem;
    }

    .mob_min_height {
        min-height: 100vh !important;
    }

    .d__none__mob {
        display: none !important;
    }

    .wl__footer__inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .service__col__type {
        padding-left: 0;
    }

    .service__login__box {
        border: none;
        border-radius: none;
        padding: unset;
    }

    .service__log__title h2 {
        font-size: 22px;
    }

    .service__login__box h2 {
        font-size: 18px;
    }

    .service__table__inner {
        max-width: 100%;
        margin-left: 0;
    }

    .payment__info {
        padding: 32px 1px;
    }

    .grey__border {
        border: none;
    }

    .payment__info .service__submit button {
        width: 13.125rem !important;
    }

    .radio-outer {
        display: flex;
        align-items: center;
        gap: 6px;
        width: 4rem;
        margin-right: 1rem;
    }

    .wl__login__box .radio-outer {
        width: auto;
    }

    .radio-btn {
        margin-bottom: -0.375rem;
    }

    .name_master .radio-outer {
        margin-right: 3rem !important;
    }

    .guest-detail-block .input-radio {
        accent-color: #333;
        width: 1.2rem;
        height: 1.2rem;
    }

    .wl__login__box {
        max-width: 100%;
    }

    .wl__login__inner {
        flex-direction: column;
        padding: 20px;
    }

    .wl__login__right img {
        height: auto;
        object-fit: cover;
        border-radius: 12px;
    }

    .wl__login__right {
        order: -1;
        margin-top: 18%;
    }

    .wl__box__logo {
        position: absolute;
        top: 0;
        background-color: #fff;
        z-index: 99999;
        width: 94%;
    }

    .mob__login__title {
        margin: 32px 0 24px 0;
    }

    .wl__login__logo {
        width: 86px !important;
    }

    .login__page__input .input-group,
    .wl__login__btn {
        margin-top: 20px;
    }

    .wl__login__box .form-control {
        width: min(100vw, 100%, 30rem);
    }

    .wl__radio__space {
        column-gap: 0;
    }

    .otpWidth input {
        height: 48px !important;
        width: 48px !important;
    }

    .otpWidth input {
        border-radius: 0.5rem;
    }

    .mob_text_center {
        text-align: center;
    }

    .width-54-mob {
        width: 54px !important;
    }

    .width-68-mob {
        width: 68px !important;
    }

    .width-108-mob {
        width: 108px !important;
    }

    .font__12__666_mob {
        font-size: 12px;
        color: #666;
    }

    .font__14__222_mob {
        font-size: 14px !important;
        color: #222;
    }

    .font__16__222__mob {
        font-size: 16px !important;
        color: #222;
    }

    .font__18__mob {
        font-size: 18px !important;
    }

    .font__22__222__mob {
        font-size: 22px;
        color: #222;
        font-family: 'Roboto-Bold';
    }

    .font__24__222__mob {
        font-size: 24px !important;
        font-family: 'Roboto-Bold';
        color: #222;
    }

    .font_16_222_medium_mob {
        font-size: 16px;
        font-family: 'Roboto-Medium';
        color: #222;
    }

    .ml-0-mob {
        margin-left: 0 !important;
    }

    .mr-0-mob {
        margin-right: 0 !important;
    }

    .mr-0-5-mob {
        margin-right: 0.5rem !important;
    }

    .mb-0-mob {
        margin-bottom: 0px !important;
    }

    .mt-0-mob {
       margin-top: 0 !important;
    }

    .mt-3-mob {
        margin-top: -3rem !important;
    }

    .ml-2-mob {
        margin-left: 2px !important;
    }
    .mt-4-mob {
        margin-top: 4px !important;
    }

    .mb-4-mob {
        margin-bottom: 4px !important;
    }

    .mb-5-mob {
        margin-bottom: 5px !important;
    }

    .ml--4-mob {
        margin-left: -4px !important;
    }

    .ml--8-mob {
        margin-left: -8px !important;
    }

    .ml--12-mob {
        margin-left: -12px !important;
    }

    .mt--14-mob {
        margin-top: -14px !important;
    }

    .mb-16-mob {
        margin-bottom: 16px !important;
    }
    .mb-18-mob {
        margin-bottom: 18px !important;
    }

    .ml-16-mob {
        margin-left: 16px !important;
    }
    .ml--16-mob {
        margin-left: -16px !important;
    }

    .mt-20-mob {
        margin-top: 20px !important;
    }

    .mb-20-mob {
        margin-bottom: 20px !important;
    }
    .mt--24-mob {
        margin-top: -24px !important;
    }

    .mb-24-mob {
        margin-bottom: 24px !important;
    }

    .mb-32-mob {
        margin-bottom: 32px !important;
    }
    .ml--32-mob {
        margin-left: -2rem !important;
    }
    .mb-40-mob {
        margin-bottom: 40px !important;
    }

    .mt-40-mob {
        margin-top: 40px;
    }

    .mt-80-mob {
        margin-top: 80px;
    }

    .mb-48-mob {
        margin-bottom: 48px !important;
    }

    .mb-56-mob {
        margin-bottom: 56px !important;
    }

    .mb-52-mob {
        margin-bottom: 52px !important;
    }

    .mb-22 {
        margin-bottom: 22px;
    }

    .mt-32-mob {
        margin-top: 32px;
    }

    .p-0-mob {
        padding: 0 !important;
    }

    .pl-2 {
        padding-left: 2px !important;
    }

    .pl-0-mob {
        padding-left: 0 !important;
    }
    .pt-0-mob {
        padding-top: 0 !important;
    }

    .pt-8-mob {
        padding-top: 8px !important;
    }

    .pt-12-mob {
        padding-top: 12px !important;
    }
    .p-12-mob {
        padding: 12px !important;
    }

    .pt-16-mob {
        padding-top: 16px !important;
    }

    .pr-16-mob {
        padding-right: 16px !important;
    }
    .pb-20-mob {
        padding-bottom: 20px !important;
    }

    .pt-24-mob {
        padding-top: 24px !important;
    }
    .pb-24-mob {
        padding-bottom: 24px !important;
    }
    .p-24-mob {
        padding: 24px !important;
    }

    .pb-28-mob {
        padding-bottom: 28px !important;
    }

    .pb-32-mob {
        padding-bottom: 32px !important;
    }

    .pt-45 {
        padding-top: 45px;
    }

    .pl-16-mob {
        padding-left: 16px !important;
    }

    .pb-70-mob {
        padding-bottom: 70px !important;
    }

    .pt-pb {
        padding: 20px 0 20px;
    }
    .container-mob-box {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .bin_box {
        margin: 10% auto;
    }

    .bin_box_inner {
        padding: 0;
    }

    .page-modal-bin {
        position: absolute !important;
        position: fixed !important;
        top: unset !important;
        bottom: 0 !important;
        right: 0;
        left: 0;
        transition: bottom 0.3s ease-in;
        z-index: 9999 !important;
    }

    .mdc-select {
        min-width: auto !important;
    }

    .guest-detail-block {
        display: block;
        width: 100%;
        padding-top: 24px;
    }

    .price-detail-block {
        display: block;
        width: 100%;
        float: unset;
    }

    .summary__right h4 {
        font-size: 16px;
        color: #222;
    }

    #left-section {
        display: none;
    }

    #left-section {
        display: none;
    }
   
    h1.mob_faq_h2 map img {
        width: 10px;
    }

    h1.mob_faq_h2 map {
        margin-right: 28px;
    }

    #faq_canvas .btn-close {
        opacity: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 1.5rem !important;
    }

    div#faq_canvas {
        border-radius: 1.25rem 1.25rem 0 0;
    }

    #faq_canvas .faq_cancel_btn {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #faq_canvas .offcanvas-header {
        padding: 1.125rem 0.4rem;
    }

    #faq_canvas .offcanvas-body {
        padding: 0.1rem 0 1.125rem 0;
    }

    .carousal_mob_text h5 {
        font-size: 16px !important;
        font-family: 'Roboto-Medium', sans-serif !important;
        color: #fff !important;
        line-height: 18px !important;
        letter-spacing: 0.5px !important;
    }

    .carousal_mob_text p {
        font-size: 12px !important;
        font-family: Roboto-Regular, sans-serif !important;
        color: #fff !important;
        line-height: 16px !important;
        letter-spacing: 0.5px !important;
        padding: 10px 0 !important;
    }

    .carousal_mob .carousel-caption {
        position: absolute !important;
        top: 6% !important;
        width: 50% !important;
        height: unset !important;
        left: 6% !important;
        text-align: left !important;
    }

    .carousel-indicators [data-bs-target] {
        width: 6px !important;
        height: 6px !important;
    }

    p.mob_otp_arr {
        margin-top: -16% !important;
    }

    .service__table__layout {
        overflow-x: auto !important;
    }

    .mob_pkg_break .table__tooltiptext h4 {
        color: #222 !important;
        font-family: 'Roboto-Bold' !important;
        font-size: 22px !important;
    }

    .mob_pkg_break span.table__tooltiptext {
        padding: 1rem;
        display: block;
    }

    .mob_pkg_break .offcanvas-body {
        padding: 1.5rem 1rem !important;
    }

    .mob_pkg_break .break__up__hr {
        color: #e2e2e2 !important;
    }

    .mob_pkg_break span.table__tooltiptext p {
        font-size: 1rem;
    }

    .mob_pkg_break span.table__tooltiptext h6 {
        font-size: 20px;
        font-family: Roboto-Bold;
    }

    .price__summary:before {
        height: 8px;
        width: 100%;
        background-color: #f8f8f8;
        content: '';
        margin: 1.4rem 0 2rem 0;
        display: block;
    }

    .padding_null_mob {
        padding: 0 !important;
    }

    .payment__inner h2 {
        font-size: 22px;
    }

    .payment_mob_service {
        padding: 0;
    }

    .payment__info .service__submit button {
        width: 100% !important;
    }

    .booking__confirm__inner, .booking__pending__inner {
        padding: 32px 20px;
        border: none;
        box-shadow: none;
    }

    .booking__cancel__inner {
        border: none;
        box-shadow: none;
    }

    .mob_booking_cnf_inner {
        padding: 0 !important;
    }

    .book__label__status {
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 4px;
        padding: 4px 12px;
        font-family: 'Roboto-Bold';
        margin-left: auto;
    }

    .book_cnf_mob {
        background-color: #13a180;
        padding: 24px 16px;
        margin-top: -12px;
    }

    .book_cnl_mob {
        background-color: #dc464b;
        padding: 24px 16px;
        margin-top: -12px;
    }

    .book_pen_mob {
        background-color: #FFF4EB;
        padding: 24px 16px;
        margin-top: -12px;
    }

    .payment_mob_service .container {
        padding: 0 !important;
    }

    .book_cnf_mob h4,
    .book_cnl_mob h4 {
        font-size: 25px;
        font-family: 'Roboto-Bold';
        color: #fff;
        padding-bottom: 12px;
    }

    .book_cnf_mob p,
    .book_cnl_mob p {
        font-size: 14px;
        line-height: 22px;
        color: #fff;
    }

    .book_cnf_mob h6,
    .book_cnl_mob h6 {
        font-size: 14px;
        font-family: 'Roboto-Medium';
        line-height: 22px;
        color: #fff;
    }

    .book_pen_mob h4 {
        font-size: 25px;
        font-family: 'Roboto-Bold';
        color: #000;
        padding-bottom: 12px;
    }

    .book_pen_mob p {
        font-size: 14px;
        line-height: 22px;
        color: #000;
    }

    .book_pen_mob h6 {
        font-size: 14px;
        font-family: 'Roboto-Medium';
        line-height: 22px;
        color: #000;
    }


    .book_cnl_mob h3 {
        color: #fff;
    }

    .book__confirm__sub {
        padding: 32px 20px;
    }

    article.mob_cnf_guest:before {
        display: block;
        content: '';
        position: absolute;
        height: 6px;
        background-color: #f8f8f8;
        width: 100%;
        left: 0;
    }

    .btn_box {
        background-color: #222;
        padding: 14px;
        border-radius: 40px;
    }

        .btn_box figure img {
            width: 24px;
            height: 24px;
        }

        .btn_box figure {
            flex: 1;
            text-align: center;
        }

            .btn_box figure figcaption {
                color: #fff;
                font-size: 11px;
                font-family: Roboto-Medium;
                padding-top: 5px;
            }

    .mob_guest_span {
        font-size: 22px;
        font-family: Roboto-Bold;
    }

    .mob_guest_det {
        font-size: 16px;
        font-family: Roboto-Medium;
    }

    .booking_filters_box .booking_box {
        width: 100% !important;
        padding: 0 20px 10px;
    }

    .mob_my_book .book__label__status {
        font-size: 14px;
        text-transform: capitalize;
        border-radius: unset;
        padding: 0;
        font-family: 'Roboto-Medium';
        margin-left: 0;
        background-color: unset;
    }

    .font-15-mob-pkg {
        font-size: 15px;
        font-family: Roboto-Bold;
        color: #333;
    }

        .mob_my_book_btm figure img {
            width: 96px !important;
        }

    .mob_book_height {
        height: auto !important;
    }

    .booking_filters_box .filter_box {
        width: 0 !important;
        padding: 0 !important;
        height: 0 !important;
    }

    .mob_book_btn_div {
        display: flex;
        overflow-x: scroll;
        scrollbar-width: none;
    }

    .mob_book_btn {
        border: 1px solid #e2e2e2 !important;
        background-color: #fff !important;
        color: #222 !important;
        font-size: 14px !important;
        padding: 14px 20px !important;
        line-height: normal !important;
        border-radius: 30px !important;
        height: fit-content !important;
        margin-left: 1rem;
        display: inline-block !important;
        white-space: nowrap;
    }

        .mob_book_btn:hover {
            background-color: unset !important;
        }

    .mob_book_btn_div button:first-child {
        margin-left: 0;
        min-width: 80px;
    }

    .left_booking figure {
        flex: 0 0 100px;
    }

    .mob_book_block {
        flex-direction: column;
    }

    .mob_book_details .service__log__title h2 {
        font-size: 22px;
    }

    .mob_booking_param p {
        flex: 1;
        font-size: 12px;
        color: #666;
    }

    .mob_booking_param h5 {
        font-size: 16px;
        color: #222;
        font-family: Roboto-Medium;
    }

    .mob_booking_param > div {
        flex-direction: column;
    }

    .p-24 {
        padding: 10px;
    }

    .mob_guest_dtl_flex {
        flex-direction: row !important;
    }

    .mob_guest_aaa p {
        font-size: 22px;
        font-family: Roboto-Bold;
        color: #222;
    }

    .mob_guest_aaa .book__label__status {
        margin-left: 0 !important;
    }
    .payment-canvas-title-ptb {
        padding-top: 1.6rem !important;
        padding-bottom: 0.6rem !important;
    }

    .fig_details .book_pointers,
    .fig_details .service_date > p {
        font-size: 14px;
    }
    /*Mobile view date picker*/
    input.flatpickr-input.flatpickr-mobile {
        width: 11rem;
        height: 3rem;
        border: 1px solid #222;
        z-index: 99999;
        position: absolute;
        right: 0;
    }

    .mob_cnf_btn {
        margin: 0 1rem;
        position: sticky;
        bottom: 10%;
        left: 50%;
        right: 50%;
        width: 184px;
        transform: translate(-50%, -50%);
    }

    .mud-popover.mud-popover-open {
        opacity: 1;
        transition: opacity;
        right: 3% !important;
        left: auto !important;
    }
    .mob-cancel-guest-title {
        font-size: 22px;
        color: #222;
        padding-bottom: 20px;
        display: block;
    }
}

/*Coupon*/
.hover-btn:hover,
.CouponCode span:hover {
    text-decoration: none;
}

.CouponCodeTitle h2 {
    font-size: 1.125rem;
}

.CouponCodeTitle img {
    width: 1.3rem !important;
    margin-right: 10px;
}

.CouponCode {
    border: 1px solid #e2e2e2;
    border-radius: .375rem;
    padding: 1.875rem 1.5rem;
    margin-top: 30rem;
    width: 40%;
    margin-left: auto;
    position: relative;
}

    .CouponCode p {
        color: red;
    }

    .CouponCode span {
        position: absolute;
        top: 6.5rem;
        right: 2.5rem;
        line-height: 0;
        text-decoration: underline;
        cursor: pointer;
    }

    .CouponCode .cross-btn {
        text-align: left;
        position: absolute;
        right: 3rem;
        top: 0.9rem;
    }

.CouponCodeTitle h2 {
    font-size: 1.125rem;
}

.CouponCodeTitle img {
    width: 1.3rem !important;
    margin-right: 10px;
}

.coupon-logo {
    max-width: 1.5rem;
    max-height: 1.5rem;
}

.coupon-list .coupon-code {
    padding: 0.3125rem 0.625rem;
    border: 1px dashed #666;
    border-radius: 0.25rem;
    cursor: pointer;
}

.coupon-list .saved-money,
.coupon-list .saved-money strong {
    color: #13a180;
    font-size: 14px;
    font-family: Roboto-Bold;
}

.coupon-selected-1 {
    background-color: rgba(19, 161, 128, .1215686275);
    border: 1px dashed #13a180;
    padding: 4px 8px;
    border-radius: 0.25rem;
    align-items: center;
}

.coupon-not-selected-1 {
    border: 1px dashed #222;
    padding: 4px 8px;
    border-radius: 0.25rem;
    align-items: center;
}

.coupon-desc {
    list-style: none;
}

.reason_box .form-check-input:checked {
    background-color: transparent !important;
    border-color: #222 !important;
}

.input-right {
    margin-right: 0.75rem;
    width: 20px;
    height: 18px;
    background-color: #222;
    accent-color: #222;
}

.adult-text {
    font-size: 0.75rem;
    color: #666;
    margin-left: 0.5rem;
}

.notFound {
    margin-top: 10%;
    font-size: 30px;
}

.policy-link {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 0.75rem;
    color: #222;
    text-decoration: underline;
}

/* Start Add Passenger CSS for Custom Dropdown */

/*Country Code - Mobile Section*/

#addPaxcontact_nationality .mdc-select__dropdown-icon,
#addPaxcontact_travellernationality .mdc-select__dropdown-icon {
    width: 18px !important;
    height: 18px !important;
    margin-left: 0px !important;
    margin-right: 12px !important;
    margin-bottom: -4px;
}

#addPaxPlacard_nationality .mdc-menu.mdc-menu-surface,
#addPaxcontact_nationality .mdc-menu.mdc-menu-surface,
#addPaxcontact_travellernationality .mdc-menu.mdc-menu-surface {
    position: absolute !important;
    width: 252% !important;
}

/* End Add Passenger CSS for Custom Dropdown */
/* Common Loadder Button start*/
.snippet {
    position: relative;
    padding: 7px 0;
}

.stage {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -5%;
    overflow: visible;
}

.dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #fff;
    color: #fff;
    animation: dotFlashing 1s infinite linear alternate;
    animation-delay: .5s;
}

    .dot-flashing::before, .dot-flashing::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
    }

    .dot-flashing::before {
        left: -15px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #fff;
        color: #fff;
        animation: dotFlashing 1s infinite alternate;
        animation-delay: 0s;
    }

    .dot-flashing::after {
        left: 15px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #fff;
        color: #fff;
        animation: dotFlashing 1s infinite alternate;
        animation-delay: 1s;
    }

@keyframes dotFlashing {
    0% {
        background-color: #fff;
    }

    50% {
        background-color: #a6a6a6;
    }

    100% {
        background-color: #f2f2f2;
    }
}
/* Common Loadder Button end*/

/*Calendar Design*/

.mud-input-control > .mud-input-control-input-container {
    border: 1px solid #cacaca !important;
    border-radius: 0.5rem !important;
    padding: 0 16px 0 16px;
}

.mud-theme-primary {
    background: #222 !important;
    border-color: #222 !important;
    color: #fff !important;
}

.mud-input.mud-input-underline:after {
    border-bottom: none !important;
}

.mud-input.mud-input-underline:before {
    border-bottom: none !important;
}

.mud-input-label-inputcontrol {
    top: 8px !important;
    left: 16px !important;
    position: absolute !important;
    color: #666 !important;
    font-family: 'Roboto-Regular' !important;
    opacity: 1 !important;
}

.mud-input #datePickerId {
    color: #222 !important;
    font-family: 'Roboto-Medium' !important;
}

.mud-picker-calendar.mud-icon-button {
    padding: 0px !important;
}

.mud-input > input.mud-input-root {
    padding: 9px 0 7px !important;
}

.mud-icon-button-edge-end svg.mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    display: none !important;
}

.mud-icon-button-edge-end span.mud-icon-button-label {
    content: url(../icons/calendar.svg) !important;
    width: 1.8rem !important;
    position: absolute !important;
    right: 1.5% !important;
    top: 4px !important;
    filter: opacity(0.7) !important;
}

.mud-icon-button-edge-end:active {
    background-color: transparent;
}

.mud-icon-button.mud-icon-button-edge-end {
    padding: 22px !important;
    padding-left: 10px !important;
}

/*Calendar Design End*/

/* OTP Screen*/
#otp1:focus-visible {
    border: 2px solid #222 !important;
}

#otp2:focus-visible {
    border: 2px solid #222 !important;
}

#otp3:focus-visible {
    border: 2px solid #222 !important;
}

#otp4:focus-visible {
    border: 2px solid #222 !important;
}

#otp5:focus-visible {
    border: 2px solid #222 !important;
}

#otp6:focus-visible {
    border: 2px solid #222 !important;
}
/*OTP Screen End*/

.highlight {
    background-color: rgb(243, 247, 252);
    cursor: pointer;
}

#addPaxPlacard_nationality .mdc-select__dropdown-icon {
    width: 18px !important;
    height: 18px !important;
    margin-left: 0px !important;
    margin-right: 12px !important;
    margin-bottom: -4px;
}

#addPaxPlacard_nationality .mdc-menu.mdc-menu-surface,
#addPaxPlacard_nationality .mdc-menu.mdc-menu-surface {
    position: absolute !important;
    width: 252% !important;
}

#cancellationModal .modal-content {
    padding: 2.5rem;
}

#cancellationModal .modal-title {
    font-family: Roboto-Bold;
    padding: 22px 0 1px;
}

.cancel-policy thead tr th:first-child {
    width: 5rem;
    background-color: #d1cece24;
    border-right: 0;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

.cancel-policy thead tr th:nth-child(2) {
    border: 1px solid #e6e6e6;
    border-right: 0;
    background-color: #d1cece24;
}

.cancel-policy thead tr th:nth-child(3) {
    width: 16rem;
    border: 1px solid #e6e6e6;
    border-top-right-radius: 0rem;
    background-color: #d1cece24;
}

.cancel-policy thead tr th:nth-child(4) {
    width: 13rem;
    border: 1px solid #e6e6e6;
    border-top-right-radius: 0rem;
    background-color: #d1cece24;
}

.cancel-policy thead th, .cancel-policy tbody td {
    padding: 1rem;
}

.cancelation-Policy-table {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #222;
    text-align: left;
}

#cancellationModal .modal-header .btn-close:hover {
    background-color: #f3f3f3;
    border-radius: 50%;
}

#cancellationModal .modal-header .btn-close, .offcanvas-header .btn-close {
    padding: 0;
    margin: 0 0 12px 0;
    width: 40px;
    height: 40px;
}

#cancellationModal .modal-header {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
}

table.cancel-policy > :not(:last-child) > :last-child > * {
    border-bottom-color: lightgrey;
}

.service__login__box .mdc-list-item:last-child:hover {
    background-color: #f3f3f3;
}

.service__login__box .mdc-list-item.mdc-list-item--selected:hover {
    background-color: rgba(13, 103, 202, 0.05) !important;
}

.service__login__box .mdc-list-item.mdc-list-item--selected::before {
    position: absolute;
    box-sizing: border-box;
    width: 1rem;
    height: 1rem;
    top: 20%;
    left: 82%;
    border: 3px double transparent;
    border-radius: inherit;
    content: url(/images/Check.svg);
    transform: scale(1);
}

.bg_book_active {
    background-color: rgba(13, 103, 202, 0.05);
}

.table__service__inn thead tr td:not(:first-child):hover,
.table__service__inn tbody tr td:not(:first-child):hover {
    cursor: pointer;
}

.btn-primary:active,
.btn:active {
    transform: scale(0.94);
    transition: ease-in 0.2s;
}

.btn-cmn {
    padding: 12px 32px !important;
    border: 1px solid #222 !important;
    border-radius: 40px !important;
    font-family: 'Roboto-Medium' !important;
}

.btn-logt {
    color: #fff !important;
    background-color: #222 !important;
}

.btn-cancel {
    color: #222 !important;
    background-color: #fff !important;
}

/*shimer css start*/
.title {
    width: 40%;
}

.link {
    width: 60%;
}

.description {
    width: 70%;
}

.shimmer {
    padding: 5px;
    max-width: 100%;
    /*height: 120px;*/
    margin: 10px auto;
    background: #ffffff;
    width: calc(100% - 10rem);
}

.bookingshimmer {
    padding: 5px;
    max-width: 100%;
    /*height: 120px;*/
    margin: 10px auto;
    background: #ffffff;
    width: calc(100% - 0rem);
}

.shimmer .image-card {
    height: 90px;
    width: 90px;
    float: right;
    border-radius: 8px;
}

.stroke {
    height: 15px;
    background: #777;
    margin-top: 20px;
}

.wrapper {
    width: 0px;
    animation: fullView 0.5s forwards linear;
}

.d-flex-gap {
    display: flex;
    align-items: center;
    gap: 2rem;
}

@keyframes fullView {
    100% {
        width: 100%;
    }
}

.animate {
    animation: shimmer 3s;
    animation-iteration-count: infinite;
    background: linear-gradient(to right, #e6e6e6 5%, #cccccc 25%, #e6e6e6 35%);
    background-size: 1000px 100%;
}

@keyframes shimmer {
    from {
        background-position: -1000px 0;
    }

    to {
        background-position: 1000px 0;
    }
}
/*shimer css end*/

/*FAQ*/

#left-section {
    width: 300px;
    transition: all .4s ease-in-out;
    position: relative;
}

    #left-section.collapsed {
        width: 1px;
    }

#leftmenu div#v-pills-tab {
    margin-left: -1rem;
}

#toggle-button {
    display: block;
    position: absolute;
    left: -35px;
    top: 0px;
}

#right-section {
    position: relative;
    transition: width 0.3s ease;
    padding: 0 20px;
    background-color: #ffffff;
    width: 100%;
}

figure.faq_figure {
    background-image: url(/images/faq-web.jpg);
    height: 14rem;
    background-position: center right;
    background-size: auto 13.75rem;
    background-repeat: no-repeat;
    margin-bottom: 1.25rem;
    border-radius: .5rem;
}

.icon-services {
    width: 16px;
    cursor: pointer;
    margin-top: -6px;
}

#leftmenu .nav-pills .nav-link.active {
    color: #000 !important;
    background-color: #eef4fb !important;
    font-family: 'Roboto-Bold';
    border-radius: 0;
}

#leftmenu .nav-link {
    color: #222 !important;
    text-align: left;
    padding: .625rem 1.125rem .625rem 0.5rem;
}

#leftmenu .nav-pills .nav-link {
    font-size: 14px;
    padding: 12px 16px;
    line-height: normal;
}

    #leftmenu .nav-pills .nav-link:hover {
        background-color: #f3f3f3;
        border-radius: 0;
    }

#leftmenu {
    width: 300px;
    margin-left: 0.5rem;
}

.mystyle {
    display: none;
}

.faq_sub_section .accordion-button::after {
    background-image: url(/images/plus-sign.svg) !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: auto;
    background-repeat: no-repeat;
    background-size: 1.75rem;
}

.faq_sub_section .accordion-button:not(.collapsed)::after {
    background-image: url(/images/minus-sign.svg) !important;
}

.faq_sub_section .accordion-item .accordion-button:hover {
    background-color: #f3f3f3;
}

.faq_sub_section .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.faq_sub_section .accordion-button:focus {
    box-shadow: none;
}

.faq_sub_section .accordion-button:not(.collapsed) {
    color: #222;
    font-size: 1rem;
    font-weight: 500;
}

.ripple-button {
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
}

    .ripple-button:focus {
        outline: none;
    }

.table-bordered > :not(caption) > * > * {
    border-width: 0 1px;
}

.ripple {
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    animation: ripple-animation 600ms linear;
    background: rgba(255, 255, 255, 0.5);
    pointer-events: none;
}

.faq_sub_section .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    font-family: 'Roboto-Medium' !important;
}

.faq_sub_section .accordion:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
}

.ul li {
    list-style: none;
}

.static-Page {
    color: #222;
    font-size: 16px;
}

.pkg-taxes {
    padding-top: 16px;
    /*padding-left: 20px;*/
    font-family: 'Roboto';
    font-size: 13px;
    line-height: 18px;
    color: #666;
}

.enclam-GRO {
    height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    padding: 16px 24px;
    border-radius: 8px;
    background-color: #f4f9ff;
    margin-top: 40px;
}

.encalm-GRO-L1 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222;
}

.encalm-GRO-L2 {
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.Manual-FLG {
    font-size: 14px;
    color: #f21010;
    padding: 0px 10px 0px 0px;
}

.failed-refund-strip {
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    padding: 16px 24px;
    border-radius: 8px;
    background-color: #FDF5EC;
    margin-top: 40px;
}

.failed-refund-text {
    font-size: 14px;
    font-weight: normal;
    color: #222222;
}


.forgot-code-strip {
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    padding: 16px 24px;
    border-radius: 8px;
    background-color: #F4F9FF;
    margin-top: 40px;
}

.custom-validation-message-show {
    font-size: 14px;
    display: block
}

.custom-validation-message-hide {
    font-size: 14px;
    display: none
}

.instruction {
    margin-bottom: 10px;
    padding-left: 16px;
    text-indent: -10px;
}

.bullet:before {
    content: "• ";
    color: #222;
}

.forgot-code-strip-1 {
    padding: 16px;
    border-radius: 8px;
    background-color: #F4F9FF;
}

.btn-box-link {
    border-radius: 24px;
    border: solid 1px #222;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}

.btn-border-black-box {
    background-color: #222;
    color: #fff;
}

.travel_cat_sub {
    border: 1px solid #e2e2e2;
    padding: 1rem;
    border-radius: 0.5rem;
}

.failed-refund-strip-1 {
    padding: 8px 16px;
    border-radius: 8px;
    background-color: #fef6ea;
}

.book-disabled {
    border: 1px solid #e1e1e1;
    background-color: #fff;
    padding: 8px 36px;
    border-radius: 40px;
    color: #e1e1e1;
}

.page-modal.show {
    display: block;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 37px;
}

.modal-body {
    padding-top: 0;
    padding-bottom: 0;
}

.heading h2,
.pass-name h2,
.pageContent h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
    letter-spacing: 0.2px;
    font-family: 'Roboto-bold', sans-serif;
    line-height: normal;
}

.page-modal .form-buttons {
    padding-top: 1.875rem;
}

    .page-modal .form-buttons button {
        width: 255px;
        outline: none;
        border: 1px solid #222;
        box-shadow: none;
    }

button.orange-button {
    background-color: #222;
    color: #fff;
}

.form-buttons button:not(:last-child) {
    margin-right: 1rem;
}

.form-buttons button:disabled {
    background-color: #ccc;
    border-color: #ccc;
    color: #ffffff;
}

.form-buttons .primary-btn {
    background-color: #0d67ca;
    border-color: #0d67ca;
    color: #ffffff;
}

    .form-buttons .primary-btn:hover {
        background-color: #e67225;
        color: #ffffff;
    }

.form-buttons .secondary-btn {
    border-color: #222222;
}

    .form-buttons .secondary-btn:hover {
        background-color: #f3f3f3;
        border-color: initial;
    }

.form-buttons button {
    /* min-width: 11.7rem; */
    font-size: 1rem;
    padding: 0.875rem 1rem;
    border-radius: 2.5rem;
}

/************/
@media (min-width: 992px) {

    .ml--8-web {
        margin-left: -8px !important;
    }

    .font-bold-web {
        font-family: Roboto-Bold;
    }

    .successfullPopup.page-modal {
        width: 480px !important;
    }

    .font-bold-web {
        font-family: 'Roboto-Bold';
    }
    .d__none__web {
        display: none !important;
    }

    .mt-md-40 {
        margin-top: 2.5rem;
    }

    .font_14_web {
        font-size: 14px;
    }
    .font_16_web {
        font-size: 16px;
    }

    .font_18_web {
        font-size: 18px;
    }

    .font_22_web {
        font-size: 22px;
    }

    .font_28_web {
        font-size: 28px;
        color: #222;
    }

    .font_20_web {
        font-size: 20px;
        color: #222;
    }

    .padding_web {
        padding: 28px 24px;
    }

    .pb_24 {
        padding-bottom: 24px;
    }

    .pt-100-web {
        padding-top: 100px !important;
    }

    .mb_8_web {
        margin-bottom: 8px !important;
    }

    .mt-12-web {
       margin-top: 12px !important;
    }

    .mb_16_web {
        margin-bottom: 16px !important;
    }

    .mt-32-web {
       margin-top: 32px;
    }

    .mb_72_web {
        margin-bottom: 72px !important;
    }

    .mb_24 {
        margin-bottom: 24px !important;
    }

    .color_333 {
        color: #333;
    }

    .booking_btn {
        border-radius: 40px;
        padding: 8px 38px;
    }

    .travel_box_in_img img {
        width: auto;
        height: 167.9px;
        flex-grow: 0;
    }

    .travel_category {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 24px;
    }

    .travel_icon_figure {
        border-radius: 8px;
        overflow: hidden;
        position: relative;
    }

    .container-1 {
        max-width: calc(100% - 208px);
        margin: 0 auto;
    }

    .ok-btn-fgt {
        padding: 14px 40px;
        width: 180px;
    }

    .pkg-taxes {
        padding-left: 0 !important;
    }
    .border-radius-12-web {
        border-radius: 12px !important;
    }
}

.ok-btn-fgt:hover {
    color: #fff !important;
}

@media (max-width: 668px) {

     #cancellationModal table tbody tr td p {
       font-size: 13px !important;
    }

    .mob-btn-black {
        margin: 0 auto;
        position: sticky;
        bottom: 10%;
        width: 184px;
    }

    .contact-det-mob {
        font-size: 22px !important;
        margin-bottom: 0.9rem !important;
    }

    .line-1-mob {
        height: 6px;
        background-color: #f8f8f8;
        width: 100%;
        left: 0;
        position: relative !important;
        margin: 1.2rem 0 1.4rem 0;
    }

    .line-2-mob {
        height: 6px;
        background-color: #f8f8f8;
        width: 100%;
        left: 0;
        position: relative !important;
        margin: 1.2rem 0 1.4rem 0;
    }
    .line-3-mob {
        height: 6px;
        background-color: #f8f8f8;
        width: 100%;
        left: 0;
        position: relative !important;
        margin: 0 0 0.4rem 0;
    }

    .line-4-mob {
        height: 6px;
        background-color: #f8f8f8;
        width: 100%;
        left: 0;
        position: relative !important;
        margin: 1.8rem 0 0.4rem 0;
    }

    .failed-refund-strip-mob {
        padding: 8px 16px;
        border-radius: 8px;
        background-color: #fef6ea;
    }

    .font_12_mob {
        font-size: 12px !important;
    }

    .font_10_mob {
        font-size: 10px !important;
    }

    .font_14_mob {
        font-size: 14px;
    }

    .font_18_mob {
        font-size: 18px;
    }

    .font_20_mob {
        font-size: 18px;
        color: #222;
    }

    .font_22_mob {
        font-size: 22px !important;
        color: #222;
    }

    .padding_mob {
        padding: 1rem;
    }

    .mb_6_mob {
        margin-bottom: 6px !important;
    }

    .mb_16 {
        margin-bottom: 16px !important;
    }

    .mb_20_mob {
        margin-bottom: 20px !important;
    }

    .mb_26_mob {
        margin-bottom: 26px !important;
    }


    .color_222 {
        color: #222;
    }

    .booking_btn {
        border-radius: 48px;
        padding: 8px 36px;
    }

    .travel_cate_sub {
        flex-direction: column;
    }

    .travel_icon_width {
        width: 100%;
    }

    .travel_icon_figure {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        overflow: hidden;
        position: relative;
    }

    .travel_box_in_detail {
        padding: 1rem 1rem 1.6rem;
        width: 100%;
        border-left: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        border-top: none;
        line-height: normal;
        border-end-start-radius: 8px;
        border-end-end-radius: 8px;
    }

        .travel_box_in_detail label {
            flex: 1 0 20%;
            height: 24px;
            text-align: center;
        }

    .travel_cate_sub {
        border: none !important
    }

    .travel_box_in_detail h5 {
        flex: 1 0 60%;
    }

    .padding_0_mob {
        padding: 0 !important;
    }

    .container-1 {
        max-width: calc(100% - 40px);
        margin: 0 auto;
    }

    .pkg-taxes {
        padding-left: 20px !important;
    }
    .border-radius-8-mob {
        border-radius: 8px !important;
    }
    #right-section {
        padding: 0 8px !important;
       
    }
    .cancel-head-sticky {
      position: sticky;
      top: 0;
    }
}

@media (max-width: 991px) {

    .font-regular-web {
        font-family: Roboto-Regular;
    }

    .successfullPopup.page-modal {
        width: auto !important;
    }

    .ok-btn-fgt {
        padding: 14px 40px;
        width: 100%;
    }

    .mb_32_mob {
        margin-bottom: 32px !important;
    }

    .badge-free {
        border: 0;
        position: absolute;
        top: 30px;
    }

    .travel_cat_sub {
        border: unset;
        padding: unset;
        border-radius: unset;
    }
}

.pb-32 {
    padding-bottom: 2rem;
}

.travel_cate_sub {
    display: flex;
    column-gap: 1rem;
    align-items: center;
}

.black_clr {
    color: #222 !important
}

.font_16 {
    font-size: 1rem !important;
}
.font_18 {
    font-size: 18px !important;
}

.booking_btn {
    text-decoration: none;
    color: #222;
    border: 1px solid #222;
    cursor: pointer;
}

.travel_box_in_detail {
    flex: 1;
}

    .travel_box_in_detail label {
        border: 1px solid #13a180;
        background-color: #13a180;
        color: #fff;
        padding: 6px 12px;
        border-radius: 1.2rem;
        text-transform: uppercase;
        flex: 0 0 auto;
    }

.dot {
    margin: 0 8px;
    width: 4px;
    height: 4px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 3px;
}

.top-header-str p {
    line-height: normal;
}

.top-header-str {
    border: 1px solid #d83632;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: #d83632;
}

.white_clr {
    color: #fff;
}

.booking_btn:hover {
    background-color: #f3f3f3;
    color: #222;
}

.dropdown-item-disabled {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    opacity: .38;
}

.Terms {
    font-size: 14px;
    line-height: 1.71;
    color: #666;
}

.PoweredAdaniOne {
    width: 165px;
    height: 24px;
    flex-grow: 0;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #666;
}

.loginBottomText {
    margin-top: 72px;
}
.d--none {
    display: none !important;
}
.mat-calender-field .mud-input-label {
    font-family: inherit !important;
}