
.algert-timeline-block-widget {
	--list-left-padding: 42px;
}

.algert-timeline-block-widget:before {
	content: "";
	width: 30%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(90deg, #004a8c 5.98%, rgba(0, 74, 140, 0) 90.61%);
	z-index: 2;
}

@media (max-width: 575.98px) {
	.algert-timeline-block-widget:before {
		width: 12.5%;
	}
}

.algert-timeline-block-widget:after {
	content: "";
	width: 30%;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(270deg, #004a8c 5.98%, rgba(0, 74, 140, 0) 90.61%);
	z-index: 2;
}

@media (max-width: 575.98px) {
	.algert-timeline-block-widget:after {
		width: 12.5%;
	}
}

.algert-timeline-block-widget .swiper {
	width: 100%;
	height: 100%;
}

.algert-timeline-block-widget .item {
	position: relative;
	max-width: 450px;
}

.algert-timeline-block-widget .item.swiper-slide-active .description {
	opacity: 1;
}

.algert-timeline-block-widget .item:last-child .divider {
	width: 100vw;
}

.algert-timeline-block-widget .item .divider {
	margin-top: 1.25em;
	margin-left: var(--list-left-padding);
	height: 2em;
	width: 100%;
	background-color: var(--color-primary);
	position: relative;
}

.algert-timeline-block-widget .item .divider:after {
	content: "";
	width: 2px;
	height: 70px;
	position: absolute;
	top: 0;
	left: var(list-left-padding);
	background-color: white;
}

.algert-timeline-block-widget .item .description {
	margin-top: 4em;
	padding-right: 4em;
	opacity: .35;
	transition: var(--transition-ms);
}
