/**
 * Hover Zoom Background CSS Utility
 * Unique ID Suffix: 81549cf5
 */

/* General container setup to clip the zoomed background */
.hover-zoom-bg_81549cf5 {
    position: relative;
    overflow: hidden !important;
}

/* 1. Direct Elementor Background Overlay Zoom */
.hover-zoom-bg_81549cf5 > .elementor-background-overlay {
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    transform-origin: center center;
}

.hover-zoom-bg_81549cf5:hover > .elementor-background-overlay {
    transform: scale(1.12) !important;
}

/* 2. Generic child element zoom (highly versatile)
   If you have a nested div that holds the background, add 'zoom-bg_81549cf5' to it */
.hover-zoom-bg_81549cf5 .zoom-bg_81549cf5 {
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    transform-origin: center center;
}

.hover-zoom-bg_81549cf5:hover .zoom-bg_81549cf5 {
    transform: scale(1.12) !important;
}

/* 3. Elementor motion effects/background container compatibility */
.hover-zoom-bg_81549cf5 > .elementor-motion-effects-container {
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.hover-zoom-bg_81549cf5:hover > .elementor-motion-effects-container {
    transform: scale(1.12) !important;
}