.percent-circles{padding:120px 0;text-align:center}.percent-circles.bg-Black{background:#000;color:#fff}.percent-circles h2{font-size:18px;font-weight:bold;letter-spacing:.2em;position:relative;padding:13px 0;text-transform:uppercase;margin-bottom:48px}.percent-circles h2:before,.percent-circles h2:after{content:' ';background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NyIgaGVpZ2h0PSIyIj48bGluZSB4Mj0iNTciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M5YzljOSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+') no-repeat center top;position:absolute;left:0;width:100%;height:2px}.percent-circles h2:before{top:0}.percent-circles h2:after{bottom:0}.percent-circles p{font-size:18px;line-height:36px;margin-bottom:50px}.percent-circles .circles{display:flex;flex-wrap:wrap;justify-content:center}.percent-circles .circles .circle{flex:0 0 33.33%;padding:0 30px 30px}.percent-circles .circles .circle span{display:block;margin:0 auto;font-size:18px}.percent-circles .circles .circle span.percent{font-size:100px;font-weight:200;color:#1e8dc7;width:290px;height:290px;padding-top:100px;position:relative;margin-bottom:33px}.percent-circles .circles .circle span.percent svg{position:absolute;top:0;left:0}.percent-circles .circles .circle span.percent svg circle{stroke-width:6;fill:transparent;transform-origin:50% 50%;transform:rotate(-90deg);stroke-linecap:round}.percent-circles .circles .circle span.percent svg.bg circle{stroke:#000}.percent-circles.bg-Black .circles .circle span.percent svg.bg circle{stroke:#fff}.percent-circles .circles .circle span.percent svg.front circle{stroke:#1e8dc7;stroke-width:7}.percent-circles .circles .circle span.big{font-weight:bold;text-transform:uppercase;line-height:30px;letter-spacing:.2em}.percent-circles .circles .circle span.small{line-height:30px;font-weight:normal}@media(max-width:1024px){.percent-circles .circles .circle{flex:0 0 50%}}@media(max-width:768px){.percent-circles .circles{display:block}}