/*--Cart New css -Start-*/



.car_blank .cart_text {
    font-weight: 500;
    font-size: 34px;
    line-height: normal;
}



.car_blank p {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    margin: 0;
}



.car_blank .des {
    font-weight: 300;
    font-size: 14px;
    line-height: normal;
    margin: 0 0 10px;
    color: var(--all-text-third);
}

.nocart .nocart_img, .cart_box_wrapper .nocart_img {
    max-width: 190px;
    height: auto;
}

/*--Cart New css -End-*/



.service_menu li.Active a .menu_icon {
    filter: brightness(.5) invert(1)
}

.image_section_login {
    display: flex;
    gap: 30px;
    position: absolute;
    left: 50%;
    top: 145px;
    transform: translate(-50%,0);
    max-width: 1330px;
    justify-content: flex-end;
    width: 100%
}

.login_button, .or {
    position: relative;
    text-align: center
}

.form-group_Wrapper {
    max-width: 100%;
    background: var(--color);
    padding: 25px;
    border-radius: 10px
}

    .form-group_Wrapper .login_input {
        padding: 0 10px 0 50px;
        background: 0 0;
        background-color: var(--border-color);
        border-radius: 22px;
        height: 45px;
        line-height: 60px;
        width: 100%;
        border: none
    }

    .form-group_Wrapper .login_text {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 20px
    }

.from-group-input, .sidebar_loginform {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.justify-space-between {
    justify-content: space-between
}

.login_input {
    font-weight: 300;
    height: 45px;
    display: block;
    width: 100%;
    padding: 0 40px 0 10px;
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    background: #f5f5f5;
    color: #333
}

.guest_acc a:first-child, .login_button, .profile_menu > li > a.regg_btn {
    background: var(--btn-bg)
}

.login_input::placeholder {
    color: #333
}

.login_button {
    font-weight: 700;
    font-size: 16px;
    display: block;
    cursor: pointer;
    border-radius: 8px;
    color: var(--color);
    padding: 0 20px;
    width: 100%;
    line-height: 47px;
    transition: .3s;
    margin: 0 auto;
    border: none;
    text-transform: capitalize;
    overflow: hidden
}

.cart_s_div, .foter_title, .newsletter-btn, ul.resocial a, ul.sidebar_login_wrapper > li > a {
    text-transform: uppercase
}

.sidebar_loginform_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    margin-top: 10px;
    border-top: 1px dashed #ddd
}

.guest_acc, footer.footer-areawe {
    border-top: 1px solid var(--border-color)
}

.btn-two-bg {
    background: var(--btn-two-bg)
}

.or {
    font-size: 14px;
    font-weight: 300;
    color: var(--all-text-third);
    display: -webkit-flex;
    display: -ms-flexbox;
    margin: 20px 0;
    justify-content: center;
    border-bottom: 1px dashed grey
}

    .or > span {
        position: absolute;
        top: -8px;
        background-color: #fff;
        padding: 0 15px
    }

.email_icon, .login_input_icon, .phone_icon_l {
    position: absolute;
    top: 12px;
    left: 12px;
    background-position: -473px -209px;
    width: 24px;
    height: 24px;
    float: left
}

.Credit_dtl span:last-child, .removecart {
    float: right
}

.password_icon {
    background-position: -513px -210px
}

.login_from {
    position: relative
}

.make-flex.input_check_box.justify-space-between a {
    color: var(--active-menu);
    font-size: 14px;
    font-weight: 300
}

.sidebar-title-des {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 10px
}

.sidebar_loginform_social {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
    margin-bottom: 0
}

.f_social, .modal-dialog-login .tab-pane.active {
    display: block
}

.sidebar_loginform_social li {
    font-size: 16px;
    line-height: 21px;
    border-radius: 2px;
    color: #393939;
    cursor: pointer;
    background: #fff;
    box-shadow: rgb(0 0 0 / 2%) 0 0 12px;
    width: 100%
}

    .sidebar_loginform_social li a {
        display: flex;
        justify-content: center;
        column-gap: 10px;
        padding: 5px 10px;
        align-items: center;
        font-weight: 400;
        font-size: 16px;
        background: var(--color);
        border: 1px solid var(--border-color);
        border-radius: 5px
    }

.f_social {
    width: 35px;
    height: 35px
}

.google_icon {
    background-position: -316px -420px;
    transform: scale(.7)
}

.Facebook_icon {
    background-position: -367px -422px;
    transform: scale(.7)
}

