/*header css start here*/

:root{
    --theme-color:#1f5eff;
    --mute-text:#555555;
    --text-color:#101010;
    --hover-color:#001f66;
    --white-color:#fff;
    --black-color:#000;
    --thm-primary:#1f5eff;
    
}
.header-style-three {
    position: relative;
}

.main-navigation > nav.main-nav.ul-li ul#main-nav > li a {
    color: #101010;
}
.main-nav .dropdown span {
    font-weight: 600;
    padding-bottom: 30px;
    position: relative;
   color: var(--text-color);
    cursor: pointer;
}

.main-nav .navbar-nav li.active  a{
    color:var(--theme-color) !important;
}

.header-cart-login .top-cart-login i {
    font-size: 34px;
    color: var(--theme-color);
    margin-right: 5px;
}

.header-style-three .header-cart-login h2 {
    font-size: 22px;
    font-weight: 600;
    color: var(--text-color);
}

.header-style-three .container {
    display: flex;
    align-items: center;
}

.main-navigation.float-right {
    margin-left: auto;
}
.header-style-three {
    padding: 15px 0;
}
.header-style-three .main-nav li a:before {
    background-color: var(--theme-color);
    bottom: 20px;
}
.ui-autocomplete-input.input-address ~ .pl.short-code.dmn span {
    height: 40px;
    display: block;
    line-height: 40px;
}
/*header css end here*/


/*index banner section css start here */


div#dtrnge_hotel span.checkin, div#dtrnge_hotel span.checkout {
    font-size: 22px;
    line-height: 1.6;
}



.update-hero-banner .search-wrapper {
    margin-top: 0px !important;
}

.hero-banner.update-hero-banner {
    padding: 70px 0px 140px;
    overflow:visible;
}

ul.nav.nav-tabs.from-tabs-wrap li.nav-item a.nav-link.active {
    background-color: var(--theme-color);
    color: #fff;
    border: 1px solid var(--theme-color);
}

.flight-type input[type="radio"]:checked + label {
        background-color: var(--theme-color);
}
.hero-banner.update-hero-banner:before {

    /*background-color: #3232325c;*/
        background-color: #004ce247;
}

.hero-banner.update-hero-banner:after {
    background-image:unset !important;
}


.search-form .form-control::placeholder , span.dpt, span.rtn , span.checkin, span.checkout {
font-size: 22px;
line-height: 1;


}

.fs-22 {
    font-size: 22px;
    line-height: 1.625;
}

.mobForm .hasDatepicker {
  display: block;
    padding: 0 15px;
    width: 100%;
    min-height: 40px;
}

.flight-search-wrapper .form-group-icon  , .presnt-guest .passenger-total.pess{
    text-align: left;
    line-height:1;
}

.presnt-guest .passenger-total.pess p {
    font-size: 16px;
    color: #555555;
}

.mobForm.FieldC button {
    background-color: var(--theme-color);
    color: var(--white-color);
    padding: 22px 0px;
    border: 1px solid var(--theme-color) !important;
}
span.dpt, span.rtn {

    top: 20px;

}
div#hotel {
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom:0px;
}

input#total_hotel_passenger {
    height: 54px;
}

.header-style-three.sticky-menu .header-cart-login {
    background-color: var(--theme-color);
    padding: 0 10px;
    border-radius: 4px;
    color: #fff;
}

.header-style-three.sticky-menu .header-cart-login i  , .header-style-three.sticky-menu .header-cart-login h2{
    color:#fff;
}

span.gl.fromshort, span.gl.toshort {
    line-height: 1.625;
}

.ui-autocomplete-input.input-address {
    padding:0px 0px 0px;
}

span.chkoutdynam.ret, span.chkdynam.dep {
    top: 0px !important;
    position: relative;
}

button.btn_done.btn_doneH , presnt-guest .btn_dn button , .date-picker-wrapper .month-wrapper table .week-name  , .date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering , .day.toMonth.valid.checked.first-date-selected , .day.toMonth.valid.checked.first-date-selected, .day.toMonth.valid.checked.last-date-selected{

    background:  var(--theme-color) !important;

}

.date-picker-wrapper .drp_top-bar.normal .normal-top span .firstline  {
    color:var(--theme-color) !important ;
}

.presnt-guest .psg_dls .pass_bx .input-group a  {
    border: 1px solid var(--theme-color) !important ;
    color: var(--theme-color) !important ;
 
}


div#psg_dls_hotel h2.h6 {
    padding: 0;
    height: auto !important;
    color: var(--theme-color) !important ;
        font-size: 16px;
        text-align:left;
        
}
    .breadcrumb-content h1 {

    padding-bottom: 30px;
}


/*index banner section css end  here */




/* Feature Card */

.inner-feature-sec {
    background: #ffffff;
    position: relative;
     box-shadow: 0 4px 15px rgb(0 0 0 / 22%);
            border-radius: 0.5rem;
            padding:0 15px;
}
.feature-sec {
    margin-top: -68px;
        overflow: visible;
}
.feature-box{
    background:#fff;
    border-radius:12px;
    padding:20px 0px;
    text-align:left;
    display:flex;
    align-items:center;
    transition:all 0.3s ease;
    height:100%;

}

.feature-box:hover{
    /*transform:translateY(-5px);*/
    /*box-shadow:0 8px 25px rgba(0,0,0,0.12);*/
}

/* Icon */
.feature-icon{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#eaf1ff;
    color:#1f5eff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-right:15px;
    flex-shrink:0;
}

