/* Home page main slider - responsive with fade effect */
.home-main-slider {
	width: 100%;
	max-width: 100%;
	position: relative;
	aspect-ratio: 1920 / 750;
	max-height: 750px;
	min-height: 260px;
}

.home-main-slider .owl-stage-outer,
.home-main-slider .owl-stage,
.home-main-slider .owl-item {
	height: 100%;
}

.home-main-slider .owl-item {
	overflow: hidden;
}

.home-main-slider .home-slide {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #171817;
}

.home-main-slider .home-slide-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

/* Smooth fade transition between slides */
.home-main-slider.owl-carousel-light .owl-item {
	transition: opacity 0.8s ease-in-out;
}

.home-main-slider.owl-carousel-light .owl-item.fadeOut.animated,
.home-main-slider.owl-carousel-light .owl-item.fadeIn.animated {
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
}

.home-main-slider.owl-carousel-light .owl-item.active {
	z-index: 2;
}

.home-main-slider.owl-carousel-light .owl-item.removing {
	z-index: 1;
}

/* Slider dots */
.home-main-slider .owl-dots {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 10;
}

.home-main-slider .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 5px 6px;
	background: rgba(255, 255, 255, 0.5);
	display: block;
	border-radius: 50%;
	transition: background 0.3s ease;
}

.home-main-slider .owl-dots .owl-dot.active span,
.home-main-slider .owl-dots .owl-dot:hover span {
	background: #fff;
}

/* Tablet - show full banner, no left/right crop */
@media (max-width: 991px) {
	.body {
		overflow-x: hidden;
	}

	.home-main-slider {
		aspect-ratio: 1920 / 750;
		max-height: none;
		min-height: 0;
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}

	.home-main-slider .home-slide-img {
		object-fit: contain;
		object-position: center center;
	}
}

/* Mobile - full-bleed slider, entire image visible */
@media (max-width: 767px) {
	.home-main-slider {
		border-radius: 0 !important;
	}

	.home-main-slider .owl-dots {
		bottom: 10px;
	}

	.home-main-slider.nav-lg .owl-nav button.owl-prev,
	.home-main-slider.nav-lg .owl-nav button.owl-next {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 575px) {
	.home-main-slider .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
		margin: 4px 5px;
	}
}

/* Home page main slider arrows */
.home-main-slider.rounded-nav .owl-nav button[class*="owl-"],
.home-main-slider.nav-style-1 .owl-nav .owl-next,
.home-main-slider.nav-style-1 .owl-nav .owl-prev {
	background: #fff !important;
	color: #212529 !important;
	border-color: #fff !important;
}

.home-main-slider.rounded-nav .owl-nav button[class*="owl-"]:hover,
.home-main-slider.rounded-nav .owl-nav button[class*="owl-"]:active,
.home-main-slider.nav-style-1 .owl-nav .owl-next:hover,
.home-main-slider.nav-style-1 .owl-nav .owl-next:active,
.home-main-slider.nav-style-1 .owl-nav .owl-prev:hover,
.home-main-slider.nav-style-1 .owl-nav .owl-prev:active {
	background: #fff !important;
	color: #212529 !important;
	border-color: #dee2e6 !important;
}

.isoheader{background:#171817; color:#fff; float:left; padding:4px 8px;}

/* Inner pages - faded background in page-header */
.page-header.page-header-inner-bg {
	overflow: hidden;
}

.page-header.page-header-inner-bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('/assets/front/img/inr-title-bg.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.22;
	z-index: 0;
	pointer-events: none;
}

.page-header.page-header-inner-bg > .container {
	position: relative;
	z-index: 1;
}
