:root{--pie-one-value:0;--pie-two-value:0;--pie-three-value:0;--pie-four-value:0}.test-scroll{min-height:100vh;background:#bae1ff}.single-pie{margin-bottom:45px}.single-pie .contain{max-width:148px;position:relative;margin:0 auto}.single-pie p{text-align:center;font-size:16px;color:#495867;line-height:1.4;margin-top:30px;padding:0 15px;font-weight:bold}.single-pie .pie-value{position:absolute;font-size:40px;font-family:"Source Sans Pro",sans-serif;text-align:center;color:white;font-weight:500;left:0;top:50%;z-index:1040 !important;height:48px;line-height:48px;width:100%;margin-top:-24px}.pie-shape{width:148px;height:148px;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);border-radius:50%;fill:#1e65b8;overflow:hidden;position:relative;left:0;top:0}.pie-shape circle{stroke:#195099;stroke-width:32;stroke-dasharray:0 100}#pieOne .pie-shape.animate circle{animation:fillupPieOne 750ms ease-out forwards}#pieTwo .pie-shape.animate circle{animation:fillupPieTwo 750ms ease-out forwards}#pieThree .pie-shape.animate circle{animation:fillupPieThree 750ms ease-out forwards}#pieFour .pie-shape.animate circle{animation:fillupPieFour 750ms ease-out forwards}@keyframes fillupPieOne{to{stroke-dasharray:var(--pie-one-value) 100}}@-webkit-keyframes fillupPieOne{to{stroke-dasharray:var(--pie-one-value) 100}}@-webkit-keyframes fillupPieOne{to{stroke-dasharray:var(--pie-one-value) 100}}@keyframes fillupPieTwo{to{stroke-dasharray:var(--pie-two-value) 100}}@-webkit-keyframes fillupPieTwo{to{stroke-dasharray:var(--pie-two-value) 100}}@-webkit-keyframes fillupPieTwo{to{stroke-dasharray:var(--pie-two-value) 100}}@keyframes fillupPieThree{to{stroke-dasharray:var(--pie-three-value) 100}}@-webkit-keyframes fillupPieThree{to{stroke-dasharray:var(--pie-three-value) 100}}@-webkit-keyframes fillupPieThree{to{stroke-dasharray:var(--pie-three-value) 100}}@keyframes fillupPieFour{to{stroke-dasharray:var(--pie-four-value) 100}}@-webkit-keyframes fillupPieFour{to{stroke-dasharray:var(--pie-four-value) 100}}@-webkit-keyframes fillupPieFour{to{stroke-dasharray:var(--pie-four-value) 100}}