.timeline{margin:20px auto;padding:20px}.card{position:relative;max-width:600px;margin:auto}.card:nth-child(odd){padding:30px 0 30px 30px}.card:nth-child(2n){padding:30px 30px 30px 0}.card:before{content:"";position:absolute;width:50%;border:solid #0363db}.card:nth-child(odd):before{left:0;top:-4.5px;bottom:-4.5px;border-width:5px 0 5px 5px;border-radius:50px 0 0 50px}.card:nth-child(2n):before{right:0;top:0;bottom:0;border-width:5px 5px 5px 0;border-radius:0 50px 50px 0}.card:first-child:before{border-top:0;border-top-left-radius:0}.card:last-child:nth-child(odd):before{border-bottom:0;border-bottom-left-radius:0}.card:last-child:nth-child(2n):before{border-bottom:0;border-bottom-right-radius:0}.info{display:flex;flex-direction:column;background:#f7f7f7;color:#000;border-radius:10px;padding:20px 50px}.title{color:#0363db;position:relative;font-weight:700}.title:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:999px;border:2px solid #0363db}.card:nth-child(2n)>.info>.title{text-align:right}.card:nth-child(odd)>.info>.title:before{left:-87px}.card:nth-child(2n)>.info>.title:before{right:-87px}.card img{width:100%!important}