.flex-layout.content_statistics {
	--bg-color: var(--neutral-90);
	--text-color: var(--primary-100);
	--statistic-line: var(--primary-20);
}

.flex-layout.content_statistics .image-col {
	position: relative;
}

.flex-layout.content_statistics .image-col::before {
	content: '';
	display: block;
	padding-top: 100%;
}

.flex-layout.content_statistics .image-col img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.flex-layout.content_statistics .content-col {
	display: flex;
	flex-direction: column;
	padding: max(2.5rem, calc(2.5 * var(--su))) max(3rem, calc(3 * var(--su)));
}

.flex-layout.content_statistics .content-col .pk-heading {
	max-width: max(31.25rem, calc(31.25 * var(--su)));
}

.flex-layout.content_statistics .statistics {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto 1fr auto auto;
	column-gap: max(1rem, calc(3.5 * var(--su)));
	margin-top: max(1.5rem, calc(2 * var(--su)));
}

.flex-layout.content_statistics .statistic {
	display: grid;
	grid-row: span 4;
	grid-template-rows: subgrid;
}

.flex-layout.content_statistics .statistic .nova-eyebrow {
	margin-bottom: max(.75rem, calc(1 * var(--su)));
}

.flex-layout.content_statistics .statistic .title {
	margin-bottom: 0;
	font-size: var(--body-s-regular);
}

.flex-layout.content_statistics .statistic hr {
	margin-block: max(1rem, calc(1 * var(--su)));
	height: 1px;
	width: 100%;
	border: 0;
	background-color: var(--statistic-line);
}

.flex-layout.content_statistics .statistic-value {
	font-family: var(--pk-heading-font-family);
	font-weight: 300;
	font-size: max(2.5rem, calc(2.5 * var(--su)));
}

.flex-layout.content_statistics .pk-button-group {
	margin-top: max(2rem, calc(2 * var(--su)));
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {

	.flex-layout.content_statistics .image-col {
		aspect-ratio: 345/400;
	}

	.flex-layout.content_statistics .content-col {
		padding: 0;
	}

}