.login-left {
    background-image: url('../img/login/login-bg.jpg'); 
    background-size: cover;
    background-position: center;
    min-height: 450px;
}
.login-card {
    max-width: 850px;      /* Adjust width as needed */
    margin: 0 auto;        /* Centers the box */
    border-radius: 12px;   /* Optional: nicer rounded corners */
    overflow: hidden;      /* Clean edges */
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}
.contact-card {
    max-width: 1150px;      /* Adjust width as needed */
    margin: 0 auto;        /* Centers the box */
    border-radius: 12px;   /* Optional: nicer rounded corners */
    overflow: hidden;      /* Clean edges */
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}
/* Mobile Background */
@media (max-width: 767px) {
    .login-left {
        background-image: url('../img/login/login-mobile-bg.jpg');
        min-height: 300px;
    }
     .login-card {
        margin: 0 12px;   /* small side padding on mobile */
    }
   
}