/* Container for main about-us content */
.about-container {
  width: 80%;
  margin: 0 auto;
  padding: 2rem 0;
}

/* Headings */
h1,
h2 {
  color: #4CAF50;
  text-align: center;
  margin-bottom: 1rem;
}

/* Paragraph spacing */
p {
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

/* ===================== */
/* VISION, MISSION, VALUES */
.expertise-section {
  margin: 2rem 0;
}

/* Make them bullet points */
.expertise-list {
  list-style-type: disc;  /* or square, circle, etc. */
  padding-left: 2rem;     /* indentation for bullets */
  margin: 0;
}

.expertise-list li {
  margin-bottom: 1.5rem;
  position: relative;
  overflow: auto; /* let floated items not break the bullet layout */
}

/* Bigger icons for Vision, Mission, Values */
.expertise-icon {
  width: 120px;    /* Adjust as needed */
  height: auto; 
  float: left;     /* Text will wrap around */
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}

/* ===================== */
/* THE TEAM SECTION */
.team {
  display: flex;
  flex-wrap: wrap;        /* Make it responsive */
  justify-content: space-evenly;
  gap: 2rem;              /* Space between team members */
  margin-top: 2rem;
}

/* Each team member’s container */
.team-member {
  flex: 1 1 250px;        /* Adjust for how many members in a row */
  min-width: 250px;
  text-align: center;
}

/* Team member photos */
.team-photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;       /* Ensures the photo is cropped nicely */
}

/* FOOTER */
footer {
  background-color: #333;
  color: white;
  text-align: center;
  padding: 1rem;
  margin-top: 2rem;
}

/* MOBILE-FRIENDLY ADJUSTMENTS */
@media (max-width: 768px) {
  .expertise-list {
    padding-left: 1.5rem;
  }

  .expertise-icon {
    width: 100px;  /* Slightly smaller for mobile if you want */
  }

  .team {
    flex-direction: column;
    gap: 1rem;
  }

  .team-member {
    width: 100%;
  }
}