.slick-slider-models .card-model {
  margin: 10px;
  cursor: pointer;
  /* Ajusta el valor según el espacio deseado */
}

.slick-slider-models .card-model.active-model {
  background-color: #f0f0f0; /* Cambia el color de fondo del modelo activo */
  border: 1px solid #007bff; /* Cambia el color del borde del modelo activo */
}

.card-model-border {
  border: 1px solid #dee1e4;
  box-shadow: 0 2px 22px 0 #e3e7ef;
}

.card-model-border .thumbnail {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  background-color: #fff;
}

.card-model-border .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}

.card-model-border h5 {
  color: #3f4756;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
}

.card-model-border span.card-text {
  color: #3f4756;
  font-size: 0.9rem;
}

.card-flex {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #dee1e4;
  box-shadow: 0 2px 22px 0 #e3e7ef;
  @media screen and (max-width: 768px) {
    flex-direction: column;
  }
}

#form-cotizar-new span.error {
  color: red;
  font-size: 12px;
}

#form-cotizar-new #models span.error {
  text-align: center;
  width: 100%;
  display: block;
}

#form-cotizar-new #unidades span.error {
  text-align: left;
  width: 100%;
  display: block;
}

.slick-slider-model-selected button.slick-prev {
  left: -10px;
}

.slick-slider-model-selected button.slick-next {
  right: -10px;
}

.slick-slider-models button.slick-arrow,
.slick-slider-model-selected button.slick-arrow {
  z-index: 20;
}

.slick-slider-models button.slick-arrow::before,
.slick-slider-model-selected button.slick-arrow::before {
  color: #1369ae !important;
}

.slick-slider-models button.slick-prev {
  left: 0;
}

.slick-slider-models button.slick-next {
  right: 0;
}