/* Reuse all previous CSS here */
body, header, .navbar, nav, .slider, .impact, .news, footer {
  /* styles as previously shared */
}

/* New: Header logo and layout */
.header-inner {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: #2e7d32;
  color: white;
}
.logo {
  max-height: 60px;
}

/* You can drop the duplicated styles from earlier responses */
 /* Base styles */
    * { margin:0; padding:0; box-sizing:border-box; }
    body { font-family: Arial, sans-serif; background:#f9f9f9; color:#333; }
    a { color: inherit; text-decoration: none; }

    /* Header + Navbar */
    header { 
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 1000;
     background:#2e7d32;
     padding:1rem;
     text-align:center;
     color:white; 
   }
    .navbar {
     position: fixed;
     top: 120px;
     left: 0;
     width: 100%;
     z-index: 999;
     background:#388e3c; display:flex; justify-content:space-between; align-items:center; padding:0.5rem 1rem; flex-wrap:wrap; }
    .menu-toggle { display:none; cursor:pointer; flex-direction:column; }
    .menu-toggle span { background:white; height:6px; margin:4px 0; width:25px; border-radius:2px; }
    nav { display:flex; flex-wrap:wrap; justify-content:center; width:100%; z-index:10; }
    .nav-item { position:relative; padding:0.75rem 1rem; color:white; cursor:pointer; }
    .nav-item:hover, .nav-item.open { background:#2e7d32; }
    .dropdown { display:none; position:absolute; top:100%; left:0; background:#f1f1f1; min-width:200px; border:1px solid #ccc; opacity:0; transform:translateY(-10px); transition:all 0.3s ease; pointer-events:none; z-index: 20;}
    .nav-item:hover .dropdown { display:block; opacity:1; transform:translateY(0); pointer-events:auto; }
    .dropdown a { display:block; padding:0.5rem 1rem; color:#333; }
    .dropdown a:hover { background:#ddd; }

    /* Slider */
    .slider { position:relative; overflow:hidden; max-width:100%; height:65vh; margin-bottom:2rem; z-index:1; top: 180px;}
    .slides { display:flex; transition:transform 0.5s ease-in-out; }
    .slide { min-width:100%; object-fit:cover; }
    .arrow { position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.5); color:white; padding:0.5rem; border:none; cursor:pointer; font-size:1.5rem; }
    .arrow.left { left:10px; }
    .arrow.right { right:10px; }

    /* Content sections */
    .content { padding:2rem; top:340px; z-index: 1; margin-top: 150px}
    .conent p{padding 15px;}
    .impact { display:flex; justify-content:space-around; text-align:center; flex-wrap:wrap; margin-bottom:2rem; }
    .impact .item { flex:1 1 200px; padding:1rem;flex: 1 1 200px;padding: 1rem;background: #2e7d3212;margin: 5px;border-radius: 10px; }
    .impact .item img { width: 78px;height: 95px, margin-bottom:0.5rem;width: 40px; height: 60px;margin-bottom: 0.5rem; }

    .news { margin-bottom:2rem; }
    .news h2 { margin-bottom:1rem; }
    .news .news-items { display:flex; flex-wrap:wrap; gap:1rem; }
    .news .news-item { background:white; padding:1rem; box-shadow:0 0 5px rgba(0,0,0,0.1); flex:1 1 calc(33% - 1rem); min-width:250px; }

    /* Footer */
    footer { background:#2e7d32; color:white; padding:2rem 1rem; }
    .footer-container { display:flex; justify-content:space-between; flex-wrap:wrap; }
    .footer-column { flex:1 1 200px; margin:0.5rem; }
    .footer-column h3 { margin-bottom:0.5rem; }
    .footer-column ul { list-style:none; }
    .footer-column ul li { margin-bottom:0.5rem; }
    .footer-address { margin-top:1rem; font-size:0.9rem; }

    /* Responsive */
    @media (max-width:768px) {
      .menu-toggle { display:flex; }
      nav { display:none; flex-direction:column; width:100%; background:#388e3c; }
      nav.active { display:flex; }
      .nav-item { width:100%; text-align:center; }
      
      .dropdown { position:static; display:none; opacity:1; transform:none; border:none; }
      .nav-item.open .dropdown { display:block; }
      
      .impact, .news .news-items { flex-direction:column; }

.partner {
  flex: 1 1 200px;
  text-align: center;
  background: #f9f9f9;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.partner.visible {
  opacity: 1;
  transform: translateY(0);
}

.news-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
  background: #f7f7f7;
  padding: 1.5rem;
  border-radius: 6px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.05);
}
.news-form input,
.news-form textarea,
.news-form select {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
}
.news-form button {
  background: #2e7d32;
  color: white;
  border: none;
  padding: 0.75rem;
  border-radius: 4px;
  cursor: pointer;
}
.news-form button:hover {
  background: #256527;
}

.btn-cta {
  display: inline-block;
  margin-top: 1rem;
  background: #2e7d32;
  color: white;
  padding: 0.75rem 1.25rem;
  text-decoration: none;
  border-radius: 4px;
}
.btn-cta:hover {
  background: #256427;
}

.social {
  margin-top: 2rem;
  text-align: center;
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1rem;
}

.social-icons img {
  width: 40px;
  height: 40px;
  transition: transform 0.2s ease;
}

.social-icons img:hover {
  transform: scale(1.15);
}

.donate-icon img {
  width: 45px;
  height: 45px;
  transition: transform 0.2s ease;
}

.donate-icon img:hover {
  transform: scale(1.1);
}
.donate-btn {
  color: white;
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem;
  transition: background 0.2s ease, transform 0.2s ease;
  background: orange;
}

.donate-btn:hover {
  transform: translateY(-1px);
}




@media screen and (max-width: 768px) {
  .header-inner h2 {
    font-size: 1rem;
  }

  .donate-btn {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
  }




.news-items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.news-item h4 {
  color: #2e7d32;
  margin: 0;
}
.news-item p {
  color: #555;
  margin: 0.25rem 0 0;
}
.btn-all-news {
  display: inline-block;
  margin-top: 1rem;
  background: #2e7d32;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
}
.btn-all-news:hover {
  background: #256427;
}

.btn-all-news {
  display: inline-block;
  margin-top: 1rem;
  background: #2e7d32;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
}
.btn-all-news:hover {
  background: #256427;
}