[class*="wd-animation"] {
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    --anim-duration: 1s
}

[class*="wd-animation"],
[class*="wd-animation"].elementor-element[class*="elementor-element-"] {
    transition-property: opacity, transform;
    transition-timing-function: ease, cubic-bezier(0, 0.87, 0.58, 1)
}

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

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

[class*="wd-animation"].wd-animation-fast {
    --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(0.6)
}

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

.wd-animation-top-flip-x.wd-animation-ready {
    transform: translateY(-100px) rotate3d(1, 0, 0, 90deg) scale(0.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(0.6)
}

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

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