/* Custom styles to complement Bootstrap */
        .hero-section {
            background-color: #9e1b32; /* Deep red */
            padding: 6rem 0;
            position: relative;
            overflow: hidden;
            color: white;
        }

        .hero-overlay {
            position: absolute;
            top: 0;.feature-card {
                background: white;
                border-radius: 1rem;
                padding: 2rem;
                height: 100%;
                transition: box-shadow 0.3s ease;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            }
    
            .feature-card:hover {
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            }
    
            .feature-icon {
                background-color: #f5f5f5;
                color: #2563eb;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto 1rem;
            }
    
            .feature-icon i {
                font-size: 28px;
            }
    
            /* Responsive adjustments */
            @media (max-width: 768px) {
                .feature-card {
                    padding: 1rem;
                }
            }
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url('https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?auto=format&fit=crop&q=80');
            background-size: cover;
            background-position: center;
            opacity: 0.15;
            mix-blend-mode: overlay;
        }

        .feature-card {
            background: white;
            border-radius: 1rem;
            padding: 2rem;
            height: 100%;
            transition: box-shadow 0.3s ease;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        .feature-card:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .feature-icon {
            background-color: #f5f5f5;
            color: #9e1b32; /* Deep red */
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
        }

        .feature-icon i {
            font-size: 28px;
        }

        .cta-section {
            background-color: #9e1b32;
            color: white;
            padding: 5rem 0;
            text-align: center;
        }

        .cta-button {
            background-color: white;
            color: #9e1b32;
            border-radius: 50px;
            padding: 15px 40px;
            font-size: 1.2rem;
            transition: background-color 0.3s;
        }

        .cta-button:hover {
            background-color: #8a1a2c;
            color: white;
        }

        /* Stats Section */
        .stats-section {
            background-color: #f5f5f5;/* Custom styles for Stats Section */
            .stats-section {
                background-color: #f7f7f7;
                padding: 4rem 0;
            }
    
            .stat-card {
                background: #ffffff;
                border-radius: 1.25rem;
                padding: 2rem;
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
                transition: all 0.3s ease;
            }
    
            .stat-card:hover {
                transform: translateY(-10px);
                box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
            }
    
            .stat-title {
                font-size: 2.5rem;
                font-weight: 700;
                color: #2563eb;
            }
    
            .text-secondary {
                font-size: 1.1rem;
                color: #6b7280;
            }
    
            /* Responsive adjustments */
            @media (max-width: 768px) {
                .stat-card {
                    padding: 1.5rem;
                }
    
                .stat-title {
                    font-size: 2rem;
                }
    
                .text-secondary {
                    font-size: 1rem;
                }
            }
            padding: 5rem 0;
        }

        .stat-card {
            background-color: white;
            border-radius: 1rem;
            padding: 2rem;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        .stat-card .stat-title {
            color: #9e1b32;
            font-size: 3rem;
            font-weight: bold;
        }

        /* New content and image section styling */
        .content-image-section {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 5rem;
        }

        .content-image-section img {
            max-width: 100%;
            border-radius: 1rem;
        }

        .content-image-section .content {
            flex: 1;
            padding-right: 3rem;
        }

        /* Video Section */
        .video-section {
            background-color: #f5f5f5;
            padding: 5rem 0;
            text-align: center;
        }

        .video-section iframe {
            max-width: 100%;
            border-radius: 1rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .hero-section {
                padding: 4rem 0;
            }
            
            .display-4 {
                font-size: 2.5rem;
            }
            
            .lead {
                font-size: 1.1rem;
            }

            .content-image-section {
                flex-direction: column;
                text-align: center;
            }

            .content-image-section .content {
                padding-right: 0;
                padding-bottom: 2rem;
            }
        }