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

header {
    background-color: #f8f9fa; /* Keep the background color consistent */
}

.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px; /* Add horizontal padding to the container */
}

h1 {
    margin: 0;
    flex-grow: 1; /* Allow title to take available space */
}

nav {
    margin-left: 20px; /* Add some space between title and navigation */
}

nav ul {
    list-style: none;
    padding: 0;
    display: flex;
}

nav ul li {
    margin-left: 20px;
}

nav a {
    text-decoration: none;
    color: #007bff; /* Change to desired color */
}

.main-container {
    padding: 20px;
    max-width: 800px; /* Set a max width for main content */
    margin: 0 auto; /* Center the content */
}

.partner {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.partner img {
    max-width: 80px; /* Set the maximum width */
    max-height: 80px; /* Set the maximum height */
    object-fit: contain; /* Preserve aspect ratio */
    margin-right: 15px; /* Keep the existing margin */
}


.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8f9fa;
    padding: 10px 20px;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
}

.footer-container {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Align items to the ends */
    max-width: 800px; /* Same max width as main content */
    margin: 0 auto; /* Center the content */
}

.footer-text {
    text-align: left; /* Align text to the left */
}

.footer-logos {
    display: flex;
    align-items: center;
}

.footer-logo {
    max-width: 70px; /* Adjust the size for footer logos */
    max-height: 70px;
    object-fit: contain; /* Maintain aspect ratio */
    padding-right: 20px;
}

/* New styles for the image and updates section */
.image-center {
    text-align: center; /* Center the content */
    margin: 20px 0; /* Add space above and below the image */
}

.project-image {
    max-width: 100%; /* Ensure the image is responsive */
    height: auto; /* Maintain aspect ratio */
}

.updates-section {
    margin-top: 40px; /* Add space above the updates section */
}

.updates-list {
    list-style-type: none; /* Remove default list styles */
    padding: 0; /* Remove padding */
}

.updates-list li {
    margin: 5px 0; /* Space between list items */
}