/* Additional Breakpoints */
/*
* Colors
*/
/*
* Transitions
*/
/*
* Layouts
*/
/*
* Fonts
*/
.kit-content-slider {
  --kit-content-title-color: $color-white;
  --kit-content-title-color-active: $color-black;
  --kit-content-title-desc-color: $color-grey-888;
}
.kit-content-slider__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.kit-content-slider__list {
  flex: 100%;
  max-width: 100%;
}
.kit-content-slider__item {
  width: 500px;
  position: relative;
}
@media (max-width: 47.9375em) {
  .kit-content-slider__item {
    width: 432px;
  }
}
.kit-content-slider__item--wrap {
  width: 500px;
  padding-right: 60px;
  transition: all 500ms ease-in-out;
  position: relative;
  display: block;
  color: inherit;
}
.kit-content-slider__item--image {
  position: relative;
  overflow: hidden;
}
.kit-content-slider__item--image:before {
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  display: block;
  position: relative;
}
.kit-content-slider__item--image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kit-content-slider__item--content {
  position: relative;
  padding: 10px 24px;
  background: var(--kit-content-bg);
  transition: all 500ms ease-in-out;
}
.kit-content-slider__item--content h4 {
  color: var(--kit-content-title-color);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 500;
}
.kit-content-slider__item--content p {
  color: var(--kit-content-title-desc-color);
}
.kit-content-slider .swiper-button-next, .kit-content-slider .swiper-button-prev {
  color: #ffffff;
  font-size: 20px;
  position: absolute;
  transform: translateY(calc(-50% - 70px));
  z-index: 10;
  cursor: pointer;
  transition: all 500ms ease-in-out;
}
.kit-content-slider .swiper-button-next:hover, .kit-content-slider .swiper-button-prev:hover {
  color: #B45B38;
}
.kit-content-slider .swiper-button-next:after, .kit-content-slider .swiper-button-prev:after {
  font-size: 40px;
}