.stats {
	margin-bottom: var(--space-8);
}

.stats > .inner {
	position: relative;
	max-width: calc(1440px - var(--space-20));
	width: calc(100% - var(--space-10));
	margin: 0 auto;
}

.stats .img-cont {
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 3px;
}

.stats .img-cont::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(40, 52, 85, 0.75);
	border-radius: 3px;
	pointer-events: none;
}

.stats .img-cont img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
}

.stats .content-section {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 29px var(--space-5) 44px;
}

.stats .stats-header-cont {
	max-width: calc(100% - var(--space-10));
	margin: 0 auto 28px;
}

.stats .stats-title {
	font-family: var(--font-display-alt);
	font-size: 2.125rem;
	font-weight: 700;
	line-height: 0.97;
	color: var(--sw-light-text-color);
	text-transform: uppercase;
	text-align: center;
}

.stats .stats-cont {
	display: flex;
	flex-direction: column;
	gap: 38px;
	align-items: center;
}

.stats .stat {
	display: grid;
	gap: var(--space-5);
	flex: 1 1 100%;
}

.stats .stat .statistic {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0;
	font-family: var(--font-display-alt);
	font-size: 3.4375rem;
	font-weight: 600;
	line-height: 0.54;
	color: var(--sw-light-text-color);
	text-transform: uppercase;
	text-align: center;
	margin-bottom: var(--space-1);
}

.stats .stat .statistic span {
	display: inline-block;
}

.stats .stat .statistic .pre-number {
	margin-right: var(--space-4);
}

.stats .stat .description {
	font-family: var(--font-body);
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.07;
	color: var(--sw-light-text-color);
	text-align: center;
}

.stats .stat .bar-decoration {
	display: inline-block;
	width: 76px;
	height: 3px;
	background-color: var(--yellow);
	border-radius: 3px;
	margin: 0 auto;
}

@media (min-width: 40em) {
	.stats .content-section {
		max-width: 762px;
		display: flex;
		flex-direction: column;
		padding-top: 36px;
		padding-bottom: 42px;
		margin: 0 auto;
	}

	.stats .stats-header-cont {
		max-width: unset;
		margin-bottom: var(--space-12);
	}

	.stats .stats-cont {
		flex-direction: row;
		gap: var(--space-4);
	}
}

@media (min-width: 64em) {
	.stats {
		margin-bottom: var(--space-16);
	}

	.stats .content-section {
		padding-top: 76px;
		padding-bottom: 82px;
	}

	.stats .stats-title {
		font-size: 2.5rem;
	}

	.stats .stat .statistic {
		font-size: 4.0625rem;
		line-height: 0.46;
		margin-bottom: 14px;
	}
	
	.stats .stat .description {
		font-size: 1.875rem;
		line-height: var(--leading-none);
	}
}