/* Resetting some default browser styles */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial, sans-serif;
    background: linear-gradient(135deg, #f0f4f8, #d9e6f2);
  }
  
  /* Centering the container */
  .cbse {
    /* display: flex; */
    
    /* justify-content: center; */

    /* padding-left: 20%; */
    margin-bottom: 10px;
    padding-bottom: 10px;
    
height: 400px;
padding-left: 20px;
padding-top: 20px;

  
  }
  
  .centered-table {
    padding-left: 20px;
   
    border-collapse: collapse;
    width: 80%;
    
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;

    align-items: center;
  }
  
  /* Caption styling */
  .centered-table caption {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    color: #333;
    background: #f9f9f9;
    border-bottom: 2px solid #ddd;
  }
  
  /* Header row styling */
  .centered-table thead tr {
    background: #0078d7;
    color: #fff;
    text-align: left;
  }
  
  /* Table cells */
  .centered-table th, .centered-table td {
    padding: 12px 15px;
    border: 1px solid #ddd;
  }
  
  /* Rows styling */
  .centered-table tbody tr:nth-child(even) {
    background: #f9f9f9;
  }
  
  .centered-table tbody tr:hover {
    background: #f1f1f1;
    transition: background 0.3s ease;
  }
  #SrNo{
    width: 20px;
  }
 

 .table2{

    padding-bottom: 5px;
    padding-left: 20px;
padding-top: 20px;
 
    width: 100%;
height: 500px;

  }
  .table3{
    margin-bottom: 30px;
    padding-bottom: 5px;
    padding-left: 20px;
padding-top: 20px;
 
    width: 100%;
height: 300px;

  }
  .table4{
    margin-bottom: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
padding-top: 20px;
 
    width: 100%;
height: 300px;

  }