.wedding-timeline{margin:1rem 0 0;padding:0;position:relative}
.wedding-timeline .timeline-item{position:relative}
/* desktop centered line */
.wedding-timeline::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:2px;background:var(--bs-border-color)}
.wedding-timeline .circle{display:inline-block;width:160px;height:160px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 4px 30px rgba(0,0,0,.06)}
.wedding-timeline .circle img{width:100%;height:100%;object-fit:cover}
.wedding-timeline .bar{width:2px;height:60px;background:var(--bs-border-color);margin:28px auto 0 auto}
.wedding-timeline .bar.end{height:0}
.timeline-item{padding:1.75rem 0}

/* hide vertical bar on the last item */
.timeline-item:last-child .bar{display:none!important}

/* mobile final */
@media (max-width: 767.98px){
  :root{ --m-circle: 92px; --m-col: 86px; --m-line-x: 38px; --m-node-top: .3rem; }
  .wedding-timeline::before{ display:none!important }
  .wedding-timeline .bar{ display:none!important }
  .wedding-timeline .timeline-item{
    display:block; min-height:var(--m-circle);
    padding:16px 0 20px calc(var(--m-col) + 8px);
  }
  .wedding-timeline .timeline-item::before{
    content:""; position:absolute; left:var(--m-line-x); top:0; bottom:0; width:2px; background:var(--bs-border-color);
  }
  .wedding-timeline .timeline-item .col-md-2{ position:absolute; left:0; top:0; width:var(--m-col); height:100%; padding:0!important }
  .wedding-timeline .timeline-item .circle{
    position:absolute; left:calc(var(--m-line-x) - var(--m-circle)/2); top:var(--m-node-top);
    width:var(--m-circle); height:var(--m-circle);
  }
  .wedding-timeline .timeline-item .col-md-5{ padding-left:0!important; text-align:left!important }
  .wedding-timeline .timeline-item .btn{ width:100% }
}

/* Hide bar/line on LAST timeline item (desktop + mobile) */
.timeline-item:last-child .bar{ display:none !important; }
.timeline-item:last-child::before{ display:none !important; }

/* Hide bar/line on LAST timeline item for all contexts */
.timeline-item:last-child .bar{display:none!important}
.timeline-item:last-child::before{display:none!important}
