@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,500&display=swap");
/*0054a6*/
/*Home city airlines*/
a { cursor: pointer; }
.transparent_header { z-index: 1; position: absolute; left: 0px; top: 0px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
 .transparent_header #headerCntr { background: none; }
  .transparent_header #headerCntr .logo a { background: url(../../images/site-logo.svg) left top no-repeat; }
  .transparent_header #headerCntr .call-tfn { cursor: pointer; padding-left: 59px; background-color: #1668e3; }
   .transparent_header #headerCntr .call-tfn:before { left: 15px; background: url(../../images/call.svg) left top no-repeat; background-size: 100%; }
   .transparent_header #headerCntr .call-tfn span { color: #fff; }
  .transparent_header #headerCntr .menuBox ul li a { color: #333; }

/*Results payment page */
.flow-menu .menuBox { display: none; }
.flow-menu #headerCntr .call-tfn_mobile { margin-right: 0px; }
.flow-menu .mobileMenu { display: none; }

@media (max-width: 1023px) {
 .transparent_header #headerCntr .call-tfn { display: none; }
    .contact__formBox .contact-img img{
        width:100%;
    }
    .contact__formBox .contct-form-cont {
        margin-top: 4px;
    }
    .contact .phone {
        font-size: 24px !important;
    }

    .contact .email {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
 .flow-menu .mobileMenu { display: none; }
 .payment-page .flow-menu { padding-left: 45px; }
 .transparent_header #headerCntr .logo a { background-size: 100%; }
 .transparent_header { padding: 4px 0 0 0; position: static; }
}

/*Main header start here*/
#headerCntr {
    z-index: 1;
    padding: 10px 0 10px 0;
    background: #fff;
/*    border: 1px solid #dfe0e4;*/
}
 #headerCntr .logo { 
     float: left; 
     margin-top: 0px; 
     position: relative; 
     overflow: hidden;                
     padding-right: 46px;

 }
    #headerCntr .logo  img{
        width:147px;
    }
    #headerCntr .logo a {
        width: 200px;
        height: 60px;
        cursor: pointer;
        display: block;
        text-decoration: none;
        text-indent: -99999px;
        background: url(../../images/logo-white.png) left top no-repeat;
        background-size: 100%;
    }
    #headerCntr .call-tfn {
        cursor: pointer;
        float: right;
        margin: -5px 0px 0 0;
        border-radius: 35px;
        font-size: 20px;
        padding: 8px 20px 8px 70px;
        position: relative;
        color: #333;
        /*        background-color: #1668e3;*/
        font-weight: 600;
        text-decoration: none;
        width: auto;
        box-shadow: inset 0 0px 10px #1668e342;
        /*        transition: 0.3s ease-in-out;*/
        background: conic-gradient(#191e3b 0 0) var(--p,0)/var(--p,0) no-repeat;
        transition: .4s,background-position 0s;
    }
        #headerCntr .call-tfn:hover {
            --p: 100%;
            color: #fff;
        }
        #headerCntr .call-tfn:before { content: ""; width: 40px; height: 40px; display: block; position: absolute; left: 18px; top: 13px; 
                                       background: url(../../images/call-center.svg) left top no-repeat; background-size: 100%; }
  #headerCntr .call-tfn span { font-size: 11px; display: block; }
 #headerCntr .call-tfn_mobile { cursor: pointer; padding: 8px 15px; display: none; position: relative; font-weight: 700; float: right; font-size: 14px; color: #fff; text-decoration: none; background: #fddb32; border-radius: 36px; float: left; margin-left: 14px; /* &:before {content: '';position: absolute;left: 10px;top: 5px;width: 25px;height: 25px;background:url(../../images/call.svg) left top no-repeat;background-size: 100%;
}*/ }
 #headerCntr .menuBox { float: right; padding-right: 8px; }
  #headerCntr .menuBox ul { list-style: none; position: relative; padding: 0px; z-index: 1; }
   #headerCntr .menuBox ul li { float: left; margin-left: 37px; }
    #headerCntr .menuBox ul li a {
        padding: 17px 0px 3px 0;
        font-size: 16px;
        display: block;
        color: #3f97d2;
        text-decoration: none;
        text-transform: capitalize;
        border-bottom: 2px solid transparent;
    }
        #headerCntr .menuBox ul li a:hover,
        #headerCntr .menuBox ul li a.active {
            color: #063970;
            border-bottom-color: #063970;
        }

   #headerCntr .menuBox ul.submenu { display: none; top: 48px; left: 0px; position: absolute; background: white; width: 230px; padding: 10px; }
    #headerCntr .menuBox ul.submenu li { margin: 0px; }
     #headerCntr .menuBox ul.submenu li a { padding: 6px 0px; }
  #headerCntr .menuBox .change-language { display: none; }
   #headerCntr .menuBox .change-language:hover .submenu { display: block; }

