@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;
}

.visa__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__14__555 {
    font-size: 14px;
    color: #555;
}

.font__14__666 {
    font-size: 14px;
    color: #666;
}
.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;
    font-family: 'Roboto-Bold';
}
.font__32__222__bold {
    font-size: 32px;
    color: #222;
    font-family: 'Roboto-Bold';
}

.font__40__222{
    font-size: 40px;
    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;
}
.color_green{
    color: #18aa26;
}

.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,
.visa__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;
}

.visa__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;
}

.visa__login__box .sub-heading .black_link {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}
.visa__login__box .black_link:hover, a.black_link:hover {
    text-decoration: none;
    color: #222;
}

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

.visa__header__main {
    padding: 1.3125rem 0;
}

.visa__header--left {
    display: flex;
    flex: 1 0 20%;
}

.visa__header--right {
    display: flex;
    align-items: center;
    gap: 2.3rem;
    flex: 1 0 30%;
    justify-content: end;
}
    .visa__header--right > p {
        padding: 0.38rem 1rem;
        font-size: 16px;
        color: #333;
    }
.head_pd_hvr:hover{
    background: #f3f3f3;
    border-radius: 1.25rem;
}

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

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

.visa__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: 20px; */
    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: 1.25rem; */
    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;
}
/* 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: 10;
    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,
.visa__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;
}
.visa__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;
}

.visa__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.visa__footer {
    padding: 2rem 6.5rem;
    background-color: #f9f9f9;
    font-size: 0.875rem;
    color: #666;
}

    footer.visa__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;
    /*margin-left: 26%;*/
}

.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: 420px;*/
        width: 380px;
    }

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

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

    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: 20px;*/
    /* padding: 34px 20px; */
    /*border-top-right-radius: 8px;*/
    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: 6.375rem !important; */
    margin-bottom: 0 !important;
    line-height: normal !important;
    text-align: center;
    color: #222;
}
.price-info {
    /* margin-top: 6rem; */
    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: 2rem;
    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% / 3);
    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;
    }

.visa__login__left,
.visa__login__right {
    flex: 0 0 50%;
}

    .visa__login__right img {
        height: 100vh;
        object-fit: cover;
        object-position: bottom;
    }

/* .visa__login__left {
    padding: 120px 160px 120px 120px;
} */

.visa__login__logo {
    width: 108px !important;
}

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

.visa__login__box {
    /* padding-top: 120px; */
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
    max-width: 60%;
    padding-top: 7.5rem;
   
}
.visa__box__logo{
    /* position: relative;
    top: -120px; */
    padding-bottom: 120px;
  }

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

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

.visa__login__input {
    padding-bottom: 12px;
}

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

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

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

.visa__login__box .form-control {
    border: none;
    /* width: min(30vw, 16rem); */
    /* width: min(12vw, 100%, 30rem); */
}

.visa__login__box .input-group {
    border: 1px solid #cacaca;
    border-radius: 8px;
}
/*.visa__login__box .input-group:hover {
    border: 1px solid #222;
}*/
input#login__mobile__input{
    border: none !important;
}

.visa__login__box .inner__input {
    width: 100px;
}

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

#visaCheck,
#visaCheck__1 {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}

    #visaCheck:checked,
    #visaCheck__1:checked {
        background-color: #333;
        border-color: #333;
        box-shadow: none;
    }

    #visaCheck:focus,
    #visaCheck__1:focus {
        border-color: #333;
        box-shadow: none;
    }
/* span.spanAgree {
    margin-left: 12px;
} */

