@if(childTitle){
<div class="block justify-between page-header md:flex">
  <div>
    <!-- <h3 class="!text-defaulttextcolor dark:!text-defaulttextcolor/70 dark:text-white dark:hover:text-white text-[1.125rem]! font-semibold">
      {{childTitle}}</h3> -->
  </div>
  <!-- <ol class="flex items-center whitespace-nowrap min-w-0">
    @if(parentTitle){
    <li class="text-[0.813rem] sm:ps-[0.5rem] ps-0">
      <a class="flex items-center text-primary hover:text-primary dark:text-primary truncate"
        href="javascript:void(0);">
        {{parentTitle}}
        <i
          class="ti ti-chevrons-right !text-defaulttextcolor dark:!text-defaulttextcolor/70 px-[0.5rem] overflow-visible rtl:rotate-180"></i>
      </a>
    </li>
    }
    @if(subParentTitle){
    <li class="text-[0.813rem] ps-[0.5rem]">
      <a class="flex items-center text-primary hover:text-primary dark:text-primary truncate"
        href="javascript:void(0);">
        {{subParentTitle}}
        <i
          class="ti ti-chevrons-right flex-shrink-0 !text-defaulttextcolor dark:!text-defaulttextcolor/70  px-[0.5rem] overflow-visible rtl:rotate-180"></i>
      </a>
    </li>
    }
    <li
      class="text-[0.813rem] !text-defaulttextcolor dark:!text-defaulttextcolor/70  font-semibold hover:!text-primary "
      aria-current="page">
      {{childTitle}}
    </li>
  </ol> -->
</div>
}