.content {
	position: relative;
	background: #2e6b99;
	padding: 0px;
}

.hero-section {
	background: white;
}

.btn-primary, .btn-secondary {
	padding: 10px 20px;
	margin: 10px;
	border-radius: 6px;
	text-decoration: none;
	display: inline-block;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-primary {
	background-color: #e2474b;
	color: white;
	font-weight: bold;
}

.btn-primary:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.btn-secondary {
	background: transparent;
	border: 2px solid #2e6b99;
	color: #2e6b99;
	font-weight: bold;
}

.btn-secondary:hover {
	background: rgba(255,255,255,0.1);
	transform: scale(1.05);
}

.footer {
	position: relative !important;
	--bs-border-color: rgba(0,0,0,0.2) !important;
	background: #2e6b99 !important;
	color: rgba(255,255,255,0.6)  !important;
	font-size: 0.82rem;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.fade-up {
	opacity: 0;
	animation: fadeUp 1s ease forwards;
}

.fade-in {
	opacity: 0;
	animation: fadeIn 1s ease forwards;
}