.b_stats
{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 60px 20px;
	justify-content: center;
	align-items: center;
	gap: 50px;
	border-image-source: url("/wp-content/acftb-content/acftb-blocks/Stats/images/shape.svg");
	border-image-slice: 100 100 100 100 fill;
	border-image-width: 100px 100px 100px 100px;
	border-image-repeat: stretch;
	min-width: 200px;
	min-height: 200px;
	position: relative;

	.shared-divider
	{
		width: 166px;
		height: 2px;
		background-color: var(--color-neutrals-gray);
	}

	.shared-stat-1
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
	}

	.shared-title
	{
		position: relative;
		width: 100%;
		margin-block: -8px -8px;
		color: var(--color-brand-light-red);
		font-style: normal;
		font-weight: 400;
		text-align: center;
	}

	.shared-description
	{
		position: relative;
		width: 100%;
		margin-block: -6px -6px;
	}

	div.shared-description > p
	{
		color: var(--color-neutrals-light-gray);
		font-family: var(--font-body-copy);
		font-style: normal;
		font-size: 15px;
		font-weight: 500;
		line-height: 22px /* 147% */;
		letter-spacing: 0.02em;
		text-align: center;
	}

	@media (min-width: 1440px)
	{
		padding: 0px 0px 0px 170px;
		border-image-source: url("/wp-content/acftb-content/acftb-blocks/Stats/images/shape-2.svg");
		/* shape-2.svg is 1445x171; the base 100/100 slices overlap vertically
		   (top + bottom > 171) and leave a seam. Reslice to fit the image,
		   keeping the bottom-left notch (~120x66) intact. */
		border-image-slice: 8 8 70 125 fill;
		border-image-width: 8px 8px 70px 125px;
		flex-direction: initial;

		.shared-stat-1
		{
			flex: 1 1 0%;
			min-width: 0;
			width: initial;
		}

		.shared-title
		{
			margin-block: -10px -10px;
		}

		.shared-description
		{
			margin-block: -6.5px -6.5px;
			font-size: 16px;
			line-height: 24px /* 150% */;
		}

		.shared-divider
		{
			width: 2px;
			height: 166px;
		}
	}
}