.roadmap{padding:30px 50px}.roadmap .point{display:flex;flex-direction:column;padding:40px 50px;position:relative}.roadmap .point:not(:last-child){border-bottom:4px solid gold}.roadmap .point:nth-child(odd){align-items:flex-start}.roadmap .point:nth-child(odd):not(:first-child){border-left:4px solid gold}.roadmap .point:nth-child(2n) .point-index{right:0;transform:translate(50%,-50%)}.roadmap .point:nth-child(odd):first-child{position:relative}.roadmap .point:nth-child(odd):first-child:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:linear-gradient(180deg,#fff 50%,gold 0);z-index:-1}.roadmap .point:nth-child(odd) .point-index{left:0;transform:translate(-50%,-50%)}.roadmap .point:nth-child(2n){align-items:flex-end}.roadmap .point:nth-child(2n):not(:last-child){border-right:4px solid gold}.roadmap .point:nth-child(2n):last-child{position:relative}.roadmap .point:nth-child(2n):last-child:before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:linear-gradient(180deg,gold 50%,#fff 0);z-index:-1}.roadmap .point .point-index{position:absolute;top:50%;width:80px;height:80px;background:#006;border:4px solid gold;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:35px;font-weight:700;color:#fff}.roadmap .point .point-label{flex:1 0 100%;width:100%;font-size:14px;margin-bottom:5px;font-weight:700}@media (min-width:641px){.roadmap .point .point-label{flex:1 0 50%;width:50%}}.roadmap .point .point-text{flex:1 0 100%;width:100%;font-size:12px;color:#ccc}@media (min-width:641px){.roadmap .point .point-text{flex:1 0 50%;width:50%}}.roadmap .point:nth-child(2n) .point-label{text-align:right;color:#f1d700}#timeline .timeline-item:after,#timeline .timeline-item:before,header:after,header:before{content:"";display:block;width:100%;clear:both}*,:after,:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#timeline{width:100%;margin:30px auto;position:relative;padding:0 10px;transition:all .4s ease}#timeline:before{content:"";width:3px;height:100%;background:#e4e9ff;left:50%;top:0;position:absolute}#timeline:after{content:"";clear:both;display:table;width:100%}#timeline .timeline-item{position:relative}#timeline .timeline-item .timeline-icon{background:#006;width:50px;height:50px;position:absolute;top:0;left:50%;overflow:hidden;margin-left:-23px;border-radius:50%}#timeline .timeline-item .timeline-icon svg{position:relative;top:13px;left:16px;color:#f1d700}#timeline .timeline-item:last-child .timeline-icon{width:100px;height:100px;margin-left:-46px}#timeline .timeline-item:last-child .timeline-icon svg{font-size:50px;top:28px;left:21px}#timeline .timeline-item .timeline-content,#timeline .timeline-item:last-child .timeline-content{width:45%;background:#fff;padding:20px;border-radius:5px;transition:all .3s ease}#timeline .timeline-item .timeline-content h2{padding:15px;background:#e4e9ff;color:#006;margin:-20px -20px 0;border-radius:3px 3px 0 0;font-size:20px}#timeline .timeline-item:last-child .timeline-content h2{padding:15px;background:#e4e9ff;color:#006;margin:0 -20px;font-weight:300;border-radius:3px 3px 0 0;font-size:20px}#timeline .timeline-item .timeline-content p{padding-top:25px}#timeline .timeline-item .timeline-content:before{content:"";position:absolute;left:45%;top:20px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #e4e9ff}#timeline .timeline-item .timeline-content.right{float:right}#timeline .timeline-item .timeline-content.right:before{content:"";right:45%;left:inherit;border-left:0;border-right:7px solid #e4e9ff}#timeline .timeline-item:last-child .timeline-content:before{top:45px}.gradstar-trophy{background:#006;padding:0 10px 20px;color:#fff;font-size:25px}.gradstar-trophy svg{color:#f1d700;font-size:50px;padding:20px 0}@media screen and (max-width:768px){#timeline{margin:30px;padding:0;width:90%}#timeline:before{left:0}#timeline .timeline-item .timeline-content{width:90%;float:right}#timeline .timeline-item .timeline-content.right:before,#timeline .timeline-item .timeline-content:before{left:10%;margin-left:-6px;border-left:0;border-right:7px solid #e4e9ff}#timeline .timeline-item .timeline-icon{left:0}}