<div class="container">
    <div class="row align-items-center">
        <div class="col-12 mx-auto col-md-6 order-md-2 text-center">
            <tabset [justified]="true">
                <tab heading="Forgot password">
                    <div class="container text-left py-2 form-border">
                        <app-form-forgot-password (submitted)="forgotPassword($event)"></app-form-forgot-password>

                        <div class="text-right">
                            <small>Already have login and password? <a routerLink="/login">Sign in</a></small>
                        </div>
                    </div>
                </tab>
            </tabset>
        </div>
        <div class="col-md-6 order-md-1 text-justify text-md-left pr-md-5 align-self-start">
            <app-account-benefits></app-account-benefits>
        </div>
    </div>
</div>