.border-btn{
    background-color: #fff !important; color: #0C316D !important; padding: 10px 20px;
    border:1px solid #0C316D; font-family: "Outfit", Outfit;
    border-radius: 5px; display: block; text-align: center;
    transition: all .5s;
}  
.border-btn:hover{background: #0C316D !important; color: #fff !important;}

.banner-wrap{position: relative;}
.banner-wrap > .e-con-boxed:before{width: 50%; left: 50%; position: absolute;}


@media screen and (max-width:1024px) {
	.banner-wrap > .e-con-boxed:before{width: 70%; left: 30%;}
}
@media screen and (max-width:767px) {
	.banner-wrap > .e-con-boxed:before{width: 100%; left: 0;}
}

.hours-wrapper {
    max-width: 600px;
    background: rgba(20, 60, 120, 0.85);
    color: #fff;
    padding: 20px;
    font-family: Arial, sans-serif;
}

.hours-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    font-size: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.hours-row:last-child {
    border-bottom: none;
}

.hours-row span:last-child {
    text-align: right;
}

.hours-row.highlight {
    background: rgba(255,255,255,0.15);
    font-weight: 600;
}



.banner-background-content{
    background: #000000;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 46%, rgba(102, 102, 102, 0) 100%);
}

.inventory-search-wrap{
	background: #EEEEEE;
	border-bottom:6px solid #bfc2d1;
	border-radius: 10px; overflow: hidden;
	display: flex; align-items: start;
}
.search-filter{
	padding: 20px; flex: auto;
	display: flex; align-items: center; 
	gap: 15px; flex-wrap: wrap;
}
.search-filter .field{
	width: calc((100% - 30px) / 3);
}
.textfield, .selectfield{
	border: 0px !important; padding: 10px; 
	font-size: 14px;
}
.field{
	margin-bottom: 15px;
}

.field label{
	font-size: 14px; color: #797979;
	display: block; margin-bottom: 10px;
}

.pricing-search{
	background: #F5F5F5; 
	min-width: 440px; max-width: 440px;
	padding: 20px; min-height: 100%;
}
.pricing-search h6{
	font-weight: 600; color: #1A1A1A; margin: 0 0 10px 0;
}
.pricing-search .group-form{
	display: flex; align-items: center; 
	gap: 15px;
}
.pricing-search .primary-btn{width: 100%;}

.primary-btn{
	width: 100%; border:0px; padding: 12px; margin-top: 10px;
}


.tabs-block-wrap{position: relative;}
.tabs-block-wrap .e-filter button[data-filter="__all"],
.tabs-block-wrap .e-filter button[data-filter="used-convertibles"],
.tabs-block-wrap .e-filter button[data-filter="used-coupes"],
.tabs-block-wrap .e-filter button[data-filter="used-hatchbacks"],
.tabs-block-wrap .e-filter button[data-filter="used-sedans"],
.tabs-block-wrap .e-filter button[data-filter="used-suvs"],
.tabs-block-wrap .e-filter button[data-filter="used-trucks"] {
  position: relative; min-width: 120px; padding-top: 60px !important;
}

.tabs-block-wrap .e-filter button[data-filter="__all"]:before,
.tabs-block-wrap .e-filter button[data-filter="used-hatchbacks"]:before,
.tabs-block-wrap .e-filter button[data-filter="used-sedans"]:before,
.tabs-block-wrap .e-filter button[data-filter="used-suvs"]:before,
.tabs-block-wrap .e-filter button[data-filter="used-trucks"]:before,
.tabs-block-wrap .e-filter button[data-filter="used-convertibles"]:before,
.tabs-block-wrap .e-filter button[data-filter="used-coupes"]:before{
	content: ''; position: absolute; left: 50%; top: 0; z-index: 1;
	transform: translateX(-50%); width: 110px; height: 50px;
}

.tabs-block-wrap .e-filter button[data-filter="__all"]:before {
	background: url(/wp-content/themes/hello-elementor-child/assets/images/used-sedans-icon.svg) center no-repeat;
}
.tabs-block-wrap .e-filter button[data-filter="used-convertibles"]:before {	
	background: url(/wp-content/themes/hello-elementor-child/assets/images/used-convertibles-icon.svg) center no-repeat; width: 130px;
}
.tabs-block-wrap .e-filter button[data-filter="used-coupes"]:before {	
	background: url(/wp-content/themes/hello-elementor-child/assets/images/used-coupes-icon.svg) center no-repeat; width: 130px;
}
.tabs-block-wrap .e-filter button[data-filter="used-hatchbacks"]:before {
	background: url(/wp-content/themes/hello-elementor-child/assets/images/used-hatchbacks-icon.svg) center no-repeat;
}
.tabs-block-wrap .e-filter button[data-filter="used-sedans"]:before {
	background: url(/wp-content/themes/hello-elementor-child/assets/images/used-sedans-icon.svg) center no-repeat;
}
.tabs-block-wrap .e-filter button[data-filter="used-suvs"]:before {
	background: url(/wp-content/themes/hello-elementor-child/assets/images/used-suvs-icon.svg) center no-repeat;
}
.tabs-block-wrap .e-filter button[data-filter="used-trucks"]:before {
	background: url(/wp-content/themes/hello-elementor-child/assets/images/used-trucks-icon.svg) center no-repeat;
}


.tabs-block-wrap .e-filter button[aria-pressed="false"]{
	border-bottom: 3px solid transparent; padding-bottom: 10px !important; position: relative;
}
.tabs-block-wrap .e-filter button[aria-pressed="true"]{
	border-bottom: 3px solid #0C316D; padding-bottom: 10px !important;
}

/*-- Vehicle Options Step CSS ---*/
.steps{
    display:flex; align-items:center; justify-content:space-between;
    gap:30px; width:100%; padding:0px 40px 50px; background:#fff;
}
.step{
	display:flex; align-items:center; gap:12px;
	min-width:110px; white-space: nowrap;
}
.step .text{font-size:16px; color:#9ca3af; font-weight:500;}
.circle{
	width:20px; height:20px; border-radius:50%; border:1px solid #cbd5e1; background:#fff;
	display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
	flex-shrink:0;
}
.step.active .circle{border: 5px solid #0b2d63;}
.step.active .text{color:#0b2d63;}
.step.completed .circle{background:#0b2d63; border-color:#0b2d63; position:relative;}
.step.completed .circle::after{
	content:"✓"; color:#fff; font-size:12px;
	font-weight:700; line-height:1;
}
.step.completed .text{color:#0b2d63;}
.line{
	flex:1; height:2px; background:#cbd5e1;
	border-radius:2px; min-width: 60px;
}
.line.completed{background:#0b2d63;}
/*-- END CSS ---*/


/*-- Form CSS ---*/
.form-wrapper{
	border: 1px solid #E0E0E0; border-radius: 15px;
	padding: 30px; background: #fff;
}
.form-wrapper .block{margin-bottom: 20px;}
.form-wrapper .block:last-child{margin-bottom: 0px;}
.form-wrapper h2{
	font-family: "Rajdhani", Outfit; font-size: 32px;
    font-weight: 700; color: #1A1A1A; margin-top: 0px;
}
.form-wrapper .field{margin-bottom: 25px;}
.form-wrapper .field .textfield,
.form-wrapper .field .selectfield{
	border: 1px solid #E0E0E0 !important; height: 56px;
	padding: 15px; font-size: 16px; border-radius: 10px;
}
.form-wrapper .field .selectfield{padding: 5px;}

.form-wrapper .field label{font-size: 16px; color: #2A2A2A;}

.form-wrapper .group-form {display: flex; gap: 20px;}
.form-wrapper .group-form.col-2 .field{width: calc((100% - 20px) / 2);} 
.form-wrapper .group-form.col-3 .field{width: calc((100% - 40px) / 3);}


.checkbox-wrap {display: flex; flex-direction: column; gap: 14px;}
.form-check{
	position: relative; padding-left: 30px;
  	width: 100%; display: block; font-size: 16px;
}
.form-check label {cursor: pointer; line-height: 24px;}
.form-check .checkbox{
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	position: absolute; top: 3px; left: 0px; z-index: 9;
	height: 20px; width: 20px; outline: none;
	transition: all 0.15s ease-out 0s; background: #fff;
	border: 2px solid #3A3A3A; border-radius: 4px;
}
.form-check .checkbox:checked{background: #0a2f6f; border-color: #0a2f6f;}
.form-check .checkbox:checked:before {
	content: "✔"; height: 20px; width: 20px; line-height: 20px;
	position: absolute; top: -2px; left: -2px; font-size: 12px;
	color: #fff; display: block; text-align: center;
}
.devider{width: 100%; height: 1px; background-color: #E0E0E0; margin: 20px 0;}

.group-btn{display: flex; align-items: center; justify-content: space-between;}
.group-btn button{min-width: 170px;}
.group-btn .ml-auto{margin-left: auto;}
/*-- END CSS --*/

.vehicle-options{margin-bottom: 30px;}
.vehicle-options ul{
	padding:0px; margin: 0px; list-style: none; 
	display: flex; flex-wrap: wrap; gap: 20px;
}
.vehicle-options ul li{
	padding:0px; margin: 0px; 
	width: calc((100% - 40px) / 3);
}
.vehicle-options ul li .form-check .checkbox{top: 5px;}


.table-item-lists-wrap {
	border: 1px solid #BBBBBB !important;
    overflow: hidden !important;
    border-radius: 10px !important;
}
.table-item-lists-wrap .elementor-widget-price-list{padding: 0px !important;}
.table-item-lists-wrap .elementor-price-list li{margin-bottom: 0px !important;}
.table-item-lists-wrap .elementor-price-list li .elementor-price-list-header{padding: 10px 15px; margin: 0; border-bottom: 1px solid #BBBBBB;}
.table-item-lists-wrap .elementor-price-list li:nth-child(odd){background-color: #F7F7F7;}
.table-item-lists-wrap .elementor-price-list li:last-child{border-bottom: 0px;}
 
.product-phone-item .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title span {
	display: flex; align-items: center; justify-content: space-between;
}

.single-product ul.products li.product{
	border: 1px solid #C9C9C9; border-radius: 15px; 
	padding: 20px !important; position: relative;
}
.single-product ul.products li.product img{
	height: 200px !important; object-fit: cover;
}
.single-product ul.products li.product .add_to_cart_button{
	background-color: #0C316D; color: #fff; border: 1px solid #0C316D; border-radius: 5px;
}
.single-product ul.products li.product .add_to_cart_button:hover{
	background-color: #ffffff; color: #0C316D; border: 1px solid #0C316D;
}

.product-tab-item .elementor-widget-icon-list .elementor-icon-list-items{justify-content: space-between !important;}



.form-group-field{display: flex; gap: 30px; margin: 10px 0;}
.form-group-field .wpcf7-list-item{margin-left: 0;}
.form-group-field .wpcf7-list-item label{display: flex; align-items: flex-start; gap: 10px; line-height: 1.2;}
.form-input-field{width: calc((100% - 30px) / 2);}
.field-names label{display: block;}
.field-names .wpcf7-form-control{border: 1px solid #E0E0E0; border-radius: 8px; padding: 12px 15px;}



@media screen and (max-width: 1024px){
	.inventory-search-wrap{
		flex-direction: column;
	}
	.pricing-search {
		max-width: 100%; width: 100%;
	}
	.pricing-search .group-form .field{
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.search-filter .field {
		width: calc((100% - 15px) / 2);
	}


	.tabs-block-wrap .e-filter button[data-filter="__all"]:before,
	.tabs-block-wrap .e-filter button[data-filter="used-convertibles"]:before,
	.tabs-block-wrap .e-filter button[data-filter="used-coupes"]:before,
	.tabs-block-wrap .e-filter button[data-filter="used-hatchbacks"]:before,
	.tabs-block-wrap .e-filter button[data-filter="used-sedans"]:before,
	.tabs-block-wrap .e-filter button[data-filter="used-suvs"]:before,
	.tabs-block-wrap .e-filter button[data-filter="used-trucks"]:before {
		background: none;
	}
	.tabs-block-wrap .e-filter button[data-filter="__all"], 
	.tabs-block-wrap .e-filter button[data-filter="used-convertibles"], 
	.tabs-block-wrap .e-filter button[data-filter="used-coupes"], 
	.tabs-block-wrap .e-filter button[data-filter="used-hatchbacks"], 
	.tabs-block-wrap .e-filter button[data-filter="used-sedans"], 
	.tabs-block-wrap .e-filter button[data-filter="used-suvs"], 
	.tabs-block-wrap .e-filter button[data-filter="used-trucks"] {
		padding-top: 0px !important; min-width: 50px;
	}

	.slider-arrow-hide .elementor-swiper-button{		
		display: none !important;
	}
	.slider-arrow-hide .elementor-element.elementor-arrows-position-outside .swiper{
		width: calc(100% - 0px) !important;
	}
}

@media screen and (max-width: 580px) {
	.pricing-search .group-form {
		flex-direction: column; gap: 0;
	}

	
}