/* Impact Section Styling */
.impact-section {
  background-color: #3e8e41; /* Green background */
  padding: 0px 0;
  color: #fff;
}

/* Impact Content (Left and Right) */
.section-heading {
  text-align: center;
  margin-bottom: 50px; /* Space below the heading */
  
}

.counter-container {
  display: flex;
  justify-content: space-between; /* Align items in a row */
  flex-wrap: wrap; /* Wrap items if needed */
  padding-top: 50px;
  padding-top: 20px;
}

/* Counter Box */
.counter-box {
  background: transparent; /* Transparent background */
  padding: 10px; /* Adjusted padding */
  text-align: center;
  flex: 1; /* Allows boxes to grow and shrink */
}

/* Counter Box Heading */
.counter-box h2, .counter-box h3 {
  font-size: 36px; /* Font size for Impact heading */
  color: #fff; /* White color for text */
}

/* Counter Box Description */
.counter-box p {
  font-size: 18px; /* Font size for description */
  color: #ddd; /* Light grey for description */
}

/* Responsive Styles */
@media (max-width: 768px) {
  .counter-container {
    flex-direction: column; /* Stack items on smaller screens */
  }
}


/* Counter Box */
.counter-box {
  background: transparent; /* Keep transparent background */
  padding: 20px; /* Padding around the content */
  text-align: center; /* Center align text */
  flex: 1; /* Allows boxes to grow and shrink */
  border: 2px solid #fff; /* Add a white border */
  border-radius: 10px; /* Rounded corners for a softer look */
  /* transition: transform 0.3s, box-shadow 0.3s; /* For hover effect */
} */

/* Counter Box Hover Effect */
.counter-box:hover {
  /* transform: translateY(-5px); Slight lift on hover */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); /* Shadow on hover for depth */
}

/* Counter Box Heading */
.counter-box h3 {
  font-size: 36px; /* Font size for the counter */
  color: #fff; /* White color for text */
}

/* Counter Box Description */
.counter-box p {
  font-size: 18px; /* Font size for description */
  color: #ddd; /* Light grey for description */
}


/* Counter Box */
.counter-box {
  background: transparent; /* Keep transparent background */
  padding: 20px; /* Padding around the content */
  text-align: center; /* Center align text */
  flex: 1; /* Allows boxes to grow and shrink */
}

/* Counter Box with Title (No Border) */
.counter-box.impact-title {
  border: none; /* No border for the impact title */
}

/* Counter Box (with Border) */
.counter-box:not(.impact-title) {
  border: 0px solid #fff; /* Add a white border to all other boxes */
  border-radius: 10px; /* Rounded corners for a softer look */
  /* transition: transform 0.3s, box-shadow 0.3s; /* For hover effect */
} */



/* Counter Box Heading */
.counter-box h3 {
  font-size: 36px; /* Font size for the counter */
  color: #fff; /* White color for text */
}

/* Counter Box Description */
.counter-box p {
  font-size: 18px; /* Font size for description */
  color: #ddd; /* Light grey for description */
}