/* Carousel
/* ------------------------------------------------------------------------- */

.carousel-card-icon-image {
  overflow: visible;
  
  @media (max-width: 1919px) {
    margin-left: 6.5rem;
    margin-right: 6.5rem;
  }
  
  @media (max-width: 767px) {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}

.carousel-card-icon-image .swiper-slide {
  opacity: 0; /* Dim all slides */
  transition: opacity 0.3s ease;
}

.carousel-card-icon-image .swiper-slide.swiper-slide-visible {
  opacity: 1; /* Fully visible for current view */
}

.carousel-card-icon-image .swiper-button-prev,
.carousel-card-icon-image .swiper-button-next {
  font-size: 1.5rem;
  color: var(--color_grey_primary);
  height: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
  background-color: var(--color_grey_lighter);
  top: 22px;
  border-radius: var(--border-radius);
  
  @media (max-width: 767px) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.carousel-card-icon-image .swiper-button-prev {
  left: -7rem;

  @media (max-width: 767px) {
    left: -3.5rem;
  }
}

.carousel-card-icon-image .swiper-button-next {
  right: -7rem;
  
  @media (max-width: 767px) {
    right: -3.5rem;
  }
}

.carousel-card-icon-image .swiper-button-prev:after,
.carousel-card-icon-image .swiper-button-next:after {
  content: none;
}

.carousel-card-icon-image .swiper-button-next.swiper-button-disabled,
.carousel-card-icon-image .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.carousel-card-icon-image .swiper-button-next.swiper-button-disabled i,
.carousel-card-icon-image .swiper-button-prev.swiper-button-disabled i {
  opacity: .25;
}




/* Carousel Item
/* ------------------------------------------------------------------------- */

.carousel-card-icon-image__item {
  border-radius: var(--border-radius);
  background-color: var(--color_bg_secondary);
	padding: .5rem;
}

.carousel-card-icon-image__item {
  flex: 1 1 calc(100% / 4 - 3rem);
}

.carousel-card-icon-image__item.-reverse .carousel-card-icon-image__item-inner {
  flex-direction: column-reverse;
}

.carousel-card-icon-image__item.-outlined {
  background-color: transparent;
  border: 1px solid var(--color_grey_primary);
}

.carousel-card-icon-image__item.-white {
  background-color: var(--color_white);
}

.carousel-card-icon-image__item-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.carousel-card-icon-image__item .card__main {
  padding: 1rem 1rem 1.5rem 1rem;
}

.carousel-card-icon-image__item.-reverse .card__main {
	padding: 1.5rem 1rem 1rem 1rem;
}

.carousel-card-icon-image__item.-h3 .card__copy {
  margin-top: 2.5rem;
  padding-bottom: 1.25rem;
}

.carousel-card-icon-image__item.-h4 .card__copy,
.carousel-card-icon-image__item.-h5 .card__copy{
  margin-top: 1.25rem;
  color: var(--color_tertiary);
  padding-bottom: 0.25rem;
}

.carousel-card-icon-image__item .card__head {
  display: flex;
  justify-content: space-between;
}

.carousel-card-icon-image__item .card__icon {
  width: var(--icon-size_default);
  height: var(--icon-size_default);
  font-size: var(--icon-size_default);
  color: var(--color_primary);
  flex-shrink: 0;
	margin-top: 0.0938rem;
	margin-left: .75rem;
}

.carousel-card-icon-image__item .card__icon.-grey-primary {
  color: var(--color_grey_primary);
}

.carousel-card-icon-image__item .card__icon.-red {
  color: var(--color_red);
}

.carousel-card-icon-image__item .card__icon i {
  display: block;
}

.carousel-card-icon-image__item .card__aside {
  border-radius: var(--border-radius);
  height: 100%;
}

.carousel-card-icon-image__item .card__aside.-bg-primary {
  background-color: var(--color_primary);
}

.carousel-card-icon-image__item .card__aside img {
  border-radius: var(--border-radius);
}

.carousel-card-icon-image__item .card__foot {
	margin-top: 2.5rem
}

.carousel-card-icon-image__item.-reverse .card__foot {
	margin-top: 0;
}