@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&family=Montserrat:wght@700&display=swap');

body {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 175%;
    font-weight: 400;
}

.d-flex-stops {
    text-align: right;
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 85px;
}

.depatre li.nav-item {
    margin: 6px;
}

.nav-tabs .nav-link {
    border: none;
}

.forn_details {
    margin-bottom: 20px;
}

    .forn_details label {
        padding: 0;
        margin: 0;
    }

    .forn_details strong {
        font-size: 16px;
        word-wrap: break-word;
    }

.clear::after {
    content: '';
    display: block;
    clear: both;
}

ul::after {
    content: '';
    display: block;
    clear: both
}

p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
}

h1 {
    font-size: 2.433em;
    line-height: 1.1;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

h2 {
    font-size: 25px;
    line-height: 1.3;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

h3 {
    font-size: 30px;
    line-height: 1.4;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

h4 {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: .6px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

h5 {
    font-size: 20px;
    font-family: "Poppins", sans-serif;
}

h6 {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
}

a {
    cursor: pointer;
}

th, b, strong {
    font-weight: 600;
}

i.fa.fa-inr {
    margin-right: 2px;
}

.box_shadow {
    background: #fff;
    padding: 20px 20px;
    margin: 0 0 10px 0;
    border-radius: 10px;
    width: 100%;
    height: auto;
    min-height: 130px;
    position: relative;
    box-shadow: 0 0 4px #ccc;
}

.item_bx.text-end .form-check-input:checked {
    background-color: #ff0000;
    border-color: #ff0000;
}

label {
    font-size: 15px;
    margin: 2px 0 2px 6px;
    display: block;
    width: 100%;
    color: #0A3A6B;
}

.box_shadow a {
    display: block;
    width: 100%;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

i.fa-solid.fa-arrow-right {
    display: block;
    text-align: right;
    font-size: 18px;
}

.box_shadow p {
    font-size: 14px;
    color: #282828;
    margin-bottom: 10px;
}

.header__area-3 {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
    background: #0A3A6B;
    color: #fff;
}

.header__inner-3 {
    padding: 2px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.header__logo-2 img {
    width: 180px;
    height: auto;
}

.header__area-3.sticky-3 {
    background-color: #121212;
    border-color: #2c2c2c;
}

ul.navigation {
    padding: 0;
    margin: 3px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

a.nav_link {
    display: block;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 5px;
    cursor: pointer;
    outline: none;
}

div#cloz_togle:hover i {
    color: #7EB6E8;
}

a.social_media_link:hover {
    color: #7EB6E8;
}

a.logo-menu img {
    width: 30px;
    height: auto;
}

a.logo-menu {
    display: block;
    padding: 10px;
    margin: 8px 0 0 0;
}

a.logo-dark {
    display: block;
}

div#hedr_togle_view {
    position: absolute;
    top: 0;
    width: 100%;
    background: #0A3A6B;
    padding: 0 30px;
    height: 100vh;
}

div#cloz_togle {
    text-align: right;
    padding: 10px 0 0 0;
}


    div#cloz_togle i.fa.fa-close {
        font-size: 30px;
        cursor: pointer;
    }

.get_in_touch h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    margin: 20px 0;
}

ul.social_media {
    list-style: none;
    padding: 0;
    margin: 0;
}


.mice_app {
    text-align: center;
    box-shadow: -7px -6px 0px 0px #ef4824, 7px 6px #f6af1a;
    width: 96%;
    max-width: 100%;
    height: 280px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: flex;
    margin: 20px auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

    .mice_app h1 {
        font-size: 70px;
        text-transform: uppercase;
        margin: 17px 0 10px 0;
        line-height: 1;
        color: #fa5a32;
    }

    .mice_app h3 {
        font-size: 27px;
        text-transform: uppercase;
        margin: 10px 0;
        color: #f5af1a;
    }

    .mice_app p {
        font-size: 16px;
        text-align: center;
    }

.mice_app_indx {
    text-align: center;
    box-shadow: -7px -6px 0px 0px #ef4824, 7px 6px #f6af1a;
    width: 96%;
    max-width: 100%;
    min-height: 250px;
    height: auto;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: flex;
    margin: 20px auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
}


    .mice_app_indx h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin: 5px 0;
        color: #f5af1a;
    }

    .mice_app_indx p {
        font-size: 14px;
        text-align: center;
        line-height: 1.4;
    }

.meeting h5 {
    font-size: 28px;
    margin: 30px 0 7px 0;
}

.meeting h6 {
    font-size: 20px;
    color: #fa5a32;
    font-weight: 400;
}

.meeting ul li {
    list-style: disc;
}

ul.d-flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

    ul.d-flex-row li {
        display: block;
        border: 1px solid #fff;
        padding: 15px 6px;
        border-radius: 10px;
        margin: 10px 5px;
        width: 167px;
        text-align: center;
        background: #ffffff2e;
        cursor: pointer;
    }

        ul.d-flex-row li p {
            font-size: 16px;
        }

        ul.d-flex-row li img {
            width: 50px;
            margin: 0 0 15px 0;
        }

ul.d-flex-rop {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

    ul.d-flex-rop li {
        display: block;
        border: 1px solid #ccc;
        padding: 15px 10px;
        border-radius: 10px;
        margin: 10px 5px;
        width: 250px;
        text-align: center;
        background: #ffffff2e;
        cursor: pointer;
    }

        ul.d-flex-rop li p {
            font-size: 16px;
            color: #0B1E33;
        }

        ul.d-flex-rop li img {
            width: 60px;
            margin: 0 0 15px 0;
        }

section.clientsMice {
    background: #f5f5f5;
    padding: 25px 10px;
}

.travelo-box h2 {
    font-size: 24px;
    margin: 20px 0 8px 0;
}

.travelo-box h4 {
    font-size: 20px;
    margin: 20px 0 6px 0;
}

.travelo-box ul li {
    list-style: disc;
}

.mice_app_indx img {
    width: 50px;
    height: auto;
    margin-bottom: 6px;
}

.row_box {
    display: block;
    width: 100%;
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
    margin-bottom: 10px;
}

a.exporle {
    display: block;
    font-size: 18px;
    color: #0057AD;
    margin: 20px 0;
    cursor: pointer;
}

.row_box img {
    width: 65px;
    height: auto;
    margin: 10px;
}

.appDnldCnt__lft {
    width: 50%;
    padding: 16px;
}

.makeFlex.spaceBetween {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 100%;
}

a.link_ap {
    display: block;
    margin: 20px 0 0;
}

.row_box h6 {
    font-size: 20px;
}

.row_box p {
    font-size: 14px;
    line-height: 1.4;
}

section.footer_btm {
    background: #1a1a1a;
    padding: 20px 0;
    color: #fff;
    border-bottom: 1px solid #f5f5f5;
}

    section.footer_btm h4 {
        color: #fff;
        margin-top: 20px;
    }

.about_lp img {
    width: 300px;
    height: auto;
    margin: 30px 0;
}

ul.quicklink li a {
    display: block;
    padding: 2px 20px;
    color: #0A3A6B;
    margin: 7px;
    border: 1px solid #0A3A6B;
    border-radius: 10px;
}

ul.quicklink {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

section.footer_bt {
    background-image: url(/img/banners/footer-banner.png);
    padding: 40px 0 10px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

    section.footer_bt h1 {
        font-size: 35px;
        margin: 30px 0 0 0;
        color: #fff;
    }

    /* Blue theme underline (replaces orange /img/banners/icon-3.png) */
    section.footer_bt h1.mtp-footer-heading {
        position: relative;
        display: inline-block;
        padding-bottom: 14px;
        margin-bottom: 8px;
    }

    section.footer_bt h1.mtp-footer-heading::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 72px;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, #1A6BC4 0%, #9BC4E8 100%);
        box-shadow: 0 0 0 1px rgba(155, 196, 232, 0.25);
    }

    section.footer_bt h1.mtp-footer-heading::before {
        content: "";
        position: absolute;
        left: 30px;
        bottom: -3px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #0057AD;
        border: 2px solid #9BC4E8;
        box-sizing: border-box;
        z-index: 1;
    }

ul.quicklk li a i {
    margin-right: 5px;
}

.footer_bt p {
    font-size: 16px;
    color: #fff;
    margin: 0 0 20px 0;
}

.container.powerderBy {
    padding: 20px 16px;
    border-top: 1px solid #fff;
    margin-top: 30px;
}

ul.quicklk {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

    ul.quicklk li a {
        display: block;
        font-size: 17px;
        padding: 5px;
        margin-top: 2px;
    }

img.logo_i {
    width: 280px;
    max-width: 80%;
    margin: 20px 0;
}

i.fa-solid.fa-arrow-right {
    margin: 0 10px;
}

.Planning h1 {
    font-size: 40px;
    font-weight: 400;
    margin-top: 20px;
}

    .Planning h1 span {
        font-weight: 700;
        color: #0057AD;
    }

a.Lets {
    font-size: 18px;
    border: 1px solid #0057AD;
    padding: 10px 30px;
    border-radius: 30px;
    color: #0057AD;
    outline: none;
    float: right;
}

ul.navbar-nav.ms-auto li:hover img.icon_icon {
    display: none;
}

ul.navbar-nav.ms-auto li:hover img.icon_icon_hide {
    display: block;
}

<ul.navbar-nav.ms-auto li:hover p {
    color: #0057AD;
}

ul.navbar-nav.ms-auto li {
    width: auto;
    height: auto;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
}

a.nav_link.Touch {
    background: #0057AD;
    padding: 11px 25px;
    line-height: 1;
    border-radius: 30px;
    color: #fff;
    margin: 2px;
}

    a.nav_link.Touch:hover {
        background: #1A6BC4;
    }

a.nav_link p {
    color: #0A3A6B;
    margin: 6px 0 0px 0;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
}

a.Lets:hover {
    border: 1px solid #0057AD;
    color: #fff;
    background: #0057AD;
}

ul.option_s li img {
    width: 20px;
    height: auto;
}

ul.option_s {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: end;
    margin: 0;
    padding: 0;
}

    ul.option_s li {
        display: block;
        margin: 0 3px;
        padding: 0 10px;
        border-right: 1px solid #f5f5f5;
    }

ul.list_naviBar {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px 10px;
    margin: 0 auto;
}

.img_flx {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    margin: 8px;
}

    .img_flx img {
        width: 100%;
        height: 100%;
    }

li.nav-bar {
    display: block;
}

.right_text {
    padding: 20px;
}

    .right_text h2 {
        font-size: 24px;
        line-height: 1.5;
    }

    .right_text p {
        font-size: 18px;
        line-height: 1.7;
    }

a.nav.nav-link {
    display: block;
    padding: 7px 20px;
    background: none;
    border-radius: 30px;
    margin: 5px;
    font-size: 19px;
    color: #0A3A6B;
    font-weight: 500;
}

    a.nav.nav-link.active {
        background: #fff;
    }

.list_navi {
    background: #ffffffbf;
    display: inline-block;
    margin: 0 auto;
    padding: 5px 2px;
    border-radius: 999px;
}

a.nav.nav-link img {
    width: 30px;
    margin-right: 5px;
}

.box_shadows {
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 20px 0 0 0;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
}

.box_shadow p {
    font-size: 14px;
    color: #282828;
    margin-bottom: 10px;
}

button.btn-raise {
    background: #0A3A6B;
    font-size: 12px;
    padding: 2px 13px;
    border-radius: 4px;
    margin: 6px 0;
    color: #fff;
    cursor: pointer;
}

.box_shadows img {
    width: 35px;
    margin: 0 10px 0 0;
}

.important_info h4 {
    font-size: 16px;
    background: #eee;
    padding: 10px 15px;
    border-left: 4px solid #0A3A6B;
    margin-top: 30px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

img.icon_icon {
    width: 30px;
    height: auto;
    display: block;
    margin: 0 auto;
}

img.icon_icon_hide {
    width: 30px;
    height: auto;
    display: none;
    margin: 0 auto;
}

ul.nav.nav_bar.navigation li:hover p {
    color: #ffffff;
}

ul.nav.nav_bar.navigation li:hover img.icon_icon_hide {
    display: block;
}

a.nav_link.active img.icon_icon_hide {
    display: block;
}

a.nav_link.active img.icon_icon {
    display: none;
}

a.nav_link.active p {
    color: #0057AD;
}

ul.nav.nav_bar.navigation li:hover img.icon_icon {
    display: none;
}

a.nav_link {
    display: block;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 5px;
    cursor: pointer;
    outline: none;
}

h1.chep_price {
    font-size: 18px;
    font-weight: 500;
    color: #282828;
    text-align: right;
    margin: 0;
    padding: 4px 0 0 0;
    vertical-align: text-bottom;
}

select.form-control.form-select {
    border: 1px solid #0A3A6B;
}

.Traveller label.form-check-label {
    color: #0A3A6B;
}

.FlightSlid {
    background: #fff;
}

.datPrice {
    background: #fff;
    border-left: 1px solid #ccc;
    padding: 10px 10px;
    text-align: center;
}

    .datPrice h6 {
        font-size: 16px;
        margin: 0;
        font-weight:500;
    }

    .datPrice p {
        font-size: 14px;
        margin: 3px 0 0 0;
    }
.accordion-body .form-check-label {
    color: #383838;
    font-size: 15px;
    word-wrap: break-word;
}
.flight_from h3 {
    font-size: 23px;
    font-weight: 500;
    margin: 0 0 10px 0;
}
.FlightSlid {
    background: #fff;
    padding: 0px 0px;
    border-radius: 10px;
    box-shadow: 0 0 4px #bbbbbb;
    margin-bottom:10px;
}
.flight_top_result_banner {
    background-image: url(/images/flight-banner.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 110px 0 20px 0;
}
.flight_top_banner {
    background-image: url(/images/flight-banner.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 120px 0 210px 0;
}

.Search_form {
    background: #fbfbfb;
    margin-top: 0;
    padding: 14px 16px 48px;
    border-radius: 10px;
    box-shadow: 0 0 5px #ccc;
    margin-bottom: 20px;
}

.flight_top_banner_hotel {
    background-image: url(/images/banner/hotel-bg-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 200px 0 100px 0;
}

.Bus_top_banner {
    background-image: linear-gradient(rgba(9, 16, 44, .55), rgba(9, 16, 44, .55)), url(/images/Banner/Bus-banner.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 80px 0;
}

ul.nav.nav-pills.offer_dels {
    justify-content: center;
}

    ul.nav.nav-pills.offer_dels a.nav-link {
        color: #0A3A6B;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        padding: 6px 25px;
    }

        ul.nav.nav-pills.offer_dels a.nav-link.active {
            background-color: #0A3A6B;
            border-radius: 50px;
            color: #fff;
        }

.bus_serch {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    max-width: 100%;
}

.s_col_1 {
    width: 310px;
    padding: 10px 5px;
    display: flex;
    align-items: center;
    float: left;
    position: relative;
    border-right: 1px solid #d6d3d3;
}

.text_flgt h6 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.text_flgt p {
    font-size: 15px;
    margin: 0;
}

.text_flgt {
    margin: auto;
}

.loctn img {
    width: 100%;
    height: 100%;
}

.popular_trip {
    box-shadow: 2px 7px 6px 5px #ccc;
    padding: 20px;
    border-radius: 10px;
}

section.Popular {
    background: #fbfbfb;
    padding: 30px 0;
}

section.Cheapest {
    padding: 20px 0 50px 0;
}

h1.headinged {
    font-size: 30px;
    margin: 19px 0 25px 0px;
    text-align: center;
}

.prodct {
    padding: 9px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: #fff;
    border-radius: 4px;
}

.click_deal {
    display: block;
    width: 80%;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
}

.loctn {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.text_flgt {
    display: block;
    width: calc(100% - 85px);
}

p.fromTo {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    display: flex;
    flex-direction: row;
}

p.faleft {
    font-size: 19px;
    margin: 8px 0;
    font-weight: 500;
    color: #c23a36;
    text-transform: uppercase;
    display: flex;
    line-height: 1;
}

p.fromTo i {
    margin: 0 5px;
}

p.datr {
    font-size: 15px;
    margin: 0;
    display: block;
}

span.price {
    font-size: 20px;
    font-weight: 600;
    float: right;
}



.d-flex-fare {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px;
}

.s_col_1.travelr_clas {
    width: 230px;
    padding-left: 20px;
}

.date_bssc {
    width: 200px;
    border-right: 0;
    border-right: 1px solid #d6d3d3;
}

.Rooms_Guests_Ser {
    text-align: center;
    margin-top: -36px;
}

button.pl-search-bn {
    display: inline-block;
    font-size: 28px;
    line-height: 1.2;
    background: #0057AD;
    padding: 16px 72px;
    min-width: 240px;
    min-height: 60px;
    font-weight: 600;
    color: #fff;
    margin: 0px 0;
    border: none;
    border-radius: 16px;
}

    button.pl-search-bn:hover {
        background: #1A6BC4;
        color: #fff;
    }

.right_text {
    padding: 20px;
}

    .right_text p {
        font-size: 18px;
        line-height: 1.7;
    }

    .right_text h2 {
        font-size: 24px;
        line-height: 1.5;
    }

img.bus_ic {
    width: 30px;
    height: auto;
    margin: auto auto;
}

button.btn-send {
    font-size: 17px;
    padding: 10px 30px;
    background: #0A3A6B;
    display: block;
    border-radius: 6px;
    /* background: #ccc; */
    color: #fff;
    cursor: pointer;
    outline: none;
    margin: 0 10px;
}

    button.btn-send:hover {
        background: #0A3A6B;
        color: #0A3A6B;
    }

.app_img {
    width: 90px;
    height: auto;
    padding: 10px;
    float: left;
}

.app_contnt {
    display: block;
    width: 100%;
    /* margin-left: 100px; */
}

    .app_contnt h5 {
        font-size: 20px;
        color: #0A3A6B;
        margin: 7px 0;
    }

    .app_contnt p {
        font-size: 16px;
        color: #000;
    }

.AppDown {
    border: 1px dashed #ccc;
    padding: 20px;
    border-radius: 10px;
}

.text_flgt h6 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.text_flgt p {
    font-size: 15px;
    margin: 0;
}

.text_flgt {
    margin: auto;
}

.loctn img {
    width: 100%;
    height: 100%;
}

input.form-controls {
    display: block;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 16px;
    color: #000;
    border-radius: 4px;
    width: 300px;
}

.mob_link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
    margin: 20px 0;
}

.bus_icon_img {
    display: block;
    width: 60px;
    text-align: center;
    min-width: 60px;
}

ul.navbar-nav.ms-auto li.last_nevi {
    position: relative;
}

ul.list_url {
    position: absolute;
    right: 0;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 200px;
    text-align: left;
    top: 73px;
    display: none;
}

    ul.list_url li a {
        display: block;
        text-align: left;
        color: #0A3A6B;
        background: #f1f1f1;
        font-size: 16px;
        padding: 10px;
        margin: 6px 0;
        cursor: pointer;
    }

        ul.list_url li a:hover {
            background: #f5f5f5;
        }

a.swiper_bus {
    position: absolute;
    margin: 30px 0 0 0px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px #c7c3c3;
    right: -13px;
    top: 0;
    z-index: 9;
}

    a.swiper_bus img {
        width: 30px;
    }

.bus_icon {
    display: block;
    position: relative;
    width: calc(100% - 60px);
}

    .bus_icon p {
        font-size: 14px;
        margin: 0;
        padding: 0;
        color: #2f345b;
        text-transform: uppercase;
        font-weight: 500;
    }

.tellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bus_icon p.tellipsis {
    text-transform: capitalize;
}

.bus_icon p.area_nm {
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #0A3A6B;
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    border: 1px solid #ccc;
    margin: 10px 0;
}

.dest_nam {
    font-size: 25px;
    font-weight: 600;
    color: #0A3A6B;
    margin: 4px 0;
}

p.view_diply {
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #0A3A6B;
}

.dest_nam span {
    font-size: 14px;
    font-weight: 400;
    color: #0A3A6B;
    margin: 0 2px;
    vertical-align: middle;
}

a.Today {
    font-size: 14px;
    padding: 5px 10px;
    margin: 3px;
    color: #0A3A6B;
    border: 1px solid #0A3A6B;
    background: #fff;
}

    a.Today:hover {
        border: 1px solid #0A3A6B;
        background: #0A3A6B;
    }

._toprflcont {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 15px 0 15px 0;
    flex-direction: column;
    justify-content: center;
}

section.footer_top {
    background: #fff;
    /* background: url(/images//bg-world-map.jpg); */
    width: 100%;
    background-position: center;
    background-size: cover;
    padding: 22px 0 30px 0;
    background-repeat: no-repeat;
    border-top: 10px solid #0A3A6B;
}

.total_amount {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 15px;
    background: #ffffff;
    bottom: 0;
    border-top: 1px solid #ccc;
    margin-top: 40px;
    padding-top: 20px;
}

p.Grand {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    color: #0A3A6B;
    font-weight: 500;
}

.total_amount h1 {
    font-size: 33px;
    margin: 0;
    line-height: 1;
    padding: 12px 0 0 0;
    color: #7EB6E8;
}

img.flight_name {
    width: auto;
    max-width: 50px;
    height: auto;
    margin-bottom: 3px;
}

ul.rlst_flight_detls {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px 0;
    margin-bottom: 5px;
}

    ul.rlst_flight_detls li {
        padding: 2px 7px;
        border-right: 1px solid #ccc;
        color: #282828;
    }

h3.destnation {
    font-size: 18px;
    font-weight: 500;
    color: #110a42;
    padding: 0;
    margin: 0;
}

.d-flex.flgt_dlts {
    padding: 10px 0;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
}

.img_img_flight {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 15px;
}

.text_img_t p {
    margin: 0;
}

img {
    max-width: 100%;
}

._hdrtxt {
    font-size: 34px;
    font-weight: 700;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #0A3A6B;
}
.owl-theme .owl-nav{
    margin-top:0px;
}
.PackgItem {
    position: relative;
}

    .PackgItem .owl-nav {
        position: absolute;
        top: -55px; /* adjust as needed */
        right: 0;
        width: 90px;
    }

        .PackgItem .owl-nav button.owl-prev,
        .PackgItem .owl-nav button.owl-next {
            position: absolute;
            width: 35px;
            height: 35px;
            margin: 0 !important;
            padding: 0 !important;
            background: #0A3A6B !important;
            border-radius: 50% !important;
            border: none !important;
            box-shadow: 0 2px 8px rgba(10, 58, 107, 0.2);
            overflow: visible;
        }

        .PackgItem .owl-nav button.owl-prev {
            right: 45px;
        }

        .PackgItem .owl-nav button.owl-next {
            right: 0;
        }

        .PackgItem .owl-nav button.owl-prev:before,
        .PackgItem .owl-nav button.owl-next:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 9px;
            height: 9px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            line-height: 0;
        }

        .PackgItem .owl-nav button.owl-prev:before {
            transform: translate(-35%, -50%) rotate(-135deg);
        }

        .PackgItem .owl-nav button.owl-next:before {
            transform: translate(-65%, -50%) rotate(45deg);
        }

   

        .FlightSlidr .owl-nav button.owl-prev,
        .FlightSlidr .owl-nav button.owl-next {
            position: absolute;
            width: 35px;
            height: 35px;
            margin: 0 !important;
            padding: 0 !important;
            background: transparent !important;
            border: none !important;
        }

        .FlightSlidr .owl-nav button.owl-prev {
            left: 0;
        }

        .FlightSlidr .owl-nav button.owl-next {
            right: 0;
        }
.FlightSlidr .owl-nav button.owl-prev:before {
    content: url('../images/left-2.png');
    position: absolute;
    top: -48px;
    left: -5px;
}

.FlightSlidr .owl-nav button.owl-next:before {
    content: url('../images/right-2.png');
    position: absolute;
    top: -48px;
    right: -5px;
}

             .owl-nav button.owl-prev span,
            .owl-nav button.owl-next span {
                display: none;
            }

      

        /* Prevent movement on hover */
        .owl-nav button.owl-prev:hover,
         .owl-nav button.owl-next:hover,
         .owl-nav button.owl-prev:focus,
        .owl-nav button.owl-next:focus {
            transform: none !important;
            margin: 0 !important;
            outline: none;
        }
.datPrice.current_date {
    background: #0057AD;
    color: #fff;
}
    .datPrice.current_date h6, .datPrice.current_date p{
        color: #fff;
    }
    .d-flex-bus {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

.famous_place {
    width: 185px;
    text-align: center;
    margin-bottom: 40px;
}

.place_img {
    width: 170px;
    height: 170px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin: 10px;
    margin: 10px auto;
    box-shadow: 0 0 6px #ccc;
}

.famous_place h5 {
    font-size: 18px;
    font-weight: 500;
}

.selct {
    width: 140px;
    max-width: 100%;
    min-width: 100px;
}

.inpt {
    width: calc(100% - 140px);
    height: auto;
}

.input_fm_sr.let_date.ort input.form-control {
    border: none;
    background: none;
}

.form-control.form-control-solid {
    background-color: #fff;
    border: 1px solid #0A3A6B8f;
    color: #403732;
    transition: color .2s ease;
}

.Search_form {
    width: 100%;
    max-width: 1320px;
    height: auto;
    margin: 0 auto;
    background: #fbfbfb;
    margin-top: 0;
    padding: 14px 16px 48px;
    border-radius: 10px;
    box-shadow: 0 0 5px #ccc;
}

.top_main_taber {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.left_taber {
    width: 720px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.input_fm_sbc {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 360px;
}

.input_fm_sr {
    width: 236px;
    max-width: 100%;
    height: auto;
    position: relative;
}

a.swipers {
    position: absolute;
    margin: 10px 0 0 -11px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px #c7c3c3;
    right: -15px;
    top: 0;
    z-index: 99;
}

    a.swipers img {
        width: 30px;
    }

.input_fm_sr {
    width: 236px;
    max-width: 100%;
    height: auto;
    position: relative;
}

    .input_fm_sr.let_date {
        border: 1px solid #0A3A6B;
        display: flex;
        justify-content: space-between;
        height: 50px;
        border-radius: 4px;
        margin-bottom: 15px;
        background: #fff;
    }

    .input_fm_sr.let_date {
        border: 1px solid #0A3A6B;
        display: flex;
        justify-content: space-between;
        height: 50px;
        border-radius: 4px;
        margin-bottom: 15px;
        background: #fff;
    }

.input_fm_sr {
    width: 236px;
    max-width: 100%;
    height: auto;
    position: relative;
}

.input_fm_sr {
    width: 236px;
    max-width: 100%;
    height: auto;
    position: relative;
}

.react-datepicker__input-container {
    height: 48px !important;
    overflow: hidden;
}

.form-check.form-check-solid .form-check-input {
    border: 0;
    width: 20px;
    height: 20px;
}

.form-control {
    font-size: 15px;
    width: 100%;
    padding: 10px 5px 10px 16px;
    border-radius: 5px;
    margin: 0 0 15px 0;
    outline: none;
    height: 50px;
    color: #0A3A6B;
    font-weight: 400;
    border: 1px solid #fff;
}

    .form-control:focus {
        border-color: #0057AD;
        border: 1px solid rgb(218, 205, 101);
        outline: 0;
        box-shadow: none;
    }

img.swipers {
    width: 30px;
}

a.swipers {
    position: absolute;
    margin: 10px 0 0 -11px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px #c7c3c3;
    right: -15px;
    top: 0;
    z-index: 9;
}

input.pick_form {
    border: none;
    outline: none;
    font-size: 18px;
    position: absolute;
    font-weight: 600;
    height: 50px;
    color: #0A3A6B;
    margin: 0px 0;
    opacity: 0;
    padding: 0 0 0;
    max-width: 100%;
}

    input.pick_form.active {
        opacity: 1;
        background: #fff !important;
        z-index: 1;
    }

.se_city_name {
    font-size: 30px;
    font-weight: 600;
    color: #0A3A6B;
    margin: 0px 0;
    padding: 0 0 0;
    max-width: 100%;
}

.input_fm_sr.let_date {
    border: 1px solid #0A3A6B;
    display: flex;
    justify-content: space-between;
    height: 50px;
    border-radius: 4px;
    margin-bottom: 15px;
    background: #fff;
}

.dest_nams {
    color: #0A3A6B;
}

/* Flight details/compare use Bootstrap modals ? width is on .modal-dialog */

.pick_form::placeholder {
    font-size: 25px !important;
    color: #0A3A6B !important;
    padding-left: 0px;
    font-weight: 600;
}

.input_fm_sbc .input_fm_sr {
    width: 174px;
    margin-left: 6px;
}

.input_fm_sbc .input_fm_sr {
    width: 174px;
    margin-left: 6px;
}

.input_fm_sr {
    width: 236px;
    max-width: 100%;
    height: auto;
    position: relative;
}

.Search_form .form-control,
.Search_form .form-select.form-select-solid {
    height: 50px;
    overflow: hidden;
}

.form-select:focus,
.btn.show:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.input_fm_sbc .input_fm_sr {
    width: 174px;
    margin-left: 6px;
}

button.dropdown-toggle {
    width: 100%;
    outline: none;
    border: none;
    display: block;
    font-size: 24px;
    border-radius: 4px;
    padding: 0;
    margin-bottom: 0;
    background: #ffffff !important;
    color: #0A3A6B;
    font-weight: 600;
    text-align: left;
}

    button.dropdown-toggle:hover {
        color: #0A3A6B;
    }

.dropdown-menu.dropdown_passenger_info {
    left: 0 !important;
    width: 380px !important;
    color: #0A3A6B;
    padding: 20px;
}

.passengers-types {
    padding: 18px;
}

.passengers-ty {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 10px;
}

.type-label p {
    font-size: 14px;
    margin: 0;
    color: #0A3A6B;
    font-weight: 500;
}

select.form-select.btn_selct {
    width: 100px;
    font-size: 19px;
    padding: 5px 10px;
    border: 1px solid #0A3A6B;
    color: #0A3A6B;
    outline: none;
    height: 35px;
}

.d-flex-main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.special_view_left {
    width: 785px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.special_view_right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 290px;
}

button.btn.btn-primary-search {
    display: block;
    width: 160px;
    height: 50px;
    text-align: center;
    background: #0A3A6B;
    color: #0A3A6B;
    border: 1px solid #0A3A6B !important;
    max-width: 100%;
    margin: 0px 0 5px 10px;
}

.input_fm_srs .form-check-label {
    color: #ffffff;
    font-size: 15px;
}

.input_fm_srs {
    width: auto;
    margin-right: 20px;
}

.form-check-input:checked {
    background-color: #0A3A6B;
    border-color: #0A3A6B;
    box-shadow: none;
    outline: none;
}

button.btn.btn-primary-search:hover {
    text-align: center;
    background: #0A3A6B;
    color: #0A3A6B;
    border: 1px solid #0A3A6B !important;
}

.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:active {
    color: #0A3A6B;
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

section.client {
    background: #31325e;
    padding: 20px 0;
}

a.text-black img {
    width: 30px;
    height: auto;
    margin: 0px 10px;
}

.first-foot {
    color: #fff;
    padding: 40px 0 24px 0;
    border-bottom: 1px solid #f1f1f1;
}

.excite_img {
    padding: 0 30px;
}

.first-foot h4 {
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    margin: 9px 0 20px;
}

.second-footer {
    padding-bottom: 30px;
}

h3.widget-title {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    margin: 35px 0 15px 0;
}

a.links {
    display: block;
    width: 100%;
}

    a.links:hover {
        color: #fff;
    }

ul.list_ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

a.link {
    font-size: 14px;
    color: #0B1E33;
    background: #fff;
    margin: 5px;
    padding: 7px 20px;
    border-radius: 16px;
    box-shadow: 0 0 4px #fff;
}

.list_destinto {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.bg-ig {
    width: 100px;
    height: 100px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    margin: 8px;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    color: #0A3A6B;
    overflow: hidden;
}

._toprflcont {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 80px 0 60px 0;
    flex-direction: column;
    justify-content: center;
}

._hdrtxt {
    font-size: 36px;
    font-weight: 700;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #0A3A6B;
}

    ._hdrtxt:before {
        content: '';
        background: url(/images/triwings-left.svg);
        width: 37px;
        position: absolute;
        left: -44px;
        height: 12px;
        background-size: 100%;
    }

    ._hdrtxt:after {
        content: '';
        background: url(/images/triwings.svg);
        width: 37px;
        position: absolute;
        right: -44px;
        height: 12px;
        background-size: 100%;
    }

.d-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.place_img {
    width: 170px;
    height: 170px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin: 10px;
    padding: 10px;
    margin: 6px auto;
}

.mk-business-pr .mk-doted-lg {
    right: 102px;
    top: 83px;
    z-index: -1;
    width: 265px;
}

.position-absolute {
    position: absolute !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.mk-business-pr {
    z-index: 1;
}

.position-relative {
    position: relative !important;
}

.mk-business-reports li .icon-wrapper {
    width: 56px;
    height: 56px;
    background: rgba(255, 114, 75, .15);
}

li.d-flex.align-items-start.mk-bg-secondary,
li.d-flex.align-items-start.mk-bg-primary {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.main_lst {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    ;
}

.contnt_imgs img {
    width: 30px;
    margin-right: 8px;
}

.contnt_imgs img {
    width: 30px;
    height: 30px;
}

.contnt_imgs p {
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #0A3A6B;
    font-weight: 500;
}

.contnt_imgs {
    padding: 10px 20px;
    border-right: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    .contnt_imgs p span {
        font-size: 12px;
        font-weight: 400;
    }

    .contnt_imgs:last-child {
        border-right: none
    }
/* Hotel Start */

h1.stay {
    font-size: 40px;
    display: block;
    margin: 10px 0 30px 0;
    color: #fff;
}

.no_padding {
    padding: 0 4px;
}

button.btn.btn-primary.full-width.uppercase {
    width: 100%;
    text-transform: uppercase;
}

.main_hotl_srch {
    flex-direction: row;
    padding: 20px 0;
    width: 100%;
    flex-wrap: wrap;
}

ul.list_more_opt_hotl {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    ul.list_more_opt_hotl li {
        display: flex;
        width: 260px;
        margin-right: 5px;
    }

.mor_lft {
    font-size: 14px;
    font-weight: 600;
    padding: 3px 0;
    width: 100px;
    color: #fff;
}

.mor_rght {
    width: 160px;
}

.selector {
    width: auto;
    max-width: 150px;
}

select#SelectStarRating {
    border-right: 1px solid #fff;
}

select#SelectStarRating,
select#SelectCurrency {
    background: none;
    color: #fff;
    padding: 1px 10px;
    line-height: 1;
    height: auto;
    display: initial;
    border: none;
    border-radius: 0;
    outline: none;
}

    select#SelectStarRating option,
    select#SelectCurrency option {
        color: #000;
    }

.escapes-section {
    padding: 60px 0px;
    text-align: center;
    background: url(/images/hotel/handpick-banner.png) no-repeat center center;
    background-size: cover;
}

.escapes-header h2 {
    font-size: 34px;
    font-weight: 600;
    color: #0A3A6B;
    margin-bottom: 0px;
}

.escapes-header p {
    font-size: 18px;
    color: #444;
    margin-bottom: 23px;
    padding: 0;
    margin-top: 1px;
}

.image_se {
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: 10px;
}


    .image_se:hover img {
        transform: scale(1.1);
    }

    .image_se img {
        width: 100%;
        height: 100%;
        transition: 0.3s;
    }

.text_for h3 {
    font-size: 20px;
    line-height: 1;
    margin: 4px 0;
    color: #fff;
}

.text_for p {
    font-size: 15px;
    color: #fff;
}

.text_for {
    display: block;
    margin-top: -65px;
    text-align: left;
    padding: 0 20px;
    position: relative;
}

.Hotl_serch {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    max-width: 100%;
}

.theme_tx {
    display: block;
    width: 100%;
}

    .theme_tx h3 {
        font-size: 25px;
        color: #fff;
        text-align: right;
        margin: 0px 0;
    }

.form_ful {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 0;
    margin: 5px auto;
    border: 1px solid #ccc;
}

.Rooms_Guests_Serch button {
    width: 100%;
    cursor: pointer;
    background: #0A3A6B;
    height: 100%;
    text-align: center;
    padding: 38px 0;
    display: block;
    color: #fff;
    font-size: 20px;
    outline: 0;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    background-repeat: no-repeat;
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
}

a.Serch:hover {
    background: #090524;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

button.Serch {
    width: 100%;
    cursor: pointer;
    background: #0A3A6B;
    height: 100%;
    text-align: center;
    padding: 38px 0;
    display: block;
    color: #0A3A6B;
    font-size: 20px;
    outline: 0;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    background-repeat: no-repeat;
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
}

    button.Serch:hover {
        background: #090524;
        -webkit-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear;
    }

.Destnion {
    width: 400px;
    border-right: 1px solid #e7e7e7;
    padding: 10px 0 10px 20px;
    min-height: 100px;
}

.Destnion_date {
    width: 175px;
    border-right: 1px solid #e7e7e7;
    position: relative;
    padding: 10px 0 10px 20px;
}

.Rooms_Guests {
    width: 250px;
    position: relative;
    padding: 10px 0 10px 20px;
}

.Rooms_Guests_Serch button {
    width: 170px;
    position: relative;
    margin-left: auto;
}

.Hotel_top_banner p {
    margin-bottom: 0px;
}

.Destnion p,
.Destnion_date p,
.Rooms_Guests p {
    font-size: 14px;
    color: #7E7979;
    font-weight: 300;
}

p.view_diply {
    color: #0A3A6B;
    font-weight: 300;
}

.Destnion i,
.Destnion_date i,
.Rooms_Guests i {
    margin-right: 5px;
}

input.form_control_hotel {
    font-size: 22px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    color: #0A3A6B;
    width: 100%;
    overflow: hidden;
    font-weight: 600;
    margin: 2px 0;
    line-height: 1;
}

.dest_name {
    font-size: 25px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    color: #0A3A6B;
    width: 100%;
    overflow: hidden;
    font-weight: 600;
    margin: 2px 0;
    line-height: 1.4;
}


.detinion {
    padding: 0 20px;
    position: relative;
}

    .detinion ul.autosuggetsList {
        top: 50px;
    }

.dat_display {
    display: block;
    width: 100%;
    height: auto;
    font-size: 25px;
    font-weight: 700;
    color: #0A3A6B;
    line-height: 1.4;
    margin: 2px 0 0 0;
}

    .dat_display span {
        font-size: 14px;
        font-weight: 400;
        color: #0A3A6B;
        margin: 0 2px;
        vertical-align: middle;
    }

.Adlt_pax {
    display: block;
    height: auto;
    font-size: 25px;
    font-weight: 700;
    color: #0A3A6B;
    line-height: 1.4;
    margin: 2px 0 0 0;
}

    .Adlt_pax span {
        font-size: 14px;
        font-weight: 400;
        color: #282828;
        margin: 0 10px 0 2px;
        vertical-align: middle;
    }

.pax_no {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.hotel.dropdown_passenger_info {
    left: 0 !important;
    width: 380px !important;
    color: #000;
    padding: 20px;
    position: absolute;
    background: #fff;
    z-index: 9;
    display: none;
}

.hotel.dropdown_passenger_in {
    left: 0;
    text-align: left;
    width: 380px !important;
    color: #000;
    padding: 20px;
    position: absolute;
    background: #fff;
    z-index: 9;
}

img.down {
    width: 20px;
    height: 13px;
    display: inline-block;
    margin-top: 15px;
}

.se_l_d-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: start;
}

.d-flex-lft {
    margin-right: 10px;
    padding: 0 12px 0 0;
    /* line-height: 1; */
}

.traveller-calulate-persons .passengers .passengers-types {
    padding-top: 15px;
}

    .traveller-calulate-persons .passengers .passengers-types .passengers-type {
        display: flex;
        align-items: center;
        padding: 0px 10px;
        justify-content: space-between;
    }

.traveller-calulate-persons .passengers .passengers-type {
    display: flex;
    align-items: center;
    padding: 0px 10px;
    justify-content: space-between;
}

.passengers-types .form-select.form-select-solid {
    margin-bottom: 10px;
}

.traveller-calulate-persons .passengers .passengers-types .passengers-type .text {
    align-items: center;
    display: flex;
}

    .traveller-calulate-persons .passengers .passengers-types .passengers-type .text .type-label span {
        font-size: 12px;
        color: #0A3A6B;
    }

.button-set {
    width: 100px;
}

.type-label p {
    font-size: 14px;
    margin: 0;
    color: #0A3A6B;
    font-weight: 500;
}

.passengers {
    border-bottom: 1px solid #d6d3d3;
    margin-bottom: 10px;
}

    .passengers h6 {
        font-size: 16px;
        margin: 5px 0 0 7px;
        display: block;
        color: #0A3A6B;
        font-weight: 600;
    }

    .passengers:last-child {
        border-bottom: none;
    }

a.click-to-add-room {
    font-size: 12px;
    background: #ffffff;
    padding: 10px;
    border-radius: 4px;
    margin: 4px;
    display: block;
    line-height: 1;
    border: 1px solid #0A3A6B;
    color: #0A3A6B;
}

a.click-to-remove-room {
    font-size: 12px;
    background: #ff0000;
    border: 1px solid #ff0000;
    padding: 10px;
    border-radius: 4px;
    margin: 4px;
    display: block;
    line-height: 1;
    color: #fff;
}

a.done_selct {
    font-size: 12px;
    background: #0A3A6B;
    border: 1px solid #0A3A6B;
    padding: 10px;
    border-radius: 4px;
    margin: 4px;
    display: block;
    line-height: 1;
    color: #fff;
}

    a.done_selct:hover {
        background: #0A3A6B;
        border: 1px solid #0A3A6B;
        color: #0A3A6B;
    }

section.modify_serch {
    display: block;
    width: 100%;
    background: #fff;
    padding: 8px;
    box-shadow: 0 0 5px #0A3A6B;
    margin-top: 18px;
}

select.form-selct {
    font-size: 15px;
    width: 100%;
    padding: 10px 5px 10px 16px;
    border-radius: 5px;
    margin: 0 0 15px 0;
    outline: none;
    height: 44px;
    color: #000;
    font-weight: 400;
    border: 1px solid #0A3A6B;
}

.col-msd-1 {
    width: 150px;
    height: auto;
    padding: 5px;
}

    .col-msd-1.city_hotl {
        width: 350px;
    }

.form_gp label {
    font-size: 13px;
    font-weight: 400;
    color: #0A3A6B;
}

.modify_serch_main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 1300px;
    margin: 0px auto;
}

a.Serch_msd {
    width: 100%;
    cursor: pointer;
    background: #0A3A6B;
    height: auto;
    text-align: center;
    padding: 10px 0;
    display: block;
    color: #0A3A6B;
    font-size: 18px;
    outline: 0;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background-repeat: no-repeat;
    border-radius: 6px 6px;
}

    a.Serch_msd:hover {
        background: #0A3A6B;
        color: #0A3A6B;
        -webkit-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear;
    }

section.Results_hotel {
    padding: 15px;
    background: none;
    background: #f1f1f1;
}

.star {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.9em;
    margin-right: 0.9em;
    margin-bottom: 1.2em;
    border-right: 0.3em solid transparent;
    border-bottom: 0.7em solid #0A3A6B;
    border-left: 0.3em solid transparent;
    font-size: 10px;
}

    .star:before,
    .star:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 0.6em;
        left: -1em;
        border-right: 1em solid transparent;
        border-bottom: 0.7em solid #0A3A6B;
        border-left: 1em solid transparent;
        transform: rotate(-35deg);
    }

    .star:after {
        transform: rotate(35deg);
    }

h3.destnation small {
    font-size: 15px;
    font-weight: 400;
    margin: 0 10px;
    color: #0A3A6B;
}

.repeat_hotel {
    background: #fff;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 10px 0;
    border-radius: 10px;
    overflow: hidden;
    /* box-shadow: 0 0 10px #000; */
}

.hotrl_img {
    width: 100%;
    height: 230px;
    background: #ccc;
}

    .hotrl_img img {
        width: 100%;
        height: 100%;
    }

.name_Address {
    display: block;
    width: 100%;
    padding: 20px 20px;
}

    .name_Address h4 {
        font-size: 22px;
        color: #0A3A6B;
        font-weight: 600;
        margin: 0 0 5px 0;
    }

p.loction {
    font-size: 14px;
    color: #282828;
    display: -webkit-box;
    width: 100%;
    height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

p.error {
    color: #ff0000;
    font-size: 12px;
    margin-bottom: 7px;
    width: 100%;
    position: absolute;
    top: 47px;
    left: 0;
}

p.loction i {
    margin-right: 10px;
}

.price_views {
    display: block;
    width: 100%;
    padding: 20px;
    text-align: center;
    border-left: 1px solid #f1f1f1;
    height: 100%;
}

p.room_only {
    font-size: 10px;
    color: #0A3A6B;
    border: 1px solid #0A3A6B;
    border-radius: 23px;
    padding: 2px 14px;
    display: inline-block;
    margin: 0;
}

p.per_day {
    font-size: 12px;
    margin: 5px 0;
    color: #ff0000;
}

h2.price {
    font-size: 30px;
    margin: 0;
    color: #0A3A6B;
}

p.taxes {
    font-size: 11px;
    margin: 0;
    color: #282828;
}

a.viewDetails {
    position: relative;
    width: 100%;
    margin-top: -44px;
    display: block;
    background: #ffffffad;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #0A3A6B;
}

a.choose_room {
    color: #0A3A6B;
    border-radius: 31px;
    padding: 8px 13px;
    margin: 10px 0px;
    display: inline-block;
    font-size: 13px;
    border: 1px solid #0A3A6B;
    font-weight: 500;
    line-height: 1.4;
}

    a.choose_room:hover {
        background: #0A3A6B;
        color: #0A3A6B;
        border: 1px solid #0A3A6B;
        -webkit-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear;
    }

ul.availble {
    list-style: none;
    padding: 0;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    ul.availble img {
        width: 22px;
        margin: 2px 10px;
    }

h3.sub_heading {
    font-size: 21px;
    background: #f1f1f1;
    padding: 9px 10px;
    border-left: 4px solid #0A3A6B;
    color: #0A3A6B;
    margin: 20px 0 10px 0;
}

h3.htl_name {
    font-size: 22px;
    margin: 0 0 10px 0;
}

p.htl_add {
    font-size: 15px;
    margin-bottom: 25px;
}

.imager {
    width: 100%;
    background: #ccc;
    height: 350px;
    overflow: hidden;
}

    .imager img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

.form_gp .form-control {
    font-size: 15px;
    width: 100%;
    padding: 10px 5px 10px 16px;
    border-radius: 5px;
    margin: 0 0 15px 0;
    outline: none;
    height: 44px;
    color: #000;
    font-weight: 400;
    border: 1px solid #0A3A6B;
}

.form_gp select.form-selct {
    font-size: 15px;
    width: 100%;
    padding: 10px 5px 10px 16px;
    border-radius: 5px;
    margin: 0 0 15px 0;
    outline: none;
    height: 44px;
    color: #000;
    font-weight: 400;
    border: 1px solid #0A3A6B;
}

.special_delas {
    background: black;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin: 10px 0;
}

.box_iten {
    display: block;
    width: 100%;
    text-align: center;
}

.box_item_img {
    width: 130px;
    height: 130px;
    background: #ccc;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}

h5.Collections {
    font-size: 20px;
    font-weight: 400;
    margin: 10px 0 15px 23px;
    color: #0A3A6B;
}

.box_item_img img {
    object-fit: fill;
}

.box_item_text {
    padding: 10px;
}

    .box_item_text h4 {
        font-size: 17px;
        margin: 0;
        color: #0A3A6B;
    }

    .box_item_text p {
        font-size: 12px;
        margin: 0;
        display: -webkit-box;
        width: 100%;
        height: 32px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
    }

section.hotl_top_banner {
    padding: 20px 0;
}

.hotel_img_view {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    background: #fff;
    padding: 0px;
    border-radius: 10px;
}

.hotl_big_img {
    width: 100%;
    height: 470px;
    border-radius: 10px;
    overflow: hidden;
    background: #ccc;
}

.hotl_nm h1 {
    font-size: 24px;
    font-weight: 500;
    color: #0A3A6B;
}

.hotl_nm p {
    font-size: 15px;
    margin: 0;
}

.details_viw {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    margin: 20px 0;
}

    .details_viw h3 {
        font-size: 23px;
        padding: 2px 10px;
        border-left: 4px solid #0A3A6B;
        margin: 10px 0 0px 0;
        color: #0A3A6B;
    }

.small_top {
    width: 100%;
    height: 225px;
    overflow: hidden;
    margin: 0 0 20px 0;
    border-radius: 10px;
}

.small_botom {
    width: 100%;
    height: 225px;
    border-radius: 10px;
    overflow: hidden;
}

.right_detailx {
    width: 100%;
    height: auto;
}

table.table.table-bordered p {
    margin: 0;
    padding: 0;
}

p.roon_only {
    font-size: 12px;
    color: #0A3A6B;
}

p.refnt {
    font-size: 14px;
    color: #ff0000;
    margin: 9px 0;
    display: block;
}

p.prce {
    font-size: 13px;
    line-height: 1.2;
}

h4.cll_rupe {
    font-size: 22px;
    margin: 10px 0;
}

a.bok-now {
    display: block;
    background: #ffffff;
    color: #0A3A6B;
    font-size: 12px;
    border: 1px solid #0A3A6B;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    padding: 0px 24px;
}

    a.bok-now:hover {
        background: #0A3A6B;
        color: #0A3A6B;
        border: 1px solid #0A3A6B;
    }

ul.aminities {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    ul.aminities li {
        margin: 7px;
        width: 30%;
    }

section.booking_top_banner {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 20px;
}

.mamage_depo h3 {
    font-size: 24px;
    line-height: 1.4;
    color: #000;
    font-weight: 500;
    margin-bottom: 8px;
}

a.click_back {
    display: block;
    border: 1px dashed #0A3A6B;
    padding: 4px 0 0 0;
    text-align: center;
    font-size: 15px;
    color: #0A3A6B;
    width: 35px;
    border-radius: 4px;
    float: right;
    margin-right: 15px;
    height: 35px;
    border-radius: 50%;
    outline: none;
    z-index: 9;
    position: relative;
}

    a.click_back i.fa.fa-arrow-left {
        color: #0A3A6B;
        font-size: 15px;
        margin-right: 0px;
    }

h3.hotelNam {
    font-size: 18px;
    margin: 4px 0 3px 0;
    color: #990000;
}

p.p_detls {
    font-size: 14px;
    line-height: 1.4;
}

.box_date {
    background: #fff;
    padding: 9px;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
    margin: 4px;
    width: 200px;
}

    .box_date label {
        font-size: 11px;
        color: #990000;
        font-weight: 500;
        display: block;
        width: 100%;
        margin-bottom: 0;
    }

.date {
    text-align: center;
    border: 1px solid #ccc;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 100%;
}

.box_date .date label {
    width: 100%;
    margin: 0;
    padding: 5px;
}

.box_date label {
    font-size: 11px;
    color: #990000;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-bottom: 0;
}

.day {
    background: #0A3A6B !important;
    color: #0A3A6B !important;
}

p.chld_p {
    padding: 0;
    margin: 0 0 3px 0;
    font-size: 13px;
}

h3.hotelNa {
    font-size: 15px;
    color: #000;
}

h3.hotelN {
    font-size: 17px;
    margin: 5px 0 2px 0;
}

p.tarrif_rt {
    font-size: 14px;
    color: #ff0000;
}

h3.sub_headings {
    font-size: 22px;
    color: #0A3A6B;
    padding: 4px 10px;
    border-left: 3px solid #0A3A6B;
}

a.btn.btn-primary.contnt {
    font-size: 16px;
    border: 1px solid #0A3A6B;
    padding: 10px 30px;
    border-radius: 6px;
    color: #0A3A6B;
    background: #0A3A6B;
    margin-right: 10px;
    display: inline;
    width: auto;
}

.check_out_bg {
    background: url(/images/bg-world-map.jpg) no-repeat center center;
    background-size: cover;
}


img.city_icon {
    width: 16px;
    vertical-align: middle;
    margin: 0 4px 0 0;
}


.item.imgSlider {
    width: 100%;
    height: 350px;
    border: 10px solid #0A3A6B;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
}

.imgSlider image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.owl-carousel .owl-item .imgSlider img {
    display: block;
    width: 100%;
    height: 100%;
}

p.thankyou {
    font-size: 24px;
    color: #c53333;
    margin: 30px 0;
    text-align: center;
}

.required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: var(--bs-danger);
    padding-left: 0.25rem;
    font-weight: 600;
}

span.colr_box {
    width: 20px;
    height: 20px;
    background: #ccc;
    margin-right: 10px;
}

.flight_orint img {
    width: 56px;
}

.flight_orint {
    padding: 5px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .flight_orint h5 {
        color: #0A3A6B;
        font-weight: 600;
        margin: 6px 0;
        font-size: 20px;
    }

span.fees {
    width: 20px;
    height: 20px;
    background: #0A3A6B;
    margin-right: 10px;
}

span.Available {
    width: 20px;
    height: 20px;
    background: #0d6efd;
    margin-right: 10px;
}

span.Occupied {
    width: 20px;
    height: 20px;
    background: #adb5bd;
    margin-right: 10px;
}

span.isExitRow {
    width: 20px;
    height: 20px;
    background: #ffc107;
    margin-right: 10px;
}

span.Selected {
    width: 20px;
    height: 20px;
    background: #198754;
    margin-right: 10px;
}

.tab-content .d-flex {
    justify-content: start;
}

button.del_uid_Sectr {
    background: none;
    color: #0A3A6B;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 5px;
    border: 2px solid #7EB6E8;
    text-transform: uppercase;
    border-radius: 28px;
    padding: 10px 30px;
}

p.del_uid {
    font-size: 23px;
    font-weight: 600;
    color: #0A3A6B;
    margin: 22px 10px 40px 10px;
    border-bottom: 2px solid #7EB6E8;
    padding: 10px 10px;
}

.d-flexs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 2px;
}

.box_shadow_meal {
    box-shadow: 0 0 4px #d3cccc;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    margin: 5px;
    /* width: 210px; */
}

.M_img_A {
    width: 50px;
    height: 50px;
    padding: 5px;
}

a.btn.btn-primary.nav-link.active {
    background: #bf312e;
}

.box_shadow_meal img {
    width: 60px;
    max-width: 90%;
    height: auto;
    max-height: 90px;
    margin-bottom: 5px;
}

.M_img_B {
    width: 150px;
    padding: 0 5px;
}

.M_img_C {
    width: 85px;
    height: auto;
}

h1.offcanvas-title {
    font-size: 22px;
    font-weight: 500;
    color: #0A3A6B;
    border-left: 4px solid #0A3A6B;
    padding: 2px 10px;
}

h4.modal-title {
    font-size: 25px;
    color: #0A3A6B;
    border-left: 4px solid #0A3A6B;
    padding: 2px 10px;
}

img.flgt {
    width: 30px;
}

img.flg {
    width: 16px;
    margin-right: 6px;
}

.s_col_1.date_bssc.disabled {
    opacity: .3;
}

.date_bssc.multi {
    width: 300px;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: none;
    color: #0A3A6B;
    outline: none;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: none;
    color: #0A3A6B;
    outline: none;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: none;
    color: #0A3A6B;
    outline: none;
}

button.btn.btn-primary-serch {
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid #0A3A6B;
    border-radius: 30px;
    padding: 10px 30px;
    margin: 10px;
    color: #ffffff;
    background: #0A3A6B;
}

section.clickRepeating {
    border-top: 1px solid #ccc;
}

i.fa-solid.fa-close {
    color: #ff0000;
    border: 1px solid #ff0000;
    padding: 10px;
    border-radius: 50px;
}

button.btn.btn-add {
    font-size: 17px;
    text-transform: uppercase;
    color: #ffffff;
    border: 1px solid #c33a37;
    padding: 10px 15px;
    border-radius: 31px;
    margin: 10px;
    background: #c33a37;
}

section.clickRept {
    border-top: 1px solid #ccc;
}

.multiCity {
    width: 300px;
    padding: 10px;
    display: flex;
    align-items: center;
    float: left;
    position: relative;
    border-right: 1px solid #d6d3d3;
}

    .multiCity.search_m {
        width: 420px;
        border-right: none;
    }

.box_shadow_meal h6 {
    font-size: 13px;
    color: #0A3A6B;
    margin: 0;
    text-align: center;
    border: none;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 52px;
}

.box_shadow_meal p {
    font-size: 16px;
    font-weight: 600;
    color: #0A3A6B;
    margin-bottom: 5px;
}

button.btn-btn-sm {
    background: #fff;
    padding: 2px 10px;
    margin: 0;
    border-radius: 4px;
    box-shadow: 0 0 4px #ccc;
    text-transform: uppercase;
    font-weight: 500;
}

button.btn.btn-primary, a.btn.btn-primary {
    font-size: 16px;
    padding: 10px 20px;
    background: #0A3A6B;
    border: 1px solid #0A3A6B;
    color: #fff;
    outline: none;
    margin: 20px 0;
}

h6.ruler {
    font-size: 20px;
    font-weight: 600;
    color: #0A3A6B;
    margin: 15px 0 0px 0;
    border-left: 3px solid #0A3A6B;
    padding: 4px 10px;
    text-transform: capitalize;
}

.form-check {
    margin-bottom: 10px;
    width: 130px;
}

.col-md-12.mb-3.remrk label {
    color: #0A3A6B;
}

textarea.form-controls {
    font-size: 15px;
    width: 100%;
    padding: 10px 5px 10px 16px;
    border-radius: 5px;
    margin: 0 0 15px 0;
    outline: none;
    height: auto;
    color: #000;
    font-weight: 400;
    border: 1px solid #7EB6E8;
}

.row.ruslt_sort.sticky {
    position: sticky;
    top: 90px;
    z-index: 9;
    box-shadow: 1px 2px 4px #ccc;
}

.row.ruslt_sort {
    background: #fff;
    padding: 12px 0;
    margin: 0;
    border-radius: 4px;
    line-height: 1;
}

h3.destnation {
    font-size: 18px;
    font-weight: 500;
    color: #110a42;
    padding: 0;
    margin: 0;
}

.share_list {
    background: #E8F3FC;
    padding: 8px 15px;
    border-radius: 10px;
    border: 1px solid #c9a04a;
    box-shadow: 0 0 4px #bbbbbb;
}

.share_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.d-flex-reco {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.fastest {
    background: #fff;
    padding: 7px;
    box-shadow: 0 0 4px #ebe9e1;
    margin: 10px 6px 7px 0;
    border-radius: 4px;
    width: 190px;
    border-bottom: 4px solid #fff;
    cursor: pointer;
}

    .fastest:hover,
    .fastest.active {
        border-bottom: 4px solid #0057AD;
        background: #E8F3FC;
    }

    .fastest img {
        width: 25px;
        height: auto;
        float: left;
        margin-right: 5px;
    }

    .fastest h4 {
        font-size: 16px;
        font-weight: 500;
        color: #000;
        line-height: 1;
        margin: 5px 0 0 0;
    }
        .fastest small {
            font-size: 14px;
            color: #000;
        }
.result_repeat {
    background: #f2f2f2;
    padding: 15px 8px 10px 8px;
    border-radius: 10px;
    margin: 15px 0;
}



.flight_img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    padding: 2px;
}

    .flight_img img {
        width: 100%;
        height: 100%;
    }

figure.flight_sect span {
    display: block;
    width: 100%;
    height: auto;
    margin: 2px;
    font-size: 13px;
    line-height: 1.1;
    color: #0A3A6B;
}

    figure.flight_sect span.multi_flgt {
        display: contents;
        color: #0A3A6B;
    }

figure.flight_sect span {
    display: block;
    width: 100%;
    height: auto;
    margin: 2px;
    font-size: 13px;
    line-height: 1.1;
    color: #0A3A6B;
}

.border-left-right {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    padding-left: 25px;
}

.timer {
    display: block;
    width: 100%;
}

    .timer h4 {
        font-size: 20px;
        margin: 0px 0 0px 0;
    }

    .timer p {
        font-size: 18px;
        margin-bottom: 0px;
    }

.deruation {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

    .deruation p {
        font-size: 14px;
        margin: 0;
    }

.bordr_top {
    display: block;
    border-top: 1px solid #0A3A6B;
    margin: 5px auto;
    width: 150px;
    max-width: 100%;
}

    .bordr_top i {
        margin: -8px 0 0 0;
        display: block;
        color: #0A3A6B;
        font-size: 16px;
    }

p.stops {
    color: #eb2121;
    font-size: 12px !important;
    margin-top: 4px;
}

.timer {
    display: block;
    width: 100%;
}

.price_view {
    display: block;
    width: 100%;
    text-align: center;
}

.flight_charge i {
    margin-right: 5px;
}

.flight_charge {
    font-size: 28px;
    font-weight: 600;
    color: #0A3A6B;
    margin-top: 2px;
}

.fw-semibold {
    font-weight: 500 !important;
}

.fs-5 {
    font-size: 1.15rem !important;
}

.d-footer {
    color: #676977;
    margin: 10px;
}

    .d-footer i {
        margin-right: 10px;
    }

.pics_prof {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0px;
    overflow: hidden;
}

    .pics_prof img {
        width: 100%;
        height: 100%;
    }

button.accordion-button {
    padding: 15px;
    font-size: 20px;
    color: #0A3A6B;
    font-weight: 500;
}

button.book_now_fly {
    border: none;
    display: block;
    margin: 3px auto;
    padding: 9px 8px 7px 9px;
    border-radius: 6px;
    font-size: 15px;
    outline: none;
    color: #ffffff;
    background: #0057AD;
    width: 120px;
    max-width: 100%;
    cursor: pointer;
    line-height: 1.4;
}

ul.list_service {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}
figure.flight_sect span.airlineImage {
    font-size: 20px;
    font-weight: 500;
    color: #000;
}
p.stop_time {
    font-size: 20px;
    border-bottom: 2px solid #0A3A6B;
    margin-top: 10px;
    margin-bottom: 0;
    color: #000;
    line-height: 1.2;
    padding-bottom: 4px;
    width: 100%;
    white-space: nowrap;
}
    ul.list_service li {
        display: block;
        margin: 2px 6px;
        font-size: 13px;
        color: #0A3A6B;
        text-transform: uppercase;
    }

.equipmentType {
    display: block;
    margin-right: 12px;
}

ul.list_service li i {
    margin-right: 5px;
    color: #0A3A6B;
}

.equipmentType span {
    color: #295eff;
}

.equipmentType {
    display: block;
    margin-right: 12px;
}

img.seats {
    width: 15px;
    margin-right: 4px;
}

button.book_now:hover,
a.Send_Request:hover,
button.book_now_fly:hover {
    color: #fff;
    background: #0A3A6B;
    cursor: pointer;
}
.offers {
    display: block;
    width: 86%;
    background: #2b2f5b;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    margin: 10px auto;
    border-radius: 20px;
}
a.compare {
    display: inline-block;
    font-size: 13px;
    background: #fff;
    padding: 6px 15px;
    color: #3c7bda;
    font-weight: 500;
    border-radius: 4px;
    margin: 2px 12px;
    white-space: nowrap;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
}
.timer p.terminal {
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 1;
}
    a.compare:hover {
        background: #2b2f5b;
        color: #fff;
    }
    a.flight_details {
        display: inline-block;
        font-size: 13px;
        background: #fff;
        padding: 6px 15px;
        color: #3c7bda;
        font-weight: 500;
        border-radius: 4px;
        margin: 2px 0;
        white-space: nowrap;
        cursor: pointer;
        text-decoration: none;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
    }
    a.flight_details:hover {
        background: #2b2f5b;
        color: #fff;
        text-decoration: none;
    }
p.onTime {
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #2b2f5b;
    /* text-align: right; */
}

.travel_mode {
    margin: 6px 20px 20px 6px;
}

.d-flex {
    display: flex !important;
}

.form-check.form-check-solid .form-check-input {
    border: 0;
    width: 16px;
    height: 16px;
}

.form-check-label {
    color: #ffffff;
    font-size: 15px;
}

ul.nav.nav-tabs.Serch {
    border: none;
    margin-bottom: 10px;
}

    ul.nav.nav-tabs.Serch a.nav-link {
        border-radius: 30px;
        padding: 10px 20px;
        font-size: 14px;
        color: #0A3A6B;
        background: rgba(255, 255, 255, .10);
        border: 1px solid rgb(43 48 90);
        line-height: 1;
        display: block;
        margin: 5px;
    }

        ul.nav.nav-tabs.Serch a.nav-link.active {
            border: 1px solid #0057AD;
            color: #ffffff;
            background: #0057AD;
        }

.catgry {
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid rgba(156, 170, 179, .28);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
    padding: 10px 10px;
    margin-top: -57px;
    width: max-content;
    margin: 0 auto;
    margin-top: -62px;
}

ul.space_between li {
    text-align: center;
}

.contnt_img img {
    width: 26px;
    height: 27px;
    display: inline-block;
    margin-right: 7px;
}

.contnt_img {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 5px;
}

    .contnt_img p {
        font-size: 17px;
        font-weight: 500;
        color: #0A3A6B;
        margin-bottom: 0;
    }

.defenceColm ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: unset;
    display: flex;
    gap: 20px;
    align-items: center;
}

    .defenceColm ul > li {
        float: left;
        position: relative;
        margin-right: 0px;
        display: flex;
        align-items: center;
        border: 1px solid rgba(255, 255, 255, .50);
        padding: 7px;
        border-radius: 8px;
        background: rgba(255, 255, 255, .10);
    }

.container_df {
    display: inline-block;
    position: relative;
    padding-left: 23px;
    padding-right: 3px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px;
    width: auto;
}

    .container_df input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark_df {
    position: absolute;
    top: 1px;
    left: 0;
    height: 17px;
    width: 17px;
    border-radius: 30px;
    border: 1px solid #e0e0e0;
}

.defenceColm {
    display: block;
    width: 100%;
    padding: 15px 0;
}

.d-flex-v {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
/* #Flightcompare is a Bootstrap modal ? see flight-results.css */
.d-flex-v-f {
    width: 120px;
    text-align: left;
}
.row.row-repeating {
    border: 1px solid #ccc;
    margin: 10px;
    padding: 20px;
    box-shadow: 0 0 4px #ccc;
    border-radius: 4px;
}
.d-flex-v-m {
    width: 65px;
    text-align: left;
}

span.zero {
    display: block;
    width: 10px;
    height: 10px;
    background: #981342;
    border-radius: 50%;
    margin-top: 10px;
    margin-left: 20px;
}

ul.nav.nav-tabs.nav-line-tabs.nav-line-tabs-2x.mb-5.fs-6 {
    border: none;
}

.nav-tabs .nav-link:hover {
    box-shadow: none;
}

.nav-line-tabs-2x li.nav-item {
    border: none;
    color: #ccc;
}

.nav-line-tabs-2x a.nav-link {
    font-size: 15px;
    color: #0A3A6B;
    background: none;
    box-shadow: none;
    background: #f6f6f6;
    border-radius: 9px;
    margin-right: 5px;
    padding: 10px 16px;
    border: none;
}

    .nav-line-tabs-2x a.nav-link.active {
        background: linear-gradient(287.85deg, #7D3BED 15%, #0057AD 100%);
        border-radius: 10px;
        color: #fff;
        border: none;
        border-bottom: none;
    }

.d-flex-v-l p {
    font-size: 13px;
    margin: 0;
}

.d-flex-v {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.d-flex-v-m {
    width: 65px;
    text-align: left;
}

.fhty_rg:before {
    border-left: 1px solid #fbfaef;
    content: "";
    display: block;
    height: 70px;
    left: 34px;
    top: 30px;
    width: 1px;
    z-index: 0;
    margin: -25px 1px 0px 5px;
}

i.fa.fa-plane.flights {
    font-size: 18px;
    color: #0A3A6B;
    transform: rotate(90deg);
    margin-left: -5px;
}

.fhty_rg:after {
    border-left: 1px solid #fbfaef;
    content: "";
    display: block;
    height: 65px;
    left: 32px;
    top: 140px;
    width: 1px;
    z-index: 0;
    margin: -5px 0 -17px 5px;
}

.img_flt {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
}

.flt_name {
    padding: 0 10px;
}

.d-flex-v-l h4 {
    font-size: 20px;
    margin: 0;
}

.main_left {
    width: 200px;
    background: #ffffff;
    position: fixed;
    left: 0;
    height: auto;
    min-height: 100%;
    padding: 120px 20px 0 20px;
    box-shadow: 0 0 10px #ccc;
}

ul.list_aside {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

    ul.list_aside li a {
        display: block;
        width: 100%;
        cursor: pointer;
        color: #ccc;
        padding: 5px 0;
        border-bottom: 1px solid #ccc;
        text-align: center;
    }

        ul.list_aside li a img {
            width: 35px;
            height: auto;
            margin: 4px auto;
        }

        ul.list_aside li a p {
        }

        ul.list_aside li a p {
            font-size: 14px;
            color: #000;
            margin: 4px 0;
        }

.render_dashboard {
    display: block;
    width: 100%;
    height: auto;
    padding: 110px 10px 0 220px;
}

.box-shadow {
    background: #fff;
    padding: 20px;
    display: block;
    width: 100%;
    box-shadow: 0 0 4px #bbbbbb;
    border-radius: 10px;
    margin-bottom: 10px;
}

.labl {
    background: #f3f3f3;
    padding: 10px;
    font-size: 15px;
    width: 150px;
    text-align: right;
    color: #424143;
    margin-right: 5px;
}

.labl_detls {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    padding: 10px;
    background: #f5f5f5;
    width: calc(100% - 172px);
    margin-left: 2px;
}

.complny_log img {
    width: 100%;
    height: 100%;
}

.complny_log {
    position: relative;
}

.complny_log {
    width: 200px;
    height: 210px;
    background: #fff;
    margin: 20px auto;
    text-align: center;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 0 10px #b1a2a2;
    border-radius: 10px;
}

i.fa.fa-edit.editer {
    position: absolute;
    right: 10px;
    font-size: 20px;
    color: #7EB6E8;
    cursor: pointer;
}

.d-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

h3.headings {
    font-size: 23px;
    border-left: 4px solid #0A3A6B;
    padding: 5px 10px;
    color: #0A3A6B;
    margin-bottom: 30px;
    font-weight: 600;
}

.nry {
    float: right;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
}

.card-img-absolute {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.fs-2x {
    font-size: 2rem !important;
}

.fs-2 {
    font-size: 1.5rem !important;
}

h1.PendingApproval {
    font-size: 26px;
    border-left: 4px solid #7EB6E8;
    padding: 5px 10px;
    margin-bottom: 6px;
    color: #0A3A6B;
    text-transform: uppercase;
}

.box-repeater {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 0 4px #ccc;
}

    .box-repeater h5 {
        font-size: 20px;
        font-weight: 500;
        color: #0A3A6B;
        border-bottom: 1px solid #7EB6E8;
        padding: 8px;
        margin-bottom: 10px;
    }

.d-flex-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 5px;
}

span.lbs_name {
    display: block;
    margin: 0 2px 0 0;
    min-width: 140px;
    width: 140px;
    background: #f3f3f3;
    padding: 8px;
    font-size: 14px;
    text-align: right;
    color: #424143;
}

span.lbs_name_display {
    display: block;
    font-size: 14px;
    margin: 0px;
    width: calc(100% - 145px);
    color: #000;
    font-weight: 500;
    padding: 8px;
    background: #f5f5f5;
    word-wrap: break-word;
}

img.img-fluid.img-icon {
    width: 30px;
    float: left;
    margin: 8px 7px 0 0;
}

.img-bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 65%;
}

.box_shadow a {
    display: block;
    width: 100%;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

.main_info {
    border: 1px solid #7EB6E8;
    padding: 20px;
    background: #fbfaef;
    margin: 20px 0;
    border-radius: 10px;
}

.total_amount.Dom {
    position: fixed;
    left: 0;
    width: 100%;
    height: auto;
    bottom: 0;
}

.onWords, .retrnWords {
    border-right: 1px solid #7EB6E8;
    padding: 15px 15px;
}

.prodct_lst_round {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
}

.item_bx {
    width: 20%;
    height: auto;
}

.flight_img_round {
    width: 30px;
    height: 30px;
    background: #ccc;
    border-radius: 4px;
    overflow: hidden;
}

    .flight_img_round img {
        width: 100%;
        height: 100%;
    }

.flight_se {
    padding: 4px 0;
}

.timer {
    display: block;
    width: 100%;
}

.item_bx .timer h4 {
    font-size: 18px;
    margin: 4px 0 4px 0;
}

.item_bx .timer p {
    font-size: 14px;
}

.deruation {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

    .deruation p {
        font-size: 14px;
        margin: 0;
    }

.bordr_top {
    display: block;
    border-top: 1px solid #0A3A6B;
    margin: 5px auto;
    width: 150px;
    max-width: 100%;
}

    .bordr_top i {
        margin: -8px 0 0 0;
        display: block;
        color: #0A3A6B;
        font-size: 16px;
    }

p.stops {
    color: #eb2121;
    font-size: 12px !important;
    margin-top: 4px;
}

.flight_se span {
    font-size: 11px;
    line-height: 1.4;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
}

.from_to_plc {
    position: sticky;
    top: 90px;
    z-index: 99;
    box-shadow: 0 0 4px #ccc;
    background: #fff;
}

.d_flex {
    background: #fff;
    padding: 6px 10px;
    border-radius: 5px 5px 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0px;
    border-bottom: 1px solid #7EB6E8;
}

span.plac_nam {
    font-size: 16px;
    font-weight: 600;
    color: #0A3A6B;
}

.d_flex_dxb {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 6px 14px 6px 0;
}

.d-flex-reco.intRound .fastest {
    width: auto;
    min-width: 112px;
    padding: 7px 0;
    text-align: left;
}

button.modify_btn_sr {
    font-size: 16px;
    border: none;
    background: none;
    padding: 4px 10px;
    display: inline-block;
    outline: none;
    color: #0A3A6B;
    cursor: pointer;
}

p.mode_trvel {
    display: block;
    margin: 0 0 4px 0;
    padding: 0;
}

img.img-widt {
    width: 36px;
}

p.mode_trvel span {
    font-size: 10px;
    background: #7EB6E8;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    color: #0A3A6B;
}

.cos_int_flight {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 16px 0;
    color: #0A3A6B;
}

.d-flex-reco {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    .d-flex-reco.mb-3 .fastest {
        width: 23%;
        padding: 7px 4px;
    }

.to_to_from_plc {
    position: sticky;
    top: 90px;
    z-index: 99;
    box-shadow: 0 0 10px #b7b7b9;
    background: #fff;
}

.prodct_lst_round_main {
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.prodct_lst_round_main {
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.d-flex-rnd {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    margin-top: 5px;
}

.click_detls_itrm {
    display: block;
    width: 45%;
    font-size: 14px;
    line-height: 1.4;
    padding: 5px 0 0 0;
    color: #295eff;
    cursor: pointer;
}

.item_bx.text-end .form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    margin-right: 10px;
    border: 1px solid #ff0000;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}

input.form-check-input {
    float: right;
}
.flight_charge span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    color: #000;
}
.flight_charge {
    font-size: 20px;
    font-weight: 600;
    color: #0A3A6B;
    width: 100%;
    margin-top: 2px;
}

.step-content {
    display: none;
}

    .step-content.active {
        display: block;
        margin-bottom: 20px;
    }

    .step-content .form-check-label {
        color: #0A3A6B;
    }

.form-control {
    font-size: 15px;
    width: 100%;
    padding: 10px 5px 10px 16px;
    border-radius: 5px;
    margin: 0 0 15px 0;
    outline: none;
    height: 45px;
    color: #000;
    font-weight: 400;
    border: 1px solid #ccc;
}

.container-form {
    display: block;
    width: 1250px;
    margin: 0 auto;
    max-width: 100%;
}


.form_group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.col-modify-1 {
    width: 250px;
    height: auto;
    padding: 2px;
}

.col-modify-date {
    width: 170px;
    height: auto;
    padding: 2px;
}

.col-modify-serch {
    width: 150px;
    height: auto;
    padding: 2px;
}

a.swiper_flight {
    display: block;
    float: right;
    margin: -41px -18px 0 0;
    z-index: 9;
    position: relative;
    box-shadow: 0 0 4px #000;
    /* text-shadow: 0 0 4px #000; */
    border-radius: 50%;
    background: #fff;
}

    a.swiper_flight img {
        width: 30px;
    }

button.btn-primary {
    display: block;
    width: 100%;
    background: linear-gradient(180deg, #1A6BC4 0%, #0057AD 52%, #003E80 100%);
    box-shadow: 0 2px 10px rgba(0, 62, 128, 0.28);
    color: #fff;
    font-size: 18px;
    padding: 8px;
    border-radius: 4px;
}
    button.btn-primary:hover {
        background: linear-gradient(180deg, #0057AD 0%, #003E80 55%, #c9341c 100%);
        color: #fff;
    }
    input.form_group {
        background: #fff;
        width: 100%;
        font-size: 18px;
        padding: 10px 15px;
        border-radius: 4px;
    }
.check_form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding:0 10px;
}

    .check_form .form-check-input:checked {
        background-color: #0057AD;
        border-color: #0057AD;
        box-shadow: none;
        outline: none;
        width: 18px;
        height: 18px;
    }

    .check_form .form-check-input {
        background-color: #fff;
        border-color: #fff;
        box-shadow: none;
        outline: none;
        width: 18px;
        height: 18px;
    }



@media (max-width: 767px) {
    .Hotl_serch .form_ful {
        background: none;
    }

    .Destnion {
        background: #fff;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .Destnion_date {
        width: 49%;
        border-right: 1px solid #e7e7e7;
        position: relative;
        padding: 10px 0 10px 20px;
        background: #fff;
        margin-bottom: 10px;
    }

    .Rooms_Guests {
        width: 100%;
        background: #fff;
        padding: 10px 0 10px 20px;
        margin-bottom: 10px;
    }

    .Rooms_Guests_Serch {
        width: 100%;
    }

    a.Serch {
        padding: 26px 0;
    }

    .Hotl_serch {
        padding: 0 15px;
    }
}


/*----Creative Search Box-----------*/

.autocomplete_contains {
    position: absolute;
    background: #fff;
    width: 375px;
    height: 370px;
    transition: 0.2s;
    padding: 2px;
    opacity: 0;
    visibility: hidden; /*transform:translateY(10px);*/
    top: 30%;
    z-index: 99;
    box-shadow: 0px 12px 25px rgba(0,0,0,0.18);
    border-radius: 10px;
}

    .autocomplete_contains.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }

.autcam_sibiling .icon-search {
    position: absolute;
    top: 0.67rem !important;
    left: 0.6rem !important;
}

.autcam_sibiling .input_group input {
    font-weight: 600;
    font-size: 18px;
    text-overflow: ellipsis;
    padding-right: 0.8rem;
    border: 1px solid #ccc;
    border-radius: 7px;
    width: 100%;
    padding-left: 1.6rem;
    height: 44px;
}

    .autcam_sibiling .input_group input:active, .autcam_sibiling .input_group input:focus {
        border-color: var(--secondary-color);
        outline: 1px solid var(--secondary-color);
    }

    .autcam_sibiling .input_group input::placeholder {
        color: #ccc;
    }

.autcam_sibiling {
    overflow: hidden;
}

    .autcam_sibiling .ui-autocomplete {
        width: 100% !important;
        height: 300px;
        padding-top: 0.5rem;
        left: 0 !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .autcam_sibiling .ui-widget.ui-widget-content {
        border: 0;
    }

    .autcam_sibiling .ui-menu-item {
        padding: 0.3rem 0.4rem 0.4rem 1.9rem;
        border-radius: 0px;
        font-size: 15px;
        border-bottom: 1px solid #f3f3f3;
        font-family: "Lato", sans-serif !important;
    }

        .autcam_sibiling .ui-menu-item.ui-state-focus {
            color: rgb(0, 113, 206);
            background: rgba(209, 240, 255,0.6);
            border: 0;
            border-bottom: 1px solid #f3f3f3 !important;
        }

    .autcam_sibiling .input_group .clear_txt {
        position: absolute;
        z-index: 9;
        top: 0.8rem;
        color: #8d8d8d;
        right: 0.65rem;
        background: #fff;
        cursor: pointer;
    }

        .autcam_sibiling .input_group .clear_txt:hover {
            color: rgb(0,113,206);
        }

.autocomplete_contains .dest-btn {
    border: 1px solid rgb(236, 236, 236);
    background: rgba(221, 221, 221, 0.4);
    color: rgb(0, 0, 0);
    padding: 0.2rem 1rem;
    display: inline-block;
    margin: .14rem;
    font-size: 13px;
    border-radius: 30px;
}

    .autocomplete_contains .dest-btn:hover {
        background: rgba(209, 240, 255,1);
        border: 1px solid rgba(209, 240, 255,1);
    }

.popular_dest strong {
    display: block;
    font-size: 15px;
    padding-left: 0.25rem;
    margin-bottom: 0.6rem;
    color: #444;
}

.dest-btn.active-btn {
    background: rgb(209, 240, 255);
    color: rgb(0, 113, 206);
    border-color: rgb(209, 240, 255);
    font-weight: 600;
}

.ui-menu-item::before {
    content: '' !important;
    margin-left: auto;
    margin-right: 0.2rem;
    padding-top: 0.5rem;
    transition: transform 0.3s ease-in-out;
    position: absolute;
    left: 8px;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 11px;
    line-height: 1;
    background: url(/images/plane-line.svg)no-repeat bottom;
}

@media screen and (max-width:767px) {
    .ui-datepicker {
        width: 18rem !important;
    }

    .autocomplete_contains {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 99999;
    }

    .mb-engine-header {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.3rem 0.5rem 0.2rem 0.2rem;
        font-weight: bold;
        color: #666;
    }

    .box-close {
        cursor: pointer;
    }

    .autcam_sibiling .ui-autocomplete {
        height: 100%;
    }

    .box-close i {
        font-size: 20px;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        border-radius: 100%;
    }

        .box-close i:hover {
            background: #f3f3f3;
        }

    .autocomplete_contains {
        padding: 6px;
    }

    .calendar-footer {
        flex-direction: column;
        font-size: 12px !important;
    }

    #calendar .apply-btn {
        width: 100%;
        margin-top: 0.35rem;
    }
}

.city-code, .dest-btn span {
    background: #f3f3f3;
    padding: 0.2rem 0.4rem;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    border-radius: 4px;
}

.city-full {
    display: contents;
    gap: 0.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .dest-btn, .city-full.ui-menu-item-wrapper {
        font-size: 13px;
        font-weight: 500;
        border: 0;
        text-align: left;
        padding: 6px;
        border-bottom: 1px solid #f4f4f4;
        gap: 0.5rem;
        width: 100%;
        background: none;
        cursor: pointer;
        display: block;
        color: #333 !important;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .dest-btn:hover, .city-full.ui-menu-item-wrapper:hover {
            background: #f3f3f3 !important;
            border-radius: 6px !important;
            border: 0 !important;
        }

            .dest-btn:hover span, .city-full.ui-menu-item-wrapper:hover span, .search_row:hover span {
                color: #fff !important;
                background: #3d3d3d;
            }

.popular_dest, .search_results {
    padding: 0.2rem;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 292px;
}

.append_class {
    transition: 0.2s;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    height: 300px;
    box-shadow: 0px 20px 24px 0px rgba(0,0,0,0.2);
    border-radius: 8px !important;
    width: 300px;
    top: 102%;
    position: absolute;
    z-index: 9;
}

    .append_class.active {
        opacity: 1;
        visibility: visible;
    }

.dest-btn.active-btn {
    background: #f3f3f3;
    border-radius: 6px;
}

    .dest-btn.active-btn span {
        color: #fff;
        background: #3d3d3d;
    }

.ui-datepicker .between-date {
    background: #ee6221;
    color: #222;
}

.ui-datepicker th {
    padding: 0px !important;
    height: 30px;
}

.ui-datepicker table tr, .ui-datepicker table th, .ui-datepicker table td {
    border: 0;
}

.ui-datepicker {
    font-family: "Mona Sans", sans-serif !important;
    padding: 0.6rem !important;
    box-shadow: 0px 20px 24px 0px rgba(0,0,0,0.2);
    border-radius: 12px;
    max-width: calc(100vw - 24px);
}

/* Single month ? let jQuery UI / mobile rules set width */
.ui-datepicker:not(.ui-datepicker-multi) {
    width: 17em !important;
}

/* Two months side-by-side: fixed width so groups don't collapse into each other */
.ui-datepicker.ui-datepicker-multi-2 {
    width: 40em !important;
    min-width: 40em;
    max-width: min(40em, calc(100vw - 24px)) !important;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 0.35em;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 100%;
    table-layout: fixed;
    margin: 0 auto 0.4em;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header .ui-datepicker-prev {
    display: none;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

@media (max-width: 764px) {
    .ui-datepicker,
    .ui-datepicker:not(.ui-datepicker-multi),
    .ui-datepicker.ui-datepicker-multi-2 {
        width: min(20rem, calc(100vw - 24px)) !important;
        min-width: 0 !important;
    }

    .ui-datepicker-multi .ui-datepicker-group {
        float: none;
        width: 100%;
    }
}

.ui-datepicker-today a {
    border: 1px solid var(--primary-main) !important;
    border-radius: 6px !important;
    background: #f3f3f3 !important;
}

.ui-datepicker th {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #838691 !important;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 15px !important;
    line-height: 150% !important;
    font-weight: 600 !important;
    height: 32px !important;
}

.ui-widget-header {
    background: #fff !important;
    border: 0 !important;
}
/*.ui-widget.ui-widget-content{border:0 !important; padding:0.8rem 0.3rem 0.3rem 0.3rem !important ; border-radius:15px !important; box-shadow:0px 8px 24px 0px rgba(0,0,0,0.2);}*/
.ui-datepicker td span, .ui-datepicker td a {
    font-size: 14px !important;
    line-height: 35px !important;
    color: #000;
    font-weight: 500 !important;
    border: 0 !important;
    height: 35px;
    width: 100%;
    max-width: 35px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center !important;
    border-radius: 6px;
}

    .ui-datepicker td span:hover, .ui-datepicker td a:hover {
        background: #ededed !important;
        color: #111;
    }
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:var(--primary-main) !important;}*/
.ui-datepicker td {
    padding: 0;
}

.highlight-range a {
    background: rgba(0, 87, 173, 0.12) !important;
    border-radius: 0px !important;
}

.highlight-start a, .highlight-start .ui-state-active, .highlight-end .ui-state-active {
    background: #0057AD !important;
    color: #fff !important;
}

.highlight-end a {
    background: #0057AD !important;
    color: #fff !important;
}
/*.ui-autocomplete.ui-widget.ui-widget-content{padding:0.6rem !important;}*/
.ui-widget.ui-widget-content {
    border: 0 !important;
}
/*.sunday-highlight a, .ui-datepicker-week-end:nth-child(7){background:#f3f3f3 !important;color:#f00 !important;}*/
.ui-datepicker-next::before {
    content: "\F138" !important;
    font-family: "bootstrap-icons" !important;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
}

.ui-datepicker-prev::before {
    content: "\F12F" !important;
    font-family: "bootstrap-icons" !important;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
}

.ui-datepicker-next-hover, .ui-datepicker-prev-hover {
    border: 0 !important;
    background: #fff !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: -1px;
    cursor: pointer;
}

.ui-datepicker-group-first .ui-datepicker-calendar {
    border-right: 1px solid #eaeaea;
}

.passen_left span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.passen_con strong {
    font-size: 16px !important;
    margin: 0;
    color: #333;
    font-weight: 600;
}

.ui-autocomplete {
    height: 296px;
    top: 0 !important;
    left: 0 !important;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100% !important;
    padding: 0.35rem !important;
    font-family: "Mona Sans", sans-serif !important;
}

.destination_sec input, .flights_dates input, .class_con select, .pax-details {
    width: 100%;
    background: transparent;
    border: 0;
    font-weight: 600;
    outline: 0 !important;
}

.pl-row-3 .pl-field1 {
    width: 38%;
}

.pl-row-3 .pl-field2 {
    width: 32%;
}

.pass-name {
    background-color: #fff;
    box-shadow: 0px 0px 40px rgba(0,0,0,0.20);
    padding: 15px;
    position: absolute;
    width: 270px;
    Z-INDEX: 999;
    border-radius: 12px;
    margin-top: 1px;
}

.passen_left p {
    font-size: 13px;
    color: #666;
    margin: 0;
    text-align: left !important;
}

.children-right, .infants-right, .adult-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.select-pax {
    font-size: 14px;
    font-weight: 600;
    padding: 0.25rem 0;
}

.adult-plus i, .adult-minus i {
    font-size: 21px;
}

.qtynumber {
    float: left;
    height: 25px !important;
    padding: 0 !important;
    border: 0;
    width: 30px !important;
    border-radius: 5px !important;
    cursor: pointer;
    font-weight: 600 !important;
    background-color: #fff;
    text-align: center;
    font-size: 17px !important;
}

.roundTrip_text {
    line-height: 20px;
    color: #7f7b7b;
}


/*CSS added by Akhil for form display error*/

/* Validation error messages */
.help-block {
    color: #c00;
    font-size: 13px;
    margin-top: 4px;
    display: block;
}

/* Red border on invalid fields */
.error-class {
    border-color: #c00 !important;
    box-shadow: 0 0 0 0.2rem rgba(204, 0, 0, 0.15) !important;
}

/* Remove red border when field is valid */
.has-error .form-control,
.has-error .form-select {
    border-color: #c00 !important;
}

.valid .form-control,
.valid .form-select {
    border-color: #28a745 !important;
}



.owl-carousel {
    display: block !important;
}

section.partner {
    background-image: url(/img/banner-2.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0 30px 0;
}

.OurPartner .item {
    border: 1px solid #dd7e00;
}

section.how-works {
    background: #f6f9fd;
    padding: 60px 0;
}

.main_step {
    display: block;
    width: 20%;
    max-width: 100%;
    text-align: center;
}

.display-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.img_text_top img {
    width: 65px;
    height: 65px;
}

.img_text_btm h6 {
    font-size: 18px;
    margin: 7px 0px;
    color: #003546;
}

.img_text_btm p {
    font-size: 16px;
    color: #003546;
    margin-bottom: 10px;
}

.how_heading {
    text-align: center;
}

    .how_heading h1 {
        font-size: 35px;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0px 0 30px 0;
        color: #003546;
    }

img.icon_ip {
    width: 30px;
    height: auto;
    margin: -51px 0 0 -19px;
}

.display-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding-top: 40px;
}

    /* Connecting line */
    .display-flex::before {
        content: "";
        position: absolute;
        top: 75px; /* Adjust according to icon center */
        left: 10%;
        width: 80%;
        height: 3px;
        border-top: 2px dashed #dd7e00;
        z-index: 1;
    }

.main_step {
    position: relative;
    text-align: center;
    z-index: 2;
}

.grow {
    background-image: url(/img/banner-2.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 60px 0;
}

.what-we-offer {
    background: #003546;
    padding: 0 0;
}

section.what-we-offer h2 {
    color: #fff;
    font-size: 33px;
    margin: 20px 0;
    text-transform: capitalize;
    font-weight: 700;
}

    section.what-we-offer h2 span {
        font-weight: 400;
    }

section.what-we-offer ul li img {
    width: 20px;
    margin-right: 10px;
}

section.what-we-offer ul li {
    color: #fff;
    padding: 5px 0;
}

img.arrow {
    width: 300px;
    margin: 10px 0;
    opacity: .4;
}

a.knowMore {
    display: inline-block;
    color: #dd7e00;
    outline: none;
    padding: 6px 14px;
    border-radius: 6px;
    margin: 10px 0;
}

    a.knowMore:hover {
        background: #dd7e00;
        color: #fff;
    }

.rope_AI {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    /* background: #ccc; */
    width: 20%;
    border-right: 1px solid #ccc;
    margin: 5px;
}

    .rope_AI:last-child {
        border-right: none;
    }

.AI-img {
    width: 100px;
    height: auto;
    text-align: start;
    text-align: center;
}

    .AI-img img {
        width: 50px;
        height: auto;
    }

.text_AI {
    width: calc(100% - 110px);
}

    .text_AI h6 {
        font-size: 22px;
        color: #003546;
        margin: 0;
    }

    .text_AI p {
        font-size: 16px;
        color: #003546;
    }

.patern_grow {
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: 0 0 4px #ccc;
    padding: 20px;
    border-radius: 60px;
    margin: -60px 0 50px 0;
}

.box_shadow {
    background: #fff;
    box-shadow: 0 0 4px #ccc;
    padding: 20px;
    border-radius: 10px;
    min-height: 230px;
}

    .box_shadow img {
        width: 50px;
        margin: 0 0 10px 0;
    }

    .box_shadow h6 {
        font-size: 16px;
        text-transform: capitalize;
        margin: 10px 0 7px 0;
    }

    .box_shadow p {
        font-size: 14px;
        line-height: 1.4;
    }
.Search_form_modify {
    width: 1320px;
    height: auto;
    margin: 0 auto;
    border-radius: 10px;
}
.form-check-input:focus {
    border-color: none;
    outline: none;
    box-shadow: none;
}
.Name_hd .form-check-label {
    color: #000;
}
.Name_hd h5 {
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0 0 0;
    border-top: 1px solid #ccc;
    padding: 20px 0;
}
h3.herd {
    font-size: 22px;
    margin: 0;
    line-height: 1;
    color: #0A3A6B;
    text-transform: uppercase;
}
.mansoon {
    display: block;
    width: 95px;
    text-align: center;
    border: 1px solid #ccc;
    margin: 2px;
    padding: 5px;
}

    .mansoon p {
        font-size: 12px;
        margin: 0;
    }
label.form-check-label.d-flx {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.searcFormBanner {
    background-image: url(/img/banners/flight-banner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    width: 100%;
}
section.searcFormAb {
    background: #0A3A6B;
    padding: 20px 0;
}
section.searcBanrBTM {
    background: #fff;
/*    padding: 60px 0;*/
}

img.img-fluid {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.view-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #1A6BC4;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 18px 8px 30px;
    border-radius: 50px;
    transition: .3s;
    margin: 20px 0;
}

    .view-more-btn:hover {
        background: #f24a2d;
    }

.arrow-circle {
    width: 32px;
    height: 32px;
    background: #fff;
    color: #7d7d7d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 29px;
    line-height: 1;
}


.about-section {
    padding: 80px 0;
}

.about-img img {
    width: 100%;
    border-radius: 15px;
}

.btn-accent {
    background: #0057AD;
    color: #fff;
    border-radius: 30px;
    padding: 12px 30px;
    text-decoration: none;
}

/* Destination */
.section-title {
    font-weight: 700;
    margin-bottom: 30px;
}

.destination-card {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .destination-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

h6.deTails {
    background: #fff;
    padding: 13px;
    border-radius: 17px;
    margin: -60px 0 20px 0;
    z-index: 1;
    position: relative;
    font-size: 20px;
    text-align: center;
    padding: 13px 30px;
    width: fit-content;
    margin: 0 auto;
    margin-top: -62px;
}

.name_plce {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: calc(1.5em * 2);
    height: 60px;
    margin: 3px 0 4px 0;
}

.start_rating {
    margin: 13px 0 0 0;
    color: #000000;
}

.click_book {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    padding: 16px 0 7px 0;
}

    .click_book p {
        font-size: 30px;
        font-weight: 500;
        color: #000;
        margin: 0;
    }

        .click_book p span {
            font-size: 16px;
            display: block;
            line-height: 1;
            color: #282828;
            font-weight: 400;
        }

i.fa-solid.fa-star {
    color: #f3c829;
}

.destination-name {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #fff;
    padding: 8px 23px;
    border-radius: 30px;
    font-size: 18px;
    color: #003546;
    font-weight: 500;
}

/* Packages */
.package-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    margin-bottom: 15px;
    margin-top: 15px;
}

h1.heading {
    font-size: 30px;
    margin: 30px 0 10px 10px;
}

.package-card img {
    width: 100%;
    height: 270px;
    object-fit: cover;
}

.package-content {
    padding: 15px;
}

.book-btn {
    border: 1px solid #7ac943;
    border-radius: 30px;
    padding: 8px 15px;
    text-decoration: none;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    margin: auto 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    outline: none;
    line-height: 1.2;
    white-space: nowrap;
}

    .book-btn:hover {
        background: #1A6BC4;
        border: 1px solid #1A6BC4;
        color: #fff;
    }

.fa-angle-double-right {
    background: #7ac943;
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    font-size: 13px;
}



.book-btn:hover .fa-angle-double-right {
    background: #1A6BC4;
}
/* Routes */
.routes {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

.route-item {
    margin-bottom: 15px;
}

/* Features */
.features {
    padding: 80px 0;
}

.feature-box {
    text-align: center;
    background: #fff;
    padding: 20px;
    height: 100%;
    border-radius: 10px;
}

section.Why-us {
    background: #fbfbfb;
    padding: 0px 0 50px 0;
}

.feature-box h5 {
    font-size: 19px;
    margin: 10px 0 4px 0;
}

/* FAQ */
.faq {
    background: #fbfbfb;
    padding: 20px 0;
}

h3.heading {
    font-size: 30px;
    text-align: center;
    margin: 0px 0 10px 0;
}

.panel-heading {
    padding: 0;
    border: 0;
}

.panel-title > a, .panel-title > a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Footer */
.footer {
    background: #2d336b;
    color: #fff;
    padding: 70px 0 20px;
}

    .footer a {
        color: #fff;
        text-decoration: none;
    }

.social-icons a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 8px;
}

h1.heading {
    font-size: 30px;
    margin: 20px 0 10px 10px;
}

.call_lft ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .call_lft ul li img {
        width: 24px;
        margin-right: 4px;
    }

    .call_lft ul li {
        display: flex;
        align-items: center;
        padding: 5px 10px;
        font-size: 16px;
        color: #0A3A6B;
        font-weight: 400;
    }

.mtp-topbar__link {
    display: inline-flex;
    align-items: center;
    color: #0A3A6B;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.mtp-topbar__link:hover {
    color: #0A3A6B;
    text-decoration: none;
    opacity: 0.82;
}

.mtp-topbar__link img {
    flex-shrink: 0;
    margin-right: 4px;
}

.mtp-topbar__icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 4px;
    border-radius: 50%;
    border: 1px solid #0A3A6B;
    color: #0A3A6B;
    font-size: 11px;
    line-height: 1;
}

.mtp-topbar__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.mtp-topbar__group {
    display: flex;
    align-items: center;
    gap: 4px;
}

.mtp-topbar__group--left {
    justify-content: flex-start;
}

.mtp-topbar__group--right {
    justify-content: flex-end;
}

.cont-offrt {
    background: #efeefa;
    border-radius: 10px;
    padding: 2px 10px;
    position: relative;
    z-index: 100;
/*    margin-top: 6px;*/
    box-sizing: border-box;
}

/* Desktop ??? align top bar with navbar (same mx-5 gutter) */
@media (min-width: 992px) {
    header > .container-fluid {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }

    .cont-offrt.mx-5 {
        margin-left: 3rem;
        margin-right: 3rem;
        width: auto;
    }
}

.cont-offrt .call_rgt ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cont-offrt .call_rgt ul li img {
    width: 24px;
    margin-right: 4px;
}

.cont-offrt .call_rgt ul li {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    font-size: 16px;
    color: #0A3A6B;
    font-weight: 400;
}

/* Mobile header ??? navbar was hidden behind cont-offrt (z-index 100 vs 99) */
@media (max-width: 991px) {
    header {
        background: #fff;
    }

    /* Product homes: keep header transparent so no white band under the nav */
    body.flight-home header,
    body.hotel-home header,
    body.visa-page header,
    body.car-rental-page header,
    body.bus-page header {
        background: transparent !important;
        box-shadow: none;
    }

    header > .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }

    .cont-offrt{
        display:none;
    }

    .cont-offrt.mx-5 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }

    .cont-offrt {
        z-index: 1;
        margin: 6px 0 0;
        padding: 6px 12px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .cont-offrt .mtp-topbar__list {
        justify-content: space-between;
        gap: 0;
    }

    .cont-offrt .mtp-topbar__group {
        display: contents;
    }

    .cont-offrt .mtp-topbar__link {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        padding: 0;
        border-radius: 10px;
        flex: 0 0 auto;
    }

    .cont-offrt .mtp-topbar__link:active {
        background: rgba(10, 58, 107, 0.08);
    }

    .cont-offrt .mtp-topbar__text {
        display: none;
    }

    .cont-offrt .mtp-topbar__link img {
        width: 22px;
        height: 22px;
        margin-right: 0;
        object-fit: contain;
        display: block;
    }

    .cont-offrt .mtp-topbar__icon {
        width: 22px;
        height: 22px;
        margin-right: 0;
        font-size: 11px;
    }

    nav.navbar {
        position: relative !important;
        top: 0 !important;
        /* Above sticky flight/hotel result bars (z-index 2000); open menu lives in this context */
        z-index: 2100 !important;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
        transform: none !important;
        -webkit-transform: none !important;
    }

    nav.navbar .logo-wrapper {
        padding: 4px 0;
    }

    nav.navbar .logo-img {
        width: 120px;
        padding: 4px 0;
        margin-bottom: 0;
    }

    nav.navbar .navbar-toggler {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-right: 0 !important;
        padding: 4px !important;
    }

    nav.navbar .container-fluid.mx-5 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        align-items: center;
        min-height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    nav.navbar.nav-scroll {
        position: fixed !important;
        top: 0 !important;
        left: 0;
        right: 0;
        z-index: 2100 !important;
        min-height: 0 !important;
        height: auto !important;
        transform: none !important;
        -webkit-transform: none !important;
    }
}

/* Homepage / product heroes pull up under the transparent product tabs */
.header_contnt {
    position: relative;
    z-index: 40;
    margin-top: calc(-1 * var(--mtp-tabs-host-h, 170px));
}

/* Flight home hero — intro left + search card hanging 50% below the hero edge */
section.flight_top_banner_fm {
    --mtp-flight-hero-h: 460px;
    position: relative;
    isolation: isolate;
    background-image: none;
    background-color: transparent;
    width: 100%;
    height: var(--mtp-flight-hero-h);
    min-height: var(--mtp-flight-hero-h);
    max-height: var(--mtp-flight-hero-h);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: calc(var(--mtp-tabs-host-h, 72px) + 12px) 0 0;
    overflow: visible;
}

section.flight_top_banner_fm::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: url(/images/flight-banner.webp) center 40% / cover no-repeat;
    transform: scaleX(-1);
}

/* Fallback dark→light overlay for large screens when glass theme is off */
@media (min-width: 992px) {
    section.flight_top_banner_fm::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        transform: none;
        background-image:
            linear-gradient(
                90deg,
                rgba(6, 28, 55, 0.9) 0%,
                rgba(8, 40, 78, 0.78) 26%,
                rgba(14, 48, 92, 0.42) 52%,
                rgba(20, 55, 100, 0.16) 76%,
                rgba(20, 55, 100, 0.04) 100%
            ),
            linear-gradient(
                180deg,
                rgba(8, 10, 28, 0.28) 0%,
                transparent 36%,
                transparent 68%,
                rgba(8, 10, 28, 0.45) 100%
            );
    }
}

section.flight_top_banner_fm > .container {
    width: 100%;
    position: relative;
    z-index: 6;
    transform: none;
    pointer-events: auto;
}

/* Intro sticks to the search card; hang the pair so ~half the card sits below the hero */
.mtp-flight-hero__dock {
    --mtp-flight-hang: 5.75rem;
    width: 100%;
    transform: translateY(var(--mtp-flight-hang));
}

.mtp-flight-hero__intro {
    max-width: min(920px, 100%);
    margin: 0 0 8px;
    color: #fff;
    text-align: left;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

.mtp-flight-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(0, 87, 173, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #B8D4F0;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mtp-flight-hero__title {
    margin: 10px 0 8px;
    font-size: clamp(2.05rem, 4.2vw, 2.5rem);
    font-weight: 700;
    color: #fff;
    line-height: 1.12;
    letter-spacing: -0.025em;
    max-width: none;
}

.mtp-flight-hero__title::after {
    content: "";
    display: block;
    width: 3.25rem;
    height: 3px;
    margin-top: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
}

.mtp-flight-hero__subtitle {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(0.9rem, 1.35vw, 1rem);
    line-height: 1.5;
    max-width: 48rem;
}

/* Search card stays in normal flow inside the dock (no separate translate) */
body.flight-home #flightSearch .Search_form {
    position: relative;
    z-index: 7;
    pointer-events: auto;
    transform: none;
    margin-bottom: 0;
}

body.flight-home #flightSearch .Rooms_Guests_Ser {
    z-index: 8;
    pointer-events: auto;
}

/* Room for the hanging half of the search card + button */
body.flight-home .header_contnt {
    margin-top: calc(-1 * var(--mtp-tabs-host-h));
    background: transparent;
    padding-bottom: clamp(20px, 5vw, 220px);
}

body.flight-home section.flight_top_banner_fm .Search_form {
    padding-bottom: 12px;
}

body.flight-home #flightSearch .Rooms_Guests_Ser.mtp-flight-search-submit {
    text-align: center;
    margin-top: 4px;
}

@media (min-width: 992px) {
    /* Stretch search to the full hero/container width */
    body.flight-home section.flight_top_banner_fm > .container {
        max-width: min(100%, 1400px);
        width: 100%;
        padding-left: clamp(16px, 2.5vw, 32px);
        padding-right: clamp(16px, 2.5vw, 32px);
    }

    body.flight-home #flightSearch .Search_form {
        border-radius: 999px;
        /* Taller pill — no side padding so fields reach the edges */
        padding: 10px;
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }

    body.flight-home #flightSearch .Search_form > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        width: 100%;
        flex: 0 0 100%;
    }

    body.flight-home #flightSearch .form_ful {
        border-radius: 999px;
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
        overflow: hidden;
        min-height: 92px;
    }

    body.flight-home #flightSearch button.pl-search-bn {
        border-radius: 999px;
    }

    /* Trip type — single frosted pill shell like the product tabs */
    body.flight-home #flightSearch .mtp-flight-trip-type {
        position: relative;
        z-index: 8;
        display: flex;
        justify-content: flex-start;
        margin: 0 0 10px;
        padding: 0 4px;
    }

    body.flight-home #flightSearch .mtp-flight-trip-type ul.nav.nav-tabs.Serch {
        display: inline-flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 4px;
        margin: 0;
        border: 1px solid rgba(255, 255, 255, 0.92);
        padding: 4px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.78);
        box-shadow: 0 14px 34px rgba(6, 40, 79, 0.16);
        -webkit-backdrop-filter: blur(16px) saturate(140%);
        backdrop-filter: blur(16px) saturate(140%);
    }

    body.flight-home #flightSearch .mtp-flight-trip-type .nav-item {
        margin: 0;
    }

    body.flight-home #flightSearch .mtp-flight-trip-type a.nav-link {
        margin: 0 !important;
        padding: 7px 16px !important;
        border-radius: 999px !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        color: #0A3A6B !important;
        box-shadow: none !important;
        line-height: 1.1;
        font-weight: 600;
    }

    body.flight-home #flightSearch .mtp-flight-trip-type a.nav-link.active {
        background: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.98) !important;
        color: #0057AD !important;
        box-shadow: 0 6px 16px rgba(6, 40, 79, 0.12) !important;
    }

    body.flight-home #flightSearch .mtp-flight-trip-type a.nav-link:not(.active):hover {
        background: rgba(255, 255, 255, 0.45) !important;
        color: #0057AD !important;
    }

    /* Search button close under the white card */
    body.flight-home section.flight_top_banner_fm .Search_form {
        padding-bottom: 4px;
    }

    body.flight-home #flightSearch .Rooms_Guests_Ser.mtp-flight-search-submit,
    body.flight-home #flightSearch .mtp-flight-search-submit {
        position: relative;
        z-index: 8;
        margin-top: 2px;
        margin-bottom: 0;
        text-align: center;
    }

    /* Taller field row + scaled-up type */
    body.flight-home #flightSearch .form_ful .s_col_1 {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    body.flight-home #flightSearch .form_ful .s_col_1:first-child {
        padding-left: 32px;
    }

    body.flight-home #flightSearch .form_ful .s_col_1:last-child {
        padding-right: 32px;
        border-right: none;
    }

    body.flight-home #flightSearch .bus_icon_img .bus_ic,
    body.flight-home #flightSearch .mtp-pax-field-icon {
        width: 22px;
        height: 22px;
        font-size: 1.15rem;
    }

    body.flight-home #flightSearch .se_city_name {
        font-size: 1.65rem;
        line-height: 1.15;
    }

    body.flight-home #flightSearch .bus_icon > p {
        margin-bottom: 4px;
        font-size: 12px;
        letter-spacing: 0.04em;
    }

    body.flight-home #flightSearch .bus_icon p.tellipsis,
    body.flight-home #flightSearch .telr-class {
        font-size: 13px;
        line-height: 1.3;
    }

    body.flight-home #flightSearch #dep_dayNum,
    body.flight-home #flightSearch #ret_dayNum {
        font-size: 1.65rem !important;
    }

    body.flight-home #flightSearch #dep_monthYear,
    body.flight-home #flightSearch #ret_monthYear {
        font-size: 15px !important;
    }

    body.flight-home #flightSearch #dep_dayName,
    body.flight-home #flightSearch #ret_dayName,
    body.flight-home #flightSearch .roundTrip_text {
        font-size: 13px;
    }

    body.flight-home #flightSearch .mtp-flight-search-submit button.pl-search-bn,
    body.flight-home #flightSearch button.pl-search-bn {
        min-width: 240px;
        min-height: 52px;
        padding: 12px 52px;
        font-size: 22px;
    }
}

