/*Booking Code Start*/
body .ui-autocomplete {
    z-index: 1000;
    position: absolute;
    border: 1px solid #000;
    top: 100%;
    width: 100px;
    height: auto;
    margin: 30px;
    padding: 0;
    list-style-type: none;
}
body .ui-autocomplete .ui-menu-item {
    background-color: #fff;
    border-bottom: 1px solid #000;
    list-style-type: none;
    width: 100%;
}
body .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
    background-color: #fff;
    padding: 5px;
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #6693bc !important;
    font-weight: 700 !important;
    color: #fff !important;
    padding: 10px;
}
.ui-autocomplete {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*Booking Code End*/



.inner-pages-header-hr{
    border-color: #17B7D7 !important;
}

.info-detail a{
    text-decoration: none !important;
    color: #011B1F !important;

    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

.info-detail{
    background-color: #17B7D7;
    padding: 20px 0;

}


/* navbar  */

.navbar{
    /* padding-left: 20px !important;
    padding-right: 20px !important; */
    background-color: #011B1F;
    padding-top: 10px;
    padding-bottom: 10px;
    /* position: relative; */
}


.navbar-brand{
    background-color: #011B1F;
    /* position: absolute; */
    /* padding: 5px 20px; */
    /* top: 100%;
    left: 35px; */
    /* transform: translateX(-50%); */
    /* border-radius: 10px !important; */

}
.navbar-brand img{
    width: 90px;
}

.logo a{
    margin: 0;
}
/* 
.navbar-nav{
    border-radius: 10px !important;
} */


#navList{
    padding-left: 15px;
}

.nav-link{
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-right: 10px !important;
    color: white !important;
    font-weight: bold !important;
    transition: all 0.5s ease-in-out !important;
    border-bottom: solid #F5F5F5 2px ;

}



.nav-link.active{
    color: #17B7D7 !important;
    border-bottom: solid 2px #17B7D7;
}


.nav-link:hover{
    color: #ffffff !important;
    border-bottom: solid 2px #17B7D7;
}


.dropdown-item{
    font-weight: bold !important;
    transition: all 0.5s ease-in-out !important;
    background-color: transparent !important;
}

.dropdown-item:hover{
    background-color: transparent !important;
    border-bottom: solid 2px #17B7D7;
}


.dropdown-item:focus{
    background-color: transparent !important;
    color: #999999 !important;
}




.dropdown-item{
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-right: 10px !important;
    color: #ffffff !important;
    font-weight: bold !important;
    transition: all 0.5s ease-in-out !important;
    border-bottom: solid #F5F5F5 2px ;


}




.dropdown-item.active{
    color: #17B7D7 !important;
    background-color: transparent;
    border-bottom: solid 2px #17B7D7;
}




.dropdown-toggle {
    color: #ffffff;
    border: none;
    border-bottom: solid #F5F5F5 2px ;

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

}

  .dropdown-menu {
    background-color: #011B1F;
    display: none;
    position: absolute;
    padding-bottom: 0;
    z-index: 1;
    left: -30px;
    
  }
  
  .dropdown-menu  a {
    color: #ffffff !important;
    text-decoration: none;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
}
  
  
/* .dropdown:hover .dropdown-menu{
    display: block;
} */

/* 

@media screen and (min-width: 451px ) {
   
    .form-div{
        padding: 0 80px !important;
       
    }
      } */
    






.navbar-toggler{
    background-color: #17B7D7;
    border: 2px solid #fff8dc !important;
}











/* _____________top call________________  */
.call-icon p{
    display: none;
}
.call-icon-link{
    /* padding-top: 10px;    */
    text-decoration: none !important;
}

.call-icon-link{
    color: #17B7D7;
}


.call-icon-link:hover{
    color: #cccccc;
}




/* apps  */


/* 
.app-icons-div{
    list-style-type: none;
    padding: 18px 0;
}

.head-social-icons{
    list-style-type: none;
    padding: 10px;
    color: white !important;
}

.head-social-icons span{
    color: white !important;
    font-size: 20px;
    text-decoration: none !important;
}

.head-social-icons a{
    text-decoration: none !important;
} */




/* header section  */

.store-main {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-right: 15px;
}
.store-icons img{
    width: 40px;
}
.header-section{
    background: url(images/header-bg.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 
}
.header-inner-section{
    background: url(images/header-bg.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 
}



.header-section-opacity{
    padding-top: 70px;
    padding-bottom: 100px;
    background-color: #011B1F7e;
 
}
.header-inner-section-opacity{
    padding-top: 180px;
    padding-bottom: 100px;
    background-color: #011B1F7e;
 
}
.slog-para{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block !important;
}
.slog-para span{
    display: block;
}






.main-heading{
    color: #ffffff;
    font-weight: 700;
    font-size: 50px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0px;
    /* padding-bottom: 70px; */
}

.main-heading-hr{
    border: solid 3px #17B7D7 ;
    border-width: 4px;
    border-radius: 20px;
    width: 80px;
}

.booking-heading{
    color:#ffffff;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;

}


.form-div {
    background-color: #011B1F;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
    padding-bottom: 60px;
    margin: 0;
    /* border-bottom: solid #17B7D7 3px; */

}

.header-detail{
    background-color: #011B1F;
    padding: 12px;
    color: white !important;
    border-bottom: solid #17B7D7 3px;
}

.header-detail-headings{
    /* background-color: #17B7D7c7; */
    /* padding: 5px !important; */
    font-size: 20px;
    color: #17B7D7 !important;
    margin: 0;
}


.get-quotes-btn{
    color: #011B1F !important;
    font-weight: bold !important;
    box-shadow: none !important;
    background-color: #ffffffa6 !important;
    border-radius: 0% !important;
    border-color: #17B7D7 ;

}

.get-quotes-btn:hover{
    background-color: #011B1F !important;
    color: #ffffff !important;
    border-color: #17B7D7 !important;
}

::placeholder {
    color: #011B1F !important;
  }

.form-control{
    box-shadow: none !important;
    border-color: #17B7D7 !important;
    background-color: #ffffffa6;
    color: #011B1F !important;
    border-radius: 0% !important;    
}


.input-group-text{
    background-color: #011B1F;
    border: solid #17B7D7  1px;
    border-radius: 0%;
}

.contact-labels{
    color: #011B1F !important;
}


.main-headings{
    color: rgb(253, 253, 253) !important;
    font-weight: 700;
}





/* ______________service____________ */


.service-section{
    padding: 48px 0;
    background-color: #011B1F;
}


.service-main-heading{
    padding-bottom: 20px !important;
    font-weight: bold;
    font-size: 40px;
    color: #17B7D7;
    font-family:Arial, Helvetica, sans-serif;
    text-align: center;
}


.service-div{
    text-align: center !important;

}

.service-img{
    padding: 10px;
    transition: all 0.5s ease-in-out;
    /* filter: brightness(0) invert(1); */
}

.service-img:hover{
    transform: translate( -8px, -8px);
}


.service-headings{
    font-size: 21px;
    font-weight: bold;
    color: #ffffff;
    font-family:Arial, Helvetica, sans-serif;
    padding-top: 5px

}

/* .service-sub-div{
} */

.img-div{
    border-bottom: solid #17B7D7 2px;
    padding-bottom: 10px

}

/* _______________index about_________  */




/* 
.ABOUT-CONTENT-DIV{
    top: 50%;
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.read-btn{
    text-align: right !important;
    box-shadow: none !important;
    border: solid #011B1F;
    background-color: #ffffffa6;
    color: rgb(0, 0, 0);
    font-weight: bold;
    border-radius: 0 !important;
    transition: all .4s ease-in-out;
}


.read-btn:hover{
    text-align: right !important;
    box-shadow: none !important;
    border: solid #17b7d78c;
    background-color: #17B7D7 !important;
    color: #011B1F;
    font-weight: bold;
}


.about-inner-heading{
    font-size: 35px;
    font-weight: bold;
    color: #011B1F !important;
}

.about-inner-headings{
    font-size: 30px;
    font-weight: bold;
    color: #011B1F !important;

}




.about-heading{
    text-transform: uppercase !important;
    font-size: 24px;
    font-weight: bold;
    color: #011B1F !important;

}



.modal-header{
    background-color: #17B7D7;
    color: #ffffff;
    border-top: solid black 4px;
    border-top: solid black 4px;
}

.modal-footer{
    background-color: #17B7D7;
    color: white;
    border-bottom: solid black 4px ;
    border-bottom: solid black 4px ;
}

.modal-closs-btn{
    border: solid rgb(255, 255, 255) 2px ;
    box-shadow: none !important;
    border-radius: 0%;
    color: #011B1F;
}
.modal-closs-btn:hover{
    border: solid rgb(165, 165, 165) 2px ;
    box-shadow: none !important;
    border-radius: 0%;
    color: #fff8dc;
}


.modal-cancel-btn{
    border-top-right-radius: 32px !important;
    border: solid rgb(255, 255, 255) 2px !important;
    box-shadow: none !important;
    padding: 2px !important;
}

.modal-cancel-btn:focus{
    outline: transparent !important;
    border: transparent !important;


}








/* fleet */

/* .fleet-section{
    padding-bottom: 6% ;

} */
.fleet-section {
    padding: 80px 0;
    background: #011B1E;
}

.main-fleet-heading{
    font-weight: bold;
    font-size: 40px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center !important;
    /* padding-bottom: 20px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 70px !important; */
    /* margin-top:  0 !important; */
    margin-bottom:  20px !important;
}


.fleet-headings{
    font-size: 30px;
    font-weight: bold;
    color: #011B1F !important;
    padding-bottom: 30px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    

}

#fleet-slider-main {
    width: 100%;
    height: 100%;
    border: 10px solid transparent;
    padding: 0 !important;
    margin:  0px !important;
    z-index: 100;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    box-sizing: border-box;
  }
  #fleet-slider-main > li {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 15px;
    font-size: initial;
    line-height: normal;
    transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); /* Slide css animation */
    background-size: cover;
    vertical-align: top;
    box-sizing: border-box;
    white-space: normal;
  }

  #fleet-slider-main  p{
    font-size: 38px;
    font-weight: bold;
    margin: 0;
    text-decoration: none !important;
} 



