/* filename: css/vision_missions.css */

.vision-missions-paragraph {
  display: grid;
  grid-template-columns: 1fr; /* Mobile: single column */
  gap: 2em; /* Gap between vision/missions when stacked */
  margin: 0 auto;
  padding: 5em 0px;
}

/* Desktop: two columns */
@media (min-width: 768px) {
  .vision-missions-paragraph {
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    gap: 3em; /* Adjust gap between columns */
  }
}

.vision-missions__item {
  /* Individual column styling */
}

.vision-missions__header {
  display: flex;
  align-items: center;
  gap: 0.8em; /* Space between icon and title */
  margin-bottom: 1em; /* Space below header */
}

.vision-missions__icon {
  flex-shrink: 0; /* Prevent icon from shrinking */
  width: 40px; /* Match SVG width attribute */
  height: 40px; /* Match SVG height attribute */
  color: #0052cc; /* Adjust icon color (blueish in image) */
}

/* Example specific color for leaf part */
.vision-missions__icon--globe path[fill="#699e3b"] {
  fill: #82b440; /* Adjust green color to match image */
}
/* Example specific color for eye lines */
.vision-missions__icon--eye line {
  stroke: #f3c300; /* Adjust yellow color to match image */
}


.vision-missions__title {
  margin: 0;
  font-size: 27px;
  font-weight: 600;
  color: #4B4C57;
  line-height: 1.3;
  font-family: Poppins;
}

.vision-missions__description p {
  font-size: 16px;
  color: #000;
  line-height: 1.7;
}

/* Remove extra margin from paragraphs within the description */
.vision-missions__description > *:last-child {
  margin-bottom: 0;
}