/* General Styles */
body {
    font-family: 'Roboto', sans-serif;
    background: linear-gradient(to bottom, #e3f2fd, #81d4fa);
    margin: 0;
    padding: 0;
    color: #333;
}

/* Conference Banner Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.5;
    color: #1f2937;
    background-color: #f9fafb;
}

/* Conference-specific colors */
:root {
    --conference-blue: hsl(225, 100%, 35%);
    --conference-green: hsl(160, 100%, 30%);
    --slate-custom: hsl(215, 16%, 47%);
}

/* Header Styles */
.banner-header {
    background-color: white;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    position: static;
    top: 0;
    z-index: 50;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Navigation Section */
/* .nav-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 20px;
}

.nav-bar::after {
  content: "";
  display: table;
  clear: both;
} */




}
/* Increase spacing between navbar items */
/* Custom green background */
.custom-navbar {
  background-color: #ffffff !important; /* dark green */
  border-radius: 10px; /* adjust roundness */
  margin: 0 auto; /* center the navbar */
  max-width: 1000px; /* leaves space on left/right */
  padding: 0.6rem 1.5rem;
}
.navbar-nav {
  margin: 0 auto; /* pushes items to center */
  display: flex;
  justify-content: center;
}
/* Nav link styles */
.navbar-nav > .nav-item > .nav-link {
  padding-left: 25px !important;
  padding-right: 25px !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  color: #2e7d32 !important;
}

/* Hover effect */
.navbar-nav > .nav-item > .nav-link:hover {
  color: #ffd700 !important; /* gold */
}

/* Make hamburger icon white */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%232e7d32' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Ensure hamburger background stays green when collapsed */
.navbar-toggler {
  border: 2px solid #2e7d32 !important;
  background-color: transparent !important;
}

/* Mobile dropdown background fix */
.navbar-collapse {
  background-color: #ffffff !important;
  border-radius: 0 0 12px 12px; /* only round bottom corners */

}



/* Mobile navbar dropdown fix */



/* .nav-link:hover {
    color: var(--conference-blue);
    background-color: hsl(214, 100%, 97%);
}

.nav-link:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--conference-blue);
    box-shadow: 0 0 0 2px var(--conference-blue), 0 0 0 4px rgba(59, 130, 246, 0.1);
} */

/* Mobile menu button */


/* Conference Information Section */
.conference-info {
  display: flex;
  justify-content: center; /* horizontally centers its content */
    border-top: 1px solid #e5e7eb;
    padding: 20px; /* optional for spacing */
}

.conference-container {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap; /* Makes it responsive */
}

.logo-section .logo img {
  display: block;
  height: 150px;
  width: auto;
}

.conference-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.conference-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;  /* vertical center inside text container */
  height: 220px; /* match logo height */
}

.conference-title {
  font-size: 1.8rem;
  text-align: center;
  margin: 0 0 10px;
  color: #1f2937;
}

.conference-acronym {
    display: block;
    color: var(--conference-green);
    font-weight: 700;
    margin-top: 0.25rem;
}

.conference-dates,
.college-name,
.department {
  font-size: 1rem;
  text-align: center;
  margin-top: 8px;
  color: #374151;
}

.calendar-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.department {
    font-size: 4.5rem;
     text-align: center;
    font-weight: 700;
    color: #1f2937;
}

.college-name {
    font-size: 4.5rem;
    color: #374151;
    font-weight: 700;
}

/* Mobile Menu */
.mobile-menu {
    display: none;
    border-top: 1px solid #e5e7eb;
}

.mobile-menu.open {
    display: block;
}

.mobile-menu-content {
    padding: 1rem;
    background-color: #f9fafb;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mobile-nav-link {
    display: block;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    font-size: 1rem;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    transition: all 0.2s ease;
}

.mobile-nav-link:hover {
    color: var(--conference-blue);
    background-color: white;
}

.mobile-nav-link:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--conference-blue), 0 0 0 4px rgba(59, 130, 246, 0.1);
}

/* Main Content */
.main-background {
  background-color: #ADD8E6; /* Soft orange - you can replace with #FFA500 for classic orange */
  padding: 40px;
  color: #000; /* Change to white (#fff) if the background is dark */
  border-radius: 10px;
  margin: 20px;
}



.main-content {
    max-width: 1280px;
    margin: 0 auto;
    padding: 3rem 1rem;
}

.content-container {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    padding: 2rem;
}

