.sw--slider {
  position: relative;
}

.sw--auto.cols--slider .swiper-slide {
  width: 100%;
}

.card-slider {
  background-color: var(--c-neutral-0);
  border: 1px solid var(--c-neutral-100);
  border-radius: 16px;
  overflow: hidden;
  transition: all var(--anim);
  height: 100%;
}

.card-slider:hover {
  border-color: var(--c-primary-600);
  box-shadow: 0 8px 24px rgba(59, 139, 132, 0.15);
}

.card-slider__link {
  display: block;
  color: inherit;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.card-slider__link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--c-neutral-200);
}

@media (min-width: 50em) {
  .sw--auto.cols--slider .swiper-slide {
    width: 49%;
  }
}