/* Custom Teal Gradient for Hero */
.hero-banner-bg {
	background: linear-gradient(to br, #008080, #00cec9); /* Teal to Turquoise */
}

/* Custom Teal Colors for Price/Text */
.text-primary-teal { color: #008080; }
.bg-light-mint { background-color: #e6f7f7; }

/* Responsive Grid Adjustments for Packages */
.packages-grid {
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

@media (max-width: 1024px) {
	.packages-grid {
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	}
}

@media (max-width: 640px) {
	.packages-grid {
		grid-template-columns: 1fr;
	}
}