.phone_wrap {
  pointer-events: none;
  /* Delete this to make the slider interactive */
}

.phone_wrap .swiper {
  overflow: visible;
}

/* Slides (not active) */
.phone_wrap .phone_slider_background {
  opacity: 0;
}

.phone_wrap .swiper-slide {
  opacity: .4;
}

.phone_slider_item.swiper-slide {
  transition-property: all;
  transition-duration: 1400ms;
  transition-timing-function: ease;
}

/* Slides (except active, next, previous) */
.section_hero .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-prev) {
  opacity: 0;
}

/* Slide (active) */
.phone_wrap .swiper-slide-active .phone_slider_background {
  opacity: 1;
}

.phone_wrap .swiper-slide-active {
  opacity: 1;
}

/* Mobile Responsive Fixes */
/*
@media (max-width: 665px) {
  .phone_slider_item {
    width: 280px !important;
    max-width: 80vw;
  }

  .phone_wrap {
    padding: 0 20px;
  }

  .phone_slider.swiper {
    overflow: hidden;
    padding: 0 10px;
  }

  .phone_slider_background,
  .phone_slider_image {
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 480px) {
  .phone_slider_item {
    width: 240px !important;
    max-width: 75vw;
  }

  .phone_wrap {
    padding: 0 15px;
  }
}

@media (max-width: 665px) {
  .wf-design-mode .phone_slider_item {
    width: 280px !important;
    max-width: 80vw;
  }
}
*/