.welcome-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1rem;
}

.welcome-text {
    color: #374151;
    line-height: 1.75;
    margin-bottom: 1.5rem;
}

.features-grid {
    display: grid;
    gap: 1.5rem;
}

.feature-card {
    padding: 1.5rem;
    border-radius: 0.5rem;
}

.feature-card.innovation {
    background-color: hsl(214, 100%, 97%);
}

.feature-card.sustainability {
    background-color: hsl(142, 76%, 96%);
}

.feature-card.collaboration {
    background-color: #f9fafb;
}

.feature-icon {
    margin-bottom: 0.75rem;
}

.innovation .feature-icon {
    color: var(--conference-blue);
}

.sustainability .feature-icon {
    color: var(--conference-green);
}

.collaboration .feature-icon {
    color: #6b7280;
}

.feature-title {
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.5rem;
}

.feature-text {
    color: #6b7280;
    font-size: 0.875rem;
}

/* Responsive Design */
@media (min-width: 640px) {
    .container {
        padding: 0 1.5rem;
    }

    .conference-title {
        font-size: 1.5rem;
    }

    .conference-dates {
        font-size: 1.5rem;
    }

    .department {
        font-size: 1.25rem;
    }

    .college-name {
        font-size: 1.125rem;
    }
}

@media (min-width: 1024px) {
    .container {
        padding: 0 2rem;
    }

    .logo-text {
        display: block;
    }

    .desktop-nav {
        display: flex;
    }

    .mobile-menu-btn {
        display: none;
    }

    .conference-title {
        font-size: 1.875rem;
    }

    .features-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Print Styles */
@media print {
    .mobile-menu-btn,
    .mobile-menu {
        display: none !important;
    }

    .banner-header {
        position: static;
        box-shadow: none;
        border-bottom: 2px solid #e5e7eb;
    }

    .main-content {
        padding-top: 1rem;
    }
}

main {
    padding: 40px 20px;
    background-color: #f0f4f8;
}

h2 {
    color: #01579b;
    font-family: 'Poppins', sans-serif;
    text-align: justify;
    font-size: 1.8rem;
    line-height: 36px;
    margin-bottom: 20px;
}

section {
    margin-bottom: 40px;
}

ul {
    list-style-type: disc;
    padding-left: 40px;
}

ul li {
    margin: 10px 0;
    font-size: 1.1rem;
}

footer {
    background-color: #0277bd;
    color: white;
    text-align: center;
    padding: 15px;
    position: relative;
    bottom: 0;
    width: 100%;
}

footer p {
    margin: 0;
    font-size: 1rem;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    header .title h1 {
        font-size: 2rem;
    }

    .navbar ul {
        flex-direction: column;
    }

    .navbar ul li {
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    header .title h1 {
        font-size: 1.6rem;
    }

    footer p {
        font-size: 0.9rem;
    }
}







.organizing-section {
    padding: 50px 20px;
    background-color: #f0f9f2;
    font-family: 'Roboto', sans-serif;
}

.organizing-section h2 {
    text-align: center;
    color: #145a32;
    font-size: 32px;
    font-family: 'Merriweather', serif;
    margin-bottom: 40px;
}

.organizing-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.organizing-card {
    flex: 1;
    min-width: 300px;
    max-width: 420px;
    background-color: #ffffff;
    border: 2px solid #228b22;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.organizing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    border-color: #145a32;
}

.organizing-card h3 {
    color: #1b5e20;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 700;
}

.organizing-card img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
    border: 2px solid #228b22;
}

.organizing-card p {
    color: #333;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
}

body {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f8fdf9;
}

.committee-section {
  padding: 40px 20px;
}

.committee-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #145a32;
}

