/* HERO (EARTH + GOLD THEME) */
.about-hero{
  background:linear-gradient(135deg,#2c2c2c,#4b4b4b);
  color:#fff;
  padding:90px 0;
  text-align:center;
}

/* CARD */
.about-card{
  border-radius:18px;
  background:#ffffff;
  transition:.3s;
  border-top:4px solid #c8a951;
}

.about-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}

/* IMPACT COUNTER */
.impact-counter{
  background:linear-gradient(135deg,#1f1f1f,#3a3a3a);
  color:#fff;
}

/* COUNTER NUMBER */
.counter{
  font-size:36px;
  font-weight:700;
  color:#c8a951;
}

/* TIMELINE */
.timeline{
  border-left:4px solid #c8a951;
  padding-left:20px;
}

.timeline-item{
  margin-bottom:30px;
}

/* HEADING */
.timeline-item h5{
  color:#2c2c2c;
}

/* SDG BOX */
.sdg-box{
  border-radius:18px;
  background:#ffffff;
  border-top:4px solid #c8a951;
  transition:.3s;
}

.sdg-box:hover{
  transform:translateY(-6px);
  box-shadow:0 15px 35px rgba(0,0,0,.1);
}

/* BUTTON */
.btn-primary{
  background:#2c2c2c;
  border:none;
}

.btn-primary:hover{
  background:#c8a951;
  color:#fff;
}