@keyframes hect-fade-in     { from { opacity: 0; } to { opacity: 1; } }
@keyframes hect-blur-in     { from { opacity: 0; filter: blur(10px); } to { opacity: 1; filter: blur(0); } }
@keyframes hect-zoom-popup  { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } }
@keyframes hect-slide-up    { from { opacity: 0; transform: translateY(100px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hect-slide-left  { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } }
@keyframes hect-slide-right { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: translateX(0); } }

body:not(.elementor-editor-active) .hect-animate.hect-animate {
    &.zoom-popup   { opacity: 0; }
    &.zoom-popup.visible   { 
        opacity: 1;
        animation: hect-zoom-popup 0.5s ease; 
    }

    &.fade-in      { opacity: 0; }
    &.fade-in.visible      { 
        opacity: 1;
        animation: hect-fade-in 0.5s ease; 
    }

    &.blur-in      { opacity: 0; filter: blur(10px); }
    &.blur-in.visible      { 
        opacity: 1;
        animation: hect-blur-in 0.5s ease; 
    }

    &.slide-up     { opacity: 0; }
    &.slide-up.visible     { 
        opacity: 1;
        animation: hect-slide-up 0.5s ease; 
    }

    &.slide-left   { opacity: 0; }
    &.slide-left.visible   { 
        opacity: 1;
        animation: hect-slide-left 0.5s ease; 
    }

    &.slide-right  { opacity: 0; }
    &.slide-right.visible  { 
        opacity: 1;
        animation: hect-slide-right 0.5s ease; 
    }
}

@media (max-width: 1024px) {
    .hect-mouse-parallax {
        transform: none !important;
    }
}