.committee-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.committee-box {
  flex: 1;
  min-width: 320px;
  max-width: 600px;
  background-color: #e9f5ec;
  border: 2px solid #228b22;
  border-radius: 12px;
  padding: 25px;
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.committee-box:hover {
  background-color: #d1ebdc;
  border-color: #145a32;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.committee-box h3 {
  text-align: center;
  font-size: 22px;
  color: #1c4d3f;
  margin-bottom: 20px;
}

.committee-box ul {
  list-style-type: disc;
  padding-left: 20px;
  text-align: justify;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

@media (max-width: 768px) {
  .committee-columns {
    flex-direction: column;
    align-items: center;
  }
}


.patron-section {
    padding: 60px 20px;
    background: linear-gradient(to right, #f8fbf8, #d3ede6); /* soft greenish gradient */
}

/* Title styling */
.patron-title {
    font-family: 'Roboto Slab', serif;
    font-size: 32px;
    text-align: center;
    color: #1b4332;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase; /* Added from first version, good for titles */
}

.patron-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background-color: #1b4332;
    margin: 10px auto 0;
    border-radius: 2px;
}

/* Container for box */
.patron-container {
    display: flex;
    justify-content: center;
    align-items: center; /* Vertically centers the box if needed */
}

/* Box styling */
.patron-box {
    background-color: #edf7f1; /* Updated background */
    border: 2px solid #1b4332;
    border-radius: 12px;
    padding: 35px 50px;
    width: 100%;
    max-width: 1200px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.patron-box:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

/* List */
.patron-box ul {
    list-style: none; /* Removes default bullets */
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px; /* Spacing between list items */
}

.patron-box li {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #0b2e1a;
    position: relative; /* For custom bullet positioning */
    padding-left: 24px; /* Space for the custom bullet */
}

/* Corrected and completed event-date style */
.event-date {
    text-align: center;
    font-weight: bold;
    color: white;
    font-family: 'Open Sans', sans-serif; /* Fallback font added */
}

body {
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
    margin: 0;
    padding: 0;
}

#registration-info {
    max-width: 800px;
    padding: 30px;
    margin: auto;
}

#registration-info h2 {
    text-align: center;
    color: #2c3e50;
    margin-bottom: 15px;
}

#registration-info p {
    text-align: center;
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
}

#registration-info h3 {
    color: #34495e;
    margin-bottom: 15px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

thead tr {
    background-color: #3498db;
    color: white;
}

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

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

tbody tr:nth-child(odd) {
    background-color: white;
}

/* Note styling */
.note {
    background: #fff4e5;
    padding: 12px 15px;
    border-left: 5px solid #e67e22;
    margin-bottom: 20px;
    font-size: 15px;
}

/* Bank details table */
.bank-details table {
    background: white;
    border: 1px solid #ddd;
}

.bank-details td {
    border: 1px solid #ddd;
    padding: 10px;
}

/* Mobile responsive table */
@media (max-width: 600px) {
    table, thead, tbody, th, td, tr {
        display: block;
        width: 100%;
    }

    thead {
        display: none;
    }

    tbody tr {
        margin-bottom: 15px;
        background-color: white;
        border-radius: 6px;
        padding: 10px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

    tbody td {
        text-align: right;
        padding: 8px 12px;
        position: relative;
    }

    tbody td::before {
        content: attr(data-label);
        position: absolute;
        left: 12px;
        top: 8px;
        font-weight: bold;
        text-align: left;
    }

    /* Bank details mobile view */
    .bank-details td {
        text-align: left;
    }
}



.contact-us-section {
  padding: 30px 20px;
  background-color: #f5f7fa;
  max-width: 1200px;
  margin: 40px 40px 40px 40px; /* left aligned with margin */
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  text-align: left;
}

.contact-us-section h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 20px;
}

.contact-us-section .conveners {
  font-size: 1.2rem;
  color: #374151;
  line-height: 1.5;
  margin-bottom: 25px;
}

.contact-us-section .conveners p:not(:first-child) {
  font-weight: 700;          /* bold for names (all except first "Conference Conveners:" line) */
  margin: 0;                 /* remove default paragraph margin for tighter spacing */
}

.contact-us-section .contact-info {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  font-size: 1.3rem;
  color: #1f2937;
  align-items: center;
}

.contact-us-section .mobile-contact,
.contact-us-section .email-contact {
  display: flex;
  align-items: center;
  gap: 10px;
}

.contact-us-section a {
  color: #1f2937;
  text-decoration: none;
  font-weight: 600;
}

.contact-us-section a:hover,
.contact-us-section a:focus {
  text-decoration: underline;
}




