/**
 * UI Initiative Super Flow
 *
 * Realistic parallax & scale effects slider
 *
 * https://uiinitiative.com
 *
 * Copyright 2025 UI Initiative
 *
 * Released under the UI Initiative Regular License
 *
 * June 06, 2025
 */

.swiper-super-flow {
  box-sizing: border-box;
}
.swiper-super-flow .swiper-slide {
  overflow: visible !important;
  transform-style: preserve-3d;
}
.swiper-super-flow:not(.swiper-virtual)
  .swiper-slide:not(
    .swiper-slide-active,
    .swiper-slide-next,
    .swiper-slide-prev,
    .swiper-slide:has(+ .swiper-slide-prev),
    .swiper-slide-next + .swiper-slide
  ) {
  opacity: 0;
  visibility: hidden;
}

.swiper-super-flow .super-flow-content {
  position: relative;
  height: 100%;
  z-index: 10;
}
.swiper-super-flow .super-flow-image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.swiper-super-flow .super-flow-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
.swiper-super-flow .super-flow-fragments {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
}
.swiper-super-flow .super-flow-fragment-border {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.25);
}