/* Donation Page Styling */
.hero-section h1, .hero-section p {
  text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

.donation-form input {
  border-radius: 8px;
  border: 1px solid #ccc;
}

.btn-success {
  background-color: #198754;
  border: none;
  border-radius: 8px;
  transition: 0.3s;
}

.btn-success:hover {
  background-color: #157347;
}

.btn-outline-primary {
  border-color: #0070ba;
  color: #0070ba;
  border-radius: 8px;
}

.btn-outline-primary:hover {
  background-color: #0070ba;
  color: #fff;
}

.mpesa-section {
  background: linear-gradient(to right, #006b3f, #00b359);
}

.mpesa-box {
  border: 2px solid #198754;
}

.footer {
  background: linear-gradient(to right, #004d26, #0f9d58);
  color: white;
}

.footer a {
  color: #fff;
  margin: 0 8px;
  transition: 0.3s;
}

.footer a:hover {
  color: #c8f7c5;
}