.fleet-para{
    display: inline-flex !important;
    font-size: 12px;
    font-weight: bold;
    color: #011B1F;
    font-family:Arial, Helvetica, sans-serif;
}


.fleet-icons{
    margin-right: 3px;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
}



.slider-row{
   
    margin: 0;
    padding: 0;
    /* border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important; */
    /* box-shadow: 0 4px 8px 0 rgba#fc61009d, 0 10px 20px 0 rgba#fc61009d; */
    border-bottom: solid #17B7D7 3px;
    background-color: #17B7D7;
}

.fleet-icons{
    filter: brightness(0) invert(1);
}







.Facilitator{
    padding: 30px 0;
    background-color: #17B7D7;
    margin-top: 20px;
    
}
.Facilitator p{
    color: #011B1E;
    font-weight: 500;
    margin: 0;
}
/* app  */

.footer-section-app{
    background-color: #17B7D7;
    
}

.app-main-heading{
    padding-top: 35px !important;
    padding-bottom: 25px !important;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 35px;
    color:#011B1F;
    font-family:Arial, Helvetica, sans-serif;
}

.app-div{
    border-radius: 10px;
    /* box-shadow: 0 0 10px 0 #ffffff; */
    color: #011B1F;
}


.app-div h2{
    /* background-color: #17B7D7; */
    /* border-radius: 10px; */
    font-size: 25px;
}


