.timeline{position:relative;width:100%;background-color:#474e5d;box-sizing:border-box}.timeline::after{content:'';position:absolute;width:6px;background-color:#8abeff;top:0;bottom:0;left:50%;margin-left:-3px}.timeline-card{padding:10px 40px;position:relative;background-color:inherit;width:50%}.timeline-card::after{content:'';position:absolute;width:25px;height:25px;right:-13px;background-color:#fff;background-position:50%;background-size:cover;border:3px solid #0c53c3;top:15px;border-radius:50%;z-index:1}.timeline-card-left{left:0}.timeline-card-right{left:50%}.timeline-card-left::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:solid #fff;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #fff}.timeline-card-right::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:solid #345bb7;border-width:10px 10px 10px 0;border-color:transparent #fff transparent transparent}.timeline-card-right::after{left:-12px}.timeline-content{padding:20px 30px;background-color:#fff;position:relative;border-radius:6px}@media screen and (max-width:600px){.timeline::after{left:31px}.timeline-card{width:100%;padding-left:70px;padding-right:25px}.timeline-card::before{left:60px;border:solid #fff;border-width:10px 10px 10px 0;border-color:transparent #fff transparent transparent}.timeline-card-left::after,.timeline-card-right::after{left:19px}.timeline-card-right{left:0%}}.timeline-font{font-weight:600}.focus-badge{background-color:#0c53c3;border:1px solid #fff;color:#fff;border-radius:16px;font-size:14px;white-space:nowrap;padding:2px 6px;line-height:1.6;width:fit-content;padding:2px 10px;font-weight:600}.badge-grey{background-color:#e5e4e2;color:#000;border-radius:16px;font-size:14px;white-space:nowrap;padding:2px 6px;line-height:1.6;width:fit-content;padding:2px 10px;font-weight:600}