/**
 * Widget Timeline / Étapes (frise verticale, ligne à gauche).
 */
.snf-tl {
	position: relative;
	max-width: 760px;
	margin: 0 auto;
	padding-left: 44px;
}
.snf-tl__line {
	position: absolute;
	left: 13px;
	top: 6px;
	bottom: 6px;
	width: 2px;
	background: var(--snf-green, #00A8E8);
	opacity: .35;
}
.snf-tl__item {
	position: relative;
	padding-bottom: 34px;
}
.snf-tl__item:last-child {
	padding-bottom: 0;
}
.snf-tl__node {
	position: absolute;
	left: -38px;
	top: 5px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--snf-green, #00A8E8);
	box-shadow: 0 0 0 4px rgba(0, 168, 232, .15);
}
.snf-tl__marker {
	font-family: var(--fh, 'Josefin Sans', sans-serif);
	font-size: .72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--snf-green, #00A8E8);
	margin-bottom: 4px;
}
.snf-tl__title {
	font-family: var(--fd, 'Josefin Sans', sans-serif);
	font-size: 1.25rem;
	letter-spacing: .02em;
	color: var(--snf-navy, #1A2A3A);
	margin: 0 0 6px;
}
.snf-tl__desc {
	font-size: .9rem;
	line-height: 1.65;
	color: var(--snf-muted, #777);
	margin: 0;
}