/* NH Scroll Dots v1.0.0 */
.nhsd-a3d58e21 {
	--nhsd-dot: 8px; --nhsd-gap: 8px; --nhsd-dot-c: rgba(14, 59, 46, 0.22); --nhsd-dot-a: #0E3B2E; --nhsd-dot-aw: 8px;
	--nhsd-arrow: 34px; --nhsd-arrow-c: #0E3B2E; --nhsd-arrow-bg: #FFFFFF; --nhsd-arrow-bd: rgba(14, 59, 46, 0.18);
	--nhsd-arrow-hc: #FFFFFF; --nhsd-arrow-hbg: #0E3B2E;
	display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%;
}
.nhsd-a3d58e21[hidden] { display: none !important; }
.elementor-widget-nh_scroll_dots_a3d58e21:has(.nhsd-a3d58e21[hidden]) { margin: 0 !important; }

.nhsd-a3d58e21 .nhsd-dots { display: flex; align-items: center; gap: var(--nhsd-gap); }
.nhsd-a3d58e21 .nhsd-dot {
	/* 24px tap area around a small dot */
	position: relative; width: var(--nhsd-dot); height: 24px; padding: 0; margin: 0; border: 0; background: none; cursor: pointer;
	transition: width .25s ease;
}
.nhsd-a3d58e21 .nhsd-dot::before {
	content: ""; position: absolute; left: 0; right: 0; top: 50%; height: var(--nhsd-dot); transform: translateY(-50%);
	border-radius: 999px; background: var(--nhsd-dot-c); transition: background-color .25s ease;
}
.nhsd-a3d58e21 .nhsd-dot.is-active { width: var(--nhsd-dot-aw); }
.nhsd-a3d58e21 .nhsd-dot.is-active::before { background: var(--nhsd-dot-a); }

.nhsd-a3d58e21 .nhsd-arrow {
	display: inline-flex; align-items: center; justify-content: center; flex: none;
	width: var(--nhsd-arrow); height: var(--nhsd-arrow); padding: 0; margin: 0; border-radius: 50%;
	border: 1px solid var(--nhsd-arrow-bd); background: var(--nhsd-arrow-bg); color: var(--nhsd-arrow-c);
	cursor: pointer; transition: background-color .2s ease, color .2s ease, opacity .2s ease;
}
.nhsd-a3d58e21 .nhsd-arrow span {
	width: 8px; height: 8px; border: solid currentColor; border-width: 0 2px 2px 0;
}
.nhsd-a3d58e21 .nhsd-prev span { transform: translateX(2px) rotate(135deg); }
.nhsd-a3d58e21 .nhsd-next span { transform: translateX(-2px) rotate(-45deg); }
.nhsd-a3d58e21 .nhsd-arrow:hover:not(:disabled) { background: var(--nhsd-arrow-hbg); color: var(--nhsd-arrow-hc); }
.nhsd-a3d58e21 .nhsd-arrow:disabled { opacity: .35; cursor: default; }
.nhsd-a3d58e21 button:focus-visible { outline: 3px solid #F0AA32; outline-offset: 2px; }

/* Editor only: show where the dots will appear even when the row fits */
.elementor-editor-active .nhsd-a3d58e21[data-editor-empty] { display: flex !important; opacity: .5; }

@media (prefers-reduced-motion: reduce) {
	.nhsd-a3d58e21 .nhsd-dot, .nhsd-a3d58e21 .nhsd-dot::before, .nhsd-a3d58e21 .nhsd-arrow { transition: none; }
}


/* v1.1.0: "Hide the browser scrollbar" (the row still scrolls by touch, trackpad, dots and arrows) */
.nhsd-no-scrollbar {
	scrollbar-width: none;
}
.nhsd-no-scrollbar::-webkit-scrollbar {
	display: none;
}