/* Text */
.feature-text h6{
    margin:0;
    font-weight:600;
    font-size:16px;
    color:#1c1c1c;
}

.feature-text p {
    margin: 5px 0 0;
    font-size: 15px;
    color: #6c757d;
    line-height: 1.3;
}



/*fare css start here */
/* ================= SECTION ================= */
.common-section{
    padding:40px 0px 40px;

}


/* ================= HEADER ================= */
.bta-section-head{
    margin-bottom:20px;
}

/*.heading-title-2{*/
/*    font-size:24px;*/
/*    margin:0;*/
/*    color:var( --text-color);*/
/*    font-weight:700;*/
/*}*/

.heading-title-2 {
    font-size: 26px;
    margin: 0 0 10px;
    color: var(--text-color);
    font-weight: 700;
}

.bta-section-head p{
    margin-top:0px;
    color:var(--mute-text);
}

/* ================= GRID ================= */
.bta-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
}

/* ================= CARD ================= */
.bta-card{
  background: #fff;
    border-radius: 12px;
    overflow: hidden;
 box-shadow: 0 4px 15px rgb(0 0 0 / 22%);
    transition: 0.3s;
}

.bta-card:hover{
    transform:translateY(-6px);
  box-shadow: 0 4px 15px rgb(0 0 0 / 22%);
}

/* IMAGE */
.bta-img{
    position:relative;
}

.bta-img img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

/* PRICE BADGE */
.bta-price{
    position:absolute;
    bottom:10px;
    right:10px;
    background:var(--theme-color);
    color:#fff;
    padding:6px 12px;
    border-radius:20px;
    font-weight:bold;
    font-size:14px;
}

/* BADGE */
.bta-badge{
    position:absolute;
    top:10px;
    left:10px;
    background:#fff;
    color:var(--theme-color);
    padding:5px 10px;
    border-radius:20px;
    font-size:12px;
    font-weight:bold;
}

/* CONTENT */
.bta-content{
    padding:15px;
}

.bta-route{
    font-size:16px;
    font-weight:bold;
    color:var(--text-color);
    margin-bottom:6px;
}

.bta-meta{
    font-size:13px;
    color:var(--mute-text);
    margin-bottom:12px;
}

/* BUTTON */
.bta-btn{
    display:block;
    text-align:center;
    padding:10px;
    background:var(--theme-color);
    color:#fff !important;
    text-decoration:none;
    border-radius:8px;
    font-weight:bold;
    transition:0.3s;
}

.bta-btn:hover{
    background:var(--hover-color);
    color:var(--white-color);
}

.mobForm.FieldC button:hover {
background:var(--hover-color);
 
}
/*fare css end here */



  /*destination section start here */
  


/* Headings */


.bat-heading p{
    color:#666;
    margin:0;
}

/* Destination Cards */
.bat-dest-card{
    position:relative;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
    transition:0.3s;
    background:#fff;
}

.bat-dest-card img{
    width:100%;
    height:180px;
    object-fit:cover;
}

.bat-dest-card:hover{
    transform:translateY(-5px);
}

.bat-dest-info{
    padding:12px;
}

.bat-dest-info h5{
    margin:0;
    font-size:16px;
    font-weight:600;
}

.bat-dest-info p{
    margin:5px 0;
    color:#444;
}

.bat-dest-info a{
    color:#0033a0;
    font-weight:600;
    text-decoration:none;
}

/* Why Book Box */
/*.bat-why-box{*/
/*    background:#0033a0;*/
/*    color:#fff;*/
/*    padding:25px;*/
/*    border-radius:14px;*/
/*    box-shadow:0 10px 25px rgba(0,0,0,0.15);*/
/*}*/
.bat-why-box {
    background: var(--white-color);
    color: var(--theme-color);
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.bat-why-box .bat-heading h2 {
    color: #0033a0;
    font-weight: 700;
}


.bat-why-box .bat-heading h2{
    color:#fff;
}

.bat-why-box .bat-heading p{
    color:#dbe6ff;
}

.bat-why-list{
    list-style:none;
    padding:0;
    margin:0;
}
.bat-why-list li {
      padding: 8px 0;
    font-size: 15px;
    border-bottom: 1px solid rgb(54 54 54 / 22%);
    color: #000;
}

/* CTA Box */
/*.bat-callout{*/
/*    margin-top:20px;*/
/*    background:#ffffff;*/
/*    color:#0033a0;*/
/*    padding:15px;*/
/*    border-radius:10px;*/
/*    text-align:center;*/
/*}*/
.bat-callout {
    margin-top: 20px;
    background: var(--theme-color);
    color: #fff;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}
.bat-callout h4{
    margin:0;
    font-weight:700;
}

.bat-btn{
    display:inline-block;
    margin-top:10px;
    padding:10px 18px;
    background:#0033a0;
    color:#fff !important;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
}

.bat-dest-section {
    /*margin: 60px 0 60px;*/
    /*padding: 60px 0 30px;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
        padding: 80px 0 40px;
    background: linear-gradient(135deg, #0033a0, #0058ff);
    position: relative;
    overflow: hidden;
}
.bat-dest-section:before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    top: -200px;
    right: -120px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
}

.bat-dest-section h2, .bat-dest-section p {
    color: #fff;
}

.bat-callout p {
    color: var(--text-color);
    margin-bottom: 0px;
}
.bat-callout p {
    color: #fff;
    margin-bottom: 0px;
}

.bat-callout .bat-btn:hover {
    background-color: var(--hover-color);
    color: var(--white-color) !important;
}
 /*destination section end here*/

/*hotel section design start here */

.bat-hotel-deals{
    background:#f7f9ff;
}

.bat-subtitle{
    color:#0033a0;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.bat-title{
    font-size:38px;
    font-weight:800;
    margin:0;
}

.bat-view-btn{
    color:#0033a0;
    font-weight:700;
}

.bat-featured-hotel{
    position:relative;
    overflow:hidden;
    border-radius:25px;
      height: 508px;
}

.bat-featured-hotel img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.bat-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
    to top,
    rgba(0,0,0,.85),
    rgba(0,0,0,.15));
}

.bat-content{
    position:absolute;
    bottom:40px;
    left:40px;
    color:#fff;
    max-width:500px;
}

.bat-badge{
    background:#ffb400;
    color:#000;
    padding:8px 15px;
    border-radius:30px;
    display:inline-block;
    margin-bottom:15px;
    font-weight:700;
}

.bat-content h3{
    font-size:38px;
    font-weight:800;
}

.old-price{
    text-decoration:line-through;
    opacity:.7;
    margin-right:10px;
}

.new-price{
    font-size:32px;
    font-weight:800;
    color:#fff;
}
.bat-why-box .bat-heading h2 {
    color: #0033a0;
    font-weight: 700;
}
.bat-why-box .bat-heading p {
    color: #000000;
    font-size: 22px;
}
.bat-btn{
    display:inline-block;
    background:#0033a0;
    color:#fff;
    padding:12px 30px;
    border-radius:10px;
    margin-top:20px;
    font-weight:700;
}
.bat-callout .bat-btn {
    display: inline-block;
    background: #fff;
    color:var(--theme-color) !important;
    padding: 12px 30px;
    border-radius: 10px;
    margin-top: 20px;
    font-weight: 700;
}
.bat-small-hotel,
.bat-hotel-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.3s;
}

