.net-medical-formation-timeline {
	--net-mft-background: #f9f7f2;
	--net-mft-animation-duration: 950ms;
	box-sizing: border-box;
	width: 100%;
	background: var(--net-mft-background);
	color: #09080b;
}

.net-medical-formation-timeline *,
.net-medical-formation-timeline *::before,
.net-medical-formation-timeline *::after {
	box-sizing: border-box;
}

.net-medical-formation-timeline h1,
.net-medical-formation-timeline h2,
.net-medical-formation-timeline h3,
.net-medical-formation-timeline h4,
.net-medical-formation-timeline h5,
.net-medical-formation-timeline h6,
.net-medical-formation-timeline p,
.net-medical-formation-timeline ul,
.net-medical-formation-timeline li {
	padding-top: 0;
	padding-bottom: 0;
}

.net-medical-formation-timeline__inner {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
}

.net-medical-formation-timeline .net-medical-formation-timeline__eyebrow {
	margin: 0 0 20px;
	color: #c89a4d;
	letter-spacing: 0.42em;
	text-transform: uppercase;
}

.net-medical-formation-timeline .net-medical-formation-timeline__title {
	margin: 0 0 26px;
	color: #09080b;
}

.net-medical-formation-timeline .net-medical-formation-timeline__description {
	max-width: 820px;
	margin: 0 0 68px;
	color: #67666d;
}

.net-medical-formation-timeline .net-medical-formation-timeline__list {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 46px;
	list-style: none;
	list-style-type: none;
	margin: 0 0 72px 8px;
	padding: 0 0 0 43px;
	border-left: 0;
}

.net-medical-formation-timeline__item::before {
	content: "";
	position: absolute;
	top: 14px;
	bottom: -46px;
	left: -43px;
	width: 1px;
	background: rgba(200, 154, 77, 0.35);
	pointer-events: none;
}

.net-medical-formation-timeline__item:last-child::before {
	display: none;
}

.net-medical-formation-timeline .net-medical-formation-timeline__item {
	position: relative;
	min-height: 56px;
	margin: 0;
	list-style: none;
	padding-left: 0;
}

.net-medical-formation-timeline__dot {
	position: absolute;
	top: 8px;
	left: -48.5px;
	z-index: 2;
	width: 12px;
	height: 12px;
	border: 2px solid #c89a4d;
	border-radius: 999px;
	background: var(--net-mft-background);
	box-shadow: 0 0 0 6px var(--net-mft-background);
	transition: background-color 220ms ease, border-color 220ms ease, transform 220ms ease;
}

.net-medical-formation-timeline__item:hover .net-medical-formation-timeline__dot,
.net-medical-formation-timeline__item:focus-within .net-medical-formation-timeline__dot {
	background: #c89a4d;
	transform: scale(1.08);
}

.net-medical-formation-timeline .net-medical-formation-timeline__item-title {
	margin: 0 0 9px;
	color: #09080b;
}

.net-medical-formation-timeline .net-medical-formation-timeline__item-label {
	margin: 0 0 11px;
	color: #c89a4d;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.net-medical-formation-timeline .net-medical-formation-timeline__item-text {
	max-width: 780px;
	margin: 0;
	color: #73717a;
}

.net-medical-formation-timeline .net-medical-formation-timeline__importance {
	margin: 0;
	padding: 34px 40px;
	border-left: 4px solid #c89a4d;
	background: #23221e;
	color: #fff;
}

.net-medical-formation-timeline .net-medical-formation-timeline__importance-title {
	margin: 0 0 17px;
	color: #fff;
}

.net-medical-formation-timeline .net-medical-formation-timeline__importance-text {
	max-width: 800px;
	margin: 0;
	color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 1024px) {
	.net-medical-formation-timeline__inner {
		max-width: 760px;
	}
}

@media (max-width: 767px) {
	.net-mft-mobile-animation .net-mft-animate {
		opacity: 0;
		transition-duration: var(--net-mft-animation-duration);
		transition-property: opacity, transform;
		transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
		will-change: opacity, transform;
	}

	.net-mft-mobile-animation.net-mft-animation--zoom-in .net-mft-animate {
		transform: scale(0.96);
	}

	.net-mft-mobile-animation.net-mft-animation--fade-in .net-mft-animate {
		transform: none;
	}

	.net-mft-mobile-animation.net-mft-animation--fade-up .net-mft-animate {
		transform: translate3d(0, 22px, 0) scale(0.98);
	}

	.net-mft-mobile-animation.net-mft-animation--slide-up .net-mft-animate {
		transform: translate3d(0, 26px, 0);
	}

	.net-mft-mobile-animation .net-mft-animate.is-visible {
		opacity: 1;
		transform: none;
	}

	.net-medical-formation-timeline .net-medical-formation-timeline__eyebrow {
		margin-bottom: 16px;
		letter-spacing: 0.32em;
	}

	.net-medical-formation-timeline .net-medical-formation-timeline__title {
		margin-bottom: 20px;
	}

	.net-medical-formation-timeline .net-medical-formation-timeline__description {
		margin-bottom: 46px;
	}

	.net-medical-formation-timeline .net-medical-formation-timeline__list {
		gap: 34px;
		margin-left: 6px;
		margin-bottom: 52px;
		padding-left: 30px;
	}

	.net-medical-formation-timeline__item::before {
		left: -30px;
		bottom: -34px;
	}

	.net-medical-formation-timeline__dot {
		left: -35.5px;
	}

	.net-medical-formation-timeline .net-medical-formation-timeline__item-label {
		letter-spacing: 0.12em;
	}

	.net-medical-formation-timeline .net-medical-formation-timeline__importance {
		padding: 28px 24px;
	}

}

@media (min-width: 768px), (prefers-reduced-motion: reduce) {
	.net-mft-mobile-animation .net-mft-animate {
		opacity: 1;
		transform: none;
		transition: none;
	}
}