.services-categories {
	counter-reset: services-category-item-number;
}

.services-categories .services-category-item {
	position: relative;
}

.services-categories .services-category-item::before {
	position: absolute;
    z-index: 1;
    top: 5px;
    left: var(--bs-gutter-x);
	font-size: 80%;
	font-family: monospace;
	font-weight: bold;
    counter-increment: services-category-item-number;
    content: counter(services-category-item-number, decimal-leading-zero)".";
}


.services-categories .services-category-item a:hover {
	background-color: var(--cnvs-themecolor);
	color: rgba(255,255,255,0.6);
}

.services-categories .services-category-item a:hover h4 {
	color: #FFF;
}

.services-categories .services-category-item:hover::before {
	color: #FFF;
}