kfmc_website/src/app/Internal-Page/external-service-details/external-service-details.component.html

<div class="serviceDetails-w">
  <div class="container">
    <div class="containerContent-w">
      <ng-template [ngIf]="authSer.arabicTemplate" [ngIfElse]="englishTemplate">
        <div class="row">
          <div class="col-12">
              <div class="contentEvent-w">
                <!-- <h2 class="text-center">{{eventData.title}}</h2>
                <p class="text-center date">{{eventData.start}}</p> -->
                <p [innerHtml]="serviceData.description"></p>
              </div>
          </div>
        </div>
      </ng-template>

      <ng-template #englishTemplate>
        <div class="row">
          <div class="col-12">
              <div class="contentEvent-w">
                <!-- <h2 class="text-center">{{eventData.title_en}}</h2>
                <p class="text-center date">{{eventData.start}}</p> -->
                <p style="direction:ltr" [innerHtml]="serviceData.description_en"></p>
              </div>
          </div>
        </div>
      </ng-template>
    </div>
  </div>
</div>