.sidebar_login_verified, .sidebar_loginform_float_two {
    display: flex;
    column-gap: 10px
}

.sidebar_floating-label.Country_code {
    max-width: 110px
}

.sidebar_floating-label {
    flex: 1;
    position: relative
}

.select_code {
    line-height: 25px;
    position: absolute;
    width: 110px;
    z-index: 1;
    font-size: 16px;
    padding: 10px 18px;
    height: 45px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    pointer-events: none;
    background: #f5f5f5
}

.sidebar_login_first, .sidebar_login_secound {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.sidebar_login_verifymobile {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
    padding-right: 15px
}

.sidebar_login_verifymobile_title {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000;
    text-align: center
}

.sidebar_login_verifymobile p {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: var(--all-text-main);
    margin-top: 0;
    margin-bottom: 33px
}

.sidebar_login_verifymobile .otp_field {
    flex-direction: row;
    column-gap: 7px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .sidebar_login_verifymobile .otp_field .otp-input {
        height: 50px;
        width: 50px;
        border-radius: 4px;
        outline: 0;
        font-size: 24px;
        text-align: center;
        border: 1px solid var(--border-color)
    }

    .sidebar_login_verifymobile .otp_field .otp-input_emailMobileOTP {
        height: 45px;
        width: 42px;
        border-radius: 6px;
        outline: 0;
        font-size: 1.125rem;
        text-align: center;
        border: 1px solid #ddd
    }

.sidebar_login_verified a {
    font-size: 14px;
    line-height: 21px;
    background: var(--btn-two-bg);
    color: #fff;
    padding: 5px 10px;
    border-radius: 6px;
    display: block
}

.sidebar_login_verifymobile .login_button {
    background: #fff;
    border: 1px solid var(--btn-two-bg);
    color: var(--btn-two-bg);
    line-height: 35px
}

.input_check_box_div {
    margin-top: 24px
}

    .input_check_box_div label {
        margin-bottom: 0;
        cursor: pointer;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: var(--all-text-main);
        padding-left: 0
    }

.sidebar_signeup_upertext {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
    line-height: 22px
}

.Credit, .cart_title, .nocart, .ticket_no {
    font-weight: 600
}

.login_drawer, .modal-dialog-login .tab-pane {
    display: none
}

ul.sidebar_login_wrapper > li.active {
    color: var(--btn-bg);
    border-bottom: 2px solid
}

.sidebar_signeup_upertext > span {
    font-size: 14px;
    line-height: 18px;
    display: flex;
    font-weight: 200;
    margin-top: 10px
}

.sidebar_signeup_upertext > p {
    margin: 0 0 10px
}

ul.sidebar_login_wrapper {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    column-gap: 10px
}

    .footer_col, ul.sidebar_login_wrapper > li, ul.wallet_tab li {
        flex: 1
    }

        ul.sidebar_login_wrapper > li > a {
            display: flex;
            height: 60px;
            align-items: center;
            font-weight: 400;
            font-size: 14px;
            justify-content: center;
            padding: 10px;
            color: #333
        }

.header_block {
    position: fixed;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
    background: var(--top-header)
}

.darkHeader {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.12)
}

.header_section {
    display: flex;
    justify-content: flex-start;
    border-radius: 0;
    transition: .5s;
    min-height: 80px;
    max-width: 1330px;
    margin: 0 auto 5px;
    align-items: center;
    padding: 10px 0;
    width: calc(100% - 15px);
    column-gap: 25px
}

.logo_section {
    min-width: 70px
}

a.logo_display {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 0
}

    a.logo_display img {
        object-fit: contain;
        max-width: 166px;
        max-height: 44px;
        transition: .5s;
        width: 100%
    }

.menu_section {
    margin-left: auto
}

.profile_menu {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    column-gap: 15px;
    justify-content: flex-end
}

    .profile_menu li .link_triger, .profile_menu > li > a {
        padding: 0 8px;
        font-size: 14px;
        font-weight: 400;
        position: relative;
        z-index: 1;
        white-space: nowrap;
        display: flex;
        align-items: center;
        column-gap: 5px;
        transition: .3s;
        line-height: normal;
        cursor: pointer;
        color: #333
    }

        .profile_menu li .link_triger:hover, .profile_menu > li > a:hover, .usefull_link li a:hover, ul.resocial a:hover {
            color: var(--active-menu)
        }

        .profile_menu > li > a.h_buttton.reg_btn {
            padding: 0 10px 0 0
        }

        .profile_menu > li > .link_triger.h_buttton, .profile_menu > li > a.h_buttton {
            line-height: 37px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            column-gap: 5px;
            color: #fff;
            position: relative;
            padding: 0 10px;
            border-radius: 8px;
            background: var(--btn-bg);
            overflow: hidden
        }

        .profile_menu > li > a.regg_btn {
            line-height: 32px;
            border-radius: 5px;
            border: 1px solid var(--btn-bg);
            color: #fff;
            padding: 0 9px
        }

.partner_icon, .reg_icon {
    width: 24px;
    height: 24px;
    background-position: -194px -49px
}

.service_toggal {
    width: 13px;
    height: 10px;
    background-position: -674px -470px
}

.wallte_icon {
    width: 19px;
    height: 20px;
    background-position: -34px 0
}

.menu_left .profile_menu li .link_triger, .menu_left .profile_menu > li > a {
    background: 0 0
}

ul.dropdown-content.menu_search li a {
    display: flex;
    align-items: center;
    column-gap: 7px
}

.arrow_h_icon {
    width: 10px;
    height: 10px;
    background-position: -705px -472px
}

.service_h_icon {
    width: 10px;
    height: 10px;
    background-position: -736px -472px
}

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

.dropdown-content {
    display: block;
    position: absolute;
    background: #fff;
    min-width: 200px;
    top: 110%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    -webkit-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -ms-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .4s ease-out;
    z-index: 99;
    border-radius: 8px;
    box-shadow: var(--box-shadow);
    margin-top: 0
}

.dropdown:hover .dropdown-content {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.dropdown-content-credit {
    width: 265px;
    padding: 0
}

.dropdown-content > li {
    margin: 0;
    display: block;
    width: 100%;
    float: left
}

    .dropdown-content > li > a {
        color: #333;
        text-decoration: none;
        display: block;
        line-height: 40px;
        padding: 0 10px;
        -webkit-transition: .3s;
        transition: .3s;
        font-weight: 500;
        white-space: nowrap;
        cursor: pointer
    }

.guest_acc a, .service_menu > li > a {
    padding: 0 20px;
    white-space: nowrap
}

.dropdown-content > li > a:hover {
    padding-left: 15px;
    color: var(--hover)
}

.side_d_menu .mobile_menu_list li a, ul.mobile_s_menu li a {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 0;
    color: var(--all-text-main);
    column-gap: 8px
}

.help_iocn {
    width: 16px;
    height: 16px;
    background-position: -29px -10px
}

.your_booking {
    width: 17px;
    height: 16px;
    background-position: -56px -10px
}

.bell_icon, .cart_icon {
    position: relative;
    width: 40px;
    height: 30px;
    line-height: inherit !important;
    background-position: -225px -44px
}

.bell_icon {
    background-position: -97px 5px;
    width: 30px
}

.ticket_no {
    text-align: center;
    color: var(--all-text-third);
    text-decoration: underline;
    cursor: pointer
}

.cartcount, .count_bell {
    position: absolute;
    top: -5px;
    z-index: 9;
    border-radius: 50%;
    right: 12px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 17px;
}

.guest_acc {
    display: flex;
    justify-content: center;
    column-gap: 15px;
    padding-top: 10px
}

    .guest_acc a:last-child {
        background: var(--btn-two-bg);
        color: var(--color-two)
    }

    .guest_acc a {
        line-height: 45px;
        border-radius: 3px;
        transition: .4s;
        color: var(--color)
    }

.service_menu {
    display: flex;
    align-items: center;
    column-gap: 15px;
    position: relative;
    overflow: auto;
    border-radius: 10px 10px 0 0;
    z-index: 1;
    justify-content: center;
    max-width: 1330px;
    width: calc(100% - 15px);
    margin: -12px auto -23px
}

    .service_menu > li > a {
        line-height: 36px;
        color: var(--all-text-main);
        font-weight: 400;
        font-size: 14px;
        text-align: center;
        display: flex;
        align-items: center;
        column-gap: 7px;
        width: 100%;
        min-width: 125px;
        border-radius: 8px;
        border: 1px solid var(--other-bg);
        background: var(--other-bg);
        justify-content: center;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .service_menu li.Active a {
        background: var(--active-menu);
        color: var(--color-two);
        border: 1px solid var(--active-menu)
    }

.Credit, ul.wallet_tab li a {
    border-radius: 8px;
    font-size: 14px
}

.menu_icon {
    width: 22px;
    min-width: 22px;
    height: 22px
}

.hotel_menu_icon {
    background-position: -19px -51px
}

.flight_menu_icon, .fligt_hotel_menu_icon {
    background-position: -115px -132px
}

.tour_menu_icon {
    background-position: -54px -51px
}

.rent_menu_icon {
    background-position: -158px -50px
}

.transfer_menu_icon {
    background-position: -90px -51px
}

.package_menu_icon {
    background-position: -123px -51px
}

.visa_menu_icon {
    background-position: -579px -48px
}

.build_menu_icon {
    background-position: -711px -304px
}

.modal-dialog-login .modal-body {
    padding: 20px
}

.modal-dialog-login {
    max-width: 558px
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.Credit {
    padding: 0 5px;
    background: var(--btn-bg);
    color: var(--color);
    display: flex;
    column-gap: 5px;
    align-items: center;
    justify-content: center;
    max-width: 215px;
    margin: 0 auto;
    line-height: 40px;
    cursor: pointer
}

i.fa.fa-refresh.refreshlimit {
    margin-left: 10px
}

.fa-refresh:before {
    content: "\f021"
}

.Credit_color {
    padding: 15px;
    color: #000;
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.Credit_dtl {
    display: block;
    width: 100%;
    line-height: 25px;
    padding: 0;
    align-items: center;
    white-space: nowrap
}

ul.wallet_tab {
    display: flex;
    padding: 15px;
    gap: 10px
}

.Credit_colord {
    padding: 15px
}

ul.wallet_tab li a {
    color: var(--Text-text-body,#2e2e32);
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    display: block;
    text-align: center;
    background: #f6f8fa
}

ul.wallet_tab li.active a {
    border: 1px solid var(--active-menu);
    background: #fff
}

.cart_drawer {
    position: fixed;
    width: 100%;
    top: 0;
    right: -465px;
    z-index: 999;
    background: #fff;
    transition: 1s;
    padding: 24px 32px 135px;
    max-width: 465px;
    border-radius: 16px 0 0 16px;
    box-shadow: 0 8px 22px 0 rgba(0,0,0,.07)
}

.nocart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
    font-size: 15px;
    text-align: center
}

.cart_price_justi, .cart_title {
    justify-content: space-between
}

.cart_maincom {
    max-height: calc(100vh - 140px);
    overflow-x: auto
}

.cart_none {
    font-size: 24px;
    padding: 0 10px;
    color: var(--all-text-sub);
    cursor: pointer
}

.cart_title {
    color: var(--all-text-main);
    line-height: 40px;
    margin-bottom: 32px;
    display: flex;
    font-size: 24px;
    font-style: normal
}

.service_name_cart, .usefull_link li a, ul.resocial a {
    color: var(--all-text-sub)
}

.cart_opcity {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    visibility: hidden;
    background-color: rgba(0,0,0,.8)
}

.fa-shopping-cart {
    font-size: 30px
}

    .fa-shopping-cart::before {
        content: "\f07a"
    }

.cart_block {
    display: flex;
    position: relative;
    border: 1px solid var(--btn-two-bg);
    padding: 8px;
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 8px;
    flex-direction: column
}

.service_name_cart {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 5px
}

.fa-trash-o:before {
    content: "\f014"
}

.trash-o-icon {
    width: 20px;
    height: 20px;
    background-position: -660px -357px;
    display: block
}

.Service_wise_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color: var(--btn-two-bg);
    margin-bottom: 16px
}

.removecartnew {
    font-size: 22px;
    color: red;
    font-weight: 600;
    cursor: pointer
}

.cart-img {
    display: flex;
    width: 100%
}

    .cart-img img {
        width: 100px;
        height: 134px;
        object-fit: cover;
        border-radius: 4px;
        flex-shrink: 0
    }

.transfer-img {
    object-fit: contain !important
}

.cart-img .cart_serviceName_fix {
    width: 100%;
    margin-left: 10px;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    flex-direction: column;
    display: flex
}

.cart-img .cart_serviceName .service_name_cart {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    line-height: 15px
}

.cart-img .cart_serviceName .service_detail {
    color: #7c7c7c;
    font-weight: 400;
    font-size: 12px
}

.removecart {
    position: relative;
    color: #676767;
    cursor: pointer;
    font-weight: 700;
    font-size: 15px
}

.service_price_cartnew {
    display: flex;
    font-weight: 500;
    font-size: 18px;
    padding-top: 16px;
    line-height: 25px;
    column-gap: 16px;
    justify-content: end
}

.empty_cart {
    background: #f7f9fc;
    text-align: center;
    padding: 25px 5px
}

.cart-fix-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    right: 0;
    padding: 0 32px 32px
}

.cartd_btn {
    display: flex;
    gap: 5px
}

.cart_price_justi {
    display: flex
}

.cartd_btn .common_button {
    max-width: none;
    margin: initial;
    height: 48px;
    line-height: 48px;
    padding: 0
}

.Checkout_btn_side {
    background: var(--btn-two-bg);
    color: #fff
}

.cancel_booking {
    font-size: 12px;
    text-align: right;
    display: block;
    margin-top: -6px;
    color: #000;
    position: relative;
    cursor: pointer
}

    .cancel_booking .password_nofica {
        top: -40px;
        width: 225px
    }

    .cancel_booking:hover .password_nofica, .login_btn:hover .password_nofica {
        opacity: 1
    }

.password_nofica {
    width: 276px;
    position: absolute;
    top: -176px;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    padding: 10px;
    border-radius: 7px;
    opacity: 0;
    color: #fff;
    background-color: #000;
    pointer-events: none;
    transition: .5s
}

.cart_price_block {
    display: flex;
    font-size: 24px;
    font-weight: 500;
    justify-content: space-between;
    flex-direction: column;
    gap: 16px
}

.cart_add, .service_detail {
    align-items: center;
    display: flex
}

.cart_adults {
    display: flex;
    column-gap: 16px;
    margin-bottom: 5px
}

.service_detail {
    margin-bottom: 5px;
    gap: 5px
}

.exchane_chnge_fli {
    background-position: -662px -177px;
    width: 35px;
    height: 20px
}

.cart_duicon {
    width: 18px;
    height: 18px;
    background-position: -455px -134px
}

.cart_add {
    gap: 4px;
    color: var(--all-text-main)
}

.cart_faciliti {
    width: 16px;
    height: 16px
}

.add_facilities {
    display: flex;
    position: relative;
    column-gap: 5px;
    align-items: center
}

.facilities_div {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.cart_checkin_icon {
    background-position: -493px -55px
}

.cart_room_icon {
    background-position: -670px -54px
}

.cart_break_icon {
    background-position: -735px -53px
}

.cart_s_div {
    display: flex;
    gap: 5px;
    align-items: center
}

.cart_s_icon {
    width: 23px;
    height: 23px
}

.contact_icon, .flag_country {
    height: 25px;
    min-width: 25px
}

.cart_s_hotel {
    background-position: -18px -52px
}

.cart_s_transfer {
    background-position: -87px -52px
}

.cart_s_pkg {
    background-position: -122px -52px
}

.cart_s_flight {
    background-position: -768px -187px
}

.cart_s_tour {
    background-position: -54px -52px
}

.advanceCurrency {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    row-gap: 20px;
    column-gap: 5px
}

.contact_part, ul.resocial a {
    column-gap: 10px;
    font-style: normal
}

.currencydrop .advanceCurrency li b {
    font-weight: 600;
    color: #454545
}

.currencydrop ul li.select_item .text-left.font-sym, .currencydrop ul li.select_item b {
    color: var(--active-menu);
    font-weight: 400
}

.currencydrop .advanceCurrency li > div {
    display: flex;
    align-items: center;
    gap: 10px
}

.flag_AED {
    background-position: -6px -612px
}

.flag_EUR {
    background-position: -103px -612px
}

.flag_GBP {
    background-position: -167px -612px
}

.flag_OMR {
    background-position: -583px -613px
}

.flag_SAR {
    background-position: -551px -612px
}

.flag_USD {
    background-position: -487px -612px
}

.flag_QAR {
    background-position: -170px -193px
}

.flag_BHD {
    background-position: -651px -612px
}

.flag_KWD {
    background-position: -224px -193px
}

.flag_INR {
    background-position: -230px -612px
}

.flag_MYR {
    background-position: -326px -612px
}

.flag_SGD {
    background-position: -424px -612px
}

.flag_THB {
    background-position: -455px -613px
}

.flag_AUD {
    background-position: -359px -612px
}

.flag_PKR {
    background-position: -619px -612px
}

.flag_JPY {
    background-position: -264px -612px
}

.currencydrop .advanceCurrency li {
    width: calc(100%/4 - 5px);
    line-height: 21px;
    text-align: left;
    display: flex;
    font-weight: 600;
    border-radius: 3px;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 5px
}

.text-left.font-sym {
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    color: #8b8b8b
}

.currencydrop ul li.select_item {
    color: var(--active-menu);
    font-weight: 500
}

#mycurrency .modal-dialog {
    width: 1000px
}

.coupon-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    font-weight: 600
}

footer.footer-areawe {
    background: #fff;
    padding: 50px 0 0;
    color: var(--color);
    margin-top: 30px
}

.footer_bottom_detail {
    display: flex;
    justify-content: center
}

.foter_title {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 20px;
    white-space: nowrap;
    color: #333
}

.contact_part, .usefull_link li a, ul.resocial a {
    font-weight: 300;
    display: flex
}

.footer_row {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start
}

.footer_logo {
    margin-bottom: 30px
}

.footer_contact {
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.contact_part a {
    color: var(--footer-text);
    white-space: nowrap
}

.contact_part {
    font-size: 14px;
    line-height: 24px;
    color: var(--footer-text)
}

.footer-bottom a {
    color: var(--btn-bg)
}

.contact_icon {
    width: 25px;
    position: relative;
    left: 0
}

.address_icon {
    background-position: -475px -173px
}

.phone_icon {
    background-position: -515px -174px
}

.mail_icon {
    height: 23px;
    background-position: -552px -174px;
    min-width: 26px
}

.usefull_link li a {
    position: relative;
    text-decoration: none;
    line-height: 26px;
    align-items: flex-start;
    margin-bottom: 0;
    transition: .3s
}

.usefull_link {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 15px;
    flex-direction: column
}

    .usefull_link li a:before {
        position: absolute;
        content: "";
        left: 0;
        width: 14px;
        height: 10px;
        background-position: -291px -91px;
        top: 8px;
        display: none
    }

.newsletter-input {
    color: grey;
    padding: 12px 14px;
    height: 44px;
    border: none;
    outline: 0;
    max-width: 250px;
    width: 100%;
    background: #f1f1f1
}

.newsletter-btn {
    font-size: 13px;
    background-color: var(--btn-bg);
    border-radius: 0;
    line-height: 18px;
    height: 44px;
    margin-left: -5px;
    color: #fff;
    font-weight: 600;
    padding: 5px 15px;
    border: 1px solid var(--btn-bg);
    cursor: pointer
}

.newsleetre_btn {
    display: flex;
    margin-bottom: 20px
}

ul.resocial {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    flex-direction: column
}

    ul.resocial a {
        align-items: center;
        font-size: 14px
    }

.linkedin_icon {
    background-position: 0 -366px
}

.facebook_icon {
    background-position: -61px -360px
}

.youtube_icon {
    background-position: -147px -360px
}

.snapchat_icon {
    background-position: -213px -247px
}

.instagram_icon {
    background-position: -105px -360px
}

.twitter_icon {
    background-position: -18px -360px
}

.trip_icon {
    background-position: -9px -313px
}

.tiktok_icon {
    background-position: -387px -552px
}

.partnerlogo {
    margin-top: 30px;
    max-width: 227px;
    margin-bottom: 70px
}

    .partnerlogo img {
        width: 100%;
        height: auto;
        object-fit: contain
    }

.payment_icon {
    width: 272px;
    height: 40px;
    background-position: -20px -420px
}

.iosapp_icon {
    width: 140px;
    height: 43px;
    background-position: -159px -230px
}

.androidapp {
    width: 140px;
    height: 43px;
    background-position: -5px -230px
}

ul.app_logo {
    display: flex;
    gap: 10px
}

.footer-bottom {
    font-weight: 400;
    line-height: 45px;
    font-size: 14px;
    color: #333;
    margin-top: 15px;
    border-top: 1px solid #f5dfca
}

.sidebar_login_first .sidebar_login_body_title {
    font-weight: 500;
    font-size: 21px;
    text-align: left
}

.change_pass h2, .footer_block .footer_title {
    font-size: 24px;
    font-weight: 600;
    margin-top: 0
}

.b2c_sign_ups {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    text-align: center;
    min-width: 100px;
    justify-content: center;
    color: var(--btn-bg);
    border: 1px solid var(--btn-bg);
    border-radius: 8px;
    background-color: #fff
}

    .b2c_sign_ups a {
        color: var(--btn-bg);
        padding: 8px;
        display: inline-block;
        width: 100%
    }

.eye_icon {
    background-position: -274px -284px;
    display: block;
    width: 22px;
    top: 19px
}

.eye_icon_view {
    background-position: -1px -1px
}

.toggle-password {
    display: flex;
    height: 20px;
    position: absolute;
    right: 10px
}

.change_pass {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    padding: 16px;
    border-radius: 15px;
    max-width: 435px;
    margin: 0 auto
}

.sec_mt {
    margin-top: 100px
}

.change_pass h2 {
    color: var(--all-text-main);
    font-style: normal;
    border-bottom: 0
}

.no-fees {
    background-position: -4px -539px
}

.best-price {
    background-position: -75px -540px
}

.best-review {
    background-position: -149px -540px
}

.footer-no-book1 {
    height: 54px;
    width: 54px;
    float: left;
    margin-right: 10px
}

.footer_block {
    display: flex;
    column-gap: 15px;
    padding-bottom: 15px
}

    .footer_block .footer_title {
        color: #fff;
        margin-bottom: 12px;
        position: relative;
        display: inline-block
    }

.footer_col.footer_first_block {
    max-width: 300px
}

.footer_second_block {
    max-width: 380px;
    min-width: 380px;
    margin-right: 80px
}

.my_info_book .book_info_title {
    font-weight: 500;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px
}

.my_info_book p {
    padding: 0 0 15px 65px;
    margin: 0
}

.des, .footer_right_block p, .my_info_book p {
    color: #797070;
    font-size: 13px
}

.Mobile_footer {
    position: fixed;
    bottom: -1px;
    left: 0;
    right: 0;
    background: #fff;
    height: 65px;
    justify-content: space-around;
    display: flex;
    align-items: center;
    z-index: 2;
}

    .Mobile_footer a, .footer-m-btn {
        color: #333;
        text-transform: capitalize;
        font-size: 14px;
        font-weight: 300;
        text-align: center;
        margin: 0 auto;
        height: auto !important;
        position: relative;
    }

    .Mobile_footer .icon_width {
        height: 23px;
        width: 23px;
        display: block;
        margin: 0 auto 4px;
        filter: brightness(0) invert(0);
    }

    .Mobile_footer .mhome_icon {
        background-position: -231px -553px
    }

    .Mobile_footer .trip_icon {
        background-position: -268px -555px
    }

    .Mobile_footer .acnt_icon {
        width: 28px;
        background-position: -303px -554px
    }

    .Mobile_footer .tcart_icon {
        width: 28px;
        background-position: -341px -555px
    }

@media (max-width:991px) and (min-width:768px) {
    .header_section, .usefull_link {
        column-gap: 10px
    }
}

@media (max-width:767px) {
    .currencydrop ul li.select_item {
        color: var(--btn-bg);
        font-weight: 500;
        background: var(--other-bg);
    }
    #mycurrency .modal-dialog {
        width: 100%;
    }
    .cartcount, .count_bell {
        top: -5px !important;
        right: 13px !important;
    }
    .cart_block, .side_d_menu {
        flex-direction: column
    }

    .my_info_book .book_info_title, .sidebar-title-des, .sidebar_signeup_upertext {
        font-size: 14px
    }

        .sidebar_signeup_upertext > span {
            font-size: 12px
        }

    .modal-open header#header {
        z-index: 1
    }

    .footer_col.footer_first_block {
        max-width: 100%;
        width: 100%
    }

    .footer_col {
        width: 100%;
        margin: 0;
        min-width: unset;
        max-width: unset
    }

    .home_page_title h1 {
        font-weight: 600;
        font-size: 19px;
        line-height: normal;
        margin: 25px 0 5px
    }

    .home_page_title p {
        font-weight: 400;
        font-size: 14px;
        margin: 7px 0 15px;
        color: var(--all-text-main)
    }

    .cart_drawer {
        padding: 10px 10px 110px;
        border-radius: 0
    }

    .cart_title {
        margin-bottom: 10px;
        font-size: 18px
    }

    .cartd_btn .common_button {
        height: 36px;
        line-height: 36px
    }

    .cart-fix-footer {
        padding: 0 10px 10px
    }

    .cart_price_block {
        font-size: 18px;
        gap: 10px
    }

    .one_way_trip.build_flight {
        flex-wrap: wrap
    }

    footer.footer-areawe {
        padding: 20px 0 0
    }

    .service_menu > li > a {
        font-weight: 500;
        font-size: 14px;
        column-gap: 1px;
        line-height: 35px;
        border-radius: 4px;
        border: none
    }

    .service_menu {
        column-gap: 10px;
        padding: 0;
        display: none
    }

    span.common_icon.login_toggel {
        width: 24px;
        height: 30px;
        display: block;
        background-position: -1514px -251px
    }

    .login_drawer {
        position: fixed;
        width: 100%;
        top: 0;
        bottom: 0;
        right: -100%;
        z-index: 999;
        background: #fff;
        transition: .5s;
        overflow: auto;
        max-height: 100%;
        display: block
    }

    .mobile_dr_close {
        position: relative;
        text-align: right;
        display: block;
        width: 100%;
        cursor: pointer;
        font-size: 30px;
        padding-right: 15px
    }

    .side_d_menu {
        font-size: 14px;
        display: flex;
        row-gap: 15px;
        font-weight: 300;
        padding-bottom: 20px
    }

    .welcome_text {
        font-size: 18px;
        line-height: 40px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        padding: 0 15px
    }

    .side_d_menu .mobile_menu_list, .side_d_menu ul {
        padding: 0 15px;
        display: flex;
        row-gap: 15px;
        flex-direction: column;
        margin: 0
    }

    .space_di_block {
        display: flex;
        align-items: center;
        column-gap: 11px;
        width: 100%;
        background-color: transparent;
        border: none;
        padding: 0;
        color: var(--all-text-main)
    }

        .space_di_block .last_right {
            margin-left: auto;
            font-weight: 300
        }

    .all_m_icon {
        width: 23px;
        height: 20px
    }

    .lang_show_iocn {
        background-position: -83px -374px
    }

    .currancy_d_icon {
        background-position: -418px -305px;
        width: 22px;
        height: 24px
    }

    .my_booking {
        background-position: -342px -367px
    }

    .my_wallet {
        background-position: -227px -375px
    }

    .my_ticket {
        background-position: -122px -374px
    }

    .my_account {
        background-position: -273px -368px;
        height: 23px
    }

    .my_report {
        background-position: -307px -368px
    }

    .my_signout {
        background-position: -545px -305px;
        width: 27px
    }

    .my_faq {
        background-position: -92px -426px
    }

    .my_contact {
        background-position: -515px -305px
    }

    .my_PrivacyPolicy {
        background-position: -644px -306px
    }

    .my_term {
        background-position: -513px -305px
    }

    .my_ContactUs {
        background-position: -481px -307px
    }

    .my_about {
        background-position: -284px -427px
    }

    .my_partner {
        background-position: -250px -425px
    }

    .m_s_line {
        min-height: 1px;
        height: 1px;
        background: #e5e5e5;
        width: 100%
    }

    .m_small_title {
        font-size: 13px;
        line-height: normal;
        font-weight: 500;
        color: #707070;
        padding: 0 15px
    }

    .best_offer {
        width: 30px;
        height: 35px;
        background-position: -3px -33px
    }

    .sign_out {
        display: flex;
        align-items: center;
        width: 100%;
        background-color: transparent;
        border: none;
        color: var(--all-text-main);
        column-gap: 7px;
        padding: 0 15px 10px
    }

    .profile_menu > li > .h_buttton.reg_btn {
        line-height: 35px;
        padding: 0 7px;
        font-size: 13px
    }

    .logo_display img {
        max-width: 100px;
        max-height: 27px
    }

    .profile_menu .dropdown-content {
        right: -35px
    }

    .profile_menu {
        column-gap: 10px
    }

    .currencydrop .advanceCurrency li {
        width: calc(100% / 1 - 5px)
    }

    .footer_row {
        gap: 15px;
        flex-direction: column;
        align-items: flex-start
    }

    .usefull_link li a {
        font-weight: 400;
        font-size: 14px
    }

    .partnerlogo {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .footer-bottom {
        line-height: 30px;
        font-weight: 500;
        font-size: 11px;
        margin-top: 10px;
        padding: 5px 0 76px
    }

    .usefull_link {
        flex-direction: column;
        margin: 0
    }

    .header_section {
        width: 100%;
        box-shadow: var(--box-shadow);
        padding: 10px 15px;
        margin: 0
    }

    .profile_menu li .link_triger, .profile_menu > li > a {
        padding: 0 5px
    }
}