.icon-circle {
  background-color: #75D156;
  color: #ffffff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1rem;
}

/* Smaller icon boxes within mission/goal cards */
.icon-box {
  background-color: #75D156;
  color: #ffffff;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.75rem;
  flex-shrink: 0;
}

/* Learn More button styling */
.btn-outline-success {
  border-color: #75D156;
  color: #75D156;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-outline-success:hover {
  background-color: #75D156;
  color: #ffffff;
}

/* **************************************newly added */

/* Section background */
#vision-mission {
  background: linear-gradient(135deg, #e7f0fd 0%, #ffffff 100%);
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* Section title styling */
.section-title {
  color: #0A3C2D;
}

/* Subtitle styling */
.section-subtitle {
  color: #6c757d;
}

/* Card title styling */
.section-heading {
  color: #0A3C2D;
}

/* Card styling */
.card {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border: none;
  height: 100%;
}

/* Icon circle style */

/* Remove margin from small text for better alignment */
.text-muted.small {
  margin-bottom: 0;
}

/* Card body text alignment and spacing */
.card-body.text-center {
  text-align: center;
}

.vision-img {
  border-radius: 0.5rem;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}