#PageForgotPassword {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;

    .text-create-account,
    .text-sign-in-here {
        font-weight: 500;
    }
    .ant-divider-horizontal {
        border-top: 1px solid #434343;
    }

    .register-button,
    .sign-in-button,
    .submit-button {
        // width: 65%;
        color: $mainPrimaryText;
        background-color: $mainPrimary;
        border-color: $mainPrimary;
        @include atxs {
            width: 100%;
        }
    }
    .ant-layout-content {
        background-color: transparent;
        width: 450px !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 50px;

        @include atsm {
            width: 90% !important;
        }

        @include atxs {
            width: 95% !important;
        }

        .logo-wrapper {
            height: auto;
            width: 100%;
            // margin-top: 30px;
            // margin-bottom: 50px;
            text-align: center;

            img {
                width: 300px;
            }
        }

        .ant-card {
            width: 100%;
            .ant-card-body {
                padding: 24px;
            }
            box-shadow: -5px 6px 15px -2px rgba(149, 146, 146, 0.6);

            .title {
                text-align: center;
                color: #000000;
                margin-bottom: 25px;
                font-weight: 500;
                font-size: 22px;
            }

            // box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
            // -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
            // -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);

            .btn-forgot-password-wrapper {
                display: flex;
                margin-top: 15px;
            }
        }

        .ant-layout-footer {
            width: 100%;
            text-align: center;
            background-color: transparent;

            .ant-typography {
                color: $footerTextColor;
            }
        }
    }
}