#loader-overlay {
    display: none; /* Initially hide the overlay */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay background color */
    z-index: 9999; /* Ensure the loader is on top */ 
}

#loader {
    border: 16px solid #f3f3f3; /* Loader border color */
    border-top: 16px solid #70a860; /* Loader top border color */
    border-radius: 50%; /* Make it round */
    width: 120px; /* Loader width */
    height: 120px; /* Loader height */
    animation: spin 2s linear infinite; /* Loader animation */
    position: absolute;
    top: 30%;
    left: 45%;
    transform: translate(-50%, -50%); /* Center the loader */
    margin: 0 auto;
}

@keyframes spin {
    0% {
    transform: rotate(0deg);
    }
    100% {
    transform: rotate(360deg);
    }
}