/**
 * Elementor Scroll Reveal - works with .sr-reveal on widgets
 */

/* Elementor widget wrapper - base state (hidden) */
.elementor-element.sr-reveal,
.elementor-element.reveal,
.sr-reveal,
.reveal,
[data-sr-reveal] {
  clip-path: inset(100% 0 0 0) !important;
  transition: none !important;
  will-change: clip-path;
  overflow: hidden !important;
}

/* Revealed state */
.elementor-element.sr-reveal.sr-revealed,
.elementor-element.reveal.sr-revealed,
.sr-reveal.sr-revealed,
.reveal.sr-revealed,
[data-sr-reveal].sr-revealed {
  clip-path: inset(0 0 0 0) !important;
  transition: clip-path var(--sr-duration, 1.2s) cubic-bezier(0.33, 1, 0.68, 1) !important;
  transition-delay: calc(var(--sr-delay, 0s) + var(--sr-delay-custom, 0s)) !important;
  will-change: auto;
}

.elementor-element.sr-reveal .elementor-widget-container,
.elementor-element.reveal .elementor-widget-container,
.sr-reveal .elementor-widget-container,
.reveal .elementor-widget-container {
  overflow: hidden !important;
}

.elementor-widget-image.sr-reveal .elementor-image,
.elementor-widget-image.sr-reveal .elementor-image img,
.elementor-widget-image.reveal .elementor-image,
.elementor-widget-image.reveal .elementor-image img,
.sr-reveal img,
.reveal img {
  display: block !important;
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media (prefers-reduced-motion: reduce) {
  .elementor-element.sr-reveal.sr-revealed,
  .sr-reveal.sr-revealed,
  .reveal.sr-revealed {
    transition: none !important;
  }
}