@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400&display=swap");
@-webkit-keyframes fadeIn1 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20rem);
		transform: translateY(20rem);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0rem);
		transform: translateY(0rem);
	}
}
@keyframes fadeIn1 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20rem);
		transform: translateY(20rem);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0rem);
		transform: translateY(0rem);
	}
}
@-webkit-keyframes fadeIn2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20rem);
		transform: translateY(20rem);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(20rem);
		transform: translateY(20rem);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0rem);
		transform: translateY(0rem);
	}
}
@keyframes fadeIn2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20rem);
		transform: translateY(20rem);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(20rem);
		transform: translateY(20rem);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0rem);
		transform: translateY(0rem);
	}
}
html {
	font-size: 1px;
}

/* auto scale down elements on mobile */
@media (max-width: 580px) {
	html {
		font-size: 1px;
	}
}

/* auto scale up elements on large displays */
@media (min-width: 2560px) {
	html {
		font-size: 1px;
	}
}

section.u4m-timeline {
	padding: 100rem 0;
	background-color: var(--general-white);
}
section.u4m-timeline .inner {
	float: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	padding-left: 20rem;
	padding-right: 20rem;
}
section.u4m-timeline .inner .timeline {
	width: 100%;
	max-width: 1024rem;
	margin: 0 auto;
}
section.u4m-timeline .inner .timeline h2 {
	font-family: Outfit;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.25rem;
	margin-bottom: 10rem;
	line-height: 1.2;
	text-align: center;
	color: var(--primary-text);
}
section.u4m-timeline .inner .timeline h2 strong {
	font-weight: 700;
	-webkit-box-shadow: inset 0 -0.3em #cce3f3;
	box-shadow: inset 0 -0.3em #cce3f3;
	color: var(--primary-text);
}
@supports (
	(-webkit-text-decoration-skip-ink: none) or (text-decoration-skip-ink: none)
) {
	section.u4m-timeline .inner .timeline h2 strong {
		-webkit-box-shadow: none;
		box-shadow: none;
		text-decoration: underline;
		-webkit-text-decoration-color: #cce3f3;
		text-decoration-color: #cce3f3;
		text-decoration-thickness: 0.3em;
		text-underline-offset: -0.3em;
		-webkit-text-decoration-skip-ink: none;
		text-decoration-skip-ink: none;
	}
}
@media (max-width: 580px) {
	section.u4m-timeline .inner .timeline h2 {
		font-size: 26rem;
		margin-bottom: 20rem;
	}
}
section.u4m-timeline .inner .timeline .timeline-entry {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (max-width: 768px) {
	section.u4m-timeline .inner .timeline .timeline-entry {
		display: block;
	}
}
section.u4m-timeline .inner .timeline .timeline-entry div {
	-ms-flex-preferred-size: calc(50% - 5rem);
	flex-basis: calc(50% - 5rem);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}
section.u4m-timeline .inner .timeline .timeline-entry div.timeline-entry-info {
	padding: 50rem 28px;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	position: relative;
}

section.u4m-timeline .inner .timeline .timeline-entry div.timeline-entry-info p,
section.u4m-timeline
	.inner
	.timeline
	.timeline-entry
	div.timeline-entry-info
	li {
	font-size: 18px;
	font-family: Outfit;
	color: var(--gray-500);
	line-height: 28px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	section.u4m-timeline
		.inner
		.timeline
		.timeline-entry
		div.timeline-entry-info {
		-ms-flex-preferred-size: calc(50% - 45rem);
		flex-basis: calc(50% - 45rem);
	}
}
section.u4m-timeline
	.inner
	.timeline
	.timeline-entry
	div.timeline-entry-info
	h3 {
	font-family: Outfit;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.25rem;
	margin-bottom: 10rem;
	line-height: 1.2;
	color: var(--primary-text);
}
@media (max-width: 580px) {
	section.u4m-timeline
		.inner
		.timeline
		.timeline-entry
		div.timeline-entry-info
		h3 {
		font-size: 28rem;
		margin-bottom: 20rem;
	}
}
section.u4m-timeline
	.inner
	.timeline
	.timeline-entry
	div.timeline-entry-info:before {
	content: "";
	display: block;
	width: 30rem;
	height: 30rem;
	background: #3683ff;
	border-radius: 100%;
	position: absolute;
	top: 0;
}

section.u4m-timeline {
	padding: 30px 0;
}
@media (max-width: 768px) {
	section.u4m-timeline
		.inner
		.timeline
		.timeline-entry
		div.timeline-entry-info {
		padding: 0rem 20rem 50rem 40rem;
		width: 100%;
		display: block;
	}
	section.u4m-timeline
		.inner
		.timeline
		.timeline-entry
		div.timeline-entry-info:before {
		top: 0;
	}
}
section.u4m-timeline
	.inner
	.timeline
	.timeline-entry:nth-child(even)
	.timeline-entry-info {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	border-left: 5rem solid #3683ff;
}
section.u4m-timeline
	.inner
	.timeline
	.timeline-entry:nth-child(even)
	.timeline-entry-info:before {
	left: -17rem;
}
section.u4m-timeline
	.inner
	.timeline
	.timeline-entry:nth-child(odd)
	.timeline-entry-info {
	border-right: 5rem solid #3683ff;
}
section.u4m-timeline
	.inner
	.timeline
	.timeline-entry:nth-child(odd)
	.timeline-entry-info:before {
	right: -17rem;
}
@media (max-width: 768px) {
	section.u4m-timeline
		.inner
		.timeline
		.timeline-entry:nth-child(odd)
		.timeline-entry-info {
		border-right: none;
		border-left: 5rem solid #3683ff;
	}
	section.u4m-timeline
		.inner
		.timeline
		.timeline-entry:nth-child(odd)
		.timeline-entry-info:before {
		right: 0;
		left: -17rem;
	}
}
section.u4m-timeline
	.inner
	.timeline
	.timeline-entry:last-child
	.timeline-entry-info:after {
	content: "";
	display: block;
	border: 20rem solid #3683ff;
	position: absolute;
	bottom: -5rem;
	border-color: #3683ff transparent transparent transparent;
	border-width: 30rem 20rem 0;
}
section.u4m-timeline
	.inner
	.timeline
	.timeline-entry:last-child:nth-child(even)
	.timeline-entry-info:after {
	left: -23rem;
}
section.u4m-timeline
	.inner
	.timeline
	.timeline-entry:last-child:nth-child(odd)
	.timeline-entry-info:after {
	right: -23rem;
}
@media (max-width: 580px) {
	section.u4m-timeline
		.inner
		.timeline
		.timeline-entry:last-child:nth-child(odd)
		.timeline-entry-info:after {
		right: calc(100% - 18rem);
	}
}
