.noticeboard ul {
    list-style: none;
    padding: 0;
  }
  
  .noticeboard ul li {
    padding: 8px 0;
    border-bottom: 1px solid #ddd; /* Light separator */
    transition: all 0.3s ease-in-out;
  }
  
  .noticeboard ul li:last-child {
    border-bottom: none;
  }
  
  .noticeboard ul li a {
    text-decoration: none;
    color: #007BFF; /* Blue links */
    font-weight: 500;
    display: block;
    transition: color 0.3s ease-in-out;
  }
  
  .noticeboard ul li a:hover {
    color: #0056b3; /* Darker blue on hover */
    text-decoration: underline;
  }

  .white-section {
    background-color: #f8f9fa;
    padding: 50px 0;
}

.info-card {
    background: white;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
}

.card-header {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
}

.card-header i {
    font-size: 24px;
    margin-right: 10px;
    color: #0056b3;
}

.card-body {
    padding: 15px 0;
}

.head-image {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    float: left;
    margin-right: 15px;
}

.info-card h4 {
    margin-bottom: 10px;
    font-size: 18px;
}

.info-card p {
    font-size: 14px;
    color: black;
    text-align: justify;
    line-height: 1.6;
}

.info-card ul {
    padding: 0;
    list-style: none;
}

.info-card ul li {
    margin-bottom: 10px;
}

.info-card ul li a {
    text-decoration: none;
    color: #007bff;
    font-weight: bold;
}

.info-card ul li a:hover {
    text-decoration: underline;
}

.container {
    max-width: 1100px;
    margin: auto;
}
.heading {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.description {
    font-size: 16px;
    color: #555;
    margin-bottom: 30px;
}
.advisor-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}
.advisor-card {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 300px;
    transition: transform 0.3s ease;
}
.advisor-card:hover {
    transform: translateY(-5px);
}
.advisor-card img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.advisor-name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.advisor-title {
    font-size: 14px;
    color: #777;
}
.more-button {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
    border: 1px solid #5a36d3;
    color: #5a36d3;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.3s;
}
.more-button:hover {
    background: #5a36d3;
    color: white;
}
.display-flex {
    display: flex;
    justify-content: center; /* Cards ko center karne ke liye */
    gap: 20px; /* Cards ke beech gap */
    flex-wrap: wrap; /* Mobile view ke liye wrap hone de */
}

.card {
    flex: 1;
    max-width: 300px; /* Card ki width fix */
    background: white;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.card img {
    width: 100%; /* Image responsive banane ke liye */
    height: auto;
    border-radius: 8px;
}

.card button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 10px;
}

.card button:hover {
    background-color: #0056b3;
}

.white.section {
    padding: 20px;
}

h2 {
    text-align: left;
    font-size: 20px;
    margin-bottom: 10px;
}

#searchInput {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

th {
    background-color: #f4f4f4;
    font-weight: bold;
}

tr:hover {
    background-color: #f1f1f1;
}
/* Reset & General Styles */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
}

/* Container for committees */
.committee-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Flexible grid */
    gap: 20px;
    padding: 40px;
    max-width: 1200px;
    margin: auto;
}

/* Committee Box */
.committee-box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
    text-align: center;
}

/* Hover Effect */
.committee-box:hover {
    transform: translateY(-5px);
}

/* Committee Titles (Bold & Larger) */
.committee-box h2 {
    font-size: 20px;
    color: #002147;
    font-weight: bold;
    margin-bottom: 12px;
}

/* Labels (Bold) */
.committee-box p {
    font-size: 14px;
    color: #444;
    font-weight: bold;
    margin-bottom: 8px;
}

/* Members List */
.committee-box ul {
    list-style-type: none;
    padding: 0;
}

.committee-box li {
    font-size: 14px;
    color: #333;
    padding: 4px 0;
}

/* Responsive Design: Ensure 3 in a row */
@media (min-width: 900px) {
    .committee-container {
        grid-template-columns: repeat(3, 1fr); /* 3 columns in a row */
    }
}

@media (max-width: 899px) {
    .committee-container {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for smaller screens */
    }
}

