.hero-slider-wrapper-7bb8fca7 {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* Fix for height 0 in elementor wrapper */
.elementor-widget-hero_slider_7bb8fca7 {
	position: static;
}

/* Fill parent mode */
.hero-slider-wrapper-7bb8fca7.height-fill-parent {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

/* Safe fallback ONLY for Elementor Editor when fill parent mode might have no explicit height */
.hero-slider-wrapper-7bb8fca7.editor-fill-fix {
	min-height: 400px; /* Provides a base height so it does not collapse entirely in the editor */
}

.hero-slider-wrapper-7bb8fca7 .swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
}

.hero-slider-wrapper-7bb8fca7 .slide-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}

.hero-slider-wrapper-7bb8fca7 .slide-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.slider-counter {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	color: #fff;
	font-family: sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	background: rgba(0,0,0,0.5);
	padding: 8px 16px;
	border-radius: 4px;
}

.hero-numeric-nav-7bb8fca7 {
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 10;
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.hero-numeric-nav-7bb8fca7 button {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	font-family: sans-serif;
	font-size: 16px;
	color: var(--hero-nav-color, #ffffff);
	transition: color 0.3s ease;
	outline: none;
}

.hero-numeric-nav-7bb8fca7 button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 4px;
}

.hero-numeric-nav-7bb8fca7 button.active {
	color: var(--hero-nav-active-color, #f0a500);
}

@media screen and (max-width: 768px) {
	.hero-numeric-nav-7bb8fca7 {
		right: 50%;
		transform: translateX(50%);
		bottom: 15px;
	}
}