.circular-card{width:220px;text-align:center;color:#fff;margin:20px auto}.circular-card .circular-counter{position:relative;width:160px;height:160px;margin:0 auto 15px}.circular-card svg{transform:rotate(-90deg);width:160px;height:160px}.circular-card circle{fill:none;stroke-width:12}.circular-card circle.bg{stroke:#ddd;opacity:.3}.circular-card circle.progress{stroke:#c1272d;stroke-linecap:round;transition:none}.circular-card .counter-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:700;color:#fff}.circular-card .title{font-size:18px;font-weight:600;margin-bottom:5px}.circular-card .subtitle{font-size:14px;opacity:.8}