
body {
    font-family: 'Work Sans',sans-serif;
}

.passwordContainer {
    display: flex;
    flex-direction: column;
    margin-bottom: 450px;
    align-items: center;
    line-height: 24px;
}

.heading {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #1B0757;
    margin: 64px 0 24px 0;
}

.subHeading {
    font-weight: 400;
    font-size: 18px;
    color: #1B0757;
    display: inline-block;
    margin: 20px 0 50px 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.inputContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .inputContainer label {
        font-weight: 600;
        font-size: 16px;
        color: #1B0757;
        margin: 0 0 24px -400px;
        align-content: flex-start;
    }

.text-danger {
    color: red;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Work Sans',sans-serif;
}

.inputContainer input {
    border: none;
    border-bottom: 2px solid #E2DCD6;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background: transparent;
}

    .inputContainer input:focus {
        outline: 0;
        background: transparent;
        border-bottom: 2px solid #1B0757;
    }

.reset {
    width: 526px;
    align-items: center;
    border-radius: 4px;
    border: 2px solid #1B0757;
    padding: 12px;
    font-weight: 600;
    font-size: 16px;
    margin: 72px 0 0 0;
    color: white;
    background: #1B0757;
    font-family: 'Work Sans',sans-serif;
}

    .reset:hover {
        background: #5252CB;
        border: 2px solid #5252CB;
        cursor: pointer;
    }

#form button {
    float: none;
}

.input-validation-error {
    border-bottom: 1px solid red !important;
}

.header .preqin-text{
    margin-left: 9rem;
}
