.list-bg{
  background: #F4F8F7 !important;
  border: 2px solid #FF5C31;
}
#vehicle_cat_btn, #construck_cat_btn, #farm_cat_btn, #truck_cat_btn, #license_cat_btn , #vin_cat_btn, #vehicle_cat_btn_jp, #construck_cat_btn_jp, #farm_cat_btn_jp, #truck_cat_btn_jp, #license_cat_btn_jp , #vin_cat_btn_jp{
  background-color: #6C757D;
  color: white;
  border: none;
}
.nextBtn{
  background-color: #6C757D;
  color: white !important;
  text-decoration: none !important;
  border: none;
}
.nextBtn:hover{
  background-color: #6C757D;
}
.orange-text{
  color: #FD4717;
}
#stepForm{
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}
.go-back-btn{
  background-color: #FD4717;
  color: white !important;
  border: none;
  text-decoration: none !important;
}
.go-back-btn:hover{
  background-color: #6C757D !important; 
  color: white !important;
  border: none;
  text-decoration: none !important;
}
.select-nav .select-options{
  display: -webkit-grid;
  display: grid;
  column-gap: 100px;
  -webkit-grid-template-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
}
.select-nav .select-options .active h5{
  color: black;
}
.select-nav .select-options .active{
  border-color: black;
}
.select-nav .select-option-box{
  text-align: center;
  margin-bottom: 20px;
  grid-row: span 2;
  cursor: pointer;
  border-bottom: 2px solid #98A2A9;
}
.select-nav .select-option-box h5{
  font-size: 16px;
  color: #98A2A9;
}

#carForm .select-options{
  display: -webkit-grid;
  display: grid;
  column-gap: 10px;
  -webkit-grid-template-columns: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr);
}
#carForm .select-option-box{
  grid-row: span 2;
}
.select-options{
  display: -webkit-grid;
  display: grid;
  column-gap: 10px;
  -webkit-grid-template-columns: repeat(5, 1fr);
  grid-template-columns: repeat(5, 1fr);
}
.select-option-box{
  grid-row: span 2;
}
.select-option-box .form-group {
  margin-bottom: 0;
}

.select-option-box .form-control {
  width: 100%;
}

.select-option-box .btn {
  width: 100%;
}
#construck_model, #construck_hours , #farm_model, #farm_hours , #license_plate , #chassis_number{
  max-height: 38px;
}

body.home{
  background: #F4F8F7;
}
.options-area{
  box-shadow: 0px 16px 48px 0px #0000002D;
}

@media only screen and (max-width: 600px) {
  #carForm .select-options{
    display: -webkit-grid;
    display: grid;
    row-gap: 20px;
    -webkit-grid-template-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
  }
  .select-options{
    display: -webkit-grid;
    display: grid;
    row-gap: 20px;
    -webkit-grid-template-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
  }
  .select-nav .select-options{
    display: -webkit-grid;
    display: grid;
    column-gap: 100px;
    -webkit-grid-template-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
  }
  .progress-area{
    display: none;
  }
  .box-four-area > div:first-child {
    display: grid;
    -webkit-grid-template-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    min-height: 260px;
  }
  .sell-made-simple-area{
    overflow-x: hidden;
  }
  .box-four-area .e-con-inner{
    height: auto;
  }
  .webuy-custom-model .custom-model-inner{
    width: 20rem;
    --padding-inline-start: 20px !important;
    --padding-inline-end: 20px !important;
    --margin-block-start: 20px !important;
    --margin-block-end: 20px !important;
    --padding-block-start: 0px !important;
    --padding-block-end: 0px !important;
  }
  .webuy-custom-model .custom-model-inner .elementor-icon-box-wrapper{
    align-items: center;
  } 
  .webuy-custom-model .custom-model-inner .elementor-icon-box-icon .elementor-animation{
    font-size: 20px !important;
  }
  .exad-modal-item.modal-vimeo {
    height: auto !important;
  }
  .webuy-custom-model .custom-model-inner .elementor-icon-box-title{
    margin-bottom: 0px !important;
  }
  .car-box h2{
    margin-top: -20px;
  }

}

.webuy-custom-model .custom-model-inner .elementor-icon-box-wrapper{
  align-items: center;
} 
.progressbar {
  margin: 50px 0 50px 0;
  counter-reset: step;
}
.progressbar li {
  list-style-type: none;
  width: 32%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #7d7d7d;
}
.progressbar li:before {
  width: 15px;
  height: 15px;
  content: '';
  line-height: 30px;
  border: 2px solid #7d7d7d;
  background-color: #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  transition: all .8s;
}
.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 7px;
  left: -50%;
  z-index: -1;
  transition: all .8s;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active:before {
  border-color: #FD4717;
  background-color: #FD4717;
  transition: all .8s;
}
.progressbar li.active:after {
  background-color: #FD4717;
  transition: all .8s;
}
.site-ja .en-menu{
	display: none;
}
.site-ja .jp-menu{
	display:block !important;
} 
.progressbar-two-form{
  margin-right: 20px;
}