/* General settings */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
  background-color: #fdfdfd;
}

/* Navbar */
.navbar {
  background-color: #2f59a8 !important; /* Deep Blue */
}

.logo-placeholder {
  background: #e67e22;
  color: #fff;
  font-weight: bold;
  padding: 6px 10px;
  border-radius: 50%;
  font-size: 14px;
}

/* Hero section */
.hero {
  background: linear-gradient(rgba(34, 82, 171, 0.8), rgba(26,61,124,0.8)),
              url(assets/banner.jpg) no-repeat center center/cover;
  color: white;
  padding: 100px 20px;
}

.hero h1 {
  font-size: 2.5rem;
  margin-bottom: 15px;
}

.btn-donate {
  background-color: #e67e22;
  border: none;
}

.btn-donate:hover {
  background-color: #d35400;
}

/* Cards */
.card {
  border: none;
  transition: transform 0.2s ease-in-out;
}

.card:hover {
  transform: translateY(-5px);
}

/* Footer */
footer {
  background-color: #1a3d7c;
}

.program-img {
  max-width: 220px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.stagger-up {
  margin-top: -30px;
}
.stagger-down {
  margin-top: 30px;
}