.service-card,
.service-card__link {
	height: 100%;
}

.service-card {
	min-height: 216px;
}

.service-card__link {
	display: flex;
	min-height: inherit;
	flex-direction: column;
	padding: var(--belgru-space-5);
	color: var(--belgru-color-text);
	background: rgba(255, 255, 255, 0.76);
	border: 1px solid var(--belgru-color-border);
	border-radius: var(--belgru-radius-card);
	transition: border-color var(--belgru-transition-fast), box-shadow var(--belgru-transition-fast), transform var(--belgru-transition-fast);
}

.service-card__link:hover,
.service-card__link:focus-visible {
	border-color: rgba(90, 47, 216, 0.45);
	box-shadow: 0 12px 26px rgba(8, 12, 42, 0.09);
	transform: translateY(-2px);
}

.service-card__icon {
	display: flex;
	width: 56px;
	height: 56px;
	align-items: center;
	justify-content: center;
	color: var(--belgru-color-primary);
}

.service-card__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.service-card__icon--placeholder {
	position: relative;
	border: 2px solid currentColor;
	border-radius: 14px;
}

.service-card__icon--placeholder::before,
.service-card__icon--placeholder::after {
	position: absolute;
	border: 2px solid currentColor;
	content: "";
}

.service-card__icon--placeholder::before {
	width: 22px;
	height: 22px;
	border-radius: 50%;
}

.service-card__icon--placeholder::after {
	width: 16px;
	height: 2px;
	bottom: 10px;
	right: 7px;
	border-width: 0 0 2px;
	transform: rotate(-45deg);
}

.service-card__title {
	margin: var(--belgru-space-5) 0 0;
	font-family: var(--belgru-font-heading);
	font-size: 21px;
	font-weight: var(--belgru-font-weight-bold);
	line-height: 1.18;
}

.service-card__description {
	margin-top: var(--belgru-space-3);
	color: var(--belgru-color-muted);
	font-size: 14px;
	line-height: 1.48;
}