.stepbar{padding:24px;margin:0 0 20px;background-color:#eee;border-radius:10px;display:flex;flex-direction:column}.stepbar ol{display:flex;align-items:flex-start;justify-content:space-around;gap:0}.stepbar ol li{position:relative;z-index:2;width:calc(25% - 24px);display:flex;align-items:center;justify-content:center;flex-direction:column}.stepbar ol li .step_number{background-color:#db2a2a;color:#fff;width:48px;height:48px;border-radius:50%;text-align:center;margin-bottom:1em;padding:10px 4px;font-size:.8rem;font-weight:700;text-transform:uppercase}.stepbar ol li:not(:last-child):after{content:"";position:absolute;z-index:-1;top:24px;left:60%;width:100%;height:1px;background-image:linear-gradient(90deg,#db2a2a,#db2a2a 2px,transparent 0,transparent 8px);background-size:6px 2px;background-position:0 100%;background-repeat:repeat-x}.stepbar ol li .step_number span{display:block;text-align:center;font-size:1.5rem;margin:-6px 0 0}.stepbar ol li .item{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px}@media screen and (max-width:768px){.stepbar{padding:16px 4px;margin:20px 0;background-color:#eee;border-radius:10px;display:flex;flex-direction:column}.stepbar ol li .step_number{width:40px;height:40px;padding:8px 5px}.stepbar ol li .step_number span{font-size:1.25rem;margin:-5px 0 0}.stepbar ol li .item{font-size:10px;line-height:1.25;letter-spacing:.035em}}