/**
* @description Iterates over the $space-gap values and creates a class for each one.
* @param {list} $space-gap - A list of space gap values.
*/
.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #e4002b;
  height: var(--swiper-pagination-bullet-not-active-size);
  width: var(--swiper-pagination-bullet-not-active-size);
}

.swiper-button-next.hide-arrow,
.swiper-button-prev.hide-arrow {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.swiper-button-next.hide-arrow::after,
.swiper-button-prev.hide-arrow::after {
  color: #e4002b;
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .swiper-button-next.hide-arrow::after,
  .swiper-button-prev.hide-arrow::after {
    font-size: 2.1875rem;
  }
}

.swiper:not(.swiper-initialized) {
  display: none;
}

.carousel-inner {
  overflow: unset !important;
}

@media (max-width: 543.98px) {
  .hide-navigation-mobile, .hide-indicators-mobile {
    display: none;
  }
}
@media (min-width: 544px) and (max-width: 768.98px) {
  .hide-navigation-tablet, .hide-indicators-tablet {
    display: none;
  }
}
@media (min-width: 769px) {
  .hide-indicators-desktop {
    display: none;
  }
}

/*# sourceMappingURL=swiperEinsteinCarousel.css.map*/