.login-body { background: #fff; min-height: 100vh; }
.wrapper { min-height: 100vh; padding: 2rem; }
.log-reg-bg-wrapper { padding: 0rem 1rem; height: 100%; }
.log-reg-bg-section { min-height: calc(100vh - 4rem); height: 100%; background: url('../images/log-reg-background.png') no-repeat; background-position:center; background-size:cover; display: flex; justify-content: center; align-items: center; border-radius: 1.25rem; }
.log-reg-logo img { width: 20rem; }
.log-reg-form-section { padding: 2rem 1rem; }
.log-reg-form { width: 100%; }
.log-reg-form .form-heading { margin-bottom: 1.5rem; }
.log-reg-form .form-heading h1 { font-size: 2rem; color: #050505; font-weight: 900; margin-bottom: 0.25rem; }
.log-reg-form .form-heading p { color: #AFAFAF; }
.form-input-block { position: relative;  }
.input-label { position: absolute; left: 1rem; top: 1rem; color: #AFAFAF; -webkit-transition: color .2s ease-out,-webkit-transform .2s ease-out; transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out; }
.form-input {
    position: relative;
    z-index: 1;
    background: transparent;
    font-size: 1.125rem;
    border-radius: 0.375rem;
    height: 3.5rem;
    width: 100%;
    max-width: 100%;
    border: 0.125rem solid #DFE1E7;
    padding: 1rem 1rem 0.25rem 1rem;
    color: #050505;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
}
.form-input:hover, .form-input:focus, .form-input:active { border-color: #cecfd4; outline: none; }
.form-input-block.active .input-label { font-size: 0.65rem; -webkit-transform: translateY(-0.625rem) scale(1); transform: translateY(-0.625rem) scale(1); }

.log-reg-btn { background: var(--theme-color); padding: 0.75rem 2rem; height: 3.5rem; width: 100%; border: 0rem; border-radius: 0.375rem; color: #fff; font-size: 1.25rem; font-weight: 500; }
.log-reg-btn:hover, .log-reg-btn:focus, .log-reg-btn:active { background: var(--theme-color); }

.page-lp { color: #AFAFAF; }
.page-lp-link { color: var(--theme-color); border-bottom: 0.0625rem solid #0C8CFF; font-weight:500; }

.acc-submit-section {
    min-height: calc(100vh - 4rem);
    align-items: center;
    display: flex;
    width: 100%;
}
.acc-submit-box {
    margin-bottom: 3rem;
}
.acc-submit-img {
    width: 8rem;
}
.acc-submit-text {
    margin-top: 2rem;
    font-size: 1.25rem;
    color: #050505;
}


@media only screen and (min-width: 992px) {

}
@media only screen and (max-width: 991px) {
    .wrapper {
        padding: 1rem;
    }
    .log-reg-bg-section {
        min-height: calc(100vh - 2rem);
    }
    .log-reg-bg-wrapper {
        padding: 0rem;
    }
}
@media only screen and (max-width: 767px) {
    .log-reg-bg-wrapper {
        height: auto;
    }
    .log-reg-bg-section {
        min-height: auto;
        padding: 1rem;
        background: none;
    }
    .log-reg-logo img {
        width: 15rem;
    }
}
@media only screen and (max-width: 576px) {
    .log-reg-logo img {
        width: 13rem;
    }
}