.timeline{align-items:stretch;display:flex}.timeline.left{flex-direction:row-reverse}.timeline.right{flex-direction:row}.timeline-space{width:calc(50% - 2px)}.timeline-line{background:var(--primary-color);z-index:400;width:4px;position:relative}.timeline-line:before{content:" ";background:var(--primary-lighter-color);border:3px solid var(--light-color);z-index:400;border-radius:50%;width:14px;height:14px;display:inline-block;position:absolute;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 0 5px #0003}.timeline.first .timeline-line{border-top-left-radius:1rem;border-top-right-radius:1rem}.timeline.last .timeline-line{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.timeline-item{width:calc(50% - 2px);padding-top:1rem;padding-bottom:1rem}.timeline.left .timeline-item{padding-right:1rem}.timeline.right .timeline-item{padding-left:1rem}.timeline-card{background:var(--primary-lighter-color);border-radius:10px;padding:1rem;position:relative}.timeline.left .timeline-item .timeline-card:after{content:" ";border-top:.5rem solid #0000;border-left:.5rem solid var(--primary-lighter-color);border-bottom:.5rem solid #0000;display:block;position:absolute;top:1rem;right:-.5rem}.timeline.right .timeline-item .timeline-card:after{content:" ";border-top:.5rem solid #0000;border-right:.5rem solid var(--primary-lighter-color);border-bottom:.5rem solid #0000;display:block;position:absolute;top:1rem;left:-.5rem}@media only screen and (max-width:768px){.timeline{flex-direction:row!important}.timeline-item{padding-right:0!important}.timeline-space{width:0!important}.timeline-item{width:100%;padding-left:1rem!important}.timeline-card:after{border-right:.5rem solid var(--primary-lighter-color)!important;border-left:none!important;left:-.5rem!important;right:auto!important}}