.bg-gradient-blue {
	background-image: linear-gradient(
		45deg,
		hsl(204deg 100% 20%) 0%,
		hsl(204deg 89% 22%) 8%,
		hsl(205deg 79% 26%) 17%,
		hsl(205deg 72% 29%) 25%,
		hsl(205deg 67% 31%) 33%,
		hsl(205deg 64% 34%) 42%,
		hsl(205deg 61% 37%) 50%,
		hsl(205deg 58% 40%) 58%,
		hsl(205deg 56% 42%) 67%,
		hsl(205deg 55% 45%) 75%,
		hsl(204deg 53% 48%) 83%,
		hsl(204deg 53% 51%) 92%,
		hsl(204deg 58% 53%) 100%
	);
}

#vision-mission,
#vision-mission h2 {
	color: var(--color-white);
}

.milestone-section {
	position: relative;
	padding: 50px 0;
}

.milestone-line {
	position: absolute;
	left: 40px;
	top: 40px;
	bottom: 80px;
	width: 4px;
	background-color: #003c64;
	margin-left: -2px;
}

.milestone-arrow {
	position: absolute;
	left: 30px;
	width: 20px;
	transition: top 0.5s ease;
	z-index: 10;
}

.milestone-year {
	margin-left: 100px;
	margin-bottom: 80px;
}

.milestone-year h3 {
	font-weight: bold;
	color: #4396cd;
}

.milestone-year ul {
	margin-top: 10px;
}

.btn-connect {
	font-weight: 600;
}

@media (min-width: 992px) {
	#our-journey-section {
		width: 780px;
	}
}

@media (max-width: 576px) {
	#our-journey-section {
		transform: translateX(-16px);
	}
}