.c-feature-cols {
	background: var(--fc-bg);
	padding-block: var(--block-spacing-top, var(--spacing-lg)) var(--block-spacing-bottom, var(--spacing-xl));
}

.c-feature-cols__inner {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-lg);
}

.c-feature-cols__grid {
	display: grid;
	align-items: start;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
	gap: var(--spacing-lg) var(--spacing-default);
}

@media (width >= 1024px) {
	.c-feature-cols--cols-2 .c-feature-cols__grid {
		--fc-align: flex-start;

		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--spacing-col);
	}

	.c-feature-cols--cols-3 .c-feature-cols__grid {
		--fc-align: flex-start;

		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: var(--spacing-col);
	}

	.c-feature-cols--cols-4 .c-feature-cols__grid {
		--fc-align: flex-start;

		grid-template-columns: repeat(4, minmax(0, 1fr));
		column-gap: var(--spacing-col);
	}
}

.c-feature-col {
	display: flex;
	align-items: var(--fc-align, center);
	gap: var(--spacing-md);
}

.c-feature-col__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 100px;
	height: 100px;
}

.c-feature-col__icon svg,
.c-feature-col__icon img {
	max-width: 100%;
	max-height: 100%;
}

.c-feature-col__icon img {
	width: auto;
	height: auto;
}

.c-feature-col__copy {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

.c-feature-col__heading {
	margin: 0;
	color: var(--fc-text, var(--color-navy));
}

.c-feature-col__desc {
	margin: 0;
	color: var(--fc-text, var(--color-navy));
}