* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Body Styles */
body {
  font-family: 'Arial', sans-serif;
  background-color: #ffffff; /* Light background color */
  color: #333; /* Dark text color */
  font-size: 16px; /* Base font size */
}

.container {
  max-width: 1200px; /* Adjusted to fill the whole page */
  margin: 20px auto;
  padding: 20px;
  background-color: #fff; /* Solid white background */
  border-radius: 10px;

}

.section-container {
  margin-bottom: 40px; /* Add more space between sections */
}

/* Container for About, Vision, Mission, and Core Values sections */
.about-container,
.vision-container,
.mission-container,
.core-values-container {
  padding: 20px; /* Add padding to the containers */
  border-radius: 10px; /* Rounded corners */
  background-color: rgba(238, 237, 237, 0.884); /* Light blue background */
}

/* Heading Styles */
h1, h2 {
  margin-top: 40px; /* Increase space above headings */
  text-align: left; /* Left align headings */
  font-weight: bold;
}

h1 {
  font-size: 3em; /* Larger font size for main heading */
}

h2 {
  font-size: 2em; /* Slightly larger font size for section headings */
}

/* Paragraph Styles */
p {
  margin-bottom: 30px; /* Increase space below paragraphs */
  line-height: 1.5; /* Improved readability with slightly increased line height */
  font-size: 1.2em; /* Increased font size for paragraphs */
}

/* Unordered List Styles */
ul {
  margin-bottom: 30px; /* Increase space below unordered lists */
  list-style-type: none; /* Remove bullet points */
}

/* List Item Styles */
li {
  margin-bottom: 10px; /* Increase space between list items */
}

/* Footer Styles */
footer {
  margin-top: 30px;
  text-align: center;
}

/* Board Members Section Styles */
#board-members {
  margin-top: 50px; /* Add space above the board members section */
  text-align: center;
}

.board-members-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.board-member {
  width: 180px; /* Adjusted width for board member cards */
  margin: 20px; /* Increased margin for better spacing */
  padding: 15px;
  background-color: #fff; /* Solid white background */
  border-radius: 10px;
  transition: transform 0.3s ease; /* Smooth hover effect */
}

.board-member:hover {
  transform: scale(1.05); /* Scale up on hover */
}

.board-member-photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto 15px;
  display: block;
  border: 3px solid #333; /* Dark border around photos */
}

.board-member-name {
  font-size: 1.4em; /* Increased font size for board member names */
  font-weight: bold;
  margin-bottom: 5px;
}

.board-member-role {
  font-size: 1.1em; /* Increased font size for board member roles */
}

/* Sponsors and Partners Section Styles */
#sponsors-partners {
  margin-top: 50px; /* Add space above the sponsors and partners section */
}

.sponsors-partners-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.sponsor-partner {
  width: 180px; /* Adjusted width for sponsor and partner cards */
  margin: 20px; /* Increased margin for better spacing */
  padding: 15px;
  background-color: #fff; /* Solid white background */
  border-radius: 10px;

  transition: transform 0.3s ease; /* Smooth hover effect */
}

.sponsor-partner:hover {
  transform: scale(1.05); /* Scale up on hover */
}



  .alpha-logo {
    display: block;
    margin: 0 auto 30px;
    max-width: 100%;
  }


.sponsor-partner-photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto 15px;
  display: block;
  border: 3px solid #333; /* Dark border around photos */
}

.sponsor-partner-name {
  font-size: 1.4em; /* Increased font size for sponsor and partner names */
  font-weight: bold;
  margin-bottom: 5px;
  
}

.sponsor-partner-role {
  font-size: 1.1em; /* Increased font size for sponsor and partner roles */
}
