/* Container */
.tl-9ca0d56a-container {
	position: relative;
	padding: 40px 0;
	max-width: 1000px;
	margin: 0 auto;
}

/* Central Line */
.tl-9ca0d56a-line {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 2px;
	background-color: #6d8a96;
	transform: translateX(-50%);
	z-index: 1;
}

/* Item Wrapper */
.tl-9ca0d56a-item {
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 60px;
	width: 100%;
}
.tl-9ca0d56a-item:last-child {
	margin-bottom: 0;
}

/* Alternating Layout */
.tl-9ca0d56a-item:nth-child(even) {
	flex-direction: row-reverse;
}

/* Panels */
.tl-9ca0d56a-panel {
	width: 50%;
	padding: 0 50px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

/* Odd Items Alignment */
.tl-9ca0d56a-item:nth-child(odd) .tl-9ca0d56a-panel:first-child {
	align-items: flex-end;
	text-align: right;
}
.tl-9ca0d56a-item:nth-child(odd) .tl-9ca0d56a-panel:last-child {
	align-items: flex-start;
	text-align: left;
}

/* Even Items Alignment */
.tl-9ca0d56a-item:nth-child(even) .tl-9ca0d56a-panel:first-child {
	align-items: flex-start;
	text-align: left;
}
.tl-9ca0d56a-item:nth-child(even) .tl-9ca0d56a-panel:last-child {
	align-items: flex-end;
	text-align: right;
}

/* Center Node */
.tl-9ca0d56a-node {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border: 3px solid #6d8a96;
	background-color: #ffffff;
	border-radius: 50%;
	z-index: 2;
}

/* Image */
.tl-9ca0d56a-image {
	max-width: 100%;
	display: block;
	object-fit: cover;
}

/* Date */
.tl-9ca0d56a-date {
	font-weight: 700;
	font-size: 20px;
	color: #0b4b68;
}

/* Responsive Tablet/Mobile */
@media (max-width: 767px) {
	.tl-9ca0d56a-line {
		left: 20px;
		transform: none;
	}
	
	.tl-9ca0d56a-item, 
	.tl-9ca0d56a-item:nth-child(even) {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 50px;
	}
	
	.tl-9ca0d56a-panel {
		width: 100%;
		padding: 0 0 0 50px;
		align-items: flex-start !important;
		text-align: left !important;
	}
	
	.tl-9ca0d56a-item:nth-child(odd) .tl-9ca0d56a-panel:first-child,
	.tl-9ca0d56a-item:nth-child(even) .tl-9ca0d56a-panel:first-child {
		margin-bottom: 15px;
	}
	
	.tl-9ca0d56a-node {
		left: 20px;
		top: 0;
		transform: translate(-50%, -10px);
	}
}