c-progress{display:block;position:relative}.c-progress__bg{background:#c1c7ce;height:.25rem;position:relative}.c-progress__fill{background:#036fa6;height:100%;transition:width .3s ease-in-out}.c-progress__dots{position:relative}.c-progress__dot{background:#c1c7ce;border:3px solid #fff;border-radius:50%;height:15px;left:100%;position:absolute;top:50%;transform:translate(-50%,calc(-50% - 2px));width:15px;z-index:10}.c-progress__dot--active{background:#036fa6}.c-progress__indicator{align-items:center;background:#036fa6;border:4px solid #fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.5);display:flex;height:26px;justify-content:center;left:0%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .3s ease-in-out;width:26px;z-index:20}.c-progress__indicator:before{background:#fff;border-radius:50%;content:"";height:8px;width:8px}.c-progress__tooltip{background:#0d2b53;border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;left:50%;line-height:1;padding:10px 12px;position:absolute;top:-48px;transform:translateX(-50%)}@media(min-width:768px){.c-progress__tooltip{padding:10px 28px}}.c-progress__tooltip:before{border-color:#0d2b53 transparent transparent;border-style:solid;border-width:8px 8px 0;bottom:-8px;content:"";left:50%;position:absolute;transform:translateX(-50%)}