.timeline{display:flex;position:relative}.timeline .bar{background:rgba(102,146,65,.2);bottom:0;left:9px;position:absolute;top:0;width:3px}.timeline .bar .bar-progress{background:var(--secondary-color);height:50%;transition:height .5s ease-out;width:100%}.timeline .events{display:block}.timeline .event{display:flex;gap:80px;padding-left:80px;position:relative}.timeline .event:before{background-color:#fff;border:3px solid rgba(102,146,65,.2);border-radius:100%;content:"";height:22px;left:0;position:absolute;top:0;transition:border-color .5s ease-in;width:22px}.timeline .event:not(:last-child){margin-bottom:80px}.timeline .event.visible:before{border-color:var(--secondary-color)}.timeline .event .date,.timeline .event .description{opacity:.2;transition:opacity .5s}.timeline .event.visible .date,.timeline .event.visible .description{opacity:1}.timeline .event .description{line-height:1.6}.timeline .event .large-date{color:var(--secondary-color);font-size:30px;font-weight:700}.timeline .event .small-date{color:var(--secondary-color);font-size:16px;margin-bottom:4px;white-space:nowrap}@media (max-width:1024px){.timeline .event{flex-direction:column;gap:20px;padding-left:40px}.timeline .event .large-date{font-size:20px}.timeline .event:not(:last-child){margin-bottom:40px}}