/* Orion Achievements — layout only (index-2.html count section).
   Font size / weight / family / line-height: theme Customizer (h2 / body)
   + Elementor Style → Numbers / Labels typography controls. Do not hardcode type here.
   Breakpoints: sm=640, md=769, lg=992, xl=1199, 1xl=1380, 2xl=1752. */
.orion-ach { position: relative; margin-bottom: 32px; }
@media (min-width: 769px)  { .orion-ach { margin-bottom: 50px; } }
@media (min-width: 992px)  { .orion-ach { margin-bottom: 60px; } }
@media (min-width: 1380px) { .orion-ach { margin-bottom: 80px; } }
@media (min-width: 1752px) { .orion-ach { margin-bottom: 100px; } }

/* HTML count-up h2 — full h2 schedule */
html body h2.orion-ach__value,
.orion-ach__value {
	color: var(--orion-primary);
	margin: 0;
	font-family: var(--orion-font-heading, "El Messiri", serif) !important;
	font-weight: 500 !important;
	font-size: 26px !important;
	line-height: 36px !important;
	text-transform: none !important;
}
@media (min-width: 640px) {
	html body h2.orion-ach__value,
	.orion-ach__value { font-size: 30px !important; line-height: 40px !important; }
}
@media (min-width: 769px) {
	html body h2.orion-ach__value,
	.orion-ach__value { font-size: 35px !important; line-height: 40px !important; }
}
@media (min-width: 1199px) {
	html body h2.orion-ach__value,
	.orion-ach__value { font-size: 40px !important; line-height: 50px !important; }
}
@media (min-width: 1380px) {
	html body h2.orion-ach__value,
	.orion-ach__value { font-size: 46px !important; line-height: 55px !important; }
}
@media (min-width: 1752px) {
	html body h2.orion-ach__value,
	.orion-ach__value { font-size: 60px !important; line-height: 70px !important; }
}

/* HTML p.font-normal labels */
html body p.oa-count__label,
.oa-count__label {
	margin: 0;
	font-family: var(--orion-font-body, Lexend, sans-serif) !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 23px !important;
}
@media (min-width: 992px) {
	html body p.oa-count__label,
	.oa-count__label { font-size: 15px !important; line-height: 25px !important; }
}
@media (min-width: 1199px) {
	html body p.oa-count__label,
	.oa-count__label { line-height: 26px !important; }
}
@media (min-width: 1380px) {
	html body p.oa-count__label,
	.oa-count__label { line-height: 28px !important; }
}
@media (min-width: 1752px) {
	html body p.oa-count__label,
	.oa-count__label { font-size: 18px !important; line-height: 32px !important; }
}

.oa-count__row {
	display: grid;
	grid-template-columns: 1fr;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	gap: normal;
}
@media (min-width: 640px) {
	.oa-count__row {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
		padding-bottom: 30px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.149);
	}
}
@media (min-width: 769px) {
	.oa-count__row { display: flex; align-items: flex-start; justify-content: space-between; }
}
@media (min-width: 992px)  { .oa-count__row { padding-bottom: 40px; } }
@media (min-width: 1199px) { .oa-count__row { padding-bottom: 50px; } }
@media (min-width: 1752px) { .oa-count__row { padding-bottom: 60px; } }

.oa-count__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0;
	padding: 20px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.149);
}
.oa-count__item:last-child { padding-bottom: 0; }
@media (min-width: 640px) {
	.oa-count__item { border-top: 0; padding: 0; gap: 8px; }
}
@media (min-width: 1199px) {
	.oa-count__item { gap: 10px; }
}