.similar-cars .similar-card {
  padding: 12px;
  background-color: #f6f6f8;
  border-radius: 16px;
}
.similar-cars .similar-img {
  width: 100%;
  height: auto;
  border-radius: 15px;
  max-height: 210px;
}
.similar-cars.sm-car {
  display: flex;
  gap: 20px;
  padding-right: 20px;
}
.similar-cars.sm-car .similar-card {
  /* width: 100%; */
}
.tags-similar-cars {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-family: Lato;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  margin-top: 8px;
}
.tags-similar-cars span {
  border-radius: 31px;
  padding: 2px 10px;
}
/* tags */
.tags-similar-cars span.newyear {
  background-color: #a576f1;
  color: #ffffff;
}
.tags-similar-cars span.premiumcar {
  background-color: #ff4b44;
  color: #ffffff;
}
.tags-similar-cars span.auctioned-tag {
  background-color: #a576f1 !important;
  color: #ffffff !important;
}
.tags-similar-cars span.discount-price {
  background-color: #2a9fe8;
  color: #fff;
}
.tags-similar-cars span.earn-points {
  background-color: #f1892b;
  color: #fff;
}
.tags-similar-cars span.fresh-stock {
  background-color: #b2ffc0;
  color: #10ab2b;
}
.tags-similar-cars span.low-mileage {
  background-color: #fbf2cb;
  color: #c8811a;
}
/*  */
.price-similar-car {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 9.33px;
}
.price-similar-car .icon {
  font-size: 26px;
  cursor: pointer;
  color: #ced0d4;
}
.price-similar-car .icon.fas {
  color: #ff4b44;
}
.price-similar-car .price {
  font-family: Lato;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: #0c1529;
}
.car-name {
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #353c4d;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
}
.car-date {
  font-family: Lato;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #353c4d;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
}
.car-specs {
  font-family: Lato;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #353c4d;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
}
#similar_cars .slick-arrow {
  color: #333;
  background-color: #ffffffa9;
  border-radius: 50%;
  padding: 10px;
  width: 40px !important;
  height: 40px !important;
}
#similar_cars .slick-prev:before,
#similar_cars .slick-next:before {
  font-size: 16px !important;
}
#similar_cars .slick-prev.slick-arrow {
  margin-left: 14px;
}
#similar_cars .slick-next.slick-arrow {
  margin-right: 14px;
}
.similar-container {
  padding-block: 32px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .similar-cars .similar-img {
    max-height: 176px;
    object-fit: cover;
  }
  .similar-cars.sm-car {
    gap: 1rem;
  }
  .similar-cars.sm-car .similar-card {
    /* max-width: 228px; */
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .similar-container {
    padding-block: 20px;
  }
  .price-similar-car .price {
    font-size: 18px;
    line-height: 24px;
  }
  .price-similar-car .icon {
    font-size: 20px;
  }
  .similar-cars .similar-img {
    max-height: 166px;
    object-fit: cover;
  }
  .similar-cars.sm-car .similar-card {
    max-width: 222px;
  }
}

@media screen and (max-width: 991px) {
  .car-specs {
    font-size: 14px;
  }
  .tags-similar-cars {
    gap: 6px;
    font-size: 10px;
  }
  .similar-cars .similar-img {
    max-height: 141px;
  }
  .similar-cars.sm-car {
    overflow: auto;
  }
}