@import '_content/BlazorComponentHeap.Components/BlazorComponentHeap.Components.bundle.scp.css';
@import '_content/StripeIntegration.Components/StripeIntegration.Components.bundle.scp.css';

/* /Layout/Empty/EmptyLayout.razor.rz.scp.css */
.empty-layout-container[b-f1rtvcy1kn] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow-y: auto;
    background: #F9FAFC;
}
/* /Layout/Main/MainLayout.razor.rz.scp.css */
.main-layout-container[b-ap2xqnoen7] {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}

.main-layout-container > .content-left > .black-shadow[b-ap2xqnoen7] {
    display: none;
}

.main-layout-container > .content-left[b-ap2xqnoen7] {
    width: fit-content;
    height: 100%;
}

.main-layout-container > .main-content[b-ap2xqnoen7] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.main-layout-container > .main-content > .header-container[b-ap2xqnoen7] {
    width: 100%;
}

.main-layout-container > .main-content > .page-container[b-ap2xqnoen7] {
    flex: 1 1;
    background: #F6F6F6;
    overflow: overlay;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

@media (min-width: 150px) and (max-width: 860px) {

    .black-shadow[b-ap2xqnoen7] {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        background: rgba(41, 45, 50, 0.4);
        display: block;
    }
}
/* /Pages/ChangePassword/ChangePasswordPage.razor.rz.scp.css */
.change-password-page-container[b-qdqzhpixog] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 55px;
    padding-right: 80px;
    gap: 60px;
    min-height: 100%;
    position: absolute;
    top: 0;
}

.change-password-page-container > .left-logo[b-qdqzhpixog] {
    width: 60%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.change-password-page-container > .left-logo > img[b-qdqzhpixog] {
    width: auto;
    height: auto;
    max-width: 100%;
}

.change-password-page-container > .form-wrapper[b-qdqzhpixog] {
    width: 40%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.change-password-page-container > .form-wrapper > .logo > img[b-qdqzhpixog] {
    cursor: pointer;
}

.change-password-page-container > .form-wrapper > .header[b-qdqzhpixog] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 45px;
    line-height: 55px;
    color: #292D32;
    padding-top: 26px;
    padding-bottom: 16px;
}

.change-password-page-container > .form-wrapper > .description[b-qdqzhpixog] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #292D32;
}

.change-password-page-container > .form-wrapper > .image[b-qdqzhpixog] {
    display: none;
}

.change-password-page-container > .form-wrapper > .field-wrapper[b-qdqzhpixog] {
    width: 100%;
    height: 130px;
    display: flex;
    flex-direction: column;
    background: #FDFDFD;
    box-shadow: 0 4px 8px rgba(190, 190, 190, 0.2);
    border-radius: 20px;
    overflow: hidden;
    margin-top: 32px;
    position: relative;
    justify-content: center;
}

.change-password-page-container > .form-wrapper > .field-wrapper > .delimiter[b-qdqzhpixog] {
    position: absolute;
    left: 0;
    top: calc(50% - 0.5px);
    width: 100%;
    height: 1px;
    background: #EEEEEE;
}

.change-password-page-container > .form-wrapper > .field-wrapper > .line[b-qdqzhpixog] {
    width: 100%;
    height: 100%;
    display: flex;
}

.change-password-page-container > .form-wrapper > .field-wrapper > .line > .icon-wrapper[b-qdqzhpixog] {
    width: 87px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.change-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper[b-qdqzhpixog] {
    flex: 1 1;
    display: flex;
    align-items: center;
    gap: 10px;
}

.change-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-qdqzhpixog] {
    width: calc(100% - 30px);
    background: transparent !important;
    border: none;
    outline: none;
    padding: 0;
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #292D32;
    caret-color: #292D32;
    cursor: pointer;
}

.change-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-qdqzhpixog]::placeholder {
    color: #858585;
    caret-color: #858585;
}

.change-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill[b-qdqzhpixog],
.change-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:hover[b-qdqzhpixog],
.change-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:focus[b-qdqzhpixog],
.change-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:active[b-qdqzhpixog] {
    -webkit-box-shadow: 0 0 0 60px #FDFDFD inset !important;
    background-color: transparent !important;
    background-clip: content-box !important;
}

.change-password-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill[b-qdqzhpixog],
.change-password-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:hover[b-qdqzhpixog],
.change-password-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:focus[b-qdqzhpixog],
.change-password-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:active[b-qdqzhpixog] {
    -webkit-box-shadow: 0 0 0 60px #F7F1F1 inset !important;
    background-color: transparent !important;
    background-clip: content-box !important;
}

.change-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > .eye[b-qdqzhpixog] {
    margin-right: 15px;
}

.change-password-page-container > .form-wrapper > .validation-error-message[b-qdqzhpixog] {
    width: 100%;
    height: 0;
    display: flex;
    align-items: center;
    transition: all 0.1s ease;
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #E74646;
    margin-top: 12px;
    overflow: hidden;
}

.change-password-page-container > .form-wrapper.error > .validation-error-message[b-qdqzhpixog] {
    height: 20px;
}

.change-password-page-container > .form-wrapper > .change-password[b-qdqzhpixog] {
    width: 100%;
    height: 53px;
    background: #5DB276;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: 12px;
}

