piechart-good

<div class=\"styles_title__1JkD1\">
Programme Type</div>
<div class=\"recharts-responsive-container\" style=\"width: 100%; height: 108px;\" width=\"184\" height=\"108\">
<div class=\"recharts-wrapper\" style=\"position: relative; cursor: default; width: 184px; height: 108px;\">
<svg cx=\"50%\" cy=\"50%\" class=\"recharts-surface\" width=\"184\" height=\"108\" viewBox=\"0 0 184 108\" version=\"1.1\">
<defs>
<clipPath id=\"recharts1-clip\">
<rect x=\"5\" y=\"5\" height=\"98\" width=\"91.58332824707031\">
</rect>
</clipPath>
</defs>
<g class=\"recharts-layer recharts-pie\">
<g class=\"recharts-layer\">
<g class=\"recharts-layer recharts-pie-sector\">
<path name=\"Multilateral\" stroke=\"#fff\" fill=\"#f5333f\" cx=\"50.791664123535156\" cy=\"54\" class=\"recharts-sector\" d=\"M 50.79166412353517,17.366668701171875\n    A 36.633331298828125,36.633331298828125,0,\n    0,1,\n    86.5065213229667,45.84831690545366\n  L 50.791664123535156,54 Z\">
</path>
</g>
<g class=\"recharts-layer recharts-pie-sector\">
<path name=\"Bilateral\" stroke=\"#fff\" fill=\"#f7969c\" cx=\"50.791664123535156\" cy=\"54\" class=\"recharts-sector\" d=\"M 86.5065213229667,45.84831690545366\n    A 36.633331298828125,36.633331298828125,0,\n    1,1,\n    50.79166412353512,17.366668701171875\n  L 50.791664123535156,54 Z\">
</path>
</g>
</g>
</g>
</svg>
<div class=\"recharts-legend-wrapper\" style=\"position: absolute; width: auto; height: auto; right: 5px; top: 33px;\">
<ul class=\"recharts-default-legend\" style=\"padding: 0px; margin: 0px; text-align: left;\">
<li class=\"recharts-legend-item legend-item-0\" style=\"display: block; margin-right: 10px;\">
<svg class=\"recharts-surface\" width=\"8\" height=\"8\" style=\"display: inline-block; vertical-align: middle; margin-right: 4px;\" viewBox=\"0 0 32 32\" version=\"1.1\">
<path fill=\"#f5333f\" cx=\"16\" cy=\"16\" type=\"circle\" class=\"recharts-symbols\" transform=\"translate(16, 16)\" d=\"M16,0A16,16,0,1,1,-16,0A16,16,0,1,1,16,0\">
</path>
</svg>
<span class=\"recharts-legend-item-text\" style=\"color: rgb(245, 51, 63);\">
Multilateral</span>
</li>
<li class=\"recharts-legend-item legend-item-1\" style=\"display: block; margin-right: 10px;\">
<svg class=\"recharts-surface\" width=\"8\" height=\"8\" style=\"display: inline-block; vertical-align: middle; margin-right: 4px;\" viewBox=\"0 0 32 32\" version=\"1.1\">
<path fill=\"#f7969c\" cx=\"16\" cy=\"16\" type=\"circle\" class=\"recharts-symbols\" transform=\"translate(16, 16)\" d=\"M16,0A16,16,0,1,1,-16,0A16,16,0,1,1,16,0\">
</path>
</svg>
<span class=\"recharts-legend-item-text\" style=\"color: rgb(247, 150, 156);\">
Bilateral</span>
</li>
</ul>
</div>
<div class=\"recharts-tooltip-wrapper recharts-tooltip-wrapper-right recharts-tooltip-wrapper-bottom\" style=\"pointer-events: none; visibility: hidden; position: absolute; top: 0px; left: 0px; transform: translate(10px, 10px);\">
<div class=\"recharts-default-tooltip\" style=\"margin: 0px; padding: 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); white-space: nowrap;\">
<p class=\"recharts-tooltip-label\" style=\"margin: 0px;\">
</p>
</div>
</div>
</div>
</div>