.progressbar{display:flex;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;color:#fff}.progressbar-icon svg{text-align:center;width:30px;height:30px;line-height:25px;display:block;font-size:20px;color:#fff;background:#9da3a7;border-radius:50%;margin:10px;padding:5px}.active svg{background:#ee1a16!important}.progressbar-icon{position:relative;z-index:1}.progressbar-icon:before{content:"";border-top:2px solid #dfdfdf;margin:0 auto;position:absolute;top:50%;left:0;right:0;bottom:0;width:100%;z-index:-1}.search-bar{width:100%;height:50px;max-width:500px;display:flex;align-items:center;padding:5px;margin-right:auto;margin-left:auto;border:1px solid #b5b1b1;border-radius:40px;box-shadow:0 6px 8px #00000026;background:#fff}.search-bar:focus{box-shadow:0 3px 4px #00000026}.search-bar input{background:none;flex:1;padding:10px;font-size:16px;color:#343a40;border-radius:50px;width:195px;border:1px solid #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}::placeholder{color:gray}.search-bar button{height:20px;width:20px;padding:0;margin:10px 10px 17px;border:none;background:none;outline:none!important;cursor:pointer;color:#626e7a}.counter-container{display:flex;justify-content:start;margin:.8rem 0}.circle-controller{width:1rem;height:1rem;background-color:#fff;color:#343a40;display:flex;justify-content:center;align-items:center;font-size:14px;border-radius:50%;cursor:pointer;margin:0 10px;border:1px solid #343a40}.counter-input{width:40px;height:20px;text-align:center;font-size:12px;border-radius:5px;border:1px solid #bbb}