/*Header End*/
.mobileMenu { display: none; cursor: pointer; position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; background: url(../../images//icons/menu.svg) left top no-repeat; background-size: 100%; }

/*Mobile Menu Start*/
.mobileMenuBox { display: none; width: 100%; position: fixed; right: -200%; top: 0px; background: #fff; z-index: 3; height: 100vh; }
 .mobileMenuBox .menu_div { background: #fff; position: absolute; right: 0px; top: 0px; z-index: 4; width: 320px; height: 100vh; }
 .mobileMenuBox ul { list-style: none; padding: 16px; height: 100%; overflow-y: auto; }
  .mobileMenuBox ul li { display: block; padding: 12px 0 12px 0px; position: relative; border-bottom: 1px dashed #ccc; }
   .mobileMenuBox ul li a { color: #202020; text-decoration: none; }
   .mobileMenuBox ul li .icons { border-radius: 100%; position: absolute; left: 0px; top: 12px; width: 30px; height: 30px; display: none; border: 1px solid #fc5a4c; text-align: center; line-height: 30px; color: #fddb32; }
.mobile_menu { display: none; }
.desktopMenu { display: block; }
.mobile_head { background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); color: #fff; overflow: hidden; padding: 10px; position: relative; }

 .mobile_head .close { position: absolute; right: 15px; top: 9px; font-size: 22px; color: #fff; }

#headerCntr ul { list-style: none; }
.toll-free-mobile { font-size: 13px; background: #1668e3; padding: 5px 10px; color: #fff; display: none; align-items: center; justify-content: space-between; }
 .toll-free-mobile .toll-free-mobileNumber { color: #fff; font-weight: 700; text-decoration: none; }
  .toll-free-mobile .toll-free-mobileNumber img { margin-right: 10px; width: 25px; }
.yZLG-plane { pointer-events: none; transform: translate3d(0, -3px, 0); position: absolute; display: inline-block; width: 225px; top: 11px; text-align: right; height: auto; margin-top: 2px; left: 0; animation-name: plane; animation-duration: 3s; }

.yZLG-logo { display: inline-block; vertical-align: middle; text-align: right; }
.yZLG-plane img { width: 25px; }
.yZLG-chemtrail { background: linear-gradient(90deg, hsla(0deg, 0%, 100%, 0) 10%, #f96737); position: absolute; height: 10%; left: 0; top: 10px; opacity: 0; border-radius: 10px; animation-name: chemtrail; animation-duration: 3s; width: 140px; }

@keyframes plane {
 0% { transform: translate3d(-100%, -3px, 0); opacity: 0; }
 20% { opacity: 1; }
 to { transform: translate3d(0, -3px, 0); }
}

@keyframes chemtrail {
 0%, 50% { opacity: 1; }
}

.mobile_show_only { display: none; }

/*loading page value*/

.loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full-screen loader */
    background-color: #f0f8ff; /* Optional background */
}

.plane-icon {
    font-size: 50px;
    color: #007bff;
    animation: rotatePlane 2s linear infinite;
}

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

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




/*Media header*/
@media (max-width: 1199px) {
 #headerCntr .call-tfn:before { width: 36px; height: 36px; }
 #headerCntr .call-tfn { font-size: 18px; }
 #headerCntr .menuBox { padding-top: 10px; padding-right: 0; }
  #headerCntr .menuBox ul li { margin-left: 17px; }
   #headerCntr .menuBox ul li a { padding: 6px 0px; }
}

@media (max-width: 1023px) {
 #headerCntr .call-tfn { display: none; }
 #headerCntr .menuBox ul li a { font-size: 14px; }
 .toll-free-mobile { display: flex; }
}

@media (max-width: 767px) {
 #headerCntr { padding: 10px 0; }
  #headerCntr .logo { margin-top: 0px; padding-right: 26px; }
   #headerCntr .logo a { height: 65px; width: 180px; }
  #headerCntr .call-tfn_mobile { margin-right: 33px; display: block; }
  #headerCntr .menuBox { display: none; }
 .mobileMenu { top: 17px; right: 11px; height: 22px; width: 22px; display: block; }
 .mobile_menu { display: block; }
 .desktopMenu { display: none; }
 .toll-free-mobile { font-size: 12px; }
 .yZLG-plane { width: 200px; top: 8px; }
  .yZLG-plane img { width: 20px; }
  .overlay{
      display:none;

  }
}

@media (max-width: 479px) {
 #headerCntr .logo a { height: 42px; width: 140px;}
 .yZLG-plane { width: 160px; top: 8px; }
}
/*End media*/

/*Banner Box Home page*/
#bannerCntr {
    position: relative;
    width: calc(100% - 80px); /* 40px left + 40px right */
    margin: 5px auto 40px auto; /* top: 5px, bottom: 40px */
    height: 80vh;
    background: url('/Images/city-banner/travel-destination-view.jpg') center center no-repeat fixed;
    background-size: cover;
    border-radius: 16px;
    overflow: hidden;
}
/*    #bannerCntr video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        transform: translate(-50%, -50%);
        object-fit: contain;
        z-index: 1;
    }*/
/*.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(6, 57, 112, 0.6);*/ /* #063970 with 60% opacity */
    /*z-index: 2;
}*/
    /* Search Bar inside Banner */
    #bannerCntr .serach-sec {
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: 1100px;
        z-index: 2;
        padding: 20px;
        background: #ffffff2b;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    /* Optional: Tagline styling if enabled */
    #bannerCntr .tagline {
        font-size: 33px;
        font-weight: 600;
        line-height: 40px;
        padding: 40px 0 10px 0;
        max-width: 1050px;
        margin: 0 auto;
        color: white;
    }


/* #bannerCntr .serach-sec { position: absolute; bottom: 55px; width: 100%; left: 0px; }*/
 #bannerCntr .z-index-relative { z-index: 1; position: relative; }
/* #bannerCntr .tagline { font-size: 33px; font-weight: 600; line-height: 40px; padding: 40px 0 10px 0; max-width: 1050px; margin: 0px auto; }*/

/*Banner Box Airline and Destination*/
#genericBannerCntr { position: relative; width: 100%; height: 450px; }
/* #genericBannerCntr:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; background: rgba(0, 0, 0, 0.1); height: 100%; }*/
 #genericBannerCntr .tagline { font-size: 45px; font-weight: 700; line-height: 53px; padding: 120px 0 30px 0; }

/*banner MEdia*/
@media (max-width: 1199px) {
 #bannerCntr .tagline { padding: 20px 0 10px 0; font-size: 24px; }
 #bannerCntr { height: 500px; }
  #bannerCntr .serach-sec { width: calc(100% - 22px); left: 10px; bottom: 30px; }
}

@media (max-width: 1023px) {
 #bannerCntr { height: 450px; padding-bottom: 30px;}
 .mobile_show_only { display: block; }
  .mobile_show_only img { width: 100%; }
 #genericBannerCntr { height: auto; padding-bottom: 30px; }
  #genericBannerCntr .tagline { padding: 90px 0 20px 0; }
}

@media (max-width: 767px) {
 #bannerCntr { height: 400px; }
  #bannerCntr .tagline { display: none; }
 #genericBannerCntr .tagline { display: none; }
}

/* Responsive Adjustments */
/*@media (max-width: 1199px) {
    #bannerCntr {
        height: 500px;
        background-attachment: scroll;
    }
    #bannerCntr .tagline {
        font-size: 24px;
        padding: 20px 0 10px 0;
    }
    #bannerCntr .serach-sec {
        bottom: 30px;
        width: calc(100% - 22px);
    }
}

@media (max-width: 1023px) {
    #bannerCntr {
        height: 450px;
        background-attachment: scroll;
    }
    .mobile_show_only {
        display: block;
    }
    .mobile_show_only img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #bannerCntr {
        height: 400px;
        background-attachment: scroll;
    }
    #bannerCntr .tagline {
        display: none;
    }
}*/
/*banner MEdia*/

/* Responsive Adjustments */
@media (max-width: 1199px) {
    #bannerCntr {
        height: 500px;
        background-attachment: scroll;
    }

        #bannerCntr .tagline {
            font-size: 24px;
            padding: 20px 0 10px 0;
        }

        #bannerCntr .serach-sec {
            bottom: 30px;
            width: calc(100% - 22px);
            transform: translateX(0%) !important;
        }
}

@media (max-width: 1023px) {
    #bannerCntr {
        width:100%;
        margin:0px;
        border-radius:0px;
        height: 450px;
        background-attachment: scroll;
    }

    .mobile_show_only {
        display: block;
    }

        .mobile_show_only img {
            width: 100%;
        }
}

@media (max-width: 767px) {
    #bannerCntr {
        width: 100%;
        margin: 0px;
        border-radius: 0px;
        height: fit-content;
        background-attachment: scroll;
    }
        #bannerCntr .serach-sec {
            position: static;
            transform: none;
            width: 100%;
            max-width: 100%;
            margin-top: 20px;
            padding: 15px;
            border-radius: 0;
        }
    .serach-sec form {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .serach-sec .form-group,
    .serach-sec input,
    .serach-sec select,
    .serach-sec button {
        width: 100% !important;
    }
        #bannerCntr .tagline {
            display: none;
        }
}





/*Mobile banner*/
.small_banner { position: relative; display: none; }
 .small_banner img { width: 100%; display: none; }
 .small_banner .tagline { position: absolute; left: 20px; bottom: 10px; color: #fff; font-weight: 700; }
.arc_logo_banner { background: #fff; padding: 10px; float: left; margin-left: 10px; margin-top: 6px; }
 .arc_logo_banner img { max-width: 185px; }
.tp-widget-businessinfo__trustscore,
.tp-widget-businessinfo__total { text-transform: none; display: inline-block; }
.display_logo_banner { position: absolute; right: 20px; bottom: 20px; }
.tp_logo-banner { white-space: nowrap; background: #fff; width: 148px; float: left; padding: 5px; text-align: center; height: 80px; }

@media (max-width: 767px) {
 .arc_logo_banner .arc_logo_banner { position: static; right: 10px; bottom: 0px; background: none; padding: 0px; text-align: center; }
 .small_banner { display: block; background-color: #fc5a4c; height: 43px; }
 .align-items-center .col:nth-of-type(n + 2) { display: none; }
 .display_logo_banner { position: static; right: 10px; bottom: 0px; background: none; padding: 0px 10px; margin-top: 34px; }
}

/*Search Box*/
.searchBox { position: relative; z-index: 1; }
 .searchBox .tabBox { list-style: none; padding: 0px; }
  .searchBox .tabBox li { float: left; padding: 5px 17px; background: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 16px; color: #333; cursor: pointer; }
   .searchBox .tabBox li img { margin-right: 5px; }
 .searchBox .searchBlock {
     border: 1px solid #dfe0e4; 
     background:#fff;
     border-radius: 11px;
     padding: 20px 25px;
     position: relative; max-width: 1050px; margin: 0px auto;  }
 .searchBox .search_topbar { display: flex;  padding-bottom: 3px; }
  .searchBox .search_topbar .inputSet label input[type="radio"]:checked ~ span::before { background: #202020; }
  .searchBox .search_topbar .inputSet label input[type="radio"]:checked ~ span { color: #333; }
  .searchBox .search_topbar .inputSet label { color: #333; }
   .searchBox .search_topbar .inputSet label input[type="radio"] ~ span::after { border-color: #202020; }
   .searchBox.search_topbar .inputSet label input[type="radio"]:checked ~ span::after { border-color: #202020; }
  .searchBox .search_topbar .class_action { position: relative; }
  .searchBox .search_topbar .click_div { cursor: pointer; white-space: nowrap; }
  .searchBox .search_topbar .arrow-icon { color: #fddb32; }
  .searchBox .search_topbar .traveler_action_button { padding: 10px; display: flex; align-items: center; justify-content: space-between; }
  .searchBox .search_topbar .done_Btn { background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); display: inline-block; font-size: 14px; color: #fff; text-align: center; cursor: pointer; border-radius: 2px; padding: 4px 10px; text-decoration: none; }
 .searchBox .flightSearch { display: flex; background: #fff; /*Calumn 2*/ /*Calumn 3*/ }
  .searchBox .flightSearch .column_1 { float: left; width: 50%; }
  .searchBox .flightSearch .column_2 { float: left; width: 35%; }
  .searchBox .flightSearch .column_3 { float: left; width: 15%; }
  .searchBox .flightSearch .label { float: left; width: calc(50% - 7px); margin-right: 7px; position: relative; }
   .searchBox .flightSearch .label.inputDepart,
   .searchBox .flightSearch .label.inputReturn { border: none; }
   .searchBox .flightSearch .label.roundtrip { display: none; }
   .searchBox .flightSearch .label.error { border: 1px solid #ca2e2b;border-radius:20px; }
    .searchBox .flightSearch .label.error .icons { color: #ca2e2b; }
   .searchBox .flightSearch .label.oneway { width: 97%; }
   .searchBox .flightSearch .label .label_name { font-size: 17px; color: #303030; transition: all 0.2s ease; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 23px; left: 40px; pointer-events: none; font-weight: 300; display: none; }


   .searchBox .flightSearch .label .inputField { padding-left: 38px; padding-top: 13px; padding-bottom: 13px; font-size: 15px; font-weight: 400; color: #292929; border:1px solid #818494;border-radius:15px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


.bi-chevron-down::before {
    content: "\f282";
    color: #fff;
}

    .searchBox .flightSearch .label.traveller { width: calc(100% - 135px); }
   .searchBox .flightSearch .label .icons { position: absolute; left: 13px; top: 15px; line-height: 18px; display: block; pointer-events: none; font-size: 20px; }
    .searchBox .flightSearch .label .icons.person-icon { font-size: 25px; }
   .searchBox .flightSearch .label input[type="text"]:focus ~ .icons { color: #525254; }
  .searchBox .flightSearch .cursor { cursor: pointer; }
.searchBox .flightSearch .searchButton {
    background: #063970;
    width: 100%;
    display: inline-block;
    border: none;
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    padding: 15px 0 14px 0;
    outline: none;
    transition: 0.4s ease-in-out;
}

/*    .searchBox .flightSearch .searchButton:hover {
        background: #043770;
        color: #202020;
    }*/
.mobile_dsearchButton { width: 100%; display: none; background: #fc5a4c; border: none; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; padding: 10px; margin-top: 13px; outline: none; }
 .mobile_dsearchButton:hover { background: #fc5a4c; }

/*Serch media*/
@media (max-width: 1199px) {
 .searchBox .flightSearch .label .label_name { font-size: 16px; }
 .searchBox .flightSearch .label .inputField { font-size: 14px; padding-left: 30px; }
 .searchBox .flightSearch .label .icons { left: 5px; }
}

@media (max-width: 1023px) {
 .searchBox .searchBlock { padding: 10px; overflow: hidden; }
 .searchBox .flightSearch { display: block; }
  .searchBox .flightSearch .column_1 { width: 100%; }
  .searchBox .flightSearch .column_2 { width: 100%; margin: 23px 0; }
  .searchBox .flightSearch .column_3 { width: 100%; }
}

@media (max-width: 767px) {
 .searchBox { margin-top: 13px; }
  .searchBox .tabBox { overflow: hidden; margin: 0px; }
   .searchBox .tabBox li { font-size: 14px; padding: 7px 15px; }
    .searchBox .tabBox li img { height: 22px; }
    .searchBox .searchBlock {
        padding: 17px 22px 20px;
        overflow: hidden;
        margin: -12px;
        border-radius: 8px;
    }
  .searchBox .search_topbar .tripType li { padding-bottom: 2px; white-space: nowrap; }
  .searchBox .search_topbar .class_action { width: 115px; }
  .searchBox .flightSearch .column_1 .label { width: 100%; }
  .searchBox .flightSearch .column_2 { border: none; }
  .searchBox .flightSearch .label { width: calc(50% - 4px); }
   .searchBox .flightSearch .label.inputReturn { margin-right: 0px; }
  .searchBox .flightSearch .label { padding-bottom: 0px; }
   .searchBox .flightSearch .label .inputField { border-radius: 3px; border-radius: 6px; padding-top: 12px; padding-bottom: 12px; }
   .searchBox .flightSearch .label.first { margin-bottom: 23px; }
   .searchBox .flightSearch .label.traveller { width: 100%; }
   .searchBox .flightSearch .label .icons { top: 17px; }
 .mobile_dsearchButton { display: block; }
}
/*Serch media end*/

/*travllerBox*/
.travllerBox { border-top: 1px solid #f4f4f4; width: 650px; background: #fff; padding: 20px; box-shadow: 0 4px 11px rgba(151, 151, 151, 0.1607843137); position: absolute; right: 0px; top: -18px; z-index: 2; }

 .travllerBox .head { padding: 10px 0 20px 0; font-size: 20px; width: 100%; font-weight: 600; }
 .travllerBox .guestBox { padding-right: 30px; border-right: 1px solid #ccc; }
  .travllerBox .guestBox .add-traveler { font-size: 16px; color: #5e5e5e; padding: 0px 0 10px 0; text-align: left; clear: both; font-weight: 500; }
   .travllerBox .guestBox .add-traveler a { width: 25px; height: 25px; text-align: center; line-height: 23px; font-size: 14px; border: 2px solid #989aa2; color: #989aa2; background: #fff; border-radius: 100%; text-decoration: none; display: inline-block; cursor: pointer; font-weight: 600; }
    .travllerBox .guestBox .add-traveler a i { line-height: 23px; }
    .travllerBox .guestBox .add-traveler a:hover { color: #fddb32; border-color: #fddb32; }
    .travllerBox .guestBox .add-traveler a.disable { color: #c0cad5; border-color: #c0cad5; cursor: default; }
   .travllerBox .guestBox .add-traveler .travelers__options { float: right; width: 100px; display: flex; justify-content: center; align-items: center; }
   .travllerBox .guestBox .add-traveler .number { width: 50px; display: inline-block; text-align: center; }
    .travllerBox .guestBox .add-traveler .number input { width: 100%; text-align: center; font-weight: 700; }
 .travllerBox .unaccompined_block { width: 330px; }
 .travllerBox .unaccompined { padding-top: 10px; margin-top: 10px; position: relative; }
  .travllerBox .unaccompined a { color: #333; text-decoration: none; }
   .travllerBox .unaccompined a i { position: relative; margin-right: 5px; top: -2px; }
  .travllerBox .unaccompined:hover a { color: #fddb32; }
  .travllerBox .unaccompined:hover .tooltipBox, .travllerBox .unaccompined:hover .tooltipBox { opacity: 1; }
  .travllerBox .unaccompined .tooltipBox { width: 330px; left: 138px; padding: 10px 15px; }
   .travllerBox .unaccompined .tooltipBox:after { left: 11%; }
  .travllerBox .unaccompined .closeunaccompanied { position: absolute; right: 6px; font-size: 18px; top: 5px; }
 .travllerBox .classType { list-style: none; padding: 0px; }
  .travllerBox .classType li { padding-bottom: 10px; }
 .travllerBox .done_Btn { float: right; margin: 10px 20px 0 0; background: #fddb32; color: #fff; padding: 10px 30px; text-align: center; border-radius: 3px; font-size: 16px; font-weight: 600; text-decoration: none; display: block; width: 120px; cursor: pointer; }

/*Switch button start here*/
.switch { position: absolute; display: inline-block; padding-left: 42px; margin: 0px; right: 15px; top: 15px; cursor: pointer; }

@media (max-width: 767px) {
 .switch { display: none; }
 .travllerBox { top: -65px; }
  .travllerBox .guestBox { width: 100%; border-right: none; border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-bottom: 10px; }
  .travllerBox .unaccompined { float: left; }
   .travllerBox .unaccompined .tooltipBox { left: 159px; }
}

.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #e3e3e3; -webkit-transition: 0.4s; transition: 0.4s; color: #303030; }
 .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 2px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; }

input:checked + .slider { background-color: #fddb32; }
input:focus + .slider { box-shadow: 0 0 1px #fddb32; }
input:checked + .slider:before { -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px); }

/* Rounded sliders */
.slider.round { border-radius: 20px; width: 36px; height: 20px; }
 .slider.round:before { border-radius: 50%; }
/*Switch button end here*/
/*Recent Searches Box Start here*/
.recent__SearchBox { background: rgba(0, 0, 0, 0.2); padding: 8px 12px 12px; border-radius: 5px; margin: 10px 0; }
 .recent__SearchBox .head { color: #fff; margin-bottom: 5px; }
 .recent__SearchBox .holder { overflow: hidden; }
 .recent__SearchBox .block { background: #fff; border-radius: 5px; padding: 5px 8px; overflow: hidden; }
  .recent__SearchBox .block .left { width: 150px; float: left; display: flex; align-items: center; justify-content: space-between; padding-right: 10px; border-right: 1px solid #ccc; }
   .recent__SearchBox .block .left .city__code { font-size: 14px; color: #484848; font-weight: 600; }
    .recent__SearchBox .block .left .city__code small { display: block; font-size: 10px; color: #989898; }
  .recent__SearchBox .block .right { width: 110px; padding-left: 10px; padding-right: 10px; font-size: 12px; color: #8a8a8a; float: left; position: relative; }
   .recent__SearchBox .block .right .arrow { color: #fddb32; position: absolute; right: -6px; top: -8px; font-size: 22px; padding: 5px; }

/*Recent Searches Box End here*/
.input_clear { background: url(../../images/clear_field.png) no-repeat right -18px center; padding-right: 22px; }
 .input_clear.x { background-position: right 13px; }
 .input_clear.onX { cursor: pointer; }
 .input_clear::-ms-clear { display: none; width: 0; height: 0; }
.traveler_action_button a.disable { color: #c0cad5; border-color: #c0cad5; cursor: default; }
.done_button { width: 100%; background: #fddb32; border: none; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; padding: 10px; margin-top: 13px; outline: none; display: inline-block; clear: both; }

/*Mobile*/
.mobile_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 0; background: rgba(0, 0, 0, 0.2); z-index: 2; }
.top_row { display: flex; align-items: center; justify-content: center; padding: 10px; border-bottom: 1px solid #ccc; margin: 0px -12px; white-space: nowrap; }
 .top_row:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; }
 .top_row:after { border-left: solid transparent 12px; border-right: solid transparent 12px; border-bottom: solid #fff 12px; top: -12px; content: " "; height: 0; left: 50%; position: absolute; width: 0; transform: translateX(-50%); }

 .top_row .arrow-icon { position: relative; top: 0px; margin-left: 7px; }
.traveler_action { margin: 0 30px; width: 110px; position: relative; white-space: nowrap; text-align: right;color:#202020; }

@media (max-width: 767px) {
 .traveler_action { padding: 0 12px; margin-left: 0px; margin: 0px; width: auto; }
 .top_row:after { display: none; }
 .top_row { border-bottom: none; }
    #headerCntr .logo img {
        width: 70px;
    }
    .cta-support-btn .cta-text small {
        display:none;
    }
    .cta-support-btn .cta-text strong {
        font-size:16px;
    }
    .cta-support-btn {
        padding: 8px 10px !important;
    }
        .cta-support-btn i {
            font-size: 24px !important;
        }
    .text-end {
        margin-right: -4px;
    }

        }

    .modifySearchBox .mobile_travelerBox { right: inherit; left: 0; }
.Mobiletrip_type { width: 190px; border-radius: 5px; background: #fff; z-index: 3; position: absolute; box-shadow: 0 3px 12px #a4a4a5; left: 0px; top: 33px; }
 .Mobiletrip_type.class-type { right: 0px; left: inherit; width: 196px; }
 .Mobiletrip_type ul { list-style: none; padding: 0px; margin: 0px; }
  .Mobiletrip_type ul li { padding: 10px 0 10px 10px; border-bottom: 1px solid #f2f2f2; color: #333; position: relative; cursor: pointer; font-weight: 500; align-items: center; display: flex; }
   .Mobiletrip_type ul li .icons { position: static; }
   .Mobiletrip_type ul li:last-child { border-bottom: none; }
 .Mobiletrip_type img { margin-right: 6px; }
 .Mobiletrip_type ul li i { position: absolute; left: 14px; top: 11px; visibility: hidden; }
    .Mobiletrip_type ul li:hover, .Mobiletrip_type ul li.active {
        color: #063970;
        background: #FFF4EE;
    }
  .Mobiletrip_type ul li.active i { visibility: visible; }
/**/
.mobile_travelerBox { width: 260px; border-radius: 5px; background: #fff; z-index: 3; position: absolute; right: 0px; top: 33px; box-shadow: 0 3px 12px #a4a4a5; }
 .mobile_travelerBox .add-traveler { font-size: 15px; color: #5e5e5e; padding: 13px 20px; clear: both; font-weight: 600; text-align: left; border-bottom: 1px solid #ccc; }
  .mobile_travelerBox .add-traveler a { width: 25px; height: 25px; text-align: center; line-height: 23px; font-size: 14px; border: 2px solid #989aa2; color: #989aa2; background: #fff; border-radius: 100%; text-decoration: none; display: inline-block; cursor: pointer; font-weight: 600; }
   .mobile_travelerBox .add-traveler a i { line-height: 23px; }
   .mobile_travelerBox .add-traveler a:hover { color: #fddb32; border-color: #fddb32; }
   .mobile_travelerBox .add-traveler a.disable { color: #c0cad5; border-color: #c0cad5; cursor: default; }
  .mobile_travelerBox .add-traveler .travelers__options { float: right; width: 100px; display: flex; justify-content: center; align-items: center; margin-left: 10px; }
  .mobile_travelerBox .add-traveler .number { width: 45px; display: inline-block; text-align: center; }
   .mobile_travelerBox .add-traveler .number input { width: 100%; text-align: center; font-weight: 700; }
/**/
.traveler_main { position: relative; }

/*New end*/
/*Error */
.error .errortext { display: block; }
.errortext { display: none; position: absolute; left: 0px; bottom: -26px; color: #ffacac; font-size: 11px; font-weight: 400; line-height: 1rem; }

@media (max-width: 1199px) {
 .errortext { font-size: 10px; }
}

@media (max-width: 1023px) {
 .errortext { bottom: -20px; }
}

.errorsameSearch { color: #ca2e2b; font-size: 11px; }
.modifySearchBox .errortext { position: static; margin-top: 5px; }

@media (max-width: 767px) {
 .modifySearchBox { padding: 0px; }
  .modifySearchBox .search_topbar .tripType { margin-bottom: 30px; width: 100%; }
}
/*Radio*/
.tripType { list-style: none; padding: 0px; margin-bottom: 10px; }
 .tripType li { display: inline-block; padding-right: 15px; font-size: 14px; }

/*checkbox style*/
.inputSet label { cursor: pointer; font-weight: 400; line-height: 22px; padding-left: 26px; position: relative; color: #202020; }
 .inputSet label input { opacity: 0; position: absolute; }
  .inputSet label input[type="checkbox"] ~ span::after { border: 1px solid #5e5e5e; content: ""; height: 18px;
                                                         left: 0; position: absolute; top: 1px; width: 18px; background: #fff; }
  .inputSet label input[type="checkbox"]:checked ~ span::after { border: 1px solid #202020; }
  .inputSet label input[type="checkbox"]:checked ~ span { color: #fc5a4c; }
   .inputSet label input[type="checkbox"]:checked ~ span::before { z-index: 1; font-family: "FontAwesome"; 
                                                                   content: "\f00c"; display: block; 
                                                                   color: #202020; position: absolute; left: 2px; top: 0px; }
.inputSet.theme2 label input[type="checkbox"]:checked ~ span { color: inherit; }
 .inputSet.theme2 label input[type="checkbox"]:checked ~ span::before { color: #202020; }
 .inputSet.theme2 label input[type="checkbox"]:checked ~ span::after { border: 1px solid #fddb32; }

/*Radio*/
.inputSet label input[type="radio"] ~ span::after { border-radius: 100%; border: 2px solid #5e5e5e; content: ""; height: 20px; width: 20px; left: 0; position: absolute; top: 0; }
.inputSet label input[type="radio"]:checked ~ span { color: #333 !important; transition: all 0.5s; }
 .inputSet label input[type="radio"]:checked ~ span::after { border: 2px solid #fddb32; }
 .inputSet label input[type="radio"]:checked ~ span::before { border-radius: 100%; background: #202020; content: ""; display: block; height: 8px; width: 8px; left: 6px; position: absolute; top: 6px; }

.page__title { font-size: 26px; color: #303030; margin-bottom: 16px; position: relative; font-weight: 600; }
 .page__title span { font-size: 15px; font-weight: 500; display: block; }

.service_slider { margin-right: -15px; display: flex; overflow-x: auto; }
.serviceBox { width: 100%; padding: 12px 0; border-bottom: 1px solid #ededed; }
.serviceBox h3 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    font-weight: 600;
}
.change {
    position: relative;
    width: 100%;
    min-height: 350px;
    background: url(/../Images/promotion_banner/change.png) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
 .serviceBox p { font-size: 12px; margin-bottom: 0px ;   text-align: justify; }
 .serviceBox .icon { width:50%; }
 .serviceBox .detail {color: #202020; padding: 14px; float: left;width:50%; }
 .serviceBox .detail svg { width:16px; }
 .serviceBox .block { background:#fddb32;display:flex;border-radius:20px; overflow:hidden; }
.terms-and-conditions {
    background: #fddb32;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}
    .terms-and-conditions .service-img {
        background: url(/images/promotion_banner/cancellation.jpg) center center no-repeat;
        background-size:cover;
    }

@media (max-width: 1023px) {
    .serviceBox .detail { width: calc(100% - 35px); }
}
.terms-and-conditions {
    display:none;
}

    @media (max-width: 767px) {
        .serviceBox p {
            font-size: 11px;
        }
        .old-service {
            display: none;
        }
        .terms-and-conditions {
            display: block;
        }
        .service-content{
            padding:21px;

        }
        .service-content h2 {
            font-size: 20px;
            text-align: center;
        }
        .serviceBox .detail {
            width: 100%;
        }


    }

    .serviceBox .service_block {  width: 33.3%; float: left; padding:13px; position: relative; }
@media (max-width: 1023px) {
 .serviceBox { padding-top: 0px; }
  .serviceBox .service_block { width: auto; }
   .serviceBox .service_block .block { width: 300px; }
}

@media (max-width: 767px) {
 .serviceBox .service_block .block { width: 300px; }
}

/*bestdeal section*/
.bestdealBox { margin-top: 30px; position: relative; width: 100%; }
 .bestdealBox:before { position: absolute; right: 60px; top: -74px; content: ""; width: 600px; height: 600px; background: url(../../images/curve-right-home.svg) left top no-repeat; background-size: cover; }
 .bestdealBox:after { position: absolute; left: 10px; top: 50px; content: ""; width: 205px; height: 205px; background: url(../../images/curve-left-home.svg) left top no-repeat; background-size: cover; }
 .bestdealBox .holder { display: flex; overflow-x: auto; margin-right: -20px; }
  .bestdealBox .holder .mainColumn { width: calc(25% - 20px); margin-right: 20px; z-index: 1; }
 .bestdealBox .block { width: 100%; margin-bottom: 40px; overflow: hidden; background: #fff; cursor: pointer; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0784313725); border-radius: 10px; }
  .bestdealBox .block .imageBlock { width: 100%; border-radius: 8px; overflow: hidden; }
   .bestdealBox .block .imageBlock img { width: 100%; }
  .bestdealBox .block .dealDetail { width: 100%; padding-left: 12px; padding-bottom: 10px; overflow: hidden; }
   .bestdealBox .block .dealDetail .column { float: left; width: 110px; border-right: 1px solid #b7b7b7; }
    .bestdealBox .block .dealDetail .column img { width: 30px; float: left; margin-right: 10px; }
    .bestdealBox .block .dealDetail .column .airline__name { font-size: 11px; line-height: 16px; display: block; }
   .bestdealBox .block .dealDetail .column2 { float: left; width: calc(100% - 110px); padding-left: 10px; }
    .bestdealBox .block .dealDetail .column2 .arrow { margin: 0 5px; }
   .bestdealBox .block .dealDetail .dealrow { display: flex; flex-wrap: wrap; }
   .bestdealBox .block .dealDetail .dealTitle { margin-bottom: 13px; font-size: 18px; color: #343434; font-weight: 700; }
   .bestdealBox .block .dealDetail .city_code { color: #7a7a7a; font-size: 16px; font-weight: 600; line-height: 18px; }
   .bestdealBox .block .dealDetail .date { font-size: 13px; color: #7a7a7a; }

@media (max-width: 1199px) {
 .bestdealBox .holder .mainColumn { width: auto; }
 .bestdealBox:before { width: 300px; height: 300px; right: 10px; top: 0px; }
 .bestdealBox .block { width: 310px; }
}

/*About section*/
.aboutBox { width: 100%; padding: 50px 0; }
 .aboutBox .content { padding: 0 30px 0 0; }
 .aboutBox p { font-size: 14px; font-weight: 300; line-height: 27px; }
 .aboutBox .text { font-size: 16px; color: #202020; }
 .aboutBox .list { list-style: none; font-weight: 300; }
  .aboutBox .list li { margin-bottom: 5px; padding-left: 20px; position: relative; }
   .aboutBox .list li:before { position: absolute; left: 0px; top: 2px; content: "\f26b"; color: #fddb32; font-family: bootstrap-icons !important; }
 .aboutBox a.read_more { cursor: pointer; margin-top: 5px; padding: 10px 15px; display: inline-block; font-size: 16px; color: #fc5a4c; border: 1px solid #fc5a4c; border-radius: 5px; }
  .aboutBox a.read_more .bi-arrow-right { float: right; margin-left: 5px; position: relative; top: -3px; }
  .aboutBox a.read_more:hover { text-decoration: none; }

@media (max-width: 1199px) {
 .aboutBox .content { padding: 5px; }
}

@media (max-width: 1023px) {
 .aboutBox { padding: 20px 0; }
 .bestdealBox:before, .bestdealBox:after { display: none; }
 .aboutBox p { font-size: 15px; }
 .aboutBox a.read_more { margin-top: 10px; }
}

@media (max-width: 767px) {
 .aboutBox { width: auto; }
  .aboutBox p { font-size: 13px; line-height: 22px; }
  .aboutBox img { border-radius: 5px; }
  .aboutBox .page__title strong { display: inline-block; }
}

/*Country list home*/
.countryList, .luxuryListing { padding-top: 30px; padding-bottom: 50px; position: relative; }
.hotelList { padding-top: 30px; padding-bottom: 50px; position: relative; }
 .countryList img, .luxuryListing img { border-radius: 12px; width: 100%; }
 .hotelList img { border-radius: 12px; width: 100%; }
 .countryList h4 { font-size: 20px; font-weight: 700; }
 .countryList p { font-size: 13px; font-weight: 400; }
 .countryList .items { padding: 0 20px; }
 .hotelList .items { padding: 0; }
 .countryList .slick-list { margin: 0px -20px; }
 .countryList .cnslider { position: relative; }
 .luxuryListing .expslider { position: relative; }
 .hotelList .cnslider { position: relative; }
.countryList .slick-prev, .countryList .slick-next, .luxuryListing .slick-prev, .luxuryListing .slick-next {
    top: -30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    right: 25px;
    text-indent: -999999px;
    background: url(../../images//next-btn.png) left top no-repeat;
    display: none !important;
}
.hotelList .slick-prev, .hotelList .slick-next {
    top: -30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    right: 25px;
    text-indent: -999999px;
    background: url(../../images//next-btn.png) left top no-repeat;
    display: none !important;
}
 .countryList .slick-prev, .luxuryListing .slick-prev { left: inherit; 
                                                        right: 60px; 
                                                        background: url(../../images//prev-btn.png) left top no-repeat;
                                                        display:none !important;
 }
.hotelList .slick-prev {
    left: inherit;
    right: 60px;
    background: url(../../images//prev-btn.png) left top no-repeat;
    display: none !important;
}
.luxury .item {
    margin: 0 21px;
    width: 31.3%;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
    border-radius: 10px;
    position: relative;
    height: 315px;
    margin-left: 0;
}
.luxuryListing .slick-dots li{ width: auto;  float: none;}
/*hotestdeal*/
.hotestdeal { padding: 40px 0 0 0; width: 100%; overflow: hidden; position: relative; }
 .hotestdeal .curve { position: absolute; right: -85px; top: 0px; max-width: 500px; }
 .hotestdeal .holder { padding: 0px; list-style: none; display: flex; overflow-x: auto; margin-right: -26px; }
  .hotestdeal .holder .column { width: calc(33.3% - 26px); margin-right: 26px; z-index: 1; }
   .hotestdeal .holder .column .block { margin-bottom: 25px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0784313725); border: 1px solid #e5e5e5; border-radius: 14px; overflow: hidden; background: #fff; z-index: 1; }
   .hotestdeal .holder .column img { width: 100%; }
   .hotestdeal .holder .column p { margin: 0px; color: rgba(252, 90, 76, 0.9294117647); }
   .hotestdeal .holder .column h4 { font-size: 20px; color: #292929; font-weight: 700; margin: 0px; }
   .hotestdeal .holder .column small { font-size: 12px; color: #83898f; display: block; }
   .hotestdeal .holder .column .price { background-color: #ffe03c; font-size: 20px; color: #292929; float: right; padding: 5px 10px; border-radius: 5px 0px 0px 5px; font-weight: 600; margin-top: 10px; }
   .hotestdeal .holder .column .dealContent { padding: 0 0 15px 15px; }

@media (max-width: 1199px) {
 .hotestdeal { padding-top: 12px; }
}

@media (max-width: 1023px) {
 .hotestdeal .holder .column { width: auto; }
  .hotestdeal .holder .column .block { width: 300px; }
}


/**/


.offerbanner img { width: 100%; margin: 15px 0; }

/* hide scrollbar but allow scrolling */
@media (max-width: 1023px) {
 .service_slider,
 .holder,
 .sortingTabBox,
 .mobile__filter ul { -ms-overflow-style: none; scrollbar-width: none; overflow-x: scroll; }
}

.service_slider::-webkit-scrollbar,
.holder::-webkit-scrollbar,
.sortingTabBox::-webkit-scrollbar,
.mobile__filter ul::-webkit-scrollbar { display: none; }

/*Destinations*/
.destinationBox { padding: 40px 0; width: 100%; }
 .destinationBox .items { padding: 0 10px; cursor: pointer; }
  .destinationBox .items figure { margin-bottom: 10px; position: relative; overflow: hidden; }
   .destinationBox .items figure img { width: 100%; transition: all 0.5s; border-radius: 5px; }
   .destinationBox .items figure .deal { position: absolute; right: 12px; top: 12px; font-size: 11px; color: #303030; text-align: center; padding: 5px 11px; background: #fcf74b; border-radius: 100%; height: 50px; display: flex; align-items: center; font-weight: 600; width: 50px; line-height: 14px; }
  .destinationBox .items .title { padding-right: 20px; margin: 0px; display: inline-block; font-size: 18px; color: #303030; line-height: 24px; font-weight: 500; }
   .destinationBox .items .title span { display: inline-block; background: url(../../images//icons/long-arrow.svg) right 9px no-repeat; font-size: 13px; color: #fddb32; font-weight: 400; padding-right: 21px; }
  .destinationBox .items:hover .title { color: #fddb32; }
  .destinationBox .items:hover img { transform: scale(1.2); }
 .destinationBox .slick-prev, .destinationBox .slick-next { width: 46px; height: 46px; border-radius: 100%; border: 1px solid #484848; }
  .destinationBox .slick-prev:before, .destinationBox .slick-next:before { font-family: "FontAwesome"; font-size: 28px; content: "\f105"; color: #303030; }
  .destinationBox .slick-prev:before { content: "\f104"; }
 .destinationBox .slick-prev { left: -50px; }
 .destinationBox .slick-next { right: -50px; }
  .destinationBox .slick-prev:hover, .destinationBox .slick-next:hover { background: #fddb32; border-color: #fddb32; }
   .destinationBox .slick-prev:hover:before, .destinationBox .slick-next:hover:before { color: #fff; }
  .destinationBox .slick-prev.slick-disabled:hover, .destinationBox .slick-next.slick-disabled:hover { background: #fff; border: 1px solid #484848; }
   .destinationBox .slick-prev.slick-disabled:hover:before, .destinationBox .slick-next.slick-disabled:hover:before { color: #303030; }
 .destinationBox.border-b { border-bottom: 1px dashed #e8e9f1; }
 .destinationBox .slick-list { margin: 0 -8px; }

@media (max-width: 1199px) {
 .destinationBox .slick-prev { left: 0px; z-index: 1; background: #fff; }
 .destinationBox .slick-next { right: 0px; z-index: 1; background: #fff; }
}

@media (max-width: 1023px) {
 .destinationBox { padding: 20px 0; }
}

@media (max-width: 767px) {
 .destinationBox .slick-list { padding: 0 80px 0 0 !important; }
}

@media (max-width: 479px) {
 .destinationBox .slick-list { padding: 0 50px 0 0 !important; }
}

.slick-dots { bottom: -16px; }
 .slick-dots li button { border: 2px solid #ccc; width: 8px; height: 8px; border-radius: 100%; }
 .slick-dots li.slick-active button { border: 2px solid #fddb32; background: #fddb32; }

/*Flights deal section*/
.dealCntr { padding: 50px 0; width: 100%; background: rgb(30, 87, 153); background: -moz-linear-gradient( 45deg, rgb(30, 87, 153) 0%, rgb(113, 177, 234) 100% ); background: -webkit-linear-gradient( 45deg, rgb(30, 87, 153) 0%, rgb(113, 177, 234) 100% ); background: linear-gradient( 45deg, rgb(30, 87, 153) 0%, rgb(113, 177, 234) 100% ); }
 .dealCntr .page__title { color: #fff; }
 .dealCntr h3 { font-size: 26px; color: #fff; font-weight: 300; }
 .dealCntr .holder { margin-right: -30px; }
 .dealCntr .deal__block { width: calc(50% - 30px); float: left; margin-right: 30px; }
 .dealCntr ul.deals { list-style: none; padding: 0px; }
  .dealCntr ul.deals li { margin-bottom: 15px; padding: 13px; border-radius: 5px; background: #fff; border: 1px solid #eee; font-size: 14px; color: #898d92; transition: all 0.2s; position: relative; /*Column*/ }
   .dealCntr ul.deals li a { color: #303030; text-decoration: none; display: block; }
    .dealCntr ul.deals li a:hover { text-decoration: none; }
   .dealCntr ul.deals li .column { padding-left: 15px; width: 33.3%; float: left; border-left: 1px solid #ccc; }
    .dealCntr ul.deals li .column.first-child, .dealCntr ul.deals li .column:first-child { padding-left: 0px; border-left: none; }
   .dealCntr ul.deals li .airline__logo { margin-top: 7px; float: left; width: 42px; outline: 3px solid #fff; outline-offset: -2px; }
   .dealCntr ul.deals li .airline__name { padding: 9px 0px 0px 10px; line-height: 20px; word-wrap: break-word; vertical-align: middle; display: flex; }
   .dealCntr ul.deals li .city__code { color: #fc5a4c; font-size: 22px; font-weight: 700; line-height: 29px; }
   .dealCntr ul.deals li .flight__icon { margin: 0px 7px; }
   .dealCntr ul.deals li .small__text { font-size: 12px; }
   .dealCntr ul.deals li .deal__price { margin: 0px; font-size: 23px; color: #fddb32; font-weight: 700; line-height: 29px; }
   .dealCntr ul.deals li .right__arrow { position: absolute; right: 20px; top: 50%; }
   .dealCntr ul.deals li .deal_book { cursor: pointer; border: none; padding: 7px 17px; border-radius: 3px; margin: 7px auto; display: inline-block; }
 .dealCntr .deal__tnc { font-size: 13px; margin: 0px; padding-top: 5px; line-height: 22px; color: #fff; }
  .dealCntr .deal__tnc span { color: #fff; font-weight: 500; }
  .dealCntr .deal__tnc a { color: #fff; text-decoration: underline; }
   .dealCntr .deal__tnc a:hover { text-decoration: none; }
 .dealCntr .mobile__deal_tab { display: none; list-style: none; border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 26px; }
  .dealCntr .mobile__deal_tab li { font-size: 16px; padding: 8px 0px; margin-right: 35px; cursor: pointer; float: left; }
   .dealCntr .mobile__deal_tab li a { color: #474747; text-decoration: none; }
   .dealCntr .mobile__deal_tab li.active { border-bottom: 1px solid #fddb32; }

/*dealCntr Media start here*/
@media (max-width: 1199px) {
 .dealCntr ul.deals li .city__code { font-size: 19px; }
 .dealCntr ul.deals li .deal__price { font-size: 22px; }
}

@media (max-width: 1023px) {
 .dealCntr ul.deals li .column.first-child, .dealCntr ul.deals li .column:first-child { width: 45%; }
 .dealCntr ul.deals li .column.column-2 { width: 55%; }
 .dealCntr ul.deals li .column.column-3 { width: 100%; border-left: none; border-top: 1px solid #ccc; padding-left: 0px; margin-top: 11px; padding-top: 7px; position: relative; display: flex; align-items: center; }
 .dealCntr .deal__block { width: calc(50% - 15px); margin-right: 15px; }
 .dealCntr .holder { margin-right: -15px; }
 .dealCntr ul.deals li .small__text { width: 62px; display: block; }
 .dealCntr ul.deals li .right__arrow { margin-left: 10px; right: 10px; }
 .dealCntr .deal__tnc { font-size: 11px; line-height: 20px; }
}

@media (max-width: 767px) {
 .dealCntr .deal__block { width: 100%; margin-right: 0px; }
 .dealCntr .holder { margin-right: 0px; }
 .dealCntr { padding: 30px 0; }
  .dealCntr ul.deals li .city__code { font-size: 16px; width: 44px; }
  .dealCntr ul.deals li .deal__price { font-size: 18px; }
  .dealCntr .mobile__deal_tab { display: block; }
}

@media (max-width: 479px) {
 .dealCntr ul.deals li { padding: 10px; font-size: 12px; }
}
/*dealCntr Media here End*/

/*Hover effect

.dealCntr ul.deals li:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
height: 0px;
width: 3px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 2px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li a:before {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
height: 0px;
width: 2px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li a:after {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
width: 0px;
height: 2px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li:hover:before,
.dealCntr ul li:hover a:before {
height: 100%;
}

.dealCntr ul.deals li:hover:after,
.dealCntr ul li:hover a:after {
width: 100%;
}

*/
/*Hover effect*/
/* ### trustpilot box  ### */
.reviewsCntr { padding: 40px 0; }

 .reviewsCntr .head { padding: 25px 0; display: flex; flex-direction: column; }

  .reviewsCntr .head img { width: 100px; margin-right: 10px; }

  .reviewsCntr .head .heading { display: flex; align-content: center; }

   .reviewsCntr .head .heading .review { font-weight: 600; padding-right: 10px; }

.trustpilotBox { width: 100%; position: relative; }

 .trustpilotBox .reviews { margin-right: -20px; }

 .trustpilotBox .block { width: 50%; padding-right: 20px; float: left; }

  .trustpilotBox .block .items { padding: 20px 20px 0 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0392156863); }

 .trustpilotBox .small_tp { height: 18px; }

 .trustpilotBox .small_logo { height: 24px; }

 .trustpilotBox p { padding: 17px 0 10px 0; min-height: 100px; font-size: 14px; line-height: 23px; }

 .trustpilotBox .name { padding-bottom: 20px; font-size: 11px; color: rgba(64, 64, 64, 0.5490196078); }

 .trustpilotBox .reviewBottom { padding: 10px 0; border-top: 1px solid #f4f4f4; font-size: 11px; color: #000000; display: flex; align-items: center; justify-content: space-between; }

 .trustpilotBox .slick-list.draggable { padding: 0 70px 30px 0 !important; }

 .trustpilotBox .slick-prev { width: auto; height: auto; left: inherit; top: 36px; right: 45px; }

  .trustpilotBox .slick-prev:before { font-size: 35px; content: "\f12c"; color: #304478; font-family: bootstrap-icons; }

 .trustpilotBox .slick-next { width: auto; height: auto; top: 36px; right: 0px; }

  .trustpilotBox .slick-next:before { font-size: 35px; content: "\f135"; color: #304478; font-family: bootstrap-icons; }

@media (max-width: 1023px) {
 .greviewBox { width: 100%; clear: both; padding-top: 15px; }
}

.greviewBox { width: 100%; height: 220px; overflow: hidden; overflow-y: auto; }

 .greviewBox .reviewSec { display: flex; align-items: flex-start; }

  .greviewBox .reviewSec .userIcon { width: 42px; height: 42px; }

  .greviewBox .reviewSec .userReview { padding-left: 25px; }

   .greviewBox .reviewSec .userReview .userName { color: #4677fe; font-size: 16px; font-weight: 500; }

    .greviewBox .reviewSec .userReview .userName span { display: block; color: #c8c7c7; font-size: 12px; }

   .greviewBox .reviewSec .userReview .userText { display: flex; flex-flow: column; padding-top: 10px; color: #000000; font-size: 13px; }

span.stars,
span.stars span { display: inline-block; background: url(/images/stars.png) 0 -16px repeat-x; width: 80px; height: 16px; margin-bottom: 10px; }

 span.stars span { background-position: 0 0; }

.hoteldealCntr { padding: 20px 0 70px 0; }

 .hoteldealCntr .deal_image { width: 100%; }

 .hoteldealCntr .deal-block { border: 1px solid #ccc; padding: 0 20px; }

  .hoteldealCntr .deal-block ul { padding: 0px; }

   .hoteldealCntr .deal-block ul li { padding: 11px 0px; overflow: hidden; border-bottom: 1px solid #e4e4e4; }

    .hoteldealCntr .deal-block ul li:last-child { border: none; }

  .hoteldealCntr .deal-block h4 { font-size: 16px; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

  .hoteldealCntr .deal-block .address { padding: 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

  .hoteldealCntr .deal-block .tripadvisor_div { white-space: nowrap; }

   .hoteldealCntr .deal-block .tripadvisor_div .advisor-image { background: url(../../images/trust/ratingReview.png) 0 0 no-repeat; padding-left: 38px; height: 21px; }

   .hoteldealCntr .deal-block .tripadvisor_div .advisorCircle { background: url(../../images/trust/trip_rating.png) 0 -15px repeat-x; height: 16px; width: 80px; display: inline-block; cursor: pointer; position: relative; top: 3px; overflow: hidden; }

    .hoteldealCntr .deal-block .tripadvisor_div .advisorCircle span { position: absolute; left: 0; top: 0; background: url(../../images/trust/trip_rating.png) 0 0 repeat-x; display: block; height: 16px; }

   .hoteldealCntr .deal-block .tripadvisor_div .trip-rating { border: 1px solid #eaeaea; padding: 2px 5px; color: #00a680; }

  .hoteldealCntr .deal-block .starting { font-size: 12px; }

  .hoteldealCntr .deal-block .hotel-price { font-size: 20px; color: #fddb32; font-weight: 600; }

  .hoteldealCntr .deal-block .discount { padding: 2px; display: inline-block; font-size: 14px; color: #005dba; }

/*Destination hotel deal*/
.hotel_bottom_info { display: flex; align-items: self-start; justify-content: space-between; }

 .hotel_bottom_info .price { font-size: 18px; color: #404040; font-weight: 600; text-align: right; }

  .hotel_bottom_info .price small { font-size: 12px; display: block; font-weight: 300; }

 .hotel_bottom_info .rating { margin-bottom: 5px; width: 93px; height: 15px; position: relative; background: url(../../images/gray-star.svg) left top no-repeat; }

  .hotel_bottom_info .rating span { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../../images/yellow-star.png) left top no-repeat; }

.subscribeBox { background: #f4f4f4; padding: 50px 0 40px 0; border-bottom: 2px solid #e6e6e6; }

@media (max-width: 767px) {
 .subscribeBox { padding: 20px 0; }
}

.subscribeBox .subscribe { display: flex; }

@media (max-width: 767px) {
 .subscribeBox .subscribe { flex-direction: column; }
}

.subscribeBox p { font-size: 18px; font-weight: 500; margin: 0px; }

@media (max-width: 1023px) {
 .subscribeBox p { font-size: 15px; }
}

@media (max-width: 767px) {
 .subscribeBox p { padding-bottom: 20px; }
}

.subscribeBox .button { width: 225px; border: none; padding: 14px; font-size: 18px; border-radius: 5px; }

@media (max-width: 1023px) {
 .subscribeBox .button { width: 130px; }
}

@media (max-width: 767px) {
 .subscribeBox .button { width: 100%; margin-top: 15px; }
}

.subscribeBox .input { width: calc(100% - 240px); padding: 14px; margin-right: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px; }

@media (max-width: 1023px) {
 .subscribeBox .input { width: calc(100% - 120px); }
}

@media (max-width: 767px) {
 .subscribeBox .input { width: 100%; }
}

.modifySearchBox {
    padding: 25px 0;
    background: #3F97D2;
    position: relative;
    z-index: 4;
}

@media (max-width: 1023px) {
 .modifySearchBox { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; }

 .mobile_head h4 { margin: 0px; font-size: 18px; }

 .modifySearchBox #mobileSearchCntr { background: none !important; }

  .modifySearchBox #mobileSearchCntr .mobile_searchBlock { background: none; }
}

.modifySearchBox .modify_mobile_head { display: none; font-size: 14px; color: #fff; align-items: center; justify-content: space-between; margin-bottom: 23px; }

@media (max-width: 1023px) {
 .modifySearchBox .modify_mobile_head { display: flex; }
}

.modifySearchBox .modify_mobile_head a { font-size: 20px; color: #fff; text-decoration: none; }

.modifySearchBox .searchBlock { background: rgba(0, 0, 0, 0.6); border-radius: 11px; padding: 20px 25px; position: relative; }

@media (max-width: 767px) {
 .modifySearchBox .searchBlock { padding: 10px; background: none; }
}

.modifySearchBox .search_topbar { display: flex; color: #fff; padding-bottom: 3px; }

 .modifySearchBox .search_topbar .tripType { color: #fff; }

    .modifySearchBox
    .search_topbar
    .inputSet
    label
    input[type="radio"]:checked ~ span::before {
        background: #fff;
    }

 .modifySearchBox
 .search_topbar
 .inputSet
 label
 input[type="radio"]:checked ~ span { color: #fff; }

 .modifySearchBox .search_topbar .inputSet label { color: #202020; }

    .modifySearchBox
    .search_topbar
    .inputSet
    label
    input[type="radio"] ~ span::after {
        border-color: #fff;
    }

    .modifySearchBox
    .search_topbar
    .inputSet
    label
    input[type="radio"]:checked ~ span::after {
        border-color: #fff;
    }

 .modifySearchBox .search_topbar .class_action { position: relative; white-space: nowrap;color:#202020; }

 .modifySearchBox .search_topbar .click_div { cursor: pointer; }

 .modifySearchBox .search_topbar .arrow-icon { color: #fddb32; }

 .modifySearchBox .search_topbar .traveler_action_button { padding: 10px; display: flex; align-items: center; justify-content: space-between; }

 .modifySearchBox .search_topbar .done_Btn { background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); display: inline-block; font-size: 14px; color: #fff; text-align: center; cursor: pointer; border-radius: 2px; padding: 4px 10px; text-decoration: none; }

.modifySearchBox .input__block { position: relative; }

.modifySearchBox .searchBox { padding: 0px; }

.modifySearchBox .inputField {
    padding: 23px 20px 22px 36px;
    font-size: 16px;
    font-weight: 400;
    color: #787878;
    border: none;
    border-right: 1px solid #fff;
    outline: none;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 0px;
    background-color: #03235300;
}

@media (max-width: 767px) {
 .modifySearchBox .inputField { border-radius: 3px; font-size: 14px; }

 .modifySearchBox .Mobiletrip_type { left: 7px; }

 .modifySearchBox .mobile_travelerBox { left: 50%; }
}

.modifySearchBox .inputField.location { padding-left: 35px; }

.modifySearchBox .error .inputField { border-color: #ca2e2b; }

.modifySearchBox .error .icons { color: #ca2e2b; }

.modifySearchBox input[type="text"]:focus ~ .icons,
.modifySearchBox .valid ~ .icons,
.modifySearchBox .ng-valid ~ .icons { color: #202020; }

.modifySearchBox .icons { position: absolute; left: 10px; top: 18px; display: block; pointer-events: none; font-size: 20px; }

 .modifySearchBox .icons.person-icon { font-size: 25px; top: 5px; }

.modifySearchBox .dates {
    background: #ffffff00;
/*    border: 1px solid #fff;*/
    border-radius: 0px;
    width: 100%;
    float: left;
    padding-right: 10px;
    border-left: 3px solid #ffffff3b;
}

@media (max-width: 1023px) {
 .modifySearchBox .dates { border: none; width: calc(100% - 36px); margin: 12px 18px; }
}

@media (max-width: 767px) {
 .modifySearchBox .dates { border-radius: 3px; }
}

.modifySearchBox .dates .inputField { border: none; white-space: normal; text-overflow: initial; padding-right: 0px; }

.modifySearchBox .no-padding { padding: 0; }

.modifySearchBox .pad3px { padding: 0px; }

.modifySearchBox .pl-8 { padding-left: 0px; }

.modifySearchBox .row_margin { margin: 0px -4px; }

.modifySearchBox .row_margin2 { margin: 0 -6px; }

.modifySearchBox .col-50 { width: 50%; float: left; }

 .modifySearchBox .col-50.return_date { margin-left: -7px; }

 .modifySearchBox .col-50.roundtrip { visibility: hidden; }

.modifySearchBox .searchButton {
    background: #043770;
    /*    background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% );*/
    width: 100%;
    display: inline-block;
    border: none;
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 0px;
    padding: 22px 0 23px 0;
    outline: none;
    border-radius: 10px;
    border: 1px solid #043770;
    transition: 0.3s ease-in-out;
}
    .modifySearchBox .searchButton:hover {
        background: #3f97d2;
        border:1px solid #fff;
    }

    @media (max-width: 1023px) {
        .modifySearchBox .searchButton {
            width: calc(100% - 13px);
            margin-left: 13px;
        }
    }

    @media (max-width: 767px) {
        .modifySearchBox .searchButton {
            border-radius: 3px;
        }
    }
    /*.modifySearchBox .searchButton:hover { background: rgb(255, 65, 118); background: linear-gradient( 90deg, rgb(255, 65, 118) 0%, #043770 100% ); }*/

    .modifySearchBox .tripType { border-bottom: none; }

.modifySearchBox .traveler_main { position: relative; }

 .modifySearchBox .traveler_main .travllerBox { display: none; position: absolute; right: 0px; top: 6px; z-index: 3; }

.modifySearchBox .switch { top: 0px; }

/*End modify*/
/*Modify mobile Start here*/
.search__infoBox { display: none; padding: 5px 10px; background: #1668e3; color: #fff; position: relative; }

@media (max-width: 1023px) {
 .search__infoBox { display: block; padding: 7px 10px; height: 56px; }
}

.search__infoBox .column { width: 50px; float: left; font-weight: 700; font-size: 16px; }

.search__infoBox .itenery-date { font-size: 11px; }

.search__infoBox i { position: relative; top: 0px; }

.modify_search_mobile { background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); color: #fff; width: 70px; text-align: center; cursor: pointer; height: 56px; line-height: 55px; font-size: 20px; position: absolute; right: 0; top: 0px; padding-top: 5px; line-height: 44px; }

/*End Mobile*/
.relative { position: relative; }

/*Extra dev*/
.modifySearchBox .angucomplete-holder span.label_name { display: none !important; }

.modifySearchBox .angucomplete-dropdown { left: 0px; width: 650px; margin-top: 15px; }

.modifySearchBox .inputField.input_clear.x { background-position: right 14px; }

td.highlight > a { background: rgba(0, 0, 255, 0.1607843137) !important; }

/*Extra dev*/
/*Error classess*/
.mobile-itenery { transition: all 0.5s ease 0s; width: 100%; z-index: 2; overflow: hidden; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.0588235294); background: #fff; }

 .mobile-itenery.fixed { position: fixed; top: 0; }

@media (max-width: 767px) {
 .inputOrigin { margin-bottom: 12px; }
}

/*Filter*/
.filterBox { width: 100%; overflow: hidden; padding: 12px; }

 .filterBox .inner { padding: 10px 15px; }

@media (max-width: 1199px) {
 .filterBox .inner { padding: 10px; }
}

.filterBox .head {
    padding-bottom: 10px;
    font-size: 15px;
    color: #043770;
    font-weight: 700;
    border-bottom: 1px solid #043770;
}

.filterBox .subheading {
    font-size: 15px;
    color: #043770;
    margin-bottom: 10px;
}

.filterBox .filter__list { list-style: none; margin-bottom: 0px; padding: 0px; }

    .filterBox .filter__list li {
        display: flex;
        justify-content: space-between;
        color: #043770;
        padding-bottom: 7px;
    }

  .filterBox .filter__list li .multiairline { height: 15px; top: -5px; position: relative; margin-left: 5px; }

 .filterBox .filter__list .filter__list label { font-weight: normal; }

.filterBox .range_text { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }

.filterBox .return_time {
    width: 100%;
    float: left;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #043770;
}

.filterBox .text-overflow { display: inline-block; max-width: 125px; }

.filterBox .inputSet label { padding-left: 23px; }

/*Mobile filter filter*/
.mobile__filter { display: none; margin-bottom: 14px; padding: 10px 7px 0px 48px; position: relative; }

@media (max-width: 1199px) {
 .mobile__filter { display: block; background: #a9a9a9; width: auto; z-index: 0; margin: 0 -17px; padding: 10px; height: 55px; padding-left: 120px; }
}

@media (max-width: 767px) {
 .mobile__filter { margin: 0 -10px; }
}

.mobile__filter ul { list-style: none; padding: 0; white-space: nowrap; display: flex; margin: 0px; overflow-y: hidden; overflow-x: scroll; }

 .mobile__filter ul li { font-size: 12px; font-weight: 500; display: inline-block; padding: 5px 18px; line-height: 23px; border-radius: 40px; background: #222d4d; color: #fff; margin: 1px 3px; }

  .mobile__filter ul li .mobile__filter-clear { display: none; }

  .mobile__filter ul li.active { background: #fc5a4c; color: #fff; border-color: #fc5a4c; }

   .mobile__filter ul li.active a { margin: 0px 0px 0 4px; color: #fff; display: inline-block; position: relative; top: 2px; }

.mobile__filter .filter_link { background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); font-weight: 500; color: #fff; position: absolute; padding: 10px; border-radius: 40px; left: 10px; width: 104px; font-size: 14px; text-align: center; line-height: 1.2em; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; z-index: 1; }

 .mobile__filter .filter_link i { font-size: 20px; margin-right: 9px; }

.mobile_filter_tab { background: #fc5a4c; overflow: hidden; color: #fff; position: relative; display: none; }

@media (max-width: 1023px) {
 .mobile_filter_tab { display: block; }
}

.mobile_filter_tab ul { list-style: none; padding: 0px; display: flex; background: #2e075a; margin: 0px; }

 .mobile_filter_tab ul li a { padding: 10px 28px; font-weight: 600; border-bottom: 2px solid #2e075a; display: block; color: #fff; text-decoration: none; }

  .mobile_filter_tab ul li a.active,
  .mobile_filter_tab ul li a:focus { background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); color: #fff; border-bottom: 2px solid #fddb32; }

.mobile_filter_tab h4 { font-size: 16px; padding: 10px; margin: 0px; }

.mobile_filter_tab .close_filter { position: absolute; right: 0px; top: -4px; padding: 4px 10px; font-size: 20px; color: #fff; }

.filterBox.tab-pane { display: block; opacity: 1; }

@media (max-width: 1023px) {
 .filterBox.tab-pane { display: none; opacity: 0; height: 0px; padding: 10px; margin: 0px; }
}

@media (max-width: 1023px) {
 .filterBox.tab-pane.active { opacity: 1; height: auto; margin: inherit; display: block; }
}

.filter_action_button { width: 100%; padding: 15px; position: fixed; left: -200%; bottom: 0px; border-top: 1px solid #ccc; background: #fff; transition: all 0.5s; }

 .filter_action_button a { padding: 10px; border: 1px solid #adb4d4; width: 45%; display: block; text-align: center; font-size: 18px; color: #fc5a4c; float: left; margin: 0 8px; border-radius: 5px; }

@media (max-width: 479px) {
 .filter_action_button a { width: 43%; padding: 8px 10px; }
}

.filter_action_button a.active { background: #fddb32; border-color: #fddb32; color: #fff; }

.ui-slider-horizontal { height: 3px; background: #bdbdbd; border: none; z-index: 0; margin: 17px 16px 10px 10px; border: none !important; padding: 0px; }

 .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: #ff5300; }

 .ui-slider-horizontal .ui-slider-handle { top: -0.6em; margin-left: -0.6em; background: #fff; border: 3px solid #ff5300; width: 20px; height: 20px; border-radius: 50%; cursor: pointer; }

/*Time filter*/
.filterBox ul.time_filter { list-style: none; margin-right: -9px; overflow: hidden; padding: 0px; }

 .filterBox ul.time_filter li { width: calc(50% - 9px); min-height: 75px; margin-right: 9px; margin-bottom: 9px; float: left; font-size: 12px; border: 1px solid #ced0d4; border-radius: 12px; text-align: center; padding: 0 9px 9px; cursor: pointer; }

  .filterBox ul.time_filter li .icons { width: 34px; height: 34px; display: block; margin: 0px auto; }

   .filterBox ul.time_filter li .icons.icon_earlymorning { background: url(../../images//icons/early_morning.svg) center center no-repeat; }

   .filterBox ul.time_filter li .icons.icon_morning { background: url(../../images//icons/morning.svg) center center no-repeat; }

   .filterBox ul.time_filter li .icons.icon_afternoon { background: url(../../images//icons/afternoon.svg) center center no-repeat; }

   .filterBox ul.time_filter li .icons.icon_evening { background: url(../../images//icons/evening.svg) center center no-repeat; }

  .filterBox ul.time_filter li.selected,
  .filterBox ul.time_filter li:hover { background: #ff5300; border-color: #ff5300; color: #fff; }

   .filterBox ul.time_filter li.selected .icon_earlymorning,
   .filterBox ul.time_filter li:hover .icon_earlymorning { background: url(../../images//icons/early_morning-hover.svg) center center no-repeat; }

   .filterBox ul.time_filter li.selected .icon_morning,
   .filterBox ul.time_filter li:hover .icon_morning { background: url(../../images//icons/morning-hover.svg) center center no-repeat; }

   .filterBox ul.time_filter li.selected .icon_afternoon,
   .filterBox ul.time_filter li:hover .icon_afternoon { background: url(../../images//icons/afternoon-hover.svg) center center no-repeat; }

   .filterBox ul.time_filter li.selected .icon_evening,
   .filterBox ul.time_filter li:hover .icon_evening { background: url(../../images//icons/evening-hover.svg) center center no-repeat; }

  .filterBox ul.time_filter li strong { display: block; }

  .filterBox ul.time_filter li .time { font-weight: 500; }

/*results box start*/
.resultsBox { margin-bottom: 20px; padding: 5px 20px; width: 100%; border-radius: 10px; border: 1px solid #f5f5f5; background: #fff; box-shadow: 0 0 6px #00000029; /*Flight row end*/ /*Price */ /**/ /**/ }

    .resultsBox:hover {
        border-color: #3f97d2;
        box-shadow: 0 35px 42px rgba(196, 196, 196, 0.231372549);
    }

@media (max-width: 1199px) {
 .resultsBox { padding: 5px 12px; }
}

@media (max-width: 767px) {
 .resultsBox { margin: 0px 0px 15px 0px; width: auto; }
}

.resultsBox .flight__row { padding: 11px 0px 18px 0; color: #6b6b6b; }

@media (max-width: 767px) {
 .resultsBox .flight__row { padding: 4px 0 5px 0; }
}

.resultsBox .flight__row .head { font-size: 16px; color: #484848; margin-bottom: 20px; font-weight: 600; }

@media (max-width: 767px) {
 .resultsBox .flight__row .head { font-size: 13px; margin-bottom: 10px; }
}

.resultsBox .flight__row .head .date { font-weight: 400; font-size: 14px; }

@media (max-width: 767px) {
 .resultsBox .flight__row .head .date { font-size: 12px; }
}

.resultsBox .flight__row .airline_logo { float: left; width: 42px; }

@media (max-width: 767px) {
 .resultsBox .flight__row .airline_logo { width: 32px; }
}

.resultsBox .flight__row .flights_info { padding-left: 10px; width: 185px; float: left; }

@media (max-width: 1199px) {
 .resultsBox .flight__row .flights_info { padding-left: 7px; width: 142px; }
}

.resultsBox .flight__row .flights_info .airline_name { color: #484848; font-weight: 500; }

.resultsBox .flight__row .flights_info .flights_number { color: #6b6b6b; }

@media (max-width: 1199px) {
 .resultsBox .flight__row .flights_info .flights_number { font-size: 13px; white-space: nowrap; }
}

.resultsBox .flight__row .leg-details { /*leg*/ /*leg*/ }

@media (max-width: 767px) {
 .resultsBox .flight__row .leg-details { margin-top: 15px; }
}

.resultsBox .flight__row .leg-details .city { width: 70px; float: left; }

.resultsBox .flight__row .leg-details .time { font-weight: 700; color: #000; }

.resultsBox .flight__row .leg-details .connnecting-block { padding: 13px 10px 0 24px; float: left; width: calc(100% - 140px); position: relative; margin-left: -7px; margin-right: 7px; }

.resultsBox .flight__row .leg-details .leg-points { border-top: 1px dashed gray; height: 2px; position: relative; text-align: center; }

 .resultsBox .flight__row .leg-details .leg-points:before { content: ""; width: 30px; height: 22px; display: block; position: absolute; left: -20px; top: -12px; background: #fff url(../../images/icons/plane.svg) left center no-repeat; }

 .resultsBox .flight__row .leg-details .leg-points:after { content: ""; position: absolute; right: -5px; top: -10px; height: 18px; background: #fff url(../../images/icons/location.svg) right center no-repeat; width: 17px; }

 .resultsBox .flight__row .leg-details .leg-points .stops { font-size: 12px; text-align: center; width: 55px; display: inline-block; margin-top: -10px; line-height: 2em; color: #5c5c5c; position: relative; }

  .resultsBox .flight__row .leg-details .leg-points .stops:before { content: ""; width: 12px; height: 12px; display: inline-block; position: unset; margin-top: 3px; border: 1px solid #f9cfa4; border-radius: 100%; background: #fff; }

  .resultsBox .flight__row .leg-details .leg-points .stops:after { content: ""; width: 5px; height: 5px; display: inline-block; margin-top: 3px; background: #ff5300; border-radius: 100%; position: absolute; left: 25px; top: 4px; }

  .resultsBox .flight__row .leg-details .leg-points .stops b { position: relative; top: -5px; }

 .resultsBox .flight__row .leg-details .leg-points .layovertime { width: 100%; position: absolute; top: -20px; left: 0px; }

.resultsBox .flight__row.return_flights { border-top: 1px dashed #ccc; margin-top: 5px; }

.resultsBox .top_row_mobile { border-bottom: 1px dashed #ccc; margin-bottom: 5px; font-size: 11px; }

 .resultsBox .top_row_mobile .mobile_alternate { float: left; margin-left: 0px; }

.resultsBox .price_list { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; border-left: 1px dashed #ccc; }

@media (max-width: 767px) {
 .resultsBox .price_list { border-left: none; align-items: self-start; padding-bottom: 2px; flex-direction: row; justify-content: space-between; }
}

.resultsBox .price_list .price { font-size: 25px; color: #393939; font-weight: bold; position: relative; min-height: 35px; display: block; cursor: pointer; }

@media (max-width: 767px) {
 .resultsBox .price_list { padding: 5px 0; }

  .resultsBox .price_list .price { font-size: 18px; min-height: inherit; color: #1cd324; }
}

.resultsBox .price_list .price sup { font-size: 0.75rem; }

.resultsBox .price_list .per_person { font-size: 14px; }

.resultsBox .price_list .select__btn { background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); padding: 12px 35px 0 35px; color: #fff; font-size: 16px; border-radius: 48px; height: 48px; font-weight: 600; text-decoration: none; width: 145px; text-align: center; }

 .resultsBox .price_list .select__btn i { position: relative; top: 0px; }

 .resultsBox .price_list .select__btn:hover { background: rgb(255, 65, 118); background: linear-gradient( 90deg, rgb(255, 65, 118) 0%, #043770 100% ); text-decoration: none; }

@media (max-width: 479px) {
 .resultsBox .price_list .select__btn { font-size: 15px; width: 100%; height: auto; line-height: inherit; border-radius: 40px; padding: 10px 30px; text-transform: uppercase; }
}

.resultsBox .price_list .seat_left { font-weight: 400; }

@media (max-width: 767px) {
 .resultsBox .price_list .seat_left { white-space: nowrap; font-size: 11px; text-align: center; margin-top: 13px !important; }
}

.resultsBox .results_bottom { padding: 6px 0px; border-top: 1px solid #ccc; }

 .resultsBox .results_bottom .bagguage_fees { font-size: 13px; padding-left: 22px; display: inline-block; color: #6b6b6b; text-decoration: none; background: url(../../images/icons/baggage.svg) left center no-repeat; }

    .resultsBox .results_bottom .bagguage_fees:hover {
        color: #043770;
    }

    .resultsBox .results_bottom .flight_detail_btn {
        color: #3f97d2;
        font-weight: 500;
        text-decoration: none;
        padding-right: 0px;
    }

  .resultsBox .results_bottom .flight_detail_btn i { position: relative; top: 0px; }

        .resultsBox .results_bottom .flight_detail_btn:hover {
            color: #043770;
        }

.save_price_msg { background: #0fa848; padding: 6px 20px; color: #fff; display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px; }

@media (max-width: 1199px) {
 .resultsBox .results_bottom .flight_detail_btn { padding-right: 10px; }
}

@media (max-width: 767px) {
 .save_price_msg { padding: 6px 10px; }
}

.mobile_class_type { font-size: 12px; font-weight: 400; float: right; margin: 2px; color: #939393; }

/*results box end*/
.repeat_results { position: relative; }

.mobile_Resultsclick { position: absolute; left: 0px; top: 0px; z-index: 1; width: 110%; height: 100%; margin: 0px -20px; }

#scrollBottomtop { background: #fddb32; position: fixed; right: 20px; bottom: 70px; color: #fff; cursor: pointer; display: none; font-size: 30px; height: 40px; width: 40px; line-height: 40px; border: none; text-align: center; z-index: 1; }

 #scrollBottomtop:focus { border: none; }

#airlines.filterBox-box .text-overflow { width: 145px; }

/*Common Css*/
.cursor { cursor: pointer; }

.text-red { color: #fddb32; }

.text-link-red { color: #fddb32; text-decoration: underline !important; }

.overflow { overflow: hidden; }

.oneway_resultsDiv { margin-top: 50px; }

@media (max-width: 767px) {
 .oneway_resultsDiv { margin-top: 0px; }
}

.price_row { background: #f1f1f1; margin: -16px -20px 10px -20px; padding: 10px 20px; border-radius: 15px 15px 0 0; }

 .price_row .fare__breakup { margin-left: 30px; }

.midLoading {
    position: fixed;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    top: 0;
    display: none !important;
}

 .midLoading .loading-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.noResultTfn { font-size: 20px; color: #fddb32; text-decoration: none; font-weight: 700; }

/*Flights detail Strat here*/
.flightDetailWrapper { position: fixed; top: 0; right: 0; z-index: 9; background-color: rgba(0, 0, 0, 0.35); overflow-x: hidden; overflow-y: hidden; width: 0px; }

 .flightDetailWrapper .flightDetail_popup { width: 580px; float: right; background: #fff; position: relative; height: 100vh; /*Bottom*/ /*Flightdetail*/ /*End tab*/ /*route start */ /*route end */ }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup { width: 100%; }
}

.flightDetailWrapper .flightDetail_popup .head { padding: 20px 30px 0px 30px; position: relative; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .head { padding: 10px 10px; font-size: 16px; background: #1668e3; overflow: hidden; color: #fff; }

  .flightDetailWrapper .flightDetail_popup .head .page__title { margin: 0px; font-size: 16px; color: #fff; }

   .flightDetailWrapper .flightDetail_popup .head .page__title:after { bottom: -9px; display: none; }
}

.flightDetailWrapper .flightDetail_popup .close_detail { font-size: 20px; color: #898d92; padding-left: 25px; position: absolute; right: 30px; top: 10px; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .close_detail { right: 20px; top: 1px; font-size: 20px; color: #fff; }
}

.flightDetailWrapper .flightDetail_popup .close_detail:hover { text-decoration: none; color: #fddb32; }

.flightDetailWrapper .flightDetail_popup .page__title { font-size: 18px; text-align: left; }

 .flightDetailWrapper .flightDetail_popup .page__title strong { display: inline-block; }

 .flightDetailWrapper .flightDetail_popup .page__title:after { bottom: -9px; }

.flightDetailWrapper .flightDetail_popup .bagguage_fees { float: left; margin-top: 10px; font-size: 13px; padding-left: 22px; display: inline-block; color: #6b6b6b; text-decoration: none; background: #fff url(../../images/icons/baggage.svg) left center no-repeat; }

 .flightDetailWrapper .flightDetail_popup .bagguage_fees:hover { color: #fddb32; }

.flightDetailWrapper .flightDetail_popup .detail_footer { position: fixed; right: 200%; width: 580px; background: #fff; bottom: 0px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1607843137); }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .detail_footer { width: 100%; }
}

.flightDetailWrapper .flightDetail_popup .bottom { padding: 15px 30px 15px 30px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1607843137); position: absolute; width: 100%; bottom: 0; background: #ffffff; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .bottom { padding: 10px; }
}

.flightDetailWrapper .flightDetail_popup .price_list { display: flex; justify-content: space-between; align-items: center; }

 .flightDetailWrapper .flightDetail_popup .price_list .price { font-size: 22px; color: #f8771d; font-weight: bold; position: relative; line-height: 21px; display: block; margin-right: 50px; text-align: center; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .price_list .price { font-size: 16px; margin-right: 25px; }
}

.flightDetailWrapper .flightDetail_popup .price_list .price sup { font-size: 0.75rem; }

.flightDetailWrapper .flightDetail_popup .price_list .per_person { font-size: 11px; display: block; color: #9b9b9b; line-height: 13px; }

.flightDetailWrapper .flightDetail_popup .price_list .select__btn { background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); padding: 12px 35px 0 35px; color: #fff; font-size: 16px; border-radius: 48px; height: 48px; font-weight: 600; text-decoration: none; text-align: center; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .price_list .select__btn { padding: 10px 20px; font-size: 14px; height: auto; }
}

@media (max-width: 479px) {
 .flightDetailWrapper .flightDetail_popup .price_list .select__btn { font-size: 14px; }
}

.flightDetailWrapper .flightDetail_popup .price_list .select__btn i { position: relative; top: 0px; }

@media (max-width: 479px) {
 .flightDetailWrapper .flightDetail_popup .price_list .select__btn i { margin-left: 2px !important; }
}

.flightDetailWrapper .flightDetail_popup .price_list .select__btn:hover { background: rgb(255, 65, 118); background: linear-gradient( 90deg, rgb(255, 65, 118) 0%, #043770 100% ); text-decoration: none; }

.flightDetailWrapper .flightDetail_popup .flight_left { float: left; display: flex; align-items: center; justify-content: flex-start; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flight_left { display: none; }
}

.flightDetailWrapper .flightDetail_popup .flight_left .citycode { padding: 0 12px; font-size: 11px; color: #9b9b9b; }

 .flightDetailWrapper .flightDetail_popup .flight_left .citycode strong { display: block; font-size: 18px; color: #484848; }

.flightDetailWrapper .flightDetail_popup .flightDetail { padding: 0px 30px; height: calc(100vh - 95px); background: #fff; color: #8a8a8a; overflow-y: auto; overflow-x: hidden; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flightDetail { padding: 0 10px; }
}

.flightDetailWrapper .flightDetail_popup .flighttab { list-style: none; width: 100%; float: left; padding: 0px; border-bottom: 1px solid #dfdfdf; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab { margin: 10px 0; width: auto; overflow: hidden; float: none; border-bottom: none; }
}

.flightDetailWrapper .flightDetail_popup .flighttab li { float: left; margin-right: 30px; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li { width: 45%; margin-right: 15px; }
}

@media (max-width: 479px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li { width: 43%; }
}

.flightDetailWrapper .flightDetail_popup .flighttab li a { font-size: 16px; color: #484848; text-decoration: none; padding: 0 0px 7px 0; display: block; position: relative; cursor: pointer; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li a { font-size: 14px; padding: 4px 10px; border: 2px solid #ccc; text-align: center; border-radius: 5px; }

  .flightDetailWrapper .flightDetail_popup .flighttab li a.active { border-color: #ff5300; }
}

.flightDetailWrapper .flightDetail_popup .flighttab li a:before { content: ""; height: 2px; position: absolute; left: 0px; bottom: -1px; transition: all 0.5s; width: 0px; display: block; background: #fddb32; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li a:before { display: none; }
}

.flightDetailWrapper .flightDetail_popup .flighttab li a.active,
.flightDetailWrapper .flightDetail_popup .flighttab li a.active:before { width: 100%; color: #fc5a4c; }

.flightDetailWrapper .flightDetail_popup .flighttab li a.active { color: #ff5300; }

.flightDetailWrapper .flightDetail_popup .airlines__details { font-size: 13px; line-height: 1.5em; color: #949494; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .airlines__details { font-size: 11px; line-height: 17px; }
}

.flightDetailWrapper .flightDetail_popup .airlines__details .air-name { font-size: 14px; color: #484848; }

.flightDetailWrapper .flightDetail_popup .airlines__details img { width: 32px; float: left; margin-right: 10px; }

.flightDetailWrapper .flightDetail_popup .airlines__details .detail { width: calc(100% - 45px); float: left; }

.flightDetailWrapper .flightDetail_popup .route__info { padding: 40px 0; font-size: 13px; position: relative; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .route__info { padding: 0 20px; margin: 15px 0 35px 0; border-left: 2px dashed #ccc; }

  .flightDetailWrapper .flightDetail_popup .route__info:after,
  .flightDetailWrapper .flightDetail_popup .route__info:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #fddb32; position: absolute; left: -6px; top: 0px; border-radius: 100%; background: #fff; }

  .flightDetailWrapper .flightDetail_popup .route__info:before { top: inherit; bottom: 0px; }
}

.flightDetailWrapper .flightDetail_popup .route__info .time { font-size: 14px; color: #484848; font-weight: 600; margin-top: 28px; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .route__info .time { margin-top: 2px; }
}

.flightDetailWrapper .flightDetail_popup .route__info .date { position: relative; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .route__info .date .highlight { display: inline-block; }

 .flightDetailWrapper .flightDetail_popup .route__info .date .message_display { position: static; display: inline-block; }
}

.flightDetailWrapper .flightDetail_popup .route__info .destination_fullname { position: relative; }

 .flightDetailWrapper
 .flightDetail_popup
 .route__info
 .destination_fullname
 .message_display { top: inherit; bottom: -25px; position: static; }

.flightDetailWrapper .flightDetail_popup .route__info .connecting__bar { width: 60%; height: 2px; border-top: 2px dashed #dfdfdf; position: absolute; left: 0px; top: 72px; }

 .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:after,
 .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #fddb32; position: absolute; right: 0px; top: -6px; border-radius: 100%; background: #fff; }

 .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:before { right: inherit; left: 0px; }

 .flightDetailWrapper
 .flightDetail_popup
 .route__info
 .connecting__bar
 .duretion_time { position: absolute; left: 50%; margin-top: -30px; text-align: center; }

  .flightDetailWrapper
  .flightDetail_popup
  .route__info
  .connecting__bar
  .duretion_time
  img { background: #fff; padding: 0 6px; display: block; }

.flightDetailWrapper .flightDetail_popup .route__info .TripTime { margin: 15px; }

.flightDetailWrapper .flightDetail_popup .route__info .message_display { position: absolute; left: 0px; top: -25px; margin: 0px; }

.flightDetailWrapper .flightDetail_popup .layover { padding: 7px 20px; font-size: 12px; color: #787878; background: #fff3ee; text-align: center; margin-bottom: 20px; }

 .flightDetailWrapper .flightDetail_popup .layover .bi-stopwatch { position: relative; top: 0px; margin-right: 4px; }

  .flightDetailWrapper .flightDetail_popup .layover .bi-stopwatch:before { content: ""; margin: 0px; }

/*Flight detail end */
.information_msg { font-size: 11px; color: #9b9b9b; font-weight: 400; }

.highlight {
    color: #3f97d2;
    font-weight: 500;
}

.message_display { border: 1px solid #0fa848; color: #0fa848; padding: 2px 10px; border-radius: 22px; font-size: 11px; margin: 0px 5px; }

.text-overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.open-model { overflow: hidden; }

/*matrix view start here */
.matrixBox { margin: 0 0; }

 .matrixBox .matrix__wrap { position: relative; display: inline-block; width: 100%; margin-bottom: 0px; }

    .matrixBox .matrix__aside {
        position: relative;
        float: left;
        width: 146px;
        z-index: 1;
        background: #043770;
        box-shadow: 0 3px 18px #0000000d;
        border-radius: 10px;
        overflow: hidden;
    }

        .matrixBox .matrix__aside .matrix__box {
            color: #fff;
            border-top: 1px solid #ececec;
            white-space: nowrap;
        }

   .matrixBox .matrix__aside .matrix__box i { margin-left: 6px; position: absolute; right: 9px; }

 .matrixBox .matrix__slider { position: relative; float: left; width: calc(100% - 146px); padding-right: 85px; }

.slick-slide { padding: 0 10px; }

.matrixBox .matrix__slider .items {
    transition: all 0.5s;
    border: 1px solid #043770;
    width: 200px;
    float: left;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 3px 18px #0000000d;
    border-radius: 10px;
}

.matrixBox .matrix__slider .matrix__logo { width: 35px; height: 35px; margin-bottom: 10px; outline: 3px solid #fff; outline-offset: -2px; }

.matrixBox .matrix__slider .matrix__airline-name { line-height: 16px; margin-left: 5px; color: #9a9a9a; font-size: 12px; overflow: hidden; max-width: 75px; text-overflow: ellipsis; }

.matrixBox .matrix__box-lg {
    color: #fff;
    font-size: 12px;
    height: 50px;
    position: relative;
    cursor: pointer;
    padding: 8px 7px;
    display: flex;
}

 .matrixBox .matrix__box-lg .multiairline { position: absolute; right: 6px; top: 30px; height: 14px; }

.matrixBox .matrix__box { display: block; font-size: 13px; border-top: 1px solid #ececec; height: 40px; cursor: pointer; line-height: 26px; padding: 8px 10px; font-weight: 500; }

 .matrixBox .matrix__box:hover { background: #fff5f5; color: #fe476c; }

 .matrixBox .matrix__box-lg.matrixdisabled:hover,
 .matrixBox .matrix__box.matrixdisabled:hover { background: transparent; cursor: default; font-weight: 400; }

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

.matrixBox .slick-next, .matrixBox .slick-prev {
    right: 0px;
    top: 50%;
    background: #043770;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: none;
}

 .matrixBox .slick-next.slick-disabled,
 .matrixBox .slick-prev.slick-disabled { background: #909090; }

.matrixBox .slick-prev { left: inherit; right: 34px; }

 .matrixBox .slick-prev:before, .matrixBox .slick-next:before { color: #fff; opacity: 1; font-family: "FontAwesome"; content: "\f105"; }

 .matrixBox .slick-prev:before { font-family: "FontAwesome"; content: "\f104"; }

.matrixBox .collapse.show { display: inline !important; }

.matrixBox .learn-more { color: #fddb32; }

@media (min-width: 1023px) {
 .matrixBox .matrix__slider .items:hover, .matrixBox .matrix__slider .items.selected { border-color: #FC99AD; box-shadow: 1px 10px 10px #4D0C1940; margin-top: -9px; }
}

@media (max-width: 1023px) {
 .matrixBox { padding-top: 20px; }
}

@media (max-width: 767px) {
 .matrixBox .matrix__aside { width: 95px; border-radius: 0px; }

 .matrixBox .matrix__slider .items { border-radius: 0px; width: auto; overflow: initial; box-shadow: none; border: none; border-left: 1px solid #DBDBDB; }

 .matrixBox { margin: 0px -7px 10px -7px; }

  .matrixBox .matrix__slider { width: calc(100% - 95px); padding-right: 0px; display: flex; white-space: nowrap; padding-bottom: 10px; overflow-x: auto; }

   .matrixBox .matrix__slider .items .mtblock { width: 110px; }

   .matrixBox .matrix__slider .matrix__airline-name { font-size: 11px; overflow: hidden; /* max-width: 75px; */ text-overflow: ellipsis; white-space: normal; }

  .matrixBox .slick-next,
  .matrixBox .slick-prev { top: -23px; }

  .matrixBox .matrix__slider .matrix__logo { width: 24px; height: 24px; margin-bottom: 4px; }

  .matrixBox .matrix__box { height: 32px; line-height: 16px; font-size: 12px; }

 #resultsCntr .rightCntr, .resultsCntr .rightCntr { overflow: initial !important; }

 .matrixBox .disclaimer { padding-left: 10px; }
}

/*Matrix view end here*/

/*Tooltip Stop hover*/
.tooltipBox,
.tooltipBox { background: #292f33; color: #fff; bottom: 100%; display: block; width: 280px; border-radius: 5px; padding: 9px 10px; font-size: 12px; opacity: 0; pointer-events: none; position: absolute; left: 50%; transition: all 0.25s ease-out; transform: translateX(-50%); }

 .tooltipBox p,
 .tooltipBox p { margin: 0px; }

 .tooltipBox:before,
 .tooltipBox:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; }

 .tooltipBox:after,
 .tooltipBox:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #292f33 10px; bottom: -8px; content: " "; height: 0; left: 53%; position: absolute; width: 0; transform: translateX(-53%); }

.connnecting-block:hover .tooltipBox { opacity: 1; pointer-events: auto; }

@media (max-width: 767px) {
 .connnecting-block:hover .tooltipBox { opacity: 0; }
}

/*Custom Tooltip hover*/
.tooltip_block { position: relative; display: inline-block; }

 .tooltip_block:hover .custom_tooltip { display: block; }

.tooltip-icon { position: relative; top: -2px; }

.custom_tooltip { width: 320px; display: none; position: absolute; top: 31px; left: 50%; transform: translateX(-50%); background: #fff; padding: 11px 13px; font-size: 12px; color: #444444; border: 1px solid #e0e0e0; z-index: 1; box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.1607843137); }

 .custom_tooltip:before,
 .custom_tooltip:after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -10px; left: 47%; border-bottom: 10px solid #ccc; }

 .custom_tooltip:after { border-bottom: 11px solid #fff; z-index: 1; }

 .custom_tooltip .tooltip_close { display: none; position: absolute; right: 0; top: 0; cursor: pointer; font-size: 26px; line-height: 26px; }

.popup_Box { background-color: rgba(0, 0, 0, 0.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow-y: auto; }

 .popup_Box .center-block { width: 100%; height: 100%; z-index: 1001; display: table; table-layout: fixed; }

 .popup_Box .outer { display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 40px 0; }

  .popup_Box .outer.call_fullwindow { padding: 0px; }

   .popup_Box .outer.call_fullwindow .close__popup { top: 4px; z-index: 1; right: 12px; }

 .popup_Box .close__popup { width: 38px; text-align: center; background: #fff; display: inline-block; height: 33px; position: absolute; right: 0px; top: -31px; font-size: 18px; padding-top: 5px; color: #fddb32; }

.button { background: #fddb32; color: #fff; }

 .button:hover { background: #fc5a4c; color: #fff; }

/*Session expire start here*/
.session__expire { width: 420px; margin: 0px auto; background: #fff; padding: 36px; position: relative; border-radius: 5px; }

@media (max-width: 479px) {
 .session__expire { width: 95%; padding: 15px; }
}

.session__expire .clock_tym { width: 60px; margin: 0px auto; }

 .session__expire .clock_tym img { width: 100%; }

.session__expire h3 { font-size: 22px; font-weight: 600; margin: 12px 0; }

.session__expire .call_us { overflow: hidden; border-top: 1px dotted #ccc; padding-top: 11px; }

 .session__expire .call_us .call_icon { width: 50px; margin-top: 11px; }

.session__expire .left { width: calc(100% - 80px); float: left; padding-left: 15px; text-align: left; border-left: 1px solid #ccc; margin-left: 18px; color: #3b3b3b; }

 .session__expire .left a { font-size: 22px; color: #fddb32; font-weight: 700; display: inline-block; }

.session__expire .timeStart { padding-top: 12px; padding-bottom: 10px; font-size: 12px; }

 .session__expire .timeStart .seconds { font-size: 30px; color: #fddb32; font-weight: 700; line-height: 40px; }

.session__expire .time_text { font-size: 14px; margin: 0px; }

/*Session expire end here*/
.popup-btn { display: flex; align-items: center; justify-content: center; }

    .popup-btn .searchbtn {
        background: #0ea246;
        color: #fff;
        font-size: 15px;
        width: 167px;
        text-align: center;
        padding: 12px 5px;
        border: 0;
        border-radius: 3px;
        font-weight: 600;
        display: inline-block;
    }

    .popup-btn .searchbtn.active {
        background: #043770;
/*        background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% );*/
        margin-right: 10px;
    }

/*No Results page Start here*/
.no__resultsBox { margin-bottom: 20px; padding: 50px 20px; width: 100%; border-radius: 3px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.0588235294); background: #fff; text-align: center; }

 .no__resultsBox .head { font-size: 21px; color: #484848; font-weight: 600; padding: 20px 0 10px 0; }

 .no__resultsBox .resetFilter_button { background: #fddb32; padding: 7px 20px; border-radius: 3px; text-decoration: none; color: #fff; }

  .no__resultsBox .resetFilter_button i { margin-right: 7px; }

  .no__resultsBox .resetFilter_button:hover { background: #fc5a4c; text-decoration: none; }

/*No Results page End here*/
/*Baggage Fees popup start here*/
.baggage__fees { width: 820px; margin: 0px auto; background: #fff; padding: 20px; position: relative; }

@media (max-width: 767px) {
 .baggage__fees { width: 420px; padding: 15px; }
}

@media (max-width: 479px) {
 .baggage__fees { width: 95%; }
}

.baggage__fees h3 { font-size: 19px; font-weight: 600; margin: 14px 0 20px 0; padding-bottom: 5px; }

@media (max-width: 767px) {
 .baggage__fees h3 { font-size: 16px; }
}

.baggage__fees .baggage_block { padding: 8px 15px; background: #edeef3; margin: 10px 0; }

@media (max-width: 767px) {
 .baggage__fees .baggage_block { margin: 10px -15px; }
}

.baggage__fees .baggage_block img { width: 40px; margin-right: 10px; }

.baggage__fees .baggage_block a { background: #fddb32; color: #fff; text-decoration: none; margin-top: 5px; display: inline-block; padding: 5px 10px; border-radius: 2px; white-space: nowrap; font-size: 13px; }

.baggage__fees .small_text { font-size: 12px; position: relative; padding-left: 17px; }

 .baggage__fees .small_text i { position: absolute; left: 0px; top: 0px; }

.baggage__fees .text-link { color: #fddb32; }

.baggage__fees .baggage_banner { width: 100%; }

/*Mid popup start here*/
.mid_page__loading { width: 340px; margin: 0px auto; background: #fff; position: relative; padding: 18px; overflow: hidden; }

@media (max-width: 479px) {
 .mid_page__loading { width: 95%; padding: 15px; }
}

.mid_page__loading img { float: left; width: 131px; }

.mid_page__loading p { font-size: 16px; line-height: 24px; float: left; margin: 0px; border-left: 1px solid #ccc; padding: 0 0 0 20px; margin-left: 20px; }

.mid_page__loading .dot span { font-size: 28px; line-height: 15px; animation-name: blink; animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both; }

 .mid_page__loading .dot span:nth-child(2) { animation-delay: 0.2s; }

 .mid_page__loading .dot span:nth-child(3) { animation-delay: 0.4s; }

@keyframes blink {
 0% { opacity: 0.2; }

 20% { opacity: 1; }

 100% { opacity: 0.2; }
}

/*Mid popup end here*/
.mobilecall_fullwindow { padding: 0px; display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

 .mobilecall_fullwindow .title { font-weight: 300; text-transform: capitalize; font-size: 33px; padding-bottom: 13px; padding-top: 10px; }

 .mobilecall_fullwindow .callBannerBox { background: #2139ac; color: #fff; text-align: center; }

 .mobilecall_fullwindow .image-responsive { width: 100%; }

 .mobilecall_fullwindow .content_popup { padding: 20px 0; }

 .mobilecall_fullwindow .call_button { width: 100%; background: #fb3d4e; border: none; font-weight: 700; font-size: 18px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; padding: 14px; outline: none; display: block; }

 .mobilecall_fullwindow h2 { font-size: 21px; font-weight: 400; padding: 22px; margin: 0px; line-height: 32px; }

/*Increase fare*/
.increasefare { width: 520px; margin: 0px auto; background: #fff; padding: 25px; position: relative; border-radius: 5px; }

 .increasefare h4 { font-size: 21px; }

@media (max-width: 767px) {
 .increasefare h4 { font-size: 16px; }
}

@media (max-width: 479px) {
 .increasefare { width: 95%; padding: 15px; }
}

.increasefare small { display: block; padding-top: 20px; }

.increasefare .icons { background: #ff5300; width: 40px; height: 40px; display: inline-block; border-radius: 100%; color: #fff; align-items: center; justify-content: center; line-height: 40px; margin-bottom: 15px; font-size: 27px; }

/*promoBox fare*/
.promoBox { width: 520px; margin: 0px auto; background: #fff; padding: 25px; position: relative; border-radius: 5px; }

 .promoBox h4 { font-size: 18px; }

@media (max-width: 479px) {
 .promoBox { width: 95%; padding: 15px; }
}

.promoBox .couponList { list-style: none; padding: 10px 0; }

 .promoBox .couponList li { font-size: 11px; border-bottom: 1px solid #ececec; padding: 11px 0; }

  .promoBox .couponList li p { margin: 0px; }

.promoBox .promo-key { display: inline-block; border: 1px dashed #02cb66; padding: 3px 10px; color: #02cb66; font-size: 12px; font-weight: 600; margin-bottom: 5px; min-width: 85px; text-align: center; }

.promoBox .save { color: #db9a00; margin-left: 5px; font-size: 14px; }

.loaderBox img { width: 100%; }

.loading-icon { display: none; background: url(../../images/icons/flights-blue.svg) no-repeat center center; width: 94px; height: 94px; line-height: 90px; border-radius: 50%; margin: 0 auto; position: relative; }

.loading-circle { border: 3px solid #dddddd; border-radius: 50%; border-top: 5px solid #fddb32; width: 90px; height: 90px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; border-width: 5px; }

.img_responsive { width: 100%; }

.mid__loading { padding: 150px 30px 50px 30px; /* background-image: url(../../images/ff-loader-red.gif);
background-size: cover;*/ margin-bottom: 30px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; background-position: center 160px; background-repeat: no-repeat; background-color: #fefefe; }

.midlogo { position: absolute; left: 30px; top: 0; z-index: 0; width: 180px; display: block; }

@media (max-width: 767px) {
 .mid__loading { margin: 0px 0; width: 100%; padding: 150px 30px 0 30px; text-align: center; }
}

.mid__loading .head { padding: 10px 0; font-size: 26px; font-weight: 800; text-transform: uppercase; }

@media (max-width: 479px) {
 .mid__loading .head { font-size: 17px; }
}

@media (max-width: 767px) {
 .mid__loading .loding img { width: 70%; }
}

.mid__loading .block { padding: 80px 0px 40px; overflow: hidden; max-width: 460px; margin: 0px auto; }

 .mid__loading .block.withvideo { margin: -20px auto 0 auto; padding: 0px; }

@media (max-width: 479px) {
 .mid__loading .block { text-align: center; }
}

.mid__loading .block .left { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px; }

@media (max-width: 479px) {
 .mid__loading .block .left { display: block; }
}

.mid__loading .block .left .city__code { width: 50%; font-size: 18px; color: #484848; font-weight: 600; }

@media (max-width: 767px) {
 .mid__loading .block .left .city__code { font-size: 15px; }
}

@media (max-width: 479px) {
 .mid__loading .block .left .city__code { width: auto; }
}

.mid__loading .block .left .city__code small { display: block; }

@media (max-width: 479px) {
 .mid__loading .block .left .city__code small { display: inline-block; }
}

.mid__loading .block .left .flight__icon { padding: 0 10px; }

.mid__loading .block .right { padding: 3px 10px 0 10px; position: relative; }

@media (max-width: 767px) {
 .mid__loading .block .right { width: 100%; font-size: 13px; padding: 0px; }
}

.mid__loading .block .right .arrow { color: #fddb32; position: absolute; right: 0px; top: 0px; font-size: 27px; padding: 5px; line-height: 27px; }

/*No Results Box*/
.no_resultsBox { padding: 50px 0; text-align: center; background: #fff; }

 .no_resultsBox .buttons .backbutton { padding: 10px 20px; border: none; margin: 10px; border-radius: 5px; }

 .no_resultsBox .block { max-width: 600px; margin: 0px auto; }

 .no_resultsBox .head { font-size: 28px; font-weight: 600; }

@media (max-width: 767px) {
 .no_resultsBox .head { font-size: 23px; }
}

.no_resultsBox p { font-size: 16px; color: #636363; }

@media (max-width: 767px) {
 .no_resultsBox p { font-size: 13px; }
}

.no_resultsBox .call { padding-top: 30px; width: 310px; margin: 0px auto; }

 .no_resultsBox .call .call_icon { width: 50px; margin-top: 10px; }

 .no_resultsBox .call span { display: block; font-size: 18px; color: #333; }

@media (max-width: 767px) {
 .no_resultsBox .call span { font-size: 14px; }
}

.no_resultsBox .call a { font-size: 30px; color: #fddb32; font-weight: 600; text-decoration: none; white-space: nowrap; }

@media (max-width: 767px) {
 .no_resultsBox .call a { font-size: 23px; }
}

.no_resultsBox .call a:hover { text-decoration: none; color: #fc5a4c; }

/*Mid page*/
.results-skeleton-content:after { content: ""; display: block; width: 100%; height: 120px; background-image: linear-gradient( 90deg, hsla(0deg, 0%, 100%, 0), hsla(0deg, 0%, 100%, 0.8) 50%, hsla(0deg, 0%, 100%, 0) ), radial-gradient(circle 15px at center, #e9ebec 99%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(90deg, #fff, #fff); background-size: 960px 110px, 30px 30px, 108px 16px, 90px 6px, 60px 6px, 384px 6px, 410px 6px, 200px 6px, 314px 6px, 120px 30px, 100% 100%; background-position: -960px 0, 20px 20px, 60px 20px, 60px 46px, 20px 84px, 188px 20px, 188px 36px, 188px 52px, 188px 68px, 710px 40px, 0 0; background-repeat: no-repeat; animation: oneway-loading 1.2s infinite; }

@keyframes oneway-loading {
 to { background-position: 960px 0, 20px 20px, 60px 20px, 60px 46px, 20px 84px, 188px 20px, 188px 36px, 188px 52px, 188px 68px, 710px 40px, 0 0; }
}

.filter-skeleton-content:after { content: ""; display: block; width: 100%; height: 160px; background-image: linear-gradient( 90deg, hsla(0deg, 0%, 100%, 0), hsla(0deg, 0%, 96%, 0.8) 50%, hsla(0deg, 0%, 100%, 0) ), linear-gradient(90deg, #e9ebec, #e9ebec), linear-gradient(90deg, #e9ebec, #e9ebec), linear-gradient(90deg, #e9ebec, #e9ebec), linear-gradient(90deg, #e9ebec, #e9ebec); background-size: 260px 160px, 264px 14px, 195px 14px, 212px 14px, 115px 14px; background-position: -260px 0, 0 34px, 0 64px, 0 90px, 0 120px; background-repeat: no-repeat; animation: leftside-loading 1.2s infinite; }

@keyframes leftside-loading {
 to { background-position: 260px 0, 0 34px, 0 64px, 0 90px, 0 120px; }
}
/*Matrix*/
.m-skeleton-content:after { content: ""; display: block; width: 60px; height: 14px; margin-left: 30px; background-image: linear-gradient( 90deg, hsla(0deg, 0%, 100%, 0), hsla(0deg, 0%, 100%, 0.6) 50%, hsla(0deg, 0%, 100%, 0) ), linear-gradient(90deg, #e9ebec, #e9ebec); background-size: 60px 14px, 100% 100%; background-position: -300px 0, 0 0; background-repeat: no-repeat; animation: carousel-loading 1.2s infinite; }

@keyframes carousel-loading {
 to { background-position: 60px 0, 0 0; }
}

.loaderbox { position: relative; overflow: hidden; }

 .loaderbox:before { position: absolute; top: 0; left: -50%; z-index: 2; display: block; content: ""; width: 100%; height: 100%; background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% ); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-animation: shine 0.75s infinite; animation: shine 0.75s infinite; }

@keyframes loader-spin {
 0% { transform: rotate(0deg); }

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

@-webkit-keyframes shine {
 100% { left: 125%; }
}

@keyframes shine {
 100% { left: 125%; }
}

slider.ui-widget.ui-widget-content { padding: 0px !important; height: 3px; border: none; }

slider { display: inline-block; position: relative; height: 2px; width: 100%; margin: 10px 0 15px 0; vertical-align: middle; }

 slider span { white-space: nowrap; position: absolute; display: inline-block; }

  slider span.base { width: 100%; height: 100%; padding: 0; }

  slider span.bar { width: 100%; height: 100%; z-index: 0; background: #ccc; }

   slider span.bar.selection { width: 0%; z-index: 1; background: #fc5a4c; }

  slider span.pointer { cursor: pointer; width: 19px; height: 19px; top: -8px; z-index: 1; border: 2px solid #fc5a4c; background: #fff; border-radius: 100%; outline: none; }

/* slider span.pointer:after {
content: '';
background-color: #f44336;
width: 8px;
height: 8px;
position: absolute;
top: 5px;
left: 5px;
-webkit-border-radius: 1em/1em;
border-radius: 1em/1em;
}
slider span.pointer:hover:after {
background-color: #f44336;
}
slider span.pointer.active:after {
background-color: #f00;
}
slider span.bubble {
cursor: default;
top: -22px;
padding: 1px 3px 1px 3px;
font-size: 0.7em;
font-family: sans-serif;
}
slider span.bubble.selection {
top: 15px;
}
slider span.bubble.limit {
color: #808080;
}
*/
.results_body,
.bg-gray { background: #f5f5f8; }

#resultsCntr,
.resultsCntr { width: 100%; padding: 22px 0 35px 0; background: #f2f2f2; font-size: 14px; /*Fare detail*/ /*end breakup*/ }

@media (max-width: 1199px) {
 #resultsCntr,
 .resultsCntr { font-size: 13px; padding-top: 0px; }
}



#resultsCntr .page__title,
.resultsCntr .page__title { font-size: 22px; text-align: left; }

@media (max-width: 767px) {
 #resultsCntr .page__title,
 .resultsCntr .page__title { font-size: 16px; }
}

#resultsCntr .leftCntr,
.resultsCntr .leftCntr { padding-right: 20px; width: 280px; float: left; }

@media (max-width: 1199px) {
 #resultsCntr .leftCntr,
 .resultsCntr .leftCntr { position: fixed; left: -200%; top: 0px; transition: all 0.5s; }
}

#resultsCntr .leftCntr .holder,
.resultsCntr .leftCntr .holder {
    background: #fff;
    border: 1px solid #043770;
    box-shadow: 0 0 6px #00000029;
    border-radius: 10px;
}

#resultsCntr .leftCntr .filter-main-head,
.resultsCntr .leftCntr .filter-main-head { display: none; background: #1668e3; color: #fff; font-size: 16px; padding: 12px 15px; }

 #resultsCntr .leftCntr .filter-main-head .close_filter,
 .resultsCntr .leftCntr .filter-main-head .close_filter { position: absolute; right: 12px; color: #fff; font-size: 23px; top: 6px; line-height: 35px; }

#resultsCntr .leftCntr.open-filter,
.resultsCntr .leftCntr.open-filter { left: 0px; width: 300px; padding-right: 0px; background: #fff; z-index: 2; display: block; height: 100%; }

@media (max-width: 767px) {
 #resultsCntr .leftCntr.open-filter,
 .resultsCntr .leftCntr.open-filter { width: 100%; }
}

#resultsCntr .leftCntr.open-filter .holder,
.resultsCntr .leftCntr.open-filter .holder { height: 100%; overflow-x: hidden; overflow-y: scroll; padding-bottom: 76px; border: 0px; }

@media (max-width: 767px) {
 #resultsCntr .leftCntr.open-filter .holder,
 .resultsCntr .leftCntr.open-filter .holder { padding: 12px; }
}

#resultsCntr .leftCntr.open-filter .filter-main-head,
.resultsCntr .leftCntr.open-filter .filter-main-head { display: block; }

#resultsCntr .rightCntr,
.resultsCntr .rightCntr { width: calc(100% - 280px); float: left; }

@media (max-width: 1199px) {
 #resultsCntr .rightCntr,
 .resultsCntr .rightCntr { width: 100%; overflow: hidden; }
}

#resultsCntr .fare__breakup,
.resultsCntr .fare__breakup { position: relative; float: left; }

@media (max-width: 479px) {
 #resultsCntr .fare__breakup,
 .resultsCntr .fare__breakup { display: none; }
}

#resultsCntr .fare__detail,
.resultsCntr .fare__detail { color: #fddb32; text-decoration: none; text-align: center; }

@media (max-width: 767px) {
 #resultsCntr .fare__detail,
 .resultsCntr .fare__detail { font-size: 12px; }
}

#resultsCntr .fare__detail span,
.resultsCntr .fare__detail span { color: #686868; display: block; font-size: 12px; width: 73px; }

#resultsCntr .fare__detail:hover,
.resultsCntr .fare__detail:hover { text-decoration: none; color: #fc5a4c; }

#resultsCntr .fare_breakup_detail,
.resultsCntr .fare_breakup_detail { box-shadow: 0 0 9px #b8c7ff; display: none; width: 300px; position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); background: #fff; padding: 15px; border: 1px solid #d9d9db; }

 #resultsCntr .fare_breakup_detail:before,
 #resultsCntr .fare_breakup_detail:after,
 .resultsCntr .fare_breakup_detail:before,
 .resultsCntr .fare_breakup_detail:after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; left: 50%; border-top: 10px solid #ccc; }

 #resultsCntr .fare_breakup_detail:after,
 .resultsCntr .fare_breakup_detail:after { border-top: 10px solid #fff; margin-top: -1px; z-index: 1; }

 #resultsCntr .fare_breakup_detail ul,
 .resultsCntr .fare_breakup_detail ul { list-style: none; margin: 0px; }

  #resultsCntr .fare_breakup_detail ul li,
  .resultsCntr .fare_breakup_detail ul li { width: 100%; border-bottom: 1px dashed #a6a6a6; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; }

   #resultsCntr .fare_breakup_detail ul li:last-child,
   .resultsCntr .fare_breakup_detail ul li:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }

   #resultsCntr .fare_breakup_detail ul li .traveler span,
   .resultsCntr .fare_breakup_detail ul li .traveler span { display: block; font-size: 12px; }

 #resultsCntr .fare_breakup_detail .close_price_breakup,
 .resultsCntr .fare_breakup_detail .close_price_breakup { width: 38px; text-align: center; background: #fff; display: inline-block; height: 22px; position: absolute; right: 0px; top: -22px; color: #fddb32; border: 1px solid #d9d9db; border-bottom: 0px; }

/*Results*/
.total_results { font-size: 15px; }

@media (max-width: 767px) {
 .total_results { padding-top: 14px; }
}

/*Sorting Tab box*/
.sortingTabBox { width: 100%; border-radius: 3px; overflow: hidden; margin-bottom: 20px; }

@media (max-width: 767px) {
 .sortingTabBox { width: auto; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; overflow-y: hidden; overflow-x: scroll; }
}

.sortingTabBox ul { list-style: none; padding: 0px; margin: 0px -10px 0 0; overflow: hidden; display: flex; flex-wrap: wrap; }

@media (max-width: 767px) {
 .sortingTabBox ul { white-space: nowrap; display: flex; overflow: inherit; margin: 0px; }
}

.sortingTabBox ul li { padding: 7px 18px; display: flex; width: calc(25% - 10px); margin-right: 10px; font-weight: 700; border: 1px solid transparent; background: #fff; position: relative; min-height: 41px; border-radius: 5px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.0588235294); height: 52px; align-items: center; }

@media (max-width: 767px) {
 .sortingTabBox ul li { width: 192px; margin: 0 10px 10px 0; }
}

.sortingTabBox ul li a { text-decoration: none; cursor: pointer; }

.sortingTabBox ul li .price { color: #6b6b6b; font-weight: normal; display: block; }

.sortingTabBox ul li.active a,
.sortingTabBox ul li.active .price { color: #202020; }

.sortingTabBox ul li.active { background: #ffeacf; border: 1px solid #ffd4a8; }

.sortingTabBox ul li:hover { background: #ffeacf; border: 1px solid #ffd4a8; }

@media (max-width: 767px) {
 .sortingTabBox ul li { width: auto; }
}

/*Sorting Tab box end*/
.text-link-red { color: #fddb32 !important; text-decoration: underline !important; }

/*Apply filter*/
.apply_filter { margin-bottom: 15px; }

@media (max-width: 767px) {
 .apply_filter { display: none; }
}

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

 .apply_filter ul li { float: left; padding: 8px 15px; margin-right: 10px; margin-bottom: 5px; border-radius: 40px; border: 1px solid #b2d8c8; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0392156863); color: #99b8ab; font-weight: 500; background: #f8f9ff; }

  .apply_filter ul li a { color: #898585; position: relative; top: 1px; margin-left: 6px; float: right; }

   .apply_filter ul li a:hover { color: #fddb32; }

  .apply_filter ul li.clear__all { background: transparent; border-color: #ffd6da; }

   .apply_filter ul li.clear__all a { color: #fddb32; position: relative; top: 0px; margin: 0px; }

.loadmore { font-size: 15px; background: #fddb32; padding: 11px 46px; color: #fff; }

@media (max-width: 767px) {
 .loadmore { display: block; }
}

.loadmore:hover { background: #fc5a4c; color: #fff; text-decoration: none; }

/*Flights detail Strat here*/
.flight__itenaryBox { /*Flightdetail*/ /*End tab*/ /*route start */ /*route end */ }

 .flight__itenaryBox .head { padding: 0px 30px 0px 0px; position: relative; }

 .flight__itenaryBox .page__title { font-size: 22px; }

@media (max-width: 767px) {
 .flight__itenaryBox .page__title.flight_detail_title { padding-top: 10px; margin-bottom: 10px; }
}

.flight__itenaryBox .page__title:after { bottom: -9px; display: none; }

.flight__itenaryBox .page__title strong { display: inline-block; }

.flight__itenaryBox .flightDetail { color: #8a8a8a; }

 .flight__itenaryBox .flightDetail h4 { font-size: 16px; color: #393939; border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-bottom: 20px; }

 .flight__itenaryBox .flightDetail .devider_line { height: 8px; background: #f5f5f8; border: none; margin: 20px -20px; }

.flight__itenaryBox .flighttab { list-style: none; width: 100%; float: left; margin-bottom: 15px; padding: 0px; border-bottom: 1px solid #dfdfdf; }

@media (max-width: 1023px) {
 .flight__itenaryBox .flighttab { margin: 10px 0; width: auto; overflow: hidden; float: none; border-bottom: none; }
}

.flight__itenaryBox .flighttab li { float: left; margin-right: 30px; }

@media (max-width: 1023px) {
 .flight__itenaryBox .flighttab li { width: 45%; margin-right: 15px; }
}

@media (max-width: 479px) {
 .flight__itenaryBox .flighttab li { width: 43%; }
}

.flight__itenaryBox .flighttab li a { font-size: 16px; color: #484848; text-decoration: none; padding: 0 0px 7px 0; display: block; position: relative; cursor: pointer; }

@media (max-width: 1023px) {
 .flight__itenaryBox .flighttab li a { font-size: 14px; padding: 4px 10px; border: 2px solid #ccc; text-align: center; border-radius: 5px; }

  .flight__itenaryBox .flighttab li a.active { border-color: #fddb32; }
}

.flight__itenaryBox .flighttab li a:before { content: ""; height: 2px; position: absolute; left: 0px; bottom: -1px; transition: all 0.5s; width: 0px; display: block; background: #fddb32; }

@media (max-width: 1023px) {
 .flight__itenaryBox .flighttab li a:before { display: none; }
}

.flight__itenaryBox .flighttab li a:hover,
.flight__itenaryBox .flighttab li a.active,
.flight__itenaryBox .flighttab li a:hover:before,
.flight__itenaryBox .flighttab li a.active:before { width: 100%; color: #fc5a4c; }

.flight__itenaryBox .airlines__details { padding-top: 26px; font-size: 13px; line-height: 1.5em; color: #949494; }

 .flight__itenaryBox .airlines__details .air-name { font-size: 14px; color: #484848; font-weight: 500; }

 .flight__itenaryBox .airlines__details img { width: 32px; float: left; margin-right: 10px; }

 .flight__itenaryBox .airlines__details .detail { width: calc(100% - 45px); float: left; font-weight: 500; }

.flight__itenaryBox .route__info { padding: 40px 0; font-size: 13px; position: relative; }

@media (max-width: 767px) {
 .flight__itenaryBox .route__info { padding: 0 20px; margin: 15px 0 35px 0; border-left: 2px dashed #ccc; }

  .flight__itenaryBox .route__info:after,
  .flight__itenaryBox .route__info:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #fddb32; position: absolute; left: -6px; top: 0px; border-radius: 100%; background: #fff; }

  .flight__itenaryBox .route__info:before { top: inherit; bottom: 0px; }
}

.flight__itenaryBox .route__info .time { font-size: 14px; color: #484848; font-weight: 600; margin-top: 28px; }

@media (max-width: 767px) {
 .flight__itenaryBox .route__info .time { margin-top: 2px; }
}

.flight__itenaryBox .route__info .date { position: relative; font-weight: 500; }

@media (max-width: 767px) {
 .flight__itenaryBox .route__info .date .highlight { display: inline-block; }

 .flight__itenaryBox .route__info .date .message_display { position: static; display: inline-block; margin-right: 6px; }
}

.flight__itenaryBox .route__info .destination_fullname { position: relative; font-weight: 500; }

 .flight__itenaryBox .route__info .destination_fullname .message_display { top: inherit; bottom: -25px; }

.flight__itenaryBox .route__info .connecting__bar { width: 60%; height: 2px; border-top: 2px dashed #dfdfdf; position: absolute; left: 0px; top: 72px; }

 .flight__itenaryBox .route__info .connecting__bar:after,
 .flight__itenaryBox .route__info .connecting__bar:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #fddb32; position: absolute; right: 0px; top: -6px; border-radius: 100%; background: #fff; }

 .flight__itenaryBox .route__info .connecting__bar:before { right: inherit; left: 0px; }

 .flight__itenaryBox .route__info .connecting__bar .duretion_time { position: absolute; left: 50%; margin-top: -30px; text-align: center; }

  .flight__itenaryBox .route__info .connecting__bar .duretion_time img { background: #fff; padding: 0 6px; display: block; }

.flight__itenaryBox .route__info .TripTime { margin: 15px; }

.flight__itenaryBox .route__info .message_display { position: absolute; left: 0px; top: -25px; margin: 0px; }

@media (max-width: 767px) {
 .flight__itenaryBox .route__info .message_display { position: static; }
}

.flight__itenaryBox .class__type { padding-top: 26px; }

@media (max-width: 1023px) {
 .flight__itenaryBox .class__type { margin-left: -24px; }
}

@media (max-width: 767px) {
 .flight__itenaryBox .class__type { margin-left: 0px; padding: 10px; }
}

.flight__itenaryBox .layover { margin-bottom: 15px; padding: 8px 20px; font-size: 12px; color: #787878; background: #fff3ee; text-align: center; }

 .flight__itenaryBox .layover .bi-stopwatch { position: relative; top: -2px; margin-right: 4px; }

/*Flight detail end */
.price__Box { border-radius: 5px; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863); border: 1px solid #e8e8e8; background: #fff; padding: 15px; }

@media (max-width: 1023px) {
 .price__Box { margin-top: 20px; margin-bottom: 40px; }
}

@media (max-width: 767px) {
 .price__Box { margin: 0 0 100px 0; }
}

.price__Box .head { position: relative; border-bottom: 1px solid #ccc; }

 .price__Box .head h4 { font-size: 16px; }

.price__Box ul { list-style: none; padding: 0px; }

 .price__Box ul li { padding: 8px 0px; border-bottom: 1px solid #e1e1e1; font-size: 13px; color: #4b4b4b; font-weight: 600; }

  .price__Box ul li i { font-size: 16px; margin-left: 4px; font-weight: 700; }

  .price__Box ul li .accordian-slide { padding-left: 13px; padding-top: 5px; font-size: 12px; color: #6b6b6b; font-weight: 400; }

  .price__Box ul li .accordian_toggle { cursor: pointer; }

  .price__Box ul li .disscount--price { color: #0fa848; }

.price__Box .total_price { font-weight: 700; border-bottom: 1px dashed #ccc; padding-bottom: 10px; color: #fddb32; }

.price__Box .price__note { font-size: 11px; padding: 12px 0 0 0; margin: 0; color: #666; }

/*Secure*/
.securebooking__Box { border-radius: 5px; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863); border: 1px solid #e8e8e8; background: #fff; margin-top: 20px; padding: 15px; }

@media (max-width: 767px) {
 .securebooking__Box { margin: 0 -15px 70px -15px; }
}

.securebooking__Box h4 { padding-bottom: 10px; font-size: 16px; border-bottom: 1px solid #ccc; }

/*Coupon here*/
.cuponBlock { width: 100%; overflow: hidden; }

 .cuponBlock .inputText { width: calc(100% - 78px); border: 1px solid #d9d9d9; padding: 10px 10px; float: left; font-size: 13px; color: #7e7e7e; border-radius: 5px; margin-right: 5px; }

 .cuponBlock .submit { border: none; background: #02cb66; padding: 9px; color: #fff; width: 73px; float: left; cursor: pointer; border-radius: 5px; }

  .cuponBlock .submit:focus { border: none; outline: none; }

  .cuponBlock .submit.remove { background: #fddb32; }

 .cuponBlock .sucessfull { color: #02cb66; }

.text-right { text-align: right; }

.bagguage_fees { color: #6b6b6b; position: relative; display: inline-block; }

 .bagguage_fees ul { display: flex; list-style: none; }

  .bagguage_fees ul li { margin-right: 15px; position: relative; }

   .bagguage_fees ul li.check { justify-content: flex-end; font-family: "bootstrap-icons"; color: #3ab54a; }

    .bagguage_fees ul li.check:before { content: ""; position: absolute; top: -1px; left: 10px; background: url(/Images/baggage-included.svg) no-repeat; height: 15px; width: 15px; background-size: cover; }

   .bagguage_fees ul li.noCheck:before { content: ""; position: absolute; top: -1px; left: 10px; background: url(/Images/close-icon.svg) no-repeat; height: 15px; width: 15px; background-size: cover; }

 .bagguage_fees:hover .tooltipBox { display: block; }

 .bagguage_fees .tooltipBox { width: 330px; font-weight: 600; left: -85%; }

  .bagguage_fees .tooltipBox .baggesInfo { flex-direction: column; padding-left: 28px; }

   .bagguage_fees .tooltipBox .baggesInfo li { width: 100%; margin: 0; padding: 3px 0; text-transform: lowercase; }

  .bagguage_fees .tooltipBox:after,
  .bagguage_fees .tooltipBox:before { left: 18%; }

  .bagguage_fees .tooltipBox .row { padding-bottom: 10px; }

   .bagguage_fees .tooltipBox .row:last-child { padding-bottom: 5px; }

  .bagguage_fees .tooltipBox .leftSec { color: #303030; font-size: 13px; padding-left: 40px; position: relative; }

  .bagguage_fees .tooltipBox .bag { width: 20px; position: absolute; left: 10px; top: 0; }

   .bagguage_fees .tooltipBox .bag.last { height: 22px; }

  .bagguage_fees .tooltipBox p { margin: 0; font-weight: normal; color: #919192; font-size: 12px; line-height: 1.3; }

  .bagguage_fees .tooltipBox .included { color: #0e42ea; }

/*Card*/
.card__zoom { position: absolute; font-size: 11px; padding-top: 0px; font-weight: 500; display: inline-flex; left: 0; top: 45px; }

 .card__zoom i { color: #ccc; padding-right: 5px; }

 .card__zoom:hover .cardInfoTooltip { display: block; }

 .card__zoom .cardInfoTooltip { position: absolute; right: 0; width: 510px; background: #fff; z-index: 1; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1607843137); padding: 13px; top: 20px; font-size: 10px; display: none; }

  .card__zoom .cardInfoTooltip strong { display: block; padding: 10px 0; min-height: 42px; font-weight: 600; }

  .card__zoom .cardInfoTooltip p { font-weight: 500; }

.securebooking__Box { border-radius: 5px; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863); border: 1px solid #e8e8e8; background: #c8e7cc; padding: 10px 0; font-size: 14px; margin-top: 20px; }

 .securebooking__Box h4 { padding-bottom: 10px; font-size: 16px; border-bottom: 1px solid #ccc; }

.timerSec { width: 100%; display: flex; border-radius: 5px; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863); border: 1px solid #e8e8e8; background: #fff; align-items: center; justify-content: center; padding: 10px; margin-top: 20px; }

 .timerSec #timerCount { color: #fddb32; padding-left: 5px; }

 .timerSec p { font-size: 16px; font-weight: 600; color: #000000; margin: 0px; }

/*Isurance List*/
.insuranceList { margin: 0; padding: 0; list-style: none; overflow: hidden; }
 .insuranceList ul { margin: 0; padding: 0; list-style: none; }
 .insuranceList h5 { font-size: 14px; font-weight: 600; }
 .insuranceList li { line-height: 18px; font-size: 13px; margin: 10px 0px; position: relative; padding-left: 20px; }
  .insuranceList li:before { position: absolute; color: #4fb67a; font-family: fontawesome; font-weight: 900; content: "\f00c"; left: 0; }
  .insuranceList li p { margin: 0px; }
 .insuranceList.li50 { overflow: hidden; margin-right: -20px; }
  .insuranceList.li50 li { width: 50%; float: left; padding-right: 20px; }
   .insuranceList.li50 li.moreList { padding: 0; margin: 0px; width: auto; }
    .insuranceList.li50 li.moreList:before { content: ""; display: none; }
 .insuranceList .manymore { color: #fc5a4c; cursor: pointer; }
  .insuranceList .manymore:before { content: ""; display: none; }
.insurance-price { font-size: 22px; font-weight: 600; color: #043770; line-height: 1; padding: 20px 0 20px 0px; position: absolute; right: 20px; top: 0; }
 .insurance-price .per-pax { font-size: 13px; line-height: 1; display: block; color: #707070; font-weight: 400; margin-top: 5px; }
.radioSelect-option ul { margin: 0px; padding: 0px; }
 .radioSelect-option ul li { background: #fff; list-style: none; margin: 0 30px 7px 0; padding: 10px 12px; position: relative; width: calc(50% - 30px); float: left; box-shadow: 0px 3px 5px #BBC7D263; border-radius: 3px; }
.insurance_title { border-bottom: 1px solid #ccc; padding-bottom: 15px; }

/*New Travel protection*/
.page__title.payment_title { display: flex; align-items: center; }
 .page__title.payment_title .icons { margin-right: 15px; width: 50px; }
 .page__title.payment_title span { margin-top: 3px; font-size: 14px; }
#TravelProtectionIns { background: linear-gradient(1800deg, rgba(227,220,236,1) 0%, rgba(255,255,255,1) 100%); padding-bottom: 330px; overflow: hidden; }
.travel-protection { position: relative; padding-bottom: 30px; padding-right: 15px; }
 .travel-protection .insuranceList h5 { font-size: 16px; font-weight: 600; line-height: 22px; padding-left: 15px; }
 .travel-protection .insuranceList { margin: 0 -10px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; overflow: initial; }
  .travel-protection .insuranceList .items { width: calc(50% - 30px); line-height: 18px; font-size: 13px; margin: 10px 15px; position: relative; float: left; }
  /*.travel-protection .insuranceList .items img {position: absolute;left: 0px;top: 0px;width: 45px;margin-bottom: 10px;}*/
  .travel-protection .insuranceList li:before { display: none; }
 .travel-protection .slick-list { padding: 0px; margin: 0px; }
 .travel-protection .slick-dots { bottom: 0px; }
  .travel-protection .slick-dots li button { border: 1px solid #ccc; width: 6px; height: 6px; }
  .travel-protection .slick-dots li.slick-active button { border: 1px solid #36145b; background: #36145b; }
  .travel-protection .slick-dots li { padding: 0px !important; }
.travel-protectionbottom_image { width: 100%; position: absolute; left: 0px; bottom: -30px; }
.payment-contact-inner { position: relative; z-index: 2; }
.addnowBtn { color: #00c008; white-space: nowrap; display: flex; align-items: center; cursor: pointer; }
 .addnowBtn i { margin-right: 5px; }
.trip_protection_tooltip { position: absolute; padding: 6px 10px 6px 6px; background-color: #eaffd4; width: 300px; z-index: 2; left: 0; bottom: 41px; border: 1px solid #4fb67a; }
 .trip_protection_tooltip:after { content: ""; position: absolute; bottom: -16px; left: 10%; margin-left: 0; border-width: 8px; border-style: solid; border-color: #4fb67a transparent transparent transparent; }
 .trip_protection_tooltip.tooltipdown { background-color: #ffdcdc; border: 1px solid #fd7171; }
  .trip_protection_tooltip.tooltipdown:after { border-color: #fd7171 transparent transparent transparent; }
 .trip_protection_tooltip .close_tooltip { position: absolute; right: -7px; top: -8px; color: #fd7171; cursor: pointer; font-size: 19px; width: 20px; height: 20px; border-radius: 100%; }
 .trip_protection_tooltip p { margin: 0 !important; padding-left: 27px; position: relative; font-size: 12px !important; }
 .trip_protection_tooltip .bi-hand-thumbs-up { font-size: 21px; color: #4fb67a; position: absolute; left: 0; }
 .trip_protection_tooltip .bi-hand-thumbs-down { font-size: 21px; color: #f48d84; position: absolute; left: 0; }



@media (max-width: 767px) {
 #TravelProtectionIns { padding-bottom: 195px; }
  #TravelProtectionIns .payment_title div { overflow: hidden; padding-right: 88px; }
 .radioSelect-option ul li { width: 100%; }
 .insuranceList.li50 { margin: 0; padding-right: 0px; }
  .insuranceList.li50 li { width: 100%; padding-right: 0px; }
 .page__title.payment_title .icons { width: 30px; margin-right: 10px; }
 .travel-protection .page__title { padding-right: 108px; }
 #resultsCntr .page__title, .resultsCntr .page__title { font-size: 15px; }
 .insurance-price { font-size: 20px; padding: 15px 0px; }
 .page__title.payment_title span { font-size: 12px; }
 .travel-protection .insuranceList .items { width: 100%; margin-left: 0; }
 .travel-protection .insuranceList { margin-right: -20px; flex-wrap: wrap; }
  .travel-protection .insuranceList h5 { font-size: 12px; }
  .travel-protection .insuranceList p { font-size: 11px; line-height: 16px; margin-bottom: 5px; }
 .travel-protection .slick-slide { padding: 0 5px; }
 .travel-protection { margin-left: -5px; padding-right: 5px; }
}
/*Travel protection End*/
/*REfundable */
.payment-refundable .refund-details { position: relative; }
 .payment-refundable .refund-details .icon_image { position: absolute; right: 30px; top: 10px; }
.payment-refundable .upgrade-txt { border-radius: 5px; border: 1px solid #005dba; padding: 12px; font-size: 12px; margin: 10px 0; }

.payment-refundable .refund-subtital { font-size: 13px; color: #008c11; background: #f2ffee; border-left: 5px solid #43b851; padding: 10px 40px 10px 13px; margin: 5px 0 18px; clear: both; border-radius: 3px; }

/*REfundable */
.affirm-tooltip { position: relative; display: inline-block; }
 .affirm-tooltip .fa-info { display: inline-block; width: 13px; height: 13px; text-align: center; line-height: 13px; border: 1px solid #1b75bc; border-radius: 100%; font-size: 10px; color: #1b75bc; }
 .affirm-tooltip .promo-detail { display: none; background: #fff; font-size: 12px; padding: 3px 8px; position: absolute; left: 50%; top: 24px; transform: translateX(-50%); width: 218px; z-index: 2; border: 1px solid #1b75bc; color: #57585a; font-weight: 400; }
 .affirm-tooltip ul.affirm_list { padding: 10px 0 0; margin: 0; }
  .affirm-tooltip ul.affirm_list li { display: flex; align-items: center; justify-content: space-between; padding: 6px 0; border-bottom: 1px dashed #ccc; }
   .affirm-tooltip ul.affirm_list li .price { color: #4a4af4; font-weight: 700; }
 .affirm-tooltip:hover .promo-detail { display: block; }
.affir_content_block { padding-left: 25px; }
.pay-with-cc { width: 100%; padding-top: 16px; }
.affirm_radio { padding: 15px 0; border-top: 1px solid #ccc; margin-top: 16px; }


.required_star { color: red; }
/*common payment*/
.commonpayment { border-radius: 13px; box-shadow: 0px 3px 6px #D4D4D429; border: 1px solid #e8e8e8; background: #fff; padding: 13px; margin-bottom: 20px; position: relative; }
 .commonpayment .page-head { font-size: 18px; color: #333; font-weight: 700; margin-bottom: 15px; }
 .commonpayment .sub-head { font-size: 16px; color: #333; font-weight: 600; }
.payment__wrapper .payment__stepBox { width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 20px; }

 .payment__wrapper .payment__stepBox ul { list-style: none; padding: 0px; display: flex; align-items: center; justify-content: space-between; margin: 0px; }
  .payment__wrapper .payment__stepBox ul li { font-size: 16px; color: #333; cursor: pointer; padding-bottom: 8px; position: relative; }
   .payment__wrapper .payment__stepBox ul li i { position: relative; top: 0px; margin-right: 2px; }
   .payment__wrapper .payment__stepBox ul li:before { content: ""; height: 2px; position: absolute; left: 0px; bottom: -1px; transition: all 0.5s; width: 0px; display: block; background: #fddb32; }
   .payment__wrapper .payment__stepBox ul li.active:before { width: 100%; color: #fc5a4c; }
   .payment__wrapper .payment__stepBox ul li:hover, .payment__wrapper .payment__stepBox ul li.active { color: #fddb32; }
   .payment__wrapper .payment__stepBox ul li.complete { color: #009306; }
    .payment__wrapper .payment__stepBox ul li.complete:before { width: 100%; color: #009306; background: #009306; }
.payment__wrapper .bottom__row { padding: 10px 0; overflow: hidden; }

 .payment__wrapper .bottom__row .continue__button { cursor: pointer; background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); color: #fff; padding: 12px 38px; float: right; font-weight: 600; border-radius: 48px; text-decoration: none; }

  .payment__wrapper .bottom__row .continue__button.confirm { padding: 12px 30px; font-size: 17px; border: none; background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); text-align: center; }



   .payment__wrapper .bottom__row .continue__button.confirm i { margin-right: 3px; }
   .payment__wrapper .bottom__row .continue__button.confirm:hover { background: rgb(255, 65, 118); background: linear-gradient( 90deg, rgb(255, 65, 118) 0%, #043770 100% ); }

   .payment__wrapper .bottom__row .continue__button.confirm span { display: block; font-weight: 400; text-transform: uppercase; font-size: 13px; }
  .payment__wrapper .bottom__row .continue__button:hover { background: rgb(255, 65, 118); background: linear-gradient( 90deg, rgb(255, 65, 118) 0%, #043770 100% ); text-decoration: none; }
.payment__wrapper .adultType { list-style: none; padding: 0px; margin-bottom: 10px; }
 .payment__wrapper .adultType li { display: inline-block; padding-right: 30px; font-size: 14px; }
  .payment__wrapper .adultType li label { cursor: pointer; font-weight: 600; }
.payment__wrapper .travelerBox { padding-top: 20px; }
 .payment__wrapper .travelerBox h4 { font-size: 18px; font-weight: 600; margin-bottom: 11px; color: #4b4b4b; }
 .payment__wrapper .travelerBox p { color: #5d5d5d; }
 .payment__wrapper .travelerBox .travel_deal_checkbox { margin-top: 27px; width: 60%; }
  .payment__wrapper .travelerBox .travel_deal_checkbox label { line-height: 19px; }
 .payment__wrapper .travelerBox .traveler_block { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-top: 0px; }
  .payment__wrapper .travelerBox .traveler_block:first-child { border: none; margin-top: 0px; padding-top: 0px; }
.payment__wrapper .paymentBox { padding-top: 20px; }
/*Media */
@media (max-width: 767px) {
 .payment__wrapper .bottom__row { padding: 12px; background: #fff; position: fixed; left: 0px; bottom: 0px; width: 100%; z-index: 2; }
 .payment__wrapper .payment__stepBox ul li { font-size: 14px; padding: 10px; }
 .payment__wrapper .payment__stepBox { background: #fff; width: auto; margin: 0 -6px 18px -6px; padding: 0px; }
 .payment__wrapper { padding-top: 15px; }
 .commonpayment .page-head { margin: 10px 0; }
 .commonpayment { padding: 15px; }
 .easy-payment-logo { width: 70px; }
 .payment__wrapper .bottom__row .continue__button { float: none; margin: 0px auto; display: block; font-size: 18px; text-align: center; }
  .payment__wrapper .bottom__row .continue__button.confirm { padding: 9px 20px; margin-top: 9px; }
 .payment__wrapper .paymentBox { padding-top: 0px; }
 .payment__wrapper .travelerBox .traveler_block { padding-top: 0px; padding-bottom: 20px; margin-bottom: 0px; }
 .payment__wrapper .adultType { margin-bottom: 0px; }
 .payment__wrapper .payment__wrapper .loder__row { padding: 12px 0; background: #fff; left: 0px; bottom: 0px; width: 100%; z-index: 1; }
}
/*Media */
.payment__wrapper .paymentBox h4 { font-size: 18px; font-weight: 600; margin-bottom: 11px; color: #4b4b4b; }
.payment__wrapper .paymentBox .hr-line { border-top: 1px solid #ccc; margin-top: 30px; padding-top: 30px; }
.payment__wrapper .paymentBox .card__zoom { margin-top: 34px; }
.payment__wrapper select::-ms-expand { display: none; }
.payment__wrapper .form__block .select-class { display: block; overflow: hidden; position: relative; width: 100%; cursor: pointer; }
 .payment__wrapper .form__block .select-class:before { content: "\f107"; font-family: fontawesome; font-size: 23px; color: #333; font-weight: 700; position: absolute; right: 1px; top: 1px; pointer-events: none; padding: 7px 10px 0 0; background: #fff; }


@media (max-width: 767px) {
 .payment__wrapper .form__block .select-class:before { padding: 2px 10px 0 0; }
}

.payment__wrapper .form__block .form-control { padding: 12px; border-radius: 0px; background: #fff; }

@media (max-width: 767px) {
 .payment__wrapper .form__block .form-control { padding: 9px 12px; font-size: 13px; }
}

.payment__wrapper .form__block .form-control:focus { border-color: #fc5a4c; box-shadow: 0 3px 6px #e0e4f9; }
.payment__wrapper .form__block select.form-control:not([size]):not([multiple]) { height: auto; }
.payment__wrapper .form__block .is-error { position: relative; color: #fddb32; color: red; }
 .payment__wrapper .form__block .is-error .form-control { border-color: red; }
 .payment__wrapper .form__block .is-error .icon { position: absolute; top: 13px; right: 10px; color: red; }
.payment__wrapper .form__block .is-success, .payment__wrapper .form__block .is-sucess { position: relative; }
 .payment__wrapper .form__block .is-success .form-control, .payment__wrapper .form__block .is-sucess .form-control { border-color: #90af5f; }
 .payment__wrapper .form__block .is-success .icon, .payment__wrapper .form__block .is-sucess .icon { position: absolute; top: 13px; right: 10px; color: #0fa848; }
.payment__wrapper .form__block .dob_calendar { position: absolute; right: 11px; top: 6px; font-size: 25px; color: #fc5a4c; pointer-events: none; cursor: pointer; }
.payment__wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.payment__wrapper .bottom_text { font-size: 13px; padding: 20px 0; color: #6b6b6b; line-height: 21px; }
 .payment__wrapper .bottom_text p a { color: #fddb32; text-decoration: none; }
 .payment__wrapper .bottom_text label { float: left; }
.payment__wrapper input.cc-number.visa { background: url(../../images/payment/visa.png) 99% center no-repeat; }
.payment__wrapper input.cc-number.amex { background: url(../../images/payment/american.png) 99% center no-repeat; }
.payment__wrapper input.cc-number.discover { background: url(../../images/payment/discover.png) 99% center no-repeat; }
.payment__wrapper input.cc-number.mastercard { background: url(../../images/payment/master.png) 99% center no-repeat; }
/*payment wrapper end*/
.payment__top { padding: 15px 0 20px 0; }
 .payment__top .go__back { color: #333; font-weight: 600; text-decoration: none; }
  .payment__top .go__back i { font-size: 16px; font-weight: 700; margin-right: 3px; }
  .payment__top .go__back:hover { text-decoration: none; color: #fddb32; }
 .payment__top .secure__Box { list-style: none; display: flex; align-items: center; justify-content: space-between; }
  .payment__top .secure__Box li { padding-left: 43px; position: relative; line-height: 17px; }
   .payment__top .secure__Box li i { position: absolute; left: 0px; top: -3px; font-size: 28px; color: #fddb32; }
.mobile_go_back { position: absolute; left: 0px; top: 0px; background: #fff; width: 45px; height: 42px; margin: 0px; line-height: 38px; text-align: center; font-size: 20px; border-right: 1px solid #ccc; }
.form-group { margin-bottom: 10px; }
.formlabel { margin-bottom: 0.5rem; font-weight: 500; }

@media (max-width: 767px) {
 .form-group { margin-bottom: 0px; }
 .formlabel { margin-top: 12px; margin-bottom: 3px; }
 .payment__top { padding: 10px 0 0 0px; }
}
/*DOB Calendar*/
/*Loader Start*/
.page_loading { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.4); }
 .page_loading .loading_block { background: #fff; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); padding: 30px; border-radius: 10px; }
 .page_loading .loading-icon { background: url(../../images/icons/flights-blue.svg) no-repeat center center; width: 94px; height: 94px; line-height: 90px; border-radius: 50%; margin: 0 auto; position: relative; }
 .page_loading .loading-circle { border: 3px solid #dddddd; border-radius: 50%; border-top: 5px solid #fddb32; width: 90px; height: 90px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; border-width: 5px; }
 .page_loading p { margin: 0px; padding: 0px; line-height: 25px; }

@-webkit-keyframes spin {
 0% { -webkit-transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}

.dot span { font-size: 50px; animation-name: blink; animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both; }
 .dot span:nth-child(2) { animation-delay: 0.2s; }
 .dot span:nth-child(3) { animation-delay: 0.4s; }

@keyframes blink {
 0% { opacity: 0.2; }
 20% { opacity: 1; }
 100% { opacity: 0.2; }
}
/*Loader End*/
.review_policy { border: 1px solid #4dc0ff; padding: 13px 12px 12px 37px; font-size: 14px; line-height: 25px; }
 .review_policy i { position: absolute; left: 10px; top: 16px; font-size: 18px; }

/**/
/* FOR SEPERATE INPUTS */
.date-input-container { border: 1px solid #ccc; display: inline-block; padding: 13px; width: 100%; }
 .date-input-container input { border: 0; outline: 0; text-align: center; width: 35px; }
  .date-input-container input.day, .date-input-container input.month { margin-right: 0px; }
  .date-input-container input.year { width: 40px; }
.cong span { color: #fddb32; font-weight: 700; }
.subTittile { font-weight: 500; color: #333; }
.paymentCard { display: flex; align-items: center; justify-content: end; margin-top: 32px; }
#error_TermCondition { color: red; padding-left: 26px; }
.data { width: 100%; }
 .data th, .data td { padding: 9px; border: 1px solid #e3e3e3; }
.print_button { background: #fddb32; padding: 7px 14px; display: inline-block; text-decoration: none; border-radius: 3px; color: #fff; }
 .print_button i { margin-right: 5px; position: relative; top: -2px; }
 .print_button:hover { text-decoration: none; color: #fff; background: #fc5a4c; }

/*Print media css start here*/
@media print {
 a[href]:after { content: none; }
 .print_itinerary, .print_button, .footer__linkBox, .noprint { display: none; }
 .full-col { width: 100%; flex: 0 0 100%; max-width: 100%; }
}

@page { size: auto; margin: 2mm; page-break-inside: inherit; -webkit-print-color-adjust: exact !important; }
/*Print end */
#footerCntr { background: #eff3f7; color: #2d3553; }
    #footerCntr .footer__linkBox {
        width: 100%;
        padding: 55px 0 20px 0;
        background: #0E111D;
        color:#fff;
    }
  #footerCntr .footer__linkBox h4 { font-size: 20px; color: #fff; margin-bottom: 20px; position: relative; }
  #footerCntr .footer__linkBox ul { list-style: none; margin: 0px; padding: 0px; overflow: hidden; }
   #footerCntr .footer__linkBox ul li { display: block; /*width: 50%; float: left;*/ padding-right: 15px; }
    #footerCntr .footer__linkBox ul li a { font-size: 14px; color: #fff; line-height: 28px; text-decoration: none; cursor: pointer; }
     #footerCntr .footer__linkBox ul li a:hover { color: #fddb32; }
  #footerCntr .footer__linkBox .footer__call { font-size: 25px; color: #202020; display: inline-block; border-bottom: 1px solid #c9c9c9; padding: 40px 0 9px 0; margin-bottom: 9px; }
   #footerCntr .footer__linkBox .footer__call a { font-size: 27px; color: #2d3553; font-weight: 700; text-decoration: none; line-height: 46px; }
  #footerCntr .footer__linkBox .email { display: inline-block; font-size: 14px; color: #fff; text-decoration: none; /*white-space: nowrap;*/ }
   #footerCntr .footer__linkBox .email.f-20 { font-size: 22px; font-weight: 700; color:#fff;}
   #footerCntr .footer__linkBox .email .icon { margin-right: 7px; font-size: 20px; color: #fff; }
   #footerCntr .footer__linkBox .email:hover { color: #fddb32; }
 #footerCntr .footer__logoBox { padding: 20px 0; overflow: hidden; background: #ffffff; }
.bgCopyright {    padding-bottom: 20px;}
.client-logos { display: flex; gap: 20px; justify-content: center; margin: 0; list-style: none; padding: 0; }
 .client-logos li a { width: 130px; height: 45px; display: block; background: url(/images/footer/footer-logo.png) no-repeat; background-size: 100%; }
  .client-logos li a.asta { background-position: 0 -108px; }
  .client-logos li a.turst { background-position: 0 4px; }
  .client-logos li a.clia { background-position: 0 -150px; }
  .client-logos li a.digi { background-position: 0 -196px; }
  .client-logos li a.goddy { background-position: 0 -243px; }
#footerCntr .footer__logoBox .clients_logo { display: flex; padding: 0; margin: 0; list-style: none; }
 #footerCntr .footer__logoBox .clients_logo li { padding-right: 10px; }
  #footerCntr .footer__logoBox .clients_logo li img { max-width: 100%; }
#footerCntr .footer__logoBox .card_icons { width: 100%; }
#footerCntr .footer__logoBox .footer_logo { margin: 0px; padding: 0px; display: flex; align-items: center; }
 #footerCntr .footer__logoBox .footer_logo li { display: inline-block; padding: 0 10px; vertical-align: middle; }
#footerCntr .footer__copyrightBox { padding: 25px 0; font-size: 16px; color: #2d3553; overflow: hidden; }
 #footerCntr .footer__copyrightBox p { margin: 0px; }
 #footerCntr .footer__copyrightBox .social__icons { margin: 0px; list-style: none; padding: 0px; float: right; }
  #footerCntr .footer__copyrightBox .social__icons li { padding: 0px 10px; display: inline-block; }
   #footerCntr .footer__copyrightBox .social__icons li a { color: #2d3553; text-decoration: none; }
    #footerCntr .footer__copyrightBox .social__icons li a:hover { color: #fddb32; }
#footerCntr .disclaimerBox { padding: 25px 0; font-size: 13px; line-height: 25px; }
/*footer Media start*/
@media (max-width: 1199px) {
 #footerCntr .footer__linkBox ul li a { font-size: 14px; }
 #footerCntr .footer__linkBox .footer__call a { font-size: 25px; }
 #footerCntr .footer__linkBox .email { font-size: 14px; }
}

@media (max-width: 1023px) {
 #footerCntr .hide-tablet { display: none; }
}

@media (max-width: 767px) {
 #footerCntr .footer__linkBox ul { border-bottom: 1px dashed #c1c1c1; padding-bottom: 15px; }
 #footerCntr .footer__linkBox img { display: block; }
 #footerCntr .footer__linkBox { padding: 20px 0 0 0; }
  #footerCntr .footer__linkBox .footer__call { padding-top: 20px; display: block; }
 #footerCntr .footer__logoBox { padding: 10px 0; }
 #footerCntr .footer__linkBox ul li { width: 50%; float: left; }
 .client-logos { flex-wrap: wrap; grid-gap: 5px; }
 #footerCntr .footer__logoBox .card_icons { display: block; margin: 10px auto; width: 260px; }
 #footerCntr .footer__logoBox .footer_logo { display: block; padding-bottom: 12px; border-bottom: 1px dashed #ccc; text-align: center; }
  #footerCntr .footer__logoBox .footer_logo li { margin-bottom: 10px; display: block; }
 #footerCntr .footer__copyrightBox { padding: 15px 0; font-size: 13px; }
  #footerCntr .footer__copyrightBox .social__icons { margin-top: 10px; text-align: center; float: none; }
  #footerCntr .footer__copyrightBox p { padding-bottom: 10px; border-bottom: 1px dashed #ccc; text-align: center; }
 #footerCntr .disclaimerBox { padding: 0px; font-size: 12px; line-height: 20px; }
 #footerCntr .hide-tablet { display: block; }
 #footerCntr .mobile-bg { padding: 15px; }
}

/*footer Media end*/


.currencyBox { margin: 18px 10px 20px 20px; float: right; position: relative; display: block; }

@media (max-width: 1023px) {
 .currencyBox { margin: 16px 10px 20px 20px; }
}

@media (max-width: 767px) {
 .currencyBox { margin: 8px 10px 5px 7px; }
}

.currencyBox ul { top: 35px; position: absolute; padding: 0px; list-style: none; margin: 0px; width: 235px; background: #ffffff; right: -10px; box-shadow: 0 3px 6px #ccc; z-index: 5; }

 .currencyBox ul li { border-bottom: 1px dashed #ccc; }

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

  .currencyBox ul li a { padding: 5px; display: flex; text-decoration: none; color: #333; align-items: center; justify-content: space-between; }

   .currencyBox ul li a .sprte { width: 30px; height: 30px; display: block; float: left; margin-right: 8px; background: url(../../images/sprite.png) no-repeat 0 0; }

    .currencyBox ul li a .sprte.aed { background-position: 0px -208px; }

    .currencyBox ul li a .sprte.aud { background-position: 0px 0px; }

    .currencyBox ul li a .sprte.gbp { background-position: 0px -40px; }

    .currencyBox ul li a .sprte.sar { background-position: 0px -125px; }

    .currencyBox ul li a .sprte.usd { background-position: 0px -168px; }

    .currencyBox ul li a .sprte.inr { background-position: 0px -84px; }

    .currencyBox ul li a .sprte.cad { background-position: 0px -248px; }

   .currencyBox ul li a .name_currency { display: inline-block; padding-top: 5px; }

   .currencyBox ul li a .side_curency { background: #f0f0f0; display: block; color: #5b6270; padding: 2px; width: 45px; text-align: center; border-radius: 24px; }

.currencyBox .currencyClick { cursor: pointer; font-size: 16px; color: #202020; }

@media (max-width: 1023px) {
 .currencyBox .currencyClick { font-size: 14px; }
}

/*About section*/
.contentBox { width: 100%; padding: 25px 0; clear: both; }

@media (max-width: 1023px) {
 .contentBox { padding: 20px 0; }
}

.contentBox p { font-size: 14px; color: #202020; line-height: 28px; }

@media (max-width: 767px) {
 .contentBox p { font-size: 13px; line-height: 22px; }
}

.contentBox .list,
.contentBox ul { list-style: none; font-weight: 300; overflow: hidden; padding: 0 2px; }

@media (max-width: 767px) {
 .contentBox .list,
 .contentBox ul { margin: 0px; }
}

.contentBox .list li,
.contentBox ul li { margin-bottom: 5px; padding-left: 20px; padding-right: 10px; position: relative; font-size: 14px; color: #202020; }

@media (max-width: 767px) {
 .contentBox .list li,
 .contentBox ul li { width: 100%; margin-right: 0px; }
}

.contentBox .list li:before,
.contentBox ul li:before {
    position: absolute;
    left: 0px;
    top: 2px;
    content: "\f26b";
    color: #012352;
    font-family: bootstrap-icons !important;
}

.contentBox .list.w_50,
.contentBox ul.w_50 { overflow: hidden; }

 .contentBox .list.w_50 li,
 .contentBox ul.w_50 li { width: 50%; float: left; }

@media (max-width: 767px) {
 .contentBox .list.w_50 li,
 .contentBox ul.w_50 li { width: 100%; }
}

@media (max-width: 767px) {
 .contentBox img { border-radius: 5px; }
}

@media (max-width: 767px) {
 .contentBox .page__title strong { display: inline-block; }
}

.contentBox h1 { font-size: 32px; color: #303030; margin-bottom: 26px; position: relative; font-weight: 300; }

@media (max-width: 1023px) {
 .contentBox h1 { font-size: 25px; }
}

@media (max-width: 767px) {
 .contentBox h1 { font-size: 20px; margin-bottom: 10px; }
}

.contentBox h1 strong { font-weight: 600; position: relative; }

@media (max-width: 767px) {
 .contentBox h1 strong { display: block; }
}

.contentBox h1 strong:after { content: ""; width: 36px; height: 2px; display: inline-block; position: absolute; left: 0px; bottom: -4px; background: #fddb32; }

/*bullet*/
.contentBox .list.bullet li { line-height: 25px; }

 .contentBox .list.bullet li:before { position: absolute; left: 5px; top: 8px; content: ""; background-color: #4863db; display: block; width: 6px; height: 6px; border-radius: 100%; }

/*other_popularBox*/
.other_popularBox { border-top: 1px dashed #ccc; padding: 20px 0 50px 0; }

 .other_popularBox h3 { padding-bottom: 10px; font-size: 21px; font-weight: 600; }

 .other_popularBox .slick-list { margin: 0 -7px; }

 .other_popularBox .items { padding: 0 7px; }

  .other_popularBox .items img { width: 100%; }

  .other_popularBox .items span { margin-top: 5px; display: block; color: #303030; }

  .other_popularBox .items i { position: relative; top: -1px; margin-left: 3px; }

  .other_popularBox .items:hover a { text-decoration: none; }

   .other_popularBox .items:hover a span { color: #fddb32; }

  .other_popularBox .items a { display: block; }

.content_image { padding: 0 20px 20px 0; width: 423px; }

@media (max-width: 767px) {
 .content_image { padding-right: 0px; width: 100%; }
}

.contentsubTitle { font-size: 1.3rem; }

@media (max-width: 767px) {
 .contentsubTitle { font-size: 19px; }
}

/*A*/
.static_title { /* background: #043770;
background: linear-gradient(90deg, #043770 0%, rgb(255, 65, 118) 100%);*/ background-size: cover; background-position: center top; background-repeat: no-repeat; height: 216px; color: #fff; padding: 26px; position: relative; }


@media (max-width: 1023px) {
 .static_title { height: 80px; }
}

.static_title h1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.contentBox h3 { font-size: 20px; padding: 10px 0; font-weight: 600; }
/*A*/
/*Banner Box content*/
.contentBannerCntr { height: 400px; }

/*Contact form */
.contact__formBox { padding: 35px; color: #000000; margin-top: 20px; position: relative; /*Enquiry form Start*/ /*Enquiry form end*/ }

    
 


        @media (max-width: 1023px) {
            .contact__formBox {
                padding: 20px;
            }
        }

        .contact__formBox .seprator { padding-right: 40px; margin-right: 40px; border-right: 1px solid rgba(255, 255, 255, 0.6); }

@media (max-width: 1023px) {
 .contact__formBox .seprator { padding-right: 10px; margin-right: 0px; }
}

@media (max-width: 767px) {
 .contact__formBox .seprator { padding-right: 0px; border-right: 0px; padding-bottom: 15px; }
}

.contact__formBox h3 { font-weight: 600; color: #000000; margin-bottom: 10px; text-align: center; }

.contact__formBox .contct-form-cont {
    border: 1px dashed #8d8888;
    border-radius: 8px;
    padding: 10px;
}
.contact__formBox .contct-form-cont p {
    text-align: center;
}

.contact-img{
    padding-top:20px
}

.contact__formBox p {
    font-size: 16px;
    line-height: 25px;
}

.contact__formBox .textarea { width: 100%; margin-bottom: 15px; border-radius: 0.25rem; padding: 10px; }

.contact__formBox .input_set { position: relative; margin-bottom: 10px; }

 .contact__formBox .input_set input[type="text"],
 .contact__formBox .input_set input[type="email"] { padding: 10px 15px; height: 44px; }

 .contact__formBox .input_set .star { position: absolute; left: 8px; top: 13px; color: red; }

.contact__formBox input[type="text"]:focus ~ .star,
.contact__formBox input[type="email"]:focus ~ .star { visibility: hidden; }

.contact__formBox .button { width: 50%; border: none; padding: 11px; margin-top: 4px; border-radius: 5px; font-size: 16px; cursor: pointer; background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); }

 .contact__formBox .button.enqsubmit_button { padding: 15px 20px; width: 100%; }

.contact__formBox.enquiry_form { margin: 0px 0 20px 0; }

 .contact__formBox.enquiry_form .pl-left { padding-left: 42px !important; }

 .contact__formBox.enquiry_form .seprator { min-height: 300px; margin-right: 20px; }

@media (max-width: 1023px) {
 .contact__formBox.enquiry_form .seprator { margin-right: 0px; padding-right: 10px; }
}

@media (max-width: 767px) {
 .contact__formBox.enquiry_form .seprator { min-height: auto; }
}

.contact__formBox.enquiry_form .icons { color: #fddb32; position: absolute; left: 13px; top: 3px; display: block; pointer-events: none; font-size: 20px; }

.contact__formBox.enquiry_form .list-point { list-style: none; }

 .contact__formBox.enquiry_form .list-point li { position: relative; margin-bottom: 10px; padding-left: 23px; }

  .contact__formBox.enquiry_form .list-point li:before { content: ""; width: 5px; height: 5px; background: #fff; display: block; position: absolute; left: 4px; top: 9px; border-radius: 100%; }

.contact__formBox.enquiry_form .dates { background: #fff; margin-bottom: 10px; border: 1px solid #ced4da; border-radius: 0.25rem; }

 .contact__formBox.enquiry_form .dates .input_set { margin-bottom: 0px; border: none; }

  .contact__formBox.enquiry_form .dates .input_set .form-control { border: none; cursor: pointer; }

   .contact__formBox.enquiry_form .dates .input_set .form-control:disabled,
   .contact__formBox.enquiry_form .dates .input_set .form-control[readonly] { background: #fff; }

.contact__formBox.enquiry_form .tab_box { list-style: none; overflow: hidden; }

 .contact__formBox.enquiry_form .tab_box li { float: left; padding-right: 15px; }

  .contact__formBox.enquiry_form .tab_box li label { color: #c7d0ff; margin-bottom: 5px; }

   .contact__formBox.enquiry_form
   .tab_box
   li
   label
   input[type="radio"] ~ span::after { border-color: #aebcff; }

   .contact__formBox.enquiry_form
   .tab_box
   li
   label
   input[type="radio"]:checked ~ span::before { background: #fff; }

   .contact__formBox.enquiry_form
   .tab_box
   li
   label
   input[type="radio"]:checked ~ span { color: #fff; }

    .contact__formBox.enquiry_form
    .tab_box
    li
    label
    input[type="radio"]:checked ~ span::after { border-color: #fff; }

.contact__formBox.enquiry_form .input_block { height: 44px; background: #fff; margin-bottom: 10px; border: 1px solid #ced4da; border-radius: 0.25rem; overflow: hidden; font-size: 1rem; color: #202020; padding: 6px 11px 9px 15px; display: flex; align-items: center; justify-content: space-between; }

 .contact__formBox.enquiry_form .input_block .right_count { width: 45%; border-left: 1px solid #ccc; padding: 0 10px 0 20px; display: flex; align-items: center; justify-content: space-between; font-size: 17px; }

 .contact__formBox.enquiry_form .input_block .left_side { display: flex; align-items: center; }

 .contact__formBox.enquiry_form .input_block .hotel_icon { background: url(../../images/icons/hotel.svg) left top no-repeat; width: 25px; height: 17px; display: inline-block; margin-right: 5px; }

 .contact__formBox.enquiry_form .input_block .minus-icon,
 .contact__formBox.enquiry_form .input_block .plus-icon { cursor: pointer; margin: 0px; font-size: 24px; line-height: 24px; color: #828181; }

  .contact__formBox.enquiry_form .input_block .minus-icon:hover,
  .contact__formBox.enquiry_form .input_block .plus-icon:hover { color: #fddb32; }

  .contact__formBox.enquiry_form .input_block .minus-icon.disabled,
  .contact__formBox.enquiry_form .input_block .plus-icon.disabled { cursor: default; }

   .contact__formBox.enquiry_form .input_block .minus-icon.disabled:hover,
   .contact__formBox.enquiry_form .input_block .plus-icon.disabled:hover { color: #828181; }

 .contact__formBox.enquiry_form .input_block .bi::before { margin-top: 0px; }

 .contact__formBox.enquiry_form .input_block .guest-icon { font-size: 27px; line-height: 20px; color: #fddb32; margin-right: 5px; }

.contact__formBox.enquiry_form .select-class { cursor: pointer; overflow: hidden; position: relative; }

 .contact__formBox.enquiry_form .select-class:before { content: "\f107"; font-family: fontawesome; font-size: 23px; color: #333; font-weight: 700; position: absolute; right: 1px; top: 1px; pointer-events: none; padding: 7px 10px 0 0; background: #fff; }

 .contact__formBox.enquiry_form .select-class .form-control { height: auto; padding: 10px 27px; }

.contact__formBox.enquiry_form .watch-icon { position: absolute; left: 7px; top: 6px; color: #fddb32; font-size: 18px; }

/**/
.enquiry_form .label_name { display: none; }

.enquiry_form .inputField { width: 100%; border-radius: 0.25rem; border: none; padding-left: 40px !important; background: #fff; }

.seprator .page__title { color: #fff; }

.enquiry_form .error { color: #f2ff84; margin: 5px 0; }

.enquiry_form .angucomplete-dropdown { width: 100%; left: 0px; margin: 0px; }

@media (max-width: 767px) {
 .enquiry_form .angucomplete-dropdown { min-height: 250px; }
   
    }

/**/
.contactBox { padding-top: 30px; padding-bottom: 30px; }

 .contactBox .contact { box-shadow: 0 2px 9px rgba(204, 204, 204, 0.8); padding: 15px; margin: 20px 0; border-radius: 5px; }

  .contactBox .contact .page__title { margin-bottom: 10px; font-size: 20px; }

  .contactBox .contact a { color: #333; text-decoration: none; }

  .contactBox .contact i { margin-right: 10px; }

.contact .icon { position: absolute; left: 0px; width: 40px; height: 40px; border: 1px solid #ffb4ba; border-radius: 100%; display: inline-block; font-size: 20px; color: #fb3d4e; text-align: center; line-height: 42px; }

.contact p { padding: 10px 0px 0px 50px; position: relative; font-size: 16px; }

.contact .phone { color: #fddb32; font-size: 25px; font-weight: 700; text-decoration: none; }

.contact .email { color: #202020; display: inline-block; margin-top: 7px; text-decoration: none; }

/* Profile menu login*/
.content_list { padding: 0px; }

.loginBar { float: right; }

 .loginBar .topmenuBox { float: right; padding-right: 7px; }

  .loginBar .topmenuBox ul { list-style: none; }

   .loginBar .topmenuBox ul li.loginDropdown { position: relative; }

   .loginBar .topmenuBox ul li { float: left; padding: 0; }

    .loginBar .topmenuBox ul li a { color: #535353; font-size: 14px; padding: 13px 0 14px; display: block; }

     .loginBar .topmenuBox ul li a.login { display: flex; line-height: 20px; font-size: 16px; color: #202020; text-decoration: none; background: url(/images/profile/icon-login.webp) left top no-repeat; text-transform: capitalize; background-position: 0px 17px; padding: 18px 0 0 30px; }

      .loginBar .topmenuBox ul li a.login:hover { color: #fddb32; }

@media (max-width: 767px) {
 .loginBar .topmenuBox ul li a.login { margin-top: -10px; font-size: 13px; }
}

.short_name { position: absolute; left: -3px; top: 16px; background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); width: 24px; height: 24px; text-transform: uppercase; border-radius: 100%; text-align: center; line-height: 24px; color: #fff; }

@media (max-width: 767px) {
 .short_name { top: 5px; }
}

.displayusername { text-transform: capitalize; }

.loginBar .topmenuBox ul li.loginDropdown ul.loginMenu { margin: 0; padding: 0 15px 1px; display: none; width: 220px; position: absolute; right: -4px; left: inherit; top: 48px; border: 1px solid #ccc; z-index: 8; border-top: none; background: #fff; text-align: left; box-shadow: 1px 0 4px -1px rgba(18, 28, 11, 0.41); }

.loginBar .topmenuBox ul li.loginDropdown ul { list-style: none; position: absolute; left: 0; top: 43px; margin: 0; padding: 10px; background: #fff; border: none; }

 .loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li { padding: 0; display: block; float: none; position: relative; border-bottom: 1px dashed #ccc; margin: 0; }

  .loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li:last-child { border-bottom: none; }

.loginBar .welcomename-mobile { position: relative; z-index: 1; }

.loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a { padding: 13px 20px 13px 30px; display: block; font-size: 15px; color: #535353; position: relative; z-index: 1; text-decoration: none; cursor: pointer; }

 .loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a:before { position: absolute; left: 0; width: 22px; height: 19px; display: block; content: ""; background: url(/images/profile/profile-icons.webp) left -416px no-repeat; }


 .loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a.signout:before { height: 22px; background-position: 0 -580px; }


 .loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a:hover { color: #fc5a4c; }

/* User Login*/
.login_popup { background-color: rgba(0, 0, 0, 0.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none; overflow-y: auto; }

 .login_popup .center-block { width: 100%; height: 100%; z-index: 1001; display: table; table-layout: fixed; }

 .login_popup .outer { display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 40px 0; }

 .login_popup .inner { max-width: 500px; z-index: 7; margin: 0 auto; background: #fff; border-radius: 10px; overflow: hidden; }



@media (max-width: 767px) {
 .login_popup .inner { max-width: 95%; }
}

.login_popup .loginBox { overflow: hidden; position: relative; display: flex; align-items: stretch; flex-flow: row wrap; }

 .login_popup .loginBox .close { font-size: 20px; position: absolute; right: 0px; top: 0px; color: #fc5a4c; font-weight: 400; text-shadow: none; text-decoration: none; padding: 12px 15px; opacity: 1; }

 .login_popup .loginBox .left { width: 100%; overflow: hidden; padding: 30px 30px; }


 .login_popup .loginBox h3 { font-size: 18px; margin: 0 0 15px; font-weight: 700; }

.content_list li { padding: 0 0 0 22px; margin: 4px 0; position: relative; display: block; }

 .content_list li:before { content: ""; position: absolute; left: 4px; top: 7px; width: 8px; height: 8px; display: block; border: 2px solid #4d4d74; border-radius: 100%; }

.login_popup .loginBox .form-row { margin-top: 12px; position: relative; width: 100%; float: left; }

.login_popup .loginBox .textbox { padding: 10px 12px 10px 40px; font-size: 14px; color: #797979; width: 100%; border: 1px solid #b7b7b7; }

.login_popup .loginBox .form-row .icon { width: 30px; text-align: center; font-size: 24px; position: absolute; left: 5px; top: 5px; color: #1668e3; }

.login_popup .error_text,
.login_popup .error { color: #dc3545; margin-top: 4px; font-size: 13px; background: #fff !important; }

.login_popup .loginBox .button { background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); padding: 11px 43px; font-size: 16px; color: #fff; float: left; cursor: pointer; border: none; border-radius: 6px; position: relative; }

.button_loding_div { background: inherit; position: absolute; left: 0; top: 0; width: 100%; height: 44px; padding: 13px 0 15px 30px; font-size: 15px; text-transform: capitalize; font-weight: 400; display: block; }

 .button_loding_div .button_loader { border: 3px solid #f3f3f3; border-top: 3px solid #605e85; border-radius: 50%; width: 28px; height: 28px; animation: spin 2s linear infinite; position: absolute; top: 8px; left: 7px; }

.login_popup .loginBox .register { margin: 0; font-size: 14px; color: #535353; }

.login_popup .loginBox .forgot { font-size: 14px; color: #fc5a4c; text-decoration: none; float: right; }

.login_popup .text-ornage { color: #fc5a4c; }

.login_popup .loginBox .right { padding: 30px 30px 50px 30px; border-top: 1px dashed #ccc; width: 100%; overflow: hidden; text-align: center; }



.ortext { padding: 0px 0 20px; text-align: center; font-size: 15px; color: #626262; line-height: 26px; }



.login_popup .loginBox .facebook { text-align: center; padding: 8px 40px 8px 56px; display: block; font-size: 15px; color: #fff !important; position: relative; text-decoration: none; background: #3753a6; border: none; border-radius: 2px; cursor: pointer; width: 100%; }

 .login_popup .loginBox .facebook:before { width: 45px; height: 100%; line-height: 40px; border-right: 1px solid #26408d; position: absolute; left: 0; top: 0; text-align: center; font-size: 20px; font-family: bootstrap-icons; content: "\f344"; }

.login_popup .loginBox .google_login { margin: 15px 0 0; color: #dc3545 !important; background: #fff; border: none; width: 100%; }

.g-signin2 { float: left; margin-left: 11px; }

.login_popup .loginBox .abcRioButtonLightBlue { width: 100% !important; }

.abcRioButton { border-radius: 1px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); box-sizing: border-box; transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s; background-color: #fff; background-image: none; color: #262626; cursor: pointer; outline: none; overflow: hidden; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; width: auto; border: 1px solid #dc3545; color: #dc3545 !important; }

.abcRioButtonContentWrapper { height: 100%; width: 100%; }

.abcRioButtonIcon { float: left; }

.abcRioButtonIcon { border-right: 1px solid #dc3545; }

.abcRioButtonContents { font-family: Roboto, arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.21px; margin-left: 6px; margin-right: 6px; vertical-align: top; }

.login_popup .loginBox .button.grayBtn { background: #ececec; margin-left: 8px; color: #535353; }

.sucessfull_message { position: absolute; right: 18px; top: 30px; background: #d4edda; padding: 15px; border: 2px solid #3c763d; border-radius: 2px; z-index: 9; }

/* User Profile Dasboard Css start*/
#profileCntr { padding: 20px 0; width: 100%; background: #f5f5f5; }

 #profileCntr .leftCntr { width: 210px; float: left; background: #181d21; border-radius: 10px; overflow: hidden; box-shadow: 0 0 6px #00000029; }

@media (max-width: 1199px) {
 #profileCntr .leftCntr { width: 100%; margin-bottom: 10px; margin-top: -10px; }
}

.profile_imageBlock { padding: 20px 18px; overflow: hidden; text-align: center; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); }

@media (max-width: 1199px) {
 .profile_imageBlock { width: auto; float: none; padding: 10px 21px; margin: -10px -20px 0; }
}

.profile_imageBlock .name_col { float: left; padding-left: 10px; }

.profile_imageBlock .image { width: 71px; height: 71px; margin: 0 auto; background: #fff; border-radius: 100%; }

@media (max-width: 1199px) {
 .profile_imageBlock .image { width: 50px; height: 50px; float: left; }
}

.profile_imageBlock .image span.changeColor { font-size: 32px; color: #3a3939; font-weight: 700; display: block; line-height: 70px; text-align: center; }

@media (max-width: 1199px) {
 .profile_imageBlock .image span.changeColor { font-size: 21px; line-height: 50px; }
}

.profile_imageBlock .name { padding-top: 10px; font-size: 16px; color: #fff; }

@media (max-width: 1199px) {
 .profile_imageBlock .name { text-align: left; padding: 0px; }
}

.profile_imageBlock .small { padding-top: 5px; display: block; font-size: 12px; color: rgba(255, 255, 255, 0.8); font-style: italic; }

.leftMenu { width: 100%; overflow: hidden; }

@media (max-width: 1199px) {
 .leftMenu { display: none; }
}

.leftMenu ul { margin: 0; padding: 0 0 30px; list-style: none; }

 .leftMenu ul li { display: block; height: 55px; position: relative; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); }

  .leftMenu ul li a.active { color: #fc5a4c; background: #fff; font-weight: 500; }

  .leftMenu ul li a { padding: 17px 20px 17px 70px; display: block; font-size: 15px; color: #fff; position: relative; z-index: 1; text-decoration: none; }

   .leftMenu ul li a.active:before { background-position: 0 -200px; }

   .leftMenu ul li a:before { position: absolute; left: 30px; width: 22px; height: 19px; display: block; content: ""; background: url(/images/profile/profile-icons.png) left top no-repeat; }

   .leftMenu ul li a.myinformation:before { background-position: 0 -97px; }

   .leftMenu ul li a.reward:before { height: 25px; background-position: 0 -29px; }

   .leftMenu ul li a.deal:before { height: 17px; background-position: 0 -66px; }

   .leftMenu ul li a.signout:before { height: 22px; background-position: 0 -164px; }

#profileCntr .rightCntr { padding-left: 25px; width: calc(100% - 210px); float: left; }

@media (max-width: 1199px) {
 #profileCntr .rightCntr { width: 100%; padding: 0px; }
}

.tabBox { width: 100%; overflow: hidden; position: relative; }

 .tabBox ul { margin: 0; padding: 0 0 12px; list-style: none; position: relative; z-index: 1; }

  .tabBox ul li { padding: 0 10px 0 0; float: left; }

   .tabBox ul li a.active { color: #fff; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); }

   .tabBox ul li a { padding: 10px 20px; display: block; font-size: 13px; color: #333; font-weight: 600; border: 1px solid #fc5a4c; text-decoration: none; background: #fff; border-radius: 5px; }

@media (max-width: 767px) {
 .tabBox ul li a { padding: 8px 15px; }
}

.tabBox ul li a:hover { background: #fc5a4c; color: #fff; }

.tabContent,
.tabContent2 { padding: 25px 0 0; width: 100%; }

.formBox { padding: 15px; margin-bottom: 20px; width: 100%; overflow: hidden; background: #fff; box-shadow: 0 0 6px #00000029; border-radius: 15px; }

 .formBox .title { padding-bottom: 25px; }

 .formBox [class*="col"] { padding-left: 10px; padding-right: 10px; }

 .formBox .title h2 { margin: 0; font-size: 20px; color: #4f4f50; display: inline-block; }

 .formBox .title .edit { padding: 7px 18px; font-size: 14px; color: #4f8ffc; position: relative; cursor: pointer; border-radius: 20px; border: 1px solid #4f8ffc; min-width: 90px; font-weight: 600; text-decoration: none; float: right; display: inline-flex; align-items: center; gap: 5px; }

 .formBox .form-group { padding-bottom: 10px; }

  .formBox .form-group .lable { padding-bottom: 6px; }

.star { color: red; }

.formBox .textbox { padding: 8px 12px 7px; font-size: 14px; color: #333; font-weight: 500; width: 100%; border: 1px solid #b7b7b7; border-radius: 0; box-shadow: none; resize: none; }

.error_text { color: #f54336; font-size: 13px; padding-top: 5px; }

.formBox .button { padding: 10px 30px; font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 500; cursor: pointer; border: none; background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); border-radius: 6px; position: relative; }

.button_loding_div { background: inherit; position: absolute; left: 0; top: 0; width: 100%; height: 48px; padding: 13px 0 15px 30px; font-size: 15px; text-transform: capitalize; font-weight: 400; display: block; border-radius: 3px; }

 .button_loding_div .button_loader.blnk { left: 37%; transform: translateX(-50%); }

.formBox .button.grayBtn { background: #ececec; margin-right: 8px; color: #535353; }

.tabContent p { margin-bottom: 5px; }

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

 .content_detail li { line-height: 25px; font-size: 14px; }

  .content_detail li .label { width: 170px; display: inline-block; padding: 0; }

.formBox .label { font-size: 14px; color: #333; font-weight: 500; display: block; padding-bottom: 6px; }

.tabContent2 h2 { font-size: 21px; padding-bottom: 7px; }

.tabContent2 .table-bordered th { white-space: nowrap; }

.tabContent2 .table-bordered td,
.tabContent2 .table-bordered th { padding: 0.3rem; vertical-align: middle; }

.tabContent2 th { background: #333; font-weight: 600; color: #fff; font-size: 13px; }

.tabContent2 .table-bordered td { font-size: 13px; background: #fff; }

.tabContent2 .table-bordered td,
.tabContent2 .table-bordered th { padding: 0.3rem; vertical-align: middle; }

.bi-airplane { color: #1b75bc; }

.formBox .title .edit:before { font-family: bootstrap-icons; content: "\f4cb"; }

.select_dropdown { position: relative; }

 .select_dropdown:before { content: "\f282"; font-family: bootstrap-icons; font-size: 16px; position: absolute; right: 5px; top: 7px; height: 20px; width: 20px; color: #999; pointer-events: none; }

 .select_dropdown select { padding: 9px 12px 7px; font-size: 14px; color: #797979; width: 100%; border: 1px solid #b7b7b7; background-color: #fff; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; height: 38px; }

#profileCntr .rightCntr h2.main_title { font-size: 24px; }

.travelCouponBox { background: #f6f6f6; margin-top: 20px; margin-bottom: 10px; border-bottom: 1px solid #c0c3ca; width: 100%; float: left; padding-right: 10px; }

 .travelCouponBox .travel-img { position: relative; margin-top: -1px; height: 248px; overflow-x: hidden; margin-bottom: 0; }

 .travelCouponBox .coupon-top { padding-top: 25px; }

 .travelCouponBox h3 { color: #000; font-size: 18px; font-weight: 500; margin-bottom: 14px; }

 .travelCouponBox p { font-size: 15px; color: #5b616f; }

 .travelCouponBox .text-color { color: #fc5a4c; }

 .travelCouponBox .review_tnc { padding: 20px 0; display: block; }

.custom-tooltip { position: relative; display: inline-block; }

.travelCouponBox .learn_more { background: #043770; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); color: #fff; text-decoration: none; font-weight: 500; padding: 10px 20px; display: inline-block; border-radius: 5px; }

 .travelCouponBox .learn_more:hover { color: #fff; }

.travelCouponBox .custom-tooltip .tooltip_detail { width: 430px; left: -183px; top: 43px; }

.custom-tooltip .tooltip_detail { display: none; background: #fff; font-size: 12px; padding: 6px; position: absolute; left: 0; top: 26px; width: 230px; border: 1px solid #94afc6; z-index: 3; white-space: normal; }

.custom-tooltip:hover .tooltip_detail { display: block; }

.center-sec { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#loadingimg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.login-sec .login_popup { position: inherit; background-color: rgba(0, 0, 0, 0); display: block !important; }

 .login-sec .login_popup .loginBox .close { display: none; }

.login-sec { background: rgba(13, 110, 253, 0.25); }

* { margin: 0px; padding: 0px; box-sizing: border-box; outline: none; }

input,
button { font-family: "Poppins", sans-serif; }

focus { outline: none; }

body { font-family: "Poppins", sans-serif; font-size: 14px; }

#mainCntr { overflow: hidden; }

@media (max-width: 1199px) {
 .container { width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 767px) {
 .container { width: 100%; max-width: 100%; padding-left: 6px; padding-right: 6px; }
}

/*# sourceMappingURL=site.css.map */

.affirm-price { position: relative; cursor: pointer; }

 .affirm-price:hover .promo-detail { display: block; cursor: pointer; }

 .affirm-price.tooltip-custom .promo-detail { display: none; position: absolute; color: #000; background: #fff; text-align: center; left: 0; border: 1px solid #e6e6e6; border-radius: 3px; box-shadow: 0 0 3px #c7c7c7; top: 27px; padding: 8px; z-index: 1; }

@media (max-width: 1199px) {
 .affirm-price.tooltip-custom .promo-detail { left: -80px; }
}

@media (max-width: 767px) {
 .affirm-price.tooltip-custom .promo-detail { left: 0; }
}

.tooltip-custom:hover .promo-detail { display: block; font-weight: 400; }

.tooltip-custom .promo-detail { width: 228px; }

.affirm-price.tooltip-custom .promo-detail .affirm-logo { width: 50px; margin-bottom: 5px; }

.affirm-price.tooltip-custom .promo-detail p { font-size: 12px; font-weight: 600; margin: 0; text-align: center; }

.affirm-price.tooltip-custom .promo-detail ul { list-style: none; margin: 0; padding: 0; font-size: 12px; text-align: left; }

 .affirm-price.tooltip-custom .promo-detail ul li { border-bottom: 1px solid #e3e2e2; padding: 4px 6px; list-style: none; }

  .affirm-price.tooltip-custom .promo-detail ul li span { float: right; font-size: 12px; color: #4a4af4; font-weight: 600; }

.result-block
.price-section
.affirm-price.tooltip-custom
.promo-detail::before { right: 39px; left: auto; color: #cacaca; }

.affirm-price.tooltip-custom .promo-detail:after,
.affirm-price.tooltip-custom .promo-detail:before { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -12px; left: 50%; border-bottom: 10px solid #ccc; }

.affirm-price.tooltip-custom .promo-detail:after { border-bottom: 11px solid #fff; z-index: 1; }

@media (max-width: 767px) {
 #dest-view { display: none !important; }
}

.affirm-btn { width: 62px; height: 26px; display: block; margin-left: 0; float: right; background: url(/images/white-affirm-logo.png) left top no-repeat; float: right; margin-top: -8px; }

.freeCancel { position: relative; }

 .freeCancel .tooltipBox ul { padding: 0px 0 0 14px; font-size: 11px; }

 .freeCancel:hover .tooltipBox { opacity: 1; }

.footer_call {
    z-index: 1;
    display: none;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    background: #063970;
    text-align: center;
    padding: 7px 10px;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 -26px 29px #00000029;
}

 .footer_call a { color: #fff; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: space-evenly; position: relative; }

 .footer_call span { display: block; font-size: 12px; color: #333; }

 .footer_call strong { font-size: 30px; color: #fff; font-weight: 800; line-height: 22px; }

 .footer_call .bi-telephone { position: absolute; left: 16px; top: 12px; }

 .footer_call .fcall_icon { width: 42px; }

 .footer_call .icons { background: #fff; width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }

.loadingBox.height_loading { height: 100vh; box-shadow: none; }

 .loadingBox.height_loading .mid__loading { box-shadow: none; height: calc(100vh - 80px); margin: 40px 0; }



@keyframes blink {
 0% { color: #fddb32; }

 40% { color: #3ab54a; }

 60% { color: #1b75bc; }

 80% { color: #fddb32; }

 100% { color: #3ab54a; }
}


/*Uc Call*/
.call_dealpopup { background-color: rgba(0, 0, 0, 0.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow-y: auto; }

 .call_dealpopup .center-block { width: 100%; height: 100%; z-index: 1001; display: table; table-layout: fixed; }

 .call_dealpopup .outer { display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 40px 0; }

 .call_dealpopup .close_callpopup { text-align: center; background: transparent; display: inline-block; cursor: pointer; position: absolute; right: 10px; top: 10px; color: #fff; }

  .call_dealpopup .close_callpopup:hover { color: #fff; }

/* New Liosting Page Pop up start*/
.innerBlock { background: #142042; max-width: 481px; margin: 0px auto; padding: 0px; position: relative; border-radius: 5px; font-size: 15px; }
 .innerBlock .top { height: auto; font-size: 17px; color: #005aab; text-align: center; font-weight: 600; background: url(/Images/promotion_banner/uc_banner.png?788) no-repeat center 0px; display: flex; justify-content: center; padding: 13px 0 228px 0; }
 .innerBlock .timer { font-size: 10px; font-weight: 400; border: 1px solid #ffffff59; padding: 10px; display: flex; justify-content: space-between; color: #fff; opacity: 0.8; }
 .innerBlock .timer-text { text-align: left; padding-right: 15px; font-weight: 500; font-size: 11px; }
 .innerBlock .timer-start { display: block; font-size: 20px; font-weight: 600; line-height: 1; padding-bottom: 5px; }
.timer-count { border-left: 1px solid #f5f5f5; color: #fff; display: flex; grid-gap: 15px; padding: 0 15px; }
 .timer-count img { width: 20px; }
.innerBlock .mid-sec { display: flex; justify-content: space-between; border-bottom: 1px solid #ffffff59; margin: 10px 20px; color: #fff; padding-bottom: 20px; }
 .innerBlock .mid-sec .exl-fare { font-size: 14px; display: flex; flex-direction: column; }
  .innerBlock .mid-sec .exl-fare span { font-size: 25px; font-weight: 600; line-height: 1; padding: 5px 0; }
.innerBlock .call-fare { text-align: right; position: relative; font-size: 11px; }
.innerBlock .text-book img { position: absolute; left: -34px; top: 25px; }
.innerBlock .text-book strong { color: #FFDF76; }
.innerBlock .text-book { font-size: 12px; }
.innerBlock .mid-sec .call-fare .call-off { font-size: 12px; font-weight: 500; }
.innerBlock .mid-sec .call-fare .call-price { font-size: 23px; font-weight: 600; color: #308CF7; line-height: 1; text-decoration: line-through; opacity: 0.9; }

.travl-city { margin: 0 20px; padding-bottom: 10px; }

 .travl-city .city-code { font-size: 32px; line-height: 35px; display: flex; justify-content: space-between; background: url(/Images/icons/flay.svg?1222) no-repeat center; color: #F1C40F; font-weight: 600; background-size: 55%; }

.dist-wit-date .city { font-size: 16px; line-height: 18px; color: #fff; }

.dist-wit-date span { font-size: 14px; }

 .dist-wit-date span b { font-weight: 600; }

.click-call { background: linear-gradient(90deg, rgba(247,125,19,1) 0%, rgba(255,65,118,1) 100%); padding: 5px 8px; display: flex; grid-gap: 15px; color: #fff; text-decoration: none; align-items: center; margin: 0 20px; margin-bottom: 10px; border-radius: 10px; }
 .click-call .call-ico { font-size: 14px; font-weight: 400; display: inline-flex; grid-gap: 10px; align-items: center; padding-right: 10px; }
  .click-call .call-ico .call_t1 { background: #ffffff; height: 50px; width: 50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
   .click-call .call-ico .call_t1 img { width: 67%; }
 .click-call .call-tfn { padding-left: 20px; border-left: 1px solid #ffffff; display: inline-block; font-weight: 600; font-size: 25px; }
 .click-call:hover { color: #fff; }
.fare-note { font-size: 11px; color: #B7AEC2; text-align: center; padding-bottom: 10px; }

@media (max-width: 767px) {
 .innerBlock .top { background-position: left top; }
 .innerBlock { background-size: cover; }
  .innerBlock .timer { padding: 5px; align-items: center; }
  .innerBlock .timer-text { text-align: center; font-size: 12px; }
 .timer-count { padding-top: 5px; }
  .timer-count img { width: 20px; }
 .click-call { grid-gap: 5px; }
 .innerBlock .timer-start { font-size: 18px; padding-bottom: 0px; }
 .click-call .call-tfn { font-size: 24px; line-height: 24px; }
 .call_dealpopup .close_callpopup { top: 10px; right: 10px; }
 .innerBlock .mid-sec .exl-fare span, .innerBlock .mid-sec .call-fare .call-price { font-size: 24px; }
 .innerBlock .mid-sec .exl-fare { font-size: 13px; }
 .innerBlock .mid-sec { margin-bottom: 0px; padding-bottom: 10px; }
 .travl-city .city-code { font-size: 29px; background-size: 57%; margin-top: 7px; }
 .dist-wit-date .city { font-size: 16px; }
 .call_now_text { font-size: 14px; }
 .fare-note { padding: 10px; }
  .fare-note br { display: none; }
}

/* Listing page pop up end*/
.innerBlock .special_tag { text-align: center; margin-bottom: 22px; font-weight: 600; }
.innerBlock .cityname { font-size: 14px; font-weight: 600; }
 .innerBlock .cityname strong { font-size: 30px; display: block; font-weight: 700; line-height: 30px; }
.innerBlock .date_label { font-size: 15px; font-weight: 600; margin-bottom: 6px; }
 .innerBlock .date_label .bi-calendar3 { position: relative; top: 3px; color: #005aab; }
.innerBlock .date_div { position: relative; display: inline-block; }
 .innerBlock .date_div .dd { padding-left: 42px; display: block; }
.innerBlock .dateFormat { position: absolute; left: 0px; top: 0px; font-size: 30px; font-weight: 800; line-height: 30px; }
.innerBlock .triptype { margin-top: 15px; padding: 15px 0; border-top: 1px dashed #ccc; }
.innerBlock .tripLabel { font-weight: 600; }

 .innerBlock .tripLabel span { font-size: 14px; font-weight: 400; display: block; }

.innerBlock .fares_text span { font-size: 12px; }

.innerBlock .price-text { line-height: 30px; font-size: 30px; font-weight: 800; display: block; color: #42cb53; }

.innerBlock .button { display: inline-block; border-radius: 5px; background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); color: #fff; width: 275px; text-align: center; text-decoration: none; padding: 7px 10px; font-size: 17px; font-weight: 600; margin-bottom: 10px; position: relative; }

 .innerBlock .button .bi-telephone { position: absolute; left: 18px; top: 15px; }

 .innerBlock .button:hover { color: #fff; text-decoration: none; }

.innerBlock .logo_tp { padding: 10px 0; }

 .innerBlock .logo_tp img { width: 150px; }

.innerBlock .btm-txt { font-size: 10px; text-align: center; }

.innerBlock.increasefare .font-15 { font-size: 15px; }

.innerBlock.increasefare .buttongroup { padding: 10px 0; }
 .innerBlock.increasefare .buttongroup a { background: linear-gradient( 90deg, #043770 0%, rgb(255, 65, 118) 100% ); box-shadow: none; border: none; padding: 10px; margin: 0px 5px; }
 .innerBlock.increasefare .buttongroup .changeflight { background: #0086ff; }

@media (max-width: 767px) {
 .airport_Code { margin-top: -8px; }
 .footer_call { display: block; }
 .innerBlock { width: 95%; }
}
/*Animation*/
.button-container-1 {
    position: relative;
    width: 148px;
    height: 48px;
    display: block;
    overflow: hidden;
    border: 2px solid #3f97d2;
    font-weight: 600;
    font-size: 16px;
    transition: 0.5s;
    letter-spacing: 1px;
    border-radius: 48px;
}
    .button-container-1 button {
        width: 101%;
        height: 100%;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 1px;
        background: #043770;
/*        background: linear-gradient( 90deg, 0%, rgb(255, 65, 118) 100% );*/
        -webkit-mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
        mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
        -webkit-mask-size: 2300% 100%;
        mask-size: 2300% 100%;
        border: none;
        color: #fff;
        cursor: pointer;
        -webkit-animation: ani2 0.7s steps(22) forwards;
        animation: ani2 0.7s steps(22) forwards;
    }

        .button-container-1 button:hover {
            -webkit-animation: ani 0.7s steps(22) forwards;
            animation: ani 0.7s steps(22) forwards;
            color: #043770 !important;
        }

.mas {
    position: absolute;
    color: #043770;
    line-height: 48px;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

@-webkit-keyframes ani {
 from { -webkit-mask-position: 0 0; mask-position: 0 0; }

 to { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
}

@keyframes ani {
 from { -webkit-mask-position: 0 0; mask-position: 0 0; }

 to { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
}

@-webkit-keyframes ani2 {
 from { -webkit-mask-position: 100% 0; mask-position: 100% 0; }

 to { -webkit-mask-position: 0 0; mask-position: 0 0; }
}

@keyframes ani2 {
 from { -webkit-mask-position: 100% 0; mask-position: 100% 0; }

 to { -webkit-mask-position: 0 0; mask-position: 0 0; }
}

.typewriter { overflow: hidden; /* Ensures the content is not revealed until the animation */ white-space: nowrap; /* Keeps the content on a single line */ margin: 0 auto; /* Gives that scrolling effect as the typing happens */ letter-spacing: .15em; /* Adjust as needed */ animation: typing 3.5s steps(30, end), blink-caret .5s step-end infinite; }

/* The typing effect */
@keyframes typing {
 from { width: 0 }
 to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
 from, to { border-color: transparent }
 50% { border-color: orange }
}

/**/

/* Book Now conform button css*/
.bkn-conf .button-loding { height: 60px; padding-top: 20px; z-index: 2; background: #269902; color: #ffffff; font-size: 18px; text-align: center; position: absolute; border-radius: 16px; width: 100%; top: 0; }
.dot-pulse { position: absolute; left: -9900px; width: 10px; height: 10px; border-radius: 5px; background-color: #ffffff; color: #ffffff; box-shadow: 9999px 0 0 -5px; animation: dot-pulse 1.5s infinite linear; animation-delay: 0.25s; top: 10px; }
 .dot-pulse::before, .dot-pulse::after { content: ""; display: inline-block; position: absolute; top: 0; width: 10px; height: 10px; border-radius: 5px; background-color: #ffffff; color: #ffffff; }
 .dot-pulse::before { box-shadow: 9984px 0 0 -5px; animation: dot-pulse-before 1.5s infinite linear; animation-delay: 0s; }
 .dot-pulse::after { box-shadow: 10014px 0 0 -5px; animation: dot-pulse-after 1.5s infinite linear; animation-delay: 0.5s; }

@keyframes dot-pulse-before {
 0% { box-shadow: 9984px 0 0 -5px; }
 30% { box-shadow: 9984px 0 0 2px; }
 60%, 100% { box-shadow: 9984px 0 0 -5px; }
}

@keyframes dot-pulse {
 0% { box-shadow: 9999px 0 0 -5px; }
 30% { box-shadow: 9999px 0 0 2px; }
 60%, 100% { box-shadow: 9999px 0 0 -5px; }
}

@keyframes dot-pulse-after {
 0% { box-shadow: 10014px 0 0 -5px; }
 30% { box-shadow: 10014px 0 0 2px; }
 60%, 100% { box-shadow: 10014px 0 0 -5px; }
}

@media (max-width: 767px) {
 .bkn-conf .button-loding { top: 8px; height: 70px; }
}

@media (max-width: 767px) {
 #containerListing { margin-bottom: 50px; }
}

.conf-call { color: #ff4e01; font-weight: 600; font-size: 20px; }
.refrance-number { font-size: 18px; font-weight: 600; }
.blink span {
    font-size: 18px;
    animation: blink 1s linear infinite;
    font-weight: 600;
    color: #043770;
}

@keyframes blink {
 0% { opacity: 0; }
 50% { opacity: .5; }
 100% { opacity: 1; }
}

.air-logo { width: 20px; height: 20px; outline: 3px solid #fff; outline-offset: -2px; }
.vid-cls { width: 400px; margin-bottom: 20px; }
/*Promo Banner start*/
/*.results_banner { padding-bottom: 15px; }*/

/*.results_banner {
    margin: 0;
    font-family: sans-serif;
    background: #fff;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}*/

.loading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.plane-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
}

/*.circle-bg {
    width: 80px;
    height: 80px;
    background: #dce3ed;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}*/

.plane {
    position: absolute;
    width: 50px;
    top: 25px;
    left: 15px;
    animation: fly 1.5s ease-in-out infinite;
    color:#1668e3;
}

@keyframes fly {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(10px);
    }

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

.title {
    font-weight: bold;
    font-size: 18px;
    margin-top: 16px;
    color: #1a1a1a;
}

.subtitle {
    font-size: 14px;
    color: #555;
}
 .results_banner img { width: 100%; }
/*Promo Banner end*/
@media (max-width: 767px) {
 .mob-alt-load { display: block; }
 .vid-cls { width: 100%; }
}

.mob-alt-load { display: none; }
.frst-opt h5 { font-size: 14px; font-weight: 600; position: relative; padding-left: 20px; }
 .frst-opt h5:after { position: absolute; color: #4fb67a; font-family: fontawesome; font-weight: 900; content: "\f00c"; left: 0; top: 0; }
.frst-opt i { color: #4fb67a }
.frst-opt p { padding-left: 20px; }
.gifmark { position: absolute; left: -22px; top: -5px; width: 57px; background: #fff; }

/*Mobile Timere*/
.counterfooter { position: fixed; left: 20px; bottom: 20px; z-index: 99; }
 .counterfooter .cound-bottom { background: linear-gradient(90deg, rgba(247,125,19,1) 0%, rgba(255,65,118,1) 100%); padding: 6px 15px; cursor: pointer; display: flex; color: #fff; text-decoration: none; align-items: center; border-radius: 10px; }
 .counterfooter .call_t1 { background: #ffffff; height: 40px; width: 40px; margin-right: 10px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
  .counterfooter .call_t1 img { width: 67%; }
 .counterfooter .t-price { font-size: 20px; font-weight: 700; display: flex; align-items: center; }
 .counterfooter .cound-bottom .sec-devider { padding-left: 10px; margin-left: 10px; width: 1px; height: 22px; border-left: 1px solid #fff; }
 .counterfooter .Timer { font-size: 20px; font-weight: 600; }
.travel-protection .insuranceList .block { display: flex; align-items: center; }
.insurance_tooltip { position: relative; }
 .insurance_tooltip .tooltipBox { display: none; font-size: 13px; font-weight: 400; line-height: 19px; }
 .insurance_tooltip:hover .tooltipBox { display: block; opacity: 1; }

@media (max-width: 767px) {
 .insurance_tooltip .tooltipBox { width: 220px; }
}

/*new des*/
.modal { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.banner, .banner2 { color: #060606; background: #fff; padding: 20px; border-radius: 10px; width: 100% !important; margin: auto; }
.banner2 { height: 100vh; }
.offer-ex { color: #1f0aa3; font-weight: 700; }
.phone-number-ex { background: #fddb33; padding: 10px; border-radius: 5px; }
.phone-number-ex, .phone-number-ex2 { font-weight: 700; font-size: 20px; display: inline-block; margin: 10px 0; color: #191d3e; }
.phone-number-ex2 { background: #fff; padding: 2px 20px 2px 2px; border-radius: 45px; border: 3px solid #f7b52c; line-height: 33px; }
.support-text-ex { font-weight: 700; margin: 10px 0; }
.buttons-container-ex { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; gap: 10px; margin-top: 15px; }
.btn-ex { padding: 5px; background: #fff; color: #0d0d0d; font-weight: 400; border-radius: 5px 5px 20px 5px; cursor: pointer; font-size: 15px; border: solid #c8c4c4; border-width: 1px 3px 3px 1px; }
.shake { animation: horizontal-shaking .7s infinite; margin-left: 10px; background: #fddb33; padding: 10px; border-radius: 50px; color: #000; }

@keyframes horizontal-shaking {
 0% { transform: translateX(0) }
 25% { transform: translateX(5px) }
 50% { transform: translateX(-5px) }
 75% { transform: translateX(5px) }
 to { transform: translateX(0) }
}

.fixed-call-btn { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 95%; max-width: 500px; z-index: 1000; animation: slideUp .5sease-out; }
.toast.show { max-width: 350px; font-size: 0.875rem; padding: 0; background: #367bf3; }
.toast-header { color: #fff !important; background: #3b82f6 !important; transition: all .3sease; border-bottom: 1px solid rgba(0, 0, 0, .175); display: flex; align-items: center; }
.toast-body { padding: 0.75rem; word-wrap: break-word; }
.phone-circle { width: 44px; height: 44px; }
.toast-header .btn-close { position: absolute; right: 32%; top: 6px; font-size: 10px; --bs-btn-close-color: #e4e4e4; z-index: 1000000; }
.call-btn-link { padding: 12px 20px; }
/*opdes end*/
.middleContainer { width: 100%; overflow: hidden; }
middleContainer p {
    width: 80% !important;
}
.expslider h3 {
    bottom: 0;
    transform: translate(-50%,-50%);
    padding: 10px;
    position: absolute;
    font-size: 17px;
    width: 160px;
    margin: 0 auto;
    border-radius: 25px;
    color: #000;
    transition: top .3s ease-in-out, -webkit-top .3s ease-in-out;
    left: 50%;
    text-align: center;
    background: #FDDB32;
}
.btn-planing { width: 160px; margin: 0 auto; background: #1668e3; border-radius: 25px; font-size: 17px; }
.luxuryListing ul { width: 96%; margin: 0 auto; }
 .luxuryListing ul li { width: 31%; float: left; /*position: relative;*/ overflow: hidden; border-radius: 20px; margin: 1%; /*padding-bottom: 118px;*/ }
.btn-planing { width: 160px; margin: 0 auto; background: #1668e3; border-radius: 25px; font-size: 17px; }
.expslider button, .luxuryListing ul li .cntbtnHolder button { float: right; background: #610101; color: #fff; font-size: 16px; text-transform: uppercase; border: none; padding: 6px 15px; border-radius: 30px; font-size: 11px; cursor: pointer; background: rgba(91, 1, 1, 1); font-weight: bold; background: linear-gradient(90deg, rgba(91, 1, 1, 1) 0%, rgba(214, 0, 1, 1) 51%, rgba(128, 1, 1, 1) 100%); }
.expslider .item button { position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, -8px); }
.expslider .item .btn-planing button { bottom: 22px; background: #1668e3; padding: 13px; width: 160px; cursor: pointer; z-index: 3; font-size: 13px; }
.disclaimer.vactabdisc { font-size: 13px; line-height: 19px; text-align: center; }
.blkbackground { margin-top: 24px; margin-bottom: 15px; }
 .blkbackground .cntbtnHolder { background: #292929 !important; }
 .blkbackground .item h3 { text-align: center !important; text-transform: uppercase !important; }
.expslider .item { margin: 0 21px; width: 31.3%; float: left; margin-bottom: 20px; overflow: hidden; display: block; border-radius: 10px; position: relative; height: 315px; margin-left: 0; }
.expslider ul { padding-top: 40px; }
.expslider .item .cntbtnHolder { width: 91%; border: 7px solid #fff; border-top: none; margin-top: -3px; }
.expslider .item:hover img { transform: scale(1.5); }
.expslider .item img { transition: ease .6s; border-bottom: none; width: 100%; height: 315px; object-fit: cover; display: block; transition: transform .5s ease; }
 .expslider .item img:hover { width: 120%; }
.blkbackground { padding-top: 0 !important; }
.bg-box { display: none; position: absolute; width: 100%; height: 100%; background: #0000002b; display: none; }
.blkbackground { position: relative; }
.expslider .item .cntbtnHolder { border-radius: 0; }
.expslider .owl-item div.item { border: 8px solid #fff; }


.deal-deatil div:first-child { width: 12%;display:none; }
.deal-deatil div:nth-child(2) {
    font-weight: bold;
    color: #0a1c47;
    width: 20%;
    font-size: 17px;
    
}
.deal-deatil div:nth-child(3) { color: #131313; width: 25%; font-size: 15px; }
.deal-deatil div:nth-child(4) { font-weight: bold; color: #1668e3; width: 20%; }
.deal-deatil div:nth-child(5) { width: 23%; }
    .deal-deatil div:nth-child(5) .deal-button {
        background: #043770;
        color: #fff;
        text-transform: uppercase;
        border-radius: 5px;
        width: 133px;
        padding: 10px;
        border: none;
        cursor: pointer;
        font-weight: 700;
    }

@media (max-width: 767px) {
.luxuryListing .item{width: calc(50% - 21px);}
 .disclaimer.vactabdisc { padding-bottom: 0; }
 
 .deal-deatil div:first-child, .deal-deatil div:nth-child(3) { display: none; }
 .deal-deatil div:nth-child(2) { width: 50%;text-align:left;padding-left:10px; }
    .deal-deatil div:nth-child(2) p {
        font-weight: normal;
        font-size: 13px;
    }
 .deal-deatil div:nth-child(5) { width: auto; }
    .deal-deatil div:nth-child(4) {
        padding-right: 5px;
    }
   
    .dlhtlContent h3 {
        font-size: 14px !important;
    }
    .slick-dots {
         display: none !important;
         }
    .slick-slide {
        padding: 5px 10px;
    }
    .hotelList {
        padding-bottom: 0px;
    }


    }



    .footerBootom {
        width: 100%;
        border-top: 1px solid #dfe0e4;
    }

    section.footerBootom div {
        text-align: left;
    }

    .footerBootom > div p.footeraddress {
        letter-spacing: 0;
        text-align: left;
        margin: 0;
        padding: 0;
        padding-bottom: 3px;
        font-size: 10px;
    }

    .termcndintionFootertxt {
        font-size: 11px;
    }

    .footerBootom img {
        background: #fff;
        padding: 1px 9px 2px 9px;
        border-radius: 10px;
        width: auto;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .footerBootom p {
        text-align: right;
        color: #73747a;
        font-size: 10px;
        letter-spacing: 3.5px;
        text-transform: uppercase;
        color: #fff;
    }

    section.footerBootom div p {
        text-align: left;
        padding-left: 0;
        padding-top: 0;
    }

    .termcndintionFootertxt p {
        letter-spacing: 0px !important;
        padding: 10px 0px !important;
    }

    section.footerBootom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 15px 10px 15px;
        background: #0e111d;
        color: #fff;
    }

    .middleContainer h2 {
        margin-top: 30px;
        margin-bottom: 17px;
        color: #191e3b;
    }

    @media only screen and (max-width: 1024px) {
        .middleContainer h2 {
            font-size: 23px;
        }
    }

    .hotelhome {
        display: inline-block;
        width: 100%;
        padding: 20px 0 14px 0;
    }

        .hotelhome h2 {
            font-size: 30px;
            color: #181818;
            text-transform: uppercase;
            text-align: center;
            margin-bottom: 22px;
        }

    .dlmainbox {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .htldlbox {
        box-shadow: 1px 4px 14px #ccc;
        background: #fff;
        border-radius: 6px;
    }

    .dlimg {
        position: relative;
    }

    .dlmainbox img {
        width: 100%;
        height: 200px;
        border-radius: 4px;
        object-fit: cover;
    }

    .dlhtlContent {
        padding: 15px;
        display: flex;
        justify-content: space-between;
        align-items: self-end;
    }

        .dlhtlContent div.htl {
            width: 66%;
        }

        .dlhtlContent h3 {
            font-size: 16px;
            color: #181818;
            text-transform: uppercase;
            font-weight: bold;
            margin-bottom: 4px;
            line-height: 20px;
        }

        .dlhtlContent p {
            font-size: 12px;
            color: #181818;
            margin-bottom: 8px;
        }

            .dlhtlContent p span {
                font-size: 20px;
                color: #1668e3;
                font-weight: bold;
            }

            .dlhtlContent p small {
                font-size: 9px;
            }

        .dlhtlContent button {
            background: #1668e3;
            padding: 12px;
            border: 0;
            outline: 0;
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            border-radius: 5px;
            cursor: pointer;
        }
    /*new css*/
    .mojo-card {
        position: relative;
        margin: 20px auto;
    }
    /*.deal {
    width:100%;
    background: url(/../Images/home/hero1.jpg) center center no-repeat;
    background-size: cover;
}*/
    .mojo-card-grid-img {
        background: url(/../Images/home/travel-destination.jpg) center center no-repeat;
        min-height: 460px;
        background-attachment: fixed;
        background-size: cover;
        padding: 30px;
        border-radius: 20px;
        margin: 20px auto;
    }

    .mojo-card-grid {
        text-decoration: none;
        color: #fff;
        width: 384px;
        border-radius: 20px;
        padding: 25px;
        background: #000000ad;
        position: absolute;
        bottom: 30px;
        left: 30px;
        z-index: 1;
        transition: 0.3s ease-in-out;
    }

        .mojo-card-grid:hover {
            color: #c8ebd6;
        }

        .mojo-card-grid .btn {
            background: #043770;
            border-radius: 30px;
            color: #fff;
            padding: 10px 15px;
        }

        .mojo-card-grid:hover .btn {
            background: #3f97d2;
            box-shadow: 0 0px 0px 0 #ffffffa1, 0 1px 20px 0 #ffffffbd;
            color: #fff;
        }

    @media (max-width: 767px) {
        .mojo-card {
            margin: 50px 0 0;
        }

        .mojo-card-grid-img {
            min-height: 250px;
        }

        .mojo-card-grid {
            /* position: relative; */
            bottom: 0px;
            left: auto;
            width: 100% !important;
            /* border-top-left-radius: 0; */
            /* border-top-right-radius: 0; */
            top: 0px;
        }

        .countryList, .luxuryListing {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .page__title {
            font-size: 19px;
            line-height: 22px;
            text-align: center;
            text-align: center;
        }
    }

    /* Custome Section */
    .feature-ribbon {
        background-color: #f4fcff;
        border-top: 4px solid #4ac4ff;
        overflow-x: auto;
        align-items: center !important;
        justify-content: center !important;
    }

    .feature-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 15px;
    }

    /* Each item behaves like a button/link block */
    .feature-item {
        display: flex;
        align-items: center;
        gap: 10px;
        background: #ffffff;
        border-radius: 50px;
        padding: 10px 16px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
        transition: all 0.3s ease;
        text-decoration: none;
        color: #000;
        min-width: fit-content;
    }

        .feature-item:hover {
            transform: translateY(-4px);
            background-color: #e6f7ff;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
        }

        .feature-item .icon {
            background: #f0f9ff;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

            .feature-item .icon img {
                max-height: fit-content;
                width: 100%;
            }

        .feature-item .title {
            margin: 0;
            font-size: 14px;
            font-weight: 600;
            position: relative;
        }

        .feature-item .desc {
            font-size: 11px;
            color: #666;
            line-height: 1.2;
        }

    /* Red blinking dot */
    .dot-alert {
        display: inline-block;
        background: red;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: absolute;
        top: -4px;
        right: -10px;
    }

    .blink {
        animation: blinkDot 1s infinite;
    }

    @keyframes blinkDot {
        0%, 100% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }
    }

    /* Mobile responsiveness */
    @media (max-width: 768px) {
        .feature-wrapper {
            flex-wrap: nowrap;
            overflow-x: auto;
            padding-bottom: 10px;
        }

        .feature-item {
            flex: 0 0 auto;
            white-space: nowrap;
        }
        .deal-deatil div:nth-child(2) {
            font-size: 14px !important;
        }
        .deal-deatil div:nth-child(3) {
            
            font-size: 12px !important;
        }
        .deal-deatil div:nth-child(4) {
            font-size: 15px !important;
        }
        .deal-deatil div:nth-child(5) {
            width: 31% !important;
        }
        }


    /* Treanding Flight Cards */
    .airline-deals-section {
        background: #f8fcff;
    }

    .typing-title {
        font-weight: 600;
        font-size: 36px;
        color: #063970;
    }

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

    .cta-btn {
        background: #3f97d2;
        color: #fff;
    }

    .deal-card:hover
    .cta-btn {
        background: #043770;
        color: #fff;
    }

    .section-subtitle {
        text-transform: uppercase;
        color: #20c997;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .scrolling-title {
        font-size: 2rem;
        font-weight: 800;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
    }

        .scrolling-title span {
            display: inline-block;
            animation: scrollText 10s linear infinite;
            color: #222;
        }

    @keyframes scrollText {
        0% {
            transform: translateX(100%);
        }

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

    /* Card Styles */
    .deal-card {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        height: 300px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.08);
        cursor: pointer;
        transition: transform 0.4s ease;
    }

        .deal-card:hover {
            transform: translateY(-6px);
        }

    .deal-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        z-index: 1;
        transition: transform 0.4s ease;
    }

    .deal-card:hover .deal-bg {
        transform: scale(1.05);
    }

    .overlay {
        position: absolute;
        background: #00000057;
        inset: 0;
        z-index: 2;
    }

    .deal-info {
        position: relative;
        z-index: 3;
        color: #fff;
        padding: 20px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

        .deal-info h5 {
            font-size: 1.2rem;
            font-weight: bold;
            margin: 0;
            transition: all 0.3s ease;
        }

    .hidden-details {
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.4s ease;
    }

    .deal-card:hover .hidden-details {
        opacity: 1;
        transform: translateY(0);
    }

    .hidden-details p {
        margin: 8px 0 0;
        font-size: 0.95rem;
    }

    .hidden-details .price {
        font-weight: bold;
        color: #00eaff;
        font-size: 1rem;
        display: block;
    }

    .title-btn {
        position: absolute;
        top: 0px;
        background: #043770;
        color: #fff;
        padding: 5px;
        border-radius: 8px 8px 8px 0px;
        left: 0;
        border-bottom: 1px solid #ffffff;
        border-right: 1px solid #fff;
    }

    .deal-card:hover .title-btn {
        background: #3f97d2;
    }

    .hover-details {
        text-align: center;
    }

    *
    /* Popular Travel Section */
    .travel-countries {
        background: #fff;
        width: 100%;
        padding: 70px 30px;
        height: fit-content;
    }

    .section-subtitle {
        text-transform: uppercase;
        font-weight: 500;
        color: #3f97d2;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .section-title {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 2rem;
        color: #0a1c47;
    }

        .section-title span {
            color: #043770;
        }

    strong {
        color: #0a1c47;
    }

    .locations {
        list-style: none;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 10px 20px;
        margin: 20px 0;
    }

        .locations li {
            position: relative;
            font-size: 14px;
            padding-left: 15px;
        }

            .locations li::before {
                content: "•";
                color: #043770;
                position: absolute;
                left: 0;
            }

    .btn-glow {
        background-color: #043770;
        color: #fff;
        padding: 10px 20px;
        font-weight: 500;
        border-radius: 4px;
        text-decoration: none;
        display: inline-block;
        margin-top: 10px;
        box-shadow: 0 0 8px #043770 !important;
        animation: glowPulse 1.5s ease-in-out infinite;
        transition: background 0.3s ease;
    }

        .btn-glow:hover {
            background: #3f97d2;
            color: #fff;
        }

    @keyframes glowPulse {
        0% {
            box-shadow: 0 0 5px #14b8a6;
        }

        50% {
            box-shadow: 0 0 15px #14b8a6;
        }

        100% {
            box-shadow: 0 0 5px #14b8a6;
        }
    }

    .image-card {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

        .image-card img {
            width: 100%;
            height: auto;
            border-radius: 10px;
            transition: transform 0.4s ease;
        }

        .image-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
        }

    .card-title {
        position: absolute;
        bottom: 15px;
        left: 15px;
        font-size: 18px;
        font-weight: 600;
        color: white;
        text-shadow: 1px 1px 4px #000;
        background: #3f97d2;
        padding: 4px 10px;
        border-radius: 10px;
    }

    .price-tag {
        position: absolute;
        top: 15px;
        right: 15px;
        background-color: #043770;
        color: white;
        font-size: 13px;
        padding: 6px 10px;
        border-radius: 4px;
        font-weight: 500;
    }

    /* Slide-in effect */
    .animate-slide-in {
        opacity: 0;
        transform: translateY(50px);
        animation: slideIn 1s ease-out forwards;
    }

    @keyframes slideIn {
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Mobile Responsiveness */
    @media (max-width: 767px) {
        .section-title {
            font-size: 1.5rem;
        }

        .card-title {
            font-size: 16px;
        }

        .locations {
            flex-direction: column;
        }

        .btn-glow {
            padding: 8px 16px;
        }
    }


    /* Travel Packages Section */
    .travel-packages-section {
        background: #fff;
        padding: 70px 30px;
    }

    .section-heading {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 5px;
        color: #09326f;
    }

    .section-subtext {
        font-size: 14px;
        color: #555;
        max-width: 600px;
    }

    .btn-discover {
        background: #3f97d2;
        padding: 10px 18px;
        color: white;
        font-weight: 600;
        text-decoration: none;
        border-radius: 30px;
        margin-top: 10px;
        transition: background 0.3s ease;
    }

        .btn-discover:hover {
            background: #09326F;
            color: #fff;
        }

    .package-card {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        transition: transform 0.3s ease;
    }

        .package-card:hover {
            transform: translateY(-5px);
        }

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

        .package-card .info {
            padding: 15px;
            border: 1px solid #043770;
            border-radius: 0px 0px 15px 15px;
        }

        .package-card h5 {
            font-size: 17px;
            color: rgb(9 50 111);
            margin-bottom: 8px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
        }

        .package-card .price {
            color: #0EA246;
            font-weight: 700;
            font-size: 15px;
        }

        .package-card .per {
            font-size: 11px;
            color: #888;
        }

        .package-card p {
            font-size: 13px;
            color: #555;
            margin-bottom: 10px;
            text-align: justify;
        }

    .stars {
        color: gold;
        font-size: 13px;
        margin-bottom: 12px;
    }

    .btn-book {
        background: #09326f;
        color: white;
        padding: 8px 16px;
        font-size: 13px;
        border-radius: 30px;
        text-decoration: none;
        font-weight: bold;
        display: inline-block;
        transition: background 0.3s ease;
    }

        .btn-book:hover {
            background: #3f97d2;
            color: #fff;
        }

    /* Responsive */
    @media (max-width: 768px) {
        .section-heading {
            font-size: 22px;
        }

        .btn-discover {
            display: none;
        }

        .package-card .info {
            padding: 12px;
        }

        .package-card img {
            height: 180px;
        }
    }


    /* Footer Section */

    .site-footer {
        background-color: #0a1c47;
        color: #fff;
        font-family: 'Segoe UI', sans-serif;
    }

    .footer-top {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 40px 0;
    }

    .contact-box {
        display: flex;
        align-items: center;
        gap: 15px;
        padding: 15px;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

        .contact-box:last-child {
            border-right: none;
        }

    .icon-box {
        background-color: #043770;
        color: #fff;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        border-radius: 4px;
        transition: 0.3s ease-in-out;
    }

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

    .icon-box:hover {
        background: #3f97d2;
    }

    .footer-logo {
        font-size: 24px;
        font-weight: bold;
    }

        .footer-logo .plane-icon {
            font-size: 20px;
            color: #21accd;
            margin-left: 5px;
        }

    .footer-desc {
        font-size: 14px;
        color: #ccc;
        margin-top: 15px;
    }

    .social-icons a {
        background-color: #043770;
        color: #fff;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        margin-right: 10px;
        text-decoration: none;
        font-size: 16px;
        transition: background 0.3s ease;
    }

        .social-icons a:hover {
            background-color: #17a2b8;
        }

    .footer-title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .footer-links {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .footer-links li {
            margin-bottom: 10px;
        }

        .footer-links a {
            color: #ccc;
            text-decoration: none;
            font-size: 14px;
            transition: 0.3s ease-in-out;
        }

            .footer-links a:hover {
                color: #3f97d2;
            }

    .subscribe-form {
        display: flex;
        margin-top: 15px;
        background-color: #fff;
        border-radius: 4px;
        overflow: hidden;
    }

        .subscribe-form input {
            flex: 1;
            padding: 10px;
            border: none;
            outline: none;
            font-size: 14px;
        }

        .subscribe-form button {
            background-color: #21accd;
            border: none;
            color: #fff;
            padding: 0 20px;
            font-size: 14px;
            cursor: pointer;
            transition: background 0.3s ease;
        }

            .subscribe-form button:hover {
                background-color: #022554;
                border: 1px solid #fff;
                border-radius: 5px
            }

    .footer-bottom {
        background-color: #061333;
        font-size: 13px;
        color: #ccc;
    }

    /* Mobile Responsive */
    @media (max-width: 768px) {
        .contact-box {
            justify-content: center;
            border-right: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .footer-main {
            text-align: center;
        }

        .subscribe-form {
            flex-direction: column;
        }

            .subscribe-form input,
            .subscribe-form button {
                width: 100%;
            }
    }

    /* Best Flight Deals Section */

    .flight-deals {
        display: flex;
        /*    flex-wrap: wrap;*/
        border-radius: 6px;
        background: #fff;
        border: 1px solid #e0e0e0;
        overflow: hidden;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    }

    /* Left Image Column */
    .deal-picture {
        width: 35%;
        min-width: 250px;
        overflow: hidden;
        transition: 0.4s ease-out;
    }

        .deal-picture:hover img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    /* Right Deals Column */
    .deal-text {
        width: 65%;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

        .deal-text h2 {
            background: #21accd;
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            padding: 16px;
            margin: 0;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

    /* Individual Deal Row */
    .deal-deatil {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dashed #043770;
        padding: 14px 20px;
        transition: background 0.3s;
        cursor: pointer;
    }

        .deal-deatil:hover {
            background-color: #f8f9fc;
        }

        .deal-deatil div {
            font-size: 15px;
            font-weight: 500;
            color: #111;
        }

            /* Segment Names */
            .deal-deatil div:nth-child(2) {
                font-weight: 600;
            }

        .deal-deatil p {
            margin: 3px 0 0;
            font-size: 13px;
            color: #888;
        }

        /* Date Section */
        .deal-deatil div:nth-child(3) {
            color: #555;
            font-size: 14px;
        }

        /* Price */
        .deal-deatil div:nth-child(4) {
            font-size: 18px;
            font-weight: 700;
            color: #043770;
        }

    /* BOOK NOW Button */


    /* Responsive Adjustments */
    @media (max-width: 767px) {
        .flight-deals {
            flex-direction: column;
        }

        .deal-picture {
            width: 100%;
        }

        .deal-text {
            width: 100%;
        }

        .deal-deatil {
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

            .deal-deatil div:nth-child(2),
            .deal-deatil div:nth-child(3),
            .deal-deatil div:nth-child(4),
            .deal-deatil div:nth-child(5) {
                width: 100% !important;
                text-align:center;
            }

        .deal-button {
            width: 100%;
            text-align: center;
        }

        .deal-deatil div:first-child {
            display: none;
        }
        .Hot-deals-section {
         
            padding: 30px 30px !important;
        }
      
    }


    /* Typing animation reused */
    .scrolling-title {
        font-size: 22px;
        font-weight: 700;
        white-space: nowrap;
        border-right: 2px solid #111;
        width: fit-content;
        animation: typing 4s steps(30, end) infinite, blinkCursor 0.75s step-end infinite;
        overflow: hidden;
        color: #1e1e1e;
        margin-bottom: 20px;
    }

    @keyframes typing {
        0% {
            width: 0;
        }

        50% {
            width: 100%;
        }

        100% {
            width: 0;
        }
    }

    @keyframes blinkCursor {
        from {
            border-right-color: #111;
        }

        to {
            border-right-color: transparent;
        }
    }

    /* Zoom hover effect on image */
    .flight-deals .deal-picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

        .flight-deals .deal-picture img:hover {
            transform: scale(1.05);
        }

    /* Button hover animation */
    .deal-button {
        background-color: #ffc107;
        color: #111;
        font-weight: 600;
        border: none;
        padding: 8px 16px;
        text-transform: uppercase;
        border-radius: 5px;
        font-size: 14px;
        transition: background 0.3s ease, color 0.3s ease;
    }

        .deal-button:hover {
            background-color: #ff9800;
            color: #fff;
            cursor: pointer;
        }

    .Hot-deals-section {
        width: 100%;
        height: fit-content;
        background: #e9f0ffad;
        padding: 70px 30px;
    }

    /* Banner Heading Animation */
    .header-logo {
        font-size: 30px !important;
        font-weight: bold;
        color: #0a1c47;
    }

    /* Breadcrumb Section */
    .breadcrumb-banner {
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        position: relative;
        padding: 100px 0;
        text-align: center;
        color: #fff;
        overflow: hidden;
    }

        .breadcrumb-banner .overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: #0000006b; /* Dark overlay */
            z-index: 1;
        }

    .breadcrumb-content {
        position: relative;
        z-index: 2; /* Above overlay */
        max-width: 800px;
        margin: 0 auto;
    }

    .subtitle {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #fff;
        margin-bottom: 10px;
        display: block;
    }

    .breadcrumb-title {
        font-size: 42px;
        font-weight: 800;
        line-height: 1.3;
        text-transform: uppercase;
        color: #fff;
    }

        .breadcrumb-title .highlighted {
            color: #063970;
            font-weight: 800;
        }

    /* Fade-in animation */
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(40px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .animate-fadein {
        animation: fadeInUp 1s ease-out forwards;
        opacity: 0;
    }

    /* Mobile Responsive */
    @media (max-width: 767px) {
        .breadcrumb-title {
            font-size: 28px;
        }

        .breadcrumb-banner {
            padding: 60px 20px;
            background-attachment: scroll;
        }

            .breadcrumb-banner .overlay {
                background: rgba(0, 0, 0, 0.6); /* Slightly darker on mobile for clarity */
            }
    }

    /* About Section */
    .about-us-section {
        padding: 70px 30px;
    }

    .section-subtitle {
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .section-title {
        font-size: 32px;
        font-weight: 800;
        margin: 10px 0 20px;
        color: #0e1e42;
    }

    .section-desc {
        color: #555;
        font-size: 15px;
        line-height: 1.7;
    }

    .call-text {
        margin-top: 15px;
        font-size: 15px;
        color: #0e1e42;
    }

        .call-text .highlighted {
            color: #043770;
            font-weight: 600;
        }

    .about-features {
        list-style: none;
        padding-left: 0;
        margin-top: 25px;
    }

        .about-features li {
            font-size: 15px;
            color: #333;
            margin-bottom: 10px;
        }

            .about-features li i {
                color: #043770;
                margin-right: 8px;
            }

    .read-more-btn {
        margin-top: 20px;
        display: inline-block;
        background: #043770;
        color: #fff;
        padding: 10px 20px;
        border-radius: 5px;
        font-weight: 500;
        text-decoration: none;
        transition: background 0.3s ease;
    }

        .read-more-btn:hover {
            background: #3f97d2;
            color: #fff;
        }

    /* Image Styles */
    .about-single-image {
        text-align: center;
    }

        .about-single-image img {
            max-width: 58%;
            height: auto;
            border-radius: 12px;
        }

    /* Responsive */
    @media (max-width: 768px) {


        .section-title {
            font-size: 26px;
        }

        .read-more-btn {
            padding: 8px 18px;
        }
    }

    /* How it work */
    .how-it-works {
        background: #f5f8ff;
        padding: 70px 30px;
    }

    .step-card {
        position: relative;
        text-align: center;
        padding: 10px 20px;
    }

    .step-image {
        position: relative;
        display: inline-block;
        width: 150px;
        height: 150px;
        border: 2px dashed #043770;
        border-radius: 50%;
        padding: 6px;
        margin-bottom: 20px;
    }

        .step-image img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
        }

    .step-number {
        position: absolute;
        top: -10px;
        right: -10px;
        background: #3f97d2;
        color: white;
        font-weight: bold;
        font-size: 14px;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .step-title {
        font-size: 20px;
        font-weight: 700;
        color: #0a1c47;
    }

    .step-desc {
        font-size: 0.9rem;
        color: #666;
    }

    /* Mobile Responsive */
    @media (max-width: 767px) {
        .step-image {
            width: 120px;
            height: 120px;
        }


        .step-title {
            font-size: 1rem;
        }
    }


    /* Contact Section */

    .contact-info-section {
        background: #fff;
    }

    .info-box {
        padding: 25px 15px;
        border-radius: 8px;
        transition: all 0.3s ease;
        background-color: #fff;
        border: 1px solid #f3f3f3;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    }

        .info-box:hover {
            background-color: #fff3ed;
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        }

        .info-box .icon {
            font-size: 28px;
            color: #063970;
            margin-bottom: 15px;
        }

        .info-box h5 {
            font-size: 16px;
            font-weight: 700;
            color: #333;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .info-box p {
            font-size: 14px;
            color: #555;
            margin: 0;
        }

        .info-box .highlight {
            color: #3f97d2;
            font-weight: 600;
            margin-top: 8px;
        }

    /* Responsive */
    @media (max-width: 767px) {
        .info-box {
            margin-bottom: 20px;
        }
    }


    .contact-dual-section {
        background: #fff;
        font-family: 'Segoe UI', sans-serif;
    }

    .breadcrumb-path {
        font-size: 14px;
        text-transform: lowercase;
        color: #888;
        margin-bottom: 10px;
    }

    .main-heading {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 15px;
        color: rgb(10 28 71);
    }

    .description {
        font-size: 14px;
        color: #555;
        margin-bottom: 25px;
    }

    h6 {
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 4px;
    }

    .small {
        font-size: 14px;
        margin-bottom: 5px;
        color: #444;
    }

    .social-icons2 i {
        font-size: 16px;
        margin-right: 12px;
        color: #111;
        transition: color 0.3s;
        cursor: pointer;
    }

        .social-icons2 i:hover {
            color: #007bff;
        }

    .form-wrapper {
        background-color: #0a1c47;
        border-radius: 12px;
        color: #fff;
    }

    .form-heading {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 10px;
    }

    input.form-control,
    textarea.form-control {
        border: none;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
        background: transparent;
        font-size: 14px;
    }

        input.form-control:focus,
        textarea.form-control:focus {
            outline: none;
            box-shadow: none;
            border-bottom-color: #000;
        }

    .btn-submit {
        background-color: #043770;
        color: #fff;
        border: none;
        padding: 10px 22px;
        border-radius: 30px;
        font-size: 14px;
        margin-top: 10px;
        display: inline-flex;
        align-items: center;
        transition: background 0.3s ease;
    }


    /* Responsive */
    @media (max-width: 767px) {
        .main-heading {
            font-size: 24px;
        }

        .contact-dual-section .row {
            flex-direction: column;
        }
    }

    .heli-text {
        color: #043770;
        font-size: 19px;
        font-weight: 600;
    }


    /* Booking Details Page */
    .modifySearchBox {
        position: relative;
        background: url('/images/home/travel-destination.webp') no-repeat center center center fixed;
        background-size: cover;
        padding: 60px 0;
        z-index: 1;
        overflow: hidden;
    }

        .modifySearchBox::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            /*background: rgba(0, 0, 0, 0.45);*/ /* Overlay dark */
            z-index: 0;
        }

        .modifySearchBox .container {
            position: relative;
            z-index: 2;
        }

        /* Optional: Improve legibility of text */
        .modifySearchBox input,
        .modifySearchBox select,
        .modifySearchBox span,
        .modifySearchBox label {
            color: #fff !important;
        }

        .modifySearchBox .input__block input::placeholder {
            color: #ddd !important;
        }

        .modifySearchBox .icons svg {
            color: #fff !important;
        }

        .modifySearchBox .search_topbar label span,
        .modifySearchBox .search_topbar .click_div span,
        .modifySearchBox .search_topbar .arrow-icon {
            color: #fff !important;
        }

        .modifySearchBox .searchBlock {
            background-color: #00000059;
            border-radius: 12px;
            padding: 15px;
            box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
        }

    /* Responsive spacing */
    @media (max-width: 768px) {
        .modifySearchBox {
            padding: 30px 0;
        }
    }

    /* Cta BTN */
    .cta-support-btn {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        padding: 8px 16px;
        background-color: #0EA246;
        border-radius: 40px;
        text-decoration: none;
        animation: pulse 2s infinite;
        box-shadow: 0 0 10px rgba(255, 165, 0, 0.4);
    }

        .cta-support-btn i {
            font-size: 32px;
            color: #eded89;
        }

        .cta-support-btn .cta-text {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
        }

            .cta-support-btn .cta-text small {
                font-size: 13px;
                color: white;
                font-weight: 500;
            }

            .cta-support-btn .cta-text strong {
                font-size: 20px;
                color: white;
                font-weight: 700;
            }

    /* Animation */
    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 165, 0, 0.7);
        }

        70% {
            box-shadow: 0 0 0 12px rgba(255, 165, 0, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(255, 165, 0, 0);
        }
    }