.progress-with-text-main .progress-text-wrapper-main{display:flex;gap:50px;align-items:center;padding:40px;border-radius:12px;max-width:1000px;margin:0 auto}.progress-with-text-main .content p{margin:0;color:#fff;font-size:18px;line-height:28px}.progress-with-text-main .progress-text{font-size:18px;line-height:24px;font-weight:600}.progress-with-text-main .progress-text-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between;gap:50px}.progress-with-text-main .progress-text-inner{max-width:200px;color:#fff;flex-shrink:0;width:100%}.progress-with-text-main .custom-progress-bar{font-size:70px;font-weight:600;line-height:1}@-webkit-keyframes progress{0%{--percentage: 0}to{--percentage: var(--value)}}@keyframes progress{0%{--percentage: 0}to{--percentage: var(--value)}}@property --percentage{syntax: "<number>";inherits: true;initial-value: 0;}.progress-text-wrapper-main div[role=progressbar]{--percentage: var(--value);--primary: #fff;--secondary: transparent;--size: 150px;-webkit-animation:progress 2s .5s forwards;animation:progress 2s .5s forwards;width:var(--size);aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;display:-ms-grid;display:grid;place-items:center;flex-shrink:0}.progress-text-wrapper-main div[role=progressbar]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:conic-gradient(var(--primary) calc(var(--percentage) * 1%),var(--secondary) 0);-webkit-mask:radial-gradient(white 50%,transparent 0);mask:radial-gradient(white 50%,transparent 0);mask-mode:alpha;-webkit-mask:radial-gradient(#0000 50%,#000 0);-webkit-mask-mode:alpha}@media only screen and (max-width: 989px){.progress-with-text-main .progress-text-wrapper-main{padding:20px}.progress-with-text-main .progress-text-wrapper{gap:30px}.progress-text-wrapper-main div[role=progressbar]{--size: 100px}}@media only screen and (max-width: 749px){.progress-with-text-main .progress-text-wrapper-main{flex-direction:column;gap:20px;padding:20px}.progress-with-text-main .content{max-width:100%}.progress-with-text-main .progress-text-wrapper{max-width:100%;justify-content:center;gap:20px;flex-wrap:wrap}.progress-with-text-main .progress-text-inner{max-width:170px}.progress-with-text-main .content p,.progress-with-text-main .progress-text{font-size:16px}.progress-with-text-main .custom-progress-bar{font-size:55px}.progress-text-wrapper-main div[role=progressbar]:before{-webkit-mask:radial-gradient(white 45%,transparent 0);mask:radial-gradient(white 45%,transparent 0);mask-mode:alpha;-webkit-mask:radial-gradient(#0000 45%,#000 0);-webkit-mask-mode:alpha}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/section-progress-with-text.css.map */