.timeline-wrapper{padding:32px 0}@media (min-width:768px){.timeline-wrapper{padding:64px 0}}.timeline-wrapper .timeline-container{position:relative}.timeline-wrapper .timeline-container .timeline-divider{position:absolute;top:0;left:20px;width:1px;height:100%;background-color:#000}@media (min-width:768px){.timeline-wrapper .timeline-container .timeline-divider{left:50%}}.timeline-wrapper .timeline-container .timeline-grid{display:grid;grid-template-columns:1fr;gap:32px;padding-left:32px}@media (min-width:768px){.timeline-wrapper .timeline-container .timeline-grid{gap:200px;row-gap:32px;padding:0;display:grid;grid-template-columns:repeat(2,1fr)}}.timeline-wrapper .timeline-container .timeline-grid .timeline-item{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.timeline-wrapper .timeline-container .timeline-grid .timeline-item .timeline-content{position:relative;display:flex;flex-direction:column;gap:16px}.timeline-wrapper .timeline-container .timeline-grid .timeline-item .timeline-content>svg{position:absolute;top:0;left:-32px;transform:translate(-50%,25%);width:32px;height:32px;will-change:transform}@media (min-width:768px){.timeline-wrapper .timeline-container .timeline-grid .timeline-item .timeline-content>svg{left:-100px}}.timeline-wrapper .timeline-container .timeline-grid .timeline-item .timeline-image{width:100%;position:relative;aspect-ratio:1/1;border-radius:64px;border:8px solid #fff;overflow:hidden}.timeline-wrapper .timeline-container .timeline-grid .timeline-item .timeline-image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (min-width:768px){.timeline-wrapper .timeline-container .timeline-grid .timeline-item{grid-row:span 3;margin-top:300px}.timeline-wrapper .timeline-container .timeline-grid .timeline-item:first-child{margin-top:0}.timeline-wrapper .timeline-container .timeline-grid .timeline-item:nth-child(odd){grid-column:2;align-items:flex-start}.timeline-wrapper .timeline-container .timeline-grid .timeline-item:nth-child(even){grid-column:1;align-items:flex-end}.timeline-wrapper .timeline-container .timeline-grid .timeline-item:nth-child(even) .timeline-content{text-align:right}.timeline-wrapper .timeline-container .timeline-grid .timeline-item:nth-child(even) .timeline-content>svg{left:auto;right:-132px}}
/*# sourceMappingURL=timeline.css.map */