.icon-div a{
    filter: brightness(0) invert(1);
}

.icon-div {
    margin: 10px 0;
}





/* _________________station______________ */


.sub-station-div{
	font-family: Arial, Helvetica, sans-serif;
    color: #011B1F !important;
    padding: 20px 0;
    /* font-size: 10px; */
}

.station-div{
    transition: all .4s ease;
}

.station-div:hover{
    box-shadow:  0 6px 5px #011B1F;

}


.station-div a{
    color: #011B1F !important;
    text-decoration: none !important;
    /* font-size: 22px; */
    /* font-weight: bold; */
}

.station-div h2{
    color: #011B1F !important;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: bold;
}

.station-main-heading{
    padding-top: 20px  !important;
    padding-bottom: 10px  !important;
    font-weight: bold;
    font-size: 40px;
    color:#011B1F;
    font-family:Arial, Helvetica, sans-serif;
}


.station-col{
    background-color: #17B7D7;
}






.airport-main-heading{
    /* padding-top: 35px !important; */
    font-weight: bold;
    font-size: 40px;
    color:#011B1F;
    font-family:Arial, Helvetica, sans-serif;
}


.airport-div {
    /* padding: 18px 10px; */
    /* border: solid #1F1209 1px; */
    /* border-radius: 25% 25% 0% 0% / 5% 5% 0% 0% ; */
    /* box-shadow: 0 0 5px 5px #834C24; */
    transition: all .4s ease;
    padding: 20px 0;

}
.airport-div:hover {
    /* border-radius: 0% 0% 50% 50% / 0% 0% 5% 5% ; */
    box-shadow:  0 10px 5px #011B1Fc2;
}

.airport-div {
    text-decoration: none !important;
    color: #011B1F !important;
}

.airport-div h2{
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    font-weight: bold;

    /* padding-bottom: 5px; */
}

/* .airport-div h4{
    font-size: 18px;
    font-family:Arial, Helvetica, sans-serif;
    margin: 0;
    color: #17B7D7;
} */

.airport-station a {
    text-decoration: none !important;
   
}









/* footer */



.footer-ul{
    margin-top: 15px;
    list-style-type: none;
    padding: 0;
    align-items: center;
    

}

.footer-section{
    color: #17B7D7 !important;
    background-color: #011B1F;
    padding-top: 8px;
    font-weight: bold;

}

.privacy{
    text-decoration: none !important;
    color: rgb(255, 236, 236);
}

.privacy:hover{
    color: #ffffff;
}






/* contact */



