:root {
  --green: #00c76f;
  --light: #f7fff9;
  --dark: #111;
}
body {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  background: var(--light);
  overflow-x: hidden;
}
section { padding: 90px 0; }
.container { width: 90%; max-width: 1200px; margin: auto; }
.section-title { font-size: 2.3rem; font-weight: 700; margin-bottom: 20px; }
.section-title span { color: var(--green); }
.section-desc { max-width: 700px; margin: auto; color: #555; font-size: 1rem; }

/* HERO */
/* .hero {
  position: relative;
  height: 90vh;
background: url('../images/backgrounds/main-slider-1-1.jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  overflow: hidden;
} */
.overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .4));
  z-index: 1;
}
.hero-content { position: relative; z-index: 2; text-align: center; }
.title { font-size: 3rem; font-weight: 800; }
.title span { color: var(--green); }
.subtitle { font-size: 1.2rem; margin: 15px 0; }
.btn-cta {
  background: var(--green);
  color: #fff;
  padding: 14px 35px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: .3s;
}
.btn-cta:hover {
  transform: scale(1.1);
  box-shadow: 0 10px 25px rgba(0, 255, 153, .4);
}

/* INITIATIVES */
.initiative-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-top: 40px;
}
.initiative-card {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
}
.initiative-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0,199,111,0.25);
}
.card-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.initiative-card:hover img { transform: scale(1.1); }
.card-body { padding: 20px; text-align: left; }
.card-body h3 { color: var(--green); font-size: 1.3rem; margin-bottom: 10px; }
.card-body p { color: #444; font-size: 0.95rem; line-height: 1.5; }

/* FUNDRAISING SECTION */
.fund-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  margin-top: 50px;
}
.fund-card {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 199, 111, 0.2);
  transition: all .4s ease;
}
.fund-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0, 199, 111, 0.3);
}
.fund-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.fund-info {
  padding: 20px;
  text-align: left;
}
.fund-info h3 { font-size: 1.3rem; color: var(--dark); margin-bottom: 10px; }
.fund-info p { color: #555; font-size: 0.95rem; margin-bottom: 15px; }
.progress-bar {
  height: 10px;
  background: #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.progress {
  height: 10px;
  background: var(--green);
  border-radius: 10px;
  transition: width .6s ease-in-out;
}
.fund-stats { font-size: 0.9rem; color: #333; margin-bottom: 15px; }
.btn-donate {
  background: var(--green);
  color: #fff;
  padding: 10px 22px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}
.btn-donate:hover {
  background: #00b761;
  transform: scale(1.05);
}

/* FLOATING BUTTONS */


/* FADE SCROLL */
.fade-section { opacity: 0; transform: translateY(60px); transition: all 1s ease; }
.fade-section.visible { opacity: 1; transform: translateY(0); }