.step-container{display:flex;justify-content:center;align-items:center;position:relative}.step{margin-right:-20px;width:100px;padding:.375rem}@media (min-width:768px){.step{margin-right:-40px;width:280px;padding:9px}}.step{text-align:center;background-color:#f5f5f5;font-size:15px;color:#3c3c3c;position:relative;z-index:1;transition:background-color .3s ease,color .3s ease}.step.completed{background-color:#495a70;color:#fff;z-index:2;border-radius:20px;border-top-right-radius:0;border-bottom-right-radius:0}.step.active{color:#fff;z-index:10;border-radius:20px}.step.active,.step.active:not(:last-child):after{background-color:#1d3354}.step:not(.active):not(.completed){background-color:#f0f0f0;color:#666}.step:last-child{margin-right:0;border-radius:20px}