/* ============================
   DESKTOP 58% / 42%
============================ */

@media (min-width: 992px){

    .bg-login-image.col-lg-6{
        flex: 0 0 58% !important;
        max-width: 58% !important;
        background-position: left center !important;
        background-size: cover !important;
    }

    .col-lg-6.pl-0{
        flex: 0 0 42% !important;
        max-width: 42% !important;
    }

}

/* ============================
   IMAGEM
============================ */

.bg-login-image{
    background-position: left center !important;
    background-size: cover !important;
}

/* ============================
   CARD LOGIN
============================ */

.card{
    border-radius: 18px !important;
    overflow: hidden;
}

/* ============================
   LOGO
============================ */

.title_name_login{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.title_name_login img{
    width: 180px !important;
    height: auto !important;
    filter: drop-shadow(0 0 15px rgba(37,216,255,.25));
}

/* ============================
   MOBILE
============================ */

@media (max-width: 991px){

    .title_name_login{
        margin-top: 10px !important;
        margin-bottom: 5px !important;
    }

    .title_name_login img{
        width: 180px !important;
    }

    .card{
        border-radius: 16px !important;
    }

}