/* Style for the Vision Heading */
        h2 {
            font-size: 1.7rem; /* Larger font size for better visibility */
            font-weight: bold; /* Make the heading stand out */
            text-align: center; /* Center align the text */
            color: #fff; /* White text color for readability */
            margin-top: 120px; /* Add top margin for spacing */
            margin-bottom: 80px; /* Add bottom margin for spacing */
            text-transform: uppercase; /* Capitalize for emphasis */
            letter-spacing: 1px; /* Slight letter spacing for clarity */
            font-family: 'Arial', sans-serif; /* Clean and modern font */
            
            padding: 10px 0; /* Add some padding for spacing */
            border-radius: 5px; /* Rounded corners for a soft look */
        }

        /* Optional: Make sure the section has appropriate padding */
        .section-heading-container {
            padding: 40px 20px; /* Padding for the surrounding section */
        }

        /* Optional: Add responsive design if needed */
        @media (max-width: 768px) {
            h2 {
                font-size: 1.5rem; /* Adjust font size for smaller screens */
                margin-top: 100px; /* Reduce margin for smaller screens */
                margin-bottom: 60px; /* Adjust bottom margin */
            }
        }
		.hero-section {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 450px;
}
.hero-section .overlay {
  background-color: rgba(0,0,0,0.6);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-title {
  font-size: 42px;
  font-weight: 700;
}
.hero-subtitle {
  font-size: 20px;
  margin-top: 10px;
}
.section h2, .section h3 {
  font-weight: 700;
  margin-bottom: 15px;
  color: #333;
}
.section p {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
}
.img-fluid {
  width: 100%;
  height: auto;
}
.card {
  background: #fff;
  border-radius: 12px;
  transition: transform 0.3s, box-shadow 0.3s;
}
.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.icon {
  text-align: center;
}
.flex-md-row-reverse {
  flex-direction: row-reverse !important;
}
.cta-section {
  background-color: #800000;
}
.cta-section .btn-light {
  border-radius: 50px;
  padding: 12px 30px;
  font-size: 18px;
}
.animate__animated {
  visibility: visible !important;
}