[class*="wd-animation"] {
    --wd-anim-duration: 1s;
    --wd-anim-timing-f: cubic-bezier(0, 0.87, 0.58, 1);
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

    [class*="wd-animation"], [class*="wd-animation"].elementor-element[class*="elementor-element-"] {
        transition-property: opacity,transform;
        transition-timing-function: ease,var(--wd-anim-timing-f)
    }

        [class*="wd-animation"].wd-animated {
            transition-duration: 0.25s,var(--wd-anim-duration)
        }

        [class*="wd-animation"].wd-animation-slow {
            --wd-anim-duration: 1.6s
        }

        [class*="wd-animation"].wd-animation-fast {
            --wd-anim-duration: .6s
        }

        [class*="wd-animation"]:not(.wd-animated) {
            will-change: transform,opacity
        }

        [class*="wd-animation"].wd-animation-ready.wd-animated {
            opacity: 1;
            transform: none
        }

.wd-animation-slide-from-top.wd-animation-ready {
    transform: translateY(-150px)
}

.wd-animation-slide-from-bottom.wd-animation-ready {
    transform: translateY(150px)
}

.wd-animation-slide-from-left.wd-animation-ready {
    transform: translateX(-500px)
}

.wd-animation-slide-from-right.wd-animation-ready {
    transform: translateX(500px)
}

.wd-animation-slide-short-from-left.wd-animation-ready {
    transform: translateX(-150px)
}

.wd-animation-slide-short-from-right.wd-animation-ready {
    transform: translateX(150px)
}

.wd-animation-zoom-in.wd-animation-ready {
    transform: scale(.6)
}

.wd-animation-bottom-flip-x.wd-animation-ready {
    transform: translateY(100px) rotate3d(1,0,0,90deg) scale(.6)
}

.wd-animation-top-flip-x.wd-animation-ready {
    transform: translateY(-100px) rotate3d(1,0,0,90deg) scale(.6)
}

:is(.wd-animation-bottom-flip-x,.wd-animation-top-flip-x).wd-animation-ready.wd-animated {
    transform: perspective(1000px) translateY(0) rotate3d(1,0,0,0deg) scale(1)
}

.wd-animation-left-flip-y.wd-animation-ready {
    transform: translateX(-100px) rotate3d(0,1,0,-90deg) scale(.6)
}

.wd-animation-right-flip-y.wd-animation-ready {
    transform: translateX(100px) rotate3d(0,1,0,90deg) scale(.6)
}

:is(.wd-animation-left-flip-y,.wd-animation-right-flip-y).wd-animation-ready.wd-animated {
    transform: perspective(1000px) translateY(0) rotate3d(0,1,0,0deg) scale(1)
}