.nav-cards--wrapper {
	gap: 3rem;
	position: relative;
	padding: 5rem 0 8rem;

	.nav-cards--heading {
		width: 100%;
		z-index: 9;
		h2 {
			color: var(--brand-teal);
			margin: 0;
			font-family: var(--font__serif);
			font-style: italic;
		}
	}

	.nav-cards {
		z-index: 9;
		/* justify-content: center; */
		width: 100%;

		.nav-card--item {
			flex: 1 1 100%;
			gap: 0;
			background: linear-gradient(to right, #c6dbde, #e4ecef);

			img {
				width: 100%;
			}

			.card-content--wrapper {
				padding: 1.5rem 1rem 2rem;

				.card--heading {
					text-align: center;
					margin: 0;
					font-size: calc(
						var(--font-size__base, 18px) *
							var(--font-factor__h4, 1.2)
					);
				}
			}
		}
	}
}

@media screen and (min-width: 660px) {
	.nav-cards--wrapper {
		.nav-cards {
			.nav-card--item {
				flex: 0 1 calc(50% - 0.5rem);
			}
		}
	}
}
@media screen and (min-width: 960px) {
	.nav-cards--wrapper {
		.nav-cards {
			.nav-card--item {
				flex: 0 1 calc(25% - 0.75rem);
			}
		}
	}
}