.elementor-3815 .elementor-element.elementor-element-7910790{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3815 .elementor-element.elementor-element-7910790:not(.elementor-motion-effects-element-type-background), .elementor-3815 .elementor-element.elementor-element-7910790 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #FFFFFF 30%, #F9F9F9 70%);}.elementor-3815 .elementor-element.elementor-element-5a59e85{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-a49fa98 */.filter-item.model-filter {
    cursor: pointer !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a59e85 */.car-grid a {
    color : black !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7910790 */.filter-item.year-filter {
    cursor: pointer !important;
}

.filter-item.year-filter {
    cursor: pointer !important;
}


      .car-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
        width: 100%;
        background-color: #f9f9f9;
      }
      .car-grid .card {
        width: 100%;
        border: 1px solid #00000021;
        background-color: white;
        border-radius: 4px;
      }
      .car-grid .card img {
        object-fit: cover;
        object-position: center;
        width: 100%;
      }
      .car-grid .card .title {
        font-size: 18px;
        font-weight: 700;
      }
      .car-grid .card p {
        padding: 0;
        margin: 0;
      }
      .car-grid .text-content {
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .car-grid .group .div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: 10px;
      }
      .car-grid .group .div .group-2,
      .car-grid .group .div .group-3,
      .car-grid .group .div .group-6,
      .car-grid .group .div .group-7 {
        display: flex;
        align-items: center;
        gap: 5px;
      }
      .car-grid .price {
        font-weight: bold;
      }
      .used-card .search {
        width: 100%;
        margin-bottom: 20px;
      }
      .used-card .search form {
        display: flex;
        gap: 0;
        width: 100%;
      }

      .used-card .search form input {
        border: 1px 1px 1px 0px;
        border-color: #000;
        border-width: 1px;
        border-radius: 4px 0px 0px 4px;
        padding-left: 5px;
        width: 80%;
      }

      .used-card .search form button svg {
        width: 80%;
      }
      .used-card .search form button {
        border: 0;
        border-radius: 0px 4px 4px 0px;
        padding: 5px;
        width: 20%;
      }

      .used-card .search form button {
        background-color: black;
      }

      .used-card .accordion {
        width: 100%;
      }

      .used-card .accordion-item {
        border-width: 1px 0px 0px 0px !important;

        border-style: solid;
        border-color: #ccc;
     
        overflow: hidden;
      }

      .used-card .accordion-header {
        width: 100%;
        background: #fff;
        padding: 15px;
        border: none;
        text-align: left;
        font-size: 16px;
        cursor: pointer;
           color: black !important
        outline: none;
        display: flex;
        justify-content: space-between;
      }
      .used-card button.accordion-header{
          color: black ;
      }
      .used-card .accordion-header.active span {
        transform: rotate(180deg);
        
      }

      .used-card .accordion-content {
          display: none;
        overflow: hidden;
        transition: max-height 0.3s ease, padding 0.3s ease;
        padding: 0 15px;
           color: black !important
        background: #fff;
      }

      .used-card .accordion-content p {
        padding: 0;
      }
      .used-car-container {
        display: flex;
        gap: 20px;
      }
      .car-showcase {
        background-color: #f9f9f9;
        padding-top: 80px;
        padding-bottom: 80px;
        width: 80%;
                padding-left: 20px;
        padding-right: 20px;
      }
      .used-card {
        padding-top: 80px;
        padding-bottom: 80px;
        width: 20%;
        padding-left: 20px;
        padding-right: 20px;
      }
      .used-car-container h2{
          font-size: 25px
      }
      @media (max-width:767px){
          .used-car-container {
    flex-direction: column;
}
.used-card{
    padding-bottom: 0px;
    width: 100%;
    padding-top: 50px;
    
}
.car-grid{
    grid-template-columns: 1fr;
}
.car-showcase{
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;

}

      }/* End custom CSS */