.banner .fixed-image {
    background-image: url('images/image.jpg');
    background-size: cover; /* Ensures the image covers the area */
    background-position: center; /* Centers the image */
    padding: 50px 0; /* Add some padding for spacing */
}
.banner .container {
    text-align: center;
    color: #4A4A4A; /* Dark gray for general text for contrast */
}
.banner h1 {
    font-family: 'Georgia', serif; /* Elegant serif font */
    color: #8B0000; /* Dark red for heading */
    font-size: 3em;
    margin-bottom: 10px;
}
.banner .separator-2 {
    border-top: 2px solid #8B0000; /* Matching separator color */
    width: 80px;
    margin: 15px auto;
}
.banner h5 {
    font-family: 'Arial', sans-serif; /* Clean sans-serif font */
    color: #36454F; /* Charcoal gray for dates */
    font-size: 1.2em;
    margin-bottom: 5px;
}
.banner .blink {
    color: #FF0000; /* Bright red for "Registrations Closed" */
    font-weight: bold;
    animation: blinker 1s linear infinite; /* Blinking effect */
}
@keyframes blinker {
    50% { opacity: 0; }
}
.banner p.lead {
    font-family: 'Verdana', sans-serif;
    color: #555555;
    font-size: 1.1em;
    margin-top: 20px;
}






body {
          font-family: 'Roboto', sans-serif; /* Clean, modern sans-serif for body text */
          line-height: 1.6;
          color: #333; /* Soft black for readability */
          margin: 0;
          background-color: #f8f8f8; /* Light gray background for the entire page */
      }

      /* Section Styling */
      #instructions {
          max-width: 900px;
          margin: 40px auto; /* Center the section with some top/bottom margin */
          padding: 40px;
          background-color: #ffffff; /* White background for the content area */
          border-radius: 8px; /* Slightly rounded corners */
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
          line-height: 1.8; /* Increased line-height for better readability in blocks of text */
      }

      /* Heading Styles */
      #instructions h2 {
          font-family: 'Merriweather', serif; /* A classic serif font for main headings */
          font-size: 2.8em;
          color: #2c3e50; /* Dark blue-gray for main title */
          margin-bottom: 20px;
          border-bottom: 3px solid #3498db; /* Blue accent line under main title */
          padding-bottom: 10px;
      }

      #instructions h3 {
          font-family: 'Merriweather', serif;
          font-size: 1.8em;
          color: #34495e; /* Slightly lighter blue-gray for subheadings */
          margin-top: 30px;
          margin-bottom: 15px;
      }

      /* Paragraph Styling */
      #instructions p {
          margin-bottom: 15px;
          font-size: 1.05em;
      }

      /* List Styling */
      #instructions ul {
          list-style-type: disc; /* Standard disc bullets */
          padding-left: 25px; /* Indent lists */
          margin-bottom: 20px;
      }

      #instructions ul li {
          margin-bottom: 8px; /* Space out list items */
      }

      /* Specific text emphasis */
      #instructions p strong {
          color: #e74c3c; /* Red for emphasis, particularly for plagiarism warnings */
          font-weight: 700;
      }

      /* Special notes or alerts */
      #instructions p.alert {
          background-color: #fef3e7; /* Light orange background */
          border-left: 5px solid #e67e22; /* Orange left border */
          padding: 10px 15px;
          margin-top: 20px;
          font-style: italic;
      }

      /* Anchor link style */
      #instructions a {
          color: #3498db; /* Blue for links */
          text-decoration: none; /* No underline by default */
      }

      #instructions a:hover {
          text-decoration: underline; /* Underline on hover for interactivity */
      }

      /* Plagiarism Policy Section - improved clarity */
      #instructions h3:last-of-type { /* Targeting "POLICY ON PLAGIARISM" */
          color: #c0392b; /* A strong red for the plagiarism policy heading */
          border-bottom: 2px solid #e74c3c; /* Red accent line */
          padding-bottom: 8px;
          margin-top: 40px;
      }

      #instructions ul li:first-child p { /* Styling the first list item under plagiarism */
          font-weight: 700;
          color: #e74c3c; /* Bold red for the plagiarism percentage */
      }




      /* General Body Styling (consistent with previous sections) */
        body {
            font-family: 'Roboto', sans-serif;
            line-height: 1.6;
            color: #333;
            margin: 0;
            background-color: #f8f8f8;
        }

        /* Section Styling */
        #call-for-papers {
            max-width: 900px; /* Limits content width for better readability */
            margin: 40px auto; /* Centers the section and adds spacing */
            padding: 40px;
            background-color: #ffffff; /* White background for the content */
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            line-height: 1.8; /* Increased for better readability */
        }

        /* Heading Styles */
        #call-for-papers h2 {
            font-family: 'Merriweather', serif;
            font-size: 2.8em;
            color: #2c3e50; /* Dark blue-gray for main title */
            margin-bottom: 20px;
            border-bottom: 3px solid #3498db; /* Blue accent line */
            padding-bottom: 10px;
            text-align: center; /* Center align the main title */
        }

        #call-for-papers h3 {
            font-family: 'Merriweather', serif;
            font-size: 1.8em;
            color: #34495e; /* Slightly lighter blue-gray for subheadings */
            margin-top: 30px;
            margin-bottom: 15px;
            border-left: 5px solid #28b463; /* Green accent bar for topics */
            padding-left: 10px;
        }

        /* Paragraph Styling */
        #call-for-papers p {
            margin-bottom: 15px;
            font-size: 1.05em;
        }

        /* List Styling (Topics) */
        #call-for-papers ul {
            list-style-type: square; /* Square bullets for a distinct look */
            padding-left: 30px; /* Increased indentation */
            margin-bottom: 20px;
        }

        #call-for-papers ul li {
            margin-bottom: 10px; /* Spacing between list items */
            font-size: 1.1em; /* Slightly larger font for topics */
            line-height: 1.5;
        }

        /* Emphasis for key phrases */
        #call-for-papers .highlight {
            font-weight: bold;
            color: #d35400; /* A strong orange for emphasis */
        }

        /* Call to action styling (if applicable, for a "Submit Paper" link) */
        .cta-button {
            display: inline-block;
            background-color: #3498db; /* Blue button */
            color: #ffffff;
            padding: 12px 25px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
            margin-top: 25px;
            transition: background-color 0.3s ease;
        }

        .cta-button:hover {
            background-color: #217dbb; /* Darker blue on hover */
        }


        /* General Body Styling (consistent with previous sections) */