/* Trip type outside the card on smaller screens too */
@media (max-width: 991.98px) {
    body.flight-home #flightSearch .mtp-flight-trip-type {
        margin: 0 0 10px;
        padding: 0 2px;
    }

    body.flight-home #flightSearch .mtp-flight-trip-type ul.nav.nav-tabs.Serch {
        margin-bottom: 0;
    }
}

/* Flight home — white navbar above the hero (same pattern as hotel-home) */
body.flight-home header {
    position: relative;
    background: transparent;
    box-shadow: none;
}

body.flight-home nav.navbar {
    position: relative !important;
    top: 0;
    height: auto;
    min-height: 0;
    box-shadow: none;
}

/* Navbar: text links + profile avatar alignment */
nav.navbar .navbar-nav.ms-auto {
    align-items: center;
}

ul.navbar-nav.ms-auto li.last_nevi {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

ul.navbar-nav.ms-auto li.nav-item {
    display: flex;
    align-items: center;
}

a.nav_link p {
    margin: 0;
    white-space: nowrap;
}

/* Trendy destinations */
section.Trendy {
    padding: 20px 0 40px;
}

/* Why book with us icons */
.feature-box img {
    width: 72px;
    height: auto;
    display: block;
    margin: 0 auto 12px;
}

/* Footer links on dark background */
section.footer_bt ul.quicklk li a {
    color: #fff;
}

section.footer_bt ul.quicklk li a:hover {
    color: #1A6BC4;
}

section.footer_bt .flex.gap-2\.5 img {
    width: 36px;
    height: 36px;
/*    border-radius: 50%;*/
/*    background: #fff;*/
    padding: 4px;
}

/* Footer company contact — polished 3-up strip (flat, blue accent, clear hierarchy) */
.mtp-footer-bar {
    --mtp-fc-accent: #1A6BC4;
    --mtp-fc-line: rgba(148, 176, 220, 0.35);
    --mtp-fc-surface: rgba(8, 16, 42, 0.42);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0 0 18px;
    border: 1px solid var(--mtp-fc-line);
    border-radius: 12px;
    overflow: hidden;
    background: var(--mtp-fc-surface);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.mtp-footer-bar__cell {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 72px;
    padding: 12px 20px;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
}

.mtp-footer-bar__cell:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    bottom: 12px;
    width: 1px;
    background: linear-gradient(
        to bottom,
        transparent,
        var(--mtp-fc-line) 18%,
        var(--mtp-fc-line) 82%,
        transparent
    );
}

a.mtp-footer-bar__cell--link {
    cursor: pointer;
    transition: background 0.18s ease, transform 0.18s ease;
}

a.mtp-footer-bar__cell--link:hover,
a.mtp-footer-bar__cell--link:focus-visible {
    background: rgba(26, 107, 196, 0.12);
    color: #fff;
    text-decoration: none;
    outline: none;
}

a.mtp-footer-bar__cell--link:hover .mtp-footer-bar__ico,
a.mtp-footer-bar__cell--link:focus-visible .mtp-footer-bar__ico {
    background: #1A6BC4;
    transform: translateY(-1px);
}

a.mtp-footer-bar__cell--link:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(26, 107, 196, 0.75);
}

