.cetl-timeline{display:flex;flex-direction:column;align-items:center;position:relative;padding:20px;margin:40px 0}.cetl-timeline::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:3px;height:100%;background:var(--color-neutral-3)}.cetl-timeline-item{display:flex;margin:20px 0;width:80%;position:relative}.cetl-timeline-marker{width:20px;height:20px;background:#fff;border:2px solid #333;border-radius:50%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.cetl-timeline-content{box-shadow:var(--boxshadow-1);background:#fff;padding:40px;border-radius:var(--border-radius-1);width:calc(50% - 30px);position:relative;opacity:0;transform:scale(0);transition:all 0.3s ease-in}.cetl-timeline-item.animate .cetl-timeline-content{animation:popup 0.4s ease-in-out forwards}.cetl-timeline-item:nth-child(odd) .cetl-timeline-content{margin-right:auto}.cetl-timeline-item:nth-child(even) .cetl-timeline-content{margin-left:auto}@keyframes popup{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@media (max-width:680px){.cetl-timeline-item{width:100%}.cetl-timeline-content{width:90%}.cetl-timeline::before{transform:translateX(-50%) translateY(-50%);height:90%;top:50%}}