html.hl-smooth-scroll {
	scroll-behavior: auto;
	overscroll-behavior-y: none;
}

body.hl-smooth-scroll-body {
	min-height: 100vh;
	overflow-x: hidden;
}

body.hl-inquiry-open,
body.modal-open {
	overflow: hidden;
}

body.hl-smooth-scroll-body .mainContent[data-scroll-container] {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	will-change: transform;
	backface-visibility: hidden;
	transform-style: preserve-3d;
}

.mainContent[data-scroll-container][data-scroll-native] {
	position: static !important;
	top: auto !important;
	transform: none !important;
	will-change: auto;
}

html.hl-scroll-effects [data-scroll] {
	opacity: 0;
	filter: blur(10px);
	transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), filter 0.85s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform, opacity, filter;
}

html.hl-scroll-effects [data-scroll].is-inview {
	opacity: 1;
	filter: blur(0);
}

html:not(.hl-scroll-effects) [data-scroll] {
	opacity: 1;
	filter: none;
	transform: none !important;
}

html.hl-scroll-effects .contentDesign[data-scroll],
html.hl-scroll-effects .dfProject [data-scroll],
html.hl-scroll-effects .grid-banner [data-scroll],
html.hl-scroll-effects .wpb_column[data-scroll] {
	transform-origin: center;
}

@media (prefers-reduced-motion: reduce), (max-width: 991.98px) {
	html.hl-smooth-scroll {
		scroll-behavior: smooth;
		overscroll-behavior-y: auto;
	}

	body.hl-smooth-scroll-body .mainContent[data-scroll-container] {
		position: static;
		transform: none !important;
	}

	html.hl-scroll-effects [data-scroll] {
		opacity: 1;
		filter: none;
		transform: none !important;
		transition: none;
	}
}