/** ADD YOUR AWESOME CODES HERE **/

/* Static hero (replaces pogoSlider) */
.hero-static{
	position: relative;
	overflow: hidden;
}

.hero-overlay{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	/* Improve text contrast while keeping the image visible */
	background: linear-gradient(90deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.25) 55%, rgba(0,0,0,0.00) 80%);
}

/* Prevent slider-specific absolute positioning from breaking the static hero layout */
.hero-static-wrapper .lbox-details{
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	height: auto;
	padding: 0;
	text-align: left;
	max-width: 640px;
}

.hero-static-wrapper .lbox-details::before{
	content: none;
}

/* Mobile: simpler overlay and tighter hero height */
@media (max-width: 767px){
	html, body{
		overflow-x: hidden;
	}

	.hero-static{
		min-height: 420px !important;
	}
	.hero-overlay{
		background: rgba(0,0,0,0.70);
	}
	.hero-static-wrapper .lbox-details{
		padding: 0 12px;
	}
}

/* Safety: avoid accidental horizontal overflow on small screens */
.about-details p{
	overflow-wrap: anywhere;
}

/* FAQ accordion readability (keeps existing palette) */
#accordion2 .card{
	border: 1px solid rgba(18, 85, 127, 0.25);
	border-radius: 4px;
	margin-bottom: 12px;
	overflow: hidden;
}

#accordion2 .card-header{
	background: rgba(18, 85, 127, 0.08);
	padding: 14px 16px;
	border-bottom: 1px solid rgba(18, 85, 127, 0.20);
}

#accordion2 .card-header a{
	color: #12557f;
	display: block;
	font-weight: 700;
	line-height: 1.35;
	text-decoration: none;
}

#accordion2 .card-header a:focus{
	outline: 2px solid rgba(18, 85, 127, 0.35);
	outline-offset: 2px;
}

/* Bootstrap theme uses .card-body; template uses legacy .card-block */
#accordion2 .card-body,
#accordion2 .card-block{
	background: #ffffff;
	color: #2e2e2e;
	padding: 18px 16px;
	font-size: 1.05rem;
	line-height: 1.75;
}

#accordion2 .card-body p,
#accordion2 .card-block p{
	margin-bottom: 0;
}

#accordion2 .faq-bullet{
	font-weight: 800;
	color: #0b4b61;
	margin-right: 6px;
}