/*    42. SERVICE CARD TOP GRADIENT BAR
   ------------------------------------------- */
.service-card .service-card-bar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--color-accent), var(--color-purple-light), var(--color-accent));
	opacity: 0;
	transition: opacity var(--transition-base);
}

.service-card:hover .service-card-bar {
	opacity: 1;
}