.flex-content.stat-counter {
	padding: 60px 0;
}

.flex-content.stat-counter .eyebrow {
	text-align: center;
}

.flex-content.stat-counter .main-title {
	color: var(--Text);
	margin: 0 0 40px;
}

.flex-content.stat-counter .text {
	margin: 0 0 40px;
}

.flex-content.stat-counter.no-box-dark .main-title {
	color: var(--White);
}

.flex-content.stat-counter .bg-color {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.flex-content.stat-counter .box {
	background: linear-gradient(97deg, #011B24 19.18%, #000 85.12%);
	position: relative;
	overflow: hidden;
}

.flex-content.stat-counter .box.rounded-corners {
	border-radius: 10px;
}

.flex-content.stat-counter .box {
	padding: 80px 100px;
}

.flex-content.stat-counter .row {
	margin: 0 -28px;
	position: relative;
}

.flex-content.stat-counter .row > div {
	padding: 0 28px;
}

.flex-content.stat-counter .mixed-styles .row > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flex-content.stat-counter .tile .inner {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.flex-content.stat-counter .tile .stat {
	align-items: center;
	color: var(--white);
	display: flex;
	flex: 1;
	font-family: Urbanist;
	font-size: 86px;
	font-style: normal;
	font-weight: 800;
	justify-content: center;
	line-height: 120%; /* 103.2px */
	text-align: center;
}

.flex-content.stat-counter .box[stat-num="4"] .tile .stat {
	font-size: 3.75em;
}

.flex-content.stat-counter .tile .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 200px;
	margin: 0 auto 24px;
	aspect-ratio: 1;
	position: relative;
}

.flex-content.stat-counter .tile .circle .stat {
	font-size: 4em;
	margin: 0;
}

.flex-content.stat-counter .tile .stat.bold {
	font-weight: 800;
}

.flex-content.stat-counter .tile h4 {
	color: #D50202;
	text-align: center;
	font-family: "Red Hat Display";
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 26.4px */
	margin-bottom: 0px;
}

.flex-content.stat-counter .tile p {
	margin: 0;
	text-align: center;
}

.flex-content.stat-counter .tile p {
	color: var(--White);
}

.flex-content.stat-counter .tile .inner > *:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
	.flex-content.stat-counter.box-light .box,
	.flex-content.stat-counter.box-dark .box {
		padding: 0 30px 30px;
	}

	.flex-content.stat-counter .tile .inner {
		padding-top: 30px;
	}

}