.radial-progress{background-color:rgba(45,115,246,.1);border-radius:50%;height:220px;width:220px}@media only screen and (max-width:640px){.radial-progress{height:180px;width:180px}}@media only screen and (max-width:640px) and (max-height:700px){.radial-progress{height:140px;width:140px}}.radial-progress .circle .fill,.radial-progress .circle .mask{height:220px;position:absolute;width:220px}@media only screen and (max-width:640px){.radial-progress .circle .fill,.radial-progress .circle .mask{height:180px;width:180px}}@media only screen and (max-width:640px) and (max-height:700px){.radial-progress .circle .fill,.radial-progress .circle .mask{height:140px;width:140px}}.radial-progress .circle .fill,.radial-progress .circle .mask{-webkit-backface-visibility:hidden;border-radius:50%;transition:transform 10s linear}.radial-progress .circle .mask{clip:rect(0,220px,220px,110px)}@media only screen and (max-width:640px){.radial-progress .circle .mask{clip:rect(0,180px,180px,90px)}}@media only screen and (max-width:640px) and (max-height:700px){.radial-progress .circle .mask{clip:rect(0,140px,140px,70px)}}.radial-progress .circle .mask .fill{clip:rect(0,110px,220px,0);background-color:#027aff}@media only screen and (max-width:640px){.radial-progress .circle .mask .fill{clip:rect(0,90px,180px,0)}}@media only screen and (max-width:640px) and (max-height:700px){.radial-progress .circle .mask .fill{clip:rect(0,70px,140px,0)}}.radial-progress .inset{background-color:#fbfbfb;border-radius:50%;height:200px;margin-left:10px;margin-top:10px;position:absolute;width:200px}@media only screen and (max-width:640px){.radial-progress .inset{height:160px;margin-left:10px;margin-top:10px;width:160px}}@media only screen and (max-width:640px) and (max-height:700px){.radial-progress .inset{height:120px;margin-left:10px;margin-top:10px;width:120px}}.radial-progress .inset .percentage{color:#222;font-size:48px;font-weight:900;left:36px;line-height:1;position:absolute;text-align:center;top:76px;width:128px}@media only screen and (max-width:640px){.radial-progress .inset .percentage{font-size:40px;left:27px;top:60px;width:106px}}@media only screen and (max-width:640px) and (max-height:700px){.radial-progress .inset .percentage{font-size:34px;left:7px;top:43px;width:106px}}.radial-progress[data-progress="100"] .circle .fill,.radial-progress[data-progress="100"] .circle .mask.full{transform:rotate(180deg)}.radial-progress[data-progress="100"] .circle .fill.fix{transform:rotate(1turn)}@keyframes reviews{0%{left:0}30%{left:0}35%{left:-100%}60%{left:-100%}65%{left:-200%}to{left:-200%}}