.header-bg {
	background-color: rgba(13, 13, 13, 0.95) !important;
}

.pill {
	width: fit-content !important;
	padding: 7px 12px !important;
	backdrop-filter: blur(7px) !important;
}

.mt-auto {
	margin-top: auto !important;
}

.car_card_brand_category {
	padding: 10px !important;
}
.car_card_brand_category * {
	line-height: 0px !important;
/* 	padding: 10px; */
}

.e-off-canvas__main .elementor-nav-menu .menu-item a {
	color: #fff ;

}
.e-off-canvas__main .elementor-nav-menu .menu-item:hover{
	background: #C41E3A ;
	color: white ;
} 

.e-off-canvas__main .elementor-nav-menu .menu-item:hover a {
	color: #fff ;
} 

.e-off-canvas__main .elementor-nav-menu .sub-arrow .e-font-icon-svg{
	color: #fff ;
	fill : #fff ;
}


/* ===== Home Filter ===== */


.home_filter .jet-filters-group {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 16px;
  align-items: center;
  width: 100%;
}

.home_filter .jet-select {
  position: relative;
  width: 100%;
}

.home_filter select {
	max-width: unset !important; 
}

.home_filter .jet-select__control {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 12px;
    padding-left: 30px; 
	padding-right: 30px; 
    cursor: pointer;
}


.home_filter .elementor-widget-jet-smart-filters-apply-button {
	width: 20%;
}

.home_filter .elementor-widget-jet-smart-filters-apply-button button {
	margin: 0 !important;
	width: 100% !important;
}

@media(max-width: 768px) {
	.home_filter .jet-filters-group {
	  grid-template-columns: repeat(1, minmax(150px, 1fr));
	}
}

/*  ==== Car Template ==== */

.car_card .car_details .elementor-icon-list-items {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	row-gap: 15px !important;

}

.car_card .car_details .elementor-icon-list-items li {
	padding: 7px 17px;
    border-radius: 8px;
    background-color: #1F1F1F;
	flex-direction: column;
    gap: 5px;
}

.car_card .car_card_features .elementor-icon-list-text {
	text-align: center !important;
}

/*  ==== Finance Slider ==== */

.finance_agencies_slider .swiper-slide-image {
	padding: 15px !important;
	background-color: aliceblue !important;
}

.finance_agencies_slider .swiper-pagination-bullet {
	transition: 0.3s ease-in-out;
}

.finance_agencies_slider .swiper-pagination-bullet-active {
	width: 30px !important;
	border-radius: 15px !important;
}



.elementor-swiper-button {
	padding: 5px;
    border-radius: 8px;
    background-color: #313131;
}

.elementor-swiper-button-next {
	inset: unset !important;
    top: -40px !important;
    inset-inline-end: 85px !important;
}

.elementor-swiper-button-prev {
	inset: unset !important;
    top: -40px !important;
    inset-inline-end: 20px !important;
}

:dir(ltr) .elementor-swiper-button-prev {
    inset-inline-end: unset !important;
	inset-inline-start: 85px !important;
}

:dir(ltr) .elementor-swiper-button-next {
    inset-inline-end: unset !important;
	inset-inline-start: 20px !important;
}




@media(max-width: 768px) {
	.elementor-swiper-button-next {
		inset: unset !important;
		top: -40px !important;
		inset-inline-end: 45px !important;
	}
	.elementor-swiper-button-prev {
		inset: unset !important;
		top: -40px !important;
		inset-inline-end: 5px !important;
	}
	
	:dir(ltr) .elementor-swiper-button-prev {
		inset: unset !important;
		top: -40px !important;
		inset-inline-start: 45px !important;
	}
	:dir(ltr) .elementor-swiper-button-next {
		inset: unset !important;
		top: -40px !important;
		inset-inline-start: 5px !important;
	}
}


/*  =================== Reviews =================== */

#reviews_section .swiper-pagination-bullet-active {
	width: 30px !important;
	border-radius: 15px !important;
}

#reviews_section .elementor-swiper-button-prev {
	inset: unset !important;
    top: -40px !important;
    inset-inline-end: 85px !important;
}

#reviews_section .elementor-swiper-button-next {
	inset: unset !important;
    top: -40px !important;
    inset-inline-end: 20px !important;
}

:dir(ltr) #reviews_section .elementor-swiper-button-prev {
	inset: unset !important;
    top: -40px !important;
    inset-inline-end: 20px !important;
}

:dir(ltr) #reviews_section .elementor-swiper-button-next {
	inset: unset !important;
    top: -40px !important;
    inset-inline-end: 85px !important;
}

@media(max-width: 768px) {
	#reviews_section .elementor-swiper-button-prev {
		inset: unset !important;
        top: -60px !important;
        inset-inline-start: 30px !important;
        transform: translate(50%, -50%);
	}

	#reviews_section .elementor-swiper-button-next {
		top: -60px !important;
        inset-inline-start: unset !important;
        inset-inline-end: -20px !important;
        transform: translate(50%, -50%);
	}
	
	:dir(ltr) #reviews_section .elementor-swiper-button-prev {
		inset: unset !important;
        top: -60px !important;
        inset-inline-end: 30px !important;
	}

	:dir(ltr) #reviews_section .elementor-swiper-button-next {
		top: -60px !important;
        inset-inline-end: unset !important;
        inset-inline-start: -20px !important;
	}
	
	
}


/* ========== Posts ============= */

