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


    .page {
        display: flex;
        width: 100%;
        height: 100svh;
        max-width: 1367px;
        align-items: flex-start;
        flex-direction: row;
    }

    .left-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex: 1 0 0;
        align-self: stretch;
        height: 100%;
        width: 100%;
        padding: unset;
        padding-left: 32px;
        min-width: 300px;
        max-width: 576.5px;
    }

        .left-content .welcome-text-container {
            width: 270px;
        }

        .left-content .welcome-upper {
            height: 65px;
            font-style: normal;
        }

        .left-content .welcome-lower {
            height: 70px;
            display: unset;
            color: var(--Light-shades-Light-Shade-4, rgba(255, 255, 255, 0.90));
            font-size: 32px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: -0.96px;
        }

    .diagonal {
        width: 28.4vh;
        height: 100vh;
        clip-path: polygon(0 0, 100% 0, 0 100%);
        transform: skewY(0.001deg);
    }

    .right-content {
        padding: unset;
        padding-right: 32px;
        justify-content: space-evenly;
    }

    .form {
        width: 270px;
        max-width: 270px;
        gap: 12px;
        justify-content: center;
    }

    .logo {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1;
        background: url(/images/logo.png) white 50% / contain no-repeat;
        height: 69.12px;
        margin-top: unset;
    }

    .sign-out {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: unset;
        bottom: unset;
        background-color: unset;
        gap: unset;
        height: 62px;
        margin-bottom: 12px;
    }

    .sign-out-placeholder {
        height: unset;
        width: unset;
    }


    .sign-out-text {
        color: rgba(0, 0, 0, 0.50);
        overflow: unset;
        display: flex;
        flex-direction: column;
        white-space: pre-wrap;
        align-items: center;
    }

    .sign-out-container {
        all: unset;
        display: unset;
    }

    .bold {
        font-weight: bold;
    }


    /*Privacy start*/

    .privacy-logo { 
        right: 8px;
        width: 97px;
        height: 71.78px;
    }
    /*Privacy end*/
}