.password-changed-body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.password-changed-body .main-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
    }

.password-changed-body .outer-container {
        padding: 40px;
        border-radius: 10px;
        background: #f0f4f9;
    }

.password-changed-body .password-changed-container {
        display: flex;
        max-width: 1039px;
        max-height: 533.98px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);
    }

.password-changed-body .image-container {
        width: 50%;
        max-width: 700px;
    }

.password-changed-body .login-image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

.password-changed-body .password-changed-message {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50%;
        padding: 0px 80px;
        border-radius: 0px 24px 24px 0px;
        background: #fff;
    }

.password-changed-body .message-layout {
        width: min(100%, 600px);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.password-changed-body .logo-container {
        display: flex;
        align-items: center;
        height: 50px;
    }

.password-changed-body .received-message {
        margin-bottom: 5px;
    }

.password-changed-body .login-forward-btn {
        width: 100%;
        display: flex;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        align-self: stretch;
        border-radius: 8px;
        border: 1px solid #001c5e;
        background: #001c5e;
        cursor: pointer;
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    }

.password-changed-body .login-forward-btn-text {
        color: #fff;
        font-weight: 600;
        line-height: 24px;
    }

@media (max-width: 910px) {
        .password-changed-body .outer-container {
            background: #f0f4f9;
            overflow: hidden;
            padding: 0px;
            margin: 0px;
            border-radius: 0;
            width: 100vw;
            height: 100vh;
        }
        .password-changed-body .password-changed-container {
            flex-direction: column;
            max-height: none;
            border-radius: 0;
            position: relative;
            height: 100vh;
            justify-content: flex-start;
        }
        .password-changed-body .image-container {
            width: 100%;
            max-width: none;
        }
        .password-changed-body .password-changed-message {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 65%;
            border-radius: 3rem 3rem 0 0;
            width: auto;
            background-color: white;
            z-index: 10;
        }
        .password-changed-body .logo-container {
            position: absolute;
            z-index: 10;
            top: -4rem;
            left: 50%;
            transform: translateX(-50%);
            justify-content: center;
        }
}