body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    color: #333;
    margin: 0;
    background-color: #f8f8f8;
}

/* Section Styling */
#submission {
    max-width: 900px;
    margin: 40px auto;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    line-height: 1.8;
}

/* Heading Styles */
#submission h2 {
    font-family: 'Merriweather', serif;
    font-size: 2.8em;
    color: #2c3e50;
    margin-bottom: 20px;
    border-bottom: 3px solid #3498db;
    padding-bottom: 10px;
    text-align: center;
}

/* Paragraph Styling */
#submission p {
    margin-bottom: 15px;
    font-size: 1.05em;
}

/* Step-by-step list styling */
#submission ol { /* Changed to ordered list for numbered steps */
    list-style-type: none; /* Remove default numbering */
    padding-left: 0; /* Remove default padding */
    counter-reset: submission-step; /* Initialize custom counter */
    margin-bottom: 25px;
}

#submission ol li {
    margin-bottom: 15px;
    font-size: 1.1em;
    line-height: 1.6;
    display: flex; /* Use flexbox for aligned number and text */
    align-items: flex-start;
}

#submission ol li::before {
    counter-increment: submission-step; /* Increment counter */
    content: counter(submission-step); /* Display the counter value */
    background-color: #28b463; /* Green circle for the step number */
    color: #ffffff;
    font-weight: bold;
    border-radius: 50%; /* Make it a circle */
    width: 30px;
    height: 30px;
    min-width: 30px; /* Ensure circle size is fixed */
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px; /* Space between number and text */
    flex-shrink: 0; /* Prevent the number from shrinking */
}

/* Link within the list */
#submission ul li a, #submission ol li a { /* Updated to apply to ordered list as well */
    color: #3498db; /* Blue link color */
    text-decoration: none;
    font-weight: bold;
}

#submission ul li a:hover, #submission ol li a:hover { /* Updated */
    text-decoration: underline;
}

/* Specific text emphasis for links and key info */
.submission-link {
    font-weight: bold;
    color: #3498db;
    text-decoration: underline;
}

/* Deadline specific styling */
.deadline {
    font-size: 1.2em;
    font-weight: bold;
    color: #e74c3c; /* Red for emphasis */
    margin-top: 30px;
    background-color: #ffe0e0; /* Light red background */
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block; /* Allows background to wrap content */
}

.note-info {
    background-color: #e9f7ef; /* Light green background for important notes */
    border-left: 5px solid #28b463; /* Green left border */
    padding: 10px 15px;
    margin-top: 20px;
    font-style: italic;
    font-size: 0.95em;
}


/* General Body Styling (consistent with previous sections) */
body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    color: #333;
    margin: 0;
    background-color: #f8f8f8;
}

/* Section Styling */
#registration-info {
    max-width: 900px;
    margin: 40px auto;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    line-height: 1.8;
}

