/**
 * Numbered Stepper — heading + vertical numbered stepper (left) and rich-text
 * body (right) on a dark band.
 */

.elementor-column > .elementor-element-populated:has(.elementor-widget-agency-numbered-stepper) {
	padding: 0 !important;
}

.aew-stepper {
	--aew-stepper-size: 72px;
	width: 100%;
	box-sizing: border-box;
	background-color: #252f37;
}

.aew-stepper__inner {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	box-sizing: border-box;
}

.aew-stepper__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* gap owned by column_gap control */
	align-items: start;
}

/* ── Left: heading + stepper ───────────────────────────────────── */
/* margin owned by the Heading spacing control; font-size/weight owned by heading_typography */
.aew-stepper__heading {
	font-family: var(--aew-font-heading, 'DM Serif Display', serif);
	line-height: 1.1;
	color: #5796bb;
}

.aew-stepper__list {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 35px;
}

/* continuous connector line through the circle centres */
.aew-stepper__list::before {
	content: '';
	position: absolute;
	top: calc(var(--aew-stepper-size) / 2);
	bottom: calc(var(--aew-stepper-size) / 2);
	left: calc(var(--aew-stepper-size) / 2 - 1px);
	width: 2px;
	background-color: #305b83;
	z-index: 0;
}

.aew-stepper__item {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 20px;
}

.aew-stepper__num {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--aew-stepper-size);
	height: var(--aew-stepper-size);
	border-radius: 50%;
	background-color: #305b83;
	color: #252f37;
	font-family: var(--aew-font-heading, 'DM Serif Display', serif);
	/* font-size owned by number_size control */
	font-weight: 400;
	line-height: 1;
	/* Optical centering: Kazimir's digit metrics sit high in the line box, so
	   nudge the glyph down. em-based, so it scales with the number font-size.
	   (box-sizing: border-box keeps the circle diameter fixed.) */
	box-sizing: border-box;
	padding-top: 0.16em;
}

/* font-size/weight owned by label_typography control */
.aew-stepper__label {
	font-family: var(--aew-font-body, Poppins, sans-serif);
	color: #fff;
}

/* ── Right: body copy ──────────────────────────────────────────── */
/* font-size owned by body_typography control */
.aew-stepper__body {
	font-family: var(--aew-font-body, Poppins, sans-serif);
	line-height: 1.7;
	color: #e1deda;
}

.aew-stepper__body p {
	margin: 0 0 1.1em;
}

.aew-stepper__body p:last-child {
	margin-bottom: 0;
}

/* ── Tablet / mobile ───────────────────────────────────────────── */
/* heading font-size + margin and grid gap per breakpoint are owned by
   heading_typography / Heading spacing / column_gap controls */
@media (max-width: 1024px) {
	.aew-stepper__grid {
		grid-template-columns: 1fr;
	}
}