.contact-header-section{
    background: url(images/contact-header-bg.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 
}



.contact-header-opacity{
    padding-top: 180px;
    background-color: #011b1fcc;
    color: white;
 
}


.inner-pages-content-section{
    padding: 2% 0;
}


.contact-links, .contact-para{
	text-decoration: none !important;
	color: #17B7D7;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
	transition: all .3s ease-in-out;
}

.contact-links:hover{
	color: #17B7D7;
}

.contact-inputs{
	box-shadow: none !important;
	outline: none !important;
	border: 2px solid black !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #17B7D7 !important;
	transition: all .3s ease-in-out !important;
    border-radius: 0 !important;

}

.contact-inputs:focus{
	border-color: #17B7D7 !important;
    color: #17B7D7 !important;
}


.message-btn{
    border: solid 2px #011B1F !important;
    background-color: transparent !important;
    color: black !important; 
    font-weight: bold !important;
    border-radius: 0 !important;

}

.message-btn:hover{
    font-weight: bold !important;
    color: white !important;
    border-color: #011B1F !important;
    background-color: #17B7D7 !important;
}



.contact-headings-span{
    color: #17B7D7;
}


.contact{
    color: #17B7D7;
}




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

.about-header-section{
    background: url(images/about-header-bg.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 
}



.about-header-opacity{
    /* padding: 48px 20px; */
    padding-top: 180px;
    background-color: #011b1fcc;
    color: white;
 
}


/* inner pages  */




.inner-section{
    background: url(images/inner-header-bg.webp);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 

}

.inner-section-opacity{
    /* padding: 48px 0; */
    padding-top: 250px;
    background-color: #011B1Fad;
    color: white;
}


.form-div-inner{
    /* border-bottom: solid #17B7D7 3px; */
    padding: 2%;
    /* box-shadow:  0 10px 5px #17B7D7; */
    background-color: #ffffff;

}


.booking-heading-inner{
    color:#011B1F !important;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
}



.fix-btn{
    position: relative;
    display: none;
}

/*404 page styling*/
.body-404{
    background-color: #c5cada;
}

.main-404-div{
    position: absolute;
    width: 100%;
    height: 100%;
}

.inner-404-div{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.heading-404{
    font-size: 100px;
    font-weight: 700;
    color: #3E56AA;
}

.sub-heading-404{
    font-weight: 700;
    color: #333333;
}

.para-404{
    font-size: 21px;
    font-weight: 600;
    color: #011B1F;
}

.link-404{
    text-decoration: none !important;
    color: #3E56AA;
    transition: all .4s ease-in-out;
}

.link-404:hover{
    color: #011B1F !important;
}
.mobileblock{
    display: none;
}
/*404 page styling end*/


@media screen and (max-width: 768px) {
    .header-section, .header-inner-section{
        background: #17B7D7;
    }
    .header-section-opacity{
        padding: 130px 0px 0px;
        background-color: transparent;
    }
    
    .header-inner-section-opacity{
        padding: 130px 0px 0px;
        background-color: transparent;
    }
    .main-heading {
        font-size: 18px;
    }
    .contact-header-heading, .about-header-heading{
        font-size: 23px;
    }
    .inner-pages-small-heading{
        font-size: 20px;
    }
    .slog-para span{
        display: none;
    }
    
}

@media screen and (max-width: 991px ){
    .header-section-opacity{
        padding: 20px 0px 0px;
    }
    .header-inner-section-opacity{
        padding: 100px 0px 0px;
    }
    .dropdown{
        width: 100%;
    }
    .dropdown-item{
        font-size: 13px ;
    }
    .store-main{
        padding-left: 15px;
        margin-top: 20px;
    }
    .call-icon-link {
        display: none;
    }
    .about-heading{
        font-size: 17px ;
        
    }
    .header-section p {
        display: none;
    }
    .header-section hr{
        display: none;
    }
    .header-inner-section p {
        display: none;
    }
    .header-inner-section hr{
        display: none;
    }
    .slog-para {
        font-size: 14px ;
        margin-top: 0px;
    }
    .privacy-div{
        font-size: 12px;
    }
    .contact-link-text {
        font-size: 12px;
    }
    .airport-main-heading , .station-main-heading ,.main-fleet-heading {
        /* padding-top: 35px !important; */
        font-size: 30px;
       
    }
    .airport-main-heading {
        margin-top: 20px;
    }
    .fix-btn {
        position: relative;
        display: block !important;
        
    }
    .fix-btn a{
        position: fixed;
        bottom: 102px;
        left: 10px;
        padding: 8px;
        background-color: #17B7D7;
        z-index: 99999;
        border-radius: 50%;
        box-shadow: 1px 1px 7px -1px #000;
    }
    .fix-btn img{
        width: 24px;
        height: 24px;
        
    }
    .mobileblock{
        padding: 30px 0;
        display: block !important;
    }
}