/* General Body Styling */
body {
  padding-top: 80px; /* Adjust based on header height */
  background-color: #fffdf9;
  color: #222;
}


/* Hero Section Styles */
.hero-section {
  background: url('../IMAGES/hero.png') ;
  height: 90vh; /* Almost full screen height */
}

.btn-#fa7800 {
  background-color: #111111;
  color: #fff;
  border: none;
}

.btn-#fa7800:hover {
  background-color: #e65c00;
  color: #fff;
}

.text-#fa7800 {
  color: #fa7800 !important;
}

.text-#fa7800 {
  color: #111111;
}

.btn-#fa7800 {
  background-color: #111111;
  color: #fff;
  border-radius: 30px;
  padding: 10px 25px;
  transition: 0.3s ease;
}

.btn-#fa7800:hover {
  background-color: #e05500;
  color: #fff;
}

html{
    scroll-behavior: smooth;
}

/* About Section */
/* Vision & Mission */
#about + section {
  background: #f9f9f9;
}

#about + section h2 {
  font-weight: 600;
  color: #111111;
}

#about + section p {
  max-width: 800px;
  margin: auto;
  font-size: 18px;
  line-height: 1.8;
  color: #444;
}

/* What We Do (Services) */
#services h2 {
  font-weight: 600;
}

#services i {
  color: #111111;
  transition: transform 0.3s;
}

#services i:hover {
  transform: scale(1.2);
}


/* Success Stories */
#success-stories h2 {
  font-weight: 600;
}

#success-stories .shadow {
  transition: transform 0.3s, box-shadow 0.3s;
}

#success-stories .shadow:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

#success-stories img {
  max-height: 200px;
  object-fit: cover;
}

/* Gallery */
#gallery img {
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
}


/* Impact Counters */
.bg-#fa7800 .fw-bold {
  font-size: 2rem;
  margin-bottom: 5px;
}

/* Volunteer CTA */
#volunteer h2 {
  font-weight: 600;
  margin-bottom: 10px;
}

#volunteer p {
  font-size: 16px;
}

/* Partners */
#partners img {
  max-height: 80px;
  margin: 10px;
  opacity: 0.8;
  transition: opacity 0.3s, transform 0.3s;
}

/* Testimonials */
#testimonials h2 {
  font-weight: 600;
}

#testimonials .shadow {
  background: #fff;
  border: 1px solid #eee;
  transition: transform 0.3s, box-shadow 0.3s;
}

#testimonials .shadow:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* Facebook Updates (if used) */
#facebook-updates h2 {
  font-weight: 600;
  margin-bottom: 25px;
}

.fb-page {
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  background: white;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
}