.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 {
    /*    width: 36rem !important;*/
    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-calendar {
    margin-left: 0.1rem !important;
    top: unset !important;
    left: unset !important;
    margin-top: 0.625rem !important;
} */
.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;
    /* margin-left: 1rem; */
    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;
    /* margin-right: 1rem; */
    position: relative;
    cursor: pointer;
  }
  .btn-remove:disabled {
    opacity: 0.2 !important;
  }
  .login__page__radio .radio-outer .input-radio{
    width: 18px;
    height: 18px;
  }
  .visa__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;
    /*padding: 10px;*/
    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;
    /* min-height: calc(100vh - 200px); */
}
.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;
}
.visa__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;
}
.visa__login__box .form-control {
   /* border: 1px solid transparent !important;*/
    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: #eff4fa; */
    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) {
    /* width: 12.875rem !important; */
    min-width: 12.875rem !important;
}
.price-detail-block {
    position: sticky;
    top: 4rem;
    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) {
        /* width: 12.875rem !important; */
        min-width: 16.875rem !important;
    }
    .visa__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;
    }

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

    .visa_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-40-web {
        padding-top: 40px;
    }
    .pt-80-web {
        padding-top: 80px;
    }

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

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

    .service__login {
        /* min-height: 100dvh; */
        padding-bottom: 40px;
        padding-top: 120px !important
    }
    .bin_box {
        max-width: 620px;
        margin: 6% auto;
        /* min-height: 100vh; */
    }

    .table__service__inn thead {
        position: sticky;
        top: 76px;
        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;
    }
}

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

    .visa__login__box {
        
        padding-top: 3.5rem;
    }
    .visa__box__logo {
        padding-bottom: 60px;
    }
    .visa__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: 3.375rem; */
    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) {

        .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 .mud-day {
            width: 52px !important;
            height: 52px !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;
          }
          #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%, 76vh) !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;
        }
        /* .bin_box {
            min-height: calc(100vh - 18rem);
        } */
        .visa__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: 5.5rem !important; */
            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;
        }
        .visa_email_input label {
            padding-top: 16px;
        }
        /* .visa_email_input input {
            height: 60px !important;
        } */
        .visa__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 .visa__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;
    }

    .visa__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;
    }

    .visa__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;
    }

    .visa__login__box {
        max-width: 100%;
    }

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

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

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

    .visa__box__logo {
        /* position: relative;
        top: -52%; */
        position: absolute;
        top: 3%;
    }

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

    .visa__login__logo {
        width: 86px !important;
    }

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

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

    .visa__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-3-mob {
        margin-top: -3rem !important;
    }
    .ml-2-mob{
        margin-left: 2px !important;
    }
    .mb-5-mob {
        margin-bottom: 5px !important;
    }
    .ml--8-mob {
        margin-left: -8px !important;
    }
    .ml--12-mob {
        margin-left: -12px !important;
    }
    .mb-16-mob {
        margin-bottom: 16px !important;
    }
    .ml-16-mob{
        margin-left: 16px !important;
    }
    .mt-20-mob {
        margin-top: 20px !important;
    }
   
    .mb-20-mob {
        margin-bottom: 20px !important;
    }
    .mb-24-mob {
        margin-bottom: 24px !important;
    }
    .mt-40-mob {
        margin-top: 40px;
    }
    .mb-48-mob {
        margin-bottom: 48px;
    }

    .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-8-mob {
        padding-top: 8px !important;
    }
    .pt-12-mob {
        padding-top: 12px !important;
    }
    .pt-16-mob {
        padding-top: 16px !important;
    }
    .pr-16-mob {
        padding-right: 16px !important;
    }
    .pt-24-mob {
        padding-top: 24px !important;
    }
    .pb-28-mob {
        padding-bottom: 28px !important;
    }
    .pt-32-mob {
        padding-top: 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;
    }

    .bin_box {
        margin: 8% 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 span img{
    transform: rotate(-90deg);
    width: 9px;
    margin: -2px 8px 0;
    } */

    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 1rem;
}
#faq_canvas .offcanvas-body{
    padding: 0.5rem 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;
        }
        .c-detail-text:before {
            height: 8px;
            width: 100%;
            background-color: #f8f8f8;
            content: '';
            margin: 0.4rem 0 2rem 0;
            transform: scaleX(1.04);
        }
        .price__summary:before {
            height: 8px;
            width: 100%;
            background-color: #f8f8f8;
            content: '';
            margin: 2rem 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: 1.375rem;
        }
        .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 {
            /* height: 8px;
            width: 100%;
            background-color: #f8f8f8;
            content: '';
            margin: 1rem 0 2rem 0;
            display: block; */
            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{
            margin-bottom: 30px;
        }
        .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;
           
        }
        .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;
        }
        .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: 0;
        }
        .mud-popover.mud-popover-open {
            opacity: 1;
            transition: opacity;
            right: 3% !important;
            left: auto !important;
            
        }
   }

/*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-left: 36%;*/
    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 {
    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 {
    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: hidden; */
    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-picker-calendar-day:hover {
    background-color: transparent !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 !important;
}
#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;
    /* border-top-left-radius: 1rem; */
}

.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 th, .cancel-policy tbody td {
    /* padding: 16px 10px 16px 10px; */
    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:first-child {
    background-color: rgba(13, 103, 202, 0.05);
}*/
.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/MumbaiAirportFAQ-Web.jpg);
    height: 13.75rem;
    background-position: top 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;
}

.custom-validation-message-show {
    font-size: 14px;
    display: block
}

.custom-validation-message-hide {
    font-size: 14px;
    display: none
}