<?php
declare(strict_types=1);
if (!isset($breadcrumbTitle)) {
    $breadcrumbTitle = 'Page';
}
$bg = $breadcrumbBg ?? 'assets/img/breadcrumb/breadcrumb-bg.jpg';
?>
   <style>
      .ot-breadcrumb-area.custom-breadcrumb-spacing {
        padding-top: 295px;
        padding-bottom: 95px;
      }
      @media (max-width: 991.98px) {
        .ot-breadcrumb-area.custom-breadcrumb-spacing {
          padding-top: 170px;
          padding-bottom: 70px;
        }
      }
      @media (max-width: 575.98px) {
        .ot-breadcrumb-area.custom-breadcrumb-spacing {
          padding-top: 135px;
          padding-bottom: 55px;
        }
      }
   </style>
   <section class="ot-breadcrumb-area ot-breadcrumb-style ot-breadcrumb-overlay p-relative ot-bg-style custom-breadcrumb-spacing"
      data-background="<?= h(asset($bg)) ?>">
      <div class="container container-1226">
        <div class="row">
          <div class="col-xl-7 col-lg-6 col-md-6">
            <h2 class="ot-breadcrumb-title z-index-2"><?= h($breadcrumbTitle) ?></h2>
            <div class="ot-breadcrumb-list mb-10 z-index-2">
              <span><a href="index.php">Home</a></span>
              <span class="dvdr"><i class="fa-solid fa-angles-right"></i></span>
              <span class="ot-breadcrumb-subtitle"><?= h($breadcrumbTitle) ?></span>
            </div>
          </div>
          <div class="col-xl-5 col-lg-6 col-md-6">
            <div class="ot-breadcrumb-img z-index-1 d-none d-sm-block">
              <img src="<?= asset('assets/img/breadcrumb/breadcrumb-img.jpg') ?>" alt="">
            </div>
          </div>
        </div>
      </div>
    </section>
