/* Map Section Styles */
.map-container iframe {
	filter: grayscale(100%);
	transition: all 0.5s ease-in-out;
	transform: scale(1);
	opacity: 0.8;
}

.map-container iframe:hover {
	filter: grayscale(0%);
	transform: scale(1.02);
	opacity: 1;
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.map-container {
	animation: fadeIn 1.5s ease-in-out;
	position: relative;
	z-index: 1;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}