.vertical-timeline{min-height:50px;margin:1rem;padding:1rem 0;position:relative}.vertical-timeline *{box-sizing:border-box}.vertical-timeline:before{content:"";background-color:var(--color-primary);border-radius:4px;width:4px;height:100%;transition:left .5s;position:absolute;left:18px}@media only screen and (min-width:1170px){.vertical-timeline:before{left:50%;transform:translate(-50%)}}
.timeline-element{align-items:flex-start;gap:20px;width:100%;margin:2em 0;display:flex;position:relative}.timeline-element:first-child{margin-top:0}.timeline-element:last-child{margin-bottom:0}.timeline-element-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .5s;display:flex;position:relative}.timeline-element-content{flex:1;min-width:0;padding:1em;transition:all .5s}.timeline-element-date{opacity:.8;margin-top:.5em;margin-bottom:5px;font-size:.8rem}@media only screen and (min-width:1170px){.timeline-element{width:100%;margin-top:4rem;margin-bottom:4rem;display:block;position:relative}.timeline-element-badge{z-index:2;width:50px;height:50px;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-element-content{flex:none;width:44%;margin-left:0;position:relative}.timeline-element-date{opacity:1;width:100%;margin-bottom:0;font-size:1rem;position:absolute;top:6px;left:124%}.timeline-element:nth-child(2n) .timeline-element-content{margin-left:56%}.timeline-element:nth-child(2n) .timeline-element-date{text-align:right;left:auto;right:124%}.timeline-element:nth-child(odd) .timeline-element-content{margin-left:0;margin-right:56%}}