.timeline-wrapper{position:relative;margin-top:2em;margin-bottom:2em}.timeline:before{content:"";position:absolute;left:25px;height:100%;width:2px;background:#B3B3B3}.timeline .capter{margin-top:30px;background:#fffffc;position:relative;text-transform:uppercase}.timeline .capter h3{line-height:2.6}.timeline .step{position:relative;margin-top:50px}.timeline .step:first-of-type{margin-top:30px}.stepbox{position:relative;left:70px;width:calc(100% - 70px);padding:15px 0;background:#fff;border-radius:8px;filter:drop-shadow(0px 0px 3px rgba(185,185,185,0.6))}.stepbox:after,.stepbox:before{content:" ";height:0;position:absolute;width:0}.stepbox:after{border-width:9px 16px 12px 0;border-color:transparent #fff;top:16px;left:-16px;border-style:solid}.stepcontent{padding:0 15px}.stepcontent>*:first-child{margin-top:0}.stepcontent>*:last-child{margin-bottom:0}.stepicon{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;background:#f7f6f6;color:#B3B3B3;border:6px solid #fff;border-radius:45px;height:50px;width:50px;overflow:hidden}.stepicon svg{width:20px;height:auto;color:inherit}@media (min-width: 600px){.timeline:before{left:36px}.stepbox{padding:25px 0;left:120px;width:calc(100% - 120px);border-radius:12px}.stepbox:after{border-width:9px 27px 18px 0;left:-26px;top:22px}.stepcontent{padding:0 25px}.stepicon{height:74px;width:74px}.stepicon svg{width:34px}}