/* GenXElementor Transform Effects */
.gxe-transform-yes {
    --gxe-trans-x-normal: 0px;
    --gxe-trans-y-normal: 0px;
    --gxe-rotate-x-normal: 0deg;
    --gxe-rotate-y-normal: 0deg;
    --gxe-rotate-z-normal: 0deg;
    --gxe-scale-x-normal: 1;
    --gxe-scale-y-normal: 1;
    --gxe-skew-x-normal: 0deg;
    --gxe-skew-y-normal: 0deg;
    
    --gxe-trans-x-hover: 0px;
    --gxe-trans-y-hover: 0px;
    --gxe-rotate-x-hover: 0deg;
    --gxe-rotate-y-hover: 0deg;
    --gxe-rotate-z-hover: 0deg;
    --gxe-scale-x-hover: 1;
    --gxe-scale-y-hover: 1;
    --gxe-skew-x-hover: 0deg;
    --gxe-skew-y-hover: 0deg;
    
    --gxe-transform-duration: 300ms;
    --gxe-transform-easing: ease-out;
    
    transform: 
        translateX(var(--gxe-trans-x-normal)) 
        translateY(var(--gxe-trans-y-normal))
        rotateX(var(--gxe-rotate-x-normal))
        rotateY(var(--gxe-rotate-y-normal))
        rotateZ(var(--gxe-rotate-z-normal))
        scaleX(var(--gxe-scale-x-normal))
        scaleY(var(--gxe-scale-y-normal))
        skewX(var(--gxe-skew-x-normal))
        skewY(var(--gxe-skew-y-normal));
    
    transition: transform var(--gxe-transform-duration) var(--gxe-transform-easing);
}

.gxe-transform-yes:hover {
    transform: 
        translateX(var(--gxe-trans-x-hover)) 
        translateY(var(--gxe-trans-y-hover))
        rotateX(var(--gxe-rotate-x-hover))
        rotateY(var(--gxe-rotate-y-hover))
        rotateZ(var(--gxe-rotate-z-hover))
        scaleX(var(--gxe-scale-x-hover))
        scaleY(var(--gxe-scale-y-hover))
        skewX(var(--gxe-skew-x-hover))
        skewY(var(--gxe-skew-y-hover));
}