.fade-in-on-scroll,
.fade-in-up-on-scroll,
.fade-in-left-on-scroll,
.fade-in-right-on-scroll,
.unblur-on-scroll,
.zoom-in-on-scroll,
.slide-up-on-scroll {
  opacity: 0 !important;
  transition-property: opacity, transform, filter !important;
  transition-duration: 1.5s !important;
  transition-timing-function: ease !important;
  transition-delay: 0s !important; /* Default no delay */
  will-change: opacity, transform, filter !important;
}

/* Specific starting transforms / filters */

.fade-in-on-scroll {
  transform: translateY(0px);
}
.fade-in-up-on-scroll {
  transform: translateY(200px);
}
.fade-in-left-on-scroll {
  transform: translateX(-200px);
}

.fade-in-right-on-scroll {
  transform: translateX(200px);
}
.unblur-on-scroll {
  filter: blur(5px);
}
.zoom-in-on-scroll {
  transform: scale(0.8);
}
.slide-up-on-scroll {
  transform: translateY(50px);
}



/* Visible state */

.fade-in-on-scroll.visible,
.fade-in-up-on-scroll.visible,
.fade-in-left-on-scroll.visible,
.fade-in-right-on-scroll.visible,
.zoom-in-on-scroll.visible,
.slide-up-on-scroll.visible {
  opacity: 1 !important;
  transform: none !important;
}

.unblur-on-scroll.visible {
  opacity: 1 !important;
  filter: blur(0) !important;
}
  
  
  
/* --- Editor fix: show elements normally inside Elementor editor --- */

.elementor-editor-active .fade-in-on-scroll,
.elementor-editor-active .fade-in-up-on-scroll,
.elementor-editor-active .fade-in-left-on-scroll,
.elementor-editor-active .fade-in-right-on-scroll,
.elementor-editor-active .unblur-on-scroll,
.elementor-editor-active .zoom-in-on-scroll,
.elementor-editor-active .slide-up-on-scroll {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  transform: translateX(0) translateY(0) scale(1) !important;
}