.chart-container {
  height: 100vh;
  width: 100%;
  max-width: 1200px;
  position: sticky;
  top: 0;
}

svg {
  background-color: transparent;
}

text {
  font-family: 'Poppins', sans-serif;
}

.title-text {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  fill:#013732;
}

.subtitle-text {
  font-family: 'Poppins', sans-serif;
  font-style: italic;
  font-weight: 400;
}

.bubble-amount {
  font-weight: 600;
  fill: #000;
}

.main-amount {
  font-weight: 400; /* Regular weight for main bubble */
  fill: #000;
}

.bubble-category {
  font-weight: 300;
  fill: #333;
}

.connection-line {
  stroke: #999;
  stroke-width: 1;
  stroke-opacity: 0.6;
  fill: none;
}
.bubble-image{
  opacity: 0.9;
}

@media (max-width: 1025px) {
  .chart-container{
    height: 70vh;
  }
}
/* Responsive */
@media screen and (max-width: 768px) {
  .chart-container{

  }
}