.rounded-pill {
	border-radius: 1.5rem !important;
}
a.bg-dark:hover {
	background-color: #333 !important;
	text-decoration: none;
}
.carousel-item {
	position: relative;
	min-height: 400px;
}
@media (max-width: 767.98px) {
	.carousel-item {
		min-height: 180px;
		background: #004080;
	}
}
@media (max-width: 465px) {
	.carousel-caption {
		max-height: 385px;
	}
}
.text-accent {
	color: #3E60C1;
}
.text-tc {
	color: #fee110;
}
@media (max-width: 767.98px) {
  .mobile-header {
    font-size: 2rem !important;
  }
}
@media (max-width: 375px) {
  .mobile-header {
    font-size: 1.5rem !important;
  }
}
.foreground-el {
	position: relative;
	z-index: 10;
}
@media (max-width: 767.98px) {
	.carousel-caption.fg-buttons {
		font-size: 1rem !important;
		padding: .375rem .75rem;
	}
	.button-text-mobile {
		font-size: 1rem !important;
	}
}
.clickable-image {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.clickable-image:hover {
  transform: scale(1.03);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.btn-orange {
	background-color: #ff914d !important;
	border-color: #ff914d !important;
	color: #fff !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
}

.btn-orange:hover,
.btn-orange:focus {
	background-color: #e87f3f !important;
	border-color: #e87f3f !important;
	color: #fff !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}