/**
 * Transform Effects Extension
 * CSS-based transform effects for widgets, sections, and columns
 */
.wowe-motion-effect-yes {
  --wowe-effect-trans-x-normal: 0px;
  --wowe-effect-trans-y-normal: 0px;
  --wowe-effect-rotate-x-normal: 0deg;
  --wowe-effect-rotate-y-normal: 0deg;
  --wowe-effect-rotate-z-normal: 0deg;
  --wowe-effect-scale-x-normal: 1;
  --wowe-effect-scale-y-normal: 1;
  --wowe-effect-skew-x-normal: 0deg;
  --wowe-effect-skew-y-normal: 0deg;
  --wowe-effect-trans-x-hover: 0px;
  --wowe-effect-trans-y-hover: 0px;
  --wowe-effect-rotate-x-hover: 0deg;
  --wowe-effect-rotate-y-hover: 0deg;
  --wowe-effect-rotate-z-hover: 0deg;
  --wowe-effect-scale-x-hover: 1;
  --wowe-effect-scale-y-hover: 1;
  --wowe-effect-skew-x-hover: 0deg;
  --wowe-effect-skew-y-hover: 0deg;
  --wowe-effect-transition-duration: 300ms;
  --wowe-effect-transition-delay: 0ms;
  --wowe-effect-transition-easing: ease-out;
  transform: translate(var(--wowe-effect-trans-x-normal), var(--wowe-effect-trans-y-normal)) rotateX(var(--wowe-effect-rotate-x-normal)) rotateY(var(--wowe-effect-rotate-y-normal)) rotateZ(var(--wowe-effect-rotate-z-normal)) scale(var(--wowe-effect-scale-x-normal), var(--wowe-effect-scale-y-normal)) skew(var(--wowe-effect-skew-x-normal), var(--wowe-effect-skew-y-normal));
  transition: transform var(--wowe-effect-transition-duration) var(--wowe-effect-transition-easing) var(--wowe-effect-transition-delay);
}
.wowe-motion-effect-yes:hover {
  transform: translate(var(--wowe-effect-trans-x-hover), var(--wowe-effect-trans-y-hover)) rotateX(var(--wowe-effect-rotate-x-hover)) rotateY(var(--wowe-effect-rotate-y-hover)) rotateZ(var(--wowe-effect-rotate-z-hover)) scale(var(--wowe-effect-scale-x-hover), var(--wowe-effect-scale-y-hover)) skew(var(--wowe-effect-skew-x-hover), var(--wowe-effect-skew-y-hover));
}

.wowe-motion-effect-wrapper {
  --wowe-effect-section-overflow: visible;
  --wowe-effect-column-overflow: visible;
}
.wowe-motion-effect-wrapper.elementor-section {
  overflow: var(--wowe-effect-section-overflow);
}
.wowe-motion-effect-wrapper.elementor-section:hover .wowe-motion-effect-yes {
  transform: translate(var(--wowe-effect-trans-x-hover), var(--wowe-effect-trans-y-hover)) rotateX(var(--wowe-effect-rotate-x-hover)) rotateY(var(--wowe-effect-rotate-y-hover)) rotateZ(var(--wowe-effect-rotate-z-hover)) scale(var(--wowe-effect-scale-x-hover), var(--wowe-effect-scale-y-hover)) skew(var(--wowe-effect-skew-x-hover), var(--wowe-effect-skew-y-hover));
}
.wowe-motion-effect-wrapper.elementor-column {
  overflow: var(--wowe-effect-column-overflow);
}
.wowe-motion-effect-wrapper.elementor-column:hover .wowe-motion-effect-yes {
  transform: translate(var(--wowe-effect-trans-x-hover), var(--wowe-effect-trans-y-hover)) rotateX(var(--wowe-effect-rotate-x-hover)) rotateY(var(--wowe-effect-rotate-y-hover)) rotateZ(var(--wowe-effect-rotate-z-hover)) scale(var(--wowe-effect-scale-x-hover), var(--wowe-effect-scale-y-hover)) skew(var(--wowe-effect-skew-x-hover), var(--wowe-effect-skew-y-hover));
}
.wowe-motion-effect-wrapper.e-con {
  overflow: var(--wowe-effect-section-overflow);
}
.wowe-motion-effect-wrapper.e-con:hover .wowe-motion-effect-yes {
  transform: translate(var(--wowe-effect-trans-x-hover), var(--wowe-effect-trans-y-hover)) rotateX(var(--wowe-effect-rotate-x-hover)) rotateY(var(--wowe-effect-rotate-y-hover)) rotateZ(var(--wowe-effect-rotate-z-hover)) scale(var(--wowe-effect-scale-x-hover), var(--wowe-effect-scale-y-hover)) skew(var(--wowe-effect-skew-x-hover), var(--wowe-effect-skew-y-hover));
}