.post-content * {
	font-size: 14px !important;
	height: 170px !important;
	overflow-y: hidden;
}

/* ========== Car Filter =========== */

.car_filters {
	height: fit-content !important;
}

.car_filters .jet-select__control {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center; /* left for RTL */
    background-size: 12px;
    padding-left: 40px; /* space for arrow on left (RTL) */
    cursor: pointer;
}


.car_filters .color_filter .jet-color-image-list__button {
	display: flex;
	justify-content: center;
	align-items: center;
}

.car_filters .color_filter .jet-color-image-list__button {
	display: flex;
	justify-content: center;
	align-items: center;
}

.jet-color-image-list__decorator {
	margin: 0 !important;
	display: flex;
}


/* ==== Home Slider ========== */

.brand_slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}


/*  =============  Car Page ======== */

.car_details ul li span {
	text-align: center !important;
}

.car_details .jet-check-list {
	gap: 15px;
}

.car_details .jet-check-list--has-divider .jet-check-list__item {
    border-top: none !important;
    border-bottom: 1px solid;
    padding-bottom: 10px ;
    border-bottom-color: var(--e-global-color-45b934a);
}

.car_gallery img {
	cursor: pointer;
}


/* ========= Location Card ======== */

.location_card_icon {
/*     inset: unset;
	left: 0 !important;
	right: unset !important;
    inset-inline-start: 50% !important; */
/*     top: 50% !important;
    transform: translate(-50%, 100%); */
	 top: 50% !important;
	 transform: translatey( 100%);
	width: 100%;
    display: flex;
    justify-content: center !important;
    align-items: center;
}


.location_card:hover .location_card_icon {
	transform: translatey( -50%);
}

.location_card:hover .location_card_number {
	    transform: translatey(-150%);
}



/* ========== Form ======== */

#main_form select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center; 
    background-size: 12px;
    padding-left: 40px;
	padding-right: 40px;
    cursor: pointer;
}

#main_form .jet-form-builder-row {
	margin: 0 0 20px;
}

#main_form .jet-form-builder__fields-group.checkradio-wrap {
  display: flex;
  gap: 12px;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}

#main_form .jet-form-builder__field-wrap.radio-wrap,
#main_form .jet-form-builder__field-wrap.checkbox-wrap {
  flex: 1;
}

#main_form .jet-form-builder__field-label.for-radio,
#main_form .jet-form-builder__field-label.for-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
	border: 1px solid #313131;
	background: #1a1a1a;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  color: #ffffff;
  position: relative;
  box-sizing: border-box;
	padding: 10px 24px;
}

#main_form .jet-form-builder__field.radio-field,
#main_form .jet-form-builder__field.checkbox-field {
  position: absolute !important;
  opacity: 0 !important;
  width: 0;
  height: 0;
  pointer-events: none !important;
}

#main_form .jet-form-builder__field-wrap label.jet-form-builder__field-label > span::before {
	 position: absolute !important;
  opacity: 0 !important;
  width: 0;
  height: 0;
  pointer-events: none !important;
}

#main_form .jet-form-builder__field-label.for-radio span,
#main_form .jet-form-builder__field-label.for-checkbox span {
  color: #ffffff;
}

#main_form .jet-form-builder__field.radio-field:checked + span,
#main_form .jet-form-builder__field.checkbox-field:checked + span {
  color: #ffffff;
}

#main_form .jet-form-builder__field-label.for-radio:has(input:checked),
#main_form .jet-form-builder__field-label.for-checkbox:has(input:checked) {
  background: #C41E3A;
  border-color: #C41E3A;
}

#main_form .jet-form-builder__field-label.for-radio:hover,
#main_form .jet-form-builder__field-label.for-checkbox:hover {
  background: rgba(230, 60, 60, 0.15);
}

#main_form .car_categories {
/* 	flex-wrap: wrap; */
	gap: 15px;
}

#main_form .car_categories [data-update-field-name="car_data"] {
	width: 73%;
}

#main_form .car_categories [data-update-field-name="car_data"] .jet-form-builder__field-wrap {
	display: flex;
	align-items: center;
/* 	flex-wrap: wrap; */
	gap: 15px;
}

#main_form .car_categories [data-update-field-name="car_data"] .jet-form-builder__field-wrap .jet-form-builder-hr-select-level {
	margin: 0 !important ;
	width: 100%;
}

#main_form .car_categories .jet-form-builder-row:has(.car_model) {
  width: 23%;
}



#main_form .user_info .jet-form-builder-row {
	width: 50%;
	margin: 0;
}

#main_form .jet-form-builder__submit {
	width: 100%;
}


@media(max-width: 992px) {
	
	#main_form .car_categories {
	flex-wrap: wrap;
	gap: 0px;
}

#main_form .car_categories [data-update-field-name="car_data"] .jet-form-builder__field-wrap {
	flex-wrap: wrap;
}
	
	#main_form .user_info {
		flex-wrap: wrap;
	}
	
	#main_form .car_categories [data-update-field-name="car_data"] {
	width: 100%;
}
	
	#main_form .car_categories .jet-form-builder-row:has(.car_model) {
  width: 100%;
}
		#main_form .user_info .jet-form-builder-row {
		width: 100%;
	}
}



/* ==== Form Validation ===== */

.phone-error-message {
	position: absolute;
	color: #d6001c;
	font-size: 14px;
	margin-top: 6px;
}

#phone_number.invalid {
  	border-color: #d6001c !important;
}