/* *****************************************************************************
*
*  Carousel
*
* ***************************************************************************** */

.carousel-KSP {
  .slick-track {
    display: flex;
    margin-bottom: 2rem;

    .slick-slide {
      display: flex;
      height: auto;
      align-items: stretch;

      @include media-breakpoint-down(md) {
        > div {
          width: 100%;
          height: 100%;
        }

        .card { height: 100%; }
      }
    }
  }

  .slick-slide:focus { outline: none; }
  .slick-dots { bottom: -50px; }

}