/* =======================================================================
 * ax-stats — "by the numbers" band (Figma 1300-1364)
 *
 * Purple rounded band > bordered pill > N columns (big number + label) with
 * thin vertical dividers between them. Numbers count up from 0 (see JS).
 * All selectors #top-prefixed to beat Enfold.
 * ===================================================================== */

#top .ax-stats {
	--ax-purple: #444192;
	font-family: "Montserrat", sans-serif;
	max-width: 1180px;
	margin: 0 auto;
	margin-bottom: -116px;
}

#top .ax-stats__band {
	background: var(--ax-purple);
	border-radius: 25px;
	padding: 24px;
}

#top .ax-stats__pill {
	background: rgba(255,255,255,.04);
	border: .6px solid rgba(255,255,255,.33);
	border-radius: 77px;
	padding: 40px 30px;
}

#top .ax-stats__grid {
	display: flex;
	align-items: center;
	justify-content: center;
}

#top .ax-stats__item {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 6px 20px;
}

/* thin vertical divider between adjacent columns */
#top .ax-stats__item + .ax-stats__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 93px;
	background: rgba(255,255,255,.33);
}

#top .ax-stats__num {
	font-family: "Montserrat", sans-serif;
	font-size: 64px;
	font-weight: 700;
	line-height: 1.19;
	color: #fff;
	font-variant-numeric: tabular-nums;
}

#top .ax-stats__label {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.74;
	color: #fff;
	max-width: 193px;
	margin-top: 4px;
}

#top .numbers_sect .template-page {
	padding-top: 0px;
	padding-bottom: 0px;
}

/* ---------------------------------------------------------------------
 * Tablet — smaller numbers / padding
 * ------------------------------------------------------------------- */
@media (max-width: 989px) {
	#top .ax-stats__pill {
		padding: 30px 16px;
	}

	#top .ax-stats__item {
		padding: 6px 12px;
	}

	#top .ax-stats__num {
		font-size: 50px;
	}

	#top .ax-stats__label {
		font-size: 16px;
	}
}

/* ---------------------------------------------------------------------
 * Mobile — stack columns, dividers become horizontal
 * ------------------------------------------------------------------- */
@media (max-width: 640px) {
	#top .ax-stats__band {
		padding: 16px;
		border-radius: 22px;
	}

	#top .ax-stats__pill {
		border-radius: 34px;
		padding: 22px 16px;
	}

	#top .ax-stats__grid {
		flex-direction: column;
	}

	#top .ax-stats__item {
		width: 100%;
		padding: 20px 12px;
	}

	#top .ax-stats__item + .ax-stats__item::before {
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: 120px;
		height: 1px;
	}
	
	#top .ax-stats {
		margin-bottom: -230px;
	}
	
	#top .padd_top_bigger .template-page {
        padding-top: 282px !important;
    }
}