.elementor-2301 .elementor-element.elementor-element-4835cd7 > .elementor-container{max-width:1400px;}.elementor-2301 .elementor-element.elementor-element-4835cd7{padding:50px 0px 50px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2301 .elementor-element.elementor-element-ae6ab51{padding:0px 250px 0px 250px;text-align:center;}.elementor-2301 .elementor-element.elementor-element-ae6ab51 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:55px;font-weight:600;color:#474747;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2301 .elementor-element.elementor-element-eda31a5{padding:0px 350px 0px 350px;text-align:center;font-family:"Raleway", Sans-serif;font-size:17px;font-weight:500;color:#474747;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2301 .elementor-element.elementor-element-2096acc img{width:100%;}.elementor-2301 .elementor-element.elementor-element-8f8ea48 > .elementor-container{max-width:1400px;}.elementor-2301 .elementor-element.elementor-element-8f8ea48{padding:0px 0px 50px 0px;}@media(max-width:1366px){.elementor-2301 .elementor-element.elementor-element-4835cd7 > .elementor-container{max-width:1200px;}.elementor-2301 .elementor-element.elementor-element-ae6ab51{padding:0px 200px 0px 200px;}.elementor-2301 .elementor-element.elementor-element-ae6ab51 .elementor-heading-title{font-size:44px;}.elementor-2301 .elementor-element.elementor-element-eda31a5{padding:0px 250px 0px 250px;}.elementor-2301 .elementor-element.elementor-element-eecfe94 > .elementor-element-populated{padding:0px 0px 0px 0px;}}@media(max-width:1024px){.elementor-2301 .elementor-element.elementor-element-ae6ab51{width:100%;max-width:100%;padding:0px 50px 0px 50px;text-align:center;}.elementor-2301 .elementor-element.elementor-element-eda31a5{padding:0px 50px 0px 50px;text-align:center;}}@media(max-width:767px){.elementor-2301 .elementor-element.elementor-element-ae6ab51{padding:0px 0px 0px 0px;text-align:center;}.elementor-2301 .elementor-element.elementor-element-ae6ab51 .elementor-heading-title{font-size:40px;}.elementor-2301 .elementor-element.elementor-element-eda31a5{padding:0px 0px 0px 0px;text-align:center;}}@media(max-width:1366px) and (min-width:768px){.elementor-2301 .elementor-element.elementor-element-6e73bb9{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2301 .elementor-element.elementor-element-6e73bb9{width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-4ffa500 */.bgcars-cat-search-form {
  
  margin: 20px auto;
  padding: 0 15px;
  position: relative;
  z-index: 10;
}

.bgcars-search-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  background: #2DA251;
  border-radius: 40px;
  padding: 15px 20px;
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
  align-items: center;
}

.bgcars-search-item {
  flex: 1 1 200px;
  display: flex;
  align-items: center;
  position: relative;
}

.bgcars-label {
  display: none; /* hiding labels to clean up UI */
}

.bgcars-select {
  width: 100%;
  padding: 10px 15px;
  border: none;
  border-right: 1px solid #fff; /* Default: right-side border */
  border-radius: 0;
  background: #2DA251;
  color: #fff;
  font-size: 15px;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  font-weight: 500;
}

/* For screens 768px and below (tablet and mobile) */
@media screen and (max-width: 768px) {
  .bgcars-select {
    border-right: none;
    border-bottom: 1px solid #fff; /* Add bottom border */
  }
}



@media (max-width: 1024px) {
    
    .bgcars-select {
    border-right: none;
    border-bottom: 1px solid #fff; /* Add bottom border */
  }
}

.bgcars-select option {
  color: #000;
}

.bgcars-search-submit {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bgcars-search-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  
}

.bgcars-search-btn i {
  color: #2caf50;
  font-size: 18px;
}

.bgcars-search-btn:hover {
  background-color: #333;
}

@media (max-width: 767px) {
  .bgcars-search-submit {
    width: 100%;
  }
   .bgcars-search-btn {
    width: 100%;
    border-radius: 40px;       /* change shape when full width */
  }
    
}


/* 📱 Responsive Styles */

@media (max-width: 1024px) {
  .bgcars-search-row {
    gap: 12px;
    padding: 20px;
  }

  .bgcars-search-item {
    flex: 1 1 45%;
  }
}

@media (max-width: 768px) {
  .bgcars-search-row {
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    border-radius: 20px;
  }

  .bgcars-search-item {
    width: 100%;
    flex: 1 1 100%;
  }

  .bgcars-select {
    font-size: 16px;
    padding: 1px 18px;
  }

  .bgcars-search-submit {
    width: 100%;
    justify-content: flex-end;
  }

  

  .bgcars-search-btn i {
    font-size: 16px;
  }
}

.bgcars-clear-btn {
    display: inline-block;
    padding: 9px 22px;
    background: #fff;           /* base color */
    color: #2da251;
    border-radius: 30px;           /* pill shape */
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}
.bgcars-clear-btn:hover{
    background:#333;     
    /* hover color */
    box-shadow:0 6px 18px rgba(0,0,0,0.25);
    color:#2da251;
    transform: translateY(-2px);
}/* End custom CSS */