/* Simple Scroll Reveal CSS */

.slide-up,
.slide-down,
.slide-left,
.slide-right,
.elementor-counter-number {
    opacity: 0;
    transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
}

.elementor-counter-number.revealed {
    opacity: 1;
}

.slide-up {
    transform: translateY(50px);
}

.slide-down {
    transform: translateY(-50px);
}

.slide-left {
    transform: translateX(-50px);
}

.slide-right {
    transform: translateX(50px);
}

/* Revealed State */
.slide-up.revealed,
.slide-down.revealed,
.slide-left.revealed,
.slide-right.revealed {
    opacity: 1;
    transform: translate(0, 0);
}