/*
 * Block: Cards Grid
 *
 * @package CBTFlow
 */

/* ============================================
   Grid Layout
   ============================================ */

.cards-grid {
	row-gap: var(--section-padding-block);
}

.cards-grid__grid {
	align-items: start;
}

.cards-grid .card {
	justify-content: flex-start;
}

.cards-grid__grid--center .card {
	align-items: center;
	text-align: center;
}

figure.card__icon {
	margin-bottom: 0;
}

.cards-grid .card__icon img[src$=".svg"] {
	width: 3em;
	height: auto;
}

/* ============================================
   Card Number (counter)
   ============================================ */

.card__number {
	display: block;
	font-size: var(--h5);
	font-weight: 700;
	line-height: 1;
	color: var(--secondary);
	margin-bottom: 0;
	user-select: none;
	transition: var(--transition);
	font-family: var(--heading-font-family);
}