#timeline .timeline-item:after,#timeline .timeline-item:before{clear:both;content:"";display:block;width:100%}#timeline{margin:30px auto;padding:0 var(--s1);position:relative;transition:all .4s ease;width:100%}#timeline:before{background:var(--btnbg);content:"";height:100%;left:50%;position:absolute;top:0;width:3px}#timeline:after{clear:both;content:"";display:table;width:100%}#timeline .timeline-item{margin-bottom:50px;position:relative}#timeline .timeline-item .timeline-icon{background:var(--btnbg);border-radius:50%;height:28px;left:51%;margin-left:-23px;overflow:hidden;position:absolute;top:13px;width:28px}#timeline .timeline-item .timeline-content{background:#fbfbfb;box-shadow:var(--card-shadow);padding:var(--s1);transition:all .3s ease;width:45%}#timeline .timeline-item .timeline-content h2{background:var(--btnbg);color:#fff;font-size:1.5rem;margin:calc(var(--s1)*-1) calc(var(--s1)*-1) var(--s1) calc(var(--s1)*-1);padding:var(--s1);a{color:#fff}}#timeline .timeline-item .timeline-content p{margin-top:var(--s1)}#timeline .timeline-item .timeline-content:before{border-bottom:7px solid transparent;border-left:7px solid var(--btnbg);border-top:7px solid transparent;content:"";height:0;left:45%;position:absolute;top:20px;width:0}#timeline .timeline-item:nth-child(2n) .timeline-content{float:right}#timeline .timeline-item:nth-child(2n) .timeline-content:before{border-left:0;border-right:7px solid var(--btnbg);content:"";left:inherit;right:45%}@media screen and (max-width:768px){#timeline{margin:30px;padding:0;width:90%}#timeline:before{left:0}#timeline .timeline-item .timeline-content{float:right;width:90%}#timeline .timeline-item .timeline-content:before,#timeline .timeline-item:nth-child(2n) .timeline-content:before{border-left:0;border-right:7px solid var(--btnbg);left:10%;margin-left:-6px}#timeline .timeline-item .timeline-icon{left:0}}