body {
    background: linear-gradient(89.92deg, #2A3580 0.07%, #2A3580 0.08%, #091254 99.94%);
    background-size: cover;
    background-attachment: fixed;
}

.wizard {
    font-size: 1rem;
    color: var(--White);
    height: 100vh;
    background: var(--Gradient-Brand-0);
    font-family: "Host Grotesk";
    
}


.wizard a {
    color: var(--white);
    max-width: 224px;
    margin: auto;
}

.wizard a:hover {
    color: var(--Brand-Dark-Blue-400);
    text-decoration: none;
}

.wizard .logo-frenet {
    display: flex;
    justify-content: center;
    padding: 1rem 2rem;
}

.wizard .logo-frenet a img{
    width: 12rem;
    height: auto;
}
.form-group .label-email{
    color: var(--Colors-Text-primary, #101828);
    font-family: var(--font-family-Inter);
    font-size: var(--font-size-base, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--font-line-height-base, 20px);
    letter-spacing: 0.07px;
}

.btn-reset-password{
    width: 256px !important;
    height: 48px !important;
    margin: auto;
}
.back-to-login a{
    color: #3F83F8 !important;
    text-align: center;
    font-family: var(--font-family-Inter);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.07px;

}
/*--- Layout Structure ---*/


.wizard .content-wrapper h1{
    font-family: 'Roboto Slab', serif;
    font-size: 4rem;
    font-weight:700;
    margin-bottom: 2rem;
}

.wizard .register-message h1{
    max-width: 42rem;
}

.wizard .content-wrapper h2{
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--White);
    margin-bottom: 3rem;
}
.wizard .welcome{
    padding: 0 !important;
    height: 100%;
    width: 100%;

}

.wizard .welcome .login-message h1 {
    width: 100%;
    text-align: center;
}

.wizard .welcome .login-message,
.wizard .welcome .login-wrapper {
    display: flex;
    justify-content: center;
}

.wizard .welcome .login-wrapper.success .form-style {
    display:flex;
    flex-direction: column;
    align-items: center;
}

.wizard .welcome .login-wrapper.success img {
    max-width:237px;
    height:auto;
    margin-bottom: 2rem;
}

.wizard .welcome .login-wrapper.success label {
    font-size: 1.125rem;
    color: var(--Text-Primary);
    margin-bottom: 2rem;
    font-weight: 700;
}

.wizard .welcome .login-wrapper.success p.expired-token {
    font-size: .875rem;
    font-weight: 500;
    color: var(--Text-Primary);
    text-align: center;
    margin:0;
}

.wizard .welcome .login-wrapper.success a.success {
    width:100%;
    color:var(--White);
    margin:0;
}

.wizard .welcome .card-title {
    font-size: clamp(1.25rem, 2vw + 0.5rem, 1.625rem);
    color: var(--Gray-Modern-950);
    text-align: center;
    font-weight: bold;
    margin-bottom: 2rem !important;
}
.content-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* Gerenal Form Styles */
 
.form-style {
    max-width: 660px;
    width: 50%;
    max-height: 560px;
    background: var(--white);
    border-radius: 0.188rem;
    padding: 54px;
    border-bottom-left-radius: 0.95rem;
    border-bottom-right-radius: 0.95rem;
    color: var(--Gray-Modern-800);
    box-shadow: 0 100px 80px 0 rgba(0, 0, 0, 0.07), 0 30.147px 24.118px 0 rgba(0, 0, 0, 0.05), 0 12.522px 10.017px 0 rgba(0, 0, 0, 0.04), 0 4.529px 3.623px 0 rgba(0, 0, 0, 0.02);

}

.form-style .error-feedback {
    display: block;
    position: static !important;
    margin-top: .25rem;
    margin-left: .938rem;
}

.form-style .recaptcha {
    display:flex;
    justify-content: center;
    margin-top: 2rem;
}
.form-style .invalid-feedback {
    width: 50% !important;
    position: relative !important;
    margin-bottom: 0.95rem !important;
}

a.success,
.js-forgotpasswordstep {
    margin-top: 2rem;
}

/* Register Form */
.wizard .register-form .company {
    display: none;
}

.wizard .account-email {
    display: block;
    color: var(--Brand-Dark-Blue-400);
    font-weight: 500;
    text-align: center;
    margin-bottom: 2rem;
}

.wizard .register-form span.registered {
    font-size: .875rem;
    color: var(--Brand-Dark-Blue-400);
    text-align:center;
    display:block;
}

/* Responsive */
@media only screen and (max-width: 1200px) {
    .wizard .register .content-wrapper {
        padding: 4.25rem 5rem;
    }

    .wizard .orange-button-slide {
        margin-left: 0;
    }

    .wizard .register-message h1 {
        font-size: 2.5rem;
        max-width: 365px;
    }
}

@media only screen and (max-width: 768px) {
    .form-style {
        width: 90%;
        padding: 30px;

    }
    .btn-reset-password{
        width: 100% !important;
    }
}