/**
 * EndHPV — Numbered List widget base styles.
 * All visual properties are overridable from the Elementor Style tab.
 */

.endhpv-nl {
	list-style: none;
	margin: 0;
	padding: 0;
}

.endhpv-nl__item {
	display: flex;
	align-items: flex-start;
	gap: 32px;
	border-block-end: 0 solid #E3E7EA;
}

.endhpv-nl__item:not(:last-child) {
	border-block-end-width: 1px;
	padding-block-end: 26px;
	margin-block-end: 26px;
}

.endhpv-nl--no-divider .endhpv-nl__item:not(:last-child) {
	border-block-end-width: 0;
}

.endhpv-nl__number {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 72px;
	block-size: 72px;
	border-radius: 10px;
	background-color: #FFB300;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 30px;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	text-align: center;
}

.endhpv-nl__text {
	flex: 1 1 auto;
	min-inline-size: 0;
}

.endhpv-nl__text > :first-child {
	margin-block-start: 0;
}

.endhpv-nl__text > :last-child {
	margin-block-end: 0;
}

.endhpv-nl__text strong,
.endhpv-nl__text b {
	font-weight: 700;
}

@media (max-width: 767px) {
	.endhpv-nl__item {
		gap: 18px;
	}

	.endhpv-nl__number {
		inline-size: 54px;
		block-size: 54px;
		font-size: 22px;
	}
}