.pv-account {
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pv-account-login-container {
    padding: 32px;
    max-width: 800px;
    width: 80%;
    box-shadow: 5px 5px 12px rgba(0,0,0,0.12);
    border-radius: 5px;
    background-color: #fff;
    animation: slideFadeIn 0.6s ease forwards;
}

.pv-account-login-card {
    display:flex;
    flex-direction:column;
    gap: 34px;
}

.pv-account-login-card-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}

.pv-account-login-card-logo-image-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

    .pv-account-login-card-logo-image-container h6 {
        font-size: 25px;
        font-weight: 600;
        margin: 0;
    }

.pv-account-login-card-logo-image {
    width:24px;
    height:24px;
}

.pv-account-login-card-info {

}

.pv-account-login-card-info p{
    font-size:1.5rem;
    font-weight:600;
    margin: 0;
}

.pv-account-login-card-form {
    display:flex;
    flex-direction: column;
    gap:24px;
}

.pv-account-login-card-form-fields {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pv-account-login-card-form-field {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.pv-account-login-card-form-button {
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.pv-account-login-card-form-links {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .pv-account-login-card-form-links a {
        font-size: 0.775rem;
        font-weight: 400;
        margin: 0;
        color:#333;
    }

@keyframes slideFadeIn {
    from {
        opacity: 0;
        transform: translateX(40px); /* starts to the right */
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


.pv-account-container {
    display: flex;
    flex-direction: column;
    gap: 34px;
    padding: 32px;
    max-width: 800px;
    box-shadow: 5px 5px 12px rgba(0,0,0,0.12);
    border-radius: 5px;
    background-color: #fff;
    gap: 34px;
    margin: 0px 30px;
    animation: slideFadeIn 0.6s ease forwards;
}

.pv-account-card {
    display: flex;
    flex-direction: column;
    gap: 34px;
}


.pv-account-title {

}

    .pv-account-title h5 {
        font-size: 1.25rem;
        font-weight: 400;
        margin: 0;
        color: #333;
    }

    .pv-account-title p {
        font-size: 0.9rem;
        font-weight: 400;
        margin: 0;
        color: #333;
    }

.pv-account-form {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.pv-account-form-fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pv-account-form-buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}