.form_container form{width: 100%;}
form .form_block{display: flex; justify-content: space-between; flex-wrap: wrap;}
form .form_block .form_field.full_width{width: 100%;}
form .form_block .form_field.half_width{width: 48%;}
form .form_block .form_field.third_width{width:31%;}
form .form_block .form_field{padding-bottom: 30px;}
form .form_block .form_field .label{font-size: 15px; line-height: :25px; font-family: 'Arial'; color: #242424; display: block; padding-bottom: 10px;}
form .form_block .form_field .label .star{color: #0070b7; display: inline-block; padding-left: 2px;}
form .form_block .form_field input{font-size: 15px; line-height:25px; font-family: 'Arial'; height: 50px; border: 1px solid #e4e6e7; border-top: 3px solid #e4e6e7; border-radius: 4px; padding: 0px 15px; box-sizing: border-box; width: 100%; background-color: #f1f3f4;}
form .form_block .form_field textarea{font-size: 15px; line-height:25px; font-family: 'Arial'; resize: none; border: 1px solid #e4e6e7; border-top: 3px solid #e4e6e7; border-radius: 4px; padding: 15px 15px; box-sizing: border-box; width: 100%; min-height: 120px; background-color: #f1f3f4;}
form .form_block .contact_fields{width: 100%; display: none;}
form .form_block .contact_fields .form_field{display: inline-block;}
form .form_block .contact_fields .form_field:nth-child(2){float: right;}
form .form_block .contact_fields .form_field:nth-child(2):after{content: ''; clear: both; display: table;}
form .form_block .recaptcha{}
form .form_block .recaptcha img{max-width: 100%;}
form .form_block .form_btn{display: block; padding-top: 30px; width: 100%;}
form .form_block .form_btn .sub_btn{font-size: 16px; font-weight: 500; line-height: 26px; text-transform: uppercase; letter-spacing: .8px; color: #ffffff; background-color: #0070b7; border-radius: 3px; padding: 10px 15px; box-sizing: border-box; min-width: 10em; cursor: pointer; text-decoration: none; outline: none; border:0px;}
form .form_block select {font-size: 15px; line-height: 25px; font-family: 'Arial'; padding: 0px 15px; height: 50px; background-color: #f1f3f4; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none; width: 100%; background-repeat: no-repeat; background-position: calc(100% - 18px) 55%; border-radius: 4px; border: 1px solid #e4e6e7; border-top: 3px solid #e4e6e7; background-color: #f1f3f4;}
/* form .form_block .multiple_selection select{background-image: unset; padding-top:} */
/*form .form_block select.time_picker{background: url(http://geelyksa-new.usol360.com/wp-content/uploads/2021/12/jump_menu.png);}*/
form .form_block .form_field input:focus,
form .form_block .form_field textarea:focus,
form .form_block select:focus{outline: none;}

form .form_block .multiple_selection select{height:80px; padding-top:8px; padding-bottom:8px; background-image:unset;}

form .form_block .error_message{font-size: 14px; line-height: 24px; color: #0070b7; font-family: 'Arial';}
form .form_block .form_btn .success_msg{font-size: 14px; line-height: 24px; color: #0070b7; font-family: 'Arial';}

form .form_block .form_field.otp_block{width: 48%;}
form .form_block .form_field .otp_field{display: flex; justify-content: space-between; align-items: center;}
form .form_block .form_field .otp_field input{width:72%;}
form .form_block .form_field .otp_field .otp_button{width: 8em; margin-left:20px; padding:8px 10px; box-sizing: border-box; outline: none; background-color: transparent; border:1px solid #0070b7; font-size: 16px; line-height: 24px; font-weight: 500; text-align: center; display: inline-block; cursor: pointer; text-transform: uppercase; letter-spacing: .5px; color: #0070b7; transition: .3s ease-in-out; border-radius: 4px;}
form .form_block .form_field .otp_field .otp_button:hover{background-color: #0070b7; color: #fff;}
form .form_block .form_field .otp_link{ display:inline-block; font-size: 14px; cursor: pointer; line-height: 24px; padding-top:8px; transition: .3s ease-in-out; color: #0070b7;}
form .form_block .form_field .otp_link:hover{color: #0070b7;}
.success_msg{font-size: 18px; line-height: 28px; font-weight: 500; padding:20px 0px; display: inline-block; color: #0070b7;}

/*Custom Radio Buttons*/

form .form_block .radio_btn{width: 100%;display: flex; margin-top: 15px;}
form .form_block .radio_btn .container{padding-right: 20px}
form .form_block .radio_btn .container {font-size: 15px; color: #000; font-family: arial; display: block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
form .form_block .radio_btn .container input {position: absolute; opacity: 0; cursor: pointer; height: 0;width: 0;}
form .form_block .radio_btn .container input:checked ~ .checkmark {background-color: #fff;border: 1px solid #0070b7;}
form .form_block .radio_btn .checkmark {position: absolute; top: 0;left: 0; height: 20px; width: 20px; background-color: #fff; border-radius: 50%; border: 1px solid #cecece; vertical-align: middle; margin-right: 10px; margin-top: -2px;}
form .form_block .radio_btn .container .checkmark:after {top: 2px; left: 1.6px; width: 13px; height: 13px; border-radius: 50%;background: #0070b7;}
form .form_block .radio_btn .checkmark:after {content: ""; position: absolute; display: none;}
form .form_block .radio_btn .container input:checked ~ .checkmark:after {display: block;}

/*Custom Check box Buttons*/

form .form_block .checkbox .label{font-size: 14px; color: #000; display: block; position: relative; padding-left: 35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
form .form_block .checkbox .label a{color: #0070b7; text-decoration: none;}
form .form_block .checkbox .label input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
form .form_block .checkbox .label .checkmark{position: absolute; top: 2px; left: 0; height: 20px; width: 20px; border: 1px solid #d1d9df; border-radius: 4px; border-style: solid; display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -5px; cursor: pointer; background-color: #f1f3f4;}
form .form_block .checkbox .checkmark:after { background-repeat: no-repeat; background-position: center; content: ''; background-size: 100%; left: 2px; top: 2px; width: 14px; height: 14px; }
form .form_block .checkbox .label .checkmark:after {content: ""; position: absolute; display: none;}
form .form_block .checkbox .label input:checked ~ .checkmark:after { display: block;}
form .form_block .checkbox .label input:checked ~ .checkmark { background-color: #0070b7;}



@media screen and (min-width: 200px) and (max-width: 767px){
    /*form .form_block{flex-direction: column;}*/
    form .form_block .form_field.half_width{width: 100%;}
    form .form_block .form_field{padding-bottom: 20px;}
    form .form_block .form_field input{font-size: 14px; line-height: 24px; height: 40px;}
    .radio_btn .checkmark{width: 16px; height: 16px;}
    .radio_btn .container .checkmark:after{width: 12px; height: 12px;}
    form .form_block .form_field textarea{min-height: 80px; font-size: 14px; line-height: 24px;}
    form .form_block .form_btn{padding-top: 20px;}
    form .form_block .radio_btn{margin-top: 10px;}
    form .form_block .checkbox .label .checkmark{width: 16px; height: 16px; top: 4px;}
    form .form_block .checkbox .checkmark:after{width: 12px; height: 12px;}
    form .form_block .form_btn .sub_btn{font-size: 15px; line-height: 25px; padding:8px 15px 5px;}
    form .form_block .form_field .otp_field .otp_button{ font-size: 15px; line-height: 25px; padding:8px 15px 5px;}
    form .form_block .radio_btn .checkmark{width:19px; height:19px;}
    form .form_block .radio_btn .container{margin-bottom:2px;}
    form .form_block .form_field.third_width{width:100%;}
    form .form_block .form_field.otp_block{width:100%;}
}

/* @media screen and (min-width:500px) and (max-width:767px){
    form .form_block .form_field.otp_block{width: 80%;}
} */

@media screen and (min-width: 768px) and (max-width: 1024px){
    form .form_block .radio_btn{margin-top: 10px;}
    form .form_block .radio_btn .checkmark{width:19px; height:19px;}
    form .form_block .radio_btn .container .checkmark:after{left:2px;}
    form .form_block .form_btn{padding-top: 20px;}
}

@media screen and (min-width: 1025px) and (max-width: 1380px){
    form .form_block .radio_btn .container .checkmark:after{width: 14px; height: 14px; top: 2px; left: 2px;}
}

@media screen and (min-width: 1380px) and (max-width: 1580px){
    form .form_block .radio_btn .container .checkmark:after{width: 14px; height: 14px; top: 2.21px;}
}
@media screen and (min-width: 1581px) and (max-width: 1680px){
    form .form_block .radio_btn .container .checkmark:after{width: 13px; height: 13px; top: 2.1px; left: 1.6px;}
}
@media screen and (min-width: 1681px) and (max-width: 1880px){
    form .form_block .radio_btn .container .checkmark:after{ top: 2.4px;}
}
@media screen and (min-width: 1821px) and (max-width: 1920px){
    form .form_block .radio_btn .container .checkmark:after{ top: 1.8px; left: 1.8px;}
}
@media screen and (min-width: 2050px){
    form .form_block .radio_btn .container .checkmark:after{ top: 1px;}
}



/********************************/
/* Request a Quote & Test Drive */

.form_bg{background-color: #f9f9f9;}
.form_car_category{}
.form_category_inner{display: flex; padding: 30px 0px; box-sizing: border-box; position: relative;}
.form_category_inner .form_left_col{width: 18%; display: flex; align-items: center; justify-content: center; position: absolute; top:50%; transform: translateY(-50%);}
.form_category_inner .form_left_col .form_vertical_block{transform: rotate(-90deg);}
.form_category_inner .form_left_col .form_vertical_block span{display: block; text-align: center;font-size: 44px; line-height: 48px; letter-spacing: .6px; font-weight: bold; text-transform: uppercase; color: #d0d0d0;}
.form_category_inner .form_left_col .form_vertical_block .step_count{transform: rotate(90deg); font-size: 65px;}

.rtl .form_category_inner .form_left_col .form_vertical_block span{font-size:28px;}
.rtl .form_category_inner .form_left_col .form_vertical_block .step_count{font-size:60px;}

.form_category_inner .right_padding{padding-right: 0px; box-sizing: border-box;}
.car_div{min-height: 80px; max-height:80px; display: flex; align-items: center;}
/*Form Carousel*/

.form_carousel{}
.form_carousel .form_model_block{padding:5px 5px; box-sizing: border-box;}
.form_carousel .form_model_block .form_model_block_inner{ position: relative; background-color: #fff; box-shadow: 0px 0px 10px 1px rgb(0 0 0/10%); padding:30px 20px 10px; margin: 20px 0px 10px; box-sizing: border-box; text-align: center; border-radius: 4px; cursor: pointer; border: 2px solid transparent; transition: .3s ease-in-out;}
.form_carousel.owl-carousel .form_model_block img{max-width: 100%; width: auto; margin: auto;}
.form_carousel .form_model_block .form_model_name{display: block; font-size: 14px; line-height: 24px; color: #000; text-transform: uppercase; padding-top: 15px; transition: .3s ease-in-out;}
/*.form_carousel .form_model_block .form_model_block_inner:hover .form_model_name{color: #0070b7;}*/
.form_carousel .form_model_block .selected_model{display: none; position: absolute; top: -12px; right: -12px; width: 35px; height: 35px; border-radius: 25px; background-color: #0070b7; background-repeat: no-repeat; background-position: center; background-size: 18px;}

.form_carousel .form_model_block .car_model_active{border: 2px solid #0070b7;}
.form_carousel .form_model_block .car_model_active .selected_model{display: block;}
.form_carousel .form_model_block .car_model_active .form_model_name{color: #0070b7;}


/*Form Carousel Nav*/
.form_carousel .owl-nav{position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.form_carousel .owl-nav .owl-prev{position: absolute; left: -25px; outline: unset;}
.form_carousel .owl-nav .owl-next{position: absolute; right: 30px; outline: unset;}
.form_carousel .owl-nav .owl-prev.disabled,.form_carousel .owl-nav .owl-next.disabled{display: none;}
.form_carousel .owl-nav button img{width:10px;}

.form_category_inner .form_category_block{width: 100%;}
.form_category_inner .form_title{font-size: 24px; line-height: 22px; padding-top:8px; text-transform: capitalize; color: #242424; font-weight: 400; margin: 0px 0px; text-align: center;}
.form_category_block .cat_tabs{text-align: center; padding-top: 20px;}
.form_category_block .cat_tabs .cat_tabs_inner{display: inline-flex; justify-content: center; align-items: center; background-color: #f6f6f6; border: 1px solid #e6e2e2; border-radius: 25px; padding: 2px 2px; box-sizing: border-box;}
.form_category_block .cat_tabs span{font-size: 14px; line-height: 24px; color: #242424; text-transform: uppercase; display: inline-block; padding: 5px 10px; min-width: 8em; cursor: pointer; border-radius: 25px; display: flex; align-items: center; justify-content: center; transition: .3s ease-in-out;}
.form_category_block .cat_tabs span:first-child{margin-right: 5px;}
.form_category_block .cat_tabs span img{max-width: 100%; opacity: 0; margin-right: 6px; transition: .3s ease-in-out;}
.form_category_block .cat_tabs span.cat_tab_active{color: #ffffff; background-color: #0070b7;}
.form_category_block .cat_tabs span.cat_tab_active img{opacity: 1;}

.form_category_block .cat_tabs span:hover{color: #ffffff; background-color: #0070b7;}
.form_category_block .cat_tabs span:hover img{opacity: 1;}




.form_carousel.owl-carousel{padding:0px 10px; box-sizing: border-box; width: 85%; margin-left: auto; padding-right:50px;}
.form_category_inner .form_container{width: 100%;}
.form_category_inner .form_container form{width:85%; margin-left: auto; padding-right:70px; padding-left:25px; padding-top: 50px; box-sizing: border-box;}
.form_category_inner form .form_block .radio_btn{margin-top:15px;}
.form_category_inner form .form_block .form_btn{padding-top:40px;}
.form_category_inner:last-child .form_category_inner .form_title{padding-top:20px;} 



@media screen and (min-width: 200px) and (max-width: 767px){
    .form_category_inner{padding: 20px 0px;}
    .form_category_inner .form_left_col{display: none;}
    .form_category_inner .form_category_block{width: 100%;}
    .form_category_inner .form_container{width: 100%;}
    .form_category_inner .right_padding{padding-right: 0px;}
    .form_category_inner .form_title{font-size: 20px; line-height: 28px; padding-top:0px;}
    .form_carousel .form_model_block .form_model_block_inner{margin: 15px 0px; padding: 20px 15px 5px;}
    .form_category_block .cat_tabs{padding-top: 15px;}
    .form_category_inner .form_container form{padding-top: 20px; width:100%; padding-left:0px; padding-right: 0px;}
    .form_carousel .owl-nav{position: static; transform: unset; text-align: center; padding-top: 5px;}
    .form_carousel .owl-nav .owl-prev{position: static; margin-right: 15px;}
    .form_carousel .owl-nav .owl-next{position: static;}
    .form_carousel .owl-nav button img{max-width: 100%; width: 9px;}
    .car_div{min-height: 55px; max-height:55px;}
    .form_carousel .owl-nav .owl-prev.disabled,.form_carousel .owl-nav .owl-next.disabled{display: inline-block; opacity: 0.4;}
    .form_carousel.owl-carousel{width:100%; padding-right: 10px;}
    
}

@media screen and (min-width: 500px) and (max-width: 767px){
    .car_div{min-height: 55px; max-height:55px;}
    form .form_block .form_field.half_width{width: 48%;}
}
@media screen and (min-width: 640px) and (max-width: 767px){
    .car_div{min-height: 80px; max-height:80px;}
}



@media screen and (min-width: 768px) and (max-width: 1024px){
    .form_category_inner .right_padding{padding-right: 30px;}
    .form_category_inner .form_left_col .form_vertical_block span{line-height: 40px;}
    .form_category_inner .form_left_col .form_vertical_block span{font-size: 36px;}
    .form_category_inner .form_left_col .form_vertical_block .step_count{font-size: 50px;}
    .form_carousel .owl-nav .owl-prev{left:-15px;}
    .form_carousel .owl-nav .owl-next{right:4px;}
    .form_carousel .owl-nav button img{width:10px;}
    .car_div{min-height: 50px; max-height:50px;}
    .form_category_inner .form_container form{padding-right:0px;}
}






/* Arabic Version  */
.rtl .form_carousel .form_model_block{padding-left:0px; padding-right:10px;}
.rtl .form_category_block .cat_tabs span:first-child{margin-right:0px; margin-left:5px;}
.rtl .form_carousel.owl-carousel{margin-left:unset; margin-right:auto; padding-left:50px; padding-right: 10px;}
.rtl .form_category_inner .form_container form{margin-left:unset; margin-right:auto; padding-left:70px; padding-right:25px;}
.rtl form .form_block .checkbox .label{padding-left:0px; padding-right:35px;}
.rtl form .form_block .checkbox .label .checkmark{left:unset; right:0px; margin-right: 0px; margin-left: 10px;}
.rtl form .form_block .radio_btn .checkmark{left:unset; right:0px; margin-right:0px; margin-left:10px}
.rtl form .form_block .radio_btn .container{padding-left:20px; padding-right:30px;}
.rtl form .form_block select{background-position:calc(4% - 0px) 55%;}
.rtl .form_category_block .cat_tabs span.cat_tab_active img{margin-right:0px; margin-left:6px;}
.rtl form .form_block .form_field .otp_field .otp_button{margin-left: 0px; margin-right: 20px;}
.rtl .form_category_block .cat_tabs span img{margin-right: 0px; margin-left: 6px;}

.rtl .form_carousel .owl-nav .owl-prev{left: 25px;}
.rtl .form_carousel .owl-nav .owl-next{right: -20px}

.rtl form .form_block .contact_fields .form_field:nth-child(2){float:left;}
.rtl form .form_block .contact_fields .form_field:nth-child(2):after{content:''; clear:both; display: table;}

@media screen and (min-width:200px) and (max-width:767px){
    .rtl .form_carousel.owl-carousel {padding-left:10px;}
    .rtl .form_category_inner .form_container form{padding-left:0px; padding-right:0px;}
    .rtl form .form_block select{background-position: calc(5% - 0px) 55%;}


    .rtl .form_carousel .owl-nav{direction: ltr;}
    .rtl .form_carousel .owl-nav .owl-prev{position: static;}
    .rtl .form_carousel .owl-nav .owl-next{position: static;}
}