.mtp-footer-bar__ico {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mtp-fc-accent);
    color: #fff;
    font-size: 24px;
    box-shadow: 0 6px 14px rgba(26, 107, 196, 0.28);
    transition: background 0.18s ease, transform 0.18s ease;
}

.mtp-footer-bar__body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.mtp-footer-bar__label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(226, 236, 255, 0.72);
    line-height: 1.3;
}

.mtp-footer-bar__value {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.35;
    color: #fff;
    word-break: break-word;
}

.mtp-footer-bar__meta {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    color: rgba(226, 236, 255, 0.62);
    word-break: break-word;
}

.mtp-footer-main {
    margin-top: 0;
}

.mtp-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 14px 20px;
}

.mtp-footer-bottom__powered {
    color: #fff;
    font-size: 14px;
}

.mtp-footer-bottom__powered a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.mtp-footer-bottom__powered a:hover,
.mtp-footer-bottom__powered a:focus-visible {
    color: #1A6BC4;
    text-decoration: none;
}

.mtp-footer-bottom__social {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mtp-footer-bottom__social a {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
}

.mtp-footer-bottom__social img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

@media (max-width: 991.98px) {
    .mtp-footer-bar {
        grid-template-columns: 1fr;
        margin-bottom: 16px;
        border-radius: 12px;
    }

    .mtp-footer-bar__cell {
        min-height: 64px;
        padding: 12px 16px;
    }

    .mtp-footer-bar__cell:not(:last-child)::after {
        top: auto;
        right: 18px;
        left: 18px;
        bottom: 0;
        width: auto;
        height: 1px;
        background: linear-gradient(
            to right,
            transparent,
            var(--mtp-fc-line) 12%,
            var(--mtp-fc-line) 88%,
            transparent
        );
    }

    .mtp-footer-bottom {
        justify-content: flex-start;
        margin-top: 12px;
    }
}

/* Modern site footer */
section.footer_bt {
    position: relative;
    overflow: hidden;
    padding: 58px 0 0;
    background:
        radial-gradient(circle at 12% 10%, rgba(26, 107, 196, 0.28), transparent 30%),
        radial-gradient(circle at 88% 86%, rgba(0, 87, 173, 0.2), transparent 32%),
        linear-gradient(145deg, #03172d 0%, #06284f 52%, #073765 100%);
    color: #fff;
}

section.footer_bt::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), transparent 82%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), transparent 82%);
}

