.table-container {
      max-width: 700px;
      margin: auto;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      border-radius: 15px;
      overflow: hidden;
    }

    th, td {
      padding: 15px 20px;
      text-align: center;
      border-bottom: 1px solid #eee;
    }

    th {
      background-color: #ffa500;
      color: white;
      font-size: 1rem;
    }

    tr:hover {
      background-color: #ffefd5b3;
    }
.table-hover{
     background-color: #ffefd5b3;
}
    tr:last-child td {
      border-bottom: none;
    }