*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
    font-family: 'Mukta Vaani', sans-serif;
    font-weight: 600;
}
.container{
	max-width: 92%;
	margin: 0 auto;
	padding: 0 15px;
}
.d-flex{
	display: flex;
}
.row{
	display: flex;
	flex-wrap: wrap;
}
ul{
	list-style: none;
}
a{
	text-decoration: none;
	display: inline-block;
}
.justify-content-between{
	justify-content: space-between;
}
.justify-content-center{
	justify-content: center;
}
.align-item-center{
	align-items: center;
}
.text-align-center{
	text-align: center;
}
.flex-direction-column{
	flex-direction: column;
}
.w-100{
	width: 100%;
}
.w-50{
	width: 50%;
}
.w-60{
	width: 60%;
}
.w-40{
	width: 40%;
}
.w-33{
	width: 33.33%;
}
.w-25{
	width: 25%;
}
.w-20{
	width: 20%;
}
.h-100{
	height: 100%;
}
body{
	position: relative;
}
.position-relative{
	position: relative;
}
.position-absolute{
	position: absolute;
}


/* HEADER */


header .row ul li{
    padding: 20px 15px;
}
header .row ul li:hover a{
    color: #c85e51;
}
header .row ul li a{
    color: #444444;
    font-size: 13px;
    font-weight: 700;
}
header{
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #eeeeee;
}
header .row{
	padding: 0px 20px;
}

/* BANNER */

