/*
    Out Animations for Elementor
    This file contains the keyframe animations for the "out" effects.
*/

/* General animation settings */
[class*="elementor-out-animation-"] {
    animation-duration: 0.7s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

/* Fade Out */
.elementor-out-animation-fade-out {
    animation-name: e-out-fade;
}
@keyframes e-out-fade {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* Slide Out Up */
.elementor-out-animation-slide-out-up {
    animation-name: e-out-slide-up;
}
@keyframes e-out-slide-up {
    from { transform: translateY(0); opacity: 1; }
    to { transform: translateY(-50px); opacity: 0; }
}

/* Slide Out Down */
.elementor-out-animation-slide-out-down {
    animation-name: e-out-slide-down;
}
@keyframes e-out-slide-down {
    from { transform: translateY(0); opacity: 1; }
    to { transform: translateY(50px); opacity: 0; }
}

/* Slide Out Left */
.elementor-out-animation-slide-out-left {
    animation-name: e-out-slide-left;
}
@keyframes e-out-slide-left {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(-50px); opacity: 0; }
}

/* Slide Out Right */
.elementor-out-animation-slide-out-right {
    animation-name: e-out-slide-right;
}
@keyframes e-out-slide-right {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(50px); opacity: 0; }
}

/* Zoom Out */
.elementor-out-animation-zoom-out {
    animation-name: e-out-zoom;
}
@keyframes e-out-zoom {
    from { transform: scale(1); opacity: 1; }
    to { transform: scale(0.5); opacity: 0; }
}

/* Rotate Out */
.elementor-out-animation-rotate-out {
    animation-name: e-out-rotate;
}
@keyframes e-out-rotate {
    from { transform: rotate(0deg); opacity: 1; }
    to { transform: rotate(45deg); opacity: 0; }
}