.who-we-are-section {
  background-color: #f8fbfc;
  padding: 60px 0;
}
.who-we-are-section h2 {
  color: #ff0000;
  font-weight: bold;
}
.about-msh {
  margin-top: 40px;
}
.about-msh h3 {
  color: #ff0000;
  font-weight: bold;
}
.about-msh p {
  margin-bottom: 15px;
  line-height: 1.6;
}
.about-msh .btn {
  margin-right: 15px;
  background-color: #2bad0b;
  color: #000;
  font-weight: bold;
}
.about-msh .btn:hover {
  background-color: #b5d920;
}


/* who we are top */
.text-green {
  color: limegreen; /* Adjust this shade of green if needed */
}

.who-we-are-section h2 {
  color: RED;
}

.who-we-are-section p {
  color: gray;
  font-weight: 400;
}


#purpose-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5; /* Number of lines to display initially */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-height: 7.5em; /* Adjust based on font size */
  transition: max-height 0.3s ease;
}

#purpose-text.expanded {
  -webkit-line-clamp: unset;
  max-height: 100%; /* Full height when expanded */
}