@tuanphan – Page Title between Pagination Titles

<!-- @tuanphan - Page Title between Pagination Titles -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  $(document).ready(function () {
    $('<h4 class="podp-title"></h4>').appendTo('.item-pagination[data-collection-type^="portfolio"]');
      let pageTitle = $('title').text();
    pageTitle = pageTitle.split('—')[0].trim();
    $('.podp-title').text(pageTitle);
});
</script>
<style>
/* Portfolio Back to */
.item-pagination[data-collection-type^="portfolio"] {
    position: relative;
}
h4.podp-title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: unset !important;
}
@media screen and (max-width:767px) {
    h2.item-pagination-title {
    font-size: 14px !important;
}}
</style>