.table-container {
      overflow-x: auto;
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    table {
      width: 100%;
      border-collapse: collapse;
      min-width: 600px;
    }

    thead {
      background-color: #666;
      color: #fff;
    }

    th, td {
      padding: 12px 15px;
      text-align: center;
    }

    tbody tr:nth-child(even) {
      background-color: #f2f2f2;
    }

   .personimg {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      object-fit: cover;
    }
 
    .detailtab {
 background:orange;
 color:white ;
 border-radius:5px; 
 width:98%;
 margin:5px;
 font-size:14px;
  height:50px;
  padding:5px;
}
 .student{
 
	background-color: rgb(255, 255, 255);
	overflow: hidden;
	border-radius: 1em;
	text-align: center;
 }

.user-image {
	padding: 10px 0;
	background: orange;
 
}
    @media (max-width: 600px) {
      th, td {
        padding: 8px 10px;
        font-size: 14px;
      }

      personimg {
        width: 40px;
        height: 40px;
      }
    }