body{
	padding: 0;
	margin: 0;
	background-color: #292d33 !important;
}


.wapp-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #fff;
    padding: 10px 25px;
    border-radius: 100%;
    transition: 0.3s;
}

.wapp-icon {
    width: 35px;
}

.wapp-btn:hover {
    box-shadow: 0px 0px 15px 10px #000;
}

.container{
	width: 100%;
	margin: 0 auto;
	max-width: 1200px !important;
	display: table;
}

.mid-logo{
	display: none;
}

.top-nv {
    text-align: center;
    display: none;
}

.top-nv img {
	width: 40px;
}

.right-side img {
    width: 30%;
}

.right-side {
    text-align: center;
    display: none;
}

header {
	width: 100%;
    position: fixed;
    background-color: #F2F2F2;
    padding: 0px 0;
    z-index: 9999;
}

.navbar-nav {
    align-items: center;
}

.nav-item {
    padding: 0px 5px;
}

.nav-link {
	font-size: 19px;
	font-weight: 500;
	transition: 0.3s;
	color: #000;
}



.hero-section{
	width: 100%;
	background:linear-gradient(rgba(0 0 0 / 50%),rgba(0 0 0 / 50%)) , url('../img/driving-highway.webp') no-repeat;
	background-size: cover;
	background-position: center 17%;
	padding: 170px 0 65px 0;
	background-attachment: fixed;

}

.hero-1 {
	text-align: center;
	margin-bottom: 30px;
}

.hero-1 h1 {
	text-shadow: 1px 1px 0px;
	color: #fff;
	margin: 0 0 30px;
	font-size: 50px;
}

.store-icons {
	display: flex;
	justify-content: space-evenly;
}

.store-img img {
	width: 80%;
}

.about-section {
	width: 100%;
	padding: 100px 0;
}

.about-img img {
	width: 100%;
	border-radius: 30% 0%;
}

.about-txt h2 {
    color: #fff;
    margin-bottom: 20px;
}

.about-txt p {
	font-size: 18px;
	color: #fff;
	font-weight: 500;
}

.about-txt-div li{
     color: #000;
     background-color: #fff !important;
}


.about-txt-div h3 {
    color: #000;
    background-color: #fff !important;
}

.mdl-abt {
    margin-top: 90px;
}

.content-btn button {
	box-shadow: none !important;
    border-radius: 0 !important;
    background-color: #f2f2f2 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #000 !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    border: none;
}

.about-dialog p {
	color: #000;
	font-weight: unset;
}

.about-dialog {
	max-width: 1200px !important;
}


.main-pg-hd {
	text-align: center;
}

.main-pg-hd h2 {
	color: #fff;
	margin: 0 0 60px;
	font-size: 50px;
	font-weight: 400;
}

.service-bx {
	text-align: center;
}

.service-bx img {
	width: 40%;
}

.service-bx span {
	display: block;
	color: #fff;
    font-weight: 500;
    font-size: 20px;
}

.airport-section {
	width: 100%;
	padding: 100px 0;
}

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

.airport-img img {
	width: 80%;
}

.airport-bx {
	text-align: center;
	margin: 20px;
}


.airport-img {
	background-color: #f2f2f2;
}

.airport-txt {
	background-color: #fff;
	margin: -32px 30px 0px 30px;
	padding: 42px 30px 39px 30px;
	box-shadow: 0px 7px 25px -8px #000;
}

.airport-txt span {
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: #000;
}



.station-bx {
	text-align: center;
	margin: 15px;
}

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

.station-img {
	background-color: #f2f2f2;
	padding: 35px;
}

.station-img img {
	width: 100%;
}

.station-txt {
	background-color: #fff;
	padding: 40px 0px;
	margin: 0px 30px;
	box-shadow: 0px 7px 25px -8px #000;
}

.station-txt span {
	font-size: 20px;
	color: #000;
}