/* Heading Styles */
#registration-info h2 {
    font-family: 'Merriweather', serif;
    font-size: 2.8em;
    color: #2c3e50;
    margin-bottom: 20px;
    border-bottom: 3px solid #3498db;
    padding-bottom: 10px;
    text-align: center;
}

#registration-info h3 {
    font-family: 'Merriweather', serif;
    font-size: 1.8em;
    color: #34495e;
    margin-top: 30px;
    margin-bottom: 15px;
    border-left: 5px solid #28b463; /* Green accent bar for subsections */
    padding-left: 10px;
}

/* Paragraph Styling */
#registration-info p {
    margin-bottom: 15px;
    font-size: 1.05em;
}

/* Table Styling (General) */
#registration-info table {
    width: 100%; /* Make tables fill their container */
    border-collapse: collapse; /* Collapse borders for a cleaner look */
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* Soft shadow for tables */
    border-radius: 5px; /* Slightly rounded corners for tables */
    overflow: hidden; /* Ensures rounded corners apply correctly */
}

#registration-info th, #registration-info td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0; /* Light gray lines between rows */
}

/* Table Header Styling */
#registration-info thead th {
    background-color: #2c3e50; /* Dark blue-gray header background */
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Table Body Styling */
#registration-info tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Zebra striping for better readability */
}

#registration-info tbody tr:hover {
    background-color: #f0f0f0; /* Subtle hover effect for rows */
}

/* Responsive Table Design (for smaller screens) */
@media screen and (max-width: 600px) {
    #registration-info table {
        border: 0;
    }
    #registration-info thead {
        display: none; /* Hide table headers on small screens */
    }
    #registration-info tr {
        margin-bottom: 10px;
        display: block;
        border: 1px solid #ddd; /* Add border around each row */
        border-radius: 5px;
        padding: 10px;
    }
    #registration-info td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: right;
        font-size: 0.9em;
    }
    #registration-info td::before {
        content: attr(data-label); /* Display the label before the data */
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        color: #555;
    }
    #registration-info td:last-child {
        border-bottom: 0;
    }
}


/* Note Section Styling */
.note {
    background-color: #fff9e6; /* Light yellow background */
    border-left: 5px solid #f39c12; /* Orange left border */
    padding: 15px 20px;
    margin-top: 30px;
    margin-bottom: 25px;
    border-radius: 5px;
}

.note p {
    margin: 0;
    font-style: italic;
    color: #555;
    font-size: 1em;
}

.note p strong {
    color: #d35400; /* Stronger orange for emphasis in note */
}

/* Bank Details Styling */
.bank-details {
    background-color: #e8f5e9; /* Light green background */
    border: 1px solid #a5d6a7; /* Green border */
    padding: 25px;
    margin-top: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(40, 180, 99, 0.1); /* Subtle green shadow */
}

.bank-details h3 {
    color: #2e7d32; /* Darker green for bank details heading */
    margin-top: 0;
    border-left-color: #4caf50; /* Matching border color */
}

.bank-details table {
    margin-bottom: 0; /* Remove extra margin if table is last element */
    box-shadow: none; /* Remove shadow from nested table */
    border-radius: 0;
}

.bank-details table td {
    padding: 8px 0; /* Adjust padding for bank details table */
    border-bottom: 0; /* Remove border between bank detail rows */
}

.bank-details table td strong {
    width: 180px; /* Align labels */
    display: inline-block;
    color: #444;
}


/* General Body Styling (consistent with previous sections) */
body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    color: #333;
    margin: 0;
    background-color: #f8f8f8;
}

/* Main Content Area */
.main-background {
    background-color: #f8f8f8; /* Soft background color for the entire main content area */
    padding: 40px 0;
}

/* Section Styling */
section {
    max-width: 1200px;
    margin: 40px auto; /* Centers the section and adds vertical spacing */
    padding: 40px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    line-height: 1.8;
    text-align: justify; /* Justify text for a clean, block look */
}

/* Heading Styles */
h2 {
    font-family: 'Merriweather', serif;
    font-size: 2.8em;
    color: #2c3e50;
    margin-bottom: 20px;
    border-bottom: 3px solid #3498db;
    padding-bottom: 10px;
    text-align: center;
}

/* Paragraph Styling */
p {
    margin-bottom: 15px;
    font-size: 1.05em;
}

