:root {
  --zoud-primary: #4e8c6f;
  --zoud-secondary: #c2b49a;
  --zoud-accent: #d4943a;
  --zoud-bg: #fef3dc;
  --zoud-foreground: #393636;
  --zoud-muted: #e8dcc8;
  --zoud-muted-fg: #5c5c5c;
  --zoud-border: #d4caaf;
  --zoud-card-bg: #ffffff;
  --zoud-destructive: #8b3a3e;
  --zoud-font-family: Montserrat, sans-serif;
  --zoud-font-size-base: 1rem;
  --zoud-radius: 0.75rem;
  --zoud-radius-lg: 1rem;
  --zoud-radius-xl: 1.5rem;
  --zoud-dark-bg: #0d2318;
  --zoud-dark-text: #ffffff;
  --zoud-sidebar-bg: #1a3d2e;
  --zoud-sidebar-fg: #fef3dc;
  --zoud-sidebar-border: hsl(152, 20%, 20%);
  --zoud-chart-1: #4e8c6f;
  --zoud-chart-2: #d4943a;
  --zoud-chart-3: #737373;
  --zoud-chart-4: #5cb8b2;
  --zoud-chart-5: #9966cc;
}

.about-hero {
  position: relative;
  background: #0d2318;
  padding-top: 8rem;
  padding-bottom: 4rem;
  overflow: hidden;
}
.about-hero .about-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.about-hero .about-hero-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.5;
}
.about-hero .about-hero-bg .about-hero-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(13, 35, 24, 0.8), rgba(6, 78, 59, 0.6), rgba(13, 35, 24, 0.8));
}

.mission-card {
  border-radius: 1.5rem;
  background: linear-gradient(to bottom right, #059669, #0f766e);
  padding: 2rem 2.5rem;
  color: #fff;
}

.pillar-card {
  border-radius: 1rem;
  border: 1px solid #f3f4f6;
  background: #f9fafb;
  padding: 1.5rem;
  transition: all 0.2s;
}
.pillar-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.about-impact-section {
  border-radius: 1.5rem;
  background: #0d2318;
  padding: 2rem 2.5rem;
}

.timeline-item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.timeline-item .timeline-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 9999px;
  background: linear-gradient(to bottom right, #34d399, #14b8a6);
  flex-shrink: 0;
  margin-top: 0.375rem;
}
.timeline-item .timeline-line {
  width: 2px;
  background: #d1fae5;
  flex-shrink: 0;
  align-self: stretch;
  margin-left: 0.3125rem;
}
/*# sourceMappingURL=about.css.map */