/* Splide Gallery Styles */
.splide {
  position: relative;
}

.splide__track {
  overflow: hidden;
  position: relative;
}

.splide__list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.splide__slide {
  flex-shrink: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide--loop .splide__slide--clone {
  pointer-events: none;
}

.splide--draggable>.splide__track>.splide__list>.splide__slide {
  user-select: none;
}

.splide--fade>.splide__track>.splide__list>.splide__slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}

.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
  position: relative;
  z-index: 1;
  opacity: 1;
}

.splide__slide {
  transition: transform 0.3s ease;
}

.splide__slide:hover {
  transform: translateY(-5px);
}

.splide[data-splide*="autoScroll"] .splide__list {
  transition: none;
}

.splide[data-splide*="autoScroll"]:not(.is-active) .splide__list {
  transform: none;
}

.splide--loop .splide__list {
  will-change: transform;
}

.splide--loop .splide__slide {
  will-change: transform;
}

.splide__track--loop {
  overflow: visible;
}

.splide--loop .splide__track {
  overflow: hidden;
}

@media (max-width: 768px) {
  .splide__slide>div {
    width: 280px !important;
    height: 209px !important;
  }
}

.gallery-slider .splide__slide {
  opacity: 0.9;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.gallery-slider .splide__slide.is-active,
.gallery-slider .splide__slide:hover {
  opacity: 1;
}

.gallery-slider:hover .splide__list {
  animation-play-state: paused;
}

.gallery-slider {
  contain: layout style paint;
}

.gallery-slider .splide__slide {
  contain: layout style paint;
}


.splide__list {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.splide__slide {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  opacity: 1 !important;
  visibility: visible !important;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  visibility: hidden;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  visibility: visible;
}