.nav-initiative .nav-link {
     color: #6c757d;
     font-weight: 500;
     padding: 0 0 10px 0;
     border-radius: 0;
     border-bottom: 3px solid transparent;
 }

 .nav-initiative .nav-link.active {
     background: none !important;
     color: #ff5e14 !important;
     border-bottom: 3px solid #ff5e14;
 }

 .text-orange {
     color: #ff5e14;
 }

 .btn-orange {
     background-color: #ff5e14;
     color: white;

     border-radius: 50px;
 }

 .btn-orange:hover {
     background-color: #e54e00;
     color: white;
 }

 .bg-success-soft {
     background-color: #e8f5e9;

 }

 /* Impact Card Gradient Styling */
 .impact-card {
     background: linear-gradient(135deg, #ffffff 60%, #ffe0d1 100%);
     border: 1px solid #f1f1f1;
 }

 /* Styling the Back Button */
 .btn-back {
     background: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
     backdrop-filter: blur(5px);
     font-size: 0.95rem;
 }

 .btn-back:hover {
     background: rgba(255, 255, 255, 0.2);
 }

 /* Glassmorphism Stat Cards */
 .stat-card {
     /* Semi-transparent white */
     border: 1px solid rgba(255, 255, 255, 0.15);
     /* Light border */
     backdrop-filter: blur(10px);
     /* Blur effect */
     padding: 1.5rem;
     border-radius: 15px;
     color: white;
     height: 100%;
     transition: transform 0.3s ease;
 }

 .stat-card:hover {
     transform: translateY(-5px);
     background: rgba(255, 255, 255, 0.12);
 }

 /* Typography adjustments */
 .bg-breadcrumb-social-media-details h1 {
     letter-spacing: -1px;
 }

 .bg-breadcrumb-social-media-details {
     position: relative;
     overflow: hidden;
     background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/assets/img/banner-2.png);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 100px 0 30px 0;
     transition: 0.5s;
 }

 .bg-breadcrumb-social-media-details .breadcrumb {
     position: relative;
 }

 .bg-breadcrumb-social-media-details .breadcrumb .breadcrumb-item a {
     color: var(--bs-white);
 }

 /* Timeline Container Settings */
 .timeline-container {
     padding-left: 20px;
 }

 /* The Vertical Line */
 .timeline-line {
     position: absolute;
     left: 20px;
     top: 0;
     bottom: 0;
     width: 3px;
     background-color: #ffe0d1;
     /* Soft orange line */
     z-index: 1;
 }

 /* Individual Items */
 .timeline-item {
     position: relative;
     z-index: 2;
 }

 /* Year Badge Styling */
 .year-badge {
     position: absolute;
     left: -20px;
     width: 80px;
     height: 60px;
     background-color: #ff5e14;
     color: white;
     font-weight: bold;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 15px;
     font-size: 0.95rem;
     box-shadow: 0 4px 10px rgba(255, 94, 20, 0.3);
 }

 /* Content Card */
 .timeline-content {
     transition: transform 0.3s ease;
     margin-left: 80px !important;
     border-radius: 25px;
 }

 .timeline-content:hover {
     transform: translateX(10px);
 }

 /* Beneficiary Tag (the orange light button) */
 .beneficiary-tag {
     display: inline-block;
     background-color: #fff5f0;
     color: #ff5e14;
     font-size: 0.9rem;
     font-weight: bold;
     padding: 5px 15px;
     border-radius: 20px;
     border: 1px solid #ffe0d1;
 }

 /* Timeline Section Heading */
 #timeline h2 {
     color: #1a1a1a;
     letter-spacing: -1px;
 }

 /* Stories of Change Styling */
 .testimonial-card {
     transition: transform 0.3s ease;
     border: 1px solid #f0f0f0 !important;
 }

 .testimonial-card:hover {
     transform: translateY(-10px);
 }

 .quote-icon {
     width: 55px;
     height: 55px;
     background-color: #ff5e14;
     /* Brand Orange */
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1rem;
 }

 .x- {
     font-size: 0.85rem;
 }

 .italic {
     font-style: italic;
     line-height: 1.6;
 }

 /* Photo Gallery Styling */
 .gallery-item {
     height: 250px;
     /* Fixed height for uniformity */
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .gallery-item img {
     height: 100%;
     object-fit: cover;
     /* Ensures images fill the box without stretching */
     transition: transform 0.5s ease;
 }

 .gallery-item:hover img {
     transform: scale(1.1);
 }

 /* Extra spacing for the footer/bottom */
 #gallery {
     margin-bottom: 50px;
 }

 .testimonial-carousel .owl-dots {
     margin-top: 30px !important;
 }

 .testimonial-carousel .owl-dot span {
     background: #ffe0d1 !important;
 }

 .testimonial-carousel .owl-dot.active span {
     background: #ff5e14 !important;
     /* Brand Orange */
     width: 30px !important;
 }

 /* Fixed image size for Owl Carousel items */
 .testimonial-carousel .item img {
     display: inline-block;
 }

 /* Help Card Styling */
 .help-card {
     background: linear-gradient(180deg, #ffffff 0%, #fff7f2 100%);
     border: 1px solid #f8e9e2 !important;
     transition: transform 0.3s ease;
 }

 .help-card:hover {
     transform: translateY(-8px);
 }

 .help-icon {
     font-size: 2.5rem;
 }

 /* Impact CTA Banner */
 .impact-cta-banner {
     background: linear-gradient(90deg, #ff5e14 0%, #ff8c52 100%);
     margin-top: 2rem;
 }

 /* Button Variants */
 .btn-white {
     background-color: #ffffff;
     color: #ff5e14 !important;
     border: none;

 }

 .btn-white:hover {
     background-color: #f8f9fa;
     transform: scale(1.05);

 }

 .btn-outline-white {
     border: 2px solid #ffffff;
     color: #ffffff;
     background: transparent;
     font-weight: 500;

 }

 .btn-outline-white:hover {
     background: rgba(255, 255, 255, 0.1);
     color: white;

 }

 /* Accessibility and Mobile */
 @media (max-width: 768px) {
     .impact-cta-banner {
         padding: 2rem 1rem !important;
     }
 }