.bat-small-hotel:hover,
.bat-hotel-card:hover{
    transform:translateY(-8px);
}

.bat-small-hotel img{
    width:100%;
    height:180px;
    object-fit:cover;
}

.hotel-info{
    padding:20px;
}

.hotel-info h5{
    font-weight:700;
}

.hotel-info .price{
    color:#0033a0;
    font-size:24px;
    font-weight:800;
}

.bat-hotel-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.bat-hotel-card .card-body{
    padding:20px;
}

.bat-hotel-card .price{
    color:#0033a0;
    font-size:24px;
    font-weight:800;
}
.bat-hotel-cta{
    background:linear-gradient(135deg,#0033a0,#0055ff);
    border-radius:25px;
    padding:40px 30px;
    height:100%;
    color:#fff;
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,51,160,.25);
}

.bat-hotel-cta:before{
    content:'';
    position:absolute;
    width:250px;
    height:250px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    top:-120px;
    right:-100px;
}

.bat-cta-badge{
    display:inline-block;
    background:#ffb400;
    color:#000;
    font-weight:700;
    padding:8px 18px;
    border-radius:50px;
    margin-bottom:20px;
}

.bat-hotel-cta h3{
    font-size:32px;
    font-weight:800;
    margin-bottom:15px;
}

.bat-hotel-cta p{
    opacity:.95;
    line-height:1.8;
}

.bat-cta-list{
    list-style:none;
    padding:0;
    margin:25px 0;
}

.bat-cta-list li{
    margin-bottom:12px;
    font-size:15px;
}

.bat-cta-list i{
    color:#ffcc33;
    margin-right:10px;
}

.bat-cta-price{
    font-size:18px;
    margin-bottom:25px;
}

.bat-cta-price span{
    display:block;
    font-size:42px;
    font-weight:800;
    color:#fff;
}

.bat-cta-btn{
  display: block;
    text-align: center;
    background: #ffb400;
    color: #000;
    font-weight: 700;
    padding: 14px;
    border-radius: 10px;
    margin-bottom: 15px;
    text-decoration: none;
    font-size: 18px;
}

.bat-cta-btn:hover{
    color:#000;
}

.bat-cta-btn-outline{
    display:block;
    text-align:center;
    border:2px solid rgba(255,255,255,.4);
    color:#fff;
    padding:14px;
    border-radius:50px;
    font-weight:700;
    text-decoration:none;
}

.bat-cta-btn-outline:hover{
    background:#fff;
    color:#0033a0;
}


.bat-final-cta{
    padding:90px 0;
    background:linear-gradient(135deg,#0033a0,#0058ff);
    position:relative;
    overflow:hidden;
}

.bat-final-cta:before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    top:-200px;
    right:-120px;
}

.bat-cta-tag{
    display:inline-block;
    background:#ffb400;
    color:#111;
    padding:10px 20px;
    border-radius:50px;
    font-weight:700;
    margin-bottom:20px;
}

.bat-final-cta h2{
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.bat-final-cta p{
    color:rgba(255,255,255,.9);
    font-size:18px;
}

.bat-cta-features{
    display:flex;
    flex-wrap:wrap;
    margin-top:30px;
}

/*.bat-feature{*/
/*    background:rgba(255,255,255,.12);*/
/*    color:#fff;*/
/*    padding:12px 18px;*/
/*    border-radius:50px;*/
/*    margin:0 12px 12px 0;*/
/*    font-size:14px;*/
/*}*/
.bat-feature {
    background: rgba(255, 255, 255, .12);
    color: #fff;
    padding: 12px 18px;
    border-radius: 10px;
    margin: 0 12px 12px 0;
    font-size: 14px;
    width: 30.33%;
}
.bat-feature i{
    margin-right:8px;
}
.bat-cta-box p {
    color: var(--mute-text);
    text-align:center;
}
.bat-cta-box{
    /*background:#fff;*/
    /*border-radius:25px;*/
    /*padding:40px;*/
    /*box-shadow:0 20px 50px rgba(0,0,0,.15);*/
    
        background: #fff;
    border-radius: 25px;
    padding: 0px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
    overflow: hidden;
}
.bat-cta-box h3 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
    color: var(--text-color);
    text-align:center;
}


