.vt-388-container {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 40px 0;
}

/* Gradient line with tapered ends using clip-path */
.vt-388-line {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 4px;
	margin-left: -2px; /* fallback, controlled by Elementor */
	background: linear-gradient(to bottom, #009B8C 0%, #D4AF37 25%, #BFA2DB 50%, #D4AF37 75%, #009B8C 100%);
	z-index: 1;
    /* Create the tapered effect at top and bottom */
    clip-path: polygon(50% 0%, 100% 5%, 100% 95%, 50% 100%, 0% 95%, 0% 5%);
}

.vt-388-items {
	display: flex;
	flex-direction: column;
	gap: 40px;
	position: relative;
	z-index: 2;
}

.vt-388-item {
	display: flex;
	align-items: center;
	width: 100%;
	transition: transform 0.3s ease;
}

.vt-388-item:hover {
	transform: translateY(-2px);
}

.vt-388-left {
	flex: 1;
	text-align: right;
	padding-right: 30px;
}

.vt-388-right {
	flex: 1;
	text-align: left;
	padding-left: 30px;
}

.vt-388-time {
	font-weight: bold;
}

.vt-388-title {
	font-weight: bold;
	margin-bottom: 5px;
}

@media (max-width: 767px) {
	.vt-388-line {
		left: 20px;
	}
	
	.vt-388-item {
		flex-direction: column;
		align-items: flex-start;
		padding-left: 50px;
		position: relative;
	}
	
	.vt-388-left {
		text-align: left;
		padding-right: 0;
		padding-bottom: 5px;
		width: 100%;
	}
	
	.vt-388-right {
		padding-left: 0;
		width: 100%;
	}
}