/*! Elite Kit — image-hover-effect widget. Built by tools/build-widget-css.mjs; edit assets/css/tailwind/widgets/widget-css/image-hover-effect.css. */
.ekl-hover-image{--ekl-hover-speed:.5s;display:block;position:relative;overflow:hidden}.ekl-hover-image img{width:100%;height:auto;transition:transform var(--ekl-hover-speed) ease-out, filter var(--ekl-hover-speed) ease-out;display:block}.ekl-hover-image__link{display:block}.ekl-hover-image[data-effect=zoom-in]:hover img,.ekl-hover-image[data-effect=zoom-out] img{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.ekl-hover-image[data-effect=zoom-out]:hover img{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.ekl-hover-image[data-effect=pan] img{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.ekl-hover-image[data-effect=pan]:hover img{--tw-translate-x:calc(8% * -1);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.ekl-hover-image[data-effect=tilt]:hover img{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y);rotate:4deg}.ekl-hover-image[data-effect=grey] img{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ekl-hover-image[data-effect=grey]:hover img{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ekl-hover-image[data-effect=blur]:hover img{--tw-blur:blur(3px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ekl-hover-image__overlay{inset:calc(var(--spacing) * 0);text-align:center;color:var(--color-white);transition:opacity var(--ekl-hover-speed) ease-out, transform var(--ekl-hover-speed) ease-out;background-color:#070052a6;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute}.ekl-hover-image__title{--tw-leading:1.3;--tw-font-weight:var(--font-weight-bold);font-size:20px;line-height:1.3;font-weight:var(--font-weight-bold)}.ekl-hover-image__text{--tw-leading:1.5;font-size:15px;line-height:1.5}.ekl-hover-image__icon{--tw-leading:1;line-height:1;display:inline-flex}.ekl-hover-image__icon i,.ekl-hover-image__icon svg{font-size:28px;display:block}.ekl-hover-image__icon svg{fill:currentColor;width:28px;height:28px}.ekl-hover-image[data-overlay=fade] .ekl-hover-image__overlay{opacity:0}.ekl-hover-image[data-overlay=up] .ekl-hover-image__overlay{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y);opacity:0}.ekl-hover-image[data-overlay=down] .ekl-hover-image__overlay{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);opacity:0}.ekl-hover-image[data-overlay=left] .ekl-hover-image__overlay{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);opacity:0}.ekl-hover-image[data-overlay=right] .ekl-hover-image__overlay{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y);opacity:0}.ekl-hover-image[data-overlay=fade]:hover .ekl-hover-image__overlay,.ekl-hover-image[data-overlay=fade]:focus-within .ekl-hover-image__overlay,.ekl-hover-image[data-overlay=up]:hover .ekl-hover-image__overlay,.ekl-hover-image[data-overlay=up]:focus-within .ekl-hover-image__overlay,.ekl-hover-image[data-overlay=down]:hover .ekl-hover-image__overlay,.ekl-hover-image[data-overlay=down]:focus-within .ekl-hover-image__overlay,.ekl-hover-image[data-overlay=left]:hover .ekl-hover-image__overlay,.ekl-hover-image[data-overlay=left]:focus-within .ekl-hover-image__overlay,.ekl-hover-image[data-overlay=right]:hover .ekl-hover-image__overlay,.ekl-hover-image[data-overlay=right]:focus-within .ekl-hover-image__overlay{--tw-translate-x:calc(var(--spacing) * 0);--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);opacity:1}@media (prefers-reduced-motion:reduce){.ekl-hover-image img,.ekl-hover-image__overlay{transition-property:none}}