:root{--circles-padding:1rem;--circles-margin:1rem;--circles-gap:1rem}@media (max-width:640px){.circles .wrapper{width:100%}}@media (min-width:768px){.circles__mobile{display:none}}.circles__mobile .swiffy-slider{position:relative}.circles__mobile .swiffy-slider .slider-indicators{position:relative;left:0;right:0;margin-top:2.5rem;margin-top:calc(var(--circles-margin)*2.5)}.circles__mobile .swiffy-slider .slider-indicators li{background-color:var(--fade-black-50)}.circles__mobile .swiffy-slider .slider-indicators li.active{background-color:var(--color-black)}.circles__wrapper{display:none;max-width:68rem;margin:var(--margin-center)}@media (min-width:768px){.circles__wrapper{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:.5rem;gap:.5rem;grid-gap:calc(var(--circles-gap)*0.5);gap:calc(var(--circles-gap)*0.5)}}@media (min-width:1024px){.circles__wrapper{grid-gap:2rem;gap:2rem;grid-gap:calc(var(--circles-gap)*2);gap:calc(var(--circles-gap)*2)}}@media (min-width:1280px){.circles__wrapper{grid-gap:4rem;gap:4rem;grid-gap:calc(var(--circles-gap)*4);gap:calc(var(--circles-gap)*4)}}@media (min-width:768px){.circles__item{width:calc(33.33333% - .5rem)}}@media (min-width:1024px){.circles__item{width:calc(33.33333% - 2rem)}}@media (min-width:1280px){.circles__item{width:calc(33.33333% - 4rem)}}.circles__item .circle{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--color-black);color:var(--color-white);border-radius:50%;min-width:20px;min-height:20px;max-width:17.75rem;margin:var(--margin-center);padding:2.75rem;padding:calc(var(--circles-padding)*2.75)}@media (min-width:768px){.circles__item .circle{max-width:18.75rem;padding:2rem;padding:calc(var(--circles-padding)*2)}}@media (min-width:1024px){.circles__item .circle{padding:2.75rem;padding:calc(var(--circles-padding)*2.75)}}.circles__item .circle .info{text-align:center}.circles__item .circle .info p{font-size:1rem;margin-bottom:1rem;margin-bottom:var(--circles-margin)}@media (min-width:768px){.circles__item .circle .info p{font-size:.8rem}}@media (min-width:1024px){.circles__item .circle .info p{font-size:1rem}}.circles__item .circle .info p:last-of-type{margin-bottom:0}.circles__item .circle:after{content:"";display:inline-block;padding-top:100%;height:0}