.gradient-box{background:rgba(0,3,6,.25);padding:20px;border-radius:15px;text-align:center;color:#fff;max-width:800px;margin:0 auto;height:130px}.progress-bar-container{position:relative;width:55%;margin:50px auto 20px}.tooltip{position:absolute;background:#197bdd;color:#fff;padding:10px;border-radius:4px;font-size:12px;text-align:center;white-space:nowrap;box-shadow:0 4px 6px rgba(0,0,0,.2);top:40px;transform:translate(-12%)}.tooltip:after{content:"";position:absolute;bottom:100%;left:15px;transform:translateX(0);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #197bdd}.tooltip-amount{font-size:1.4rem}@media (max-width:600px){.tooltip{top:78px;width:100px}.tooltip,.tooltip:after{transform:translateX(-50%)}.tooltip:after{left:50%}.tooltip-amount{font-size:1.5rem}}.tooltip-amount{color:white;padding:5px 10px;border-radius:6px;font-size:2.5rem;font-weight:700;margin-top:5px}.styled-slider .MuiSlider-thumb{background-color:white;width:18px;height:18px;border:2px solid #197bdd}.styled-slider .MuiSlider-track{border:none;background-color:#197bdd}.styled-slider .MuiSlider-rail{background:white;opacity:1}@media (min-width:1600px){.progress-bar-container{max-width:800px;margin:0 auto;padding:20px 0}.tooltip{top:60px}}@media (max-width:600px){.progress-bar-container{width:80%;max-width:900px;margin:0 auto;padding:40px 0}.tooltip-amount{font-size:1.3rem}.gradient-box{padding:28px 20px 20px}}