.services {
	text-align: center;
	padding: 4em 2em;
	background: #f5f5f5;
}
.service-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1em;
	margin-top: 2em;
}

.service-card {
	background: #f5f5f5;
	padding: 2em;
	border-radius: 1em;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ervice-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0,15);
}

.service-card i {
	font-size: 2em;
	color: #00daad;
	margin-bottom: 0.5em;
}

.service-card h3 {
	margin-bottom: 0.5em;
	color: #151a7b;
}