.mck-elementor {

	.flex-cards--statistic {
		display: flex;
		flex-flow: row wrap;
		gap: 28px 24px;
		justify-content: center;
		margin-inline: auto;
		width: min(var(--site-width-wide), 100%);

		.card--statistic {
			--border-color: var(--color-primary-stroke);
			background-color: var(--color-white);
			border: 1px solid var(--border-color);
			border-radius: var(--border-radius--md);
			box-shadow: 0 4px 25px 0 #0000001f;
			contain: paint;
			container-name: card;
			container-type: inline-size;
			display: flex;
			flex-flow: column;
			transition: all .3s ease-in-out;
			width: min(500px, 100%);
			will-change: opacity;
			--heading-color: #15345a;

			@media (width >= 600px) {
				width: min(240px, 100%);
			}

			&:nth-child(1n) {
				--heading-color: var(--color-stop-1);
			}

			&:nth-child(2n) {
				--heading-color: var(--color-stop-2);
			}

			&:nth-child(3n) {
				--heading-color: var(--color-stop-3);
			}

			&:nth-child(4n) {
				--heading-color: var(--color-stop-4);
			}

			&:nth-child(5n) {
				--heading-color: var(--color-stop-5);
			}

			&:nth-child(6n) {
				--heading-color: var(--color-stop-6);
			}

			&:nth-child(7n) {
				--heading-color: var(--color-stop-7);
			}

			&:nth-child(8n) {
				--heading-color: var(--color-stop-8);
			}

			.card__content {
				display: flex;
				flex-flow: column;
				flex-grow: 1;
				font-size: 14px;
				gap: 16px;
				justify-content: flex-start;
				text-wrap: pretty;
				align-items: center;
				padding: 48px 14px;
			}

			.card__header {
				color: var(--heading-color);
				font-size: 48px;
				font-weight: 600;
				display: flex;
				align-items: baseline;

				strong {
					font-size: 32px;
					font-weight: 300;
				}
			}

			.card__body {
				text-align: center;

				p, ul, ol {
					&:not(:last-child) {
						margin-bottom: 18px;
					}
				}
			}
		}
	}
}