#journey-hero .hero-background-pane {
		position: relative;
}
#journey-hero .hero-background-pane::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to right, transparent, rgba(var(--bs-light-rgb), 0.8), rgba(var(--bs-light-rgb), 0.8), transparent);
}
@media (max-width: 991.98px) {
		#journey-hero .hero-background-pane::after {
				background-color: rgba(var(--bs-light-rgb), 0.7);
		}
}

.journey-timeline-three {
		display: -ms-grid;
		display: grid;
		position: relative;
		margin-block: 4rem;
		-ms-grid-columns: [year-start] auto [pipe-start] 1px [pipe-end] auto [year-end content-start] 1fr [content-end];
		grid-template-columns: [year-start] auto [pipe-start] 1px [pipe-end] auto [year-end content-start] 1fr [content-end];
}
@media (min-width: 768px) {
		.journey-timeline-three {
				-ms-grid-columns: 1fr [year-start] auto [pipe-start] 1px [pipe-end] auto [year-end] 1fr;
				grid-template-columns: 1fr [year-start] auto [pipe-start] 1px [pipe-end] auto [year-end] 1fr;
		}
}
.journey-timeline-three .journey-timeline-center-pipe {
		display: block;
		grid-column: pipe;
		background-color: var(--bs-secondary);
		background: linear-gradient(to bottom, var(--bs-secondary), color-mix(in srgb, var(--bs-secondary), transparent 80%));
		position: absolute;
		inset: 0;
		width: 2px;
		height: 100%;
}
.journey-timeline-three .journey-timeline-node {
		--node-offset-x: 0rem;
		position: relative;
		-ms-grid-row-span: 1;
		grid-row: span 1;
		grid-column: 1/-1;
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: auto auto;
		-ms-grid-columns: subgrid;
		    grid-template: auto auto/subgrid;
		align-items: center;
		margin-block-end: 2rem;
}
@media (min-width: 768px) {
		.journey-timeline-three .journey-timeline-node {
				margin-block-end: 10rem;
				gap: 0 1rem;
		}
}
.journey-timeline-three .journey-timeline-node .node-year {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-area: 1/year-start/span 2/year-end;
		align-self: baseline;
		display: -ms-grid;
		display: grid;
		align-content: center;
		text-align: center;
		background: var(--bs-white);
		border: 3px solid var(--bs-secondary);
		color: var(--bs-secondary);
		aspect-ratio: 1;
		width: 3.5rem;
		border-radius: 100%;
}
.journey-timeline-three .journey-timeline-node .node-year > p {
		font-weight: 600;
}
.journey-timeline-three .journey-timeline-node .node-year {
		transition: background-color 0.33s, color 0.33s ease;
}
.journey-timeline-three .journey-timeline-node .node-title, .journey-timeline-three .journey-timeline-node .node-description {
		grid-column: content;
		transition: translate 0.33s ease;
}
@media (max-width: 767.98px) {
		.journey-timeline-three .journey-timeline-node .node-title, .journey-timeline-three .journey-timeline-node .node-description {
				padding-inline: 1rem;
		}
}
.journey-timeline-three .journey-timeline-node .node-title .lead, .journey-timeline-three .journey-timeline-node .node-description .lead {
		font-size: 1.1rem;
}
@media (min-width: 768px) {
		.journey-timeline-three .journey-timeline-node .node-title {
				-ms-grid-row: 1;
				-ms-grid-row-span: 1;
				grid-row: 1/span 1;
		}
		.journey-timeline-three .journey-timeline-node .node-description {
				-ms-grid-row: 2;
				-ms-grid-row-span: 1;
				grid-row: 2/span 1;
		}
		.journey-timeline-three .journey-timeline-node:nth-of-type(even) .node-title, .journey-timeline-three .journey-timeline-node:nth-of-type(even) .node-description {
				text-align: end;
				-ms-grid-column: 1;
				-ms-grid-column-span: 1;
				grid-column: 1/span 1;
				translate: calc(var(--node-offset-x) * -1);
		}
		.journey-timeline-three .journey-timeline-node:nth-of-type(odd) .node-title, .journey-timeline-three .journey-timeline-node:nth-of-type(odd) .node-description {
				text-align: start;
				grid-column: year-end/span 1;
				translate: var(--node-offset-x);
		}
		.journey-timeline-three .journey-timeline-node:hover {
				--node-offset-x: 0.95rem;
		}
		.journey-timeline-three .journey-timeline-node:hover .node-year {
				background: var(--bs-secondary);
				color: var(--bs-white);
		}
		.journey-timeline-three .journey-timeline-node:hover .node-title {
				color: var(--bs-secondary);
		}
}