<section class="programBanner d-flex align-items-center" style="background-image: url(public/new-assets/img/breadcrum.png);">
    <div class="container">
        <div class="row align-items-end">
            <div class="col-lg-6">
                <div class="programBanner__content">
                    <h1 class="text-white">
                        <?php 
                            // Dynamically set the breadcrumb title based on the page
                            echo isset($page_heading[$lastUriSegment]) ? $page_heading[$lastUriSegment]['page_heading'] : "Page Not Found"; 
                        ?>
                    </h1>
                    <p class="text-white mt-2">Pioneering Nursing Education for the Next Generation
                    </p>
                </div>
            </div>
            <div class="col-lg-6 text-end">
                <a href="contact#contact" class="btn btn-lg cta-btn cta-btn-fill mt-3">
                    Apply Today 
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                        <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5.5 0 0 1 0 .708l-6 6a.5.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5.5 0 0 1 0-.708z"></path>
                    </svg>
                </a>
            </div>
        </div>
    </div>
</section>

<style>
    .programBanner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
}
</style>