.circle_progress_box .wrapper_circle *{margin:0;padding:0;box-sizing:border-box;font-family:'Roboto Condensed',Arial,sans-serif}.circle_progress_box .wrapper_circle{width:150px;margin:auto!important}.circle_progress_box .wrapper_circle .card{background:#fff;height:150px;border-radius:5px}.circle_progress_box .wrapper_circle .card .circle{position:relative;height:150px;width:150px;border-radius:50%;cursor:default}.circle_progress_box .wrapper_circle .card .circle .box{position:absolute;top:50%;left:50%;height:100%;width:100%;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(.8);transition:.2s}.circle_progress_box .wrapper_circle .circle .box span{font-size:38px;font-family:'Roboto Condensed',Arial,sans-serif;font-weight:600;display:block;position:absolute;top:50%;left:0;width:100%;transform:translate(0,-45%)}.pink_circle_progress .card .circle .box span,.pink_circle_progress .circle_progress_title{background:-webkit-linear-gradient(left,#a445b2,#fa4299)}.blue_circle_progress .card .circle .box span,.blue_circle_progress .circle_progress_title{background:-webkit-linear-gradient(left,#02a7fd,#0241c1)}.red_circle_progress .card .circle .box span,.red_circle_progress .circle_progress_title{background:-webkit-linear-gradient(left,#fc054b,#fd820b)}.circle_progress_box .circle_progress_title{display:inline-block;font-size:28px;font-weight:700;text-align:center;padding-bottom:14px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.circle_progress_box .wrapper_circle .card .circle .box span{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}