.stat__wrapper{flex-direction:column;max-width:500px;row-gap:30px;text-align:center}.circular-progress,.stat__wrapper{align-items:center;display:flex;position:relative}.circular-progress{background:conic-gradient(#5618d4,#1f58f2,#099bf0,#00b3cf,#7cbf3d 0deg,#eaeaec 0deg);border-radius:50%;height:200px;justify-content:center;width:200px}.circular-progress:before{border-radius:50%;content:"";height:180px;position:absolute;width:180px}.stat-value{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:-webkit-linear-gradient(1turn,#5618d4,#1f58f2,#099bf0);background:linear-gradient(1turn,#5618d4,#1f58f2,#099bf0);-webkit-background-clip:text;display:block;font-size:3.5rem;font-weight:700;left:50%;line-height:3.5rem;min-width:180px;position:relative;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.stat__wrapper .circular-progress{background:-webkit-conic-gradient(#099bf0,#7cbf3d,#00b3cf,#1f58f2,#5618d4 0deg,#fff 0deg);background:conic-gradient(#099bf0,#7cbf3d,#00b3cf,#1f58f2,#5618d4 0deg,#fff 0deg);-webkit-clip-path:circle(49% at center);clip-path:circle(49% at center);-webkit-mask-image:radial-gradient(circle at center,transparent 62%,#000 63%);mask-image:radial-gradient(circle at center,transparent 62%,#000 63%)}.stat-value:after{content:"%"}.stat__wrapper.dark-bg .circular-progress.bg-navy .stat-value{-webkit-text-fill-color:#fff;text-fill-color:#fff;background-color:#060f42}.stat__wrapper.dark-bg .stat-text{color:#fff}.stat__wrapper.dark-bg .stat-value{-webkit-text-fill-color:transparent;background:#fff;-webkit-background-clip:text}.stat-text{color:#060f42;font-size:1.5rem;font-weight:700;letter-spacing:-.24px;line-height:2.125rem;width:100%}.stat--horizontal{flex-direction:row;gap:30px;text-align:left}@media(max-width:800px){.stat--horizontal{align-items:flex-start;flex-direction:column}}