.swiper--services {
  overflow: visible;
}

.service__slide.swiper-slide {
  overflow: visible !important;
}

.service__slide.swiper-slide.swiper-slide-active .service__item-bottom {
  max-height: 300px;
  opacity: 1;
}
.service__slide.swiper-slide.swiper-slide-active .service__item {
  background: rgba(239, 233, 228);
}
.service__slide.swiper-slide.swiper-slide-active:hover .service__item {
  background: rgba(255, 255, 255);
}
.service__slide.swiper-slide.swiper-slide-active .service__item .btn-circle {
  background: rgba(129, 120, 212, 1);
}
.service__slide.swiper-slide.swiper-slide-active:hover
  .service__item
  .btn-circle:last-of-type {
  background: rgba(41, 21, 40);
}

.service__slide.swiper-slide {
  color: rgba(41, 21, 40, 0.5);
}

.service__slide.swiper-slide.swiper-slide-active {
  color: rgba(41, 21, 40, 1);
}
.service__slide.swiper-slide.swiper-slide-next,
.service__slide.swiper-slide.swiper-slide-prev {
  color: rgba(41, 21, 40, 0.75);
}

.service__slide.swiper-slide .service__item--icon {
  opacity: 0.5;
}

.service__slide.swiper-slide.swiper-slide-next .service__item--icon,
.service__slide.swiper-slide.swiper-slide-prev .service__item--icon {
  opacity: 0.75;
}

.service__slide.swiper-slide-active .service__item--icon {
  opacity: 1;
}