@media (min-width:1920px) {
    .google_maps {
        max-height: 930px;
        height: 930px !important;
    }
}

@media (max-width: 375px) {
    .attendance-form {
        padding: 1.25rem;
    }
}

@media (max-height: 450px) {
    .form-container {
        align-items: flex-start;
        padding-top: 2rem;
    }
}

@media (max-height: 500px) {
    html, body {
        overflow: auto; /* Enable scroll only if absolutely needed */
    }

    .form-container {
        align-items: flex-start;
        padding-top: 2rem;
    }
}

@media (max-width: 576px) {
    .attendance-form {
        padding: 1.25rem;
    }
}
/* Styles for screens smaller than 768px (e.g., mobile devices) */
@media screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }

    .form-container {
        width: 100%;
        padding: 15px;
    }
}
/* Styles for screens between 768px and 1024px (e.g., tablets) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    body {
        font-size: 16px;
    }

    .form-container {
        width: 90%;
        margin: 0 auto;
    }
}
/* Styles for screens larger than 1024px (e.g., desktops) */
@media screen and (min-width: 1024px) {
    body {
        font-size: 18px;
    }

    .form-container {
        width: 80%;
        max-width: 1200px;
        margin: 0 auto;
    }
}