/* Ensure the login form is always on top of the background video/image */
.auth-form-light {
    position: relative;
    z-index: 2;
}

/* Custom styles for login page */

@media (max-width: 768px) {
    /* Hide video on small screens */
    #video-container video {
        display: none;
    }

    /* Adjust login form for small screens */
    .auth-form-light {
        width: 95%; /* Use more of the screen width */
        margin: 0 auto;
        padding: 2rem 1.5rem; /* Use responsive units */
        background-color: #fff; /* Remove transparency */
    }

    .auth-form-light h4 {
        font-size: 1.5rem; /* Adjust heading size */
    }

    .auth-form-light .font-weight-light {
        font-size: 1rem; /* Adjust subheading size */
    }

    #video-container {
        background: url(../img/bgLogin3.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        align-items: center !important; /* Force vertical centering */
    }

    .content-wrapper {
        padding: 0; /* Remove any extra padding */
    }

    .g-recaptcha {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 380px) {
    .g-recaptcha {
        transform: scale(0.8);
        transform-origin: 0 0;
    }
}