.timeline *,.timeline{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-0-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.timeline{position:relative;max-width:100%;margin:0 auto}.timeline::after{content:'';position:absolute;width:6px;top:0;bottom:0;left:50%;margin-left:-6px}.timeline .container{padding:10px 40px;position:relative;width:50%}.timeline .container::after{content:'';position:absolute;width:25px;height:25px;right:-10px;background-color:#3ac1cd;border-style:4px solid #ffce23;top:15px;border-radius:50%;z-index:1}.timeline .left{left:0}.timeline .right{left:50%}.timeline .left::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent}.timeline .right::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent i transparent transparent}.timeline .right::after{left:-16px}.timeline .content{padding:20px 30px;position:relative;border-radius:6px}@media screen and (max-width:600px){.timeline::after{left:31px}.timeline .container{width:100%;padding-left:70px;padding-right:25px}.timeline .container::before{left:60px;border-width:10px 10px 10px 0}.timeline .left::after,.timeline .right::after{left:15px}.timeline .right{left:0}}