.login-container {
        max-width: 400px;
        margin: 0 auto;
        margin-top: 100px;
        padding: 20px;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .rowLogin{
        box-shadow: 0px 8px 24px 0px rgba(117, 129, 215, 0.15);
        border: 1px solid var(--gradients-white, #EBEDF9);
        background: linear-gradient(164deg, #EBEDF9 3.56%, rgba(249, 249, 251, 0.24) 100.4%);
        border-radius: 20px;
    }

    /* Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 600px) {
        
        .rowLogin{
        
            width: 100%!important;
        }
        
    }

    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {
        .rowLogin {
        
                width: 50% !important;
        }
    }

        /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {
        .rowLogin {
        
                width: 25% !important;
        }
    }