.timeline{list-style:none;padding:20px 0;position:relative}.timeline:before{top:0;bottom:0;position:absolute;content:" ";width:3px;background-color:var(--primary-color);left:50%;margin-left:-1.5px}.timeline>li{margin-bottom:20px;position:relative}.timeline>li:before,.timeline>li:after{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-panel{width:46%;float:left;border:1px solid #d4d4d4;border-radius:var(--border-radius-md);padding:20px;position:relative}.timeline>li>.timeline-panel:before{position:absolute;top:26px;right:-15px;display:inline-block;border-top:15px solid transparent;border-left:15px solid var(--white);border-right:0 solid var(--white);border-bottom:15px solid transparent;content:" "}.timeline>li>.timeline-panel:after{position:absolute;top:27px;right:-14px;display:inline-block;border-top:14px solid transparent;border-left:14px solid var(--white);border-right:0 solid var(--white);border-bottom:14px solid transparent;content:" "}.timeline>li>.timeline-badge{color:var(--white);display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:1.4em;position:absolute;top:16px;left:50%;margin-left:-25px;background-color:var(--primary-color);z-index:1;border-radius:50%}.timeline>li.timeline-inverted>.timeline-panel{float:right}.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline-badge.info{background-color:#5bc0de!important}.timeline-title{margin-top:0;color:var(--primary-bg-color);font-weight:700}.timeline-body>p,.timeline-body>ul{margin-bottom:0}.timeline-body>p+p{margin-top:25px}@media (max-width: 991px){.timeline:before,.timeline>li>.timeline-badge{left:20px}.timeline>li.timeline-inverted>.timeline-panel,.timeline>li>.timeline-panel{float:none}.timeline>li>.timeline-panel{width:calc(100% - 70px);margin-left:70px}.timeline>li>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}@media (max-width: 400px){.timeline>li>.timeline-panel{width:100%;margin-left:0}.timeline>li>.timeline-badge{left:100%;top:-4px;width:30px;height:30px;font-size:1rem}.timeline:before{display:none}.timeline>li>.timeline-panel:before,.timeline>li>.timeline-panel:after{display:none}}