.service-card {
	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease;
	cursor: default;
}

.service-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 24px rgba(37, 99, 235, 0.3);
}

.service-card .card-title i,
.service-card .card-title img {
	transition:
		transform 0.3s ease,
		color 0.3s ease;
	color: var(--color-primary-dark, #1e293b);
	width: 1.75rem;
	height: 1.75rem;
}

.service-card:hover .card-title i,
.service-card:hover .card-title img {
	transform: scale(1.2) rotate(5deg);
}

.service-card:hover .card-title {
	color: var(--color-primary-dark, #1e293b);
}