.time-line{--timeline-color:var(--brinker-red);--text-color:var(--white)}.time-line--red{--timeline-color:var(--brinker-red)}.time-line--dark{--timeline-color:var(--professional-navy)}.time-line--blue{--timeline-color:var(--trust-blue)}.time-line--green{--timeline-color:var(--success-green)}.time-line--yellow{--timeline-color:var(--professional-gold);--text-color:var(--deep-charcoal)}.time-line__container{display:flex;flex-direction:column;gap:2rem;position:relative}.time-line__container:before{background:var(--timeline-color);bottom:0;content:"";position:absolute;right:1.5rem;top:0;width:2px}.time-line__item{align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr auto;position:relative}.time-line__item:last-child:after{background:var(--timeline-color);content:"";height:var(--padding-bottom);position:absolute;right:1.5rem;top:100%;transform:translateX(50%);width:2px}.time-line__badge{align-items:center;background:var(--timeline-color);border-radius:var(--border-radius--small);box-shadow:var(--short-shadow);display:flex;flex-shrink:0;grid-column:2;height:3rem;justify-content:center;position:relative;width:3rem;z-index:1}.time-line__number{color:var(--text-color);font-size:1.25rem;font-weight:700;line-height:1}.time-line__content{grid-column:1;grid-row:1;text-align:left}.time-line__title{color:var(--deep-charcoal);margin-block:0 .75rem}.time-line__body{color:var(--medium-grey);margin-block:0 1rem}.time-line__body p{margin-block:0 .5rem}.time-line__body p:last-child{margin-block-end:0}@media (min-width:768px){.time-line__container:before{left:50%;right:auto;transform:translateX(-50%)}.time-line__item{gap:2rem;grid-template-columns:1fr auto 1fr}.time-line__item:nth-child(odd) .time-line__badge{grid-column:2;grid-row:1}.time-line__item:nth-child(odd) .time-line__content{grid-column:1;grid-row:1;text-align:right}.time-line__item:nth-child(2n) .time-line__badge{grid-column:2;grid-row:1}.time-line__item:nth-child(2n) .time-line__content{grid-column:3;grid-row:1;text-align:left}.time-line__item:last-child:after{left:50%;right:auto;transform:translateX(-50%)}}