a.service-box {
	display: block;
	position: relative;
	background-color: var(--fl-global-primary);
	color: #fff;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 0px 0px 0px var(--fl-global-secondary);
}

a.service-box:hover {
	text-decoration: none;
	color: #fff;
	box-shadow: 4px 4px 0px 0px var(--fl-global-secondary);
}

a.service-box h3 {
	margin: 0;
	padding: 20px 16px;
	font-size: 1.2rem;
	text-align: center;
	color: inherit;
	letter-spacing: 0.05rem;
}

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%;
}