/* Container */
.timeline-wrapper-mob{max-width:320px;margin:auto}
svg{width:100%;height:auto}

/* Hidden state */
.mcircle,.mcircle-text{opacity:0;transition:transform .2s ease,opacity .2s ease}
.line{stroke:#bbb;stroke-width:4;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0;}
.mcircle {
       -webkit-filter: drop-shadow( 2px 2px 3px rgba(0, 0, 0, .3));
  filter: drop-shadow( 2px 2px 3px rgba(0, 0, 0, .3));
  }
.image {
    opacity: 0;
    
  }
/* Draw animation for lines */
@keyframes draw{to{stroke-dashoffset:0;opacity:1;transform:scale(1)}}
@keyframes show {
    to {
      opacity: 1;
    }
  }
.animate-line{animation:draw .2s forwards}
.animate-show{opacity:1;}
.animate-image {animation: show 0.2s forwards;}

.mcircle-text tspan{fill:#121111;font-size:15px;font-weight:700;text-anchor:middle;dominant-baseline:middle}