/*--------------------------------- Error page CSS --------------------------*/

.generic-page {
    position: relative;
    overflow: hidden;
}

    .generic-page .generic-wrap {
        display: block;
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .generic-page .generic-wrap::after {
            content: "";
            position: absolute;
            inset: 0;
            background: url("login-bg.jpg") no-repeat center/cover;
            opacity: 1;
            z-index: 0;
        }

        .generic-page .generic-wrap .generic-div {
            /* background: #F7F7FC;
  border-radius: 6px;
  width: 100%;*/
            width: min(80%, 40.625rem);
            max-width: 420px;
            margin: auto;
            z-index: 1;
            /*padding: 5rem 4rem;*/
        }

            .generic-page .generic-wrap .generic-div h2 {
                font-size: 1.825rem;
                line-height: 1.1;
                font-weight: 600;
            }

            .generic-page .generic-wrap .generic-div p {
                font-size: 1.5rem;
                line-height: 1.1;
                font-weight: 400;
            }

                .generic-page .generic-wrap .generic-div p a {
                    color: #0d6efd;
                }

.error-wrapper {
    margin-bottom: 2rem;
}

@media (min-width:600px) and (max-width:1000px) {
    .generic-page .generic-wrap {
        overflow: scroll;
        padding: 2rem 0;
        height: 100vh;
    }
}

@media screen and (max-width: 47.9375rem) {
    .generic-page .generic-wrap .generic-div {
        padding: 2rem 1.5rem;
    }

        .generic-page .generic-wrap .generic-div h2 {
            font-size: 1.5rem;
            line-height: 1.1;
            font-weight: 600;
        }

        .generic-page .generic-wrap .generic-div p {
            font-size: 1.25rem;
            line-height: 1.1;
            font-weight: 400;
        }
}