<!--Row-->
<div class="page error-bg">
    <div class="page-content m-0">
        <div class="container text-center">
            <div class="display-2 mb-5 font-weight-semibold" [innerHTML]="setting?.['503title']" ></div>
            <h1 class="h3  mb-3" [innerHTML]="setting?.['503subtitle']"></h1>
            <p class="h5 font-weight-normal mb-4 leading-normal" [innerHTML]="setting?.['503description']" ></p>
            <div class="row">
                <div class="col-md-6 d-block mx-auto mb-2">
                    <div class="row">
                        <div class="col text-start">
                            <span class="badge badge-danger-light badge-pill">{{'Working'| translate}}</span>
                        </div>
                    </div>
                    <div class="col col-auto">
                        <div class="fs-18 font-weight-semibold">{{'60%'}}</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="progress-wrapper mb-5 col-md-6 d-block mx-auto">
                <div class="progress progress-md">
                    <div class="progress-bar-striped progress-bar-animated bg-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Row-->