.edel-timeline{position:relative;padding:40px 0;overflow:hidden;}
.edel-timeline-track{display:flex;gap:24px;transition:transform .2s linear}
.edel-timeline-horizontal .edel-timeline-track{flex-wrap:nowrap;overflow:visible}
.edel-timeline-track-columns{align-items:stretch}
.edel-timeline-column{display:flex;flex-direction:column;min-width:220px;gap:12px}
.edel-timeline-cell{background:transparent}
.edel-timeline-cell .edel-timeline-image{display:block}
.edel-timeline-cell .edel-timeline-content{padding:6px 0}
.edel-timeline-progress-between{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;background:transparent;pointer-events:none;z-index:2}
.edel-timeline-progress-between .edel-timeline-progress-bar{position:absolute;left:0;top:0;height:100%;background:#1e73be}

/* ensure progress bar between rows does not overlap content: add spacing in two-row layout */
.edel-timeline-layout-two .edel-timeline-track-columns{padding-top:0;padding-bottom:0}
.edel-timeline-layout-two .edel-timeline-column .edel-timeline-cell-top{padding-bottom:28px}
.edel-timeline-layout-two .edel-timeline-column .edel-timeline-cell-bottom{padding-top:28px}
.edel-timeline-layout-two .edel-timeline-progress-between{top:50%;}
.edel-timeline-progress-above{position:relative;margin-bottom:12px}
.edel-timeline-progress-below{position:relative;margin-top:12px}
.edel-timeline-item{min-width:220px;background:#fff;padding:12px;border:1px solid #eee}
.edel-timeline-image img{max-width:100%;height:auto;display:block}
.edel-timeline-progress{position:absolute;left:0;right:0;bottom:8px;height:6px;background:#eee}
.edel-timeline-progress-bar{height:100%;width:0;background:#1e73be;transition:width .1s linear}

/* arrows for mobile/tablet: visible on small screens, hidden on desktop */
.edel-timeline-arrows{position:absolute;right:12px;display:flex;gap:8px;z-index:5}
.edel-timeline-arrows.edel-arrows-top{top:12px}
.edel-timeline-arrows.edel-arrows-center{top:50%;transform:translateY(-50%)}
.edel-timeline-arrows.edel-arrows-bottom{bottom:12px}
.edel-timeline-arrows .edel-prev,.edel-timeline-arrows .edel-next{background:#fff;border:1px solid #ddd;padding:8px 10px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}
.edel-timeline-arrows .edel-prev i,.edel-timeline-arrows .edel-next i{font-size:18px;line-height:1;color:#333}

@media (max-width: 1023px){
	.edel-timeline-horizontal .edel-timeline-track{overflow:visible}
}
/* show arrows on all sizes by default; style can be adjusted if needed */