#header {
	min-height: 0 !important;
	width: 100%;
	position: absolute;
}

#header .header-body {
	background: #ffffff !important;
}

/* Ensure text is dark and visible on the white background */
#header .header-nav-main nav > ul > li > a,
html.dark #header .header-nav-main nav > ul > li > a {
	color: #212529 !important;
}

#header .header-nav-main nav > ul > li > a.active,
html.dark #header .header-nav-main nav > ul > li > a.active {
	color: #0088cc !important;
}

/* Ensure the sticky header also has a white background */
#header.header-sticky-active .header-body {
	background: #ffffff !important;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}

/* Desktop Hero Height */
@media (min-width: 992px) {
	.section.video {
		height: 100vh !important;
	}
}

/* Mobile Optimizations */
@media (max-width: 991px) {
	/* Header adjustments */
	#header {
		position: relative !important;
	}

	#header .header-logo img {
		width: 140px !important;
	}

	/* Hero section adjustments */
	.section.video {
		height: 85vh !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 !important;
	}

	.section.video h1 {
		line-height: 1.2 !important;
	}

	/* Marquee adjustments */
	.custom-pos-1 {
		margin: -20px -5% 0 -5% !important;
		transform: perspective(1px) rotate(-2deg) !important;
	}
	
	.custom-pos-1 p {
		font-size: 16px !important;
		padding: 15px 0 !important;
	}

	/* Section spacing */
	.custom-section-1 .custom-section-1-box {
		min-height: auto !important;
		padding: 40px 20px !important;
		margin-bottom: 0 !important;
	}
}