/*  Responsive css  */

@media only screen and (min-width: 768px) {
    .listPagebody .date-picker-wrapper.no-topbar {
        top: 156px !important;
    }
}

@media (max-width: 1366px) {
    h3.price {
        font-size: 18px;
        padding-left: 15px !important;
        margin-right: 15px !important;
    }

    .itenerary-dtl h6 {
        font-size: 14px;
        text-wrap: nowrap;
        text-overflow: ellipsis;
        white-space: nowrap;
        /* overflow: hidden; */
    }

    .itenerary-dtl {
        display: grid;
    }
}

@media (max-width: 1199px) {
    .searchBtn {
        font-size: 13px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .reviewBox {
        min-height: 270px;
    }

    .fsBox {
        min-height: 220px;
    }

    .iconSec {
        height: 3rem;
        width: 3rem;
        padding: .5rem !important;
    }

    .callPopupBtn {
        bottom: 4rem;
        right: 4rem;
    }

    .form-control,
    .form-select {
        padding: .6rem 0.75rem;
    }
}

@media screen and (max-width: 1024px) and (min-width:768px) {
    .flsLftDtl .routeDtlSec h6.timeLoc span {
        white-space: nowrap;
    }

    .flsLftDtl .airbox-details-dot-line small {
        white-space: nowrap;
    }

    .flight-box-mainwrq .airlinelogo img {
        height: auto;
    }
}

@media screen and (max-width: 1024px) {
    .container {
        max-width: 100%;
    }

    .getQuoteSec {
        max-width: 100%;
    }

    .airPartners .owl-carousel {
        width: 70%;
        margin: auto;
    }

    .airlinesChecklist label.form-check-label {
        font-size: 14px;
    }

    .ssBox {
        padding: 1rem;
    }
}

@media screen and (max-width: 991px) {
    .megamenu-content {
        display: none;
    }

    .wasMileStone h1 {
        font-size: 30px;
    }

    .wasMileStone .col {
        width: calc(100% / 3);
    }

    .wasMileStone p {
        font-size: 11px;
    }

    .ourStorySec .carousel-indicators {
        margin-bottom: -25px;
    }

    .newsletterSignUpSec h4 {
        font-size: 20px;
    }

    .callPopupBtn {
        right: 3rem;
    }

    .msBoxeWrapper .col-lg-3:nth-child(odd) {
        border-left: 0;
    }

    .getQuoteSec .widgetDropdowns.d-flex > li + li {
        padding-left: .5rem;
    }

    .getQuoteSec .widgetDropdowns li button {
        padding: 5px 10px;
    }

    .heroSetion {
        background-position: center top;
    }

    .ctaSection {
        padding-bottom: 50px !important;
    }

    .megamenu-content {
        width: 100%;
        box-shadow: none;
    }

    .fsBox {
        min-height: 180px;
    }

    .hwsBox {
        min-height: 230px;
    }

    .megamenu .megamenu-content.show a.dropdown-item {
        border-bottom: 1px solid #e5e5ff;
        border-radius: 0;
        font-size: 13px;
        font-weight: 400;
    }

    .megamenu .megamenu-content.show .row .col-lg-6:last-child li:last-child a.dropdown-item {
        border: 0;
    }

    .megamenu .megamenu-content {
        position: unset !important;
        transform: none !important;
        /* margin: 10px !important; */
        margin-top: 0 !important;
        display: none;
        box-shadow: none;
        background: #f1f1f4;
    }

    .megamenu:hover .megamenu-content {
        display: none !important;
    }

    .megamenu .megamenu-content.show {
        display: block !important;
        visibility: visible;
    }

    .ssBox {
        min-height: 150px;
    }

    .contBtnSec {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .ctaSection h4 span {
        font-size: 24px;
    }

    .ctaSection p {
        font-size: 13px;
    }

    .clearBtn {
        margin-bottom: 30px;
    }

    .mainHeader a.nav-link {
        padding-left: 0 !important;
    }

    header button.navbar-toggler {
        padding: 0;
        border: 0;
        font-size: 24px;
        width: 35px;
        height: 35px;
    }

    .confirmation-page .flight-box-mainwrq .airlinelogo img {
        height: auto;
    }
}

@media screen and (max-width : 767px) {
    .navbar-brand img {
        max-width: 150px;
    }

    .contBtnSec {
        position: relative;
        bottom: auto;
        width: 100%;
    }

    .couponCodeSec h6 {
        font-size: 13px;
        line-height: 35px;
    }

    svg.iteneraryCityIco {
        width: 24px;
        height: 24px;
        padding: 5px;
    }

    .iteneraryCity h6 {
        font-size: 13px;
    }

    #fareAlertModal .modal-content .modal-body,
    #couponCodeModal .modal-content .modal-body {
        padding: 0;
    }

    :root {
        --primary-color: #32357A;
    }

    .callPopupBtn {
        position: static;
        width: 35px;
        height: 35px;
        padding: .2rem;
    }

    input#destination {
        background-image: url(../images/location.png);
        padding-left: 30px !important;
    }

    .heroSetion {
        background-image: radial-gradient(50% 45.03% at 50% 45.03%, rgb(65, 68, 160) 0%, rgb(1, 2, 35) 100%);
    }

    .searchWidgetSec .nav-tabs li.nav-item {
        width: 100%;
    }

    .dest_input button {
        left: auto;
        right: 0;
        transform: rotate(90deg);
        top: -21px;
    }

    .list-page .flight_search_form input#origin,
    .list-page .flight_search_form input#destination {
        border: 1px solid #d3d3de;
    }

    .dest_input {
        margin: 0 15px;
    }

        .dest_input button:before {
            width: 15px;
            left: 0px;
            top: -2px;
            bottom: -2px;
        }

    .searchWidgetSec .nav-tabs .nav-link {
        border-radius: 0;
        background-color: var(--grey-color);
        color: #000;
        border-left: 0 !important;
        border-right: 0 !important;
    }

        .searchWidgetSec .nav-tabs .nav-link.active {
            background-color: var(--grey-color);
            border-bottom: 1px solid var(--primary-color);
            color: var(--primary-color);
        }

    .searchWidgetSec .tab-content > .tab-pane {
        border-radius: 0px 0px 10px 10px;
    }

    .searchWidgetSec .nav-tabs {
        border-radius: 10px 10px 0px 0px;
        overflow: hidden;
    }

    .heroSetion .wh_input:after {
        right: 17px;
        top: 27px;
        width: 30px;
        height: 28px;
    }

    .heroSetion .iteneraryIcon {
        position: absolute;
        right: 27px;
        top: 32px;
        z-index: 1;
    }

    .fpMobileDropdown.dropdown-menu li,
    .fpMobileDropdown.dropdown-menu li .dropdown-item {
        padding: .25rem .5rem;
    }

    .heroSetion .dest_input:before {
        right: 17px;
        left: auto;
        top: -16px;
        width: 30px;
        height: 28px;
    }

    .widgetDropdowns li button {
        border-radius: 50px;
        border: 1px solid #e6e6e6;
        padding: 5px 15px;
        font-family: var(--font-family);
        font-weight: 300;
        font-size: 12px;
        text-align: center;
        color: #000;
    }

    .tripDropdowns button {
        border-radius: 50px;
        border: 1px solid #e6e6e6;
        padding: 5px 5px;
        font-family: var(--font-family);
        font-weight: 300;
        font-size: 12px;
        text-align: center;
        color: #000;
        width: 100%;
        text-transform: uppercase;
    }

    .fpMobileDropdown li button {
        display: flex !important;
        justify-content: space-between;
    }

        .fpMobileDropdown li button:hover .selectedIcon {
            opacity: 1;
        }

    .tripDropdowns button.active {
        background-color: var(--primary-color) !important;
        color: #ffffff;
        border-color: var(--primary-color) !important;
    }

    .flightPassengerDtl {
        padding: 8px 10px 8px 10px;
        background-repeat: no-repeat;
        background-position: 7px center;
        border: solid 1px #D3D3DE;
        border-radius: 6px;
        font-family: var(--font-family);
        font-size: 14px;
        font-weight: 400;
        color: #313B48 !important;
    }

    /*modal css*/
    #callBookingModal .modal-content,
    #cookiesModal .modal-content {
        border-radius: 0;
        height: 100%;
        border: 0;
    }

    .modal.show .modal-dialog {
        height: 100%;
        max-width: 100%;
        margin: 0;
    }

    div#couponCodeModal .modal-dialog,
    div#timeoutmodal .modal-dialog,
    div#timeoutmodalpayment .modal-dialog {
        max-width: 95%;
        margin: 0 auto;
    }

    .dealDtlRight {
        width: calc(100% - 65px);
    }

    .imgDeals img {
        border-radius: 6px;
    }

    .owl-carousel .owl-stage-outer {
        overflow: visible;
    }

    .priceBookBtn {
        margin-top: 4px;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 6px;
        height: 6px;
        background-color: #FFE9DC;
        margin: 4px;
    }

    .owl-theme button.owl-dot.active span {
        background-color: #551336 !important;
        width: 20px !important;
    }

    .ctaSection {
        padding-top: 30px !important;
        background-position: center bottom;
        padding-bottom: 80px !important;
    }

        .ctaSection p {
            font-size: 13px;
        }

    .owl-item.active.center {
        transform: scale(1.1);
    }

    .howWorkSec .owl-item.active.center .hwsBox {
        border: 1px solid var(--primary-color);
    }

    .hwsBox:hover:before {
        content: none;
    }

    .reviewBox {
        border: solid 1px #EAEBF8;
    }

    .owl-item.active.center .fsBox:before,
    .fsBox:hover:before {
        content: "";
        position: absolute;
        height: 2px;
        width: 60px;
        background: var(--secondary-color);
        left: calc(50% - 30px);
        bottom: 0px;
        border-radius: 1.5px;
        top: auto;
    }

    .owl-item.active.center .fsBox {
        background-color: #FFE9DC !important;
        transform: scale(1.1);
        margin-left: 10px;
        margin-right: 10px;
    }

    .fsBox h6 {
        font-size: 13px;
        margin-bottom: 0;
    }

    .fsBox p {
        font-size: 11px;
        line-height: 16px;
        margin-top: 7px;
    }

    .fsBox {
        border-radius: 12px;
    }

    .centerItemSlider {
        padding: 20px 0;
    }

    .carouselDealsSec {
        background-image: none;
    }

        .carouselDealsSec ul#pills-tab .nav-item .nav-link {
            color: rgba(0, 0, 0, 0.5);
            border: 0.50px solid #d3d3de;
            border-radius: 4px;
            padding: 4px 10px !important;
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 13px;
            text-align: center;
        }

            .carouselDealsSec ul#pills-tab .nav-item .nav-link:hover,
            .carouselDealsSec ul#pills-tab .nav-item .nav-link.active {
                color: var(--secondary-color) !important;
            }

        .carouselDealsSec ul#pills-tab .nav-item {
            padding-left: 0rem;
            padding-right: .5rem;
        }

        .carouselDealsSec ul#pills-tab .nav-link.active::before,
        .carouselDealsSec ul#pills-tab .nav-link:hover::before {
            visibility: hidden;
        }

    .caroDealsBox {
        border: 0.50px solid #d3d3de;
    }

    .form-check-input {
        width: 18px;
    }

    .newsletterSignForm input.form-control {
        padding: 8px 12px;
    }

    .newsletterSignForm .btn-primary {
        padding: 10px 12px;
    }

    .newsletterSignUpSec {
        background-color: var(--grey-color);
        border-radius: 10px;
    }

    .accordionTermsCondi .accordion-button {
        background-color: var(--grey-color) !important;
        border-radius: 10px !important;
        padding: 10px 15px;
        box-shadow: none;
    }

    .accordionTermsCondi .accordion-item {
        border: none;
        border-radius: 6px !important;
        margin-bottom: 10px;
    }

    .accordionTermsCondi .accordion-button h6 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .accordionTermsCondi .accordion-body {
        padding-left: 0;
        padding-right: 0;
    }

        .accordionTermsCondi .accordion-body p {
            margin-bottom: 0;
        }

    .accordionTermsCondi .accordion-button::after {
        background-image: url("../images/plus.png");
        width: 20px;
        background-size: 10px;
        background-position: center;
        right: 8px;
        position: absolute;
        background-color: #fff;
        height: 20px;
        border-radius: 100%;
    }

    .accordionTermsCondi .accordion-button:not(.collapsed)::after {
        background-image: url("../images/minus.png");
    }

    .mainLinks li a,
    .confidential,
    .copyrightPayment p {
        color: #616161;
    }

    li.qsBoxe {
        padding: 10px 10px;
    }

    .searchBtn {
        padding: 10px;
    }

    .confidential {
        font-size: 11px;
    }

    .callPopupBtnMobileFooter {
        position: fixed;
        right: 20px;
        bottom: 2rem;
        width: 52px;
        height: 52px;
        padding: .5rem;
    }

    .withoutfooter .callPopupBtnMobileFooter {
        bottom: 2rem;
    }

    /* bottom-bar css */

    .bottom-bar {
        z-index: 1020;
    }

        .bottom-bar ul li.active {
            border-radius: 50px;
            background-color: #551336;
            padding: 7.5px 15px;
        }

    span.navTitle {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 13px;
        text-align: center;
        color: #fff;
        display: none;
        padding-left: 7px;
    }

    .bottom-bar ul li.active span.navTitle {
        display: block;
    }

    .bottom-bar ul li {
        display: flex;
        align-items: center;
    }

    #mobileMenu {
        position: fixed;
        top: 0;
        left: 100%;
        /* Initially off-screen */
        width: 80%;
        height: 100%;
        background-color: #fff;
        /* White background for menu */
        z-index: 1000;
        /* Ensure it's above the overlay */
        transition: left 0.3s ease;
        /* Smooth transition when opening/closing */
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        /* Semi-transparent black overlay */
        z-index: 999;
        /* Ensure it's above everything else */
    }

    .megamenu:hover .megamenu-content {
        display: none !important;
    }

    #mobileMenu li.nav-item {
        border: 1px solid #f1f1f4;
        border-radius: 10px;
        margin-bottom: 5px;
        overflow: hidden;
    }

        #mobileMenu li.nav-item .nav-link {
            font-weight: 600;
            font-size: 14px;
        }

    .megamenu .megamenu-content.show a.dropdown-item {
        border-bottom: 1px solid #e5e5ff;
        border-radius: 0;
        font-size: 13px;
        font-weight: 400;
    }

    .megamenu .megamenu-content.show li:last-child a.dropdown-item {
        border: 0;
    }

    .megamenu .megamenu-content {
        position: unset !important;
        transform: none !important;
        /* margin: 10px !important; */
        margin-top: 0 !important;
        display: none;
        box-shadow: none;
        background: #f1f1f4;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

        .megamenu .megamenu-content.show {
            display: block !important;
        }

    #mobileMenu .call-button {
        background-color: var(--grey-color);
        border-radius: 10px;
        width: 100%;
        margin-top: auto;
        /* margin-bottom: 100px !important; */
        margin-left: auto;
        margin-right: auto;
    }

        #mobileMenu .call-button a.phone_number {
            justify-content: center;
        }

    #mobileMenu .dropdown-toggle::after {
        right: 15px;
    }

    #mobileMenu div#navbarSupportedContent {
        display: flex;
        flex-direction: column;
        height: 100%;
        background: #fff;
        padding: 20px;
        overflow-y: overlay;
    }

    #mobileMenu .language li.nav-item {
        border: 1px solid #dbdbf5;
        background: #ededff;
    }

    #mobileMenu .dropdown-menu {
        display: none;
    }

    #mobileMenu .show-dropdown.dropdown-menu {
        display: block;
        border-top-left-radius: 0;
        border-top-right-radius: 0 !important;
    }

    #JLang > ul > li > a {
        padding-left: 10px;
    }
    /* list page css */
    .innerPageHeroSetion {
        background-image: radial-gradient(50% 45.03% at 50% 45.03%, rgb(65, 68, 160) 0%, rgb(1, 2, 35) 100%);
    }

    .quoteBtn {
        padding: 12px;
        margin-bottom: -65px;
    }

    .ctaSection h5 {
        line-height: 27px;
    }

    .featureSec .owl-carousel .owl-stage {
        display: flex;
        align-items: center;
    }

    /* quote modal css */
    .whyCall li {
        font-family: var(--font-family);
        font-weight: 300;
        font-size: 12px;
        line-height: 145%;
        text-transform: capitalize;
        color: #313b48;
        padding: 7px 10px 7px 24px;
        position: relative;
    }

        .whyCall li:before {
            position: absolute;
            content: "";
            font-family: 'Line Awesome Free';
            font-weight: 900;
            left: 0;
            background: #551336;
            height: 18px;
            width: 18px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%;
            color: #fff;
            top: 7px;
        }

    #qupteModal .searchWidgetSec p {
        font-size: 12px;
        margin-top: 0 !important;
    }

        #qupteModal .searchWidgetSec p a {
            color: var(--secondary-color);
        }

    .or-divi:before {
        content: "";
        left: 0;
        top: 50%;
        position: absolute;
        width: 100%;
        height: 1px;
        background: #D9D9D9;
    }

    .or-divi span {
        width: 40px;
        height: 40px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 50%;
        background-color: #fff;
        z-index: 1;
        position: relative;
        text-transform: uppercase;
    }

    .saveThrty {
        line-height: 24px;
    }

    /* about us css */
    .ipHeroSec {
        background-image: url(../images/list-bg.jpg);
    }

    .carousel-control-next,
    .carousel-control-prev {
        top: 105%;
        z-index: 2;
    }

    .ourStorySec .carousel-caption {
        padding-right: 0;
    }

    .carousel-control-prev {
        right: 50px;
        left: auto;
    }

    .callBox,
    .tenYearsBox {
        min-height: auto;
    }

        .callBox img {
            width: auto;
        }

    .callBox {
        padding: 10px 5px;
    }

        .callBox a {
            font-size: 18px;
        }

    .iconSec {
        height: 4rem;
        width: 4rem;
    }

    .breadcrumb-item,
    .breadcrumb-item a {
        color: #fff;
    }

    .wasMileStone img {
        width: 34px;
    }

    .wasMileStone h1 {
        font-size: 24px;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .newsletterSignUpSec {
        margin-top: 50px !important;
    }

    /* landing page css */

    .reletiveFlightsSlides {
        background-color: var(--grey-color);
        border-radius: 10px;
    }

        .reletiveFlightsSlides.owl-carousel .owl-stage-outer {
            overflow: hidden;
        }

        .reletiveFlightsSlides .dealBox {
            box-shadow: none;
        }

        .reletiveFlightsSlides.owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 0;
        }

        .reletiveFlightsSlides h6 {
            font-size: 14px;
        }

        .reletiveFlightsSlides.owl-theme .owl-dots .owl-dot span {
            width: 6px;
            height: 6px;
            background-color: #CCCCCC;
            margin: 4px;
        }

    .landingPageDtl h6 {
        font-size: 14px;
    }

    .blueImgBG .dsMobileSlides.owl-theme .owl-dots .owl-dot span {
        background: #BADFFF;
    }

    .blueImgBG .dsMobileSlides.owl-theme button.owl-dot.active span {
        background-color: #708CF5 !important;
        width: 20px !important;
    }

    .blueImgBG .dsMobileSlides h6 {
        font-size: 14px;
    }

    .blueImgBG .dsMobileSlides a {
        font-size: 12px;
    }

    .daterangepicker .drp-calendar.right {
        display: none !important;
    }

    /* ----------------------- widget css  ---------------------------------------*/
    .mobile_popup_open {
        overflow: hidden !important;
    }

    .mobilefullinput {
        position: fixed;
        background-color: #fff;
        left: 0;
        width: 100%;
        margin: 0;
        height: 100%;
        top: 31px;
        z-index: 6666;
        padding-top: 30px;
    }

    .text-box-cover.mobilefullinput .textbox_container {
        background-color: #fff !important;
        padding-top: 0px;
        padding-bottom: 7px;
        border-bottom: 1px solid #eee;
    }

        .text-box-cover.mobilefullinput .textbox_container .form-group.input-group {
            margin-bottom: 0 !important;
            background-color: transparent !important;
        }

            .text-box-cover.mobilefullinput .textbox_container .form-group.input-group .input-group-prepend,
            .text-box-cover.mobilefullinput .textbox_container .form-group.input-group .form-control {
                background-color: #fff !important;
            }

            .text-box-cover.mobilefullinput .textbox_container .form-group.input-group .form-control {
                margin-right: 5px;
                border-radius: 0 4px 4px 0;
            }

            .text-box-cover.mobilefullinput .textbox_container .form-group.input-group .input-group-prepend {
                margin-left: 5px;
                border-radius: 4px 0 0 4px;
            }

    .text-box-cover.mobilefullinput .form-group.input-group {
        background-color: #fff;
        border-radius: 4px;
    }

    .text-box-cover.mobilefullinput .typeahead-field-clear {
        z-index: 9;
        border-top-right-radius: 4px;
        top: 2px;
        right: 5px;
        display: block !important;
    }

        .text-box-cover.mobilefullinput .typeahead-field-clear i {
            font-size: 12px;
        }

    .text-box-cover.mobilefullinput ul.typeahead.dropdown-menu {
        padding: 0;
        right: 10px;
        top: 67px !important;
        left: 10px !important;
    }

        .text-box-cover.mobilefullinput ul.typeahead.dropdown-menu li a {
            padding-top: 12px;
            padding-bottom: 12px;
        }

    #banner_section .text-box-cover.mobilefullinput .form-group.input-group,
    .banner_section .text-box-cover.mobilefullinput .form-group.input-group {
        padding: 2px 0;
    }

    #widget_container_popup.tabContainernormal {
        position: relative;
    }

        #widget_container_popup.tabContainernormal:before {
            content: "";
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #fff;
            z-index: 1111;
        }

    .tabContainernormal ._popup-header {
        font-weight: bold;
        display: block !important;
        position: fixed;
        padding: 10px;
        z-index: 9999;
        width: 100%;
        background-color: #fff;
        left: 0;
        top: 0;
        -moz-box-shadow: 2px -2px 6px 1px rgba(0, 0, 0, 0.2) !important;
        -webkit-box-shadow: 2px -2px 6px 1px rgba(0, 0, 0, 0.2) !important;
        box-shadow: 2px -2px 6px 1px rgba(0, 0, 0, 0.2) !important;
    }

    .ui-datepicker {
        top: 61px !important;
        left: 0 !important;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        border: none !important;
        border-radius: 0;
        padding-bottom: 15px;
    }

    .text-box-cover.mobilefullinput .form-group.has-error:before {
        right: 5px;
        left: 5px;
        z-index: 4;
    }

    #widget_container_popup.tabContainernormal {
        position: relative;
    }

        #widget_container_popup.tabContainernormal:before {
            content: "";
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #fff;
            z-index: 1111;
        }

    .tabContainernormal ._popup-header {
        font-weight: bold;
        display: block !important;
        position: fixed;
        padding: 10px;
        z-index: 9999;
        width: 100%;
        background-color: #fff;
        left: 0;
        top: 0;
        -moz-box-shadow: 1px -5px 1px 7px rgba(0, 0, 0, 0.2) !important;
        -webkit-box-shadow: 1px -5px 1px 7px rgba(0, 0, 0, 0.2) !important;
        box-shadow: 1px -5px 1px 7px rgba(0, 0, 0, 0.2) !important;
    }

    .custom_date_picker_header .closable_tab {
        width: 100%;
        height: 50px;
    }

        .custom_date_picker_header .closable_tab span {
            width: 20px;
            height: 20px;
            display: block;
            position: absolute;
            left: 12px;
            top: 12px;
        }

    .calendar_switchtab {
        width: 100%;
        overflow: hidden;
        font-weight: normal;
        position: relative;
        display: flex;
    }

    .date_select_btn {
        background-color: #00b67a !important;
        color: #fff;
    }

    .month-wrapper thead {
        border-bottom: 2px solid #eee;
        border-top: 2px solid #eee;
    }

        .month-wrapper thead > tr > th {
            padding-bottom: 15px !important;
            font-weight: normal;
        }

    .calendar_switchtab > div {
        cursor: pointer;
        flex: 1;
        margin: 0 7px;
        padding: 10px 15px;
        background-color: #f3f3f3;
        border-radius: 3px;
    }

    .calendar_switchtab.btn_grp {
        font-size: 14px;
        text-align: center;
    }

    .calendar_switchtab > div.active {
        cursor: auto;
    }

    .calendar_switchtab > div span.mnth_day {
        padding-top: 4px;
        display: inline-block;
        padding-left: 5px;
    }

        .calendar_switchtab > div span.mnth_day > span {
            display: block;
            line-height: 18px;
        }

    .calendar_switchtab .switchtab_active {
        background-color: #ffffff;
        color: #0e0f3e;
    }

    .calendar_switchtab > div .weekday {
        font-size: 40px;
        line-height: normal;
        float: left;
    }

    .mobile_popup_open {
        overflow: hidden;
    }

        .mobile_popup_open .ui-datepicker {
            overflow-x: hidden;
            overflow-y: auto;
            height: 100%;
            z-index: 6666 !important;
            padding-bottom: 80px;
            background-color: #ffffff;
            top: 47px !important;
            right: 0;
        }

        .mobile_popup_open .ui-datepicker-multi .ui-datepicker-group {
            float: left;
            background-color: #fff;
        }

    .custom_date_picker_header .closable_tab {
        display: none;
    }

    .date-picker-wrapper {
        top: 52px !important;
        left: 0 !important;
        border: 0;
        right: 0;
        bottom: 0;
        background: none;
        z-index: 1150;
        background: #ffffff;
    }

    .date-picker-wrapper {
        position: fixed;
        height: 100%;
        top: 48px !important;
    }

        .date-picker-wrapper .footer {
            display: block;
        }

        .date-picker-wrapper .drp_top-bar {
            display: none;
        }

        .date-picker-wrapper .month-wrapper,
        .date-picker-wrapper .month-wrapper table {
            width: 100% !important;
            border: 0;
        }

            .date-picker-wrapper .month-wrapper table .day {
                width: 42px;
                height: 42px;
                line-height: 42px;
                padding: 0;
            }

        .date-picker-wrapper .footer {
            margin-bottom: 0;
        }

        .date-picker-wrapper .month-wrapper .caption {
            height: auto;
        }

            .date-picker-wrapper .month-wrapper .caption th {
                padding: 10px 0 25px 0;
            }

    .date_picker_search {
        border: 0 !important;
    }

        .date_picker_search #date_wrapper {
            border: 1px solid #D3D3DE;
            border-radius: 6px;
            margin: 0 10px;
        }

        .date_picker_search #ReturnDate.form-control {
            padding-left: 15px !important;
            height: 40px;
        }

    /* ----------------------- widget css End  ---------------------------------------*/

    /* list mobile css */

    .travelInfoSubtitle li {
        font-family: var(--font-family);
        font-weight: 300;
        font-size: 12px;
        color: #818181;
        position: relative;
        padding-right: 10px;
    }

        .travelInfoSubtitle li + li:before {
            content: "";
            background: #898b95;
            width: 1px;
            height: 80%;
            top: 10%;
            left: 0;
            position: absolute;
        }

        .travelInfoSubtitle li + li {
            padding-left: 10px;
        }

    .modyfyWidgetSec {
        border-radius: 8px;
    }

    .airCompany img {
        width: 24px;
    }

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

    .routPath {
        border: none;
        text-align: center;
    }

    .flight-box-mainwrq {
        border-radius: 8px;
    }

    .list-page .flight-box-mainwrq {
        font-size: 13px;
    }

    .routPath span {
        font-size: 10px;
    }

    .routPath .routPathLine {
        width: 100%;
        border: 1px dashed #00b67a;
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .routPathLine:after {
        content: "";
        position: absolute;
        left: calc(50% - 16px);
        top: -16px;
        background-color: #ffffff;
        height: 32px;
        width: 32px;
        background-size: 20px;
        border-radius: 100%;
        background-image: url(../images/listtakeoff.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .routeDtlSec {
        border-bottom: 1px solid #eaebf8;
    }

    .filterBtn {
        background: #f5f5f5;
        margin-left: -30px;
        border-radius: 50px;
        padding-left: 25px;
        padding-right: 5px;
        font-size: 14px;
        font-weight: 500;
    }

    .filterFabBtn {
        background: #f5f5f5;
        border: 1px solid #eaebf8 !important;
        margin-left: -22px;
        border-radius: 50px;
        padding-left: 25px;
        padding-right: 5px;
        font-size: 14px;
        font-weight: 500;
        position: fixed;
        bottom: 30px;
        z-index: 99;
        box-shadow: 0px 0px 11px 0px #0000004a;
    }

        .filterFabBtn img {
            background-color: var(--primary-color);
            padding: 5px;
            border-radius: 50%;
        }

    .list-page #filterPopup .filterBtn {
        margin-left: 0;
        border-width: 0 !important;
        border-bottom-width: 1px !important;
        border-radius: 0 !important;
    }

    .priceAlrtSec {
        margin-top: -30px;
    }

    .filterBtn img {
        background-color: var(--primary-color);
        padding: 5px;
        border-radius: 50%;
    }

    .filterMobilePanel .modal-content {
        border-radius: 12px 12px 0 0;
    }

    .filterMobilePanel.modal {
        transition: transform 0.3s ease-out;
        transform: translateY(100%);
    }

        .filterMobilePanel.modal.show {
            transform: translateY(0%);
        }

    .filterMobilePanel .filterCard .filterBtn {
        border-radius: 8px 8px 0 0 !important;
        border: none !important;
    }

    .editBtn:focus {
        background-color: transparent !important;
        box-shadow: none;
        border: none;
    }

    #editWidgetModal .modal-content {
        border-radius: 12px;
    }

    #editWidgetModal .wh_input:after {
        right: 17px;
        top: 27px;
        width: 30px;
        height: 28px;
    }

    #editWidgetModal .iteneraryIcon {
        position: absolute;
        right: 27px;
        top: 32px;
        z-index: 1;
    }

    #editWidgetModal .searchWidgetSec {
        margin-bottom: 0;
    }

    #editWidgetModal .dest_input:before {
        right: 17px;
        left: auto;
        top: -16px;
        width: 30px;
        height: 28px;
    }

    /* flight review css */

    /* Modal Box */
    .right .modal-dialog,
    .left .modal-dialog {
        transition: transform .25s ease-out;
        position: fixed;
        margin: auto;
        height: 100%;
    }

    .modal.right .modal-content,
    .modal.left .modal-content {
        overflow-y: auto;
        border-radius: 0;
        border: none;
        height: 100%;
    }

    .right .modal-dialog {
        transform: translateX(50px);
        right: 0;
    }

    .left .modal-dialog {
        transform: translateX(-50px);
        left: 0;
    }

    .alrghtDtl li {
        padding: 0 4px;
    }

        .alrghtDtl li + li {
            border-left: 1px solid #b4b5c0;
        }

    .airbox-details span {
        font-size: 11px;
        line-height: 14px;
    }

    .airbox-details h6 {
        font-size: 15px;
    }

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

    .paymentTopBarSec p {
        font-size: 10px;
        line-height: 10px;
    }

    .ssBox {
        min-height: 160px;
        padding: 0.5rem;
    }

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

    .maintravelInfoSec h6 {
        font-weight: 600;
    }

    .travelerInfoSec .form-check-input {
        width: 16px;
        margin-left: 0;
    }

    .paymentPriceSec {
        z-index: 1070;
        box-shadow: 0px -6px 10px 1px rgba(12, 12, 12,.17);
    }

        .paymentPriceSec p {
            font-size: 10px;
        }

    p.conSubTitle {
        font-size: 14px;
    }

    .cardHeader span.title {
        margin-top: 30px;
        font-size: 18px;
        font-weight: 600;
    }

    #widget_container_popup .dropdown-menu.passengerDtl label {
        display: block !important;
    }

    #mobile_trv_class_btn:focus,
    #mobile_trv_class_btn:hover,
    #mobile_trv_class_btn:active {
        /* color: var(--bs-btn-hover-border-color) !important; */
        background: none !important;
        border-color: #d3d3de !important;
    }

    #mobile_trv_class_btn.collapsed {
        border-bottom-width: 1px;
        border-bottom-left-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
    }

    #mobile_trv_class_btn {
        border-bottom-width: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        font-family: var(--font-family);
        font-size: 14px;
        font-weight: 400;
        color: #313B48 !important;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #mobile_trv_class_btn i {
            margin-left: auto;
        }

    #mobile_trv_class.collapse .card {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    /* Updated Mobile */

    .fpMobileDropdown {
        z-index: 9999;
    }

    .flightPassengerDtl:after {
        right: 12px;
    }

    .dealBoxWrapper:last-child {
        margin-bottom: 10px;
    }

    body.modal-open {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
    }

    .form-group,
    .text-box-cover {
        position: relative;
    }

    button.typeahead-field-clear.btn {
        right: 2px;
    }

    .mobile_trv_class_inner {
        flex: 1;
    }

    .passengerDtl {
        padding-bottom: 0;
    }

        .passengerDtl input {
            font-size: 14px;
            font-weight: 500;
        }

        .passengerDtl li {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

            .passengerDtl li:hover {
                background: transparent;
            }

    .fsBox {
        min-height: 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    div#dv_sub_emailTxtFooter span#spn_msg {
        font-family: var(--font-family);
        white-space: normal;
        display: block;
        word-wrap: break-word;
        font-size: 14px;
        font-weight: 300;
    }

    div#mobile_trv_class {
        position: relative;
        z-index: 9;
    }

    .routeDtlSec > div {
        font-family: var(--font-family);
    }

    .modyfyWidgetSec {
        width: 100%;
    }

    .travelModyLeft {
        width: 100%;
    }

    .list-page #filterPopup .filterBtn.collapsed {
        border: 0 !important;
    }

    .airlinesChecklist .form-check {
        padding-left: 20px;
    }

    .airlinesChecklist .form-check-input {
        margin-top: 2px;
        border: 1px solid #afafaf;
        width: 18px;
        height: 18px;
    }

    div#contractdetailModal {
        font-family: var(--font-family);
    }

    .alrghtDtl li {
        font-family: var(--font-family);
    }

    .baggage_fees_link {
        font-size: 12px;
        text-align: right;
        white-space: nowrap;
    }

    .airbox-details .airbox-details-air-icon img {
        width: 17px;
        margin-top: -5px;
    }

    .payment-page .form-select,
    .payment-page .form-control {
        padding: 8px 10px;
        border: 2px solid #e5f0f9;
        border-radius: 6px;
        height: 42px;
    }

        .payment-page .form-select:focus {
            box-shadow: none;
        }

    .payment-page .nextBtnLink {
        padding: 12px 75px;
        font-size: 18px;
        width: 100%;
        font-weight: 500;
    }

    .confirmation-page .flap-flight-details {
        font-family: var(--font-family);
    }

    span.triptype_btn {
        text-transform: uppercase;
        padding: 3px 7px;
        line-height: normal;
        border-radius: 3px;
        margin-bottom: 5px;
        font-weight: 500;
        margin-right: 5px;
    }

    .confirmation-page .alrghtDtl li + li {
        border-left: 1px solid #b4b5c0;
        padding-left: 15px;
    }

    .confirmation-page ul li {
        font-family: var(--font-family);
        font-weight: 300;
        font-size: 13px;
        line-height: 169%;
        color: #383838;
    }

    .mobileHeaderRight {
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
    }

    a#menuBtn {
        width: 35px;
        height: 35px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        cursor: pointer;
    }

    div#dv_sub_emailTxtFooter {
        bottom: 0;
        left: 15px;
        position: relative;
    }

    .clearBtn {
        margin-bottom: 0;
    }

    .flightListContainer .routeDtlSec h6 {
        font-size: 14px;
    }

    .travelModyLeft .editBtn {
        position: relative;
        top: 0;
    }

    .d_sm_none {
        display: none !important;
    }

    .payment-page .routeDtlSec:last-child {
        border-bottom: 0 !important;
    }

    .vm-traveller {
        margin-top: 12px;
    }

    .landingPageDtl h3 {
        font-size: 20px;
    }

    .post_description h3 {
        margin: 12px 0 5px 0;
    }

    .asideSec {
        margin-top: 10px;
    }

    .post_description a {
        word-wrap: break-word;
    }

    .post_description strong {
        font-size: inherit;
    }

    .post_description h4 {
        font-size: 15px;
        margin: 10px 0 10px 0;
    }

    .dealsSection .imgDeals {
        height: 65px;
    }

        .dealsSection .imgDeals img.img-fluid {
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .getInTouchSec .success .alert-success h2 {
        font-size: 18px;
        line-height: 1.2;
    }

    .getInTouchSec .success .alert-success p {
        margin-bottom: 0;
    }

    .landingDetailSec .dealBoxWrapper .itenerary-dtl .customTopTooltip span.tooltiptext {
        display: none;
    }

    .mobileflightDetailBtn {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 108%;
        color: #fc2111;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding: 0 6px;
    }

    .mobileflightItemlPrice span {
        font-size: 12px;
        margin-left: 3px;
        display: flex;
        align-items: center;
    }

    .flightListNotFoundMobileWrapper .searchHelpBox {
        border-width: 3;
        padding: 10px !important;
    }

        .flightListNotFoundMobileWrapper .searchHelpBox ul {
            padding-left: 20px;
        }

            .flightListNotFoundMobileWrapper .searchHelpBox ul li {
                font-size: 13px;
            }

    .offcanvas {
        border: 0 !important;
    }

    .offcanvas-header {
        box-shadow: 1px 0px 6px 1px rgba(0, 0, 0, 0.2) !important;
        z-index: 9;
    }

        .offcanvas-header .btn-close:focus {
            box-shadow: none;
        }

    .offcanvas-footer {
        padding: 15px;
        box-shadow: 1px 0px 6px 1px rgba(0, 0, 0, 0.2) !important;
    }

    div#editWidgetModal .offcanvas-header {
        box-shadow: none !important;
        border-bottom: 1px solid #dee2e6;
    }

    .offcanvas {
        width: 100% !important;
    }

    .paymentStepBottom {
        position: fixed;
        bottom: 0;
        background: white;
        width: 100%;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        box-shadow: 1px 0px 6px 1px rgba(0, 0, 0, 0.2) !important;
    }

        .paymentStepBottom h3 {
            margin: 0;
            font-size: 20px;
        }

            .paymentStepBottom h3 span {
                font-size: 14px;
                font-weight: 300;
            }

    .payment-sec-box-body {
        padding: .75rem;
    }

    .payment-sec-box-header {
        padding: .6rem .75rem
    }

    .payment-sec-box .form-group {
        margin-bottom: 1rem;
    }

    main.main_content.payment-page.payment-page-mobile {
        padding-bottom: 55px;
    }

    .airPartners .owl-item .item {
        text-align: center;
    }

        .airPartners .owl-item .item img {
            display: inline-block !important;
            max-width: 100%;
        }

    .noresultcallbackbtn h4 {
        font-size: 26px;
        margin: 0;
    }

    .noresultcallbackbtn img.phoneImg {
        width: 26px;
    }

    .or-seperator {
        margin-top: 20px;
        width: 100%;
        margin-bottom: 20px;
    }

    .noresultcallmewrapper {
        width: 100%;
    }

        .noresultcallmewrapper .input-group {
            border: 1px solid #ddd;
        }

    #timeoutmodal .searchFoundGraphics img {
        height: 180px;
        margin-top: 20px;
    }

    #timeoutmodal h2, #timeoutmodalpayment h2 {
        font-size: 20px;
    }

    .contactNo {
        text-align: center;
    }

    #timeoutmodal h4, #timeoutmodalpayment h4 {
        font-size: 18px;
        margin-bottom: 0;
    }

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

    .no-result-list-right {
        padding: 20px;
    }

    .callnowbookingbtn h3 {
        font-size: 20px;
    }

    .call_me_back-inline .callMeBtn {
        padding: 7px 15px;
    }

    .modal .routPath .routPathLine {
        margin-bottom: 0;
    }
    .cheapFlightsCallBanner {
        background: url("../images/call_centric_bg.jpg");
        position: relative;
        min-height: 560px;
        display: flex;
        background-size: cover;
        background-position: bottom center;
    }

        .cheapFlightsCallBanner:before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            background: #1e204987;
            left: 0;
            top: 0;
        }

    .cheapFlightsCallCnt h3 {
        text-align: center;
        margin-bottom: 0;
        font-size: 24px;
        width: 100%;
        color: #fff;
        margin-top: 10px;
    }

    .cheapFlightsCallBannerInner {
        display: flex;
        padding: 20px 18px;
        flex: 1;
        text-decoration: none;
    }

        .cheapFlightsCallBannerInner:hover {
            color: inherit !important;
        }

    .cheapFlightsCallCnt {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .cheapFlightscouponCode {
        display: inline-flex;
        position: relative;
        margin-bottom: 12px;
        background: #00B67A;
        padding: 10px 34px;
        font-weight: 500;
        color: #fff;
        text-align: center;
/*        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);*/
        border-radius: 5px;
        font-size: 24px;
        margin-top: 12px;
    }

        .cheapFlightscouponCode:before {
            background: #74758d;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: '';
            left: -5px;
        }

        .cheapFlightscouponCode:after {
            background: #74758d;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: '';
            right: -5px;
        }

    .cheapFlightsCallCnt h4 {
        font-size: 20px;
        font-weight: 400;
        padding-right: 60px;
        margin-top: 30px;
        color: #fff;
    }

    .cheapFlightsCallCnt ul li {
        font-size: 16px;
        color: #fff;
        margin-top: 18px;
        list-style: none;
    }
        .cheapFlightsCallCnt ul li span img {
            width: 20px;
            filter: contrast(100);
        }

    .cheapFlightsCallCnt h4 span.cfcpnspn1 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 24px;
    }

    .cheapFlightsCallCnt h4 span.cfcpnspn2 {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 24px;
        color: #fff;
    }

    .cheapFlightsCallNowbtn {
        padding: 5px;
        background: #1985e8;
        border-color: #1985e8;
    }

    .cheapFlightsCallCnt ul {
        padding-left: 0;
    }

    .cheapFlightsCallNowbtn h3 {
        font-size: 20px;
        text-transform: uppercase;
        margin-right: 10px;
        font-weight: 600;
        margin-top: 0;
    }

    a.cheapFlightsHeaderCallbtn {
        text-align: center;
        border: 1px solid #dbdbd7;
        border-radius: 50px !important;
        background: #f1f1f4;
        padding: 5px 5px 5px 15px !important;
    }

    .cheapFlightsCallNowbtn img.phoneImg {
        margin-left: 0;
        padding: 6px;
        background: transparent;
        height: 36px;
        width: 36px;
    }

    .callCentricImg {
        position: absolute;
        right: -26px;
        bottom: 0;
    }

        .callCentricImg img.img-fluid {
            width: 330px;
        }
    .mobilehdrcallicn img.img-fluid {
        width: 20px;
        animation: ring 2.5s 0.8s ease-in-out infinite;
    }

    .mobilehdrcallicn {
        border-radius: 50px !important;
        display: flex;
        align-items: center;
        gap: 10px;
        background-color: #FF740F;
    }

    @keyframes flash-gradient {
        0% {
            transform: translateX(-100%);
        }

        50% {
            transform: translateX(0%);
        }

        100% {
            transform: translateX(100%);
        }
    }

    @keyframes ring {
        0% {
            transform: rotate(0deg);
        }

        10% {
            transform: rotate(30deg);
        }

        20% {
            transform: rotate(-28deg);
        }

        30% {
            transform: rotate(34deg);
        }

        40% {
            transform: rotate(-32deg);
        }

        50% {
            transform: rotate(30deg);
        }

        60% {
            transform: rotate(-20deg);
        }

        70% {
            transform: rotate(15deg);
        }

        80% {
            transform: rotate(-10deg);
        }

        90% {
            transform: rotate(5deg);
        }

        100% {
            transform: rotate(0deg);
        }
    }

    .callNowBottomWrapper {
        padding: 0;
        background: #ff740f;
        bottom: 0;
        left: 0;
        color: #393939;
        position: fixed;
        font-size: 18px;
        text-align: center;
        width: 100%;
        z-index: 9999;
        transition: all .5s ease 0s;
        border: 0;
        border-radius: 0;
    }

        .callNowBottomWrapper::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgb(226 114 32 / 76%) 50%, rgba(255, 255, 255, 0) 100%);
            animation: flash-gradient 1.5s ease-in-out infinite;
            animation-delay: 4s;
            z-index: -1;
            pointer-events: none;
            border-radius: inherit;
        }


        .callNowBottomWrapper a {
            padding: 5px 10px;
            display: flex;
            gap: 15px;
            text-align: left;
            align-items: center;
            justify-content: space-around;
        }

            .callNowBottomWrapper a .call-text {
                color: #ffffff
            }

            .callNowBottomWrapper a h2 {
                margin: 0;
                font-size: 28px;
                font-weight: 700;
                line-height: 1;
                color: #ffffff
            }


    span.callnowbtnicn {
        display: inline-flex;
        width: 42px;
        height: 42px;
        border: 0;
        background: #fff;
        border-radius: 50px;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }

    .callnowbtnicn svg path:nth-child(2) {
        -webkit-animation: header-phone 1s infinite cubic-bezier(.1, .57, .5, 1);
        animation: header-phone 1s infinite cubic-bezier(.1, .57, .5, 1);
    }

    .callnowbtnicn svg path:nth-child(3) {
        -webkit-animation: header-phone2 1s infinite cubic-bezier(.1, .57, .5, 1);
        animation: header-phone2 1s infinite cubic-bezier(.1, .57, .5, 1);
    }

    span.callnowbtnicn svg {
        width: 28px;
        fill: #ff740f;
    }


    @keyframes header-phone {
        0%,30% {
            opacity: 0;
            -webkit-transform: translate3d(-20px, 20px, 0);
            transform: translate3d(-20px, 20px, 0)
        }

        80% {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            opacity: 0
        }
    }

    @keyframes header-phone2 {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-20px, 20px, 0);
            transform: translate3d(-20px, 20px, 0)
        }

        70%,90% {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        100% {
            opacity: 0
        }
    }

    @keyframes zoom-in-zoom-out {
        0% {
            transform: scale(1, 1);
        }

        50% {
            transform: scale(1.2, 1.2);
        }

        100% {
            transform: scale(1, 1);
        }
    }


}

