a.service-box {
	display: block;
	position: relative;
	background-color: var(--global-primary, #f0f0f0);
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	color: #fff;
}

a.service-box:hover {
	text-decoration: none;
	color: #fff;
}

a.service-box h3 {
	margin: 0;
	padding: 12px 16px;
	font-size: var(--text-size-200);
	font-weight: normal;
	text-align: center;
	color: inherit;
}

a.service-box .service-box-img {
	position: relative;
}

a.service-box .service-box-img::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0);
	z-index: 10;
	transition: all 0.4s ease;
	background-blend-mode: multiply;
}

a.service-box:hover .service-box-img::before {
	background-color: rgba(0, 0, 0, 0.4);
}

a.service-box img {
	width: 100%;
}