.custom-graph{font-family:Poppins,sans-serif;height:180px;margin:30% auto 7%;position:relative;width:360px}.custom-graph .chart1{background:conic-gradient(#eaeaea 0deg 45deg,#eaeaea 45deg 90deg,#ffd400 90deg 135deg,#eaeaea 135deg 180deg,transparent 180deg 1turn);border-radius:50%;height:360px;image-rendering:crisp-edges;-webkit-mask:radial-gradient(circle at center,transparent 0 70px,#000 70px),conic-gradient(#000 0deg 45deg,transparent 45deg 50deg,#000 50deg 90deg,transparent 90deg 95deg,#000 95deg 135deg,transparent 135deg 140deg,#000 140deg 180deg,transparent 180deg 1turn);-webkit-mask-composite:intersect;mask-composite:intersect;transform:rotate(-90deg);width:360px}.custom-graph .active-slice{background:conic-gradient(transparent 0deg 91deg,#ffd400 92deg 134deg,transparent 134deg 1turn);border-radius:50%;height:382px;image-rendering:crisp-edges;left:-3px;-webkit-mask:radial-gradient(circle at center,transparent 0 80px,#000 78px),conic-gradient(#000 89deg 138deg,transparent 129deg 1turn);-webkit-mask-composite:intersect;mask-composite:intersect;pointer-events:none;position:absolute;top:-22px;transform:rotate(-87deg);width:371px}.custom-graph .center-text{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;left:100px;line-height:15px;position:absolute;text-align:center;top:135px;width:160px}.custom-graph .badge{align-items:center;background:#efefef;border:4px solid #fff;border-radius:50%;color:#000;display:flex;font-size:18px;font-weight:600;height:53px;justify-content:center;position:absolute;width:53px}.custom-graph .badge.active{background:#ffd400;height:60px;width:60px}.custom-graph .badge.one{left:-14px;top:80px}.custom-graph .badge.two{left:88px;top:-22px}.custom-graph .badge.three{right:67px;top:-30px}.custom-graph .badge.four{right:-20px;top:90px}.custom-graph .label{color:#000;font-size:14px;font-weight:500;position:absolute}.custom-graph .label.one{left:-55px;top:44px}.custom-graph .label.two{left:54px;top:-60px}.custom-graph .label.three{right:50px;text-align:center;top:-70px}.custom-graph .label.four{right:-56px;top:53px}.Professional-percentage{align-items:center;display:flex;gap:15px;justify-content:center;position:relative}.center-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:99}.middle-management,.seniour-management{border:2px solid #fee491;border-radius:10px;padding:15px;position:relative;width:239px}.Inner-percentage{align-items:center;display:flex;gap:30px;position:relative}.percent{font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.percent:after{background-color:#fee491;content:"";height:40px;left:48px;position:absolute;top:0;width:2px}.studentrole{font-family:Poppins,sans-serif!important;font-size:13px!important;font-weight:500;margin:0!important;padding:0}@media (max-width:768px){.chart-wrapper.custom-graph{height:140px;width:260px}.Professional-percentage{flex-direction:column}.custom-graph .label.two{left:32px;top:-53px}.custom-graph .label.three{right:25px;text-align:center;top:-59px}.custom-graph .badge.one{left:-14px;top:56px}.custom-graph .center-text{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;left:50px;line-height:15px;position:absolute;text-align:center;top:81px}.custom-graph .label strong{font-weight:500}.custom-graph .badge.three{right:50px}.custom-graph .chart1{height:250px;position:relative;width:250px}.custom-graph .active-slice{height:315px;image-rendering:crisp-edges;left:-3px;position:absolute;top:-37px;width:258px}.custom-graph .badge,.custom-graph .badge.active{font-size:11px;height:45px!important;width:45px!important}.custom-graph .label{font-size:12px}.custom-graph .label.one{left:-39px;top:21px}.custom-graph .badge.two{left:55px}.custom-graph .badge.four{right:-10px;top:64px}.custom-graph .label.four{right:-39px;top:36px}}