@media (max-width: 600px) {
    .committee-container {
        grid-template-columns: repeat(1, 1fr); /* 1 column for mobile screens */
    }
}
/* === ADMIN RESPONSIBILITIES SECTION === */
.admin-responsibilities {
    padding: 50px 20px;
    background-color: #f8f9fa; /* Light gray background */
  }
  
  /* Centered and Bold Title */
  .admin-heading {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #0d1b2a;
    margin-bottom: 20px;
  }
  
  /* Yellow Underline */
  .admin-heading::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background: #f4c430;
    margin: 8px auto 0;
  }
  
  /* Grid Layout for Boxes */
  .admin-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 boxes per row */
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }
  
  /* Individual Box Styling */
  .admin-box {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: 0.3s;
  }
  
  .admin-box:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
  }
  
  /* Bold Headings Inside Boxes */
  .admin-box h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #0d1b2a;
  }
  
  /* Text Inside Box */
  .admin-box p {
    font-size: 16px;
    color: #333;
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .admin-grid {
      grid-template-columns: repeat(2, 1fr); /* 2 boxes per row on tablets */
    }
  }
  
  @media (max-width: 480px) {
    .admin-grid {
      grid-template-columns: repeat(1, 1fr); /* 1 box per row on mobile */
    }
  }
/* === COMMUNITY MEMBERS HEADING === */
.community-heading {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #0d1b2a;
    margin-bottom: 20px;
  }
  
  /* Yellow Underline */
  .community-heading::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background: #f4c430;
    margin: 8px auto 0;
  }
/* === COMMUNITY MEMBERS HEADING === */
.community-heading {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #0d1b2a;
    margin: 40px 0 25px; /* Added more space above and below */
  }
  
  /* Yellow Underline */
  .community-heading::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background: #f4c430;
    margin: 12px auto 0; /* Increased margin for better spacing */
  }
/* === Add Space Below the Community Members Heading === */
.community-heading {
    margin-bottom: 40px; /* Increase space */
  }
        /* === Add Space Below "Community Members" Heading === */
.community-members-heading {
    margin-bottom: 40px; /* Adjust as needed */
  }
/* Heading above the boxes */
.community-heading {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px; /* Space between heading and boxes */
}

/* Boxes should have equal width, spacing, and a shadow */
.committee-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-bottom: 20px; /* Space between rows if stacked */
}
  /* Section background */
.training-placement {
    background-color: #f8fbfd; /* Light background */
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers everything */
    justify-content: center; /* Centers vertically */
    text-align: center;
}

/* Section heading */
.section-heading {
    margin-bottom: 30px; /* Space below heading */
}

/* Title styling */
.section-title {
    font-size: 28px;
    font-weight: bold;
    color: #1d3b60; /* Dark blue */
    margin-bottom: 10px;
}

/* Yellow underline below title */
.section-underline {
    width: 50px;
    height: 4px;
    background-color: #f2c029;
    margin: 0 auto; /* Centering the underline */
}

/* Box fully centered */
.placement-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 100%;
    max-width: 400px;
    margin-top: 20px; /* Space between heading & box */
}

/* Faculty-in-charge text */
.faculty-in-charge {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
}

/* Faculty name */
.faculty-name {
    font-size: 16px;
    color: #555;
}
/* Section background */
.training-placement {
    background-color: #f8fbfd; /* Light background */
    padding: 60px 0;
}

/* Section heading (OUTSIDE the box & CENTERED) */
.section-heading {
    text-align: center;
    margin-bottom: 30px; /* More space below the heading */
}

/* Title styling */
.section-title {
    font-size: 28px;
    font-weight: bold;
    color: #1d3b60; /* Dark blue */
    text-align: center; /* Ensure full centering */
    margin-bottom: 10px;
}

/* Yellow underline below title */
.section-underline {
    width: 50px;
    height: 4px;
    background-color: #f2c029;
    margin: 0 auto; /* Centering the underline */
}

/* Centering the box */
.placement-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 100%; /* Ensure it doesn't shrink */
    max-width: 400px; /* Keep it nicely sized */
}

