.timeline{width:100%;background-color:#8797b7;position:relative;max-width:1200px;margin:0 auto;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.5)}.timeline::after{content:'';position:absolute;width:6px;background-color:var(--blue);top:0;bottom:0;left:50%;margin-left:-3px}.timeline-card{padding:10px 40px;position:relative;background-color:inherit;width:50%;border-radius:6px}.timeline-card::after{content:'';position:absolute;width:25px;height:25px;right:-17px;background-color:var(--yellow);border:4px solid var(--yellow);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:31px;border:medium solid #fff;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #fff}.timeline-right::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:31px;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:transparent #fff transparent transparent}.timeline-right::after{left:-16px}.timeline-content{padding:20px 30px;background-color:#fff;position:relative;border-radius:6px}.timeline-image img{width:100%}.timeline-heading{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;justify-content:space-between}.timeline-icon{height:2em;line-height:2em;width:5em;text-align:center;cursor:pointer;white-space:nowrap}.timeline-hidden{display:none}@media screen and (max-width:1130px){.timeline::after{left:31px}.timeline-card{width:100%;padding-left:70px;padding-right:25px}.timeline-card::before{left:60px;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:transparent #fff transparent transparent}.timeline-left::after,.timeline-right::after{left:15px}.timeline-right{left:0}}