section.footer_bt > .container,
section.footer_bt > .container.powerderBy {
    position: relative;
    z-index: 1;
}

section.footer_bt .mtp-footer-bar {
    margin-bottom: 48px;
    border: 1px solid rgba(155, 196, 232, 0.2);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0 20px 52px rgba(3, 16, 34, 0.24);
}

section.footer_bt .mtp-footer-bar__cell {
    min-height: 86px;
    padding: 16px 22px;
}

section.footer_bt .mtp-footer-bar__ico {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: rgba(26, 107, 196, 0.88);
    font-size: 18px;
}

section.footer_bt .mtp-footer-bar__value {
    font-size: 14px;
}

section.footer_bt .mtp-footer-main {
    align-items: start;
    padding-bottom: 44px;
}

section.footer_bt .mtp-footer-brand {
    padding-right: clamp(20px, 4vw, 56px);
}

section.footer_bt img.logo_i {
    width: 190px;
    max-width: 75%;
    margin: 0 0 20px;
}

section.footer_bt .mtp-footer-brand > p {
    max-width: 380px;
    margin: 0;
    color: rgba(226, 236, 255, 0.7);
    font-size: 13px;
    line-height: 1.75;
}

.mtp-footer-brand__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding: 10px 16px;
    border: 1px solid rgba(155, 196, 232, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.mtp-footer-brand__cta:hover {
    transform: translateY(-2px);
    background: #0057ad;
    color: #fff;
}

section.footer_bt h2.mtp-footer-heading {
    position: relative;
    margin: 4px 0 18px;
    padding: 0 0 12px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

section.footer_bt h2.mtp-footer-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 2px;
    border-radius: 999px;
    background: #1a6bc4;
}

section.footer_bt ul.quicklk {
    margin: 0;
}

section.footer_bt ul.quicklk li + li {
    margin-top: 3px;
}

section.footer_bt ul.quicklk li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 5px 0 5px 14px;
    color: rgba(226, 236, 255, 0.7);
    font-size: 13px;
    line-height: 1.4;
}

