/**
 * Duvase utility effects for Elementor.
 *
 * Add the class in Elementor: Advanced → CSS Classes.
 */

.duvase-background-zoom-on-hover {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.duvase-background-zoom-on-hover::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: inherit;
	background-size: cover;
	background-position: center;
	transition: transform 0.6s ease;
	transform: scale(1);
	z-index: -1;
}

.duvase-background-zoom-on-hover:hover::after {
	transform: scale(1.08);
}

.duvase-child-image-zoom-on-hover {
	overflow: hidden;
}

.duvase-child-image-zoom-on-hover .elementor-widget-image {
	overflow: hidden;
}

.duvase-child-image-zoom-on-hover .elementor-widget-image img {
	transition: transform 0.6s ease;
}

.duvase-child-image-zoom-on-hover:hover .elementor-widget-image img {
	transform: scale(1.08);
}