.change-password-page-container > .form-wrapper > .change-password > .text[b-qdqzhpixog] {
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.change-password-page-container > .form-wrapper > .change-password > .text label:hover[b-qdqzhpixog]{
    cursor: pointer;
}

.change-password-page-container > .form-wrapper > .social-wrapper[b-qdqzhpixog] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.change-password-page-container > .form-wrapper > .social-wrapper > .social[b-qdqzhpixog] {
    width: 100%;
    height: 53px;
    margin-top: 16px;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.change-password-page-container > .form-wrapper > .social-wrapper > .social > .icon[b-qdqzhpixog] {
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 2px;
}

.change-password-page-container > .form-wrapper > .social-wrapper > .social > .text[b-qdqzhpixog] {
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #434343;
    cursor: pointer;
}

.change-password-page-container > .form-wrapper > .sign-in-wrapper[b-qdqzhpixog] {
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
    display: flex;
}

.change-password-page-container > .form-wrapper > .sign-in-wrapper > .text[b-qdqzhpixog] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    color: #434343;
}

.change-password-page-container > .form-wrapper > .sign-in-wrapper > .button[b-qdqzhpixog] {
    margin-left: 16px;
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    color: #5DB276;
    cursor: pointer;
}

@media (min-width: 100px) and (max-width: 992px), (max-width: 1025px) and (max-height: 602px) {

    .change-password-page-container[b-qdqzhpixog] {
        padding: 0;
        justify-content: center;
        position: absolute;
        top: 0;
    }

    .change-password-page-container > .left-logo[b-qdqzhpixog] {
        display: none;
    }

    .change-password-page-container > .form-wrapper[b-qdqzhpixog] {
        width: 100%;
        align-items: center;
        padding: 44px 20px;
    }

    .change-password-page-container > .form-wrapper > .logo[b-qdqzhpixog] {
        width: 100%;
    }

    .change-password-page-container > .form-wrapper > .header[b-qdqzhpixog] {
        font-size: 30px;
        line-height: 36px;
        padding-top: 24px;
    }

    .change-password-page-container > .form-wrapper > .description[b-qdqzhpixog] {
        font-size: 14px;
        line-height: 17px;
    }

    .change-password-page-container > .form-wrapper > .image[b-qdqzhpixog] {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .change-password-page-container > .form-wrapper > .image > img[b-qdqzhpixog] {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .change-password-page-container > .form-wrapper > .sign-in-wrapper[b-qdqzhpixog] {
        position: static;
        transform: none;
        margin-top: 40px;
    }

    .change-password-page-container > .form-wrapper > .social-wrapper[b-qdqzhpixog] {
        flex-direction: row;
        gap: 10px;
    }

    .change-password-page-container > .form-wrapper > .social-wrapper > .social[b-qdqzhpixog] {
        width: 50%;
    }

    .change-password-page-container > .form-wrapper > .social-wrapper > .social > .text[b-qdqzhpixog] {
        font-size: 12px;
        line-height: 20px;
    }

    .change-password-page-container > .form-wrapper > .sign-in > .text[b-qdqzhpixog] {
        font-size: 16px;
        line-height: 20px;
    }

    .change-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-qdqzhpixog] {
        font-size: 14px;
        line-height: 17px;
    }

    .change-password-page-container > .form-wrapper > .field-wrapper[b-qdqzhpixog] {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .change-password-page-container > .form-wrapper > .image[b-qdqzhpixog] {
        width: 60%;
    }
}
/* /Pages/ConfirmEmail/ConfirmEmailPage.razor.rz.scp.css */
.confirm-account-container[b-0qnmpz4edn] {
    background-color: unset;
    border: unset;
    width: 100%;
}

.confirm-account-container .confirm-wrapper[b-0qnmpz4edn] {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: auto;
    border-radius: 10px;
}

.confirm-account-container .confirm-wrapper .confirm-icon[b-0qnmpz4edn] {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #5DB276;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.confirm-account-container .confirm-wrapper .confirm-icon .icon[b-0qnmpz4edn] {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirm-account-container .confirm-wrapper .confirm-info[b-0qnmpz4edn] {
    background: #ffffff;
    padding: 24px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.confirm-account-container .confirm-wrapper .confirm-info .confirm-title[b-0qnmpz4edn] {
    font-family: "DM Sans", sans-serif;
    font-size: 1.3pc;
    font-weight: bold;
    text-align: center;
}

.confirm-account-container .confirm-wrapper .confirm-info .confirm-description[b-0qnmpz4edn] {
    font-family: "DM Sans", sans-serif;;
    font-size: 1.1pc;
    text-align: center;
    margin-top: 8px;
}

.confirm-account-container .confirm-wrapper .confirm-info .to-home-button[b-0qnmpz4edn] {
    text-align: center;
    margin-top: 16px;
}

@media (max-width: 577px) {
    .confirm-account-container .confirm-wrapper[b-0qnmpz4edn] {
        width: 70%;
    }
}
/* /Pages/ForgotPassword/ForgotPasswordPage.razor.rz.scp.css */
.forgot-password-page-container[b-st8zh765e6] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 55px;
    padding-right: 80px;
    gap: 60px;
    min-height: 100%;
    position: absolute;
    top: 0;
}

.forgot-password-page-container > .left-logo[b-st8zh765e6] {
    width: 60%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.forgot-password-page-container > .left-logo > img[b-st8zh765e6] {
    width: auto;
    height: auto;
    max-width: 100%;
}

.forgot-password-page-container > .form-wrapper[b-st8zh765e6] {
    width: 40%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.forgot-password-page-container > .form-wrapper > .logo > img[b-st8zh765e6] {
    cursor: pointer;
}

.forgot-password-page-container > .form-wrapper > .header[b-st8zh765e6] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 45px;
    line-height: 55px;
    color: #292D32;
    padding-top: 26px;
    padding-bottom: 16px;
}

.forgot-password-page-container > .form-wrapper > .description[b-st8zh765e6] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #292D32;
}

.forgot-password-page-container > .form-wrapper > .image[b-st8zh765e6] {
    display: none;
}

.forgot-password-page-container > .form-wrapper > .field-wrapper[b-st8zh765e6] {
    width: 100%;
    height: 65px;
    display: flex;
    flex-direction: column;
    background: #FDFDFD;
    box-shadow: 0 4px 8px rgba(190, 190, 190, 0.2);
    border-radius: 20px;
    overflow: hidden;
    margin-top: 32px;
    position: relative;
    justify-content: center;
}

.forgot-password-page-container > .form-wrapper > .field-wrapper > .delimiter[b-st8zh765e6] {
    position: absolute;
    left: 0;
    top: calc(50% - 0.5px);
    width: 100%;
    height: 1px;
    background: #EEEEEE;
}

.forgot-password-page-container > .form-wrapper > .field-wrapper > .line[b-st8zh765e6] {
    width: 100%;
    height: 100%;
    display: flex;
}

.forgot-password-page-container > .form-wrapper > .field-wrapper > .line > .icon-wrapper[b-st8zh765e6] {
    width: 87px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.forgot-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper[b-st8zh765e6] {
    flex: 1 1;
    display: flex;
    align-items: center;
}

.forgot-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-st8zh765e6] {
    width: calc(100% - 30px);
    background: transparent !important;
    border: none;
    outline: none;
    padding: 0;
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #292D32;
    caret-color: #292D32;
    cursor: pointer;
}

.forgot-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-st8zh765e6]::placeholder {
    color: #858585;
    caret-color: #858585;
}

.forgot-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill[b-st8zh765e6],
.forgot-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:hover[b-st8zh765e6],
.forgot-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:focus[b-st8zh765e6],
.forgot-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:active[b-st8zh765e6] {
    -webkit-box-shadow: 0 0 0 60px #FDFDFD inset !important;
    background-color: transparent !important;
    background-clip: content-box !important;
}

.forgot-password-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill[b-st8zh765e6],
.forgot-password-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:hover[b-st8zh765e6],
.forgot-password-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:focus[b-st8zh765e6],
.forgot-password-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:active[b-st8zh765e6] {
    -webkit-box-shadow: 0 0 0 60px #F7F1F1 inset !important;
    background-color: transparent !important;
    background-clip: content-box !important;
}

.forgot-password-page-container > .form-wrapper > .validation-error-message[b-st8zh765e6] {
    width: 100%;
    height: 0;
    display: flex;
    align-items: center;
    transition: all 0.1s ease;
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #E74646;
    margin-top: 12px;
    overflow: hidden;
}

.forgot-password-page-container > .form-wrapper.error > .validation-error-message[b-st8zh765e6] {
    height: 20px;
}

.forgot-password-page-container > .form-wrapper > .forgot-password[b-st8zh765e6] {
    width: 100%;
    height: 53px;
    background: #5DB276;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: 12px;
}

.forgot-password-page-container > .form-wrapper > .forgot-password > .text[b-st8zh765e6] {
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.forgot-password-page-container > .form-wrapper > .forgot-password > .text label:hover[b-st8zh765e6]{
    cursor: pointer;
}

.forgot-password-page-container > .form-wrapper > .social-wrapper[b-st8zh765e6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.forgot-password-page-container > .form-wrapper > .social-wrapper > .social[b-st8zh765e6] {
    width: 100%;
    height: 53px;
    margin-top: 16px;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.forgot-password-page-container > .form-wrapper > .social-wrapper > .social > .icon[b-st8zh765e6] {
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 2px;
}

.forgot-password-page-container > .form-wrapper > .social-wrapper > .social > .text[b-st8zh765e6] {
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #434343;
    cursor: pointer;
}

.forgot-password-page-container > .form-wrapper > .sign-in-wrapper[b-st8zh765e6] {
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
    display: flex;
}

.forgot-password-page-container > .form-wrapper > .sign-in-wrapper > .text[b-st8zh765e6] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    color: #434343;
}

.forgot-password-page-container > .form-wrapper > .sign-in-wrapper > .button[b-st8zh765e6] {
    margin-left: 16px;
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    color: #5DB276;
    cursor: pointer;
}

@media (min-width: 100px) and (max-width: 992px), (max-width: 1025px) and (max-height: 602px) {

    .forgot-password-page-container[b-st8zh765e6] {
        padding: 0;
        justify-content: center;
        position: absolute;
        top: 0;
    }

    .forgot-password-page-container > .left-logo[b-st8zh765e6] {
        display: none;
    }

    .forgot-password-page-container > .form-wrapper[b-st8zh765e6] {
        width: 100%;
        align-items: center;
        padding: 44px 20px;
    }

    .forgot-password-page-container > .form-wrapper > .logo[b-st8zh765e6] {
        width: 100%;
    }

    .forgot-password-page-container > .form-wrapper > .header[b-st8zh765e6] {
        font-size: 30px;
        line-height: 36px;
        padding-top: 24px;
    }

    .forgot-password-page-container > .form-wrapper > .description[b-st8zh765e6] {
        font-size: 14px;
        line-height: 17px;
    }

    .forgot-password-page-container > .form-wrapper > .image[b-st8zh765e6] {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .forgot-password-page-container > .form-wrapper > .image > img[b-st8zh765e6] {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .forgot-password-page-container > .form-wrapper > .sign-in-wrapper[b-st8zh765e6] {
        position: static;
        transform: none;
        margin-top: 40px;
    }

    .forgot-password-page-container > .form-wrapper > .social-wrapper[b-st8zh765e6] {
        flex-direction: row;
        gap: 10px;
    }

    .forgot-password-page-container > .form-wrapper > .social-wrapper > .social[b-st8zh765e6] {
        width: 50%;
    }

    .forgot-password-page-container > .form-wrapper > .social-wrapper > .social > .text[b-st8zh765e6] {
        font-size: 12px;
        line-height: 20px;
    }

    .forgot-password-page-container > .form-wrapper > .sign-in > .text[b-st8zh765e6] {
        font-size: 16px;
        line-height: 20px;
    }

    .forgot-password-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-st8zh765e6] {
        font-size: 14px;
        line-height: 17px;
    }

    .forgot-password-page-container > .form-wrapper > .field-wrapper[b-st8zh765e6] {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .forgot-password-page-container > .form-wrapper > .image[b-st8zh765e6] {
        width: 60%;
    }
}
/* /Pages/NotFound/NotFoundPage.razor.rz.scp.css */
.not-found-container[b-5xngtgkslf] {
    width: 100%;
    display: flex;
}

.not-found-container .helpfull-links[b-5xngtgkslf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 80px;
    width: 50%;
}

.not-found-container .helpfull-links .title[b-5xngtgkslf] {
    margin-bottom: 24px;
}

.not-found-container .helpfull-links .title label[b-5xngtgkslf] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 67px;
    color: #292D32;
}

.not-found-container .helpfull-links .description[b-5xngtgkslf] {
    margin-bottom: 40px;
}

.not-found-container .helpfull-links .description label[b-5xngtgkslf] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #606060;
}

.not-found-container .helpfull-links .redirect-buttons[b-5xngtgkslf] {
    display: flex;
    gap: 16px;
    margin-bottom: 48px;
}

.not-found-container .helpfull-links .redirect-buttons .back-button[b-5xngtgkslf] {
    width: 120px;
    height: 44px;
    background: #5DB276;
    border-radius: 6px;
    border: none;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF;
    cursor: pointer;
}

.not-found-container .helpfull-links .redirect-buttons .main-button[b-5xngtgkslf] {
    width: 180px;
    height: 44px;
    border: 1px solid #5DB276;
    border-radius: 6px;
    background: transparent;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #5DB276;
    cursor: pointer;
}

.not-found-container .helpfull-links .component-items[b-5xngtgkslf] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.not-found-container .helpfull-links .component-items .item .link-to-component[b-5xngtgkslf] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #5DB276;
    margin-bottom: 8px;
}

.not-found-container .helpfull-links .component-items .item .short-description[b-5xngtgkslf] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #606060;
}

.not-found-container .not-found-image[b-5xngtgkslf] {
    padding-right: 40px;
    width: 50%;

    display: flex;
    justify-content: center;
    align-items: center;
}

.not-found-container .not-found-image > img[b-5xngtgkslf] {
    width: 100%;
}
    
@media (min-width: 150px) and (max-width: 767.9px) {
    .not-found-container[b-5xngtgkslf] {
        flex-direction: column;
        height: fit-content;
    }

    .not-found-container .helpfull-links .title label[b-5xngtgkslf] {
        font-size: 35px;
        line-height: 50px;
    }

    .not-found-container .helpfull-links[b-5xngtgkslf] {
        width: 100%;
        padding: 60px 40px;
    }

    .not-found-container .helpfull-links .redirect-buttons[b-5xngtgkslf] {
        display: none;
    }

    .not-found-container .not-found-image[b-5xngtgkslf] {
        display: none;
        width: 0;
    }

    .not-found-container .helpfull-links .description label[b-5xngtgkslf] {
        font-size: 14px;
        line-height: 17px;
    }

    .not-found-container .helpfull-links .component-items .item .link-to-component[b-5xngtgkslf] {
        font-size: 16px;
        line-height: 19px;
    }

    .not-found-container .helpfull-links .component-items .item .short-description[b-5xngtgkslf] {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .not-found-container[b-5xngtgkslf] {
        flex-direction: column;
    }

    .not-found-container .helpfull-links .title label[b-5xngtgkslf] {
        font-size: 45px;
        line-height: 50px;
    }

    .not-found-container .helpfull-links[b-5xngtgkslf] {
        width: 100%;
        padding: 60px 40px;
        margin: auto;
    }

    .not-found-container .helpfull-links .redirect-buttons[b-5xngtgkslf] {
        display: none;
    }

    .not-found-container .helpfull-links .description[b-5xngtgkslf] {
        margin-bottom: unset;
    }

    .not-found-container .helpfull-links .mobile-not-found-image[b-5xngtgkslf] {
        display: unset;
        max-height: 300px;
        /*margin-bottom: 40px;*/
    }
    /*
        .not-found-container .helpfull-links .component-items .item .link-to-component {
            font-size: 16px;
            line-height: 19px;
        }

        .not-found-container .helpfull-links .component-items .item .short-description {
            font-size: 14px;
            line-height: 17px;
        }*/

    .not-found-container .not-found-image[b-5xngtgkslf] {
        display: none;
        width: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .not-found-container .helpfull-links .title label[b-5xngtgkslf] {
        font-size: 45px;
        line-height: 50px;
    }

    .not-found-container .helpfull-links[b-5xngtgkslf] {
        padding: 0 40px;
    }
}

@media (min-width: 992px) {
    .not-found-container .helpfull-links .mobile-not-found-image[b-5xngtgkslf] {
        display: none;
    }
}
/* /Pages/PaymentError/PaymentErrorPage.razor.rz.scp.css */
.error-paid-container[b-z1l5dtrp9z] {
    background-color: unset;
    border: unset;
    width: 100%;
}

.error-paid-container .error-wrapper[b-z1l5dtrp9z] {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: auto;
    border-radius: 10px;
}

.error-paid-container .error-wrapper .error-icon[b-z1l5dtrp9z] {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d02626;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.error-paid-container .error-wrapper .error-icon .icon[b-z1l5dtrp9z] {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-paid-container .error-wrapper .error-info[b-z1l5dtrp9z] {
    background: #ffffff;
    padding: 24px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.error-paid-container .error-wrapper .error-info .error-title[b-z1l5dtrp9z] {
    font-family: "DM Sans", sans-serif;
    font-size: 1.3pc;
    font-weight: bold;
    text-align: center;
}

.error-paid-container .error-wrapper .error-info .error-description[b-z1l5dtrp9z] {
    font-family: "DM Sans", sans-serif;
    font-size: 1.1pc;
    text-align: center;
    margin-top: 8px;
}

.error-paid-container .error-wrapper .error-info .to-home-button[b-z1l5dtrp9z] {
    text-align: center;
    margin-top: 16px;
}

@media (max-width: 577px) {
    .error-paid-container .error-wrapper[b-z1l5dtrp9z] {
        width: 70%;
    }
}
/* /Pages/PaymentSuccess/PaymentSuccessPage.razor.rz.scp.css */
.successfully-paid-container[b-z8eojnil8r] {
    background-color: unset;
    border: unset;
    width: 100%;
}

.successfully-paid-container .success-wrapper[b-z8eojnil8r] {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: auto;
    border-radius: 10px;
}

.successfully-paid-container .success-wrapper .success-icon[b-z8eojnil8r] {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #5DB276;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.successfully-paid-container .success-wrapper .success-icon .icon[b-z8eojnil8r] {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.successfully-paid-container .success-wrapper .success-info[b-z8eojnil8r] {
    background: #ffffff;
    padding: 24px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.successfully-paid-container .success-wrapper .success-info .success-title[b-z8eojnil8r] {
    font-family: "DM Sans", sans-serif;
    font-size: 1.3pc;
    font-weight: bold;
    text-align: center;
}

.successfully-paid-container .success-wrapper .success-info .success-description[b-z8eojnil8r] {
    font-family: "DM Sans", sans-serif;
    font-size: 1.1pc;
    text-align: center;
    margin-top: 8px;
}

.successfully-paid-container .success-wrapper .success-info .to-home-button[b-z8eojnil8r] {
    text-align: center;
    margin-top: 16px;
}

@media (max-width: 577px) {
    .successfully-paid-container .success-wrapper[b-z8eojnil8r] {
        width: 70%;
    }
}
/* /Pages/Profile/ProfilePage.razor.rz.scp.css */
.profile-container[b-v3vaw4zqg5] {
    width: 100%;
    /*height: 100%;*/
    padding: 40px 32px 40px 32px;
}

.profile-container .title[b-v3vaw4zqg5] {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #292D32;
    margin-bottom: 8px;
}

.profile-container .description[b-v3vaw4zqg5] {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #292D32;
}

.profile-container .main-content[b-v3vaw4zqg5] {
    margin-top: 32px;
    height: calc(100% - 56px - 347px);
}

.profile-container .main-content .two-box[b-v3vaw4zqg5] {
    display: flex;
    gap: 15px;
}
/*contact information*/

.profile-container .main-content .two-box .contact-information[b-v3vaw4zqg5] {
    display: flex;
    flex-direction: column;
    width: 50%;
    border-radius: 20px;
    padding: 32px 20px 32px 20px;
}

.profile-container .main-content:not(.loading) .two-box .contact-information:not(.loading)[b-v3vaw4zqg5] {
    background: #FDFDFD;
}

.profile-container .main-content .two-box .contact-information .cont-header[b-v3vaw4zqg5] {
    display: flex;
    justify-content: space-between;
    height: 35px;
}

.profile-container .main-content .two-box .contact-information .contact-title label[b-v3vaw4zqg5] {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #292D32;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit[b-v3vaw4zqg5]{
    position: relative;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .save-button[b-v3vaw4zqg5] {
    background: #5DB276;
    border-radius: 6px;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    border: none;
    width: 70px;
    height: 27px;
    cursor: pointer;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .edit-icon[b-v3vaw4zqg5] {
    border: 1px solid transparent;
    border-radius: 5px;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .edit-icon img[b-v3vaw4zqg5]{
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .edit-icon:hover[b-v3vaw4zqg5] {
    border: 1px solid #5DB276;
    transition: 0.2s;
    cursor: pointer;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .edit-icon:hover[b-v3vaw4zqg5]{

}

.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions[b-v3vaw4zqg5] {
    position: absolute;
    right: 0;
    top: 30px;
    width: 143px;
    height: 79px;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(190, 190, 190, 0.2);
    border-radius: 12px;
    overflow: hidden;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions > div:hover[b-v3vaw4zqg5] {
    background: #F1F7F3;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions.show[b-v3vaw4zqg5] {
    display: block;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions.close[b-v3vaw4zqg5] {
    display: none;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions .edit-but[b-v3vaw4zqg5],
.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions .delete-but[b-v3vaw4zqg5] {
    height: 50%;
    align-items: center;
    gap: 5px;
    padding: 0 15px 0 15px;
    cursor: pointer;
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    display: flex;
    cursor: pointer;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions .edit-but > .icon[b-v3vaw4zqg5] {
    width: 16px;
    height: 16px;
    background: url(img/svg/profile/edit-profile-icon.svg) center no-repeat;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions .delete-but > .icon[b-v3vaw4zqg5] {
    width: 16px;
    height: 16px;
    background: url(img/svg/profile/delete-profile-icon.svg) center no-repeat;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions .edit-but > div[b-v3vaw4zqg5],
.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions .delete-but > div[b-v3vaw4zqg5],
.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions .edit-but > div > svg[b-v3vaw4zqg5],
.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions .delete-but > div > svg[b-v3vaw4zqg5] {
    cursor: pointer;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions .edit-but[b-v3vaw4zqg5] {
    border-bottom: 1px solid #F7F1F1;
}

.profile-container .main-content .two-box .contact-information .cont-header .edit .contact-popup-actions .delete-but[b-v3vaw4zqg5] {
    color: #E74646;
}

.profile-container .main-content .two-box .contact-information .edit-fields[b-v3vaw4zqg5] {
    margin-top: 24px;
}

.profile-container .main-content .two-box .contact-information .edit-fields .name label[b-v3vaw4zqg5],
.profile-container .main-content .two-box .contact-information .edit-fields .email label[b-v3vaw4zqg5] {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #292D32;
    margin-bottom: 8px;
}

.profile-container .main-content .two-box .contact-information .edit-fields .name input[b-v3vaw4zqg5],
.profile-container .main-content .two-box .contact-information .edit-fields .email input[b-v3vaw4zqg5] {
    width: 100%;
    height: 47px;
    background: #FAFAFA;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    color: #292D32;
    padding-left: 20px;
    margin-bottom: 16px;
}

.profile-container .main-content .two-box .contact-information .edit-fields .name input:focus[b-v3vaw4zqg5],
.profile-container .main-content .two-box .contact-information .edit-fields .name input:focus-within[b-v3vaw4zqg5],
.profile-container .main-content .two-box .contact-information .edit-fields .name input:focus-visible[b-v3vaw4zqg5],
.profile-container .main-content .two-box .contact-information .edit-fields .email input:focus[b-v3vaw4zqg5],
.profile-container .main-content .two-box .contact-information .edit-fields .email input:focus-within[b-v3vaw4zqg5],
.profile-container .main-content .two-box .contact-information .edit-fields .email input:focus-visible[b-v3vaw4zqg5] {
    outline: none;
}

/*contact information*/

.profile-container.loading .main-content .two-box .contact-information[b-v3vaw4zqg5],
.profile-container.loading .main-content .two-box .subscription-info[b-v3vaw4zqg5] {
    min-height: 310px;
}

/*subscription info*/

.profile-container .main-content .two-box .subscription-info[b-v3vaw4zqg5] {
    display: flex;
    flex-direction: column;
    width: 50%;
    border-radius: 20px;
    padding: 32px 20px 32px 20px;
}

.profile-container .main-content:not(.loading) .two-box .subscription-info:not(.loading)[b-v3vaw4zqg5] {
    background: #FDFDFD;
}

.profile-container .main-content .two-box .subscription-info .subsc-header[b-v3vaw4zqg5] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    /*height: 35px;*/
}

.profile-container .main-content .two-box .subscription-info .subsc-header .subsc-title label[b-v3vaw4zqg5] {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #292D32;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .no-selected[b-v3vaw4zqg5] {
    background: #F6F6F6;
    border-radius: 6px;
    display: flex;
    align-items: center;
    width: 77px;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .when-end[b-v3vaw4zqg5] {
    background: #F7F6F1;
    border-radius: 6px;
    display: flex;
    align-items: center;
    min-width: 83px;
    height: 25px;
    justify-content: center;
    padding: 0 4px;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions[b-v3vaw4zqg5] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .when-end label[b-v3vaw4zqg5] {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #EA9532;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .active[b-v3vaw4zqg5] {
    background: #F1F7F3;
    border-radius: 6px;
    display: flex;
    align-items: center;
    min-width: 83px;
    height: 25px;
    justify-content: center;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .active label[b-v3vaw4zqg5] {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #5DB276;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button[b-v3vaw4zqg5] {
    background: #EBEBEB;
    border-radius: 6px;
    /*display: flex;
    align-items: center;*/
    min-width: 26px;
    height: 25px;
    /*justify-content: center;*/
    position: relative;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .par-div-icon[b-v3vaw4zqg5] {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 1px solid #EBEBEB;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .par-div-icon > .ch-div-icon[b-v3vaw4zqg5] {
    width: 13px;
    height: 3px;
    background: url(img/svg/profile/subscription-details-dots-icon.svg) center no-repeat;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .par-div-icon:hover[b-v3vaw4zqg5] {
    cursor: pointer;
    transition: 0.2s;
    border: 1px solid #5DB276;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail.show[b-v3vaw4zqg5] {
    display: block;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail.close[b-v3vaw4zqg5] {
    display: none;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail[b-v3vaw4zqg5] {
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(190, 190, 190, 0.2);
    border-radius: 12px;
    overflow: hidden;
    width: 144px;
    height: 79px;
    position: absolute;
    right: 0;
    top: 30px;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail.trial[b-v3vaw4zqg5] {
    height: 40px;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail > div:hover[b-v3vaw4zqg5] {
    background: #F1F7F3;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail .change-but[b-v3vaw4zqg5] {
    color: #292D32;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail .cancel-but[b-v3vaw4zqg5] {
    border-top: 1px solid #E8E8E8;
    color: #E74646;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail .change-but[b-v3vaw4zqg5],
.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail .cancel-but[b-v3vaw4zqg5] {
    height: 50%;
    align-items: center;
    gap: 5px;
    padding: 0 15px 0 15px;
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    cursor: pointer;
    white-space: nowrap;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail.trial .change-but[b-v3vaw4zqg5] {
    height: 100%;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail .change-but > .icon[b-v3vaw4zqg5] {
    width: 18px;
    height: 18px;
    background: url(img/svg/profile/change-subscription-icon.svg) center no-repeat;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail .cancel-but > .icon[b-v3vaw4zqg5] {
    width: 16px;
    height: 16px;
    background: url(img/svg/profile/cancel-subscription-icon.svg) center no-repeat;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail .change-but > div[b-v3vaw4zqg5],
.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button .subsc-popup-detail .cancel-but > div[b-v3vaw4zqg5] {
    cursor: pointer;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .actions .menu-button div[b-v3vaw4zqg5] {
    display: flex;
    gap: 2px;
}

.profile-container .main-content .two-box .subscription-info .subsc-header .no-selected label[b-v3vaw4zqg5] {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #292D32;
    padding: 6px 10px;
}

.profile-container .main-content .two-box .subscription-info .subsc-content[b-v3vaw4zqg5] {
    margin-top: 24px;
}

.profile-container .main-content .two-box .subscription-info .subsc-content .no-subsc-text label[b-v3vaw4zqg5] {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #292D32;
}

.profile-container .main-content .two-box .subscription-info .subsc-content .to-subscription-button[b-v3vaw4zqg5] {
    margin-top: 30px;
}

.profile-container .main-content .two-box .subscription-info .subsc-content .to-subscription-button button[b-v3vaw4zqg5] {
    background: #5DB276;
    border-radius: 6px;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px 24px;
    border: none;
}

.profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail[b-v3vaw4zqg5] {
    display: flex;
    justify-content: space-between;
}

.profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .left-side[b-v3vaw4zqg5],
.profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .right-side[b-v3vaw4zqg5] {
    width: 50%;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .right-side[b-v3vaw4zqg5] {
    padding-left: 15px;
}

.profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .right-side .detail-item div:nth-child(2)[b-v3vaw4zqg5] {
    padding-left: 15px;
}

.profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .right-side .detail-item.secret-key div:nth-child(2) label[b-v3vaw4zqg5] {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    text-decoration-line: underline;
    color: #3271EA;
}

.profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .left-side .detail-item[b-v3vaw4zqg5],
.profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .right-side .detail-item[b-v3vaw4zqg5] {
    display: flex;
    flex-wrap: wrap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #292D32;
}

.profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .left-side .detail-item div[b-v3vaw4zqg5],
.profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .right-side .detail-item div[b-v3vaw4zqg5] {
    width: 50%;
}

/*subscription info*/

/*applications*/

.profile-container .main-content .applications-overlay[b-v3vaw4zqg5] {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
}

.profile-container .main-content .applications[b-v3vaw4zqg5] {
    background: #FDFDFD;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    min-height: 140px;
    margin-top: 32px;
    padding: 32px 28px 24px 32px;
    overflow-x: auto;
    overflow-y: hidden;
}

.profile-container.loading .main-content .applications[b-v3vaw4zqg5] {
    min-height: 140px;
}

.profile-container .main-content .applications .add-application[b-v3vaw4zqg5] {
    text-align: end;
    display: flex;
    justify-content: end;
    margin-left: 15px;
}

.profile-container .main-content .applications .add-application button[b-v3vaw4zqg5] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;

    background: #5DB276;
    border-radius: 6px;
    width: 162px;
    height: 40px;
    border: none;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.profile-container .main-content .applications .add-application button > div[b-v3vaw4zqg5] {
    width: 25px;
    height: 25px;
    margin-left: -7px;
    background: url(img/svg/profile/plus-application-icon.svg) center no-repeat;
}

.profile-container .main-content .applications table[b-v3vaw4zqg5] {
    width: 100%;
    /*min-width: 670px;*/
}
.profile-container .main-content .applications table thead[b-v3vaw4zqg5] {
    border-bottom: 1px solid #E8E8E8;
}

.profile-container .main-content .applications table thead tr th[b-v3vaw4zqg5]{
    padding-bottom: 16px;

    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #292D32;
}

.profile-container .main-content .applications table tbody[b-v3vaw4zqg5] {
    position: relative;
}

.profile-container .main-content .applications table tbody > .empty[b-v3vaw4zqg5] {
    margin: 10px 0;
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;

    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    color: #292D32;
}

.profile-container .main-content .applications table tbody tr td[b-v3vaw4zqg5] {
    padding-top: 10px;
    padding-bottom: 10px;

    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
}

.profile-container .main-content .applications table tbody tr td:nth-child(2)[b-v3vaw4zqg5] {
    padding-left: 10px;
}

.profile-container .main-content .applications table tbody tr[b-v3vaw4zqg5] {
    border-bottom: 1px solid #E8E8E8;
}

/*.profile-container .main-content .applications table tbody tr td.update-button {*/
/*    text-align: end;*/
/*}*/

.profile-container .main-content .applications table tbody tr td.buttons[b-v3vaw4zqg5] {
    text-align: end;
    min-width: 290px;
}

.profile-container .main-content .applications table tbody tr > td > button[b-v3vaw4zqg5] {
    background: #F7F1F1;
    border-radius: 6px;
    width: 130px;
    height: 32px;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #E74646;
    border: none;
}

.profile-container .main-content .applications table tbody tr > td > button.update[b-v3vaw4zqg5] {
    background: #F1F7F3;
    color: #5DB276;
    margin-right: 10px;
    margin-left: 10px;
}


@media (min-width: 150px) and (max-width: 768px) {
    .profile-container .main-content .two-box[b-v3vaw4zqg5] {
        flex-direction: column;
    }

    .profile-container .main-content .two-box .contact-information[b-v3vaw4zqg5]{
        width: 100%;
    }

    .profile-container .main-content .two-box .subscription-info[b-v3vaw4zqg5] {
        width: 100%;
    }

    .profile-container .main-content .two-box .subscription-info .subsc-header[b-v3vaw4zqg5] {
        height: unset;
        flex-direction: column-reverse;
        gap: 10px;
    }

    /*.profile-container .main-content .two-box .subscription-info .subsc-header .actions {*/
    /*    justify-content: end;*/
    /*}*/

    .profile-container .main-content .two-box .subscription-info .subsc-header .actions > .menu-button[b-v3vaw4zqg5] {
        margin-left: auto;
    }

    .profile-container .main-content .two-box .subscription-info .subsc-content[b-v3vaw4zqg5] {
        margin-top: 10px;
    }

    .profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail[b-v3vaw4zqg5] {
        flex-direction: column;
        gap: 10px;
    }

    .profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail[b-v3vaw4zqg5] {
        width: 100%;
    }

    .profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .left-side[b-v3vaw4zqg5],
    .profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .right-side[b-v3vaw4zqg5]
    {
        width: 100%;
    }

    .profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .right-side[b-v3vaw4zqg5] {
        padding-left: 0;
    }

    .profile-container .main-content .two-box .subscription-info .subsc-content .subsc-detail .right-side .detail-item div:nth-child(2)[b-v3vaw4zqg5]{
        padding-left: 0;
    }
}

.popup[b-v3vaw4zqg5] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(41, 45, 50, 0.2);

    display: none;
    justify-content: center;
    align-items: center;
}

.popup.show[b-v3vaw4zqg5] {
    display: flex;
}

.popup > .app-container[b-v3vaw4zqg5] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    width: calc(100% - 40px);
    max-width: 418px;
    height: 209px;
    background: #FFFFFF;
    box-shadow: 0 8px 16px rgba(179, 179, 179, 0.25);
    border-radius: 20px;
}

.popup > .app-container > .top[b-v3vaw4zqg5] {
    display: flex;
    justify-content: space-between;
    flex: 1 1;
}

.popup > .app-container > .top > .icon[b-v3vaw4zqg5] {
    width: 132px;
    height: 132px;
    background: url(img/svg/profile/add-application-icon.svg) center no-repeat;
}

.popup > .app-container > .top > .close[b-v3vaw4zqg5] {
    width: 32px;
    height: 32px;
    background: url(img/svg/profile/close-popup-icon.svg) center no-repeat;
    margin-right: 20px;
    margin-top: 16px;
    margin-left: 4px;
    cursor: pointer;
}

.popup > .app-container > .top > .texts[b-v3vaw4zqg5] {
    width: calc(100% - 200px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 12px;
}

.popup > .app-container > .top > .texts > .header[b-v3vaw4zqg5] {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 23px;
    color: #292D32;
    margin-bottom: 8px;
}

.popup > .app-container > .top > .texts > .text[b-v3vaw4zqg5] {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(19, 18, 18, 0.7);
    margin-top: 8px;
}

.popup > .app-container > .bottom[b-v3vaw4zqg5] {
    display: flex;
    height: 42px;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
}

.popup > .app-container > .bottom > .button[b-v3vaw4zqg5] {
    height: 100%;
    width: 98px;
}

.popup > .app-container > .bottom > .input-wrapper[b-v3vaw4zqg5] {
    height: 100%;
    flex: 1 1;
    display: flex;
    align-items: center;
    background: #FAFAFA;
    border: 1px solid #E8E8E8;
    border-right: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.popup > .app-container > .bottom > .input-wrapper > input[b-v3vaw4zqg5] {
    width: 100%;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;

    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    color: rgba(19, 18, 18, 0.7);
    background: #FAFAFA;
    text-indent: 20px;
}

.popup > .app-container > .bottom > .input-wrapper > input[b-v3vaw4zqg5]::placeholder {
    color: #858585;
}

.popup > .app-container > .bottom > .button[b-v3vaw4zqg5] {
    background: #5DB276;
    border-radius: 0 8px 8px 0;

    display: flex;
    justify-content: center;
    align-items: center;

    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #FFFFFF;
    cursor: pointer;
}

.popup.delete > .remove-container[b-v3vaw4zqg5] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    width: calc(100% - 40px);
    max-width: 369px;
    min-height: 209px;
    background: #FFFFFF;
    box-shadow: 0 8px 16px rgba(179, 179, 179, 0.25);
    border-radius: 20px;
}

.popup.delete > .remove-container > .top[b-v3vaw4zqg5] {
    width: 100%;
    height: 62px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
}

.popup.delete > .remove-container > .top > .text[b-v3vaw4zqg5] {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #292D32;
}

.popup.delete > .remove-container > .top > .close[b-v3vaw4zqg5] {
    position: absolute;
    top: calc(50% - 16px);
    right: 10px;
    cursor: pointer;
}

.popup.delete > .remove-container > .middle[b-v3vaw4zqg5] {
    /*word-break: break-all;*/
    padding: 5px 15px;

    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: rgba(19, 18, 18, 0.7);
}

.popup.delete > .remove-container > .bottom[b-v3vaw4zqg5] {
    display: flex;
    gap: 16px;
    justify-content: center;
    padding-top: 8px;
    border-top: 1px solid #E8E8E8;
    margin-bottom: 8px;
}

.popup.delete > .remove-container > .bottom > .btn[b-v3vaw4zqg5] {
    width: 132px;
    height: 43px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    cursor: pointer;
}

.popup.delete > .remove-container > .bottom > .btn.close[b-v3vaw4zqg5] {
    background: #F1F7F3;
    color: #5DB276;
}

.popup.delete > .remove-container > .bottom > .btn.remove[b-v3vaw4zqg5] {
    background: #F7F1F1;
    color: #E74646;
}

.profile-container .main-content > .applications-overlay.loading > .applications[b-v3vaw4zqg5] {
    min-height: 140px;
}

.main-content .subscription-info.loading[b-v3vaw4zqg5],
.main-content .contact-information.loading[b-v3vaw4zqg5],
.main-content.loading .contact-information[b-v3vaw4zqg5],
.main-content.loading .subscription-info[b-v3vaw4zqg5],
.main-content.loading > .applications-overlay > .applications[b-v3vaw4zqg5],
.main-content > .applications-overlay.loading > .applications[b-v3vaw4zqg5] {
    background: linear-gradient(90deg, #FDFDFD, #eeeeee, #FDFDFD, #eeeeee);
    background-size: 400% 400%;
    animation: moveGradient-b-v3vaw4zqg5 4s ease infinite;
}

.main-content .subscription-info.loading > div[b-v3vaw4zqg5],
.main-content .contact-information.loading > div[b-v3vaw4zqg5] {
    visibility: hidden;
}

@keyframes moveGradient-b-v3vaw4zqg5 {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 100% 0%;
    }

    100% {
        background-position: 0% 0%;
    }
}
/* /Pages/SignIn/SignInPage.razor.rz.scp.css */
.sign-in-page-container[b-zzy0nhhvu1] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 55px;
    padding-right: 80px;
    gap: 60px;
    min-height: 100%;
    /*position: absolute;*/
    top: 0;
}

.sign-in-page-container > .left-logo[b-zzy0nhhvu1] {
    width: 60%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sign-in-page-container > .left-logo > img[b-zzy0nhhvu1] {
    width: auto;
    height: auto;
    max-width: 100%;
}

.sign-in-page-container > .form-wrapper[b-zzy0nhhvu1] {
    width: 40%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.sign-in-page-container > .form-wrapper > .logo > img[b-zzy0nhhvu1] {
    cursor: pointer;
}

.sign-in-page-container > .form-wrapper > .header[b-zzy0nhhvu1] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 45px;
    line-height: 55px;
    color: #292D32;
    padding-top: 26px;
    padding-bottom: 16px;
}

.sign-in-page-container > .form-wrapper > .description[b-zzy0nhhvu1] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #292D32;
}

.sign-in-page-container > .form-wrapper > .image[b-zzy0nhhvu1] {
    display: none;
}

.sign-in-page-container > .form-wrapper > .field-wrapper[b-zzy0nhhvu1] {
    width: 100%;
    height: 159px;
    display: flex;
    flex-direction: column;
    background: #FDFDFD;
    box-shadow: 0px 4px 8px rgba(190, 190, 190, 0.2);
    border-radius: 20px;
    overflow: hidden;
    margin-top: 32px;
    position: relative;
}

.sign-in-page-container > .form-wrapper > .field-wrapper > .delimiter[b-zzy0nhhvu1] {
    position: absolute;
    left: 0;
    top: calc(50% - 0.5px);
    width: 100%;
    height: 1px;
    background: #EEEEEE;
}

.sign-in-page-container > .form-wrapper > .field-wrapper > .line[b-zzy0nhhvu1] {
    width: 100%;
    height: 50%;
    display: flex;
}

.sign-in-page-container > .form-wrapper > .field-wrapper > .line > .icon-wrapper[b-zzy0nhhvu1] {
    width: 87px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sign-in-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper[b-zzy0nhhvu1] {
    flex: 1 1;
    display: flex;
    align-items: center;
}

.sign-in-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-zzy0nhhvu1] {
    width: calc(100% - 30px);
    background: transparent !important;
    border: none;
    outline: none;
    padding: 0;
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #292D32;
    caret-color: #292D32;
    cursor: pointer;
}

.sign-in-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-zzy0nhhvu1]::placeholder {
    color: #858585;
    caret-color: #858585;
}

.sign-in-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill[b-zzy0nhhvu1],
.sign-in-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:hover[b-zzy0nhhvu1],
.sign-in-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:focus[b-zzy0nhhvu1],
.sign-in-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:active[b-zzy0nhhvu1] {
    -webkit-box-shadow: 0 0 0 60px #FDFDFD inset !important;
    background-color: transparent !important;
    background-clip: content-box !important;
}

.sign-in-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill[b-zzy0nhhvu1],
.sign-in-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:hover[b-zzy0nhhvu1],
.sign-in-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:focus[b-zzy0nhhvu1],
.sign-in-page-container > .form-wrapper.error > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:active[b-zzy0nhhvu1] {
    -webkit-box-shadow: 0 0 0 60px #F7F1F1 inset !important;
    background-color: transparent !important;
    background-clip: content-box !important;
}

.sign-in-page-container > .form-wrapper > .field-wrapper > .line.password > .input-wrapper > input[b-zzy0nhhvu1] {
    width: calc(100% - 64px);
}

.sign-in-page-container > .form-wrapper > .field-wrapper > .line.password > .input-wrapper > .eye[b-zzy0nhhvu1] {
    flex: 1 1;
    height: 100%;
    display: flex;
    align-items: center;
}

.sign-in-page-container > .form-wrapper > .field-wrapper > .line.password > .input-wrapper > .eye > div[b-zzy0nhhvu1] {
    margin-left: 15px;
}

.sign-in-page-container > .form-wrapper > .field-wrapper > .line.password > .input-wrapper > .eye > div > svg[b-zzy0nhhvu1] {
    cursor: pointer;
}

.sign-in-page-container > .form-wrapper > .validation-error-message[b-zzy0nhhvu1] {
    width: 100%;
    height: 0;
    display: flex;
    align-items: center;
    transition: all 0.1s ease;

    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;

    color: #E74646;
    margin-top: 12px;
    overflow: hidden;
}

.sign-in-page-container > .form-wrapper.error > .validation-error-message[b-zzy0nhhvu1] {
    height: 20px;
}

.sign-in-page-container > .form-wrapper > .forgot-password[b-zzy0nhhvu1] {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sign-in-page-container > .form-wrapper > .forgot-password > .text[b-zzy0nhhvu1] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #292D32;
    cursor: pointer;
}

.sign-in-page-container > .form-wrapper > .sign-in[b-zzy0nhhvu1] {
    width: 100%;
    height: 53px;
    background: #5DB276;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sign-in-page-container > .form-wrapper > .sign-in > .text[b-zzy0nhhvu1] {
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.sign-in-page-container > .form-wrapper > .sign-in > .text label:hover[b-zzy0nhhvu1]{
    cursor: pointer;
}

.sign-in-page-container > .form-wrapper > .social-wrapper[b-zzy0nhhvu1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sign-in-page-container > .form-wrapper > .social-wrapper > .social[b-zzy0nhhvu1] {
    width: 100%;
    height: 53px;
    margin-top: 16px;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sign-in-page-container > .form-wrapper > .social-wrapper > .social > .icon[b-zzy0nhhvu1] {
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 2px;
}

.sign-in-page-container > .form-wrapper > .social-wrapper > .social.github > .icon[b-zzy0nhhvu1] {
    width: 19px;
    height: 19px;
    background: url(img/auth/github-icon.svg) center no-repeat;
    background-size: contain;
}

.sign-in-page-container > .form-wrapper > .social-wrapper > .social > .text[b-zzy0nhhvu1] {
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #434343;
    cursor: pointer;
}

.sign-in-page-container > .form-wrapper > .sign-up-wrapper[b-zzy0nhhvu1] {
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
    display: flex;
}

.sign-in-page-container > .form-wrapper > .sign-up-wrapper > .text[b-zzy0nhhvu1] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    color: #434343;
}

.sign-in-page-container > .form-wrapper > .sign-up-wrapper > .button[b-zzy0nhhvu1] {
    margin-left: 16px;
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    color: #5DB276;
    cursor: pointer;
}

@media (min-width: 100px) and (max-width: 992px), (max-width: 1025px) and (max-height: 602px) {

    .sign-in-page-container[b-zzy0nhhvu1] {
        padding: 0;
        justify-content: center;
        position: absolute;
        top: 0;
    }

    .sign-in-page-container > .left-logo[b-zzy0nhhvu1] {
        display: none;
    }

    .sign-in-page-container > .form-wrapper[b-zzy0nhhvu1] {
        width: 100%;
        align-items: center;
        padding: 44px 20px;
    }

    .sign-in-page-container > .form-wrapper > .logo[b-zzy0nhhvu1] {
        width: 100%;
    }

    .sign-in-page-container > .form-wrapper > .header[b-zzy0nhhvu1] {
        font-size: 30px;
        line-height: 36px;
        padding-top: 24px;
    }

    .sign-in-page-container > .form-wrapper > .description[b-zzy0nhhvu1] {
        font-size: 14px;
        line-height: 17px;
    }

    .sign-in-page-container > .form-wrapper > .image[b-zzy0nhhvu1] {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .sign-in-page-container > .form-wrapper > .image > img[b-zzy0nhhvu1] {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .sign-in-page-container > .form-wrapper > .sign-up-wrapper[b-zzy0nhhvu1] {
        position: static;
        transform: none;
        margin-top: 40px;
    }

    .sign-in-page-container > .form-wrapper > .social-wrapper[b-zzy0nhhvu1] {
        flex-direction: row;
        gap: 10px;
    }

    .sign-in-page-container > .form-wrapper > .social-wrapper > .social[b-zzy0nhhvu1] {
        width: 50%;
    }

    .sign-in-page-container > .form-wrapper > .social-wrapper > .social > .text[b-zzy0nhhvu1] {
        font-size: 12px;
        line-height: 20px;
    }

    .sign-in-page-container > .form-wrapper > .sign-in > .text[b-zzy0nhhvu1] {
        font-size: 16px;
        line-height: 20px;
    }

    .sign-in-page-container > .form-wrapper > .forgot-password > .text[b-zzy0nhhvu1] {
        font-size: 14px;
        line-height: 17px;
    }

    .sign-in-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-zzy0nhhvu1] {
        font-size: 14px;
        line-height: 17px;
    }

    .sign-in-page-container > .form-wrapper > .field-wrapper[b-zzy0nhhvu1] {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .sign-in-page-container > .form-wrapper > .image[b-zzy0nhhvu1] {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .sign-in-page-container > .form-wrapper[b-zzy0nhhvu1] {
        padding-top: 20px;
    }
}
/* /Pages/SignUp/SignUpPage.razor.rz.scp.css */
.sign-up-page-container[b-m3hr04kf3o] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 55px;
    padding-right: 80px;
    gap: 60px;
    min-height: 100%;
    /*position: absolute;*/
    top: 0;
}

.sign-up-page-container > .left-logo[b-m3hr04kf3o] {
    width: 60%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sign-up-page-container > .left-logo > img[b-m3hr04kf3o] {
    width: auto;
    height: auto;
    max-width: 100%;
}

.sign-up-page-container > .form-wrapper[b-m3hr04kf3o] {
    width: 40%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.sign-up-page-container > .form-wrapper > .logo > img[b-m3hr04kf3o] {
    cursor: pointer;
}

.sign-up-page-container > .form-wrapper > .header[b-m3hr04kf3o] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 45px;
    line-height: 55px;
    color: #292D32;
    padding-top: 26px;
    padding-bottom: 16px;
}

.sign-up-page-container > .form-wrapper > .description[b-m3hr04kf3o] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #292D32;
}

.sign-up-page-container > .form-wrapper > .image[b-m3hr04kf3o] {
    display: none;
}

.sign-up-page-container > .form-wrapper > .field-wrapper[b-m3hr04kf3o] {
    width: 100%;
    height: 287px;
    display: flex;
    flex-direction: column;
    background: #FDFDFD;
    box-shadow: 0 4px 8px rgba(190, 190, 190, 0.2);
    border-radius: 20px;
    margin-top: 32px;
    position: relative;
    overflow: hidden;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .delimiter-1[b-m3hr04kf3o] {
    position: absolute;
    left: 0;
    top: calc(25% - 0.5px);
    width: 100%;
    height: 1px;
    background: #EEEEEE;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .delimiter-2[b-m3hr04kf3o] {
    position: absolute;
    left: 0;
    top: calc(50% - 0.5px);
    width: 100%;
    height: 1px;
    background: #EEEEEE;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .delimiter-3[b-m3hr04kf3o] {
    position: absolute;
    left: 0;
    top: calc(75% - 0.5px);
    width: 100%;
    height: 1px;
    background: #EEEEEE;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .line[b-m3hr04kf3o] {
    width: 100%;
    height: 50%;
    display: flex;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .line > .icon-wrapper[b-m3hr04kf3o] {
    width: 87px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper[b-m3hr04kf3o] {
    flex: 1 1;
    display: flex;
    align-items: center;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-m3hr04kf3o] {
    width: calc(100% - 30px);
    background: transparent !important;
    border: none;
    outline: none;
    padding: 0;
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #292D32;
    caret-color: #292D32;
    cursor: pointer;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-m3hr04kf3o]::placeholder {
    color: #858585;
    caret-color: #858585;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill[b-m3hr04kf3o],
.sign-up-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:hover[b-m3hr04kf3o],
.sign-up-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:focus[b-m3hr04kf3o],
.sign-up-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input:-webkit-autofill:active[b-m3hr04kf3o] {
    -webkit-box-shadow: 0 0 0 60px #FDFDFD inset !important;
    background-color: transparent !important;
    background-clip: content-box !important;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .line.password > .input-wrapper > input[b-m3hr04kf3o] {
    width: calc(100% - 64px);
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .line.password > .input-wrapper > .eye[b-m3hr04kf3o] {
    flex: 1 1;
    height: 100%;
    display: flex;
    align-items: center;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .line.password > .input-wrapper > .eye > div[b-m3hr04kf3o] {
    margin-left: 15px;
}

.sign-up-page-container > .form-wrapper > .field-wrapper > .line.password > .input-wrapper > .eye > div > svg[b-m3hr04kf3o] {
    cursor: pointer;
}

.sign-up-page-container > .form-wrapper > .validation-error-message[b-m3hr04kf3o] {
    width: 100%;
    height: 0;
    display: flex;
    align-items: center;
    transition: all 0.1s ease;

    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;

    color: #E74646;
    margin-top: 14px;
    overflow: hidden;
}

.sign-up-page-container > .form-wrapper.error > .validation-error-message[b-m3hr04kf3o] {
    height: 34px;
}

.sign-up-page-container > .form-wrapper > .sign-up[b-m3hr04kf3o] {
    width: 100%;
    height: 53px;
    margin-top: 14px;
    background: #5DB276;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sign-up-page-container > .form-wrapper > .license-confirmation[b-m3hr04kf3o] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    gap: 10px;
}

.sign-up-page-container > .form-wrapper > .license-confirmation > .checkbox[b-m3hr04kf3o] {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #BDBDBD;
    cursor: pointer;
    position: relative;
}

.sign-up-page-container > .form-wrapper > .license-confirmation > .checkbox.active[b-m3hr04kf3o] {
    border: 1px solid #5DB276;
}

.sign-up-page-container > .form-wrapper > .license-confirmation > .checkbox.active[b-m3hr04kf3o]::after {
    content: ' ';
    position: absolute;
    top: 1px;
    left: -3px;
    transform: rotate(45deg);
    height: 12px;
    width: 7px;
    margin-left: 50%;
    border-bottom: 2px solid #5DB276;
    border-right: 2px solid #5DB276;
}

.sign-up-page-container > .form-wrapper > .license-confirmation > .text[b-m3hr04kf3o] {
    max-width: calc(100% - 30px);
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #434343;
}

.sign-up-page-container > .form-wrapper > .license-confirmation > .text a[b-m3hr04kf3o] {
    color: #292D32;
}

.sign-up-page-container > .form-wrapper > .sign-up > .text[b-m3hr04kf3o] {
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.sign-up-page-container > .form-wrapper > .sign-up.disabled[b-m3hr04kf3o] {
    pointer-events: none;
    background: #BDBDBD;
    opacity: 0.8;
}

.sign-up-page-container > .form-wrapper > .sign-up > .text label:hover[b-m3hr04kf3o] {
    cursor: pointer;
}

.sign-up-page-container > .form-wrapper > .social-wrapper[b-m3hr04kf3o] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sign-up-page-container > .form-wrapper > .social-wrapper > .social[b-m3hr04kf3o] {
    width: 100%;
    height: 53px;
    margin-top: 16px;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sign-up-page-container > .form-wrapper > .social-wrapper > .social > .icon[b-m3hr04kf3o] {
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 2px;
}

.sign-up-page-container > .form-wrapper > .social-wrapper > .social.github > .icon[b-m3hr04kf3o] {
    width: 19px;
    height: 19px;
    background: url(img/auth/github-icon.svg) center no-repeat;
    background-size: contain;
}

.sign-up-page-container > .form-wrapper > .social-wrapper > .social > .text[b-m3hr04kf3o] {
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #434343;
    cursor: pointer;
}

.sign-up-page-container > .form-wrapper > .sign-up-wrapper[b-m3hr04kf3o] {
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
    display: flex;
}

.sign-up-page-container > .form-wrapper > .sign-up-wrapper > .text[b-m3hr04kf3o] {
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    color: #434343;
}

.sign-up-page-container > .form-wrapper > .sign-up-wrapper > .button[b-m3hr04kf3o] {
    margin-left: 16px;
    font-family: 'Product Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    color: #5DB276;
    cursor: pointer;
}

.message-after-registration[b-m3hr04kf3o] {
    background: white;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    padding: 30px;
}

.message-after-registration .title[b-m3hr04kf3o] {
    font-family: 'Product Sans', sans-serif;
    font-size: 1.2pc;
    font-weight: bold;
    text-align: center;
}

.message-after-registration .description[b-m3hr04kf3o] {
    font-family: 'Product Sans', sans-serif;
    font-size: 1.1pc;
    margin-top: 8px;
    text-align: center;
}

.message-after-registration .got-to-signin[b-m3hr04kf3o] {
    margin-top: 16px;
    text-align: center;
}

@media (min-width: 100px) and (max-width: 992px), (max-width: 1025px) and (max-height: 602px) {
    .sign-up-page-container[b-m3hr04kf3o] {
        padding: 0;
        justify-content: center;
        position: absolute;
        top: 0;
    }

    .sign-up-page-container > .left-logo[b-m3hr04kf3o] {
        display: none;
    }

    .sign-up-page-container > .form-wrapper[b-m3hr04kf3o] {
        width: 100%;
        align-items: center;
        padding: 44px 20px;
    }

    .sign-up-page-container > .form-wrapper > .logo[b-m3hr04kf3o] {
        width: 100%;
    }

    .sign-up-page-container > .form-wrapper > .header[b-m3hr04kf3o] {
        font-size: 30px;
        line-height: 36px;
        padding-top: 24px;
    }

    .sign-up-page-container > .form-wrapper > .description[b-m3hr04kf3o] {
        font-size: 14px;
        line-height: 17px;
    }

    .sign-up-page-container > .form-wrapper > .image[b-m3hr04kf3o] {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .sign-up-page-container > .form-wrapper > .image > img[b-m3hr04kf3o] {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .sign-up-page-container > .form-wrapper > .sign-up-wrapper[b-m3hr04kf3o] {
        position: static;
        transform: none;
        margin-top: 40px;
    }

    .sign-up-page-container > .form-wrapper > .social-wrapper[b-m3hr04kf3o] {
        flex-direction: row;
        gap: 10px;
    }

    .sign-up-page-container > .form-wrapper > .social-wrapper > .social[b-m3hr04kf3o] {
        width: 50%;
    }

    .sign-up-page-container > .form-wrapper > .social-wrapper > .social > .text[b-m3hr04kf3o] {
        font-size: 12px;
        line-height: 20px;
    }

    .sign-up-page-container > .form-wrapper > .sign-up > .text[b-m3hr04kf3o] {
        font-size: 16px;
        line-height: 20px;
    }

    .sign-up-page-container > .form-wrapper > .forgot-password > .text[b-m3hr04kf3o] {
        font-size: 14px;
        line-height: 17px;
    }

    .sign-up-page-container > .form-wrapper > .field-wrapper > .line > .input-wrapper > input[b-m3hr04kf3o] {
        font-size: 14px;
        line-height: 17px;
    }

    .sign-up-page-container > .form-wrapper > .field-wrapper[b-m3hr04kf3o] {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .sign-up-page-container > .form-wrapper > .image[b-m3hr04kf3o] {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .sign-up-page-container > .form-wrapper[b-m3hr04kf3o] {
        padding-top: 20px;
    }
}
/* /Pages/Subscription/SubscriptionPage.razor.rz.scp.css */
.subscription-container[b-05evoae63z] {
    width: 100%;
    height: 100%;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 40px;
}

.subscription-container .products[b-05evoae63z] {
    padding-top: 32px;
    display: grid;
    grid-template-columns: repeat(auto-fit, 300px);
    justify-content: space-evenly;
    gap: 20px;
}

.subscription-container .products > .product-loader[b-05evoae63z] {
    /*background: #FDFDFD;*/
    border-radius: 20px;
    width: 301px;
    height: 446px;
    padding: 40px 21px;

    background: linear-gradient(90deg, #FDFDFD, #eeeeee, #FDFDFD, #eeeeee);
    background-size: 400% 400%;
    animation: gradient-b-05evoae63z 4s ease infinite;
}

.subscription-container > .subscription-info-loader[b-05evoae63z] {
    /*background: #FDFDFD;*/
    border-radius: 10px;
    width: 100%;
    height: 150px;
    padding: 32px 26px;
    margin-top: 30px;

    background: linear-gradient(90deg, #FDFDFD, #eeeeee, #FDFDFD, #eeeeee);
    background-size: 400% 400%;
    animation: gradient-b-05evoae63z 4s ease infinite;
}

.subscription-container .title[b-05evoae63z] {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #292D32;
    margin-bottom: 8px;
}

.subscription-container .description[b-05evoae63z] {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #292D32;
}
/*subscription info*/
.subscription-container .subscription-info[b-05evoae63z] {
    background: #FDFDFD;
    border-radius: 10px;
    width: 100%;
    display: flex;
    padding: 32px 26px;
    margin-top: 30px;
}

.subscription-container .subscription-info .two-box[b-05evoae63z] {
    display: flex;
}

.subscription-container .subscription-info .two-box .describe[b-05evoae63z]{
    padding-left: 10px;
}

.subscription-container .subscription-info .two-box[b-05evoae63z]{
    padding-right: 10px;
}

.subscription-container .subscription-info .two-box[b-05evoae63z],
.subscription-container .subscription-info .more-info[b-05evoae63z] {
    width: 50%;
}

.subscription-container .subscription-info .two-box .describe .describe-title[b-05evoae63z] {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #131212;
    margin-bottom: 16px;
}

.subscription-container .subscription-info .more-info .info-title[b-05evoae63z] {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #131212;
    margin-bottom: 16px;
}

.subscription-container .subscription-info .more-info .info-description[b-05evoae63z]{
    display: flex;
}

.subscription-container .subscription-info .more-info .info-description .descr-item .prop-name[b-05evoae63z] {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #292D32;
}

.subscription-container .subscription-info .more-info .info-description div[b-05evoae63z]{
    width: 50%;
}

.subscription-container .subscription-info .more-info .info-description .descr-item[b-05evoae63z] {
    display: flex;
    width: 100%;
}

.subscription-container .subscription-info .more-info .info-description .descr-item label[b-05evoae63z]{
    width: 50%;
}

.subscription-container .subscription-info .more-info[b-05evoae63z] {
}

@media (min-width: 150px) and (max-width: 768px) {
    .subscription-container .products[b-05evoae63z]{
        justify-content: center;
    }

    .subscription-container .subscription-info[b-05evoae63z]{
        flex-direction: column;
    }

    .subscription-container .subscription-info .more-info[b-05evoae63z],
    .subscription-container .subscription-info .two-box[b-05evoae63z]{
        width: 100%;
    }

    .subscription-container .subscription-info .two-box .correct-icon[b-05evoae63z]{
        display: none;
    }

    .subscription-container .subscription-info .two-box .describe[b-05evoae63z]{
        padding: 0;
    }

    .subscription-container .subscription-info .more-info[b-05evoae63z]{
        margin-top: 20px;
    }

    .subscription-container .subscription-info .more-info .info-description[b-05evoae63z]{
        flex-direction: column;
    }

    .subscription-container .subscription-info .more-info .info-description div[b-05evoae63z]{
        width: 100%;
    }
}

@keyframes gradient-b-05evoae63z {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 100% 0%;
    }

    100% {
        background-position: 0% 0%;
    }
}