section.footer_bt ul.quicklk li a::before {
    content: "";
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #1a6bc4;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

section.footer_bt ul.quicklk li a:hover {
    color: #fff;
}

section.footer_bt ul.quicklk li a:hover::before {
    transform: scale(1.5);
    background: #9bc4e8;
}

.mtp-footer-gallery__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

section.footer_bt .mtp-footer-gallery .img_flx {
    width: auto;
    height: 74px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
}

section.footer_bt .mtp-footer-gallery .img_flx img {
    object-fit: cover;
    transition: transform 0.3s ease;
}

section.footer_bt .mtp-footer-gallery .img_flx:hover img {
    transform: scale(1.06);
}

section.footer_bt .container.powerderBy {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 18px max(16px, calc((100% - 1320px) / 2));
    border-top: 1px solid rgba(155, 196, 232, 0.16);
    background: rgba(2, 14, 28, 0.32);
}

section.footer_bt .ndert,
section.footer_bt .mtp-footer-bottom__powered {
    color: rgba(226, 236, 255, 0.62);
    font-size: 12px;
}

section.footer_bt .mtp-footer-bottom__social a {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(155, 196, 232, 0.15);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
}

section.footer_bt .mtp-footer-bottom__social img {
    width: 18px;
    height: 18px;
}

@media (max-width: 991.98px) {
    section.footer_bt {
        padding-top: 40px;
    }

    section.footer_bt .mtp-footer-bar {
        margin-bottom: 36px;
    }

    section.footer_bt .mtp-footer-brand {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }

    section.footer_bt .mtp-footer-gallery {
        margin-top: 10px;
    }
}

@media (max-width: 575.98px) {
    section.footer_bt .mtp-footer-main {
        padding-bottom: 32px;
    }

    section.footer_bt .mtp-footer-gallery .img_flx {
        height: 82px;
    }

    section.footer_bt .container.powerderBy {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.mtp-footer-bar__cell--link,
    .mtp-footer-bar__ico {
        transition: none;
    }

    a.mtp-footer-bar__cell--link:hover .mtp-footer-bar__ico,
    a.mtp-footer-bar__cell--link:focus-visible .mtp-footer-bar__ico {
        transform: none;
    }
}

/* Internal pages (flight/hotel results) ??? layout after pill nav removal */
body.internal-layout {
    --mtp-sticky-nav-offset: 0px;
}

body.internal-layout header {
    position: relative;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

body.internal-layout nav.navbar {
    position: relative;
    top: 0;
    height: auto;
    min-height: 70px;
    box-shadow: none;
}

body.internal-layout section.searcFormAb {
    padding: 18px 0 20px;
    margin-top: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}

body.internal-layout section.searcFormAb .check_form .form-check-label {
    color: #fff;
}

body.internal-layout section.wrapers.results,
body.internal-layout section.wrapers.results.flight-results-body {
    padding: 24px 16px 48px;
    background: #f2f2f2;
}

body.internal-layout .flight-results-container {
    max-width: 100%;
    min-width: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0 12px;
}

@media (min-width: 1200px) {
    body.internal-layout .flight-results-container {
        min-width: 0;
        max-width: 1320px;
    }
}

body.internal-layout .box_shadow_wbg {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 4px #ccc;
    padding: 16px 20px 20px;
}

body.internal-layout section.wrapers.results .box_shadow {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    /* Sticky + independent scroll for flight filters lives in flight-results.css */
    body.internal-layout section.wrapers.results .col-md-3 .box_shadow {
        position: sticky;
        top: 12px;
    }
}

body.internal-layout section.wrapers.results .flight_from h3 {
    font-size: 20px;
    margin-bottom: 12px;
    color: #0A3A6B;
}

body.internal-layout .share_list {
    margin-bottom: 16px;
}

body.internal-layout .share_list .d-flex-reco {
    justify-content: space-between;
    width: 100%;
    gap: 8px;
}

body.internal-layout .share_list .fastest {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 6px 0;
    text-align: left;
}

body.internal-layout .results-loading {
    padding: 56px 20px 64px;
}

body.internal-layout .results-loading p {
    color: #666;
    margin-top: 16px;
    font-size: 15px;
}

body.internal-layout .Search_form_modify {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .2);
}

/* Hotel homepage ??? hero background starts below navbar */
body.hotel-home header {
    position: relative;
    background: transparent;
    box-shadow: none;
}

body.hotel-home nav.navbar {
    position: relative;
    top: 0;
    height: auto;
    min-height: 0;
    box-shadow: none;
}

body.hotel-home .header_contnt {
    margin-top: calc(-1 * var(--mtp-tabs-host-h));
}

/* Hotel hero background handled by slideshow in _Searchenginehotel.cshtml */

/* Sticky navbar on scroll ??? matches source (navbar only, hides top info bar) */
header:not(:has(.cont-offrt)) nav.navbar:not(.nav-scroll) {
    top: 0;
}

body.is-scrolled header .cont-offrt.mx-5 {
    display: none;
}

/* Sticky nav: use top:0 — NOT top:-100px + translateY(100px).
   The old offset/transform trick clips the logo/toggler on mobile
   (overflow-x:hidden on body + compositing). */
nav.navbar.nav-scroll,
body.internal-layout nav.navbar.nav-scroll,
body.flight-home nav.navbar.nav-scroll,
body.hotel-home nav.navbar.nav-scroll,
body.visa-page nav.navbar.nav-scroll,
body.destinations-page nav.navbar.nav-scroll,
body.car-rental-page nav.navbar.nav-scroll,
body.bus-page nav.navbar.nav-scroll {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1030;
    height: auto;
    min-height: 70px;
    background: #fff !important;
    box-shadow: 0 5px 15px rgb(15 36 84 / 5%);
    transform: none !important;
    -webkit-transform: none !important;
}

@media (max-width: 991.98px) {
    body.internal-layout {
        overflow-x: clip;
    }

    body.internal-layout nav.navbar .container-fluid.mx-5 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        justify-content: space-between;
    }

    body.internal-layout nav.navbar .logo-wrapper {
        padding: 4px 0;
        margin: 0;
    }

    body.internal-layout nav.navbar .navbar-toggler {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Sticky result bars use z-index 2000 — keep mobile navbar (+ menu) above them */
    body.internal-layout nav.navbar.nav-scroll,
    body.flight-home nav.navbar.nav-scroll,
    body.hotel-home nav.navbar.nav-scroll,
    body.visa-page nav.navbar.nav-scroll,
    body.destinations-page nav.navbar.nav-scroll,
    body.car-rental-page nav.navbar.nav-scroll,
    body.bus-page nav.navbar.nav-scroll,
    nav.navbar.nav-scroll {
        z-index: 2100 !important;
        min-height: 52px !important;
        top: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        padding-top: env(safe-area-inset-top, 0px);
    }
}

nav.navbar.nav-scroll .logo-img {
    padding: 12px 0;
    width: 180px;
}

/* Mobile/tablet: shrink on scroll (resting logo is 120px) — same idea as desktop 210→180 */
@media (max-width: 991.98px) {
    nav.navbar.nav-scroll .logo-img {
        width: 100px;
        padding: 2px 0;
    }
}

body.internal-layout.is-scrolled section.wrapers.results .col-md-3 .box_shadow,
body.internal-layout.is-scrolled .mtp-hotel-filters-aside .mtp-hotel-filters,
body.internal-layout.is-scrolled #hotelFiltersAsideSlot .mtp-hotel-filters {
    top: 90px;
}


/* Secondary CMS page styles moved to MyTripPrime.ContentRendering:
   /_content/MyTripPrime.ContentRendering/css/cms-pages.css */

/* Destinations page ??? premium (mtp-dxp) */
.mtp-dxp-page {
    font-family: "Poppins", sans-serif;
    color: #082848;
    background: #F7FAFF;
    overflow-x: hidden;
}

/* Navbar in document flow ??? hero content not hidden behind header */
body.destinations-page header {
    position: relative;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

body.destinations-page nav.navbar {
    position: relative;
    top: 0;
    height: auto;
    min-height: 70px;
    box-shadow: none;
}

/* Navbar in document flow ??? car rental hero not hidden behind header */
body.car-rental-page header {
    position: relative;
    z-index: 100;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

body.car-rental-page nav.navbar {
    position: relative !important;
    top: 0 !important;
    height: auto !important;
    min-height: 70px;
    background: #fff !important;
    box-shadow: none;
    transform: none !important;
    -webkit-transform: none !important;
}

body.destinations-page .mtp-dxp-hero {
    min-height: clamp(560px, 78vh, 760px);
    padding: clamp(88px, 11vh, 128px) 0 clamp(72px, 8vh, 100px);
    align-items: center;
}

/* Section rhythm ??? matches rearranged page order */
.mtp-dxp-section--services {
    padding: 72px 0 64px;
}

.mtp-dxp-section--stats-band {
    padding: 48px 0 28px;
    background: #F5F9FF;
}

.mtp-dxp-section--domestic {
    padding: 36px 0 64px;
}

.mtp-dxp-section--domestic .mtp-dxp-heading {
    margin-bottom: 28px;
}

.mtp-dxp-section--regions {
    padding: 72px 0 80px;
}

.mtp-dxp-section--international {
    padding: 72px 0 32px;
}

.mtp-dxp-section--inspiration {
    padding: 56px 0 72px;
}

.mtp-dxp-cta--mid {
    padding: 72px 0;
    margin: 0;
}

.mtp-dxp-cta--mid + .mtp-dxp-section--regions {
    padding-top: 72px;
}

.mtp-dxp-section--international + .mtp-dxp-section--inspiration {
    padding-top: 24px;
}

.mtp-dxp-section--stats-band + .mtp-dxp-section--domestic {
    padding-top: 0;
}

.mtp-dxp-section--services + .mtp-dxp-section--stats-band {
    padding-top: 40px;
}

.mtp-dxp-section--domestic + .mtp-dxp-cta--mid {
    margin-top: 0;
}

.mtp-dxp-section--regions + .mtp-dxp-section--international {
    padding-top: 72px;
}

/* Hero */
.mtp-dxp-hero {
    position: relative;
    min-height: 620px;
    display: flex;
    align-items: center;
    padding: 130px 0 100px;
    overflow: hidden;
    background: #06284F;
}

.mtp-dxp-hero__bg {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.04);
    will-change: transform;
}

.mtp-dxp-hero__overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 75% 30%, rgba(0, 87, 173, 0.26), transparent 34%),
        linear-gradient(115deg, rgba(6, 40, 79, 0.94) 0%, rgba(6, 40, 79, 0.8) 44%, rgba(11, 30, 51, 0.48) 100%);
}

.mtp-dxp-hero__inner {
    position: relative;
    z-index: 3;
}

.mtp-dxp-hero__content {
    max-width: 720px;
    color: #fff;
}

.mtp-dxp-hero__badges {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.mtp-dxp-float-badge {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 600;
    animation: mtp-dxp-float 5s ease-in-out infinite;
}

.mtp-dxp-float-badge i {
    color: #0057AD;
}

.mtp-dxp-float-badge--1 { top: 18%; right: 8%; animation-delay: 0s; }
.mtp-dxp-float-badge--2 { top: 32%; right: 22%; animation-delay: 0.8s; }
.mtp-dxp-float-badge--3 { bottom: 28%; right: 10%; animation-delay: 1.6s; }
.mtp-dxp-float-badge--4 { top: 24%; left: 58%; animation-delay: 2.4s; }

@keyframes mtp-dxp-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.mtp-dxp-eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(0, 87, 173, 0.1);
    color: #0057AD;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mtp-dxp-eyebrow--dark {
    background: rgba(0, 87, 173, 0.08);
    color: #0057AD;
}

