.animated_circle_wrap .top_content{margin:0 0 50px}.stats-container{display:flex;flex-direction:column-reverse;flex-wrap:wrap;gap:30px;justify-content:center;width:100%}.stat-item{align-items:center;display:flex;flex:1;max-width:323px}.ring-container{height:160px;margin-bottom:25px;padding-bottom:30px;position:absolute;right:0;top:0;transform:translateY(40px);width:160px}.ring{height:100%;transform:rotate(-90deg);width:100%}.ring-circle{cx:80;cy:80;fill:none;r:70;stroke-dasharray:440;stroke-dashoffset:440;stroke-width:11;transition:stroke-dashoffset 1.2s ease-out}.item_2 .ring-circle{stroke-width:9px}.item_3 .ring-circle{stroke-width:8px}.item_4 .ring-circle{stroke-width:7px}.bar-container{align-items:center;display:flex;position:relative;width:100%}.percentage-text{font-family:var(--primary-font);font-size:30px;font-weight:500;line-height:38px;margin-right:15px;opacity:0;transition:color .3s;transition:opacity .8s ease-out,transform .8s ease-out;white-space:nowrap}.bar{border-radius:4px;height:8px;left:100%;top:30px;transform:scaleX(0);transform-origin:right;transition:transform .8s ease-out .3s;width:100%;z-index:9}.bar,.bar:before{position:absolute}.bar:before{background-color:inherit;border-radius:100%;content:"";display:inline-block;height:20px;left:0;top:-6px;width:20px}.description{color:#2d3436;font-size:18px;line-height:22px;opacity:0;transform:translateX(-20px);transition:opacity .8s ease-out,transform .8s ease-out}.colors-control{background-color:#f8f9fa;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px;padding:20px}.color-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background-color .3s}.color-option:hover{background-color:#e9ecef}.color-label{color:#2d3436;font-weight:500}.color-box{border-radius:6px;box-shadow:0 3px 6px rgba(0,0,0,.1);cursor:pointer;height:30px;transition:transform .3s;width:30px}.color-box:hover{transform:scale(1.1)}.animate-btn{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:50px;box-shadow:0 5px 15px rgba(108,92,231,.4);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 35px;transition:transform .3s,box-shadow .3s}.animate-btn:hover{box-shadow:0 8px 20px rgba(108,92,231,.6);transform:translateY(-3px)}.animate-btn:active{transform:translateY(0)}@media (max-width:768px){.stats-container{gap:40px}.stat-item{min-width:100%}}.stat-item:first-child .ring-container{height:321px;right:127px;top:131px;width:321px}.stat-item:nth-child(2) .ring-container{height:405px;right:86px;top:88px;width:405px}.stat-item:nth-child(3) .ring-container{height:489px;right:45px;top:46px;width:489px}.stat-item:nth-child(4) .ring-container{height:580px;width:580px}.stat-item:nth-child(2) .bar{width:140%}.stat-item:first-child .bar{width:170%}.stat-item:nth-child(3) .bar{width:134%}.stat-item:nth-child(4) .bar{width:135%}.stats-wrapper{align-items:center;display:flex;height:580px;position:relative}.animated_circle_wrap .bt_Content>:last-child{margin-bottom:0}.animated_circle_wrap{overflow:hidden}.circle_icon{height:104px;opacity:0;position:absolute;right:20%;top:45%;transform:scale(.8);transition:opacity 1.2s ease-out,transform 1.2s ease-out;width:104px;z-index:9}.animated_circle_wrap .stat-item .description>span{font-weight:600}.animated_circle_wrap .bt_Content{padding:40px 0 0}@media (max-width:1259px){.bar{display:none}.ring-container{transform:translateX(-50%)}.stat-item{max-width:100%}.stats-wrapper{height:auto}.stats-container{margin-top:580px}.ring-container{left:50%;right:auto!important}.animated_circle_wrap .bt_Content{padding:50px 0 0}.circle_icon{right:44%;top:27%}}@media (max-width:767px){.circle_icon{right:41%;top:26%}}@media (max-width:597px){.ring-container{transform:translateX(-50%) scale(var(--scale-factor))}.circle_icon{height:80px;right:42%;top:27%;width:80px}}@media (max-width:419px){.circle_icon{right:40%;top:25%}}@media (max-width:350px){.circle_icon{right:36%;top:24%}}