<footer class="text-white footer-support">

  <div class="sub-footer">
    <div class="container">
      <div class="row d-flex align-items-center">
        <div class="col-lg-6 col-sm-12 pt-5 pd-b-md-2 pb-5 text-lg-start text-md-center">
          @if (footerDetails?.footertext?.copyright) {
            <p class="mb-0" [innerHTML]="sanitizeHtml(footerDetails?.footertext?.copyright)"></p>
          }
        </div>
        <div class="col-lg-6 col-sm-12 pt-5 pd-t-md-2 pb-5 text-lg-end text-md-center">
          <div class="">
            <nav>
              <ul class="custom-ul">
                @if (footerDetails?.setting?.original?.FAQ_ENABLE == 'yes') {
                  <li><a routerLink="/faqs">{{'FAQ’s'| translate }}</a></li>
                }

                @if (footerDetails?.setting?.original?.CONTACT_ENABLE == 'yes') {
                  <li><a routerLink="/contact-us">{{'Contact Us' | translate}}</a></li>
                }

                @for (page of footerDetails?.page; track page) {
                  <li>
                    @if (page?.viewonpages == 'both' || page?.viewonpages == 'footer' ) {
                      <div>
                        @if (page?.status == '1') {
                          <a routerLink="page/{{page?.pageslug}}">{{page?.pagename}}</a>
                        }
                      </div>
                    }
                  </li>
                }
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
