/** 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%);
}

.about-photo{
	height: 380px;
	object-fit: cover;
	width: 100%;
}

/* 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);
	}
	.about-photo{
		height: auto;
		max-height: 65vh;
		object-fit: contain;
	}
	.hero-static-wrapper .lbox-details{
		padding: 0 12px;
	}
}

/* About section: keep desktop wrapping natural (mobile handles overflow) */
.about-details p{
	overflow-wrap: normal;
	word-break: normal;
}

/* Bullet styling for the "about-details" list */
.about-details p.mb-3 > span:first-child{
	display: inline-block;
	font-weight: 800;
	color: #0b4b61;
}

/* Mobile-only: hanging indent (better wrapping than flex) */
@media (max-width: 575px){
	.about-details p.mb-3{
		position: relative;
		padding-left: 1.35rem;
		font-size: 0.95rem !important;
		line-height: 1.5 !important;
		margin-bottom: 0.65rem !important;
		overflow-wrap: anywhere;
	}

	.about-details p.mb-3 > span:first-child{
		position: absolute;
		left: 0;
		top: 0.05em;
		width: 1.15rem;
		text-align: center;
		line-height: 1.2;
	}

	.about-details a{
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		padding: 2px 6px;
		margin-left: 6px !important;
		text-decoration: none !important;
		white-space: nowrap;
		border: 1px solid rgba(11, 75, 97, 0.25);
		border-radius: 999px;
		line-height: 1;
	}

	.about-details a svg{
		width: 16px;
		height: 16px;
	}
}

/* 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;
}