/* --- ABOUT SECTION --- */
.about {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  padding: 80px 10%;
}

/* Text on the left */
.about_text {
  flex: 1;
  text-align: left;
}

.about_text h1 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  color: #222;
     font-family: 'Poppins', sans-serif;

}

.about_text p {
  font-size: 1rem;
  line-height: 1.7;
  color: #444;
}

/* Image on the right */
.about_pic {
  flex: 1;
  display: flex;
  justify-content: flex-end;

}

.about_pic img {
  width: 100%;
  max-width: 480px;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);

}

/* Responsive design for mobile */
@media (max-width: 900px) {
  .about {
    flex-direction: column-reverse;
    text-align: center;
  }

  .about_pic {
    justify-content: center;
  }

  .about_text {
    text-align: center;
  }
}



/* --- MISSION & VISION SECTION --- */
.mission_vision {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;               /* spacing between mission and vision */
  padding: 40px 80px;
}

.vision, .mission {
  flex: 1;                 /* each takes equal width */
  display: flex;
  flex-direction: column;  /* stack heading and paragraph */
  text-align: justify;
}

.vision h2, .mission h2 {
  font-size: 1.8rem;
  color: black;
  margin-bottom: 10px;
  text-align: center;
   font-family: 'Poppins', sans-serif;
}

.vision p, .mission p {
  line-height: 1.6;
  color: #333;
}

/* Responsive layout for mobile */
@media (max-width: 768px) {
  .mission_vision {
    flex-direction: column;
    padding: 20px;
  }

  .vision, .mission {
    width: 100%;
  }
}


.partners {
  text-align: center;
  padding: 60px 20px;

}

.partners {
  text-align: center;
  padding: 60px 20px;
  background: #FFF6EA; /* optional */
}

.partners h1 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: black;
  margin-bottom: 40px;
  font-size: 2em;
}

/* Image container */
.partner_imgs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  justify-items: center;
  align-items: center;
  max-width: 900px;       /* limits overall row width */
  margin: 0 auto;         /* centers the grid */
}

/* Responsive layout */
@media (max-width: 1024px) {
  .partner_imgs {
    grid-template-columns: repeat(3, 1fr); /* 3 per row on tablets */
  }
}

@media (max-width: 700px) {
  .partner_imgs {
    grid-template-columns: repeat(2, 1fr); /* 2 per row on mobile */
  }
}

@media (max-width: 480px) {
  .partner_imgs {
    grid-template-columns: 1fr; /* 1 per row on small screens */
  }
}

/* Individual partner logos */
.partner_imgs img {
  width: 180px;
  height: 180px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect */
.partner_imgs img:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}