.mck-elementor {

	.card--audience,
	.card--segment {

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

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

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

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

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

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

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

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

	.card--business,
	.card--segment {
		--border-top-width: 8px;
	}

	.card--audience {
		--divider-color: var(--color-stop-1);
		--divider-size: 8px;

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

		.card__image {
			border-block-end: var(--divider-size) solid;
			border-color: var(--divider-color);

			img {
				aspect-ratio: 16/9;
			}
		}

		.card__link {
			display: flex;
			font-weight: 500;
			line-height: 1.5;
			text-align: center;
		}
	}

	.card--business {
		--border-color: var(--color-primary);
		border-color: var(--color-primary-stroke);
		padding-block-start: calc(var(--border-top-height) * 2);

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

		&:before {
			background-color: var(--border-color);
			content: "";
			display: block;
			height: var(--border-top-width);
			inset: 0 0 auto;
		}
		
		.card__image {
			background-color: var(--color-white);
			padding: 35px 27px 0;

			img {
				height: 50px;
				object-fit: contain;
				object-position: 0;
				scale: 1;
			}
		}

		.card__link-icon {
			width: 11px;
		}
	}

	.flex-cards--column {
		gap: 16px 24px;
		width: min(1030px, 100%);
	}

	.card--column {
		flex: 1 0 auto;
		border-radius: var(--border-radius--sm);
		box-shadow: none;
		width: min(477px, 100%);

		@media (min-width: 720px) and (max-width: 1029px) {
			width: min(327px, 100%);
		}

		.card__content {
			gap: 12px;
			padding:var(--vspace-sm) 23px;

			@container card (width >= 400px) {
				padding:var(--vspace-sm) 23px;
			}

			.card__header {
				font-size: 18px;
				font-weight: 500;
				line-height: 27px;

				.card__link-icon {
					margin-inline-start: 8px;
					width: 16px;
				}
			}

			.card.card--column .card__body p {
				font-size: 16px;
				line-height: 24px;
			}
		}
	}

	.card--large {

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

			.card__body {

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

	.flex-cards--segment {
		width: min(var(--site-width-wide), 100%);
	}

	.card--segment {
		--border-color: var(--color-stop-1);
		padding-block-start: calc(var(--border-top-height) * 2);
		
		&:before {
			background-color: var(--border-color);
			content: "";
			display: block;
			height: var(--border-top-width);
			inset: 0 0 auto;
		}

		.card__body {

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