.elementor-element.fadeInUp {
    animation-name: fadeUp;
}

.elementor-element.fadeInDown {
    animation-name: fadeDown;
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft;
}

.elementor-element.fadeInRight {
    animation-name: fadeRight;
}


@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30%,0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30%,0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30%,0,0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30%,0,0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}


.elementor-widget-off-canvas{--e-off-canvas-animation-duration:.6s !important;}