.banner{
    background-image: url(../images/redcar.jpg);
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.banner .container h1{
    color: #f7f7f7;
    font-size: 48px;
    margin-bottom: 10px;
    font-weight: 700;
    padding-top: 140px;
}
.banner .container p{
    color: #f7f7f7;
    font-size: 18px;
    margin: 30px 0 20px;
}
.banner .container a{
    color: #f7f7f7;
    font-size: 17px;
    padding: 7px 25px;
    margin: 5px;
    border: 2px solid white;
    border-radius: 3px;
}

/* ABOUT-US */
.about-us .row{
	border-top: 1px solid white;
}
.about-us .row .w-33 .overlay1{
	background-image: url(../images/layout1.jpg);
	width: 100%;
	/* height: 318px; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.about-us .row .w-33 .overlay2{
	background-image: url(../images/layout2.jpg);
	width: 100%;
	/* height: 318px; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.about-us .row .w-33 .overlay3{
	background-image: url(../images/layout3.jpg);
	width: 100%;
	/* height: 318px; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.about-us .row .w-33 .overlay-title{
	height: 318px;
	align-items: flex-end;
	display: flex;
}
.about-us .row .w-33 .overlay-content{
	padding: 40px 15px 15px;
}
.about-us .row .w-33 .overlay-content h3{
	color: #eeeeee;
	font-size: 20px;
}
.about-us .row .w-33 .overlay-content p{
	color: #bbbbbb;
	font-weight: 300;
}


/* OUR SERVICES */

.our-service{
	background-color: #f9f9f9;
	padding: 100px 0;
}
.our-service .service-img{
	padding-right: 100px;
}
.our-service .service-title h3{
	font-size: 64px;
	color: #333333;
	line-height: 55px;
	margin-bottom: 100px;
}
.our-service .service-title p{
	font-size: 16px;
	color: #555555;
	margin-bottom: 30px;
	font-weight: 500;
}


/* ABOUT US */

.our-strength .container{
	margin: 48px 12px;
}
.our-strength .container .row .our-strength-contain{
	margin: 48px 0 32px;
	padding: 0 12px;
}
.our-strength .container .row .our-strength-img{
	padding: 0 12px;
}
.our-strength .container .row > .w-33 .our-strength-contain h2{
	font-size: 44px;
	color: #333333;
	line-height: 55px;
	padding-bottom: 50px;
}
.our-strength .container .row .w-33:first-child .our-strength-contain p{
	color: #999999;
	font-size: 16px;
	font-weight: 400;
}
.our-strength .container .row .w-33:first-child .our-strength-contain a{
    color: #ffffff;
    font-size: 17px;
    padding: 7px 25px;
    margin: 5px;
	background-color: #111111;
    border: 2px solid #ffffff;
    border-radius: 5px;
}
.our-strength .container .row .w-33:last-child .our-strength-contain .d-flex{
	padding: 50px;
}
.our-strength .container .row .w-33:last-child .our-strength-contain .icon{
	padding: 0 12px;
}
.our-strength .container .row .w-33:last-child .our-strength-contain .icon i{
	font-size: 50px;
	color: #555555;
}
.our-strength .container .row .w-33:last-child .our-strength-contain .title{
	padding-left: 10px;
}
.our-strength .container .row .w-33:last-child .our-strength-contain h3{
	font-size: 16px;
	color: #333333;
}
.our-strength .container .row .w-33:last-child .our-strength-contain p{
	font-size: 16px;
	color: #999999;
	font-weight: 400;
	margin-top: 8px;
}

/* NEW SERIES */

.new-series{
	padding-bottom: 50px;
	height: 900px;
}
.new-series .series-bg{
	background-image: url(../images/bg-road.png);
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 130px;
}
.new-series .series-bg .container .container-inner{
	/* width: 1240px; */
	/* height: 600px; */
	padding: 90px 250px 0;
	position: relative;
}
.new-series .series-bg .container .container-inner .inner1 h2{
	color: #ffffff;
	font-size: 40px;
	letter-spacing: 1px;
}
.new-series .series-bg .container .container-inner .inner1 h3{
	color: #eeeeee;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 1px;
}
.new-series .series-bg .container .container-inner .inner2{
	width: 360px;
	float: right;
}
.new-series .series-bg .container .container-inner .inner2 h2{
	text-align: right;
	color: #eeeeee;
	font-size: 60px;
	padding-bottom: 20px;
}
.new-series .series-bg .container .container-inner .inner2 p{
	text-align: right;
	color: #eeeeee;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	padding-bottom: 25px;
}
.new-series .series-bg .container .container-inner .inner2 a{
	float: right;
	color: #ffffff;
	font-size: 18px;
	padding: 8px 26px;
	border-radius: 23px;
	background-color: #111111;
	margin: 10px 5px 0;
}
.new-series .series-bg .container .container-inner img{
	width: 850px;
	/* position: absolute;
	top: 130px; */
}
/* .new-series .series-bg .container .otherSedan{
	margin: 150px 0;
} */
.new-series .series-bg .container .otherSedan .sedanContent{
	padding: 10px;
	border: 1px solid #bbbbbb;
	margin: 10px;
	align-items: center;
}
.new-series .series-bg .container .otherSedan .sedanContent .sedanImg{
	width: 80px;
	height: 58px;
}
.new-series .series-bg .container .otherSedan .sedanContent .sedanInner{
	padding-left: 10px;
}
.new-series .series-bg .container .otherSedan .sedanContent .sedanInner p{
	color: #999999;
	font-size: 14px;
	line-height: 14px;
}
.new-series .series-bg .container .otherSedan .sedanContent .sedanInner h3{
	color: #333333;
	font-size: 17px;
	line-height: 16px;
}

/* DRAG SECTION */

.drag .dragBg{
	background-image: url(../images/dragBg.jpg);
	width: 100%;
	background-size: cover;
	background-position: bottom;
	padding: 80px 0 40px;
}
.drag .dragBg .dragContent{
	color: #eeeeee;
	text-align: center;
	font-size: 32px;
}
.drag .dragBg .dragNav a i{
	color: white;
}
.drag .dragBg .container .dragRightContent{
	margin: 0 25px;
	width: 400px;
}
.drag .dragBg .container .dragRightContent h3{
	color: #eeeeee;
	font-size: 40px;
}
.drag .dragBg .dragRightContent p{
	color: #999999;
	font-size: 25px;
	font-weight: 100;
	margin-top: 10px;
}
.drag .dragBg .dragRightContent form{
	margin: 50px 0;
}
.drag .dragBg .dragRightContent form .selectBrand{
	padding: 10px 0;
}
.drag .dragBg .dragRightContent form .selectBrand select{
	width: 100%;
	height: 40px;
	color: black;
	font-size: 20px;
	padding: 0 10px;
	font-weight: 400;
	border: 1px solid transparent;
	border-radius: 5px;
}
.drag .dragBg .dragRightContent form .selectBrand select option{
	background-color: #333333;
	color: #eeeeee;
	font-size: 16px;
	font-weight: 400;
}
.drag .dragBg .dragRightContent form .selectModel{
	padding: 10px 0;
}
.drag .dragBg .dragRightContent form .selectModel select{
	width: 100%;
	height: 40px;
	color: black;
	font-size: 20px;
	padding:0 10px;
	font-weight: 400;
	border: 1px solid transparent;
	border-radius: 5px;
}
.drag .dragBg .dragRightContent form .selectModel select option{
	background-color: #333333;
	color: #eeeeee;
	font-size: 16px;
	font-weight: 400;
}
.drag .dragBg .dragRightContent form button{
	margin: 10px 0;
	width: 100%;
	height: 40px;
	color: #eeeeee;
	font-size: 20px;
	padding:0 10px;
	font-weight: 400;
	border: 1px solid transparent;
	border-radius: 5px;
	background-color: #c85e51;
}


/* FEATURED CARS */

.futureCars{
	padding: 100px 0;
}
.futureCars .container .futureTitle{
	text-align: center;
}
.futureCars .container .futureTitle p{
	color: #999999;
	margin-bottom: 9px;
	font-weight: 300;
	letter-spacing: 1px;
}
.futureCars .container .futureTitle h3{
	color: #333333;
	font-size: 30px;
}
.futureCars .container .futureTitle .underLine{
	width: 40px;
	border-bottom: 2px solid #333333;
	margin: 20px auto;
}
.futureCars .container .navlist ul li{
	margin-bottom: 12px;
}
.futureCars .container .navlist ul li a{
	padding: 9px 20px;
	display: flex;
	flex-direction: column;
	text-align: center;
}
.futureCars .container .navlist ul li a i{
	font-size: 30px;
	font-weight: 600;
	color: #555555;
	margin-bottom: 2px;
}
.futureCars .container .navlist ul li a span{
	color: #999999;
	font-size: 13px;
}
.futureCars .container .navlist ul li:hover a i{
	color: #c85e51;
}
.futureCars .container .navlist ul li:hover a span{
	color: #c85e51;
}
.futureCars .container .row .car-details{
	margin: 0px 10px 30px;
	padding-top: 20px;
}
.futureCars .container .row .car-details h3{
	font-size: 20px;
	color: #333333;
}
.futureCars .container .row .car-details .inner-container{
	padding: 10px 5px 20px;
}
.futureCars .container .row .car-details .inner-container a:hover h3{
	color: #c85e51;
}
.futureCars .container .row .car-details a+p{
	font-size: 16px;
	color: #888888;
	font-weight: 300;
}
.futureCars .container .row .details-content{
	padding-top: 5px;
	border-top: 1px solid #bbbbbb;
}
.futureCars .container .row .details-content p i{
	color: #bbbbbb;
	padding-right: 5px;
}
.futureCars .container .row .details-content p{
	color: #666666;
	font-weight: 300;
	font-size: 15px;
	margin-top: 5px;
}



/* VEDIO GALLERY */

.gallery .galleryContainer .galleryTitle{
	padding: 60px 0;
	text-align: center;
	background-color: #f9f9f9;
}
.gallery .galleryContainer .galleryTitle .underLine{
	width: 40px;
	border-bottom: 2px solid #333333;
	margin: 30px auto 0;
}
.gallery .galleryContainer .row .videoContent a{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 2s ease;
}
.gallery .galleryContainer .row .videoContent a video{
	width: 100%;
	filter: brightness(50%);	
}
.gallery .galleryContainer .row .videoContent a:hover video{
	filter: brightness(100%);
}
.gallery .galleryContainer .row .videoContent a:hover .videoText{
	display: none;
}
.gallery .galleryContainer .row .videoContent a .videoText{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #eeeeee;
	z-index: 1;
}



/* OUR STRENGTH */


.ourStrength .strengthContainer .strengthTitle{
	padding: 60px 50px;
	background-color: #282828;
}
.ourStrength .strengthContainer .strengthTitle .titleContent{
	text-align: center;
	padding: 0 12px;
	margin: 0 0 30px;
}
.ourStrength .strengthContainer .strengthTitle .titleContent{
	border-left: 1px solid #444444;
}
.ourStrength .strengthContainer .strengthTitle .w-25:first-child .titleContent{
	border-left: 1px solid transparent;
}
.ourStrength .strengthContainer .strengthTitle .titleContent i{
	font-size: 50px;
	color: #c85e51;
	font-weight: 700;
	margin: 4px 0 7px;
}
.ourStrength .strengthContainer .strengthTitle .titleContent h3{
	font-size: 50px;
	color: #eeeeee;
}
.ourStrength .strengthContainer .strengthTitle .titleContent p{
	font-size: 15px;
	color: #eeeeee;
	margin: 0 0 20px;
}
.ourStrength .strengthContainer .strengthbg{
	background-image: url(../images/strength-car.jpg);
	width: 100%;
	background-size: cover;
}
.ourStrength .strengthContainer .ourfleet{
	padding: 140px 0;
	max-width: 92%;
	margin: 0 auto;
}
.ourStrength .strengthContainer .ourfleet h2{
	font-size: 60px;
	line-height: 55px;
	color: #333333;
}
.ourStrength .strengthContainer .ourfleet .underline{
	width: 40px;
	border-bottom: 2px solid #333333;
	margin: 30px 0;
}
.ourStrength .strengthContainer .ourfleet p{
	color: #555555;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 30px;
}
.ourStrength .strengthContainer .ourfleet .row i{
	margin: 20px 12px 50px;
	color: #c85e51;
	font-size: 50px;
}
.ourStrength .strengthContainer .ourfleet .row .innerContent h3{
	font-size: 16px;
	color: #333333;
}
.ourStrength .strengthContainer .ourfleet .row .innerContent p{
	margin: 16px 0 0;
	font-size: 18px;
	color: #666666;
	font-weight: 300;
}


/* ABOUT CAR */

.aboutSection .row .newCar{
	background-image: url(../images/newcar.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.aboutSection .row .usedCar{
	background-image: url(../images/usedcar.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.aboutSection .row .innerContent{
	padding: 65px;
}

		/* NEW CAR */

.aboutSection .row .newCar .innerContent i{
	font-size: 50px;
	margin: 0 5px 20px;
	color: #eeeeee;
}
.aboutSection .row .newCar .innerContent i:hover{
	color: #ffffff;
}
.aboutSection .row .newCar .innerContent h3{
	font-size: 28px;
	color: #eeeeee;
	text-transform: uppercase;
}
.aboutSection .row .newCar .innerContent p{
	font-size: 18px;
	color: #eeeeee;
	margin: 10px 0 30px;
	font-weight: 300;
	letter-spacing: 0.5px;
}
.aboutSection .row .newCar .innerContent a{
    color: #333333;
    font-size: 17px;
    padding: 5px 23px;
	margin: 0;
	background-color: #ffffff;
    border: 2px solid transparent;
    border-radius: 5px;
	transition: all 0.3s ease;
}
.aboutSection .row .usedCar .innerContent a:hover{
	color: #333333;
	background-color: #c85e51;
}
			/* USED CAR */

.aboutSection .row .usedCar .innerContent i{
	font-size: 50px;
	margin: 0 5px 20px;
	color: #333333;
}
.aboutSection .row .usedCar .innerContent i:hover{
	color: #444444;
}
.aboutSection .row .usedCar .innerContent h3{
	font-size: 28px;
	color: #333333;
	text-transform: uppercase;
}
.aboutSection .row .usedCar .innerContent p{
	font-size: 18px;
	color: #333333;
	margin: 10px 0 30px;
	font-weight: 300;
	letter-spacing: 0.5px;
}
.aboutSection .row .usedCar .innerContent a{
    color: #eeeeee;
    font-size: 17px;
    padding: 5px 23px;
	margin: 0;
	background-color: #333333;
    border: 2px solid transparent;
    border-radius: 5px;
	transition: all 0.3s ease;
}
.aboutSection .row .newCar .innerContent a:hover{
	color: #c85e51;
	background-color: #333333;
}

/* QUOTETION */

.quotetion{
	background-image: url(../images/footer-bg.jpg);
	background-size: cover;	background-position: bottom;
	height: 770px;
}
.quotetion .quoteContent{
	text-align: center;
	padding: 60px 0;
	max-width: 570px;
	color: #eeeeee;
}
.quotetion .quoteContent h3{
	font-size: 30px;
	color: #eeeeee;
	letter-spacing: 1px;
}
.quotetion .quoteContent p{
	color: #dddddd;
	font-size: 18px;
	margin: 10px 0 30px;
	font-weight: 400;
}
.quotetion .quoteContent a{
	color: #eeeeee;
	border-bottom: 1px solid #eeeeee;
	font-size: 14px;
	letter-spacing: 1.5px;
}


/* FOOTER */

footer{
	background-color: #080808;
}
footer .container{
	padding: 80px 0;
}
footer .container .row .footerTitle h3{
	color: #eeeeee;
	font-size: 15px;
	margin-bottom: 25px;
	font-weight: 500;
	letter-spacing: 2.5px;
}
footer .container .row .footerTitle ul li a{
	color: #888888;
	font-weight: 300;
	font-size: 14px;
}
footer .container .copyright{
	text-align: right;
}
footer .container .copyright img{
	height: 50px;
}
footer .container .copyright span{
	color: #888888;
	font-size: 17px;
	font-weight: 400;
}
footer .container .copyright p{
	color: #888888;
	font-size: 17px;
	font-weight: 400;
}