table {
      border: 1px solid black;
      border-collapse: collapse;
      width: 100%;
    }

    th,
    td {
      border: 1px solid black;
      padding: 10px;
      text-align: justify;
      /* Adjust the alignment as needed */
    }

    th {
      background-color: #FDDF95;
    }

    /* Set width for the 3rd and 4th columns */
    colgroup {
      width: 250px;
    }

    col:nth-child(3),
    col:nth-child(4) {
      width: 160px;
      /* Adjust the width as needed */
    }

    /* Make the table responsive */
    @media only screen and (max-width: 600px) {

      table,
      thead,
      tbody,
      th,
      td,
      tr {
        display: block;
      }

      /* Hide headers */
      thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
      }

      tr {
        margin-bottom: 15px;
      }

      td {
        border: none;
        position: relative;
        padding-left: 50%;
      }

      td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
      }

      /* Set width for the 3rd and 4th columns in mobile view */
      colgroup {
        width: 100%;
      }

      col:nth-child(3),
      col:nth-child(4) {
        width: 100%;
      }
    }