/* Faculty-in-charge text */
.faculty-in-charge {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
}

/* Faculty name */
.faculty-name {
    font-size: 16px;
    color: #555;
}

/* Center align the text above the table */
.white.section p {
    text-align: center;
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

/* Style the search input */
#searchInput {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 15px;
}

/* Table Styling */
#courseTable {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

#courseTable th, #courseTable td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

#courseTable th {
    background-color: #f4f4f4;
    font-weight: bold;
}

/* Hover effect on rows */
#courseTable tbody tr:hover {
    background-color: #f9f9f9;
}

/* Download column alignment */
#courseTable td:last-child {
    text-align: center;
}

/* Style the "Click here" links */
#courseTable td a {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}

#courseTable td a:hover {
    text-decoration: underline;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    #courseTable th, #courseTable td {
        padding: 8px;
        font-size: 14px;
    }

    #searchInput {
        font-size: 14px;
        padding: 8px;
    }
}


/* Table Styling new */
#courseTable1 {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

#courseTable1 th, #courseTable1 td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
}

#courseTable1 th {
    background-color: #f4f4f4;
    font-weight: bold;
}

/* Hover effect on rows */
#courseTable1 tbody tr:hover {
    background-color: skyblue;
}

/* Download column alignment */
#courseTable1 td:last-child {
    text-align: center;
}

/* Style the "Click here" links */
#courseTable1 td a {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}

#courseTable1 td a:hover {
    text-decoration: underline;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    #courseTable1 th, #courseTable1 td {
        padding: 8px;
        font-size: 14px;
    }

    #searchInput {
        font-size: 14px;
        padding: 8px;
    }
}


/* Executive Programs Section */
.executive-programs {
    text-align: center;
    padding: 50px 0;
}

.executive-programs .section-title {
    font-size: 32px;
    font-weight: bold;
    color: #1a2b4c;
}

.executive-programs .title-underline {
    width: 50px;
    height: 4px;
    background-color: #f7c600;
    margin: 10px auto 20px;
}

.executive-programs .description {
    font-size: 16px;
    color: #667;
    margin-bottom: 20px;
}

.executive-programs .program-list {
    list-style: none;
    padding: 0;
}

.executive-programs .program-list li {
    font-size: 18px;
    color: #444;
    margin-bottom: 15px;
    text-align: left;
}

.executive-programs .program-link {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}

.executive-programs .program-link:hover {
    text-decoration: underline;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .executive-programs .section-title {
        font-size: 26px;
    }

    .executive-programs .description {
        font-size: 14px;
    }

    .executive-programs .program-list li {
        font-size: 16px;
    }
}

/* PhD Admissions Table Styling */
.phd-admissions-section {
    padding: 50px 0;
    background-color: #fff;
}

.phd-container {
    max-width: 900px;
    margin: auto;
}

.phd-search-box {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.phd-admissions-table {
    width: 100%;
    border-collapse: collapse;
}

.phd-admissions-table th,
.phd-admissions-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

.phd-admissions-table th {
    background-color: #f7f7f7;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .phd-admissions-table th,
    .phd-admissions-table td {
        font-size: 14px;
        padding: 8px;
    }
}

/* Staff Profile Card Styling */
.staff-profile {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #fff;
}

.staff-card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    max-width: 500px;
}

.staff-photo {
    width: 150px;
    height: 150px;
    border-radius: 10px;
    object-fit: cover;
}

.staff-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.staff-name {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.staff-position {
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
}

.staff-email a {
    color: #0073e6;
    text-decoration: none;
    font-size: 14px;
}

.staff-phone {
    font-size: 14px;
    color: #333;
}


/* Open Positions Section Styling */
.open-positions {
    text-align: center;
    padding: 50px 20px;
    background-color: #ffffff;
}

.section-title {
    font-size: 28px;
    font-weight: bold;
    color: #1d3b6c;
}

.title-underline {
    width: 50px;
    height: 4px;
    background-color: #fbc02d;
    margin: 10px auto;
}

.description {
    font-size: 16px;
    color: #607d8b;
    max-width: 700px;
    margin: 0 auto;
}