.loader-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            /*height: 100vh;*/
			margin-top:50%;
        }
        
        .loader {
            border: 6px solid #f3f3f3;
            border-top: 6px solid #3498db;
            border-radius: 50%;
            width: 150px;
            height: 150px;
            animation: spin 2s linear infinite;
        }
        
        .loading-text {
            font-size: 20px;
            font-weight: bold;
            margin-top: 10px; /* Adjust the margin as needed to center the text */
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        @media only screen and (max-width: 600px) {
            #btnToggleFlashLight {
                font-size: 4vw; /* 4% of the viewport width for font size */
            }
        }
        
        #dvVideo {
                position: relative;
        }
    
        #darkOverlay {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(255,255,255, 0.5); /* Adjust the alpha value for darkness */
            display: none; /* Initially hide the overlay */
        }