.mtp-dxp-eyebrow--light {
    background: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.mtp-dxp-eyebrow--hero {
    background: #fff;
    color: #06284F;
}

.mtp-dxp-accent {
    color: #0057AD;
}

.mtp-dxp-hero h1 {
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.1rem);
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -0.02em;
}

.mtp-dxp-hero p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.05rem;
    line-height: 1.75;
    max-width: 580px;
}

.mtp-dxp-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.mtp-dxp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 24px;
    border-radius: 14px;
    border: none;
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.mtp-dxp-btn:hover {
    transform: translateY(-2px);
    text-decoration: none;
}

.mtp-dxp-btn--primary {
    background: linear-gradient(135deg, #1A6BC4 0%, #3D8FD4 100%);
    color: #fff;
    box-shadow: 0 12px 28px rgba(255, 107, 26, 0.35);
}

.mtp-dxp-btn--primary:hover {
    color: #fff;
    box-shadow: 0 16px 36px rgba(255, 107, 26, 0.42);
}

.mtp-dxp-btn--glass {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.9);
    color: #082848;
    box-shadow: 0 8px 24px rgba(0, 87, 173, 0.1);
}

.mtp-dxp-btn--glass:hover {
    color: #0057AD;
    background: rgba(255, 255, 255, 0.85);
}

.mtp-dxp-btn--light {
    background: #fff;
    color: #06284F;
    box-shadow: 0 16px 34px rgba(8, 10, 28, 0.12);
}

.mtp-dxp-btn--light:hover {
    color: #06284F;
    background: #fff;
}

.mtp-dxp-btn--lg {
    min-height: 52px;
    padding: 14px 32px;
    font-size: 1rem;
}

/* Glass search */
.mtp-dxp-search {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr auto;
    gap: 12px;
    align-items: end;
    padding: 20px 22px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.95);
    box-shadow: 0 24px 64px rgba(0, 87, 173, 0.14);
}

.mtp-dxp-search__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mtp-dxp-search__field label {
    color: #0057AD;
    font-size: 0.78rem;
    font-weight: 600;
}

.mtp-dxp-search__field label i {
    margin-right: 4px;
    color: #1A6BC4;
}

.mtp-dxp-search__field input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #e4ebf8;
    border-radius: 12px;
    background: #fff;
    color: #082848;
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mtp-dxp-search__field input:focus {
    border-color: #1E6DFF;
    box-shadow: 0 0 0 3px rgba(30, 109, 255, 0.15);
}

.mtp-dxp-search__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 28px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, #1A6BC4 0%, #3D8FD4 100%);
    color: #fff;
    font-size: 0.92rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(255, 107, 26, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mtp-dxp-search__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(255, 107, 26, 0.42);
}

/* Sections */
.mtp-dxp-section {
    padding: 88px 0;
}

.mtp-dxp-section--white {
    background: #fff;
}

.mtp-dxp-section--blue {
    background: #F5F9FF;
}

.mtp-dxp-section--gradient {
    background: linear-gradient(180deg, #fff 0%, #F5F9FF 50%, #fff 100%);
}

.mtp-dxp-heading {
    max-width: 640px;
    margin-bottom: 36px;
}

.mtp-dxp-heading--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.mtp-dxp-heading h2 {
    margin: 0 0 12px;
    color: #082848;
    font-size: clamp(1.6rem, 2.8vw, 2.35rem);
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -0.02em;
}

.mtp-dxp-heading p {
    margin: 0;
    color: #5a6d9a;
    font-size: 0.98rem;
    line-height: 1.7;
}

/* Category tabs */
.mtp-dxp-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 28px;
}

.mtp-dxp-tab {
    padding: 10px 18px;
    border: 1px solid #e0e8f8;
    border-radius: 999px;
    background: #fff;
    color: #4a5d8a;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 4px 12px rgba(0, 87, 173, 0.06);
}

.mtp-dxp-tab:hover {
    border-color: #1E6DFF;
    color: #0057AD;
}

.mtp-dxp-tab.is-active {
    background: linear-gradient(135deg, #0057AD 0%, #1E6DFF 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 8px 24px rgba(0, 87, 173, 0.28);
}

/* Premium destination cards */
.mtp-dxp-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.mtp-dxp-card {
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    background: #fff;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 16px 48px rgba(0, 87, 173, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
}

.mtp-dxp-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 64px rgba(0, 87, 173, 0.16);
    text-decoration: none;
    color: inherit;
}

.mtp-dxp-card.is-hidden {
    display: none;
}

.mtp-dxp-card__media {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.mtp-dxp-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.mtp-dxp-card:hover .mtp-dxp-card__media img {
    transform: scale(1.08);
}

.mtp-dxp-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(8, 40, 72, 0.25) 100%);
    pointer-events: none;
}

.mtp-dxp-card__rating {
    position: absolute;
    top: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(8px);
    color: #082848;
    font-size: 0.78rem;
    font-weight: 700;
}

.mtp-dxp-card__rating i {
    color: #3D8FD4;
    font-size: 0.7rem;
}

.mtp-dxp-card__save {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(8px);
    color: #98a2c0;
    cursor: pointer;
    transition: color 0.2s ease, transform 0.2s ease;
}

.mtp-dxp-card__save:hover,
.mtp-dxp-card__save.is-saved {
    color: #1A6BC4;
    transform: scale(1.1);
}

.mtp-dxp-card__body {
    padding: 18px 20px 20px;
}

.mtp-dxp-card__body h3 {
    margin: 0 0 4px;
    color: #082848;
    font-size: 1.12rem;
    font-weight: 700;
}

.mtp-dxp-card__body p {
    margin: 0 0 14px;
    color: #6a7da8;
    font-size: 0.84rem;
}

.mtp-dxp-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.mtp-dxp-card__price {
    color: #0057AD;
    font-size: 0.88rem;
    font-weight: 700;
}

.mtp-dxp-card__link {
    color: #1A6BC4;
    font-size: 0.84rem;
    font-weight: 600;
}

.mtp-dxp-card__link i {
    font-size: 0.72rem;
    transition: transform 0.2s ease;
}

.mtp-dxp-card:hover .mtp-dxp-card__link i {
    transform: translateX(4px);
}

/* Region map */
.mtp-dxp-map {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 32px;
    align-items: center;
    padding: 36px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 20px 56px rgba(0, 87, 173, 0.1);
}

.mtp-dxp-map__globe {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #0057AD 0%, #1E6DFF 100%);
    color: #fff;
    font-size: 3rem;
    box-shadow: 0 16px 40px rgba(0, 87, 173, 0.3);
}

.mtp-dxp-map__regions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.mtp-dxp-region {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border: 1px solid #e0e8f8;
    border-radius: 16px;
    background: #fff;
    color: #082848;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}

.mtp-dxp-region i {
    color: #1A6BC4;
    font-size: 1.1rem;
}

.mtp-dxp-region:hover,
.mtp-dxp-region.is-active {
    background: linear-gradient(135deg, #0057AD 0%, #1E6DFF 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 10px 28px rgba(0, 87, 173, 0.28);
    transform: translateY(-2px);
}

.mtp-dxp-region:hover i,
.mtp-dxp-region.is-active i {
    color: #fff;
}

.mtp-dxp-map__preview {
    grid-column: 1 / -1;
    padding: 20px 24px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(0, 87, 173, 0.06) 0%, rgba(30, 109, 255, 0.08) 100%);
    border: 1px solid #e0e8f8;
    transition: opacity 0.3s ease;
}

.mtp-dxp-map__preview strong {
    display: block;
    margin-bottom: 4px;
    color: #082848;
    font-size: 1.1rem;
}

.mtp-dxp-map__preview p {
    margin: 0;
    color: #5a6d9a;
    font-size: 0.9rem;
}

/* International carousel */
/* Prevent flight search airport chips leaking into destinations page */
.mtp-dxp-page .dest-btn {
    display: none !important;
}

/* International owl slider */
.mtp-dxp-intl-slider-wrap {
    position: relative;
    overflow: hidden;
    margin-top: 8px;
}

.mtp-dxp-intl-slider {
    overflow: hidden;
}

.mtp-dxp-intl-slider .owl-stage-outer {
    overflow: hidden;
    padding: 4px 0 16px;
}

.mtp-dxp-intl-slider .item {
    height: auto;
}

.mtp-dxp-intl-card {
    position: relative;
    display: block;
    width: 100%;
    height: 400px;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 16px 48px rgba(0, 87, 173, 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mtp-dxp-intl-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 56px rgba(0, 87, 173, 0.18);
    text-decoration: none;
}

.mtp-dxp-intl-card--featured {
    box-shadow: 0 24px 64px rgba(0, 87, 173, 0.18);
}

.mtp-dxp-intl-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.45s ease;
}

.mtp-dxp-intl-card:hover img {
    transform: scale(1.05);
}

.mtp-dxp-intl-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 35%, rgba(8, 40, 72, 0.88) 100%);
}

.mtp-dxp-intl-card__body {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    color: #fff;
    z-index: 1;
}

.mtp-dxp-intl-card__body h3 {
    margin: 0 0 4px;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}

.mtp-dxp-intl-card--featured .mtp-dxp-intl-card__body h3 {
    font-size: 1.75rem;
}

.mtp-dxp-intl-card__body p {
    margin: 0 0 12px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.88rem;
}

.mtp-dxp-intl-card__price {
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 700;
    color: #3D8FD4;
}

.mtp-dxp-intl-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    background: linear-gradient(135deg, #1A6BC4 0%, #3D8FD4 100%);
    color: #fff;
    font-size: 0.84rem;
    font-weight: 600;
}

.mtp-dxp-intl-slider .owl-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 4px;
}

.mtp-dxp-intl-slider .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0;
    background: #c5d4f0;
    transition: background 0.2s ease, transform 0.2s ease;
}

.mtp-dxp-intl-slider .owl-dot.active span,
.mtp-dxp-intl-slider .owl-dot:hover span {
    background: #0057AD;
    transform: scale(1.2);
}

.mtp-dxp-intl-nav {
    position: absolute;
    top: calc(50% - 18px);
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 4px;
    pointer-events: none;
    z-index: 2;
    transform: translateY(-50%);
}

.mtp-dxp-intl-nav__btn {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e8f8;
    border-radius: 50%;
    background: #fff;
    color: #0057AD;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 8px 24px rgba(0, 87, 173, 0.12);
    transition: all 0.2s ease;
}

.mtp-dxp-intl-nav__btn:hover {
    background: #0057AD;
    border-color: #0057AD;
    color: #fff;
}

.mtp-dxp-carousel-wrap {
    position: relative;
    margin-top: 8px;
}

.mtp-dxp-carousel {
    display: flex;
    gap: 20px;
    padding: 0 max(16px, calc((100vw - 1140px) / 2 + 12px)) 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.mtp-dxp-carousel::-webkit-scrollbar {
    display: none;
}

.mtp-dxp-featured {
    position: relative;
    min-height: 380px;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 24px 64px rgba(0, 87, 173, 0.18);
    transition: transform 0.3s ease;
}

.mtp-dxp-featured:hover {
    transform: translateY(-6px);
    text-decoration: none;
}

.mtp-dxp-featured img {
    width: 100%;
    height: 100%;
    min-height: 380px;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.mtp-dxp-featured:hover img {
    transform: scale(1.05);
}

.mtp-dxp-featured__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 30%, rgba(8, 40, 72, 0.85) 100%);
}

.mtp-dxp-featured__body {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 28px;
    color: #fff;
}

.mtp-dxp-featured__body h3 {
    margin: 0 0 6px;
    font-size: 2rem;
    font-weight: 700;
}

.mtp-dxp-featured__body p {
    margin: 0 0 16px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
}

.mtp-dxp-featured__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 12px;
    background: linear-gradient(135deg, #1A6BC4 0%, #3D8FD4 100%);
    color: #fff;
    font-size: 0.88rem;
    font-weight: 600;
}

.mtp-dxp-carousel-card {
    position: relative;
    min-height: 380px;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 16px 48px rgba(0, 87, 173, 0.12);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.mtp-dxp-carousel-card.is-dimmed {
    opacity: 0.45;
}

.mtp-dxp-carousel-card:hover {
    transform: translateY(-6px);
    text-decoration: none;
}

.mtp-dxp-carousel-card img {
    width: 100%;
    height: 100%;
    min-height: 380px;
    object-fit: cover;
}

.mtp-dxp-carousel-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(8, 40, 72, 0.82) 100%);
}

.mtp-dxp-carousel-card__body {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    color: #fff;
}

.mtp-dxp-carousel-card__body strong {
    display: block;
    font-size: 1.15rem;
    margin-bottom: 4px;
}

.mtp-dxp-carousel-card__body small {
    display: block;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.8rem;
    margin-bottom: 8px;
}

.mtp-dxp-carousel-card__body span {
    font-size: 0.82rem;
    font-weight: 700;
    color: #3D8FD4;
}

.mtp-dxp-carousel-nav {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
}

.mtp-dxp-carousel-btn {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e8f8;
    border-radius: 50%;
    background: #fff;
    color: #0057AD;
    cursor: pointer;
    transition: all 0.2s ease;
}

.mtp-dxp-carousel-btn:hover {
    background: #0057AD;
    border-color: #0057AD;
    color: #fff;
}

/* Inspiration */
.mtp-dxp-inspire-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.mtp-dxp-inspire {
    position: relative;
    min-height: 280px;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 16px 48px rgba(0, 87, 173, 0.1);
    transition: transform 0.3s ease;
}

.mtp-dxp-inspire:hover {
    transform: translateY(-6px);
    text-decoration: none;
}

.mtp-dxp-inspire img {
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.mtp-dxp-inspire:hover img {
    transform: scale(1.06);
}

.mtp-dxp-inspire__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 20%, rgba(8, 40, 72, 0.88) 100%);
}

.mtp-dxp-inspire__body {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    color: #fff;
}

.mtp-dxp-inspire__body i {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 12px;
    background: rgba(255, 107, 26, 0.9);
    font-size: 1rem;
}

.mtp-dxp-inspire__body h3 {
    margin: 0 0 4px;
    font-size: 1.2rem;
    font-weight: 700;
}

.mtp-dxp-inspire__body p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.84rem;
}

/* Stats */
.mtp-dxp-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.mtp-dxp-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 28px 20px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.95);
    box-shadow: 0 16px 48px rgba(0, 87, 173, 0.1);
    text-align: center;
}

.mtp-dxp-stat__icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(0, 87, 173, 0.1) 0%, rgba(30, 109, 255, 0.12) 100%);
    color: #0057AD;
    font-size: 1.3rem;
}

.mtp-dxp-stat__num {
    color: #082848;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
}

.mtp-dxp-stat__num::after {
    content: "+";
    font-size: 1.4rem;
}

.mtp-dxp-stat > span {
    color: #5a6d9a;
    font-size: 0.88rem;
    font-weight: 600;
}

.mtp-dxp-stat > span small {
    font-weight: 500;
}

/* Services glass */
.mtp-dxp-services {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.mtp-dxp-service {
    padding: 28px 22px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 16px 48px rgba(0, 87, 173, 0.08);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mtp-dxp-service:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 56px rgba(0, 87, 173, 0.14);
}

.mtp-dxp-service__icon {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 16px;
    background: linear-gradient(135deg, #1A6BC4 0%, #3D8FD4 100%);
    color: #fff;
    font-size: 1.3rem;
    box-shadow: 0 10px 24px rgba(255, 107, 26, 0.3);
}

.mtp-dxp-service h3 {
    margin: 0 0 8px;
    color: #082848;
    font-size: 1.05rem;
    font-weight: 700;
}

.mtp-dxp-service p {
    margin: 0;
    color: #5a6d9a;
    font-size: 0.84rem;
    line-height: 1.6;
}

/* Premium closing CTA */
.mtp-dxp-cta {
    position: relative;
    padding: 96px 0;
    overflow: hidden;
    background: linear-gradient(135deg, #0057AD 0%, #082848 55%, #06284F 100%);
}

.mtp-dxp-cta__pattern {
    position: absolute;
    inset: 0;
    opacity: 0.12;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}

.mtp-dxp-cta__glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
}

.mtp-dxp-cta__glow--1 {
    width: 420px;
    height: 420px;
    top: -120px;
    right: -80px;
    background: rgba(255, 107, 26, 0.28);
}

.mtp-dxp-cta__glow--2 {
    width: 360px;
    height: 360px;
    bottom: -140px;
    left: -60px;
    background: rgba(30, 109, 255, 0.35);
}

.mtp-dxp-cta__plane {
    position: absolute;
    right: 6%;
    top: 22%;
    transform: rotate(-18deg);
    font-size: 9rem;
    color: rgba(255, 255, 255, 0.05);
    pointer-events: none;
}

.mtp-dxp-cta__inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.4fr 0.9fr;
    align-items: center;
    gap: 40px;
    padding: 52px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 0 90px rgba(255, 107, 26, 0.12), 0 28px 72px rgba(0, 0, 0, 0.28);
}

.mtp-dxp-cta__copy {
    min-width: 0;
}

.mtp-dxp-cta h2 {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(1.7rem, 3vw, 2.4rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.mtp-dxp-cta p {
    margin: 0 0 28px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.75;
    max-width: 520px;
}

.mtp-dxp-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.mtp-dxp-btn--glass-dark {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #fff;
}

.mtp-dxp-btn--glass-dark:hover {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.mtp-dxp-cta__stats {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mtp-dxp-cta__stat {
    padding: 18px 22px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.mtp-dxp-cta__stat strong {
    display: block;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
}

.mtp-dxp-cta__stat strong span {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
}

.mtp-dxp-cta__stat small {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.82rem;
    font-weight: 500;
}

.mtp-dxp-cta__stat small i {
    color: #3D8FD4;
}

/* Premium footer strip */
.mtp-dxp-footer-strip {
    position: relative;
    padding: 72px 0;
    background: #082848;
    overflow: hidden;
}

.mtp-dxp-footer-strip__dots {
    position: absolute;
    inset: 0;
    opacity: 0.2;
    background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.35) 1px, transparent 0);
    background-size: 32px 32px;
    pointer-events: none;
}

.mtp-dxp-footer-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 40px;
}

.mtp-dxp-footer-grid h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
}

.mtp-dxp-footer-grid p {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.88rem;
    line-height: 1.6;
}

.mtp-dxp-newsletter__form {
    display: flex;
    gap: 10px;
}

.mtp-dxp-newsletter__form input {
    flex: 1;
    min-width: 0;
    padding: 12px 16px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 0.9rem;
    outline: none;
}

.mtp-dxp-newsletter__form input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.mtp-dxp-apps__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.mtp-dxp-app-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}

.mtp-dxp-app-btn:hover {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    transform: translateY(-2px);
    text-decoration: none;
}

.mtp-dxp-trust__badges {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.mtp-dxp-trust__badges span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.84rem;
}

.mtp-dxp-trust__badges i {
    color: #3D8FD4;
}

.mtp-dxp-trust__payments {
    display: flex;
    gap: 14px;
    font-size: 1.8rem;
    color: rgba(255, 255, 255, 0.7);
}

.mtp-dxp-trust__payments i {
    transition: color 0.2s ease, transform 0.2s ease;
}

.mtp-dxp-trust__payments i:hover {
    color: #3D8FD4;
    transform: translateY(-3px);
}

/* Legacy dest grid (kept for compatibility ??? scoped to .mtp-dest-grid only) */
.mtp-dest-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.mtp-dest-grid .mtp-dest-card {
    position: relative;
    display: block;
    min-height: 240px;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 18px 44px rgba(6, 40, 79, 0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mtp-dest-grid .mtp-dest-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 26px 58px rgba(6, 40, 79, 0.18);
}

.mtp-dest-grid .mtp-dest-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.mtp-dest-grid .mtp-dest-card:hover img {
    transform: scale(1.06);
}

.mtp-dest-grid .mtp-dest-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(8, 10, 28, 0.78) 100%);
}

.mtp-dest-grid .mtp-dest-card__body {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: #fff;
}

.mtp-dest-grid .mtp-dest-card__body strong {
    font-size: 1.1rem;
    font-weight: 600;
}

.mtp-dest-grid .mtp-dest-card__body small {
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.8rem;
    font-weight: 500;
}