.bat-call-btn{
    display:block;
    text-align:center;
    background:var(--theme-color);
    color:#fff;
    padding:15px;
    border-radius:10px;
    font-weight:700;
    margin-top:25px;
    text-decoration:none;
}
.bat-call-btn:hover {
    background:var(--hover-color);
    color:#fff !important;
}
.bat-quote-btn{
    display:block;
    text-align:center;
    border:2px solid #0033a0;
    color:#0033a0;
    padding:15px;
    border-radius:50px;
    font-weight:700;
    margin-top:15px;
    text-decoration:none;
}
.bat-luxury-cta{
    padding:70px 0;
    margin:60px 0;
}

.bat-luxury-cta .container{
    background:linear-gradient(135deg,#0033a0,#005cff);
    border-radius:30px;
    padding:60px;
    position:relative;
    overflow:hidden;
}
.bat-cta-box-content {
    padding: 22px;
}

.bat-call-btn i {
    margin-right: 5px;
    transform: rotate(38deg);
}
.bat-luxury-cta .container:before{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    top:-100px;
    right:-100px;
}

.bat-mini-title{
    color:#ffcc33;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
}

.bat-luxury-cta h2{
    color:#fff;
    font-size:48px;
    font-weight:800;
    margin:15px 0;
}

.bat-luxury-cta p{
    color:rgba(255,255,255,.9);
    font-size:18px;
    max-width:650px;
}

.bat-primary-btn{
    display:inline-block;
    background:#fff;
    color:#0033a0;
    padding:16px 40px;
    border-radius:50px;
    font-weight:700;
    margin-bottom:15px;
    text-decoration:none;
}
section.bat-hotel-deals {
    padding: 60px 0 60px;
}
.bat-secondary-btn{
    display:inline-block;
    color:#fff;
    border:2px solid rgba(255,255,255,.4);
    padding:16px 40px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
}



/*pop up icon*/

/* Floating Icon */

.bat-chat-trigger{
    position:fixed;
    right:25px;
    bottom:25px;
    width:70px;
    height:70px;
    background:linear-gradient(135deg,#0033a0,#0057ff);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:99999;
    box-shadow:0 15px 35px rgba(0,51,160,.30);
}

.bat-chat-trigger i{
    color:#fff;
    font-size:30px;
}

.bat-chat-trigger:before{
    content:'';
    position:absolute;
    inset:-10px;
    border-radius:50%;
    border:2px solid rgba(0,51,160,.3);
    animation:pulse 2s infinite;
}

.bat-chat-trigger:after{
    content:'';
    position:absolute;
    inset:-20px;
    border-radius:50%;
    border:2px solid rgba(0,51,160,.15);
    animation:pulse 2s infinite .5s;
}

@keyframes pulse{
    0%{
        transform:scale(.8);
        opacity:1;
    }
    100%{
        transform:scale(1.5);
        opacity:0;
    }
}

.bat-chat-trigger .bat-badge{
    position: absolute;
    top: -3px;
    right: -3px;
    width: 24px;
    height: 24px;
    background: #ff3b30;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 13px !important;
    
}

/* Label */

.bat-help-label{
    position:fixed;
    right:110px;
    bottom:40px;
    background:#fff;
    color:#0033a0;
    padding:12px 18px;
    border-radius:30px;
    font-weight:700;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    z-index:99998;
}

/* Popup */

.bat-popup{
    position:fixed;
    right:25px;
    bottom:110px;
    width:360px;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    z-index:99997;
    box-shadow:0 25px 60px rgba(0,0,0,.15);

    opacity:0;
    visibility:hidden;
    transform:translateX(100px);

    transition:.5s ease;
}

.bat-popup.active{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}

.bat-popup-header{
    background:linear-gradient(135deg,#0033a0,#0057ff);
    color:#fff;
    padding:25px;
    position:relative;
}

.bat-close{
    position:absolute;
    top:10px;
    right:15px;
    background:none;
    border:none;
    color:#fff;
    font-size:28px;
    cursor:pointer;
}

.bat-online{
    width:10px;
    height:10px;
    background:#2ecc71;
    border-radius:50%;
    display:inline-block;
    margin-right:6px;
}

.bat-popup-header h3{
    margin:15px 0 10px;
    font-size:28px;
}

.bat-popup-header p{
    margin:0;
    line-height:1.6;
}

.bat-popup-body{
    padding:25px;
}

.bat-item{
    display:flex;
    align-items:center;
    margin-bottom:18px;
 border: 1px solid #d8d5d5;
    padding:15px;
    border-radius:15px;
}

.bat-item i{
    width:45px;
    height:45px;
    background:#eef3ff;
    color:#0033a0;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:12px;
}

.bat-item h5{
    margin:0;
    font-size:15px;
}

.bat-item p{
    margin:3px 0 0;
    font-size:12px;
    color:#666;
}

/*.bat-call-btn{*/
/*    display:block;*/
/*    text-align:center;*/
/*    background:#0033a0;*/
/*    color:#fff;*/
/*    text-decoration:none;*/
/*    padding:14px;*/
/*    border-radius:10px;*/
/*    font-weight:700;*/
/*}*/

/*.bat-call-btn:hover{*/
/*    color:#fff !important;*/
/*}*/
.bat-popup-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.25);
    z-index:99996;
    opacity:0;
    visibility:hidden;
    transition:.3s;
}

.bat-popup-overlay.active{
    opacity:1;
    visibility:visible;
}

.top-fare-wid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bat-dest-info a {
    background-color: var(--theme-color);
    color: var(--white-color);
    width: 100%;
    display: block;
    padding: 10px 0;
    text-align: center;
    border-radius: 5px;
}

a.scrollup {
    left: 10px;
    background-color: var(--theme-color);
}
.top-fare-wid {
    margin-bottom: 6px;
}
.bat-dest-info a:hover  , .bat-hotel-card .bat-btn:hover , a.scrollup:hover{
    background-color:var(--hover-color);
}

.bat-hotel-card .bat-btn {
       width: 100%;
    text-align: center;
    margin-top: 5px;
   background-color:var(--theme-color);
}
.bat-btn i {
    margin-left: 5px;
}
.top-fare-wid h5 {
    margin-bottom: 0;
}
/* Mobile */
    
/*responsive css start here*/


/*cta one css start here */

.promo-banner {
     background: url(../img/bg-cta.webp) no-repeat center center;
    background-size: cover;
    border-radius: 10px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    min-height: 180px;
    display: flex;
    align-items: center;
    margin-top: 40px
}

.promo-banner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1f5effb0;
    display: block;
    z-index: 1;
}
.promo-banner video {
    object-fit: cover;
    z-index: 0;
    width: 100% !important;
    height: 180px !important;
    border-radius: 5px;
    border: 0px solid #000c31;
    position: absolute;
}
    .promo-content {
     color: #fff;
    max-width: 80%;
    position: relative;
    z-index: 1;
    padding-left: 5%;
    }

    .promo-content h2 {
          font-weight: 700;
    font-size: 34px;
    margin: 4px 0 0;
    }

    .promo-content h3 {
        font-weight: 600;
        font-size: 22px;
        margin: 5px 0 0;
    }

    .promo-code {
        font-size: 18px;
        font-weight: 700;
        margin-top: 10px;
        letter-spacing: 1px;
    }

    .promo-btn {
position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    background: #ffb400;
    color: #000;
    padding: 12px 25px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
    z-index: 2;
    }

    .promo-btn:hover {
        background: #ff9c00;
        color: #000;
        text-decoration: none;
    }

 
 /*compare sec css start here*/
