.container{justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.bubble{z-index:2;background-color:#d1d5db;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:relative}.line{z-index:1;border-bottom:2px dotted #4b5563;border-radius:2px;flex:1;height:4px;position:relative;top:1.5rem}.line:after{content:"";background-color:#96bb32;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;right:-5px;transform:translateY(-50%)}.bubble:last-child+.line{display:none}.bubble:before{content:"";z-index:0;background-color:#4b5563;width:calc(50% - 30px);height:4px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.bubble:first-child:before{display:none}.number{color:#000}.text{color:#fff;margin-top:5px;font-size:12px}.paragraph{color:#6b7280;text-align:center;max-width:150px;margin:5px 0;font-size:12px}@media screen and (max-width:1024px){.container{flex-direction:column;padding:0}.line{display:none}.paragraph{text-align:left;max-width:100%;margin-left:5px}}