/* RESPONSIVE MEDIA QUERIES */
@media (max-width: 768px) {
    body {
        background-attachment: scroll; /* Prevent fixed background issues on iOS */
        padding: 5px;
    }

    .login_wrapper {
        max-width: 95%;
        margin: 10px auto;
        border-radius: 8px;
    }

    .logo {
        margin-bottom: 15px;
    }

     .logo svg {
            width: 140px; /* Smaller logo on mobile */
       }

    section.login_content {
        padding: 25px 20px; /* Reduced padding */
    }

    .login_content h1 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .form-control {
        padding: 14px 16px; /* Larger touch targets */
        font-size: 16px; /* Prevent zoom on iOS */
        margin-bottom: 15px;
    }

    .btn {
        padding: 16px; /* Larger button */
        font-size: 17px;
        margin-bottom: 15px;
    }

    .footer-info {
        padding: 15px;
    }

        .footer-info h1 {
            font-size: 18px;
        }

        .footer-info p {
            font-size: 12px;
        }
}

@media (max-width: 480px) {
    .logo svg {
        width: 120px;
    }

    section.login_content {
        padding: 20px 15px;
    }

    .form-control {
        padding: 15px 16px;
    }

    .btn {
        padding: 18px;
    }
}