
.bold {
    font-weight: 600;
  }

  .responsive {
    display: none;
  }

  .vertical-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
    padding-right: 20px;
  }

  .fw-6 {
    font-weight: 600;
  }

  @media (max-width: 768px) {
    .responsive {
      display: block;
    }

    /* For mobile devices */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
      display: block;
      width: 100%;
    }

    .respostive {
      display: block;
    }

    .vertical-text {
      writing-mode: horizontal-tb;
      transform: rotate(90deg);
      text-align: center;
      padding-right: 0px;
    }

    /* Hide the table headers on small screens */
    thead {
      display: none;
    }

    tr {
      margin-bottom: 15px;
    }

    td {
      text-align: left;
      padding-left: 50%;
      position: relative;
    }

    td::before {
      content: attr(data-label);
      position: absolute;
      left: 15px;
      width: 45%;
      padding-right: 10px;
      text-align: left;
      font-weight: bold;
      top: 7px;
    }
  }

  /* Default color for all tabs */
  .navbar-expand .navbar-nav {
    width: auto;
    margin: 0 auto;
  }

  .navbar-nav .nav-item .nav-link {
    color: #333;
    /* Default text color */
    background-color: #f8f9fa;
    /* Default background color */
    border-radius: 4px;
    border: 0px;
    transition: all 0.4s;
  }

  /* Income Tax Laws Matrix tab color */
  .navbar-nav .nav-item:nth-child(1) .nav-link {
    color: #fff;
    background-color: #0c8a81;
    border: 1px solid #0c8a81;
    /* Green for Income Tax Laws (symbolizing growth and finance) */
  }

  .navbar-nav .nav-item:nth-child(1):hover .nav-link {
    color: #0c8a81;
  }

  /* Tax Regime Matrix tab color */
  .navbar-nav .nav-item:nth-child(2) .nav-link {
    color: #fff;
    background-color: #AB4459;
    border: 1px solid #AB4459;
    /* Blue for Tax Regime (symbolizing trust and security) */
  }

  .navbar-nav .nav-item:nth-child(2):hover .nav-link {
    color: #AB4459;
  }

  /* Penalty Matrix tab color */
  .navbar-nav .nav-item:nth-child(3) .nav-link {
    color: #fff;
    background-color: #441752;
    border: 1px solid #441752;
    /* Red for Penalties (symbolizing urgency and caution) */
  }

  .navbar-nav .nav-item:nth-child(3):hover .nav-link {
    color: #441752;
  }

  /* Procedural & Document Matrix tab color */
  .navbar-nav .nav-item:nth-child(4) .nav-link {
    color: #fff;
    background-color: #1B1833;
    border: 1px solid #1B1833;
    /* Teal for Procedural & Documents (symbolizing clarity and process) */
  }

  .navbar-nav .nav-item:nth-child(4):hover .nav-link {
    color: #1B1833;
  }

  .navbar-nav .nav-item:hover .nav-link {
    background-color: #fff;
  }

  /* .navbar-nav .nav-item:nth-child(5) .nav-link {
      color: #fff;
      background-color: #28a745;
      /* Teal for Procedural & Documents (symbolizing clarity and process) */
  }

  */

  /* Active tab color */
  .navbar-nav .nav-item .nav-link.active {
    color: #fff;
    /* Active tab text color */
    background-color: #000;
    /* Dark background for active tab */
  }



  .navbar-nav {
    display: flex;
    /* Use flexbox for the tabs to fill the container */
    width: 100%;
    /* Ensure the navbar is stretched across the full width */
    margin-bottom: 0;
    border: 0;
    /* Remove default margin */
  }

  /* Remove any gaps between the tabs */
  .navbar-nav .nav-item {
    margin: 7px;
  }