/* **************************************** Donut stuff  **************************************** */
.pie-chart{
    position:relative;
    
    width:100%;
    display:flex;
    flex-direction: row;
    justify-content: center;
   
    flex-wrap: wrap;
}
.pie{
    width:100%;
   	aspect-ratio:1/1;
   
}
.pie canvas {
  width: 100% !important;
  height: 100% !important;
  background-color:transparent !important;
}

.key{
    width:100%;
	padding-top:30px; 
}
.key ul {
  
    list-style-type: none;
    padding:0;
    margin:0;
   
}
.key ul li{
	font-size:18px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	line-height: 1.2;
	margin-bottom: 8px;
	
}

.key ul li .col_box{
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	margin-top: 2px; /* adjusts alignment if needed */
	border-radius: 2px; /* optional */
}


@media only screen and (max-width: 515px) {
.key{ padding-top:20px; }
    .key ul li{font-size:16px; margin-bottom: 6px; }
	.key ul li .col_box{width: 18px; height: 18px; }
}