/* Cards Grid module */
.cards-grid__head { max-width: 680px; margin: 0 auto 44px; }
.cards-grid__head--center { text-align: center; }
.cards-grid__head--left { margin-left: 0; text-align: left; }
.cards-grid__heading { margin-top: 10px; }
.cards-grid__intro { margin-top: 14px; }

.cards-grid__grid { display: grid; gap: 22px; }
.cards-grid__grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.cards-grid__grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.cards-grid__grid--cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 900px) {
	.cards-grid__grid--cols-3, .cards-grid__grid--cols-4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
	.cards-grid__grid--cols-2, .cards-grid__grid--cols-3, .cards-grid__grid--cols-4 { grid-template-columns: 1fr; }
}

.cards-grid__card {
	padding: 26px;
	background: #fff;
	color: inherit;
}
.cards-grid__icon {
	width: 38px; height: 38px;
	display: grid; place-items: center;
	background: var(--teal-soft); color: var(--teal);
	margin-bottom: 16px;
}
.cards-grid__num {
	display: inline-grid; place-items: center;
	width: 28px; height: 28px;
	background: var(--teal-soft); color: var(--teal);
	font-size: 13px; font-weight: 700;
	margin-bottom: 14px;
}
.cards-grid__card-title { margin-bottom: 8px; }
.cards-grid__card-desc { font-size: 14.5px; margin: 0; }
.cards-grid__more {
	margin-top: auto; padding-top: 16px;
	font-size: 13.5px; font-weight: 600; color: var(--teal);
	display: inline-flex; align-items: center; gap: 6px;
}
a.cards-grid__card:hover .cards-grid__more svg { transform: translateX(2px); }
.cards-grid__more svg { transition: transform .15s; }

/* simple style = no icon / no number */
.cards-grid--style-simple .cards-grid__icon,
.cards-grid--style-simple .cards-grid__num { display: none; }