/* Destinations premium ??? responsive */
@media (max-width: 1199px) {
    .mtp-dxp-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mtp-dxp-services {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    body.destinations-page .mtp-dxp-hero {
        min-height: auto;
        padding: 40px 0 56px;
    }

    .mtp-dxp-section--services,
    .mtp-dxp-section--stats-band,
    .mtp-dxp-section--domestic,
    .mtp-dxp-section--regions,
    .mtp-dxp-section--international,
    .mtp-dxp-section--inspiration {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .mtp-dxp-section--international {
        padding-bottom: 24px;
    }

    .mtp-dxp-section--international + .mtp-dxp-section--inspiration {
        padding-top: 16px;
    }

    .mtp-dxp-section--stats-band + .mtp-dxp-section--domestic {
        padding-top: 16px;
    }

    .mtp-dxp-section--services + .mtp-dxp-section--stats-band {
        padding-top: 24px;
    }

    .mtp-dxp-cta--mid {
        padding: 48px 0;
    }

    .mtp-dxp-hero {
        min-height: auto;
        padding: 110px 0 80px;
    }

    .mtp-dxp-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mtp-dxp-map {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .mtp-dxp-map__globe {
        margin: 0 auto;
    }

    .mtp-dxp-map__regions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mtp-dxp-inspire-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mtp-dxp-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mtp-dxp-footer-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .mtp-dxp-cta__inner {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 40px;
    }

    .mtp-dxp-cta__stats {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .mtp-dxp-cta__stat {
        flex: 1 1 30%;
    }

    .mtp-dxp-section {
        padding: 64px 0;
    }
}

@media (max-width: 767px) {
    body.destinations-page .mtp-dxp-hero {
        padding: 32px 0 48px;
    }

    .mtp-dxp-section--services,
    .mtp-dxp-section--stats-band,
    .mtp-dxp-section--domestic,
    .mtp-dxp-section--regions,
    .mtp-dxp-section--international,
    .mtp-dxp-section--inspiration {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .mtp-dxp-section--international {
        padding-bottom: 20px;
    }

    .mtp-dxp-section--international + .mtp-dxp-section--inspiration {
        padding-top: 12px;
    }

    .mtp-dxp-cta--mid {
        padding: 40px 0;
    }

    .mtp-dxp-cta--mid .mtp-dxp-cta__inner {
        padding: 28px 20px;
    }

    .mtp-dxp-hero h1 {
        font-size: 1.85rem;
    }

    .mtp-dxp-float-badge {
        display: none;
    }

    .mtp-dxp-grid,
    .mtp-dxp-inspire-grid,
    .mtp-dxp-stats,
    .mtp-dxp-services {
        grid-template-columns: 1fr;
    }

    .mtp-dxp-map__regions {
        grid-template-columns: 1fr;
    }

    .mtp-dxp-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 6px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .mtp-dxp-tabs::-webkit-scrollbar {
        display: none;
    }

    .mtp-dxp-tab {
        flex: 0 0 auto;
    }

    .mtp-dxp-featured {
        flex: 0 0 min(320px, 88vw);
        min-height: 300px;
    }

    .mtp-dxp-featured img {
        min-height: 300px;
    }

    .mtp-dxp-carousel-card {
        flex: 0 0 220px;
        min-height: 280px;
    }

    .mtp-dxp-intl-card {
        height: 320px;
    }

    .mtp-dxp-intl-card--featured .mtp-dxp-intl-card__body h3 {
        font-size: 1.45rem;
    }

    .mtp-dxp-intl-nav {
        display: none;
    }

    .mtp-dxp-cta__inner {
        padding: 32px 24px;
    }

    .mtp-dxp-cta__stats {
        flex-direction: column;
    }

    .mtp-dxp-cta__actions {
        flex-direction: column;
    }

    .mtp-dxp-cta__plane {
        display: none;
    }

    .mtp-dxp-newsletter__form {
        flex-direction: column;
    }

    .mtp-dxp-hero__actions {
        flex-direction: column;
    }

    .mtp-dxp-btn {
        width: 100%;
    }
}


/* Agency / Contact / Legal / Testimonials styles moved to ContentRendering cms-pages.css */

/* ============================================
   Homepage & Flight Search ??? Responsive
   ============================================ */

@media (max-width: 991.98px) {
    .flight_top_banner {
        padding: 56px 0 48px;
        background-position: center top;
    }

    .header_contnt {
        margin-top: calc(-1 * var(--mtp-tabs-host-h, 74px));
    }

    section.flight_top_banner .col-md-12.text-center {
        padding-left: 0;
        padding-right: 0;
    }

    .list_navi {
        display: block;
        width: 100%;
        max-width: 100%;
        border-radius: 999px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .list_navi::-webkit-scrollbar {
        display: none;
    }

    ul.list_naviBar {
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: max-content;
        min-width: 100%;
        padding: 6px 8px;
        gap: 2px;
    }

    a.nav.nav-link {
        font-size: 13px;
        padding: 7px 12px;
        white-space: nowrap;
        margin: 2px;
    }

    a.nav.nav-link img {
        width: 20px;
    }

    /* ---- Flight search card ---- */
    #flightSearch .Search_form {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        padding: 10px 12px 12px;
        border-radius: 12px;
        box-shadow: 0 6px 24px rgba(6, 40, 79, 0.12);
    }

    #flightSearch .Search_form > .row {
        margin-bottom: 6px;
    }

    #flightSearch h1.chep_price {
        display: none;
    }

    #flightSearch ul.nav.nav-tabs.Serch {
        margin-bottom: 0;
    }

    #flightSearch ul.nav.nav-tabs.Serch a.nav-link {
        font-size: 13px;
        padding: 7px 14px;
        margin: 0 6px 0 0;
    }

    #flightSearch .form_ful {
        display: grid;
        grid-template-columns: 1fr;
        float: none;
        width: 100%;
        margin: 0;
        background: #fff;
        border: 1px solid #e4e4e8;
        border-radius: 8px;
        /* Must stay visible so pax / airport dropdowns are not clipped on stacked layout */
        overflow: visible;
    }

    #flightSearch .form_ful .s_col_1,
    #flightSearch .form_ful .s_col_1.date_bssc,
    #flightSearch .form_ful .s_col_1.travelr_clas {
        width: auto;
        float: none !important;
        padding: 10px 12px;
        border-right: none;
        border-bottom: 1px solid #ececf1;
        box-sizing: border-box;
        min-height: 0;
        align-items: flex-start;
        grid-column: 1 / -1;
    }

    #flightSearch .form_ful .destination_sec {
        position: relative;
    }

    #flightSearch .form_ful .destination_sec:nth-of-type(1) {
        z-index: 2;
        padding-bottom: 16px;
    }

    #flightSearch .form_ful .travelr_clas {
        border-bottom: none;
        padding-left: 12px;
        position: relative;
        z-index: 30;
        overflow: visible;
    }

    #flightSearch .form_ful > .s_col_1:last-child {
        border-bottom: none;
    }

    #flightSearch .bus_icon_img {
        width: 32px;
        min-width: 32px;
        text-align: left;
    }

    #flightSearch .bus_icon_img .bus_ic {
        width: 18px;
        height: auto;
    }

    #flightSearch .bus_icon {
        width: calc(100% - 36px);
    }

    #flightSearch .travelr_clas {
        cursor: pointer;
    }

    #flightSearch .travelr_clas .bus_icon_img {
        display: block;
        width: 32px;
        min-width: 32px;
        text-align: left;
        flex-shrink: 0;
    }

    #flightSearch .travelr_clas .bus_icon_img .bus_ic,
    #flightSearch .travelr_clas .mtp-pax-field-icon {
        width: auto;
        font-size: 16px;
        line-height: 1;
        color: #0A3A6B;
    }

    #flightSearch .travelr_clas .bus_icon {
        width: calc(100% - 36px);
        padding-left: 0;
        box-sizing: border-box;
        position: relative;
    }

    #flightSearch .bus_icon > p {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.05em;
        color: #7a7f9a;
        margin-bottom: 1px;
        line-height: 1.2;
    }

    #flightSearch .se_city_name {
        font-size: 15px;
        line-height: 1.2;
        font-weight: 700;
    }

    #flightSearch .tellipsis,
    #flightSearch .bus_icon p.tellipsis {
        font-size: 10px;
        line-height: 1.25;
        color: #666;
        margin-top: 1px;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }

    /* overflow-x: clip forces overflow-y to auto and clips the pax popup ? keep flight search visible */
    .header_contnt {
        overflow-x: clip;
        max-width: 100%;
    }

    #flightSearch,
    #flightSearch .header_contnt,
    #flightSearch .Search_form {
        overflow: visible;
        max-width: 100%;
    }

    #flightSearch #paxDropdown,
    #flightSearch .dropdown_passenger_info {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: auto !important;
        width: min(320px, calc(100vw - 40px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 40px) !important;
        z-index: 10050 !important;
    }

    #flightSearch .dest_nams #dep_dayNum,
    #flightSearch .dest_nams #ret_dayNum,
    #flightSearch .fetched_date #ret_dayNum {
        font-size: 18px !important;
        line-height: 1.1 !important;
    }

    #flightSearch .dest_nams #dep_monthYear,
    #flightSearch .dest_nams #ret_monthYear {
        font-size: 12px !important;
    }

    #flightSearch .dest_nams #dep_dayName,
    #flightSearch .dest_nams #ret_dayName {
        font-size: 11px;
        color: #666;
    }

    #flightSearch .roundTrip_text {
        font-size: 11px;
        line-height: 1.35;
        color: #888;
    }

    #flightSearch .travelr_clas .pax-details {
        font-size: 15px;
        font-weight: 600;
        padding: 0;
        height: auto;
        border: 0;
        background: transparent;
        color: #0A3A6B;
    }

    #flightSearch .telr-class {
        font-size: 11px;
        color: #666;
        text-transform: uppercase;
        margin-top: 1px;
    }

    #flightSearch a.swiper_bus {
        left: 50%;
        right: auto;
        top: auto;
        bottom: -12px;
        transform: translateX(-50%);
        margin: 0;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 12;
    }

    #flightSearch a.swiper_bus img {
        width: 16px;
        transform: rotate(90deg);
    }

    #flightSearch .append_class,
    #flightSearch .autocomplete_contains {
        width: 100%;
        left: 0;
        right: 0;
        max-width: 100%;
    }

    #flightSearch .Rooms_Guests_Ser {
        position: static;
        transform: none;
        margin-top: 12px;
        padding: 0;
        width: 100%;
        text-align: center;
        z-index: 1;
    }

    #flightSearch button.pl-search-bn {
        width: 100%;
        display: block;
        border-radius: 12px;
        font-size: 19px;
        font-weight: 600;
        padding: 16px 24px;
        min-height: 56px;
    }

    #flightSearch .dest_nams {
        position: relative;
        line-height: 1.2;
    }

    #flightSearch .departure_date_picker,
    #flightSearch .return_date_picker {
        height: 100% !important;
        max-height: 52px;
    }

    #flightSearch.mtp-oneway-compact #roundTripDiv {
        display: none !important;
    }

    section.searcBanrBTM {
        padding: 28px 0 40px;
    }

    .right_text {
        padding: 24px 0 0;
    }

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

    .right_text p {
        font-size: 16px;
    }

    h1.heading,
    h3.heading {
        font-size: 26px;
        margin-left: 0;
        text-align: center;
    }

    section.Trendy,
    section.Cheapest,
    section.Popular,
    section.Why-us,
    section.faq {
        padding-left: 0;
        padding-right: 0;
    }

    .package-card img {
        height: 220px;
    }

    .click_book {
        flex-wrap: wrap;
        gap: 12px;
    }

    .click_book p {
        font-size: 24px;
    }

    .ui-datepicker:not(.ui-datepicker-multi-2) {
        width: min(20rem, calc(100vw - 24px)) !important;
    }

    .ui-datepicker.ui-datepicker-multi-2 {
        width: min(40em, calc(100vw - 24px)) !important;
        min-width: 0 !important;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    #flightSearch .form_ful {
        grid-template-columns: 1fr 1fr;
    }

    #flightSearch .form_ful .destination_sec,
    #flightSearch .form_ful .travelr_clas {
        grid-column: 1 / -1;
    }

    #flightSearch .form_ful .date_bssc {
        grid-column: span 1;
    }

    #flightSearch .form_ful .date_bssc + .date_bssc {
        border-left: 1px solid #ececf1;
    }
}

@media (max-width: 575.98px) {
    #flightSearch .form_ful .destination_sec:nth-of-type(1) {
        border-bottom: 1px solid #ececf1;
    }
}

@media (max-width: 575.98px) {
    .flight_top_banner {
        padding: 48px 0 40px;
    }

    .header_contnt {
        margin-top: calc(-1 * var(--mtp-tabs-host-h, 74px));
    }

    #flightSearch .Search_form {
        padding: 12px 12px 12px;
    }

    .destination-name {
        font-size: 15px;
        padding: 6px 16px;
    }

    .destination-card img {
        height: 180px;
    }

    .view-more-btn {
        font-size: 15px;
        padding: 8px 16px 8px 22px;
    }

    .prodct {
        margin-bottom: 10px;
    }

    .text_flgt p {
        font-size: 13px;
        line-height: 1.4;
    }

    .feature-box {
        padding: 16px 12px;
        margin-bottom: 8px;
    }

    .feature-box h5 {
        font-size: 17px;
    }

    .feature-box p {
        font-size: 14px;
    }

    .faq .accordion-button {
        font-size: 15px;
        padding: 14px 16px;
    }

    .navbar .container-fluid.mx-5 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

@media (max-width: 575.98px) {
    .flight_top_banner {
        padding: 44px 0 36px;
    }

    .header_contnt {
        margin-top: calc(-1 * var(--mtp-tabs-host-h, 74px));
    }

    .package-card img {
        height: 200px;
    }

    .name_plce {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .cont-offrt .mtp-topbar__group {
        display: flex;
    }

    .cont-offrt .mtp-topbar__link {
        display: inline-flex;
        width: auto;
        height: auto;
        padding: 5px 10px;
    }

    .cont-offrt .mtp-topbar__text {
        display: inline;
    }

    .cont-offrt .mtp-topbar__link img {
        width: 24px;
        height: auto;
        margin-right: 4px;
    }

    .cont-offrt .mtp-topbar__icon {
        width: 24px;
        height: 24px;
        margin-right: 4px;
        font-size: 12px;
    }

    #flightSearch .Search_form {
        position: relative;
        width: 100%;
        max-width: 1320px;
        margin-top: 0;
        margin-bottom: 36px;
        padding: 25px 25px 66px;
        border-radius: 10px;
        box-shadow: 0 0 5px #ccc;
        overflow: visible;
    }

    #flightSearch h1.chep_price {
        display: block;
        text-align: right;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.3;
        padding: 2px 0 0 0;
    }

    #flightSearch ul.nav.nav-tabs.Serch {
        display: flex;
        flex-wrap: wrap;
        background: transparent;
        border-radius: 0;
        padding: 0;
        gap: 0;
        margin-bottom: 10px;
    }

    #flightSearch ul.nav.nav-tabs.Serch a.nav-link {
        border-radius: 30px;
        padding: 10px 20px;
        font-size: 14px;
        margin: 5px;
        border: 1px solid rgb(43 48 90);
        background: rgba(255, 255, 255, 0.1);
        box-shadow: none;
    }

    #flightSearch ul.nav.nav-tabs.Serch a.nav-link.active {
        background: #0A3A6B;
        color: #fff;
        box-shadow: none;
    }

    #flightSearch .form_ful {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100%;
        margin: 5px auto;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 6px;
        overflow: visible;
    }

    #flightSearch .form_ful .s_col_1,
    #flightSearch .form_ful .s_col_1.date_bssc,
    #flightSearch .form_ful .s_col_1.travelr_clas {
        float: none;
        width: auto;
        flex: 0 0 auto;
        grid-column: auto;
        border-bottom: none;
        border-right: 1px solid #d6d3d3;
        padding: 6px 8px;
        box-sizing: border-box;
    }

    #flightSearch .form_ful .s_col_1.destination_sec {
        width: 310px;
    }

    #flightSearch .form_ful .s_col_1.date_bssc {
        width: 200px;
    }

    #flightSearch .form_ful .s_col_1.travelr_clas {
        width: 230px;
        padding-left: 20px;
        border-right: none;
        flex: 1 1 230px;
    }

    #flightSearch .Rooms_Guests_Ser {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 50%);
        z-index: 4;
        margin: 0;
        padding: 0;
        width: auto;
        text-align: center;
    }

    #flightSearch .Search_form {
        position: relative;
        padding: 12px 14px 44px;
    }

    #flightSearch .Rooms_Guests_Ser button.pl-search-bn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 260px;
        min-height: 62px;
        padding: 18px 72px;
        border: 0;
        border-radius: 16px;
        background: #0057AD;
        color: #fff;
        font-size: 26px;
        font-weight: 600;
        line-height: 1.2;
        box-shadow: 0 10px 28px rgba(0, 87, 173, 0.28);
        white-space: nowrap;
    }

    #flightSearch .Rooms_Guests_Ser button.pl-search-bn:hover {
        background: #1A6BC4;
        color: #fff;
    }

    #flightSearch .bus_icon {
        width: calc(100% - 60px);
    }

    #flightSearch .travelr_clas .bus_icon_img {
        width: 60px;
        min-width: 60px;
        text-align: center;
    }

    #flightSearch .travelr_clas .bus_icon_img .bus_ic,
    #flightSearch .travelr_clas .mtp-pax-field-icon {
        width: auto;
        font-size: 22px;
        color: #0A3A6B;
    }

    #flightSearch .travelr_clas .bus_icon {
        width: calc(100% - 60px);
        padding-left: 0;
    }

    #flightSearch a.swiper_bus {
        right: -13px;
        top: 0;
        left: auto;
        bottom: auto;
        margin: 30px 0 0 0;
        transform: none;
        width: auto;
        height: auto;
        display: block;
    }

    #flightSearch a.swiper_bus img {
        width: 30px;
        transform: none;
    }

    #flightSearch .se_city_name {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 700;
    }

    #flightSearch .tellipsis,
    #flightSearch .bus_icon p.tellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px;
        line-height: 1.25;
        color: #666;
        margin-top: 2px;
    }

    #flightSearch .dest_nams #dep_dayNum,
    #flightSearch .dest_nams #ret_dayNum,
    #flightSearch .fetched_date #ret_dayNum {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }

    #flightSearch .dest_nams #dep_monthYear,
    #flightSearch .dest_nams #ret_monthYear {
        font-size: 12px !important;
    }

    #flightSearch .dest_nams #dep_dayName,
    #flightSearch .dest_nams #ret_dayName {
        font-size: 12px;
        color: #666;
    }

    #flightSearch .roundTrip_text {
        font-size: 12px;
        line-height: 1.35;
    }

    #flightSearch .travelr_clas .pax-details {
        font-size: 16px;
        font-weight: 600;
    }

    #flightSearch .telr-class {
        font-size: 11px;
        color: #666;
        text-transform: uppercase;
        margin-top: 2px;
    }

    .list_navi {
        display: inline-block;
        width: auto;
        max-width: none;
        background: #ffffffbf;
        border: none;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border-radius: 50px;
        padding: 5px 2px;
        overflow: visible;
    }

    ul.list_naviBar {
        flex-wrap: wrap;
        justify-content: center;
        width: auto;
        min-width: 0;
        padding: 5px 10px;
        gap: 0;
    }

    a.nav.nav-link {
        display: block;
        padding: 7px 20px;
        margin: 5px;
        font-size: 19px;
        font-weight: 500;
        border: none;
        border-radius: 30px;
    }

    a.nav.nav-link img {
        width: 30px;
        margin-right: 5px;
    }

    a.nav.nav-link.active {
        background: #fff;
        box-shadow: none;
        border-color: transparent;
    }
}

.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}

@media (max-width: 767.98px) {
    .px-30 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ============================================
   Slick pills (service + trip tabs) & Cheapest
   mobile / tablet polish
   ============================================ */

@media (max-width: 991.98px) {
    /* Service pill bar ??? Flight, Hotels, Visa??? */
    .list_navi {
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.75);
        box-shadow: 0 6px 20px rgba(6, 40, 79, 0.12);
        border-radius: 999px;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        max-width: calc(100% - 8px);
    }

    ul.list_naviBar {
        justify-content: space-between;
        gap: 4px;
        padding: 4px 6px;
        min-width: 100%;
        scroll-snap-type: x proximity;
    }

    li.nav-bar {
        flex-shrink: 0;
        scroll-snap-align: center;
    }

    a.nav.nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 8px 12px;
        margin: 0;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.01em;
        border: 1px solid transparent;
        transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
    }

    a.nav.nav-link.active {
        background: #fff;
        box-shadow: 0 2px 10px rgba(10, 58, 107, 0.14);
        border-color: rgba(10, 58, 107, 0.06);
    }

    a.nav.nav-link img {
        width: 18px;
        margin-right: 0;
        flex-shrink: 0;
    }

    /* Trip type pills ??? Oneway / Round Trip */
    #flightSearch ul.nav.nav-tabs.Serch {
        display: inline-flex;
        flex-wrap: nowrap;
        align-items: center;
        background: rgba(10, 58, 107, 0.07);
        border-radius: 999px;
        padding: 4px;
        gap: 4px;
        margin-bottom: 12px;
    }

    #flightSearch ul.nav.nav-tabs.Serch .nav-item {
        margin: 0;
    }

    #flightSearch ul.nav.nav-tabs.Serch a.nav-link {
        margin: 0;
        padding: 8px 16px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 600;
        border: none;
        background: transparent;
        color: #0A3A6B;
    }

    #flightSearch ul.nav.nav-tabs.Serch a.nav-link.active {
        background: #0057AD;
        color: #fff;
        box-shadow: 0 2px 10px rgba(0, 87, 173, 0.22);
    }

    /* Cheapest fares ??? heading vs carousel arrows */
    section.Cheapest {
        padding-top: 8px;
    }

    section.Cheapest h1.heading {
        text-align: left;
        margin: 16px 88px 12px 0;
        padding-left: 0;
        font-size: 22px;
        line-height: 1.25;
    }

    section.Cheapest .PackgItem {
        margin-top: 4px;
    }

    .PackgItem .owl-nav {
        top: -46px;
        right: 2px;
        width: 80px;
    }

    .PackgItem .owl-nav button.owl-prev,
    .PackgItem .owl-nav button.owl-next {
        width: 32px;
        height: 32px;
        background: #0A3A6B !important;
        border-radius: 50% !important;
        overflow: visible;
        box-shadow: 0 2px 8px rgba(10, 58, 107, 0.2);
    }

    .PackgItem .owl-nav button.owl-prev:before,
    .PackgItem .owl-nav button.owl-next:before {
        border-color: #fff;
        width: 8px;
        height: 8px;
    }

    .PackgItem .owl-nav button.owl-prev {
        right: 40px;
    }

    h6.deTails {
        box-shadow: 0 4px 16px rgba(6, 40, 79, 0.12);
        font-weight: 600;
        border-radius: 999px;
        font-size: 15px;
        padding: 10px 18px;
        margin-top: -56px;
    }

    .click_book {
        align-items: center;
        gap: 10px;
        padding: 14px 0 6px;
    }

    .click_book p {
        font-size: 24px;
        flex: 1 1 auto;
        min-width: 0;
    }

    .click_book .booking {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
    }

    .book-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 9px 16px;
        font-size: 15px;
        margin: 0;
    }

    .book-btn .fa-angle-double-right {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        padding: 0;
        flex-shrink: 0;
    }
}

