<div [class]="detailDescCard">
<div class="row">
  <div class="pointsBasedDesc">
    <div class="rectangle-2"><div class="ucDescTitle">{{details.usecaseTitle}}</div></div>
    <div class="ucDescContent" [innerHTML]="trimmedString" [@slideInOut]="animationState"></div>
    <!-- {{details.usecaseDescription}} -->

  </div>
</div>

</div>
<div class="row" (click)="toggleShowDiv('e')">
  <div class="oval-3" >
    <img class="circle-down" *ngIf="readText == 'More'" src="{{imageUrl}}/assets/img/employee/dashboard/assessment/ion-ios-arrow-forward%20-%20Ionicons.png">
    <img class="circle-top" *ngIf="readText == 'Less'"  src="{{imageUrl}}/assets/img/employee/dashboard/assessment/ion-ios-arrow-forward%20-%20Ionicons.png">
  </div>
  <!--<div class="showToggle" (click)="toggleShowDiv('e')">View {{readText}}
  </div>-->
</div>
