body {
    background: linear-gradient(45deg, rgba(246, 246, 246, 1) 0%, rgba(251, 251, 251, 1) 16%, rgba(251, 251, 251, 1) 30%, rgba(246, 246, 246, 1) 44%, rgba(251, 251, 251, 1) 57%, rgba(246, 246, 246, 1) 70%, rgba(251, 251, 251, 1) 84%, rgba(246, 246, 246, 1) 100%);
}

.content-wrapper>.container-fluid {
    display: flex;
    justify-content: center;
    min-height: 100vh;
}

.signin-wrapper {
    z-index: 3;
    border: 0px;
    background-color: var(--transparent-white-3);
    backdrop-filter: blur(15px);
}

.signin-wrapper .brand-logo {
    display: block;
    max-width: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
    transition: .3s;
}

.line-on-side span {
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}





/* START : Medium (md) 768PX */
@media screen and (min-width: 768px) {

    .signin-wrapper .brand-logo {
        max-width: 68px;
    }

}

/* END : Medium (md) 768PX */





/* START : Extra Large (xl) 1200PX */
@media screen and (min-width: 1200px) {

    .signin-wrapper .brand-logo {
        max-width: 72px;
    }

}

/* END : Extra Large (xl) 1200PX */





/* START : Extra extra Large (xxl) 1400PX */
@media screen and (min-width: 1400px) {

    .signin-wrapper .brand-logo {
        max-width: 80px;
    }

}

/* END : Extra extra Large (xxl) 1400PX */