/**
 * UI Initiative Expo Slider
 *
 * Parallax & scale effects slider
 *
 * https://uiinitiative.com
 *
 * Copyright 2025 UI Initiative
 *
 * Released under the UI Initiative Regular License
 *
 * June 27, 2025
 */
:root {
  --expo-image-border-radius: 16px;
  --expo-slider-height: clamp(400px, 50vw, 700px);
}

.swiper-expo {
  box-sizing: border-box;
}

.swiper-expo.swiper-horizontal {
  padding-top: var(--expo-padding, 0px);
  padding-bottom: var(--expo-padding, 0px);
}

.swiper-expo.swiper-vertical {
  padding-left: var(--expo-padding, 0px);
  padding-right: var(--expo-padding, 0px);
}

.swiper-expo .expo-container {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  overflow: hidden;
  border-radius: var(--expo-image-border-radius, 0px);
}

.swiper-expo .expo-content {
  position: relative;
  height: 100%;
}

.swiper-expo .expo-image {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  position: absolute;
  object-fit: cover;
}

.swiper-expo.swiper-horizontal .expo-image {
  left: calc((var(--expo-image-offset) * 100% - 100%) / -2);
  top: 0;
  width: calc(var(--expo-image-offset) * 100%);
  height: 100%;
}

.swiper-expo.swiper-vertical .expo-image {
  top: calc((var(--expo-image-offset) * 100% - 100%) / -2);
  left: 0;
  height: calc(var(--expo-image-offset) * 100%);
  width: 100%;
}

.wows-expo {
  height: var(--expo-slider-height);
  min-height: var(--expo-slider-height);
}

.wows-expo .swiper {
  max-width: 100%;
}

.wows-expo .swiper-horizontal {
  width: 100%;
  height: 100%;
  margin: auto 0;
}

.wows-expo .swiper-vertical {
  height: 100%;
  width: 100%;
}

.wows-expo .expo-content {
  padding: clamp(16px, 2.5vw, 40px);
  display: flex;
  align-items: end;
  box-sizing: border-box;
}
.wows-expo .expo-content .wows-expo-title {
  font-weight: bold;
  font-size: clamp(24px, 3vw, 48px);
  line-height: 1.1;
  text-wrap-style: balance;
  color: #2b2c2f;
  padding: 0;
  margin: 0;
}

.wows-expo .expo-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}