.bat-compare-section{
    background:#fff;
}

.bat-badge{
    display:inline-block;
    background:#eaf2ff;
    color:#1f5eff;
    padding:8px 20px;
    border-radius:30px;
    font-weight:600;
    margin-bottom:15px;
}

.bat-title{
    font-size:38px;
    font-weight:700;
    color:#0d1b4c;
}

.bat-subtitle{
    color:#6c757d;
    max-width:700px;
    margin:15px auto 0;
}

.bat-compare-table{
    /*border-radius:15px;*/
    /*overflow:hidden;*/
    /*box-shadow:0 10px 30px rgba(0,0,0,.08);*/
    
        border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 1px 8px rgb(0 0 0 / 20%);
}

.bat-compare-table thead th{
    background:#e8f0ff;
    color:#0d1b4c;
    font-weight:700;
    border:none;
    padding:18px;
}

.bat-highlight{
    background:#1f5eff !important;
    color:#fff !important;
}

.bat-compare-table td{
    padding:18px;
    vertical-align:middle;
    border-color:#eef2f7;
}

.bat-compare-table tbody tr:hover{
    background:#f8fbff;
}

.bat-compare-table i{
    margin-right:8px;
}



/*compare 2 css  start here */

.bat-comparison-section{
    padding:80px 0 0px;
    /*background:#f8fbff;*/
}

.bat-section-heading{
    /*max-width:900px;*/
    margin:0 auto 30px;
}

.bat-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:#eaf1ff;
    color:#1f5eff;
    font-size:13px;
    font-weight:600;
    margin-bottom:15px;
}

/*.bat-section-heading h2{*/
/*    font-size:42px;*/
/*    font-weight:800;*/
/*    color:#0b1f4d;*/
/*    margin-bottom:15px;*/
/*}*/

/*.bat-section-heading p{*/
/*    color:#666;*/
/*    font-size:16px;*/
/*    line-height:1.8;*/
/*}*/

.bat-trust-box {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 25px;
    box-shadow: unset;
    border: 1px solid #dadada;
}

.bat-trust-box i{
    font-size:30px;
    color:#1f5eff;
    margin-bottom:15px;
}

.bat-trust-box strong{
    display:block;
    font-size:26px;
    color:#0b1f4d;
    font-weight:800;
}

.bat-trust-box span{
    color:#666;
    font-size:14px;
}
.bat-table-wrap {
    background: #fff;
    border-radius: 20px;
    /*overflow: hidden;*/
    box-shadow: 0 15px 40px rgb(81 81 81 / 8%);
    margin-top: 20px;
        border: 1px solid #dfdddd;
}
.bat-comparison-table{
    margin-bottom:0;
}

.bat-comparison-table thead th{
    padding:22px;
    border:none;
    background:#e8f0ff;
    color:#0b1f4d;
    font-size:18px;
    font-weight:700;
}

.bat-highlight{
    background:#1f5eff !important;
    color:#fff !important;
}

