/*  #chart-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 50px;
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
} */
.svg-container {
  overflow-x: auto;
  overflow-y:hidden;
  scrollbar-width: thin;
  scrollbar-color: #060F76 #FFF;
  -webkit-overflow-scrolling: touch;
  width: 100%; 
}
.tab-arc.active{
  pointer-events:all;
  
}
svg.icon-information{
height:48px;
width:48px;
}
.svg-container::-webkit-scrollbar {
  height: 12px;
}
.svg-container::-webkit-scrollbar-thumb {
  background: linear-gradient(351deg, #060F76 7.03%, #1D5EDC 84.62%);
  border-radius: 6px;
  border: 2px solid #FFF;
}
.svg-container::-webkit-scrollbar-track {
  background: #FFF; 
  border-radius: 6px;
}
svg {
  display: block;
  margin: auto;
}
#popup-chart-container{
  padding:16px 16px 9px 42px;
  max-width:287px;
  border-radius: 20px;
  background: rgba(245, 245, 245, 0.54);
  backdrop-filter: blur(22px);
}

.arc {
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s;
  pointer-events:all;
}

.arc.active {
  opacity: 1;
}

/* Tab Arc Styles */
.tab-arc {
  font-size: 12px;
  fill: #F6F6F6;
  text-anchor: middle;
  dominant-baseline: middle;
  opacity: 0.6;
  transition: opacity 0.3s;
 cursor:pointer;
} 
.tab-arc.tab-arc-alternate{
  fill: #F1F1F1;
} 
/* Filter for box shadow effect */
.tab-arc.selected {
  opacity: 1;
  /*             filter: url(#boxShadow); */ 
}

#center {
  fill: #1e2a47;
  font-size: 18px;
  font-family: sans-serif;
  text-anchor: middle;
  dominant-baseline: middle;
  cursor: pointer;
}

.section-label {
  font-size: 34px;
  fill: white;
  text-anchor: middle;
  dominant-baseline: middle;
  font-weight: bold;
  pointer-events:none;
}

.tab-text {
  white-space: pre-wrap; /* Ensures the <br> tag is respected */
  word-wrap: break-word; /* Breaks long words to fit within the container */
  text-align:center;
  fill: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  pointer-events:none;
  text-anchor: middle;
}