#background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index:-1; /* Ensures the video stays behind other content */
    border-radius: 10px; /* Add border radius to match your video */
}

#background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; /* Ensures the video stays behind other content */
    border-radius: 10px; /* Add border radius to match your video */
}

.login-small {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px){
    .login-small{
        display: none;
    }
    .login-large{
        display: block;
    }
}

@media (max-width: 767px){
    .login-small {
        max-width: 300px;
    }

    .login-large {
        display: none;
    }
}

.divided-input {
    display: flex;
    justify-content: space-between;
    /*width: 280px;*/ /* Adjust the width as needed */
    margin-top: 3px;
    margin-bottom:1rem;
}

    .divided-input input {
        flex: 1;
        text-align: center;
        border: 1px solid #ced4da;
        border-radius: 4px;
        margin: 3px;
    }


#cardLogin {
    /*position: relative;*/
    z-index: 1; /* Ensure the content is above the video */
    background-image: linear-gradient(140deg, #3a99ff 10%, silver 50%, #ff9c34 75%);
    height: 65vh;
}
#divLogoCard {
    height: 65vh;
}

@media (min-width: 768px) {
    #divLogoCard {
        height: 65vh;
    }

}
@media screen and (orientation: portrait) and (max-aspect-ratio: 16/9) {
    #divLogoCard {
        height: 50vh; /* Adjusted height */
    }
    #cardLogin {
        height: 50vh; /* Adjusted height */
    }
}
@media screen and (orientation: landscape) and (max-aspect-ratio: 16/9) {
    #divLogoCard {
        height: 50vh; /* Adjusted height */
    }
    #cardLogin {
        height: 50vh; /* Adjusted height */
    }
}

/*@media screen and (orientation: portrait) and (max-aspect-ratio: 16/9) {
    #cardLogin {
        height: 40vh;*/ /* Adjusted height */
    /*}
}*/