.bat-comparison-table td{
    padding:20px;
    vertical-align:middle;
    border-top:1px solid #edf2ff;
    font-size:15px;
}

.bat-comparison-table td i{
    width:25px;
    color:#1f5eff;
}

.bat-success{
    color:#18a84b;
    font-weight:600;
}

.bat-cta-btn{
    display:inline-block;
    background:linear-gradient(135deg,#1f5eff,#4b83ff);
    color:#fff;
    padding:15px 35px;
    border-radius:50px;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 15px 30px rgba(31,94,255,.25);
}

.bat-cta-btn:hover{
    color:#fff;
    text-decoration:none;
}

/*chart match css start here*/


.bat-fare-insights{
    padding:80px 0 0px;
    background:linear-gradient(to bottom,#f7faff,#ffffff);
    
}
.bat-card-body {
    padding-right: 0;
    margin-right: 0px;
}
.bat-fare-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(31,94,255,.10);
        border: 1px solid #dfdddd;
}

.bat-card-header{
    background:linear-gradient(135deg,#1F5EFF,#4A84FF);
    padding:35px;
    color:#fff;
}

.bat-badge{
    display: inline-block;
    background: #FFC107;
    backdrop-filter: blur(10px);
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 15px;
}

.bat-card-header h2{
    font-size:26px;
    font-weight:800;
    margin-bottom:10px;
}

.bat-card-header p{
    opacity:.9;
    margin-bottom:0;
}

.bat-card-body{
    padding:35px;
}

.bat-chart-wrap{
    height:400px;
    position:relative;
}

.bat-chart-wrap canvas{
    width:100%!important;
    height:100%!important;
}

.bat-stat-card{
    background:#fff;
    border:1px solid #edf2ff;
    border-radius:20px;
    padding:25px;
    margin-bottom:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s;
}

.bat-stat-card:hover{
    transform:translateY(-5px);
}

.bat-icon{
    width:65px;
    height:65px;
    margin:0 auto 15px;
    background:linear-gradient(135deg,#1F5EFF,#4A84FF);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.bat-stat-card h5{
    font-size:15px;
    color:#666;
}

.bat-stat-card strong{
    display:block;
    font-size:32px;
    color:#1F5EFF;
    font-weight:800;
}

.bat-stat-card span{
    color:#ffb400;
    font-weight:600;
}

.bat-search-btn{
    display:block;
    width:100%;
    text-align:center;
    padding:16px;
    border-radius:15px;
    background:linear-gradient(135deg,#1F5EFF,#4A84FF);
    color:#fff;
    font-weight:700;
    text-decoration:none;
}

.bat-search-btn:hover{
    color:#fff;
    text-decoration:none;
}

.bat-month-card{
    background:#fff;
    border:1px solid #edf2ff;
    border-radius:15px;
    padding:15px;
    text-align:center;
    transition:.3s;
}

.bat-month-card.active{
    background:#1F5EFF;
    color:#fff;
}

.bat-month-card span{
    display:block;
    font-size:13px;
    margin-bottom:5px;
}

.bat-month-card strong{
    font-size:22px;
    font-weight:700;
}
.bat-card-body {
    padding-right: 0;
    margin-right: 0px;
}
 /*cta compare css start here */
 
 .batx-travel-expert-cta{
    padding:40px 0;
}

.batx-expert-box{
    position:relative;
    overflow:hidden;
    min-height:150px;
    border-radius:24px;
    background:linear-gradient(135deg,#1f5eff 0%,#3f7cff 100%);
    padding:25px 40px;
    box-shadow:0 15px 40px rgba(31,94,255,.18);
}

.batx-content{
    position:relative;
    z-index:5;
    max-width:700px;
}

.batx-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    border-radius:30px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:13px;
    font-weight:600;
    margin-bottom:12px;
}

.batx-title{
       margin: 0 0 4px;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

.batx-desc{
    color:rgba(255,255,255,.92);
    font-size:16px;
    margin-bottom:18px;
}

.batx-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#fff;
    color:#1f5eff;
    text-decoration:none;
    padding:14px 28px;
    border-radius:10px;
    font-weight:700;
}

.batx-btn:hover{
    color:#1f5eff;
    text-decoration:none;
}

.batx-world-map{
position: absolute;
    right: -80px;
    top: -10px;
    width: 820px;
    height: 100%;
    opacity: .09;
    background: url(../img/world-map-made-up.webp) center center no-repeat;
    background-size: cover;
}

.batx-plane{
    position:absolute;
    right:310px;
    top:35px;
    z-index:2;
    color:rgba(255,255,255,.55);
    font-size:28px;
    transform:rotate(25deg);
}

.batx-agent {
    position: absolute;
    right: 5%;
    bottom: 0;
    z-index: 3;
}

.batx-agent img{
    height:220px;
    width:auto;
    display:block;
}



/*testimonial css start here*/



.batx-testimonial-sec{
    padding:20px 0 10px;
    background:#f8fbff;
}

.batx-testi-head{
    margin-bottom:50px;
}

.batx-testi-head span{
    color:#1F5EFF;
    font-weight:700;
    text-transform:uppercase;
}

/*.batx-testi-head h2{*/
/*    font-size:42px;*/
/*    font-weight:800;*/
/*    margin:10px 0;*/
/*}*/

.batx-ticket-card{
    display:flex;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    position:relative;
    min-height:260px;
        border: 1px solid #dfdddd;
}

.batx-ticket-card:before{
    content:'';
    position:absolute;
    left:250px;
    top:0;
    width:2px;
    height:100%;
    background:
    repeating-linear-gradient(
    to bottom,
    #d9e4ff,
    #d9e4ff 10px,
    transparent 10px,
    transparent 20px
    );
}

.batx-ticket-left{
    width:250px;
    background:linear-gradient(135deg,#1F5EFF,#4D83FF);
    text-align:center;
    color:#fff;
    padding:30px 20px;
}

.batx-ticket-left img{
    width:80px !important;
    height:80px !important;
    border-radius:50%;
    border:4px solid #fff;
    margin: 0 auto 15px;
}

.batx-ticket-left h5{
    font-weight:700;
    margin-bottom:5px;
}

.batx-stars{
    color:#ffb400;
    font-size:18px;
    margin-top:10px;
}

.batx-ticket-right{
    flex:1;
    padding:35px;
}

.batx-flight{
    display:inline-block;
    background:#eef3ff;
    color:#1F5EFF;
    font-weight:700;
    padding:8px 15px;
    border-radius:30px;
    margin-bottom:20px;
}

.batx-ticket-right p{
    font-size:16px;
    line-height:1.9;
    color:#555;
}

.batx-date{
    margin-top:20px;
    font-weight:600;
    color:#1F5EFF;
}

.batx-testi-slider .owl-dots{
    text-align:center;
    margin-top:30px;
}

.batx-testi-slider .owl-dot span{
    width:12px;
    height:12px;
    display:block;
    border-radius:50%;
    background:#d6e2ff;
}

.batx-testi-slider .owl-dot.active span{
    background:#1F5EFF;
}



.faq-header{
    text-align:center;
    margin-bottom:50px;
}

.faq-header span{
    color:var(--theme-color);
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    display:block;

}


.faq-wrapper{
    display:flex;
    /*align-items:center;*/
    gap:50px;
}

.faq-list{
    flex:1;
}

.faq-item{
    background:#fff;
    border-radius:10px;
    margin-bottom:15px;
    overflow:hidden;
    border:1px solid #e5e7eb;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.faq-question{
    width:100%;
    border:none;
    background:#fff;
    padding:20px 25px;
    text-align:left;
    cursor:pointer;
    font-size:18px;
    font-weight:600;
    color:#111827;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.faq-question span{
    color:var(--theme-color);
    font-size:24px;
    transition:.3s;
}

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:.4s ease;
}

.faq-answer p{
    padding:0 25px 25px;
    margin:0;
    color:#6b7280;
    line-height:1.8;
}

.faq-item.active .faq-answer{
    max-height:300px;
}

.faq-item.active .faq-question span{
    transform:rotate(45deg);
}

.faq-image{
    flex:0 0 360px;
    text-align:center;
}
.rgt-img-content-faq {
    
       background: var(--theme-color);
    color:#fff;
    padding:25px; 
    border-radius:0px;
}
.faq-image img{
    max-width:100%;
}
.faq-section {
    margin-bottom: 50px;
}
.rgt-img-content-faq a.btn.btn-lg {
    background-color: #fff;
    color: var(--theme-color) !important;
}
.newsletter-section {
    background: linear-gradient(135deg, #1f5eff, #1f5eff);
    padding: 60px 20px;
    color: #fff;
}

.newsletter-box{
  max-width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.newsletter-content h2{
  font-size: 36px;
  margin-bottom: 10px;
}

.newsletter-content p{
  font-size: 16px;
  opacity: 0.9;
  max-width: 400px;
}

.newsletter-form{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  width:50%;
}

.newsletter-form input{
  padding: 12px 15px;
  border: none;
  outline: none;
  border-radius: 5px;
  width: 68%;
}

.newsletter-form button{
  padding: 12px 20px;
  border: none;
  background: #000;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  width:30%;
}
.newsletter-content i {
    font-size: 50px;
    background-color: #fff;
    padding: 15px;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    color: #1f5eff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}
.newsletter-content {
    display: flex;
    align-items: center;
}
.newsletter-form button:hover{
  background: #222;
}


.site-footer{
  background-color:#0b1b2b;
  color:#fff;
  padding:60px 20px 20px;
}

.footer-grid{

  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}
.footer-col.footer-logo {
    width: 380px;
}

.footer-col.footer-logo img.white-logo {
    width: 100%;
    max-width: 260px;
    margin-bottom: 10px;
}
.footer-col h3{
  margin-bottom:15px;
  font-size:18px;
  color:#fff;
}

.footer-col p {
    font-size: 15px;
    opacity: 0.8;
    line-height: 1.6;
}

.footer-col ul{
  list-style:none;
  padding:0;
}

.footer-col ul li{
  margin-bottom:10px;
  font-size:15px;
  opacity:0.85;
}

.footer-col ul li a{
  color:#fff;
  text-decoration:none;
  transition:0.3s;
}

.footer-col ul li a:hover{
  color:#ffb400;
  font-weight:600;
  /*padding-left:5px;*/
}

.footer-bottom{
  text-align:center;
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,0.1);
  font-size:15px;
  opacity:1;
}
.address-footer-col {
       width: 240px;
}

.midle-footer-text p {
    background-color:#fff;
    color:#0b1b2b;
    font-size: 15px;
    font-weight: 400;
    padding: 15px;
    border-radius: 5px;
}

.midle-footer-text {
    margin-top: 30px;
}

.airlines-logo {
    position: absolute;
    bottom: 10px;
    left: 10px;
    border-radius: 50%;
    overflow: hidden;
}

.airlines-logo img {
    width: 50px;
    height: 50px;
    background-color: #fff;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

li.parsley-required, .parsley-errors-list {
    position: absolute !important;
    left: 7px !important;
    color: red;
    bottom: 4px;
    font-size: 14px;
    width: 100%;
    text-align: left;
    background-color: #fff;
}

.header-style-three .main-nav .dropdown .dropdown-menu li a:hover {
    background-color: var(--theme-color);
    color: #fff !important;
}

.header-style-three .main-nav .dropdown .dropdown-menu {
        border-bottom: 2px solid var(--theme-color);
}
.breadcrumb-content .breadcrumb-item .breadcrumb-item + .breadcrumb-item::before {
    color:var(--theme-color);
}

.breadcrumb-section {
    padding: 110px 0px 110px;
}

.col-lg-4.col-md-6 .contact-content-inner:not(:last-child) {
    margin-bottom: 10px;
}
.contact-content-inner .contact-content-text h3 {

    padding-bottom: 0px;
}
.contact-content-inner .contact-content-icon i {
    line-height:1;
}
.contact-content-inner .contact-content-icon {
    margin-bottom: 0;

}
.contact-content-inner {
    align-items:center;
}

.rgt-img-content-faq a.btn.btn-lg {
    font-size: 16px;
}
  @media (max-width:767px) {
      .newsletter-form {

    width: 100%;
}
      .feature-box{
        margin-bottom:15px;
    } 
    
       .bta-grid{
        grid-template-columns:1fr;
    }
    
     .bat-dest-card img{
        height:140px;
    }
    
       .bat-featured-hotel{
        height:380px;
    }

    .bat-content{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .bat-content h3{
        font-size:28px;
    }

    .bat-title{
        font-size:30px;
    }
    
      .bat-hotel-cta{
        margin-top:0px;
    }
    
    
    .bat-popup{
        width:calc(100% - 20px);
        right:10px;
    }

    .bat-help-label{
        display:none;
    }

    .bat-chat-trigger{
        width:60px;
        height:60px;
    }

    .bat-chat-trigger i{
        font-size:24px;
    }
    
    .bat-fare-insights{
        padding:50px 0;
    }

    .bat-card-body{
        padding:20px;
    }

    .bat-chart-wrap{
        height:250px;
    }

    .bat-card-header{
        padding:25px;
    }

    .bat-card-header h2{
        font-size:24px;
    }
    
        .batx-title{
        font-size:22px;
    }

    .batx-desc{
        font-size:14px;
    }

    .batx-btn{
        width:100%;
        justify-content:center;
    }
    
    
        .batx-ticket-card{
        flex-direction:column;
    }

    .batx-ticket-left{
        width:100%;
    }

    .batx-ticket-card:before{
        display:none;
    }

    .batx-testi-head h2{
        font-size:28px;
    }

    .faq-header h2{
        font-size:28px;
    }

    .faq-question{
        font-size:16px;
        padding:18px;
    }
    
    .inner-feature-sec .row .col-lg-2-4.col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.promo-content h2 {
    font-weight: 700;
    font-size: 24px;
    margin: 4px 0 0;
}

.bat-help-label, div#travelPopup , div#openPopup , .batx-agent  , .batx-plane{
    display: none;
}

.promo-btn {
    position: unset;

    transform: unset;

}

.promo-banner {
    flex-wrap: wrap;
    justify-content: center;
}
.promo-content {
    color: #fff;
    max-width: 97%;
    position: relative;
    z-index: 1;
    padding-left: 0;
    text-align: center;
}

.bat-dest-section .bat-dest-card {
        margin-bottom: 15px;
} 

section.bat-dest-section.common-section .col-md-6.mb-4 {
    margin-bottom: 0rem !important;
}

.bat-feature {

    width: 100%;
}
.row.bat-trust-row .col-md-3.col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.faq-wrapper {
    display: flex;
    /* align-items: center; */
    gap: 50px;
    flex-wrap: wrap;
}

.faq-image {
    flex: 0 0 100%;
    text-align: center;
}

.newsletter-content i {

    height: 80px;
    width: 80px;

}

.newsletter-form input , .newsletter-form button{

    width: 100%;
}


.footer-grid {
    margin: auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

/*.site-footer {*/
/*    background-color: #0b1b2b;*/
/*    color: #fff;*/
/*    padding: 60px 20px 90px;*/
/*}*/

    .mobile-main2.tfn-top {
        bottom: unset !important;
        top: 0px !important;
        border-bottom: 4px solid var(--theme-color);
    }
    
    .tfn-bottom {
        border-top: 4px solid var(--theme-color);
    }
    
        .mobile-main2 .call-now span {
        color: #1f5eff;
        animation: unset;
    }
    
    .newsletter-content h2 {
    font-size: 28px;
    margin-bottom: 10px;
}

.bat-final-cta h2 {

    font-size: 28px;

}

.bat-table-wrap {
        overflow-x: auto !important;
    }
    
    .flight-search-wrapper .short-code p {
    display: block ! IMPORTANT;
}

.hero-banner.update-hero-banner {
    background:#eee !important;
}
.hero-banner.update-hero-banner:before {
    background-color: #9c9d9e47;
}

.site-footer {
    background-color: #0b1b2b;
    color: #fff;
    padding: 60px 0px 90px;
}
.contact-form-area .contact-form-input {
    margin:0px;
}
.contact-form-area .contact-form-input input , .contact-form-area textarea{
  
            max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        background-color: #fff;
}

  .contact-form-area {
        padding: 0 15px;
        background-color: transparent;
        margin-bottom: 50px;
    }
  }
    
/*responsive css end here*/