.timeline{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-top:20px}.timeline-item{position:relative;width:23%;text-align:center}.timeline-card{background-color:rgba(0,128,0,.8);padding:20px;border-radius:8px;color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1)}.timeline-dot{width:15px;height:15px;background-color:#fff;border:3px solid green;border-radius:50%;margin:20px auto;z-index:1}.timeline-line{position:absolute;top:50%;left:0;right:0;height:3px;background-color:green;z-index:0}.timeline-card h3{margin-bottom:10px;font-size:1.2rem}.timeline-card p{font-size:.9rem}