.container__steps{display:flex;height:3.5vw;flex-direction:column;justify-content:center;align-items:center}@media (max-width:580px){.container__steps{margin-top:50px}}.container__steps .container__progress-steps{display:flex;flex-wrap:nowrap;justify-content:space-between;position:relative;max-width:100%;width:500px;margin:15px 0;margin-top:100px}@media (max-width:580px){.container__steps .container__progress-steps{width:80%}}.container__steps .container__progress-steps:before{position:absolute;content:"";width:100%;height:3px;top:50%;left:0;transform:translate(0,-50%);background-color:#f0f0f2;z-index:-1}.container__steps .step-progression{position:absolute;width:25%;height:3px;top:50%;left:0;transform:translate(0,-50%);background-color:#7197ca;transition:width .4s ease-in;z-index:1}.container__steps .step-number{width:70px;height:70px;border:3px solid #f0f0f2;border-radius:50%;text-align:center;display:flex;justify-content:center;align-items:center;background:#fff;z-index:1;transition:border .4s ease-in}@media (max-width:580px){.container__steps .step-number{width:65px;height:65px;font-size:12px}}.container__steps .step-number.active{border:3px solid #7197ca;color:#7197ca}