.uti-cycle__card{justify-content:center;align-items:center;width:100%;min-height:476px;display:flex}.uti-cycle__circle-svg{aspect-ratio:1;border:6px solid #fdf1ef;border-radius:100%;justify-content:center;align-items:center;width:100%;max-width:370px;display:flex;position:relative}.uti-cycle__vicious-circle{aspect-ratio:1;background-color:#fff;border:1px solid #3d3140;border-radius:100%;justify-content:center;align-items:center;width:100%;max-width:230px;display:flex;position:relative}.uti-cycle__vicious-circle-title h2{color:#3d3140;text-align:center;font-family:var(--font-heading--family);letter-spacing:0;font-size:21.875px;font-weight:300;line-height:110%}.uti-cycle__vicious-circle-title h2 strong{font-weight:400}.uti-cycle__circles{aspect-ratio:1;--angle: calc(((360deg / var(--total-item)) * var(--circle-index)) - 90deg);width:100%;max-width:104px;transform:rotate(var(--angle)) translate(185px) rotate(calc(-1 * var(--angle)));opacity:0;background-color:#d5e9cd;border:1px solid #3d3140;border-radius:100%;justify-content:center;align-items:center;padding:10px;transition:all .5s ease-out;display:flex;position:absolute}.uti-cycle__circles.show{opacity:1}.uti-cycle__circles-arrow-svg-parent{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;rotate:40deg}.uti-cycle__circles-arrow-svg{--angle: calc(((360deg / var(--total-item)) * var(--svg-circle-index)) - 90deg);transform:rotate(var(--angle)) translate(181px) rotate(calc(0 * var(--angle)));opacity:0;transition:all .4s ease-in-out;position:absolute}.uti-cycle__circles-arrow-svg.show{opacity:1}.uti-cycle__circles-arrow-svg svg{width:24px;height:24px;rotate:190deg}.uti-cycle__circles-arrow-svg svg path{stroke-width:3px;stroke:#fdf1ef}.uti-cycle__circle-svgs{justify-content:center;align-items:center;width:29px;height:29px;display:flex}.uti-cycle__circle-text{color:#3d3140;text-align:center;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12.5px;font-weight:600;line-height:140%}.uti-cycle__circle-secondary-text{color:#3d3140;letter-spacing:0;opacity:0;width:100%;max-width:95px;padding-left:14px;padding-right:0;font-size:11.719px;font-weight:400;line-height:140%;transition:all .5s ease-out;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.uti-cycle__circle-secondary-text.show{opacity:1}.uti-cycle__circle-secondary-text.show_text_on_right{left:100%}.uti-cycle__circle-secondary-text-left{text-align:right;padding-left:0;padding-right:12px}.uti-cycle__beta-contant{margin-top:70px}@media screen and (max-width:1280px){.uti-cycle__card{min-height:380px}.uti-cycle__circle-svg{max-width:280px}.uti-cycle__vicious-circle{max-width:180px}.uti-cycle__vicious-circle-title h2{font-size:18px}.uti-cycle__circles{max-width:86px;transform:rotate(var(--angle)) translate(150px) rotate(calc(-1 * var(--angle)))}.uti-cycle__circles-arrow-svg{transform:rotate(var(--angle)) translate(136px) rotate(calc(0 * var(--angle)))}.uti-cycle__circle-text{font-size:10px}.uti-cycle__circle-secondary-text{max-width:96px;font-size:10px}.uti-cycle__beta-buttons{flex-direction:column}.uti-cycle__beta-contant{margin-top:30px}.uti-cycle .btn{max-width:100%}}@media screen and (max-width:989px){.uti-cycle__card{min-height:320px}.uti-cycle__circle-svg{max-width:240px}.uti-cycle__vicious-circle{max-width:130px}.uti-cycle__circles{max-width:78px;transform:rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle)));padding:5px}.uti-cycle__circles-arrow-svg{transform:rotate(var(--angle)) translate(116px) rotate(calc(0 * var(--angle)))}.uti-cycle__circles-arrow-svg svg{width:18px;height:18px}}@media screen and (max-width:749px){.uti-cycle__card{min-height:325px}.uti-cycle__circle-svg{border:4px solid #fdf1ef;max-width:250px}.uti-cycle__vicious-circle{max-width:154px}.uti-cycle__vicious-circle-title h2{font-size:14px}.uti-cycle__circles{max-width:70px;transform:rotate(var(--angle)) translate(128px) rotate(calc(-1 * var(--angle)))}.uti-cycle__circles-arrow-svg{transform:rotate(var(--angle)) translate(122px) rotate(calc(0 * var(--angle)))}.uti-cycle__circle-svgs{width:20px;height:20px}.uti-cycle__circle-text,.uti-cycle__circle-secondary-text{font-size:8px}.uti-cycle__beta-contant{margin-top:17px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/animate-circle-new.css.map */