@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
a{text-decoration: none;}
body{font-family: "Plus Jakarta Sans", sans-serif; font-size: 17px; font-weight: 500;}
body.home:before{content: ""; background: rgb(96,143,75); background: linear-gradient(355deg, rgba(96,143,75,1) 10%, rgba(75,122,70,1) 57%, rgba(56,102,65,1) 100%); height: 570px; position: absolute; z-index: -1; top: 0; width: 100%;}
body.carstock:before{content: ""; background:none; height: 570px; position: absolute; z-index: -1; top: 0; width: 100%;}
body.buy-used-cars:before{display: none;}
.bg-menu, .bg-menu1{background: #3b6a42;}
.navbar-nav{align-items: center;}
.nav-link{color: #ffffff; padding: 10px 20px !important;}
.nav-link:hover{color: #a7c957;}
header{min-height: 435px;}
.navbar-text{font-size: 24px;  font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; color: #ffffff;}
.navbar-text span{color: #a7c957;}
.search-car{background: #a7c957; border-radius: 30px; padding: 30px; min-height: 500px; position: absolute; width: 80%; right: 0;}
.search-car select{border: none;  }
.form-select:focus{box-shadow: none;}
.search-title{font-family: "Plus Jakarta Sans", sans-serif; font-size: 42px; text-transform: uppercase; font-weight: bold; text-align: left; color: #ffffff; line-height: 50px;text-shadow: 2px 2px #8baf38;}
.search-title span{font-size: 36px;}
.text-danger{font-size: 13px !important;}
.emi-cal .required{position: absolute; bottom: -20px;}
.aboutus_wrapper .welcome_img{width: 420px;
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;}
	footer.bg-green{margin-top: 40px;}
/*.selectBox {
	position: relative;
	padding: 10px 20px;
	cursor: pointer;
	background: #ffffff;
	border-radius: 10px;
	margin-bottom: 20px;
	align-items: center;
}
.requirement .selectBox select{padding: 6px 10px;
	border-radius: 10px;
	background: transparent;
	border: 0;
}
.selectBox img{
	width: 10%;
	height: 100%;
}
.selectBox__value {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding-left: 20px;
	font-size: 18px;
	color: #386641;
	line-height: 30px;
}
.search-car .selectBox:after {
	position: absolute;
	right: 18px;
	top: 25%;
	transform: translateY(-50%) rotate(0deg);
	transition: all 0.2s ease-in-out;
	transform: scale(.6);
	border: solid #000000;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(45deg);
	content: "";
}
.selectBox .dropdown-menu {
	transition: all 0.5s ease-in-out;
	opacity: 0;
	display: block;
	top: 100%;
	width: 100%;
	max-height: 250px;
	z-index: -1;
	overflow-y: auto;
	transform: translateY(-15%);
	visibility: hidden;
	left: 0;
}
.selectBox.show {
	background-color: #fff;
}
.selectBox.show:after {
	transform: translateY(50%) rotate(-135deg);
}
.selectBox.show .dropdown-menu {
	transition: all 0.3s ease-in-out;
	visibility: visible;
	opacity: 1;
	z-index: 1;
	transform: translateY(0);
	left:0;
	border-radius: 20px;
}*/
.btn-black{ background: #000000; width: 210px; height: 55px; color: #ffffff;}
.btn-black:hover{color: #f3c200;}
.btn-search{ background: #386641; font-size: 18px;font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; color: #ffffff; width: 100%; text-transform: uppercase; border-radius: 10px; padding: 10px; margin-top: 10px;}
section.about-us{background: url("../t3_images/cloud.jpg") no-repeat top center; background-size: cover; min-height: 900px; padding-top: 240px;}
.w-title{ font-size: 36px; color: #386641;}
.main-title{font-size: 52px;font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800;color: #386641;}
.sub-title{font-size: 30px; text-transform: uppercase;color: #386641; margin-bottom: 20px; }
.about-us p{font-size: 17px;}
.aboutimg-inner {
	background-color: #386641;
	width: 440px;
	height: 440px;
	border-radius: 100%;
	position: relative;
}
.about-bdr {
	background: #a7c957;
	width: 460px;
	height: 460px;
	border-radius: 100%;
	margin-top: 30px;
	position: absolute;
	left: -20px;
	top: 0px;
}
.about-bdr img {
	width: 460px;
	border-radius: 100%;
	position: absolute;
	top: 0px;
	right: -20px;
}
.btn-prim{background: #386641; font-size: 15px; color: #ffffff; padding: 15px 50px; border-radius: 40px; margin-top: 30px; display: inline-block; text-decoration: none; font-weight: 600; letter-spacing: 1px;}
.btn-prim:hover{color: #a7c957;}
.tabs-main{background: #386641; margin-bottom: 40px;}
.bg-light-green{background: #a7c957;}
.instock{margin: 130px 0 !important;}
.tabs-main a{padding:30px 20px; display: block; text-align: center; font-size: 20px; text-decoration: none; color: #ffffff;}
.instock-title h1{text-align: center; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 40px; text-transform: uppercase; color: #ffffff; margin: 60px 0;}
.instock-title:before{ content: ""; background: #386641; border-radius: 50px; width: 100%; height: 425px; display: block; position: absolute; z-index: -1;}
.contacticons{right: 10px; bottom: 0px; list-style: none;}
.offers{position: relative;}
.offer-block{background: #a7c957; border-radius: 14px 14px 0 0; position: absolute; top: 0px; left: 0; width: 100%; height: 29px; text-align: center; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 18px; color: #ffffff;}
.offer-border{background: #a7c957; border-radius:0 0 14px 14px; position: absolute; bottom: 0px; left: 0; width: 100%; height: 29px;}
.carousel-inner {padding: 0.5em;width: 90%; margin: auto;}
.card {box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.08);border: 1px solid #cbcbcb;background: #f9f8f8;border-radius: 15px;padding: 30px 15px;}
.card-body {flex: 1 1 auto;padding: 1rem 0rem;}
.carousel-control-prev,
.carousel-control-next {background-color: #e1e1e1;width: 6vh;height: 6vh;border-radius: 50%;top: 50%;transform: translateY(-50%);}
.icon-text{font-size: 15px;}
h5.card-title{font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 20px; color: #386641; white-space: initial;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; height: 50px; overflow: hidden;}
	.price{font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 30px; color: #386641; text-align: center; line-height: 30px; margin-top: 30px;}
	.mll-2{margin-left: -2px;}
	.carousel-control-prev, .carousel-control-next{background: #a7c957; border-radius: 0; opacity: 1;}
	.swiper-slide{min-height: auto;}
	.swiper-button-next, .swiper-button-prev{top: 54% !important;background: #a7c957; border-radius: 0; opacity: 1; padding: 10px;width: 30px !important;
		height: 30px !important;
	}
	.swiper-button-next.carousel-control-next-icon {
		background-image: url("../t3_images/left_arrow.svg"); background-size: 30px; rotate:180deg; right: 0;
	}
	.swiper-button-prev.carousel-control-prev-icon {
		background-image: url("../t3_images/left_arrow.svg"); background-size: 30px; left: -5px;
	}
/*.instock .swiper-button-next, .instock .swiper-button-prev{ margin-top : -14% !important;}*/
.swiper-containers {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px !important;}
.swiper-pagination-bullet {width: 12px !important; height: 12px !important;}
.swiper-pagination-bullet-active{background: #ffffff !important;}
.sold-out{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; color: #ffffff; border-radius: 15px; z-index: 999; display: flex; align-items: center; font-size: 18px; font-weight: bold; justify-content: center;}
.sold_out .img-wrapper img{filter: blur(3px);  -webkit-filter: blur(3px);}
.sold_out .img-wrapper:before{content: ''; background: url(../t3_images/tag-sold.svg) no-repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: 90px; width: 90px; height: 90px; margin: auto; z-index: 1;}
.sold_out .card-body{filter: blur(1px);}
.swiper-button-next, .swiper-button-prev{background-repeat: no-repeat; background-position: center;}
@media (min-width: 768px) {
	.carousel-item {
		margin-right: 0;
		flex: 0 0 33.333333%;
		display: block;
	}
	.carousel-inner {
		display: flex;
	}
}
.card .img-wrapper {
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.card .img-wrapper img.d-block{border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.card img {
	max-height: 100%;
}
@media (max-width: 1024px) {
	.w-80 {
		max-width: 100% !important;
		padding: 0px;
	}
	.btn-close{ opacity: 1;}
	.swiper-wrapper{margin-bottom: 40px;}	
	.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 13px !important;}
	.about-img{margin: 30px auto !important; text-align: center;}
	.about-img img{float: none !important;}
}
@media (max-width: 767px) {
	.navbar-brand img{width: 130px;}
	.animateMe {
		top: 40%;
		right: 5px !important; width: 50px !important;
		height: 50px !important;
	}
	.animateMe img{width: 40px !important;}
	.instock .swiper-button-next, .instock .swiper-button-prev {
		margin-top: -30% !important;
	}
	.swiper-button-next, .swiper-button-prev{width: 24px !important; height: 34px !important;}
}
.navbar-dark .navbar-nav .nav-link { font-size: 16px !important;}
.pre-owned{background: rgb(56,102,65); background: linear-gradient(90deg, rgba(56,102,65,1) 0%, rgba(56,102,65,1) 50%, rgba(106,153,78,1) 50%, rgba(106,153,78,1) 100%); color: #ffffff; padding: 30px 0; position: relative;}
.w-70{width: 70%;}
.pre-title{ font-size: 38px; text-transform: uppercase;}
.pre-main-title{font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 48px; text-transform: uppercase;}
.w-70 p{font-weight: 600; font-size: 16px;}
.car-1{position: absolute; left: 0px; top: 30px; z-index: 0;}
.car-2{position: absolute; right: 0px; top: 30px; z-index: 0; text-align: right;}
.requirement{background: url("../t3_images/bg.jpg") no-repeat top center; min-height: 1170px; padding: 100px 0; background-size:cover;}
.req-title{font-family: "Plus Jakarta Sans", sans-serif; font-weight: 900; font-size: 46px; text-transform: uppercase; color: #262820; text-align: center;}
.title{font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 20px; text-transform: uppercase; color: #262820;}
.search-car .form-select {
	position: relative;
	padding: 10px;
	cursor: pointer;
	background-color: #ffffff;
	border-radius: 10px;
	margin-bottom: 0px;
	background-size: 17px;
}
.requirement .form-select {
	position: relative;
	padding: 10px;
	cursor: pointer;
	background-color: #e6e6e6;
	border-radius: 10px;
	margin-bottom: 0px;
	background-size: 17px;
}
/*.requirement .selectBox {
	position: relative;
	padding: 0px;
	cursor: pointer;
	background: #e6e6e6;
	border-radius: 10px;
	margin-bottom: 0px;
}
.requirement .selectBox__value {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding-left: 0px;
	font-size: 16px;
	color: #000000;
	line-height: 35px;
	font-weight: 500;
}
.requirement .selectBox:after {
	position: absolute;
	right: 10px;
	top: 56%;
	transform: translateY(-50%) rotate(0deg);
	transition: all 0.2s ease-in-out;
	content: url(../t3_images/chevron-down.svg);
}
.requirement .selectBox.show:after {
	transform: translateY(-70%) rotate(180deg);
}*/
.btn-prim1{background: #386641; font-size: 16px; color: #ffffff; padding: 15px 0px; width: 250px; border-radius: 40px; margin-bottom: 20px; display: inline-block; text-decoration: none; font-weight: 600; letter-spacing: 1px;border: none;}
.btn-prim1:hover{color: #a7c957;}
.textarea.form-control-lg{background: #e6e6e6; border-radius: 10px;}
.form-group { display: block; margin-bottom: 10px;}
.form-group input { padding: 0;height: initial;width: initial;margin-bottom: 0; display: none; cursor: pointer; color: #000000;}
.form-group label { position: relative; cursor: pointer;font-size: 14px; color: #262820;font-weight: 600;}
.form-group label:before { content:''; -webkit-appearance: none; background-color: #e6e6e6; border: 1px solid #b9b9b9; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 8px;display: inline-block; position: relative; vertical-align: middle;cursor: pointer; margin-right: 5px; border-radius: 2px; margin-top: -2px;}
.form-group input:checked + label:after {content: ''; display: block; position: absolute; top: 5px; left: 6px; width: 6px; height: 12px; border: solid #252525; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.testimonials{background: #6a994e; padding: 100px 0;}
.testimonials .carousel-item{}
.testimonial{
	margin:0 25px;
	overflow: hidden;
	margin-top: 60px;
}
.testimonial .pic{
	width: 70px;
	height: 70px;
	border: 1px solid #f2f2f2;
	border-radius: 50%;
	padding: 0px;
	margin-top: 27px;
	margin-left: 17px;
}
.testimonial .pic img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.testimonial .testimonial-content{
	padding: 20px 40px 20px 40px ;
	background: #ffffff;
	text-align: center;
	position: relative;
	min-height: 250px;
}
.show-more-btn{color: #ff0350; cursor: pointer;}
.testimonial .testimonial-content:after{
	content: "";
	border-top: 15px solid #ffffff;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	bottom: -15px;
	left: 10%;
}
.testimonial .testimonial-title{
	margin: 0 0 10px 0;
}
.testimonial .testimonial-title a{
	font-size: 16px;
	font-weight: bold;
	color:#333;
	text-transform:capitalize;
	text-align:center;
	display: block;
}
.testimonial .testimonial-title a:hover{
	text-decoration: none;
	color:#1c9690;
}
.testimonial .description{
	font-size: 16px;
	line-height:24px;
	color:#252525;
	margin-bottom:20px;
}
.pro-pic h5{font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 18px; color: #ffffff;}
.hassle{padding: 70px 0;}
.hassle-main-title{font-size: 52px; line-height: 60px; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800;color: #386641;}
.disc{font-size: 20px; text-align: center; margin-top: 40px;}
.forms{padding: 100px 0; background: #f1faee;}
.emi-form{ background: #386641; padding: 65px; border-radius: 30px; margin: 0 65px; min-height: 560px;}
.emi-cal h2{font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800;color: #ffffff; font-size: 30px; text-transform: uppercase; margin-bottom: 30px;}
.emi-cal input[type='text']{height: 60px; border-radius: 10px; border:none; margin-bottom: 30px; font-size: 18px; color: #000000; padding: 20px;}
.radiobtn{font-size: 15px; color: #ffffff; font-weight: 500;}
.radio input[type=radio] { position: absolute; opacity: 0;}
.radio input[type=radio] + .radio-label:before { content: ""; background: #ffffff; border-radius: 100%; border: 2px solid #f1f1f1; display: inline-block; width: 20px; height: 20px; position: relative; top: 0; margin-right: 5px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease;}
.radio input[type=radio]:checked + .radio-label:before { background-color: #a7c957; border: 2px solid #f1f1f1;}
.radio input[type=radio]:focus + .radio-label:before { outline: none; border-color: #a7c957;border: 2px solid #f1f1f1;}
.ghost{ background: #a7c957; font-size: 15px; font-weight: 600; color: #ffffff; padding: 20px 0px; width: 220px; border: none; border-radius: 40px; margin-bottom: 20px; margin-top: 20px;}
/*.disclaimer{font-size: 12px; color: #ffffff; }*/
.bg-green{padding: 70px 0 0 0; background: #386641; color: #ffffff; font-size: 15px;}
.bg-green h2{margin-bottom: 40px; text-transform: uppercase; font-size: 24px;}
.footerlinks{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.footerlinks li{width: 50%;margin-bottom: 10px;}
.footerlinks li a, footer a {font-size: 15px; color: #ffffff; text-decoration: none; }
footer a:hover{opacity: 0.7; color: #ffffff;}
.f-border{ border-right: 1px solid #325939; border-left: 1px solid #325939;}
.f-border-bottom{ border-bottom: 1px solid #325939; padding-bottom: 40px;}
.social-liks{list-style: none; margin: 0; display: flex; padding: 0;}
.social-liks a{
/*	border: 2px solid #ffffff; */
	width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 15px;}
.copy{font-size: 14px;}
.swiper-container { width: 100%; height: 100%;}
.copy a{color: #ffffff;}
.filterback{margin-top: 20px !important; flex-wrap: wrap;}
.filterback li{margin-bottom: 10px;}
#container1 {position: relative;height: 50vh;position: fixed; top: 200px; left: 0px;overflow: hidden;}
#container1 .scroll { align-items: center; justify-content: space-around; width: fit-content; white-space: nowrap; animation: loop 15s linear infinite;height: 100vh;}
@keyframes loop {
	0% {transform: translateY(0%);}
	100% {transform: translateY(-30%);}
}
.item1{background: #222222; width: 5px; height: 40px; margin-top: 15px; margin-left: 100px;}
.car{position: absolute; left: 70px;  top: 0; bottom: 0; margin: auto; width: 162px; height: 281px; }
.timeline { margin: 0; padding: 0; list-style: none; position: fixed;  left: 100px; top: 150px; width: 5px; height: 50%; background:transparent; z-index: 9999;}
.timeline .bar {  position: absolute; width: 100px;height: 180px !important; background:url("../t3_images/car.png") no-repeat center center;background-size: 100px; top: 0; left: -49px;z-index: 99999;}
.animateMe{position: fixed; top: 40%; right: 10px; z-index: 99;}
.close-bt{position: absolute; right: 10px; top: 0px; cursor: pointer;}
.carAnimation { overflow: hidden;  width: 90px;  height: 1300px;  background-color: #fff;  position: fixed; top: 130px; left: 30px; z-index: 99999; }
.road { position: absolute; background-color: #333;  height: 600px; width: 5px; top: 220px; left: 40px; overflow: hidden;}
.road:before { content: ""; position: absolute; background-color: #ffffff; width: 5px; height: 60px; animation: move 0.6s linear infinite reverse; box-shadow: 0px 180px #ffffff; z-index: 999;}
@keyframes move {  
	from { top: -100px; }
	to { top: 200px; }
}
.road:after {content: ""; position: absolute; width: 5px; height: 60px; background-color: #ffffff; animation: move 0.6s linear infinite reverse; box-shadow: 0px 310px #ffffff;}
.vertical-shake {animation: vertical-shaking 4s infinite;position: absolute;top: 390px;left: -9px; z-index: 999;}
@keyframes vertical-shaking {
	0% { transform: translateY(0) }
	25% { transform: translateY(3px) }
	50% { transform: translateY(-2px) }
	75% { transform: translateY(3px) }
	100% { transform: translateY(0) }
}
.chat-icon{position: fixed; bottom: 90px; right: -45px; width: auto; z-index: 999;}
.chat-icon img{background: #000000;padding: 3px;border-radius: 50%; border: 3px solid #a7c957;}
.animateMe{background: #000000; width: 55px; height: 55px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 3px solid #a7c957;}
#button {
	display: inline-block;
	background-color: #252525;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 40px;
	position: fixed;
	bottom: 30px;
	right: 10px;
	transition: background-color .3s, 
	opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	text-decoration: none;
}
#button::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	line-height: 40px;
	color: #fff;
}
#button:hover {
	cursor: pointer;
	background-color: #333;
}
#button:active {
	background-color: #555;
}
#button.show {
	opacity: 1;
	visibility: visible;
}
.w-80{max-width: 60%; padding: 1px;}
#exampleModalToggle .btn-close{position: absolute; top: 10px; right: 10px;}
.popup-box h3{font-size: 26px; font-weight: 900; margin-bottom: 30px;}
.popup-box h4{font-size: 18px; color: #386641; font-weight: 700;}
.popup-box ul{list-style: none; margin: 0; padding: 0;}
.popup-box ul li{margin-bottom: 10px;display: flex;align-items: center; justify-content: start;}
.popup-box{font-size: 13px;}
.btn-strong{font-weight: 700; font-size: 24px; line-height: 36px;color: #a7c957;}
.btn-strong span{font-size: 16px; font-weight: 500; color: #ffffff;}
/*VDP styles*/
.vdp_wrapper .carDetails_big{margin-bottom: 8px;}
.vdp_wrapper .carDetails_big .swiper-slide img{width: 100%; border-radius: 20px; border: 1px solid #3b6a42;}
.vdp_wrapper .carDetails_thumb .swiper-slide{height: 100%; opacity: 0.5;}
.vdp_wrapper .carDetails_thumb .swiper-slide img{width: 100%; border-radius: 20px; border: 1px solid #787878;}
.vdp_wrapper .carDetails_thumb .swiper-slide-thumb-active{opacity: 1;}
.vdp_wrapper .carDetails_thumb .swiper-slide-thumb-active img{border: 1px solid #3b6a42;}
.vdp_wrapper  .position-stikcy{position: sticky; top: 180px; z-index: 2}
.vdp_wrapper .car_overview{}
.vdp_wrapper .car_overview article{background: #f2f2f2; border-radius: 26px; position: relative; margin-top: -7.2rem; z-index: 2; padding-bottom: 20px;} 
.vdp_wrapper .car_overview article .car_overview_header{background: #3b6a42; padding: 30px 30px; border-radius: 20px 20px 0 0; display: flex; justify-content: space-between;
	align-items: center;
}
.vdp_wrapper .car_overview article .car_overview_header h2{ font-size: 22px; color: #ffffff; text-transform: uppercase;  margin: 0;}
.vdp_wrapper .car_overview article .car_overview_header .price1{ font-size: 32px; color: #ffffff; font-weight: bold; font-weight: bold;}
.vdp_wrapper .car_overview article ul{margin: 0; padding: 20px 30px;}
.vdp_wrapper .car_overview article ul li{list-style: none; display: flex; align-items: center; justify-content: space-between; line-height: 50px; border-bottom: 1px solid #eaeaea; font-size: 14px;}
.vdp_wrapper .car_overview article ul li:last-child{border: none;}
.vdp_wrapper .car_overview article ul li span{width: 60%;}
.vdp_wrapper .car_overview article ul li strong{width: 40%; font-weight: normal;}
.buy_car_wrapper button {
	background: #212121;
	border-radius: 30px;
	font-size: 16px;
	color: #ffffff;
	border: none;
	padding: 10px 25px;
	margin-bottom: 20px;
}
.seller_warranty .accordion-header{}
.seller_warranty .accordion-button{font-size: 17px; text-transform: uppercase; background: #3b6a42;}
.seller_warranty .accordion-button:not(.collapsed){background: #ffffff; color: #3b6a42;}
.seller_warranty .accordion-button:not(.collapsed)::after{content: ''; background: url(../t3_images/down-arrow.svg) no-repeat; }
.seller_warranty .accordion-button:focus{box-shadow: none;}
.seller_warranty .accordion-button {
	font-size: 17px;
	text-transform: uppercase;
	background: #f2f2f2;
	font-weight: bold;
}
/*CarStock*/
.header_wraper_inner{background: #212121;}
.inner_page_banner{background: url(../t3_images/inner_page_banner.jpg) no-repeat center; position: relative; height: 300px; display: flex; align-items: center;}
.inner_page_banner .transprent_bg{background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1;}
.inner_page_banner .container{position: relative; z-index: 1;}
.inner_page_banner h4{color: #ffffff; font-size: 30px; text-transform: uppercase;  text-align: center; position: relative; display: inline-block;}
.inner_page_banner h4 small{ font-size: 12px; letter-spacing: 2px;}
.inner_page_banner h4::before{ content: ''; width: 28%; height: 1px; background: #3b6a42; position: absolute; top: 35px; left: 0;}
.inner_page_banner h4::after{ content: ''; width: 28%; height: 1px; background: #3b6a42; position: absolute; top: 35px; right: 0;}
.filters_wrapper{position: sticky; top: 75px; z-index: 2; background: #fafafa; padding: 10px 0; border: 1px solid #eaeaea;}
.toal-results{font-size: 18px; }
.sortby span{white-space: nowrap;}
.sortby select.form-select:invalid{color: #666666;}
.filter{display: flex; justify-content: center;}
.filter a{margin-left: 5px;}
.filter_popup .modal-header{border: none; justify-content: space-between;}
.filter_popup .reset_close{display: flex; align-items: center;}
.filter_popup .btn-reset{border: none; background: url(../t3_images/restart.svg) no-repeat #f9fafa 96%; background-size: 18px; padding: 2px 26px 2px 10px; border-radius: 4px; display: flex; align-items: center; 
	border: 1px solid #eeeeee; color: #3a3a3a; font-size: 14px; margin-right: 5px;
}
.filter_popup .btn-reset:hover{border-color: #3b6a42; color: #3b6a42; background: url(../t3_images/restart_h.svg) no-repeat #ffffff 96%; background-size: 18px;}
.filter_popup .modal-dialog{max-width: 950px !important; width:950px !important; }
.filter_popup .modal-body{min-height: 250px; padding-top: 0;}
.filter_popup .btn_section{display: flex; justify-content: flex-end; margin-top: 15px;}
.tabs_group{display: flex;}
.tabs_group ul.nav-tabs{display: block; width: 20%; background: #fafafa; border: 1px solid #dce0e5; border-right: 0;}
.tabs_group .tab-content{width: 80%; background: #ffffff;}
.tabs_group .nav-tabs .nav-link{text-align: left; color: #313131; width: 100%; border-radius: 0; font-size: 14px;}
.tabs_group .nav-tabs .nav-link.active, .tabs_group .nav-tabs .nav-link:hover{border: none; display: block; width: 100%; border: 1px solid #fafafa; border-right: 0; color: #fff; background: #3b6a42; border-radius: 0;}
.tabs_group .tab-content{padding: 10px 15px; border: 1px solid #dce0e5; border-left: 0; max-height: 300px; overflow: auto;}
.tabs_group .tab-content h5{ margin-bottom: 15px;}
.button-group{display: flex; flex-wrap: wrap;}
.radio_button{margin-bottom: 10px;}
.radio_button label{background: #f9fafa; border-radius: 6px; border: none; color: #040419; font-size: 14px; padding: 15px 15px; border: 1px solid #f9fafa; width: 155px; box-shadow: 1px 1px 2px 0px #ccc;}
.radio_button label:hover{background: #ffffff !important; color: #3b6a42 !important; border:1px solid #3b6a42 !important;}
.radio_button .btn-check:checked+.btn{background: #ffffff; color: #3b6a42; border:1px solid #3b6a42;}
.manufacturer .radio_button{margin: 0;}
.manufacturer .radio_button label{padding: 10px 15px;}
.manufacturer .radio_button p{margin: 5px 0 0 0; text-align: center; font-size: 13px; padding: 0;}
.manufacturer .radio_button .btn-check:checked+.btn ~ p{color: #3b6a42;}
.kilometer .radio_button label{width: 200px;} 
.bodytype .radio_button label .hatchback{background: url(../t3_images/hatchback.svg) no-repeat; width: 62px; height: 29px; display: inline-block;}
.bodytype .radio_button label .sedan{background: url(../t3_images/sedan.svg) no-repeat; width: 81px; height: 28px; display: inline-block;}
.bodytype .radio_button label .suv{background: url(../t3_images/suv.svg) no-repeat; width: 66px; height: 29px; display: inline-block; background-size: 66px;}
.bodytype .radio_button label .muv{background: url(../t3_images/muv.svg) no-repeat; width: 73px; height: 31px; display: inline-block;}
.bodytype .radio_button label .coupe{background: url(../t3_images/coupe.svg) no-repeat; width: 81px; height: 26px; display: inline-block;}
.bodytype .radio_button label .convertible{background: url(../t3_images/convertible.svg) no-repeat; width: 76px; height: 22px; display: inline-block;}
.close.fw-light{cursor: pointer;}
.btn_primary_sm {
	background: #3b6a42;
	color: #ffffff;
	font-size: 16px;
	border-radius: 5px;
	padding: 10px 30px;
	display: inline-block;
	border: 0;
	position: relative;
	overflow: hidden;
}
.sellcar_wrapper .accordion-button{font-size: 16px; text-transform: uppercase; }
.sellcar_wrapper .accordion-button::after{transform: rotate(-90deg);}
.sellcar_wrapper .accordion-button:not(.collapsed){color: #ffffff; background: #3b6a42;}
.sellcar_wrapper .accordion-button:not(.collapsed):after{transform: rotate(0deg); background: url(../t3_images/down-arrow-white.svg) no-repeat;}
.sellcar_wrapper .accordion-button:focus{box-shadow: none;}
.sellcar_wrapper .accordion-body h4{font-size: 18px; }
.sellcar_wrapper .accordion-body .fields_set label{font-size: 14px;  padding-bottom: 2px;}
.sellcar_wrapper .accordion-body .fields_set select{height: 48px; font-size: 16px;}
.sellcar_wrapper .accordion-body .fields_set select:focus{box-shadow: none; border-color: rgba(255, 3, 80, 0.2);}
.sellcar_wrapper .accordion-body .fields_set .form-control{height: 48px; font-size: 16px; margin: 0;}
.sellcar_wrapper .accordion-body .fields_set .form-control:focus{border-color: rgba(255, 3, 80, 0.2) !important;}
.sellcar_wrapper .car_insurance .form-check{height: 40px; padding: 8px  22px}
.sellcar_wrapper .car_insurance .form-check-input{border-color: #cccccc;}
.sellcar_wrapper .car_insurance .form-check-input:checked{background-color: #3b6a42; border-color: #3b6a42;}
.sellcar_wrapper .car_insurance .form-check-input:focus{box-shadow: none;}
.sellcar_wrapper .date {position: relative;}
.sellcar_wrapper .date .calander-icon {background: url(../t3_images/calander.svg) no-repeat; background-size: 21px; width: 21px; height: 21px; position: absolute; top: 38px; left: 24px;}
.sellcar_wrapper .date .form-control{padding-left: 40px;}
.sellcar_wrapper .installd_features ul{margin: 0 0 20px 0; padding: 0;}
.sellcar_wrapper .installd_features ul li{list-style: none; margin-bottom: 5px; font-size: 15px;}
.sellcar_wrapper .installd_features .form-check-input:checked {background-color: #3b6a42; border-color: #3b6a42;}
.sellcar_wrapper .installd_features .form-check-input:focus{box-shadow: none;}
.sellcar_wrapper .car_condition h4{width: 100%; text-align: center;}
.sellcar_wrapper .car_condition .border-b{border-bottom: 1px solid #fafafa;}
.sellcar_wrapper .car_condition .form-check{width: 100%; display: flex; justify-content: center}
.sellcar_wrapper .car_condition .form-check-input{border-color: #cccccc; cursor: pointer;}
.sellcar_wrapper .car_condition .form-check-input:checked{background-color: #3b6a42; border-color: #3b6a42;}
.sellcar_wrapper .car_condition .form-check-input:focus{box-shadow: none;}
.sellcar_sticky{position: sticky; top: 60px;}
.sellcar_sticky .sellcar01{width: 100%; border-radius: 20px 20px 0 0; margin-bottom: 0px; border-bottom: 1px solid #3b6a42;}
.sellcar_sticky .sellcar02{width: 100%; border-radius: 0 0 20px 20px; margin-bottom: 0px;}
.services_wrapper h2{font-size: 26px; color: #3b6a42;}
.services_wrapper h4{ font-size: 20px;}
.services_wrapper h5{ font-size: 18px;}
.services_wrapper article.full{border-radius: 14px; background: #f9f9f9; padding: 15px;}
.services_wrapper article.half{background: #f9f9f9; padding: 15px; border-radius: 14px;}
.services_wrapper .half p{ font-size: 14px;}
.services_wrapper .full p{ margin-bottom: 10px; font-size: 14px; line-height: 20px; 
/*	text-align: justify;*/
}
.errormsg{display: block;font-size: 11px;color: #ff0000;}
.border-bottom-5{transition: .5s;
	border-bottom: 4px solid #cecece;
	line-height: 40px;
	display: inline-block; position: relative;
}
.border-bottom-5:after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0px;
	width: 50%;
	height: 5px;
	transition: .5s;
	border-bottom: 4px solid #3b6a42;
	line-height: 40px;
	display: inline-block;
}
.services_wrapper article.half {
	background: #f9f9f9;
	padding: 15px;
	border-radius: 14px;
	
}
.services_right article{background: #f2f2f2; border-radius: 12px; position: sticky; top: 68px;}
.services_right article h3{ font-size: 26px; background: #3b6a42; color: #ffffff; padding: 20px 25px; border-radius: 12px 12px 0 0}
.services_right article ul{margin: 0; padding: 10px 25px;}
.services_right article ul li{list-style: none; margin-bottom: 10px;}
.services_right article ul li a{text-decoration: none; color: #212121; border-radius: 8px; padding: 15px 30px 15px 20px; display: block; border: 1px solid #cccccc; font-size: 14px;
	display: flex; align-items: center;
}
.services_right article ul li a:before{content: ''; background: url(../t3_images/arrow-up-right.svg) no-repeat; background-size: 22px; width: 22px; height: 22px; display: inline-block;
	margin-right: 10px;
}
.services_right article ul li a:hover, .services_right article ul li a.active{background: #3b6a42; color: #ffffff; border-color: #3b6a42;}
.services_right article ul li a:hover:before{content: ''; background: url(../t3_images/arrow-up-right_h.svg) no-repeat; background-size: 22px; width: 22px; height: 22px;}
.aboutus_wrapper .welcome_img{margin-top: 0;}
.aboutus_wrapper .welcome_text h4{}
.carBuying .hdng_text{font-size: 18px;  text-transform: uppercase; background: url(../t3_images/tick.svg) no-repeat; background-size: 26px; padding-left: 30px;}
.carBuying p{padding-left: 30px;}
.contactus_wrapper{position: relative; margin-top: -5rem; z-index: 1;}
.contactus_wrapper article{background: #ffffff; border-radius: 20px; padding: 40px 20px; box-shadow: 1px 1px 2px 1px #f2f2f2; transition: all 0.25s; position: relative; overflow: hidden;}
.contactus_wrapper article h4{font-size: 18px;  margin: 0 0 5px 0;}
.contactus_wrapper article p{font-size: 13px; }
.contactus_wrapper article h4:before{margin-bottom: 15px;}
.contactus_wrapper .emailUs article:after{content: ''; background: url(../t3_images/mail_dark.svg) no-repeat; background-size: 150px; width: 150px; height: 150px; position: absolute; 
	right: -1.5rem; bottom: -2rem; opacity: 0.15;
}
.contactus_wrapper .ourAddress article:after{content: ''; background: url(../t3_images/map_dark.svg) no-repeat; background-size: 150px; width: 150px; height: 150px; position: absolute; 
	right: -2.5rem; bottom: -2rem; opacity: 0.15;
}
.contactus_wrapper .openHourse article:after{content: ''; background: url(../t3_images/clock_dark.svg) no-repeat; background-size: 150px; width: 150px; height: 150px; position: absolute; 
	right: -1.5rem; bottom: -2rem; opacity: 0.15;
}
.contactus_wrapper .callUs article:after{content: ''; background: url(../t3_images/call_dark.svg) no-repeat; background-size: 150px; width: 150px; height: 150px; position: absolute; 
	right: -2rem; bottom: -2rem; opacity: 0.15;
}
.contactus_wrapper .emailUs article h4:before{content: ''; background: url(../t3_images/mail_pink.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
.contactus_wrapper .ourAddress article h4:first-child:before{content: ''; background: url(../t3_images/map_pink.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
.contactus_wrapper .openHourse article h4:before{content: ''; background: url(../t3_images/clock_pink.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
.contactus_wrapper .callUs article h4:before{content: ''; background: url(../t3_images/call_pink.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
.contactus_wrapper .emailUs:hover article{background: #3b6a42; transform: translateY(-1rem); transition: all 0.25s; box-shadow: none;}
.contactus_wrapper .emailUs:hover article h4, .contactus_wrapper .emailUs:hover article p{color: #ffffff;}
.contactus_wrapper .emailUs:hover article h4:before{content: ''; background: url(../t3_images/mail.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
.contactus_wrapper .ourAddress:hover article{background: #3b6a42; transform: translateY(-1rem); transition: all 0.25s; box-shadow: none;}
.contactus_wrapper .ourAddress:hover article h4, .contactus_wrapper .ourAddress:hover article p{color: #ffffff;}
.contactus_wrapper .ourAddress:hover article h4:first-child:before{content: ''; background: url(../t3_images/map.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
.contactus_wrapper .openHourse:hover article{background: #3b6a42; transform: translateY(-1rem); transition: all 0.25s; box-shadow: none;}
.contactus_wrapper .openHourse:hover article h4, .contactus_wrapper .openHourse:hover article p{color: #ffffff;}
.contactus_wrapper .openHourse:hover article h4:before{content: ''; background: url(../t3_images/clock.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
.contactus_wrapper .callUs:hover article{background: #3b6a42; transform: translateY(-1rem); transition: all 0.25s; box-shadow: none;}
.contactus_wrapper .callUs:hover article h4, .contactus_wrapper .callUs:hover article p{color: #ffffff;}
.contactus_wrapper .callUs:hover article h4:before{content: ''; background: url(../t3_images/call.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
.contactus_wrapper .form-label, .contactus_wrapper .btn_primary_sm{margin-top: 30px;}
.getin_touch{padding: 0 0 0 60px;}
.getin_touch h4, .map_section h4{}
.map_section{padding: 0px 60px 0 60px;}
.photos_wrapper .gallery{display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.photos_wrapper .gallery .img-box{border-radius: 10px; overflow: hidden; position: relative; cursor: pointer; overflow: hidden;}
.photos_wrapper .gallery .img-box img{width: 300px; border-radius: 10px; transition: all ease-in-out 0.3s;}
.photos_wrapper .gallery .img-box:hover img{transform: scale(1.1); transition: all 1s ease;}
.photos_wrapper .gallery .bottom_fade{background:linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, 
	rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, 
	rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); width: 100%; top: 41%; height: 60%; float: left; position: absolute;}
.photos_wrapper .gallery .img-box h6{position: absolute; bottom: 10px; display: flex; justify-content: center; left:0; right: 0; color: #fff; z-index: 2; 
	transform: translateY(-10rem); opacity: 0; transition: all ease-in-out 0.4s;}
	.photos_wrapper .gallery .img-box:hover h6{transform: translateY(0); opacity: 1; transition: all ease-in-out 0.4s; display: flex; justify-content: center;}
/*welcome section*/
.welcome_img{position: relative; margin-top: -80px; z-index: 1}
.welcome_img img{border-radius: 40px; background: rgba(0, 0, 0, 0.2); padding: 20px; width: 100%;}
.welcome_text h2{font-size: 40px; color: #333333; text-transform: uppercase; line-height: 2.5rem;}
.welcome_text p, .welcome_text span, .welcome_text strong{background: transparent !important;}
.welcome_text strong{display: block;}
.welcome_text strong u{text-decoration: none; margin-top: 20px;}
.welcome_text h2 small{color: #3b6a42; font-size: 22px;}
.welcome_text h2 span{color: #3b6a42; font-size: 36px;}
.welcome_text p{text-align: justify;}
.border-round{ border: 2px solid rgba(255,255,255,.55); font-size: 15px; padding: 5px; border-radius: 8px; font-weight: 500;}
.vdp_wrapper .smiliar_price_wrapper .swiper-button-prev:after, .vdp_wrapper .smiliar_price_wrapper .swiper-rtl .swiper-button-next:after, .vdp_wrapper .smiliar_price_wrapper .swiper-button-next:after, .vdp_wrapper .smiliar_price_wrapper.swiper-rtl .swiper-button-prev:after{display: none;}
.vdp_wrapper .carDetails_slider .swiper-button-next, .vdp_wrapper .carDetails_slider .swiper-button-prev{background: none;}
.services_scroll{padding-top: 110px !important;}
.services_scroll:last-child, .services_scroll:nth-last-child(-n + 2){padding-top: 15px !important;}
.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #3b6a42;
	border-color: #3b6a42;
}
.page-link{color: #3b6a42;}
.premium_template_3 .aboutus_wrapper .swiper-container {
	width: 100%;
	height: 100%;
	padding: 20px;
	background: #ffffff;

}
.premium_template_3 .aboutus_wrapper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
	.premium_template_3 .aboutus_wrapper .swiper-slide a{
		border: 1px solid #e5e5e5;
		border-radius: 10px;
		height: 120px;
		background: #ffffff;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
		align-items: center;
		display: flex;
		justify-content: center;
		transition: .1s ease;
	}
	.premium_template_3 .aboutus_wrapper .swiper-wrapper{align-items: center;margin-bottom: 0px;}
	.premium_template_3 .aboutus_wrapper .swiper-button-next{
		background-image: url(../t3_images/left_arrow.svg);
		background-size: 30px;
		rotate: 180deg;
		right: 0;
	}
	.premium_template_3 .aboutus_wrapper .swiper-button-prev {
		background-image: url(../t3_images/left_arrow.svg);
		background-size: 30px;
		left: 0;
	}
	@media (max-width: 1600px) {
		.timeline {
			left: 50px;
		}
		.item1 {
			margin-left: 50px;
		}
		.pre-owned img{width: 70%;}
	}
	@media (max-width:1400px){
		.nav-link {color: #ffffff; padding: 10px 12px !important;}
		.navbar-text {font-size: 16px;}
		.pre-owned .fadeInRightBig img{
			width: 100%;
			left: 0;
		}
		.pre-owned img{
			width: 100%;
			left: 0;
		}
		.car-1, .car-2{
			position: relative;
		}
		.pre-owned .container .col-md-6 .w-70{width: 100%; margin-top: 4%;}
		.pre-owned .container .col-md-6 .w-70 p br{display: none;}
	}
	@media (min-width: 992px) and (max-width: 1200px) {
		.container, .container-lg, .container-md, .container-sm {
			max-width: 100%;
		}
		.search-title {
			font-family: "Plus Jakarta Sans", sans-serif;
			font-size: 37px;
		}
	}
	@media (max-width:1024px){
		/*hamburger menu*/
		.hamburger-menu {
			z-index:10000;
			position: absolute;
			top: -20px;
			right: 0px;
			width: 30px;
			height: 3px !important;
			cursor: pointer;
		}
		.navbar-white.sticky-top{ background: #3b6942;}
		.bar,
		.bar:after,
		.bar:before {
			width: 30px;
			height: 3px !important;
		}
		.bar {
			position: relative;
			transform: translateY(25px);
			background: rgba(255, 255, 255, 1);
			transition: all 0ms 300ms;
		}
		.bar.animate {
			background: rgba(255, 255, 255, 0); 
		}
		.bar:before {
			content: "";
			position: absolute;
			left: 0;
			bottom: 8px;
			background: rgba(255, 255, 255, 1);
			transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
		}
		.bar:after {
			content: "";
			position: absolute;
			left: 0;
			top: 8px;
			background: rgba(255, 255, 255, 1);
			transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
		}
		.bar.animate:after {
			top: 0;
			transform: rotate(45deg);
			transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
		}
		.bar.animate:before {
			bottom: 0;
			transform: rotate(-45deg);
			transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
		}
		.filter_popup .modal-dialog{max-width: 100% !important; width: 100% !important; margin: 0; padding: 0;}
		/*nav menu*/
		.show1 {
			left:0%;
			opacity:1;
		}
		.hide1 {
			opacity:0;
			left:100%;
		}
		.mobile-nav {
			background:rgba(0,0,0,0.9);
			position:fixed;
			top:0;
			width:100vw;
			height:100vh;
			text-align:center;
			transition: .1s ease;
		/*  transition: opacity .5s ease;
		-moz-transition: opacity .5s ease;
		-webkit-transition: opacity .5s ease;
		transition:left .5s ease-in-out;*/
		z-index: 9999;
	}
	.mobile-nav ul{
		position:relative;
		top:50%;
		transform: translateY(-50%);
		list-style:none;
	}
	.mobile-nav a {
		text-align:center;
		font-size:5vw;
		color:#ffffff;
		opacity:0;
		transition:opacity .9s ease-in-out;
	}
	.mobile-nav.show1 a {
		text-align:left;
		font-size:18px;
		color:#ffffff;
		opacity:1;
	}
	.mobile-nav a:hover {
		color:#2980b9;
	}
	.emi-form {
		background: #386641;
		padding: 35px;
		border-radius: 30px;
		margin: 0px; 
		min-height: 560px;
	}
	.nav-link {font-size: 13px !important;}	
	.w-70 {
		width: 100%;
	}
	.car-1, .car-2{position: inherit; min-height: 200px;}
	.car-1 img, .car-2 img{width: 80%;}
	.pre-owned .container{max-width: 100% !important;}
	.requirement .container{max-width: 100% !important;}
	.timeline{display: none !important;}
	#container1{display: none !important;}
	.vdp_wrapper .position-stikcy {
		position:inherit;
	}
	.vdp_wrapper .car_overview article .car_overview_header {
		padding: 10px 20px;
	}
	.vdp_wrapper .car_overview article{margin-top: 30px;}
}
@media (max-width:980px){
	.banner_wrapper .col-sm-12{
		width: 100%;
		max-width: 100%;
	}
	.about-us{padding-top: 570px;}
	.search-car{left: 0; right: 0; width: auto;}
	.f-border-bottom .col-md-3{width: 50%; max-width: 50%;}
	.f-border-bottom .col-sm-12{width: 100%; max-width: 100%; margin-bottom: 30px;}
    /*.tabs-main .container{max-width: 100% !important;}
    .tabs-main .col-md-4{width: 100%; max-width: 100%;}*/
}
@media (min-width:767px){

	.premium_template_3{overflow-y: visible; padding-right: 0px;overflow-x: hidden;}
	.premium_template_3.visabl{overflow-y: hidden; padding-right: 10px;}
	.premium_template_3.visabl .chatbot-container{right: 10px;}
}
@media (max-width:767px){
	.aboutus_wrapper .welcome_img{
		width: 100%;
		float: left;
		margin-right: 40px;
		margin-bottom: 20px;}
		.premium_template_3{overflow-y: visible; padding-right: 0px;overflow-x: hidden;}
		.premium_template_3.visabl{overflow-y: hidden; padding-right: 0px;}
		.premium_template_3.visabl .chatbot-container{right: 0px;}
	}
	@media (max-width:767px){
		.getin_touch {padding: 0 0 0 0px;}
		.map_section { padding: 0px 0px 0 0px; margin-top: 30px;}
		.services_right{display: none;}
		.contactus_wrapper article {background: #ffffff;border-radius: 20px;padding: 20px 20px;box-shadow: 1px 1px 3px 1px #cecece;margin-bottom: 30px;}
		.contactus_wrapper { position: relative; margin-top: 2rem; z-index: 1;}
		.services_wrapper article.half{min-height: auto; margin-bottom: 20px;}
		.toal-results { font-size: 14px;}
		.photos_wrapper .gallery .img-box img { width: 100%; height: auto; }
		.container, .container-sm { max-width: 90%;}
		.search-car{width: 100%; position: inherit; margin-bottom: 40px;}
		.about-us{padding-top: 40px;}
		.about-us p {font-size: 17px;}
		.car-1, .car-2{position: inherit; min-height: 130px;}
		.car-1 img, .car-2 img{width: 80%;}
		.w-70 {width: 100%;}
		.w-70 p {font-weight: 600;font-size: 14px;}
		.pre-main-title {font-size: 36px;}
		.pre-title {font-size: 28px;}
		.instock-title h1{font-size: 45px;}
		.powered{justify-content: center !important; margin-top: 20px;}
		.bg-green {padding: 30px;}	
		.bg-green h2{margin-top: 50px;}	
		.f-border{border: none;}	
		.bg-green h2 {margin-bottom: 20px;}	
		.emi-form {
			background: #386641;
			padding: 20px;
			border-radius: 30px;
			margin: 0 0px;
			min-height: auto;
			margin-bottom: 40px;
		}
		.disc {
			font-size: 20px;
		}
		.hassle-main-title {
			font-size: 50px;
		}
		.f-border-bottom .col-md-3{width: 100%; max-width: 100%;}
		.f-border-bottom .col-sm-12{width: 100%; max-width: 100%; margin-bottom: 30px;}
		/* stock page styles */
		.inner_page_banner{background-size: 100%; height: 200px;}
		.stocks_wrapper .stock_block{margin-bottom: 3rem;}
		.stocks_wrapper.my-5{margin-bottom: 0 !important;}
		.stocks_wrapper .col-md-6{max-width: 100%; width: 100%;}
		.stocks_wrapper .share{transform: translateX(0rem);}
		.tabs_group ul.nav-tabs{width: 36%;}
		.tabs_group .tab-content{width: 64%; height: 100vh; max-height: unset; padding-bottom: 60px;}
		.filter_popup .modal-dialog{height: 100vh;}
		.filter_popup .btn_section{justify-content: center; position: fixed; width: 100%; bottom: 0; left: 0; padding: 15px 0; background: #f2f2f2;}
		.filter_popup .modal-content{border-radius: 0; height: 100vh;}
		.filter_popup .modal-body{min-height: unset;}
		.request_call_popup .modal-dialog{max-width: 100%;}
		.vdp_wrapper.container{margin-bottom: 0 !important;}
		.vdp_wrapper .carDetails_big .swiper-slide img{border-radius: 10px;}
		.vdp_wrapper .carDetails_thumb .swiper-slide img{border-radius: 10px;}
		.smiliar_price_wrapper{margin-bottom: 0 !important;}
		.smiliar_price_wrapper .stocks_wrapper .stock_block{margin-bottom: 0px;}
		.contactus_wrapper .col-lg-3{width: 100%;}
	}
	@media (max-width:500px){
		.sellcar_wrapper .car_insurance .d-flex {
			display: block !important;
		}
		.sellcar_wrapper .col-lg-3 {
			display: none;
		}
		.container, .container-sm {
			max-width: 100%;
		}
		.search-car { padding: 20px; width: 100%; min-height: auto;}
		.selectBox__value {padding-left: 20px;font-size: 15px;}	
		.w-title {font-size: 26px;}
		.main-title {font-size: 46px;}
		.sub-title { font-size: 26px;}
		.search-title { font-size: 37px;}
		.instock {margin: 50px 0 !important;}
		.instock-title h1 {font-size: 25px; margin: 40px 0;}
		.card {margin: 0 0em;}
		.carousel-inner {padding: 0em; width: 100%;margin: auto;}
		.pre-owned {
			background: rgb(56, 102, 65);
			background: linear-gradient(180deg, rgba(56, 102, 65, 1) 0%, rgba(56, 102, 65, 1) 50%, rgba(106, 153, 78, 1) 50%, rgba(106, 153, 78, 1) 100%);
			color: #ffffff;
			padding: 30px 0;
			position: relative;
		}
		.pre-main-title {
			font-family: "Plus Jakarta Sans", sans-serif;
			font-weight: 800;
			font-size: 35px;
			text-transform: uppercase;
		}
		.w-70 p {
			font-weight: 600;
			font-size: 16px;
		}
		.w-70 {
			width: 100%;
			text-align: left !important;
		}
		.car-1, .car-2{position: inherit; min-height: 100px;}
		.car-1 img, .car-2 img{width: 80%;}	
		.req-title {font-size: 36px;}
		.requirement, .testimonials, .forms {padding: 50px 0}
		.hassle-main-title {font-size: 35px; line-height: 35px;}
		.disc {font-size: 16px; text-align: center; margin-top: 40px;}	
		.emi-form {
			background: #386641;
			padding: 20px;
			border-radius: 30px;
			margin: 0 0px;
			min-height: auto;
			margin-bottom: 40px;
		}
		.bg-green {padding: 30px;}	
		.bg-green h2{margin-top: 50px;}	
		.f-border{border: none;}	
		.bg-green h2 {margin-bottom: 20px;}	
	}
	#apply_filter:disabled{opacity: 0.6 !important;}


/*chat board*/
.chat-icon {
	position: fixed;
	bottom: 80px;
	right: 10px;
	background: #1f6fcf;
	color: #fff;
	padding: 15px;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.msg.bot-msg {
	background: #f1f1f1;
	border: none;
	margin-right: 10px;
	padding: 10px 15px;
}
#the_chatbot {background-color: #f4f4f9;display: flex;justify-content: center;align-items: center;height: 100vh;margin: 0;}
.chatbot-container {width: 400px;max-width: 100%;margin: 0 auto;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background: #fff;overflow: hidden;display: flex;flex-direction: column;height: 600px;position: fixed; bottom: 0; right: 0; z-index: 99999;}
.chat-header {background: #1f6fcf;color: #fff;padding: 15px;text-align: left;font-size: 18px;font-weight: bold;}
.chat-body {flex: 1;padding: 10px;overflow-y: auto;display: flex;flex-direction: column; font-size: 15px;}
.msg {margin: 10px 0;padding: 10px;border-radius: 10px;max-width: 75%;}
.msg.usr-msg {background: #007bff;color: #fff;align-self: flex-end;text-align: right;}
.msg.bot-msg {background: #f1f1f1;align-self: flex-start;}
/*.chat-icon {position: fixed;bottom: 20px;right: 20px;background: #007bff;color: #fff;padding: 15px;border-radius: 50%;cursor: pointer;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}*/
.optns_div {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;margin: 20px 0;}
.optns_btn {padding: 10px 20px;border: 1px solid #007bff;border-radius: 4px;font-size: 16px;cursor: pointer;display: inline-flex;align-items: center;gap: 10px;transition: background-color 0.3s, color 0.3s;color: #007bff;background-color: #fff;}
.optns_btn.selected {background-color: #007bff;color: white;}
.selection-footer {display: flex;justify-content: space-between;align-items: center;margin-top: 20px;padding: 10px;}
#deselect-btn, #deselect-price-btn {background-color: #f0f0f0;color: #007bff;}
#submit-btn, #submit-price-btn {background-color: #007bff;color: white;}
/*chat board*/


body::-webkit-scrollbar-track
{
	background-color: #f9f9f9;
}

body::-webkit-scrollbar
{
	width: 10px;
	background-color: #f9f9f9;
}

body::-webkit-scrollbar-thumb
{
	background-color: #999999;
}


@media screen and (max-width:560px){
	.excellent,  .good, .fair, .poor{text-align: center !important;}
	.air-conditioning{font-size: 12px !important;}
	.excellent, .good, .fair, .poor{font-size: 14px;}
	.excellent .radio, .good .radio, .fair .radio, .poor .radio{margin: 0 !important; text-align: center !important; float: none !important;}
}
@media screen and (max-width:540px){
	.air-conditioning{width: 90px; display: block; font-size: 14px;}
	.excellent, .good, .fair, .poor{width: 24%; text-align: center;}
	.gtitle{font-size: 14px;}
	.car-condition{padding: 15px 10px;}
	.radio{margin: 0; float: none;}
}
.certified-car{display: flex;
	align-items: center;
	justify-content: center;
	background-color: #00857a;
	border-radius: 4px;
	position: absolute;
	left: 10px;
	bottom: -10px;
	font-size: 12px;
	padding: 2px 5px;
	color: #ffffff;
}   
.certified-car-vdp {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #00857a;
	border-radius: 4px;
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 12px;
	padding: 2px 5px;
	color: #ffffff;
}

.emi-cal .disclaimer{font-size: 11px; color: #ffffff; font-style: italic;}

@media only screen and (min-width: 1200px) and (max-width: 1440px)  {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 980px;
    }
    .vdp_wrapper .car_overview article ul li span {
    width: auto;
    display: flex;
    align-items: center;
    text-align: center;
}
.vdp_wrapper .car_overview article .car_overview_header{padding: 15px;}
    .vdp_wrapper .car_overview article ul li{line-height: 30px;}
    .car_overview ul li span span:first-child{display: inline-flex;
        width: 26px !important;
        align-items: center;}
    .vdp_wrapper .car_overview article ul{padding: 15px;}
    .emi-cal .disclaimer{font-size: 11px; color: #ffffff; font-style: italic;}
    .main-title { font-size: 32px;}
    .pro-pic h5, .buy_car_wrapper button{font-size: 12px;}
    .search-car{min-height: auto;}
    .premium_template_3.modicars .navbar-dark .navbar-nav .nav-link, .border-round, body, p{font-size: 11px !important;}
    .search-title{font-size: 27px; line-height: 38px;}
    .search-title span { font-size: 25px;}
    .premium_template_3.modicars .modi-car-banner { width: 320px;position: absolute;top: -360px;z-index: 9;min-height: 390px;}
    .premium_template_3.modicars .car-blue, .premium_template_3.modicars .bag-blue{height: 40px; padding-left: 43px;
    background-size: 24px;}
    .form-select, .btn-search{font-size: 11px;}
    section.about-us{padding-top: 140px;min-height: 600px;}
    .w-title { font-size: 25px;}
    .main-title img{width: 170px;}
    .btn-prim{padding: 12px 40px; font-size: 12px;}
    .about-bdr { width: 350px; height: 350px;}
    .aboutimg-inner { width: 340px; height: 340px;}
    .about-bdr img { width: 350px;}
    .tabs-main a{font-size: 14px; line-height: 40px;display: flex;align-items: center;justify-content: center;padding: 10px 10px;border-radius: 6px;}
    .tabs-main a img{width: 30px;}
    .instock-title h1 { font-size: 30px; margin: 40px 0;}
    h5.card-title{font-size: 12px; height: 30px;}
.premium_template_3.modicars .road-icon{background-image: url(../t3_images/road_blue.svg);filter: grayscale(1);background-repeat: no-repeat;background-position: 2px;padding-left: 19px;background-size: 14px;width: 17px;height: 17px;}
.premium_template_3.modicars .trans-icon{background-image: url(../t3_images/transmission_blue.svg); filter: grayscale(1); background-repeat: no-repeat; background-position: 0px; padding-left: 17px; background-size: 16px; width: 17px; height: 17px; }
.premium_template_3.modicars .fuel-icon{background-image: url(../t3_images/fuel_blue.svg); filter: grayscale(1); background-repeat: no-repeat; background-position: 3px; padding-left: 25px; background-size: 16px; width: 17px; height: 17px; }
.premium_template_3.modicars .calender-icon{background-image: url(../t3_images/calender_blue.svg); filter: grayscale(1); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 19px; background-size: 17px; width: 17px; height: 17px; }
.premium_template_3.modicars .road-icon{background-image: url(../t3_images/road_blue.svg); filter: grayscale(1); background-repeat: no-repeat; background-position: 2px; padding-left: 20px; background-size: 13px; width: 17px; height: 17px; }
.icon-text { font-size: 11px;}
.price{font-size: 25px; margin-top: 10px;}
.card .card-body {padding-bottom: 0px;}
.pre-owned img { width: 60%;}
.pre-title {
    font-size: 28px;
    text-transform: uppercase;
}
.instock {
    margin: 80px 0 !important;
}
.testimonial {margin: 0 0px;}
.testimonial .testimonial-content{min-height: 180px;}
.card-details .d-flex.align-items-center.mb-3{margin-bottom: 10px !important;}
.pre-main-title {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 800;
    font-size: 28px;
    text-transform: uppercase;
    
}
.testimonials .pre-main-title{margin-bottom: 40px;}
.testimonials{padding: 50px 0;}
.req-title{font-size: 30px;}
.title{font-size: 13px;}
.requirement .form-select, .form-group label{font-size: 11px;}
.card{padding: 20px 15px;}
.card-details{padding-top: 0px !important;}
.btn-prim1 {
    font-size: 12px;
    padding: 10px 0px;
    width: 170px;
}
.requirement{min-height: 940px;}
.hassle-main-title {
    font-size: 35px;
    line-height: 40px;}
.disc {
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    padding: 0 100px;
}
.emi-cal input[type='text'] {
    height: 44px;
    border-radius: 10px;
    border: none;
    margin-bottom: 30px;
    font-size: 12px;
    color: #000000;
    padding: 10px 20px;
}
.emi-form {
    padding: 30px;
        border-radius: 20px;
        margin: 0 55px;
        min-height: 450px;
}
.emi-cal h2{font-size: 25px;}
.navbar-expand-lg{padding: 0;}
.bg-green a img{width: 130px;}
.social-liks a img{width: 20px;}
.bg-green h2 {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-size: 19px;
}
.footerlinks li a, footer a {
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
}
.copy {
    font-size: 10px;
}
.forms {
    padding: 50px 0;}
    .premium_template_3.modicars .inner_page_banner{height: 170px;}
    .premium_template_3.modicars .filters_wrapper {
    top: 50px;
}
.radio_button label {
    background: #f9fafa;
    border-radius: 6px;
    border: none;
    color: #040419;
    font-size: 10px;
    padding: 10px 10px;
    border: 1px solid #f9fafa;
    width: 125px;
    box-shadow: 1px 1px 2px 0px #ccc;
    
}
.tabs_group .nav-tabs .nav-link {
    text-align: left;
    color: #313131;
    width: 100%;
    border-radius: 0;
    font-size: 11px;
}
.toal-results {
    font-size: 13px;
}
.vdp_wrapper .car_overview article .car_overview_header h2 {
    font-size: 13px;}
    .vdp_wrapper .car_overview article .car_overview_header .price1 {
    font-size: 20px;}
    .inner_page_banner h4 {
    font-size: 22px;
    padding-top: 8px;
}
.vdp_wrapper h2 {font-size: 1.5rem;}
.vdp_wrapper .car_overview article ul li{font-size: 11px;}
.sellcar_wrapper .accordion-body .fields_set label {
    font-size: 11px;
    padding-bottom: 2px;
    margin-bottom: 0;
}
.sellcar_wrapper .accordion-body h4 {
    font-size: 11px;
}
.sellcar_wrapper .accordion-body .fields_set select {
    height: 40px;
    font-size: 11px;
}
.services_right article ul li a {
    padding: 10px;
    font-size: 10px;
}
.services_right article h3 {
    font-size: 16px;}
    .services_wrapper h4, .services_wrapper h5 {
    font-size: 14px;
}
.sellcar_wrapper .accordion-body .fields_set .form-control {
    height: 48px;
    font-size: 11px;
    margin: 0;
    height: 40px;
}
.filter a img{width: 15px;}
.radio_button{margin-bottom: 0px !important;}
.btn_primary_sm {
    font-size: 11px;}
.item1 {
    width: 3px;}
.premium_template_3.modicars .timeline .bar{background-size: 70px;}
.ghost {
    font-size: 12px;
    padding: 12px 0px;
    width: 150px;
}
.radiobtn {
    font-size: 13px;}
    .disclaimer {
    font-size: 10px;}
.services_wrapper h2 {
    font-size: 18px;}
    .photos_wrapper .gallery .img-box img {
    width: 220px;}
.welcome_text h2 img{width: 190px;}
.premium_template_3.modicars .welcome_text p strong:first-of-type, .aboutus_wrapper h3 {
    font-size: 1.3rem !important;}
    .premium_template_3 .aboutus_wrapper .swiper-slide1 a {
    height: 90px;
    padding: 0 10px;
    margin-right: 40px;
}
.contactus_wrapper article h4 {
    font-size: 12px;}
.contactus_wrapper article {
    background: #ffffff;
    border-radius: 20px;
    padding: 20px 20px;
    box-shadow: 1px 1px 2px 1px #f2f2f2;
    transition: all 0.25s;
    position: relative;
    overflow: hidden;
}
.contactus_wrapper article h4 {
    font-size: 12px;
    margin: 0 0 5px 0;
}
.premium_template_3.modicars .contactus_wrapper article p.address-line {
    min-height: 78px;
    font-size: 9px !important;
}
.ourAddress.multi-address p, .premium_template_3.modicars .contactus_wrapper article .google-map {
    font-size: 9px !important;
}
.ourAddress.multi-address p{margin-bottom: 6px;}
.premium_template_3.modicars .contactus_wrapper article p.callUs{background-size: 14px;}

.contactus_wrapper {
    position: relative;
    margin-top: -2rem;
    z-index: 1;
}
.premium_template_3.modicars .contactus_wrapper .multi-address article {
    min-height: 265px;
    padding-bottom: 20px;
}
.form-control{font-size: 11px;}
.bg-green .mt-md-5.mt-3 img, .bg-green .mt-3 img{ width:20px; }
.testimonial .description{line-height: 20px;}
.chatbot-container {
    width: 300px;
    height: 450px;
}
.chat-body{font-size: 10px;}
.chat-header{font-size: 14px;}
.chat-icon, #button{width: 35px; height: 35px;}

.dropdown-menu {
    top: 21px;
    font-size: 11px;
}

}