/* Specific section background styles (optional) */
#about-conference {
    background-color: #eaf7f9; /* Light blue-gray for conference section */
    border-left: 5px solid #3498db; /* Blue accent border */
}

#about-institute {
    background-color: #fcf8e3; /* Light yellow-cream for institute section */
    border-left: 5px solid #f39c12; /* Orange accent border */
}

#about-department {
    background-color: #e9f7ef; /* Light green for department section */
    border-left: 5px solid #28b463; /* Green accent border */
}

/* Highlighting key phrases */
.key-phrase {
    font-weight: bold;
    color: #34495e; /* Darker text for key phrases */
}

/* Emphasizing achievements (e.g., NIRF ranking, highest package) */
.achievement {
    font-weight: bold;
    color: #27ae60; /* Green for positive highlights */
}

/* Improving list readability (if lists were to be added) */
ul {
    list-style-type: disc;
    padding-left: 25px;
    margin-bottom: 20px;
}

ul li {
    margin-bottom: 8px;
}



/* General Body Styling (consistent with previous sections) */
body {
    font-family: 'Open Sans', sans-serif; /* A clear, modern sans-serif for general text */
    line-height: 1.6;
    color: #333;
    margin: 0;
    background-color: #f8f8f8;
}

/* Conference Header Section */
.conference-info {
    background-color: #ffffff; /* White background for the header */
    padding: 20px 0;
    border-bottom: 2px solid #e0e0e0; /* Subtle bottom border */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Light shadow for depth */
    text-align: center;
}

.conference-container {
    max-width: 1100px; /* Increased width for the content area, adjust as needed */
    margin: 0 auto;
    padding: 0 20px;
    display: flex; /* Use flexbox for horizontal alignment */
    align-items: center; /* Vertically align items in the middle */
    gap: 5px; /* Space between logo and text content */
    flex-wrap: wrap; /* Allow items to wrap on smaller screens */
}

.logo-section {
    flex-shrink: 0; /* Prevent logo from shrinking */
    /* Optional: Add a slight border or background around the logo if desired */
    /* border: 1px solid #ddd; */
    /* border-radius: 5px; */
    /* padding: 5px; */
}

.logo img {
    width: 90px; /* Slightly increased logo size */
    height: 90px;
    display: block; /* Remove extra space below image */
}

.conference-text {
    flex-grow: 1; /* Allow text content to take up remaining space */
    color: #2c3e50; /* Dark blue-gray for main text */
    text-align: center;
}

.conference-title {
    font-family: 'Montserrat', sans-serif; /* Stronger sans-serif for the main title */
    font-size: 2.2em; /* Adjusted size for prominence */
    font-weight: 700; /* Bold font weight */
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #2c3e50; /* Consistent heading color */
}

.conference-acronym {
    font-size: 0.7em; /* Smaller size for the acronym */
    font-weight: 600;
    color: #3498db; /* Accent color for the acronym */
    vertical-align: super; /* Position slightly above baseline */
}

.conference-dates {
    display: flex; /* Use flexbox to align icon and text */
    align-items: center; /* Vertically align them */
    font-size: 1.1em;
    font-weight: 600;
    color: #555; /* Slightly softer color for dates */
    margin-bottom: 5px;
    justify-content: center; /* This is the key change */
}

.calendar-icon {
    width: 20px; /* Size for the SVG icon */
    height: 20px;
    margin-right: 8px; /* Space between icon and text */
    color: #28b463; /* Green accent color for the icon */
    stroke-width: 2.2; /* Slightly thicker stroke for visibility */
}

.college-name,
.department {
    font-size: 0.95em;
    color: #666; /* Even softer color for institutional details */
    margin-bottom: 2px;
}

.college-name {
    font-weight: 600;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .conference-container {
        flex-direction: column; /* Stack items vertically on smaller screens */
        text-align: center; /* Center text */
        align-items: center; /* Center items horizontally */
        gap: 15px; /* Reduce gap */
    }

    .conference-title {
        font-size: 1.8em; /* Adjust font size for smaller screens */
    }

    .conference-acronym {
        display: block; /* Place acronym on new line */
        font-size: 0.8em;
        vertical-align: baseline; /* Reset vertical alignment */
    }

    .conference-dates {
        justify-content: center; /* Center date and icon */
    }

    .college-name,
    .department {
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .logo img {
        width: 70px;
        height: 70px;
    }
    .conference-title {
        font-size: 1.5em;
    }
}