.login-page {
    height: 95vh;
    background-color: #f4f6f9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-button {
    min-width: 150px;
}


.login-box {
    width: 900px;
    max-width: 90%;
    margin: 0;
}

.card {
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
}

.text-justify {
    text-align: justify;
}

.logo-img {
    height: 70px;
    max-width: 100%;
}

.small-text {
    font-size: 0.8rem;
    margin-bottom: 0;
    margin-left: 35px;
    margin-top: -20px;
}

.card-header {
    display: flex; /* Use flexbox for layout */
    flex-direction: column; /* Align items in a column direction */
    align-items: center; /* Center aligns items vertically */
    justify-content: center; /* Center aligns items horizontally */
}

.banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767.98px) {
    .placeholder-image {
        height: 150px;
    }
}

.placeholder-image {
    border-radius: 4px;
    height: 200px;
    max-height: 30vh;
}

@media (max-width: 767.98px) {
    .login-box {
        width: 95%;
    }

    .logo-img {
        height: 50px;
    }

    .placeholder-image {
        height: 150px;
    }
}

.footer-links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

@media (max-width: 575.98px) {
    .footer-links {
        justify-content: center;
    }
}

.copyright-footer {
    height: 5vh;
    /*width: 100%;*/
    text-align: left;
    align-content: center;
    margin-left: 10px;
}