@media screen and (max-width: 575px) {
    .msBoxeWrapper .col-lg-3 + .col-lg-3 {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255,.16);
    }

    .msBoxeWrapper .col-lg-3 {
        padding-top: 20px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ctaSection {
        padding-bottom: 60px !important;
    }

    .newsletterSignUpSec {
        margin-top: 25px !important;
    }

    .confirmation-page .airbox-details h6 {
        font-size: 13px;
    }

    .confirmation-page .connecting_flight, .payment-page .connecting_flight, .list-page .connecting_flight {
        gap: 5px;
        padding: 10px 0;
        font-size: 12px;
    }

    .reviewSec h5 {
        padding-right: 85px;
    }

    .middle-arrow-slider .owl-nav button.owl-next {
        right: -12px;
        box-shadow: 0px 0px 8px 1px #dddddd;
        border-radius: 50px;
    }

    .middle-arrow-slider .owl-nav button.owl-prev {
        left: -12px;
        box-shadow: 0px 0px 8px 1px #dddddd;
        border-radius: 50px;
    }

    .newsletterSignForm .input-group {
        flex-direction: column;
        gap: 10px;
    }

    .newsletterSignForm input.form-control {
        margin-right: 0 !important;
        width: 100%;
    }

    .newsletterSignUpSec label.form-check-label {
        line-height: 1.3;
        font-size: 12px;
    }

    .upper-arrow-slider .owl-nav,
    .upper-arrow-slider .owl-nav {
        top: -58px;
        right: -11px;
    }

    .couponCodeSec {
        padding: 10px !important;
    }

        .couponCodeSec h6 {
            font-size: 16px !important;
            line-height: 35px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

    span.couponCode {
        line-height: 1;
    }

    .reviewBox {
        min-height: 240px;
    }

    section.locAddressSec .container {
        overflow: visible;
    }

    .addressSec {
        box-shadow: 0 0px 9px 3px rgba(0, 0, 0, 0.05);
    }

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

    .sitemap .airlinesWrapper .airlinesDtl h6 {
        font-size: 14px;
    }

    .airports_codes .nav.flex-column.nav-pills {
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 15px;
    }

        .airports_codes .nav.flex-column.nav-pills button {
            flex: 1;
            padding: 10px 20px;
            white-space: nowrap;
            text-align: center !important;
            letter-spacing: 0;
        }

    .airports_codes .airlinesWrapper .airlinesDtl h6 {
        font-size: 14px;
    }

    #couponCodeModal .modalHdrSec img {
        width: 30px !important;
    }

    #couponCodeModal .routeDtlSec h2.timeLoc {
        font-size: 18px;
    }

        #couponCodeModal .routeDtlSec h2.timeLoc span.routeloc {
            font-size: 14px !important;
            line-height: 1.4;
            white-space: nowrap;
        }

    #couponCodeModal h4 {
        font-size: 16px;
        line-height: 1.2;
    }

    .coupon_routeDest_info h3, .coupon_routeDest_info .dstnPrice {
        font-size: 20px;
        line-height: 1;
    }

    .coupon_routeDest_info p.classCabTrip {
        font-size: 13px !important;
    }

    #couponCodeModal .phone_number_btn h3 {
        font-size: 20px;
    }

    #couponCodeModal .phone_number_btn span.fs-6.font-300 {
        font-size: 16px !important;
        line-height: 1.2;
    }

    .contactNo {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

        .contactNo .btn {
            margin: 0 !important;
        }

    .timeout-modal-custom-style img.img-fluid {
        display: none;
    }

    .timeout-modal-custom-style .searchFoundGraphics {
        padding-top: 15px;
    }
}