table {
      width: 100%;
      border-collapse: collapse;
      font-family: Arial, sans-serif;
    }
    th, td {
      border: 1px solid #ccc;
      padding: 10px;
      text-align: left;
    }
    th {
      background-color: #eee;
    }
    .header{
      font-weight: bold;
      text-align: center;
      font-size: 18px;

    }
    .calendar-row {
      background: linear-gradient(to right, #694ED6, #C137A2);
      color: white;
      font-weight: bold;
      text-align: center;
    }
    .cen-no {
          font-weight: bold;

            text-align: center;           /* Center horizontally */
           vertical-align: middle;       /* Center vertically if needed */

      color: linear-gradient(to right, #694ED6, #C137A2);
    }
    .notice {
      color: #a16600;
    }
 body {
  margin: 0;
  font-family: Arial, sans-serif;
}

#navbar {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #333;
  color: white;
  text-align: center;
  padding: 15px 0;
  display: none; /* Initially hidden */
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.content {
  padding: 20px;
  margin-top: 50px;
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
}

#navbar1 {
  position: fixed;
  top: 0;
  width: 100%;

  color: white;
  text-align: center;

  display: none; /* Hidden initially */
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: top 0.5s;



  background-color: rgba(255, 255, 255, 0.2); /* Semi-transparent white */
  border: 1px solid #fff;
  border-radius: 1px 1px 15px 15px;
  color: white;
  text-align: center;
  backdrop-filter: blur(16px); /* Optional: glass effect */
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);


}

.content {
  padding: 10px;
  margin-top: 10px;
}
#navbar1 h2 {
display: none;
}
 @media (max-width: 600px) {
  #navbar1 {
    margin: 0px auto;
    padding: 0px;
height:60px;
   background-color: rgba(244, 250, 246, 0.2); /* Semi-transparent white */

  }
  #logo1{
 position: relative;
    top:-55px;

    left:-160px;
    width: 100px;
    height:50px;
  }

 h2 {
position: relative;
font-size: 1.2rem;
width: 100%;
height: 30%;
padding-top:10px;

display: flex;
justify-content: center; /* horizontal centering */
align-items: center;     /* vertical centering */
text-align: center;
}


  p {
    font-size: 0.95rem;
  }
}
@media (max-width: 600px) {
#navbar1 h2 {
  display: block;
     font-weight: bold;         /* Make text bold */
     letter-spacing: 2px;       /* Increase spacing between letters */
     font-size: 1.4rem;         /* Optional: adjust size */
     text-align: center;        /* Optional: center text */
     margin: 10px 0;            /* Optional: spacing */
     color: #000;               /* Optional: dark text color */
}
.mobile-menu{
  position: absolute;
  top:-65px;
}
}
@media (max-width: 600px) {
.header-wrapper2 {
 display: none;
}
}