.benefits .benefits__shapes{position:absolute;top:0;left:50%;width:100%;height:100%;display:none;justify-content:center;align-items:center;text-align:center;max-width:30rem;transform:translateX(-50%)}.benefits.visible .benefits__shapes{transform:translateX(-50%) scale(1)}.benefits .benefits__shape,.benefits .benefits__shape:after,.benefits .benefits__shape:before{position:absolute;top:50%;left:50%;width:var(--shape-size);height:var(--shape-size);transform:translate(-50%,-50%);border:1px solid;border-radius:50%;pointer-events:none;filter:blur(1px)}html.js :is(.benefits .benefits__shape,.benefits .benefits__shape:before,.benefits .benefits__shape:after){transform:translate(-50%,-50%) scale(0);transition:transform .6s;transition-timing-function:cubic-bezier(.3,.6,.5,1);transition-delay:0.4s}.benefits .benefits__shape:after,.benefits .benefits__shape:before{content:''}.benefits .benefits__shape{--shape-size:47rem;border-color:rgba(var(--color-text),.12)}.benefits .benefits__shape:before{--shape-size:54rem;border-color:rgba(var(--color-text),.07)}.benefits .benefits__shape:after{--shape-size:40rem;border-color:rgba(var(--color-text),.17)}.benefits .benefits__benefit{transition:var(--transition);transition-duration:.8s;transition-delay:0.5s}html.js :is(.benefits.visible .benefits__shape,.benefits.visible .benefits__shape:before,.benefits.visible .benefits__shape:after){transform:translate(-50%,-50%) scale(1)}html.js .benefits .benefits__benefit>*{opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity .5s,visibility .5s,transform .7s;transition-timing-function:cubic-bezier(.3,.6,.5,1);transition-delay:0.8s}html.js .benefits .benefits__benefit>:nth-child(2){transition-delay:0.9s}html.js .benefits .benefits__benefit-counter,html.js .benefits .benefits__benefit-heading{transform:scale(0);transition:transform .5s;transition-timing-function:cubic-bezier(.3,.6,.5,1);transition-delay:1s}html.js .benefits.visible .benefits__benefit>*{opacity:1;visibility:visible;transform:translateY(0)}html.js .benefits.visible .benefits__benefit-counter,html.js .benefits.visible .benefits__benefit-heading{transform:scale(1)}@media screen and (min-width:1025px){.benefits .benefits__shapes{display:flex;max-width:22rem}.benefits .benefits__shape{--shape-size:43rem}.benefits .benefits__shape:before{--shape-size:50rem}.benefits .benefits__shape:after{--shape-size:36rem}.benefits .grid-custom-item:nth-of-type(2n) .benefits__benefit{margin-left:auto}html.js .benefits .grid-custom-item:first-of-type .benefits__benefit{transform:translate(25%,25%)}html.js .benefits .grid-custom-item:nth-of-type(2) .benefits__benefit{transform:translate(-25%,25%)}html.js .benefits .grid-custom-item:nth-of-type(3) .benefits__benefit{transform:translate(25%,-25%)}html.js .benefits .grid-custom-item:nth-of-type(4) .benefits__benefit{transform:translate(-25%,-25%)}html.js .benefits.visible .grid-custom-item .benefits__benefit{transform:translate(0)!important}}@media screen and (min-width:1200px){.benefits .benefits__shapes{max-width:30rem}.benefits .benefits__shape{--shape-size:47rem}.benefits .benefits__shape:before{--shape-size:54rem}.benefits .benefits__shape:after{--shape-size:40rem}}