 
  .ds-tabs-nav {
      display: flex;
      border-bottom: 2px solid #e0e0e0;
      margin-bottom: 20px;
  }

  .ds-tab-button {
      padding: 10px 20px;
      cursor: pointer;
      border: none;
      background: none;
      font-size: 16px;
      color: #333;
      transition: all 0.3s ease;
      position: relative;
  }

  .ds-tab-button:hover {
      color: #007BFF;
  }

  .ds-tab-button.active {
      color: #007BFF;
      font-weight: bold;
  }

  .ds-tab-button.active::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #007BFF;
  }

  .ds-tab-content {
      display: none;
      padding: 20px;
      border: 1px solid #e0e0e0;
      border-radius: 4px;
 
  }

  .ds-tab-content.active {
      display: block;
  }