.mobilmenu {
      transition: 0.6s ease-in;
  }

  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

  body {
      font-family: 'Inter', sans-serif;
      background-color: #f8fafc;
      color: #1e293b;
  }

  .chart-container {
      position: relative;
      width: 100%;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      height: 300px;
      max-height: 400px;
  }

  @media (min-width: 768px) {
      .chart-container {
          height: 350px;
      }
  }

  .nav-btn.active {
      background-color: #eff6ff;
      color: #2563eb;
      font-weight: 600;
  }

  .nav-btn {
      transition: all 0.2s ease-in-out;
      white-space: nowrap;
  }

  .hide-scrollbar::-webkit-scrollbar {
      display: none;
  }

  .hide-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
  }

  .hidden-section {
      display: none;
  }

  .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
  }

  .accordion-content.open {
      max-height: 500px;
  }

  .toggle-btn.active {
      background-color: #3b82f6;
      color: white;
  }