@media (max-width: 767.98px) {
    a.nav.nav-link {
        padding: 6px;
        font-size: 11px;
    }

    a.nav.nav-link img {
        width: 16px;
    }

    section.Cheapest h1.heading {
        font-size: 20px;
        margin-right: 76px;
    }

    .click_book {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .click_book .booking {
        margin-left: auto;
    }
}

@media (max-width: 575.98px) {
    ul.list_naviBar {
        justify-content: flex-start;
        padding: 4px 8px;
    }

    .click_book {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .click_book p {
        width: 100%;
        font-size: 22px;
    }

    .click_book .booking {
        width: 100%;
        margin-left: 0;
    }

    .book-btn {
        width: 100%;
        justify-content: center;
        padding: 11px 18px;
        font-size: 16px;
    }
}

/* ============================================
   Flight Results page ? Tablet & Mobile layout
   (no logic changes; CSS / layout only)
   ============================================ */

/* Legacy <details> filter summary removed ? mobile filters use
   bottom offcanvas (see flight-results.css / flight-results.js). */

@media (max-width: 991.98px) {
    body.internal-layout {
        overflow-x: hidden;
    }

    body.internal-layout section.searcFormAb {
        padding: 14px 12px 16px;
    }

    body.internal-layout section.wrapers.results,
    body.internal-layout section.wrapers.results.flight-results-body {
        padding: 16px 10px 40px;
    }

    body.internal-layout .flight-results-container {
        min-width: 0;
        max-width: 100%;
        padding: 0;
    }

    body.internal-layout .box_shadow_wbg {
        padding: 12px 12px 16px;
        border-radius: 8px;
    }

    /* Modify-search summary strip */
    body.internal-layout .container-form {
        width: 100%;
        max-width: 100%;
        padding: 0 4px;
    }

    body.internal-layout .form_group {
        gap: 8px;
    }

    body.internal-layout .col-modify-1,
    body.internal-layout .col-modify-date,
    body.internal-layout .col-modify-serch {
        width: calc(50% - 6px);
        min-width: 0;
        flex: 1 1 calc(50% - 6px);
    }

    body.internal-layout .col-modify-serch {
        width: 100%;
        flex: 1 1 100%;
    }

    body.internal-layout input.form_group {
        font-size: 14px;
        padding: 9px 10px;
    }

    body.internal-layout a.swiper_flight {
        margin: -36px 4px 0 0;
    }

    body.internal-layout a.swiper_flight img {
        width: 26px;
    }

    body.internal-layout .Search_form_modify {
        width: 100% !important;
        max-width: 100%;
        margin: 12px 0 0;
        padding: 0 2px;
    }

    /* Reuse homepage search stacking for modify form */
    body.internal-layout #Rf_flightSearch .form_ful,
    body.internal-layout .Search_form_modify .form_ful {
        display: grid;
        grid-template-columns: 1fr;
        float: none;
        width: 100%;
        margin: 0;
        background: #fff;
        border: 1px solid #e4e4e8;
        border-radius: 8px;
        overflow: visible;
    }

    body.internal-layout #Rf_flightSearch .form_ful .s_col_1,
    body.internal-layout #Rf_flightSearch .form_ful .s_col_1.date_bssc,
    body.internal-layout #Rf_flightSearch .form_ful .s_col_1.travelr_clas,
    body.internal-layout .Search_form_modify .form_ful .s_col_1,
    body.internal-layout .Search_form_modify .form_ful .s_col_1.date_bssc,
    body.internal-layout .Search_form_modify .form_ful .s_col_1.travelr_clas {
        width: auto;
        float: none !important;
        padding: 10px 12px;
        border-right: none;
        border-bottom: 1px solid #ececf1;
        box-sizing: border-box;
        min-height: 0;
        align-items: flex-start;
        grid-column: 1 / -1;
    }

    body.internal-layout #Rf_flightSearch .form_ful > .s_col_1:last-child,
    body.internal-layout .Search_form_modify .form_ful > .s_col_1:last-child {
        border-bottom: none;
    }

    /* Collapsible filters removed ? see flight-results.css bottom offcanvas */

    /* Sort pills ? desktop only (d-none d-lg-block); keep compact if shown */
    body.internal-layout .share_list {
        padding: 8px;
        overflow: hidden;
    }

    body.internal-layout .share_list .d-flex-reco {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 8px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding-bottom: 4px;
    }

    body.internal-layout .share_list .fastest {
        flex: 0 0 auto;
        width: auto;
        min-width: 132px;
        margin: 0;
        padding: 8px 10px;
    }

    body.internal-layout .share_list .fastest h4 {
        font-size: 13px;
    }

    body.internal-layout .share_list .fastest small {
        font-size: 12px;
    }

    body.internal-layout section.wrapers.results .flight_from h3 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    /* One-way flight cards */
    body.internal-layout .result_repeat {
        padding: 12px 10px 10px;
        margin: 10px 0;
    }

    body.internal-layout .result_repeat .border-left-right {
        border-left: none;
        border-right: none;
        padding-left: 0;
        margin-top: 8px;
    }

    body.internal-layout .result_repeat figure.flight_sect span.airlineImage {
        font-size: 16px;
    }

    body.internal-layout .result_repeat .timer h4 {
        font-size: 16px;
    }

    body.internal-layout .result_repeat .timer p {
        font-size: 13px;
    }

    body.internal-layout .result_repeat p.stop_time {
        font-size: 14px;
        margin-top: 4px;
    }

    body.internal-layout .result_repeat .flight_charge {
        font-size: 22px;
        margin-top: 0;
    }

    body.internal-layout .result_repeat .price_view {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #e5e5e5;
        text-align: left;
    }

    body.internal-layout .result_repeat .price_view .row {
        align-items: center;
    }

    body.internal-layout .result_repeat .offers {
        width: 100%;
        margin: 8px 0;
        font-size: 12px;
        border-radius: 8px;
        white-space: normal;
        line-height: 1.3;
    }

    body.internal-layout .result_repeat ul.list_service {
        justify-content: space-between;
        gap: 6px;
    }

    body.internal-layout .result_repeat ul.list_service li {
        margin: 2px 0;
        font-size: 12px;
    }

    body.internal-layout .result_repeat:not(.ow-card) button.book_now_fly {
        width: 100%;
        max-width: none;
        margin: 4px 0 0;
    }

    /* Date slider */
    body.internal-layout .FlightSlid {
        margin: 0 -4px;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    body.internal-layout #Rf_flightSearch .form_ful,
    body.internal-layout .Search_form_modify .form_ful {
        grid-template-columns: 1fr 1fr;
    }

    body.internal-layout #Rf_flightSearch .form_ful .destination_sec,
    body.internal-layout #Rf_flightSearch .form_ful .travelr_clas,
    body.internal-layout .Search_form_modify .form_ful .destination_sec,
    body.internal-layout .Search_form_modify .form_ful .travelr_clas {
        grid-column: 1 / -1;
    }

    body.internal-layout #Rf_flightSearch .form_ful .date_bssc,
    body.internal-layout .Search_form_modify .form_ful .date_bssc {
        grid-column: span 1;
    }

    body.internal-layout .col-modify-1 {
        width: calc(33.33% - 8px);
        flex: 1 1 calc(33.33% - 8px);
    }

    body.internal-layout .col-modify-date {
        width: calc(25% - 8px);
        flex: 1 1 calc(25% - 8px);
    }

    body.internal-layout .col-modify-serch {
        width: auto;
        flex: 0 0 140px;
    }
}

@media (max-width: 575.98px) {
    body.internal-layout .col-modify-1,
    body.internal-layout .col-modify-date {
        width: 100%;
        flex: 1 1 100%;
    }

    body.internal-layout .check_form {
        padding: 0 2px 6px;
        flex-wrap: wrap;
        gap: 4px 12px;
    }

    body.internal-layout .result_repeat .timer h4 {
        font-size: 15px;
    }

    body.internal-layout .result_repeat .flight_charge {
        font-size: 20px;
    }

    body.internal-layout .share_list .fastest {
        min-width: 118px;
    }

    body.internal-layout .share_list .fastest img {
        width: 20px;
    }

    body.internal-layout section.wrapers.results .flight_from h3 {
        font-size: 15px;
    }

    .rt-route .timer h4 {
        font-size: 14px;
    }

    .rt-route p.stop_time {
        font-size: 11px;
    }

    .rt-price .flight_charge {
        font-size: 14px;
    }

    .rt-price button.book_now_fly {
        max-width: none;
        width: 100%;
        font-size: 12px;
        padding: 6px 8px;
    }
}

/* Round-trip ? tablet/mobile (mtp-rt-* in flight-results.css) */
@media (max-width: 991.98px) {
    .wrapers.results.round-trip-active {
        padding-bottom: 168px;
    }
}

/* =========================================================
   Profile menu + hamburger panel only (not the whole navbar)
   ========================================================= */
:root {
    --mtp-overlay-menu-z: 2147483600;
}

.mtp-profile-menu {
    position: relative;
    list-style: none;
}

.mtp-profile-menu__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 2px solid rgba(10, 58, 107, 0.12);
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(10, 58, 107, 0.12);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.mtp-profile-menu__trigger:hover,
.mtp-profile-menu.is-open .mtp-profile-menu__trigger {
    border-color: #1A6BC4;
    box-shadow: 0 6px 18px rgba(26, 107, 196, 0.22);
}

.mtp-profile-menu__trigger:focus-visible {
    outline: 2px solid #1A6BC4;
    outline-offset: 2px;
}

.mtp-profile-menu__trigger img,
.pics_prof img.profle {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mtp-profile-menu__dropdown,
ul.list_url.mtp-profile-menu__dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    left: auto;
    width: min(280px, calc(100vw - 24px));
    margin: 0;
    padding: 10px;
    list-style: none;
    text-align: left;
    background: #fff;
    border: 1px solid #e7ebf3;
    border-radius: 16px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
    display: none;
}

/* Fixed + max z so sticky flight/hotel headers cannot cover the open menus */
.mtp-profile-menu.is-open .mtp-profile-menu__dropdown,
.mtp-profile-menu.is-open ul.list_url {
    position: fixed;
    display: block;
    z-index: var(--mtp-overlay-menu-z) !important;
}

.mtp-profile-menu__dropdown[hidden] {
    display: none !important;
}

.mtp-profile-menu__hello {
    padding: 10px 12px 12px;
    margin-bottom: 6px;
    border-bottom: 1px solid #eef1f6;
}

.mtp-profile-menu__hello span {
    display: block;
    margin-bottom: 2px;
    color: #7b8494;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mtp-profile-menu__hello strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #0A3A6B;
    font-size: .92rem;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mtp-profile-menu__link,
ul.list_url .mtp-profile-menu__link {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0 0 4px !important;
    padding: 11px 12px !important;
    border: 0;
    border-radius: 12px;
    background: transparent !important;
    color: #0A3A6B !important;
    font-size: .92rem !important;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    text-decoration: none !important;
    cursor: pointer;
}

.mtp-profile-menu__link i {
    width: 18px;
    color: #1A6BC4;
    text-align: center;
}

.mtp-profile-menu__link:hover,
.mtp-profile-menu__link:focus-visible {
    background: #f4f6fb !important;
    color: #0A3A6B !important;
}

.mtp-profile-menu__link--signout {
    color: #b42318 !important;
}

.mtp-profile-menu__link--signout i {
    color: #b42318;
}

.mtp-profile-menu__form {
    margin: 0;
}

.mtp-profile-menu__divider {
    height: 1px;
    margin: 6px 4px;
    background: #eef1f6;
    list-style: none;
}

/* Mobile / tablet hamburger panel */
@media (max-width: 991.98px) {
    nav.navbar .navbar-toggler {
        border: 0;
        box-shadow: none;
        padding: 8px;
    }

    /* Only the open hamburger panel sits above page chrome ? not the navbar itself */
    nav.navbar .navbar-collapse.show {
        position: fixed !important;
        top: 56px !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-height: calc(100dvh - 56px);
        margin: 0 !important;
        padding: 12px 18px 28px !important;
        overflow-y: auto;
        background: #fff !important;
        border-radius: 0 0 18px 18px !important;
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18) !important;
        text-align: left !important;
        z-index: var(--mtp-overlay-menu-z) !important;
    }

    nav.navbar.nav-scroll .navbar-collapse.show,
    body.is-scrolled nav.navbar .navbar-collapse.show {
        top: 64px !important;
        max-height: calc(100dvh - 64px);
    }

    nav.navbar .navbar-nav.ms-auto {
        width: 100%;
        align-items: stretch !important;
        gap: 4px;
        padding: 8px 0 0;
    }

    ul.navbar-nav.ms-auto > li.nav-item {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-top: 0 !important;
        display: block !important;
    }

    ul.navbar-nav.ms-auto > li.nav-item > a.nav_link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 48px;
        padding: 12px 14px;
        border-radius: 12px;
        color: #0A3A6B;
        font-weight: 600;
        text-decoration: none;
    }

    ul.navbar-nav.ms-auto > li.nav-item > a.nav_link p {
        margin: 0;
        color: inherit;
        font-size: 1rem;
    }

    ul.navbar-nav.ms-auto > li.nav-item > a.nav_link:hover,
    ul.navbar-nav.ms-auto > li.nav-item > a.nav_link:focus-visible {
        background: #f4f6fb;
    }

    ul.navbar-nav.ms-auto > li.nav-item > a.nav_link.Touch {
        justify-content: center;
        margin-top: 10px;
        border-radius: 999px;
        background: #0057AD;
        color: #fff;
    }

    ul.navbar-nav.ms-auto > li.nav-item > a.nav_link.Touch:hover {
        background: #1A6BC4;
        color: #fff;
    }

    ul.navbar-nav.ms-auto li.last_nevi,
    ul.navbar-nav.ms-auto li.mtp-profile-menu {
        display: flex !important;
        flex-direction: column;
        align-items: stretch !important;
        margin-top: 14px !important;
        padding-top: 14px !important;
        border-top: 1px solid #e8ebf0 !important;
    }

    .mtp-profile-menu__trigger {
        margin: 0 auto;
    }

    /* Inside the hamburger panel, keep profile menu in normal flow */
    .navbar-collapse.show .mtp-profile-menu.is-open .mtp-profile-menu__dropdown,
    .navbar-collapse.show .mtp-profile-menu.is-open ul.list_url {
        position: static;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        margin-top: 12px;
        box-shadow: none;
        border: 1px solid #e8ebf0;
        z-index: auto !important;
    }

    .pics_prof {
        margin: 0 auto !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    ul.navbar-nav.ms-auto > li.nav-item {
        margin-left: 6px;
        margin-right: 6px;
    }

    a.nav_link p {
        font-size: .9rem;
    }

    .mtp-profile-menu__dropdown,
    ul.list_url.mtp-profile-menu__dropdown {
        width: 260px;
    }
}


/* Guided flight search ? highlight Search / Modify when flow completes */
button.mtp-search-ready,
.pl-search-bn.mtp-search-ready,
.pl-search-btn.mtp-search-ready,
.mtp-flight-results-modify button.mtp-search-ready {
    outline: 3px solid #1A6BC4 !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 6px rgba(26, 107, 196, 0.28) !important;
    animation: mtp-search-pulse 1.1s ease-in-out 2;
}

@keyframes mtp-search-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
}

.mtp-pax-done-btn {
    display: block;
    width: 100%;
    margin-top: 14px;
    padding: 10px 14px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(135deg, #1A6BC4 0%, #0057AD 100%);
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
}

.mtp-pax-done-btn:hover {
    filter: brightness(1.05);
}

@media (prefers-reduced-motion: reduce) {
    button.mtp-search-ready,
    .pl-search-bn.mtp-search-ready {
        animation: none;
    }
}

/* ===== Home flight search: stacking + dropdowns + calendar ===== */
#ui-datepicker-div {
    z-index: 10080 !important;
}

#flightSearch .Search_form,
#flightSearch .form_ful,
#flightSearch .s_col_1,
#flightSearch .destination_box,
#flightSearch .bus_icon,
#flightSearch .travelr_clas,
#flightSearch .input_fm_sr {
    overflow: visible !important;
}

/* Raise the active city column so From dropdown isn't covered by To */
#flightSearch .destination_box,
#flightSearch .s_col_1.destination_sec {
    position: relative;
    z-index: 1;
}

#flightSearch .destination_box.mtp-city-open,
#flightSearch .s_col_1.destination_sec.mtp-city-open {
    z-index: 80 !important;
}

#flightSearch .append_class {
    z-index: 90 !important;
    pointer-events: auto;
}

#flightSearch .append_class.active {
    z-index: 10060 !important;
}

#flightSearch .append_class .dest-btn,
#flightSearch .append_class .search_row {
    position: relative;
    z-index: 1;
    pointer-events: auto;
}

/* Don't let the swap control steal dropdown clicks */
#flightSearch .destination_box.mtp-city-open > a.swiper_bus {
    z-index: 1 !important;
    pointer-events: none;
}

#flightSearch .se_city_name,
#flightSearch .bus_icon > p,
#flightSearch .tellipsis {
    cursor: pointer;
}

/* Traveller dropdown: open left so it stays on the card */
#flightSearch .travelr_clas {
    position: relative;
    z-index: 30;
    cursor: pointer;
}

#flightSearch .mtp-pax-field-icon {
    color: #0A3A6B;
    font-size: 22px;
    line-height: 1;
    display: inline-block;
}

#flightSearch .travelr_clas .input_fm_sr {
    position: relative;
    width: 100%;
    max-width: 100%;
}

#flightSearch #paxDropdown,
#flightSearch .dropdown_passenger_info {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: auto !important;
    right: 0 !important;
    width: min(320px, calc(100vw - 48px)) !important;
    max-width: min(320px, calc(100vw - 48px)) !important;
    z-index: 10070 !important;
    box-shadow: 0 12px 32px rgba(10, 58, 107, 0.18);
    border: 1px solid #e8ebf0;
    border-radius: 10px;
    background: #fff;
}

@media (max-width: 991.98px) {
    #flightSearch #paxDropdown,
    #flightSearch .dropdown_passenger_info {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }
}

/* Homepage CRM flight deals */
section.flight-deals {
    background: #fbfbfb;
    padding: 20px 0 10px;
}

.flight-deals__sub {
    margin: -4px 0 18px 10px;
    color: #5a6a75;
    font-size: 15px;
}

.flight-deal-card {
    display: block;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    padding: 18px 16px 14px;
    text-decoration: none;
    color: inherit;
    height: 100%;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    border: 1px solid #eef1f4;
    position: relative;
}

.flight-deal-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0, 53, 70, 0.12);
    color: inherit;
}

.flight-deal-card__tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #003546;
    background: #eef8e6;
    border: 1px solid #7ac943;
    border-radius: 20px;
    padding: 2px 10px;
    margin-bottom: 12px;
}

.flight-deal-card__route {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.flight-deal-card__city {
    min-width: 0;
}

.flight-deal-card__city--to {
    text-align: right;
}

.flight-deal-card__city strong {
    display: block;
    font-size: 22px;
    line-height: 1.1;
    color: #003546;
    font-weight: 700;
}

.flight-deal-card__city span {
    display: block;
    font-size: 13px;
    color: #6b7a86;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 110px;
}

.flight-deal-card__plane {
    color: #1A6BC4;
    font-size: 16px;
    flex-shrink: 0;
}

.flight-deal-card__meta {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 14px;
    font-size: 13px;
    color: #5a6a75;
}

.flight-deal-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid #edf0f3;
    padding-top: 12px;
}

.flight-deal-card__fare {
    font-size: 18px;
    font-weight: 700;
    color: #003546;
}

.flight-deal-card__fare--muted {
    font-size: 13px;
    font-weight: 500;
    color: #7a8791;
}

.flight-deal-card__cta {
    border: 1px solid #0A3A6B;
    border-radius: 30px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
}

.flight-deal-card:hover .flight-deal-card__cta {
    background: #1A6BC4;
    border-color: #1A6BC4;
    color: #fff;
}


/* ============================================================
   Product tabs - frosted pill OVER each service hero background.
   Tabs live OUTSIDE <header> so mobile white header cannot cover heroes.
   Absolute navbar (desktop): top 38px, height 90px, z-index 99.
   ============================================================ */
body {
    --mtp-tabs-nav-clear: 98px;
    --mtp-tabs-strip: 64px;
    --mtp-tabs-host-h: calc(var(--mtp-tabs-nav-clear) + var(--mtp-tabs-strip));
}

/* Relative-navbar product pages — clear space pushes the pill slightly into the hero */
body.flight-home,
body.hotel-home,
body.visa-page,
body.car-rental-page,
body.bus-page,
body.destinations-page,
body.internal-layout {
    --mtp-tabs-nav-clear: 24px;
    --mtp-tabs-host-h: calc(var(--mtp-tabs-nav-clear) + var(--mtp-tabs-strip));
}

@media (min-width: 992px) {
    body.flight-home,
    body.hotel-home,
    body.visa-page,
    body.car-rental-page,
    body.bus-page,
    body.destinations-page,
    body.internal-layout {
        --mtp-tabs-nav-clear: 28px;
    }

    .mtp-product-tabs-host {
        padding: var(--mtp-tabs-nav-clear) 12px 16px;
    }
}

.mtp-product-tabs-host {
    --mtp-tabs-navy: #0A3A6B;
    position: relative;
    z-index: 50;
    width: 100%;
    margin: 0;
    padding: var(--mtp-tabs-nav-clear) 12px 12px;
    background: transparent !important;
    background-image: none !important;
    border: none;
    box-shadow: none;
    pointer-events: none;
    box-sizing: border-box;
}

.mtp-product-tabs-host .container,
.mtp-product-tabs-host__inner {
    pointer-events: none;
}

.mtp-product-tabs-host .list_navi,
.mtp-product-tabs-host a.nav.nav-link {
    pointer-events: auto;
}

.mtp-product-tabs-host .container {
    max-width: 1320px;
    padding-left: 0;
    padding-right: 0;
}

.mtp-product-tabs-host__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mtp-product-tabs-host .list_navi {
    display: inline-flex;
    margin: 0 auto;
    padding: 4px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 999px;
    box-shadow: 0 6px 24px rgba(6, 40, 79, 0.16);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    max-width: 100%;
}

.mtp-product-tabs-host ul.list_naviBar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mtp-product-tabs-host li.nav-bar {
    display: block;
    margin: 0;
}

.mtp-product-tabs-host a.nav.nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    margin: 0;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--mtp-tabs-navy);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    touch-action: manipulation;
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.mtp-product-tabs-host a.nav.nav-link img {
    width: 22px;
    height: 22px;
    margin: 0;
    object-fit: contain;
    flex-shrink: 0;
}

.mtp-product-tabs-host a.nav.nav-link:hover {
    background: #ffffff;
    border-color: rgba(10, 58, 107, 0.08);
    color: var(--mtp-tabs-navy);
}

.mtp-product-tabs-host a.nav.nav-link:focus-visible {
    outline: 2px solid #1A6BC4;
    outline-offset: 2px;
}

.mtp-product-tabs-host a.nav.nav-link.active {
    background: #ffffff;
    border-color: rgba(10, 58, 107, 0.1);
    box-shadow: 0 2px 10px rgba(10, 58, 107, 0.14);
    color: var(--mtp-tabs-navy);
}

@media (prefers-reduced-motion: reduce) {
    .mtp-product-tabs-host a.nav.nav-link {
        transition: none;
    }
}

/* Heroes pull under the tab strip (works for AJAX swaps too ? no body-class required) */
.header_contnt,
#mtpEnginePanel .header_contnt,
body.hotel-home #hotelSearchHero.header_contnt {
    margin-top: calc(-1 * var(--mtp-tabs-host-h));
}

body.hotel-home .mtp-hotel-search.mtp-hotel-search--hero,
#mtpEnginePanel .mtp-hotel-search.mtp-hotel-search--hero {
    padding-top: calc(var(--mtp-tabs-host-h) + 28px);
}

#mtpEnginePanel .mtp-visa-hero,
body.visa-page .mtp-visa-page > .mtp-visa-hero,
#mtpEnginePanel .mtp-car-hero,
body.car-rental-page .mtp-car-page > .mtp-car-hero {
    margin-top: calc(-1 * var(--mtp-tabs-host-h));
    padding-top: calc(var(--mtp-tabs-host-h) + 32px);
}

/* Bus: override .Bus_top_banner 200px padding so tabs overlay correctly */
#mtpEnginePanel .mtp-bus-search.Bus_top_banner.mtp-bus-search--hero,
body.bus-page .mtp-bus-search.Bus_top_banner.mtp-bus-search--hero {
    margin-top: calc(-1 * var(--mtp-tabs-host-h)) !important;
    padding: calc(var(--mtp-tabs-host-h) + 28px) 16px 80px !important;
    background-position: center top;
}

@media (max-width: 991.98px) {
    /* Tabs float over hero — no white band under navbar; pill inset slightly down */
    body,
    body.flight-home,
    body.hotel-home,
    body.visa-page,
    body.car-rental-page,
    body.bus-page,
    body.destinations-page,
    body.internal-layout {
        --mtp-tabs-nav-clear: 0px;
        --mtp-tabs-strip: 0px;
        --mtp-tabs-host-h: 0px;
        --mtp-tabs-pill-inset: 16px;
    }

    .mtp-product-tabs-host {
        position: relative;
        z-index: 50;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
        pointer-events: none;
    }

    .mtp-product-tabs-host .container,
    .mtp-product-tabs-host__inner {
        pointer-events: none;
    }

    .mtp-product-tabs-host .list_navi {
        pointer-events: auto;
    }

    .mtp-product-tabs-host .list_navi {
        display: block;
        width: calc(100% - 20px);
        max-width: 100%;
        margin: var(--mtp-tabs-pill-inset) 10px 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        border-radius: 999px !important;
        padding: 4px;
    }

    .mtp-product-tabs-host .list_navi::-webkit-scrollbar {
        display: none;
    }

    .mtp-product-tabs-host ul.list_naviBar {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 4px;
        padding: 0;
        min-width: max-content;
    }

    .mtp-product-tabs-host a.nav.nav-link {
        min-height: 40px;
        padding: 7px 14px;
        font-size: 13px;
        white-space: nowrap;
        border-radius: 999px;
    }

    .mtp-product-tabs-host a.nav.nav-link img {
        width: 18px;
        height: 18px;
    }

    body.flight-home .header_contnt,
    #mtpEnginePanel .header_contnt,
    body.hotel-home #hotelSearchHero.header_contnt {
        margin-top: 0 !important;
    }

    /* Mobile: room under the product pill for the title; blue band ends
       so only ~30% of the search card sits on the hero */
    section.flight_top_banner_fm,
    .sgt-glass-theme section.flight_top_banner_fm {
        /* pill clearance + title block + ~30% of stacked search */
        --mtp-flight-hero-band: calc(var(--mtp-tabs-pill-inset) + 72px + 3.5rem + 6.75rem);
        --mtp-flight-hero-h: auto;
        height: auto;
        min-height: 0;
        max-height: none;
        justify-content: flex-start;
        padding: calc(var(--mtp-tabs-pill-inset) + 72px) 12px 0;
        background-image: none !important;
        background-color: transparent;
        overflow: visible;
        isolation: isolate;
    }

    /* Flipped photo only — no dark overlay on mobile/tablet */
    section.flight_top_banner_fm::before,
    .sgt-glass-theme section.flight_top_banner_fm::before {
        content: none !important;
        display: none !important;
    }

    section.flight_top_banner_fm::after,
    .sgt-glass-theme section.flight_top_banner_fm::after {
        content: "" !important;
        display: block !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: auto;
        height: var(--mtp-flight-hero-band);
        z-index: 0;
        pointer-events: none;
        background: url(/images/flight-banner.webp) center 28% / cover no-repeat;
        transform: scaleX(-1);
    }

    .mtp-flight-hero__dock {
        position: relative;
        z-index: 2;
        --mtp-flight-hang: 0px;
        transform: none;
    }

    .mtp-flight-hero__intro {
        margin: 0 0 8px;
        max-width: 100%;
        position: relative;
        z-index: 2;
    }

    .mtp-flight-hero__eyebrow,
    .mtp-flight-hero__subtitle {
        display: none;
    }

    .mtp-flight-hero__title {
        font-size: clamp(1.15rem, 4.6vw, 1.4rem);
        margin: 0;
        padding-bottom: 0;
        line-height: 1.25;
    }

    .mtp-flight-hero__title::after {
        content: "";
        display: block;
        width: 2.75rem;
        height: 3px;
        margin-top: 8px;
        margin-bottom: 0;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.88);
    }

    body.flight-home #flightSearch .Search_form {
        position: relative;
        z-index: 3;
        transform: none;
        margin-top: 0;
    }

    body.flight-home section.flight_top_banner_fm .Search_form {
        padding-bottom: 52px;
    }

    body.flight-home .header_contnt {
        padding-bottom: clamp(20px, 5vw, 36px);
    }

    body.hotel-home .mtp-hotel-search.mtp-hotel-search--hero,
    #mtpEnginePanel .mtp-hotel-search.mtp-hotel-search--hero {
        margin-top: 0;
        padding-top: calc(var(--mtp-tabs-pill-inset) + 64px);
    }

    #mtpEnginePanel .mtp-visa-hero,
    body.visa-page .mtp-visa-page > .mtp-visa-hero,
    #mtpEnginePanel .mtp-car-hero,
    body.car-rental-page .mtp-car-page > .mtp-car-hero {
        margin-top: 0 !important;
        padding-top: calc(var(--mtp-tabs-pill-inset) + 76px);
    }

    #mtpEnginePanel .mtp-bus-search.Bus_top_banner.mtp-bus-search--hero,
    body.bus-page .mtp-bus-search.Bus_top_banner.mtp-bus-search--hero {
        margin-top: 0 !important;
        padding: calc(var(--mtp-tabs-pill-inset) + 68px) 12px 56px !important;
    }

    nav.navbar.nav-scroll,
    body.flight-home nav.navbar.nav-scroll,
    body.hotel-home nav.navbar.nav-scroll,
    body.visa-page nav.navbar.nav-scroll,
    body.destinations-page nav.navbar.nav-scroll,
    body.car-rental-page nav.navbar.nav-scroll,
    body.bus-page nav.navbar.nav-scroll,
    body.internal-layout nav.navbar.nav-scroll {
        min-height: 0 !important;
        height: auto !important;
    }
}

/* Medium / tablet */
@media (min-width: 576px) and (max-width: 991.98px) {
    body,
    body.flight-home,
    body.hotel-home,
    body.visa-page,
    body.car-rental-page,
    body.bus-page,
    body.destinations-page,
    body.internal-layout {
        --mtp-tabs-pill-inset: 18px;
    }

    .mtp-product-tabs-host .list_navi {
        width: auto;
        max-width: calc(100% - 32px);
        margin-left: auto;
        margin-right: auto;
        border-radius: 999px !important;
        padding: 5px;
    }

    .mtp-product-tabs-host ul.list_naviBar {
        justify-content: center;
        flex-wrap: wrap;
        min-width: 0;
    }

    .mtp-product-tabs-host a.nav.nav-link {
        border-radius: 999px;
    }

    section.flight_top_banner_fm,
    .sgt-glass-theme section.flight_top_banner_fm {
        --mtp-flight-hero-band: calc(var(--mtp-tabs-pill-inset) + 76px + 3.75rem + 7.25rem);
        --mtp-flight-hero-h: auto;
        height: auto;
        min-height: 0;
        max-height: none;
        justify-content: flex-start;
        padding: calc(var(--mtp-tabs-pill-inset) + 76px) 20px 0;
        background-image: none !important;
        background-color: transparent;
        overflow: visible;
        isolation: isolate;
    }

    /* Flipped photo only — no dark overlay on tablet */
    section.flight_top_banner_fm::before,
    .sgt-glass-theme section.flight_top_banner_fm::before {
        content: none !important;
        display: none !important;
    }

    section.flight_top_banner_fm::after,
    .sgt-glass-theme section.flight_top_banner_fm::after {
        content: "" !important;
        display: block !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: auto;
        height: var(--mtp-flight-hero-band);
        z-index: 0;
        pointer-events: none;
        background: url(/images/flight-banner.webp) center 30% / cover no-repeat;
        transform: scaleX(-1);
    }

    .mtp-flight-hero__dock {
        position: relative;
        z-index: 2;
        --mtp-flight-hang: 0px;
        transform: none;
    }

    .mtp-flight-hero__eyebrow,
    .mtp-flight-hero__subtitle {
        display: none;
    }

    .mtp-flight-hero__intro {
        margin-bottom: 10px;
    }

    .mtp-flight-hero__title {
        font-size: clamp(1.3rem, 2.8vw, 1.65rem);
        margin: 0;
        padding-bottom: 0;
        line-height: 1.25;
    }

    .mtp-flight-hero__title::after {
        content: "";
        display: block;
        width: 3rem;
        height: 3px;
        margin-top: 8px;
        margin-bottom: 0;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.88);
    }

    body.flight-home .header_contnt {
        padding-bottom: clamp(24px, 4vw, 40px);
    }
}
@media (max-width: 575.98px) {
    .mtp-product-tabs-host a.nav.nav-link span {
        font-size: 12px;
    }

    body.flight-home .header_contnt {
        padding-bottom: clamp(16px, 4vw, 28px);
    }
}