:root {
	--mdc-texture-hd: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.022' stroke-width='0.5'%3E%3Cpath d='M0 12h48M0 24h48M0 36h48M12 0v48M24 0v48M36 0v48'/%3E%3Cpath d='M0 0l48 48M48 0L0 48' stroke-opacity='0.012'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='0.018'%3E%3Ccircle cx='12' cy='12' r='0.6'/%3E%3Ccircle cx='24' cy='24' r='0.6'/%3E%3Ccircle cx='36' cy='36' r='0.6'/%3E%3Ccircle cx='0' cy='0' r='0.5'/%3E%3Ccircle cx='48' cy='48' r='0.5'/%3E%3C/g%3E%3C/svg%3E");
	--mdc-texture-hd-size: 48px 48px;
}

.elementor-element.mdc-bg-process {
	background-color: var(--e-global-color-surface);
	background-image:
		radial-gradient(ellipse 55% 45% at 20% 15%, color-mix(in srgb, var(--e-global-color-secondary) 5%, transparent) 0%, transparent 50%),
		radial-gradient(ellipse 45% 35% at 80% 85%, color-mix(in srgb, var(--e-global-color-primary) 4%, transparent) 0%, transparent 50%),
		var(--mdc-texture-hd);
	background-size: auto, auto, var(--mdc-texture-hd-size);
}

.elementor-element.mdc-bg-pourquoi {
	background-color: var(--e-global-color-surface);
	background-image:
		radial-gradient(ellipse 70% 50% at 50% 0%, color-mix(in srgb, var(--e-global-color-secondary) 6%, transparent) 0%, transparent 55%),
		radial-gradient(ellipse 50% 40% at 90% 80%, color-mix(in srgb, var(--e-global-color-primary) 4%, transparent) 0%, transparent 50%),
		var(--mdc-texture-hd);
	background-size: auto, auto, var(--mdc-texture-hd-size);
}

.elementor-element.mdc-bg-services {
	position: relative;
	background-color: var(--e-global-color-bg);
	background-image:
		radial-gradient(ellipse 80% 60% at 0% 0%, color-mix(in srgb, var(--e-global-color-primary) 12%, transparent) 0%, transparent 55%),
		radial-gradient(ellipse 60% 50% at 100% 100%, color-mix(in srgb, var(--e-global-color-primary) 8%, transparent) 0%, transparent 50%);
}

.elementor-element.mdc-bg-services::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 1px;
	background: linear-gradient(to left, color-mix(in srgb, var(--e-global-color-primary) 40%, transparent), transparent);
	pointer-events: none;
}
