{namespace vh=In2code\Powermail\ViewHelpers}

<div class="job-form__wrapper">
    <div class="form-navigation">

        <div class="form-navigation__numbers-wrapper">


            <div class="form-navigation__step-container form-navigation__step-container--1">
                <a class="form-navigation__step-number form-navigation__step-number--active" href="#">1</a>
            </div>
            <div class="form-navigation__step-separator"></div>

            <div class="form-navigation__step-container form-navigation__step-container--2">
                <a class="form-navigation__step-number" href="#">2</a>
            </div>
            <div class="form-navigation__step-separator"></div>

            <div class="form-navigation__step-container form-navigation__step-container--3">
                <a class="form-navigation__step-number">3</a>
            </div>
        </div>

        <div class="form-navigation__texts-wrapper">

            <div class="form-navigation__step-container">
                <div class="form-navigation__step-name">Infos personnelles</div>
            </div>

            <div class="form-navigation__step-container">
                <div class="form-navigation__step-name">CV &amp; lettre de motivation</div>
            </div>

            <div class="form-navigation__step-container">
                <div class="form-navigation__step-name">Résumé et validation</div>
            </div>

        </div>

    </div>
</div>


<style>

    .job-form .powermail_file{
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

    .job-form .powermail_fieldset{
        display: none;
    }
    .job-form p.job-form__info{
        margin-bottom: 0;
    }
    .job-form p.job-form__strong-info {
        margin-bottom: 1rem;
    }
    .job-form .field:not(.field--error) .field__message--error{
        display: flex;
        align-items: center;
    }
    .field__message--error:before {
        font-family: "Font Awesome 5 Free";
        content: "\f057";
        display: inline-block;
        font-style: normal;
        font-weight: 900;
        margin-right: 5px;
    }
    .form-navigation__step-separator,
    .form-navigation__step-number{
        transition: all .6s ease;
    }
</style>