.tabs-section {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
  }

  .tabs-section h2 {
    margin-bottom: 30px;
    font-size: 2rem;
    color: #333;
  }

  .tab-pane {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    margin-top: 20px;
  }

  canvas {
    max-width: 100%;
    height: 250px;
  }

  /* Active tab background color */
.nav-tabs .nav-link.active {
    background-color: #FFD700; /* yellow */
    color: #000; /* black text for contrast */
    border-color: #FFD700 #FFD700 #fff; /* optional, adjust bottom border */
}

/* Optional: hover effect on inactive tabs */
.nav-tabs .nav-link:hover {
    background-color: #FFE066; /* lighter yellow on hover */
    color: #000;
}