.ndw-section-pattern {
	--ndw-pattern-size: 24px;
	--ndw-pattern-mark: 1.5px;
	--ndw-pattern-angle: 45deg;
	width: 100%;
	min-height: 240px;
	background-position: center;
	color: var(--e-global-color-accent, #1f7667);
	opacity: 0.14;
	pointer-events: none;
}

.ndw-section-pattern--dots {
	background-image: radial-gradient(circle, currentColor var(--ndw-pattern-mark), transparent calc(var(--ndw-pattern-mark) + 0.5px));
	background-size: var(--ndw-pattern-size) var(--ndw-pattern-size);
}

.ndw-section-pattern--grid {
	background-image:
		linear-gradient(90deg, currentColor var(--ndw-pattern-mark), transparent var(--ndw-pattern-mark)),
		linear-gradient(0deg, currentColor var(--ndw-pattern-mark), transparent var(--ndw-pattern-mark));
	background-size: var(--ndw-pattern-size) var(--ndw-pattern-size);
}

.ndw-section-pattern--diagonal {
	background-image: repeating-linear-gradient(
		var(--ndw-pattern-angle),
		currentColor 0 var(--ndw-pattern-mark),
		transparent var(--ndw-pattern-mark) var(--ndw-pattern-size)
	);
}

.ndw-section-pattern--crosshatch {
	background-image:
		repeating-linear-gradient(
			var(--ndw-pattern-angle),
			currentColor 0 var(--ndw-pattern-mark),
			transparent var(--ndw-pattern-mark) var(--ndw-pattern-size)
		),
		repeating-linear-gradient(
			calc(180deg - var(--ndw-pattern-angle)),
			currentColor 0 var(--ndw-pattern-mark),
			transparent var(--ndw-pattern-mark) var(--ndw-pattern-size)
		);
}

.ndw-section-pattern--speckle {
	background-image:
		radial-gradient(circle at 15% 22%, currentColor 0 var(--ndw-pattern-mark), transparent calc(var(--ndw-pattern-mark) + 0.5px)),
		radial-gradient(circle at 72% 64%, currentColor 0 var(--ndw-pattern-mark), transparent calc(var(--ndw-pattern-mark) + 0.5px)),
		radial-gradient(circle at 42% 88%, currentColor 0 calc(var(--ndw-pattern-mark) * 0.7), transparent calc(var(--ndw-pattern-mark) + 0.5px));
	background-size: var(--ndw-pattern-size) var(--ndw-pattern-size);
}

.ndw-pattern-host--relative {
	position: relative;
}

.ndw-pattern-widget--parent {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.ndw-pattern-widget--parent > .elementor-widget-container {
	width: 100%;
	height: 100%;
}

.ndw-pattern-widget--parent .ndw-section-pattern {
	height: 100%;
	min-height: 0;
}

.ndw-pattern-widget--background {
	z-index: 0;
}

.ndw-pattern-widget--foreground {
	z-index: 2;
}