.st-spn {
    background-color: #fff !important;
    color: #000;
}

.one-st {
	margin-top: -30px;
	margin-left: -20px;
	margin-right: 40px;
}

.two-st {
	margin-top: -29px;
	margin-right: -20px;
	margin-left: 40px;
}

.three-st {
	margin-left: -20px;
	margin-right: 35px;
	margin-top: -29px;
}

.four-st {
	margin-right: -23px;
	margin-top: -29px;
}

.five-st {
	margin-top: -30px;
	margin-left: -20px;
}

.six-st {
	margin-top: -30px;
	margin-left: 15px;
	margin-right: 15px;
}

.seven-st {
	margin-top: -30px;
	margin-right: -25px;
}


.station-bx:hover {
	animation: shake 0.8s;
}

.fleet-bx {
	display: flex;
	align-items: center;
	background-color: #f2f2f2;
}

.hd-fleets span {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
}

.hd-fleets {
    text-align: center;
    margin-bottom: 17px;
}

.fleet-img img {
	width: 100%;
}

.details-car ul {
	padding: 0;
	margin: 0;
}

.details-car li {
	list-style: none;
	display: flex;
	align-items: center;
	border-bottom: 2px solid #000;
	justify-content: space-evenly;
}

.details-car {
	width: 100%;
	background-color: #fff;
	padding: 15px 10px;
}

.names span {
	font-size: 20px;
}

.numbers span {
	font-size: 20px;
}

.fleet-section {
	width: 100%;
	padding: 100px 0;
}


.contact-main {
    padding: 50px 0px;
}

.contct-box {
    text-align: center;
}

.contct-box a {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    display: block;
}

.contct-box p {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.contct-box a:hover {
	color: #fff;
	text-decoration: none;
}

.contact-section .row {
    align-items: center;
}

.contact-section-2 .row {
    justify-content: center;
}

.contact-section-2 {
    padding: 30px 0;
}


/*404 page css*/


.content-404 {
    width: 100%;
    height: 100vh;
    background-color: #292D33;
    display: flex;
    justify-content: center;
    align-items: center;
}

.heading-404 {
    text-align: center;
    color: #F2F2F2;
    font-size: 80px;
    font-weight: 700;
}
.sub-heading-404 {
    font-size: 35px;
    font-weight: 700;
    color: #F2F2F2;
}

.para-404 {
    font-size: 22px;
    text-align: center;
    color: #F2F2F2;
}

.link-404 {
    color: #F2F2F2;
}


/*404 page css close*/






footer {
	width: 100%;
	padding: 30px 0;
	background-color: #f2f2f2;
}

.ft-1 {
    text-align: center;
}

.ft-icons {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
}

.ft-1 span {
    font-size: 19px;
    font-weight: 500;
}

.ft-1 a {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
}
.ft-1 a:hover {
    text-decoration: none;
    color: #000;
}



/*inner page css*/

.about-inner {
	padding: 80px 0px;
    background-color: #fff;
}

.content-txt p {
    font-size: 18px;
}


/*inner page css close*/



@media screen and (min-width: 320px) and (max-width: 768px) {


.right-side {
    display: none;
}

.top-nv {
	display: none;
}

.mid-logo{
	display: block;
}

.top-nv a {
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

.mid-logo-2{
	display: none;
}

.about-img img{
	display: none;
}

.about-section {
    width: 100%;
    padding: 40px 0;
}

.one-st {
	margin: 0;
}

.two-st {
	margin: 0;
}

.three-st {
	margin: 0;
}

.four-st {
	margin: 0;
}

.five-st {
	margin: 0;
}

.seven-st {
	margin: 0;
}

.fleet-bx {
	display: unset;
}
}

@media screen and (max-width: 576px){
    .hero-section{
        padding: 130px 0 65px 0;
    }
    .hero-1 h1{
        text-shadow:none;
        margin: 0 0 10px;
        font-size: 20px;
    }
}