.welcome-section {
                background-image: url('/imgs/banner.jpg');
                background-size: cover;
                background-position: center;
                padding: 80px 0;
                margin-top: 50px;
                color: white;
            }
            footer {
                position: relative;
                overflow: hidden; /* Ensure everything fits within the footer */
            }

            .footer-image-overlay {
                position: absolute;
                top: 0;
                right: 0;
                width: 30%; /* Adjust width of the image as desired */
                height: 100%;
                z-index: 1;
            }

            .footer-image {
                width: 100%;
                height: 100%;
                object-fit: cover; /* Ensure the image covers the area without stretching */
            }

            .footer-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.5); /* Dark overlay effect */
                z-index: 2; /* Ensure overlay is above the image */
            }

            /* Style for footer content */
            .footer-content {
                position: relative;
                z-index: 3; /* Ensure content is above the overlay and image */
                color: white;
            }

            footer .container {
                position: relative;
                z-index: 3; /* Ensure content is above the overlay */
            }
        #loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.8);
            z-index: 9999;
            display: none; /* Hidden by default */
        }

        .spinner {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 50px;
            height: 50px;
            border: 5px solid #f3f3f3;
            border-top: 5px solid #3498db;
            border-radius: 50%;
            animation: spin 2s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        @media (max-width: 576px) {
            .welcome-section h3 {
                font-size: 1.8rem; /* Smaller font size for mobile */
            }

            .welcome-section {
                /* padding-top: 10px 0;  */
                height: auto; 
            }
        }