.timeline{position:relative;margin:2rem auto;padding-left:0;--tl-line-x:.75rem;--tl-dot-size:14px}.timeline::before{content:"";position:absolute;left:var(--tl-line-x);top:.25rem;bottom:.25rem;width:2px;background:#dee2e6;border-radius:2px;transform:translateX(-50%)}.timeline .timeline__item{position:relative;margin-bottom:1.25rem;padding-left:var(--tl-pad)}.timeline .timeline__item .timeline__dot{position:absolute;left:var(--tl-line-x);top:50%;width:var(--tl-dot-size);height:var(--tl-dot-size);transform:translateX(-50%) translateY(-50%);border-radius:50%;background:#4db848;box-shadow:0 0 0 4px rgba(77,184,72,.15)}.timeline .timeline__item .timeline__content{margin-left:2rem;border-radius:5px;border:1px solid #dee2e6;transition:all .3s ease-in-out}.timeline .timeline__item .timeline__content .card-body{padding:1rem}.timeline .timeline__item .timeline__content .timeline__thumb{width:100%;height:auto;display:block}.timeline .timeline__item .timeline__content .timeline__desc p{margin-bottom:.5rem}@media (min-width:768px){.timeline .timeline{--tl-pad:3rem}.timeline .timeline .timeline__content{margin-left:2.5rem}}