/* General Reset */
body {
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
  }
  


/* Hero Section */
.hero-section {
    position: relative;
    background: url('../images/ourimpact-hero.jpg') no-repeat center center/cover;
    color: white;
    padding: 150px 0;
    text-align: center;
    margin-top: 140px;
    height: 30vh;
}

/* Overlay for Hero Section */
.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Dark overlay */
}

/* Ensure content is aligned properly inside the hero section */
.hero-section .container {
    position: relative;
    z-index: 2;
}

/* Impact Stats */
/* Impact Stats */
.impact-stats .card {
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: #fff;
    text-align: center;
    border-radius: 8px;
}

.impact-stats .card:hover {
    transform: translateY(-10px);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}

/* Icon Colors */
.impact-stats .card i {
    font-size: 3rem;
    display: block;
    margin-bottom: 10px;
}

.text-orange {
    color: #ff7f00 !important;
}

.text-violet {
    color: #6c4cff !important;
}

.text-black {
    color: #000 !important;
}

/* Impact Stories */
.impact-stories .card {
    border: none;
    overflow: hidden;
    transition: transform 0.3s ease;
    border-radius: 8px;
}

.impact-stories .card:hover {
    transform: scale(1.05);
}

/* Testimonials */
.testimonials .testimonial {
    max-width: 600px;
    margin: auto;
    text-align: center;
    padding: 20px;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.testimonials .carousel-control-prev-icon,
.testimonials .carousel-control-next-icon {
    background-color: #6c4cff;
    border-radius: 50%;
    padding: 10px;
}

/* Button Styles */
.btn-orange {
    background-color: #ff7f00;
    color: white;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.btn-orange:hover {
    background-color: #e56700;
    transform: scale(1.05);
}

.btn-violet {
    background-color: #6c4cff;
    color: white;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.btn-violet:hover {
    background-color: #5a3bcc;
    transform: scale(1.05);
}










/* Footer */
.footer {
    background: #000;
    color: white;
  }
  
  .footer h5 {
    color: #ff7f00;
    font-size: 1.5rem;
  }
  
  .footer a {
    color: white;
    text-decoration: none;
    transition: color 0.3s;
  }
  
  .footer a:hover {
    color: #ff7f00;
  }
  
  .footer .border-white {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }