INSERT INTO `futGclt6k_postmeta` (`meta_id`, `post_id`, `meta_key`, `meta_value`) VALUES
(11777, 1432, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 12px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n    color: #ff4d6d;\\n    font-weight: 600;\\n    text-decoration: none;\\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11781, 1433, '_wp_page_template', 'default'),
(11782, 1433, '_elementor_edit_mode', 'builder'),
(11783, 1433, '_elementor_template_type', 'wp-page'),
(11784, 1433, '_elementor_version', '3.35.6'),
(11785, 1433, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11786, 1433, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 12px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n    color: #ff4d6d;\\n    font-weight: 600;\\n    text-decoration: none;\\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11792, 1434, '_wp_page_template', 'default'),
(11793, 1434, '_elementor_edit_mode', 'builder'),
(11794, 1434, '_elementor_template_type', 'wp-page'),
(11795, 1434, '_elementor_version', '3.35.6'),
(11796, 1434, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11797, 1434, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 12px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n    color: #ff4d6d;\\n    font-weight: 600;\\n    text-decoration: none;\\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11801, 1435, '_wp_page_template', 'default'),
(11802, 1435, '_elementor_edit_mode', 'builder'),
(11803, 1435, '_elementor_template_type', 'wp-page'),
(11804, 1435, '_elementor_version', '3.35.6'),
(11805, 1435, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11806, 1435, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 12px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n    color: #ff4d6d;\\n    font-weight: 600;\\n    text-decoration: none;\\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11810, 1436, '_wp_page_template', 'default'),
(11811, 1436, '_elementor_edit_mode', 'builder'),
(11812, 1436, '_elementor_template_type', 'wp-page'),
(11813, 1436, '_elementor_version', '3.35.6'),
(11814, 1436, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11815, 1436, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 12px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11821, 1437, '_wp_page_template', 'default'),
(11822, 1437, '_elementor_edit_mode', 'builder'),
(11823, 1437, '_elementor_template_type', 'wp-page'),
(11824, 1437, '_elementor_version', '3.35.6'),
(11825, 1437, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}');
INSERT INTO `futGclt6k_postmeta` (`meta_id`, `post_id`, `meta_key`, `meta_value`) VALUES
(11826, 1437, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 12px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11830, 1438, '_wp_page_template', 'default'),
(11831, 1438, '_elementor_edit_mode', 'builder'),
(11832, 1438, '_elementor_template_type', 'wp-page'),
(11833, 1438, '_elementor_version', '3.35.6'),
(11834, 1438, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11835, 1438, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 12px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11839, 1439, '_wp_page_template', 'default'),
(11840, 1439, '_elementor_edit_mode', 'builder'),
(11841, 1439, '_elementor_template_type', 'wp-page'),
(11842, 1439, '_elementor_version', '3.35.6'),
(11843, 1439, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11844, 1439, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 12px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11850, 1440, '_wp_page_template', 'default'),
(11851, 1440, '_elementor_edit_mode', 'builder'),
(11852, 1440, '_elementor_template_type', 'wp-page'),
(11853, 1440, '_elementor_version', '3.35.6'),
(11854, 1440, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11855, 1440, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 12px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11859, 1441, '_wp_page_template', 'default'),
(11860, 1441, '_elementor_edit_mode', 'builder'),
(11861, 1441, '_elementor_template_type', 'wp-page'),
(11862, 1441, '_elementor_version', '3.35.6'),
(11863, 1441, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11864, 1441, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 12px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11868, 1442, '_wp_page_template', 'default'),
(11869, 1442, '_elementor_edit_mode', 'builder'),
(11870, 1442, '_elementor_template_type', 'wp-page'),
(11871, 1442, '_elementor_version', '3.35.6'),
(11872, 1442, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}');
INSERT INTO `futGclt6k_postmeta` (`meta_id`, `post_id`, `meta_key`, `meta_value`) VALUES
(11873, 1442, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11879, 1443, '_wp_page_template', 'default'),
(11880, 1443, '_elementor_edit_mode', 'builder'),
(11881, 1443, '_elementor_template_type', 'wp-page'),
(11882, 1443, '_elementor_version', '3.35.6'),
(11883, 1443, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11884, 1443, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11888, 1444, '_wp_page_template', 'default'),
(11889, 1444, '_elementor_edit_mode', 'builder'),
(11890, 1444, '_elementor_template_type', 'wp-page'),
(11891, 1444, '_elementor_version', '3.35.6'),
(11892, 1444, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11893, 1444, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11897, 1445, '_wp_page_template', 'default'),
(11898, 1445, '_elementor_edit_mode', 'builder'),
(11899, 1445, '_elementor_template_type', 'wp-page'),
(11900, 1445, '_elementor_version', '3.35.6'),
(11901, 1445, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11902, 1445, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11906, 1446, '_wp_page_template', 'default'),
(11907, 1446, '_elementor_edit_mode', 'builder'),
(11908, 1446, '_elementor_template_type', 'wp-page'),
(11909, 1446, '_elementor_version', '3.35.6'),
(11910, 1446, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11911, 1446, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11913, 1447, '_wp_page_template', 'default'),
(11914, 1447, '_elementor_edit_mode', 'builder'),
(11915, 1447, '_elementor_template_type', 'wp-page'),
(11916, 1447, '_elementor_version', '3.35.6'),
(11917, 1447, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}');
INSERT INTO `futGclt6k_postmeta` (`meta_id`, `post_id`, `meta_key`, `meta_value`) VALUES
(11918, 1447, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n          <p class=\\\"meta\\\">${p.date}<\\/p>\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11920, 1448, '_wp_page_template', 'default'),
(11921, 1448, '_elementor_edit_mode', 'builder'),
(11922, 1448, '_elementor_template_type', 'wp-page'),
(11923, 1448, '_elementor_version', '3.35.6'),
(11924, 1448, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11925, 1448, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11938, 1450, '_wp_page_template', 'default'),
(11939, 1450, '_elementor_edit_mode', 'builder'),
(11940, 1450, '_elementor_template_type', 'wp-page'),
(11941, 1450, '_elementor_version', '3.35.6'),
(11942, 1450, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11943, 1450, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11946, 1451, '_wp_page_template', 'default'),
(11947, 1451, '_elementor_edit_mode', 'builder'),
(11948, 1451, '_elementor_template_type', 'wp-page'),
(11949, 1451, '_elementor_version', '3.35.6'),
(11950, 1451, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11951, 1451, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\\n    transition: 0.3s;\\n  }\\n  .card:hover,\\n  .side-post:hover {\\n    transform: translateY(-5px);\\n  }\\n\\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11954, 1452, '_wp_page_template', 'default'),
(11955, 1452, '_elementor_edit_mode', 'builder'),
(11956, 1452, '_elementor_template_type', 'wp-page'),
(11957, 1452, '_elementor_version', '3.35.6'),
(11958, 1452, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11959, 1452, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11964, 1453, '_wp_page_template', 'default'),
(11965, 1453, '_elementor_edit_mode', 'builder'),
(11966, 1453, '_elementor_template_type', 'wp-page'),
(11967, 1453, '_elementor_version', '3.35.6'),
(11968, 1453, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}');
INSERT INTO `futGclt6k_postmeta` (`meta_id`, `post_id`, `meta_key`, `meta_value`) VALUES
(11969, 1453, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11973, 1454, '_wp_page_template', 'default'),
(11974, 1454, '_elementor_edit_mode', 'builder'),
(11975, 1454, '_elementor_template_type', 'wp-page'),
(11976, 1454, '_elementor_version', '3.35.6'),
(11977, 1454, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11978, 1454, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 13px;\\n    color: #888;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11982, 1455, '_wp_page_template', 'default'),
(11983, 1455, '_elementor_edit_mode', 'builder'),
(11984, 1455, '_elementor_template_type', 'wp-page'),
(11985, 1455, '_elementor_version', '3.35.6'),
(11986, 1455, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11987, 1455, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(11993, 1456, '_wp_page_template', 'default'),
(11994, 1456, '_elementor_edit_mode', 'builder'),
(11995, 1456, '_elementor_template_type', 'wp-page'),
(11996, 1456, '_elementor_version', '3.35.6'),
(11997, 1456, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(11998, 1456, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12002, 1457, '_wp_page_template', 'default'),
(12003, 1457, '_elementor_edit_mode', 'builder'),
(12004, 1457, '_elementor_template_type', 'wp-page'),
(12005, 1457, '_elementor_version', '3.35.6'),
(12006, 1457, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12007, 1457, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n    padding: 8px 18px;\\n    border: none;\\n    border-radius: 50px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .tabs .active {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12011, 1458, '_wp_page_template', 'default'),
(12012, 1458, '_elementor_edit_mode', 'builder'),
(12013, 1458, '_elementor_template_type', 'wp-page'),
(12014, 1458, '_elementor_version', '3.35.6'),
(12015, 1458, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}');
INSERT INTO `futGclt6k_postmeta` (`meta_id`, `post_id`, `meta_key`, `meta_value`) VALUES
(12016, 1458, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12022, 1459, '_wp_page_template', 'default'),
(12023, 1459, '_elementor_edit_mode', 'builder'),
(12024, 1459, '_elementor_template_type', 'wp-page'),
(12025, 1459, '_elementor_version', '3.35.6'),
(12026, 1459, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12027, 1459, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12031, 1460, '_wp_page_template', 'default'),
(12032, 1460, '_elementor_edit_mode', 'builder'),
(12033, 1460, '_elementor_template_type', 'wp-page'),
(12034, 1460, '_elementor_version', '3.35.6'),
(12035, 1460, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12036, 1460, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12040, 1461, '_wp_page_template', 'default'),
(12041, 1461, '_elementor_edit_mode', 'builder'),
(12042, 1461, '_elementor_template_type', 'wp-page'),
(12043, 1461, '_elementor_version', '3.35.6'),
(12044, 1461, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12045, 1461, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12051, 1462, '_wp_page_template', 'default'),
(12052, 1462, '_elementor_edit_mode', 'builder'),
(12053, 1462, '_elementor_template_type', 'wp-page'),
(12054, 1462, '_elementor_version', '3.35.6'),
(12055, 1462, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12056, 1462, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12060, 1463, '_wp_page_template', 'default'),
(12061, 1463, '_elementor_edit_mode', 'builder'),
(12062, 1463, '_elementor_template_type', 'wp-page'),
(12063, 1463, '_elementor_version', '3.35.6'),
(12064, 1463, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}');
INSERT INTO `futGclt6k_postmeta` (`meta_id`, `post_id`, `meta_key`, `meta_value`) VALUES
(12065, 1463, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  \\/* PAGINATION *\\/\\n  .pagination {\\n    text-align: center;\\n    margin-top: 40px;\\n  }\\n  .pagination button {\\n    padding: 8px 14px;\\n    margin: 5px;\\n    border: none;\\n    border-radius: 6px;\\n    background: #eee;\\n    cursor: pointer;\\n  }\\n  .pagination .active-page {\\n    background: #ff4d6d;\\n    color: #fff;\\n  }\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12069, 1464, '_wp_page_template', 'default'),
(12070, 1464, '_elementor_edit_mode', 'builder'),
(12071, 1464, '_elementor_template_type', 'wp-page'),
(12072, 1464, '_elementor_version', '3.35.6'),
(12073, 1464, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12074, 1464, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12080, 1465, '_wp_page_template', 'default'),
(12081, 1465, '_elementor_edit_mode', 'builder'),
(12082, 1465, '_elementor_template_type', 'wp-page'),
(12083, 1465, '_elementor_version', '3.35.6'),
(12084, 1465, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12085, 1465, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12089, 1466, '_wp_page_template', 'default'),
(12090, 1466, '_elementor_edit_mode', 'builder'),
(12091, 1466, '_elementor_template_type', 'wp-page'),
(12092, 1466, '_elementor_version', '3.35.6'),
(12093, 1466, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12094, 1466, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12098, 1467, '_wp_page_template', 'default'),
(12099, 1467, '_elementor_edit_mode', 'builder'),
(12100, 1467, '_elementor_template_type', 'wp-page'),
(12101, 1467, '_elementor_version', '3.35.6'),
(12102, 1467, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12103, 1467, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n.pagination {\\n  display:flex;\\n  justify-content:center;\\n  align-items:center;\\n  gap: 16px;\\n  margin-top:40px;\\n  flex-wrap:wrap;\\n}\\n\\n.pagination button {\\n  padding:8px 14px;\\n  border-radius:50%;\\n  border: none;\\n  background:#fff;\\n  cursor:pointer;\\n  min-width:45px;\\n  color: #001F2C;\\n   font-size: 16px;\\n  font-weight: 600;\\n  \\n}\\n\\n.pagination .active-page {\\n  border:1px solid #878787;\\n  color: #001F2C;\\n}\\n\\n.pagination .nav-btn {\\n  border-radius:50px;\\n  color:#001F2C;\\n  padding:12px 17px;\\n  font-size: 16px;\\n  font-weight: 600;\\n}\\n.pagination .nav-btn:hover{\\ncolor:#001F2C;\\n}\\n.pagination button:disabled {\\n  opacity:0.5;\\n  cursor:not-allowed;\\n}\\n\\n.pagination .dots {\\n  padding:0 5px;\\n  color:#999;\\n}\\n\\nbutton.nav-btn {\\n    border: 1px solid #878787;\\n  \\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12109, 1468, '_wp_page_template', 'default'),
(12110, 1468, '_elementor_edit_mode', 'builder'),
(12111, 1468, '_elementor_template_type', 'wp-page'),
(12112, 1468, '_elementor_version', '3.35.6'),
(12113, 1468, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}');
INSERT INTO `futGclt6k_postmeta` (`meta_id`, `post_id`, `meta_key`, `meta_value`) VALUES
(12114, 1468, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n.pagination {\\n  display:flex;\\n  justify-content:center;\\n  align-items:center;\\n  gap: 16px;\\n  margin-top:40px;\\n  flex-wrap:wrap;\\n}\\n\\n.pagination button {\\n  padding:8px 14px;\\n  border-radius:50%;\\n  border: none;\\n  background:#fff;\\n  cursor:pointer;\\n  min-width:45px;\\n  color: #001F2C;\\n   font-size: 16px;\\n  font-weight: 600;\\n  \\n}\\n\\n.pagination .active-page {\\n  border:1px solid #878787;\\n  color: #001F2C;\\n}\\n\\n.pagination .nav-btn {\\n  border-radius:50px;\\n  color:#001F2C;\\n  padding:12px 17px;\\n  font-size: 16px;\\n  font-weight: 600;\\n}\\n.pagination .nav-btn:hover{\\ncolor:#001F2C;\\n}\\n.pagination button:disabled {\\n  opacity:0.5;\\n  cursor:not-allowed;\\n}\\n\\n.pagination .dots {\\n  padding:0 5px;\\n  color:#999;\\n}\\n\\nbutton.nav-btn {\\n    border: 1px solid #878787;\\n  \\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12118, 1469, '_wp_page_template', 'default'),
(12119, 1469, '_elementor_edit_mode', 'builder'),
(12120, 1469, '_elementor_template_type', 'wp-page'),
(12121, 1469, '_elementor_version', '3.35.6'),
(12122, 1469, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12123, 1469, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n.pagination {\\n  display:flex;\\n  justify-content:center;\\n  align-items:center;\\n  gap: 16px;\\n  margin-top:40px;\\n  flex-wrap:wrap;\\n}\\n\\n.pagination button {\\n  padding:8px 14px;\\n  border-radius:50%;\\n  border: none;\\n  background:#fff;\\n  cursor:pointer;\\n  min-width:45px;\\n  color: #001F2C;\\n   font-size: 16px;\\n  font-weight: 600;\\n  \\n}\\n\\n.pagination .active-page {\\n  border:1px solid #878787;\\n  color: #001F2C;\\n}\\n\\n.pagination .nav-btn {\\n  border-radius:50px;\\n  color:#001F2C;\\n  padding:12px 17px;\\n  font-size: 16px;\\n  font-weight: 600;\\n}\\n.pagination .nav-btn:hover{\\ncolor:#001F2C;\\n}\\n.pagination button:disabled {\\n  opacity:0.5;\\n  cursor:not-allowed;\\n}\\n\\n.pagination .dots {\\n  padding:0 5px;\\n  color:#999;\\n}\\n\\nbutton.nav-btn {\\n    border: 1px solid #878787;\\n  \\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured\\n          ? `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${featured.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n          <p class=\\\"meta\\\">${featured.date}<\\/p>\\n          <h2>${featured.title}<\\/h2>\\n          <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n          <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12127, 1470, '_wp_page_template', 'default'),
(12128, 1470, '_elementor_edit_mode', 'builder'),
(12129, 1470, '_elementor_template_type', 'wp-page'),
(12130, 1470, '_elementor_version', '3.35.6'),
(12131, 1470, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12132, 1470, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n.pagination {\\n  display:flex;\\n  justify-content:center;\\n  align-items:center;\\n  gap: 16px;\\n  margin-top:40px;\\n  flex-wrap:wrap;\\n}\\n\\n.pagination button {\\n  padding:8px 14px;\\n  border-radius:50%;\\n  border: none;\\n  background:#fff;\\n  cursor:pointer;\\n  min-width:45px;\\n  color: #001F2C;\\n   font-size: 16px;\\n  font-weight: 600;\\n  \\n}\\n\\n.pagination .active-page {\\n  border:1px solid #878787;\\n  color: #001F2C;\\n}\\n\\n.pagination .nav-btn {\\n  border-radius:50px;\\n  color:#001F2C;\\n  padding:12px 17px;\\n  font-size: 16px;\\n  font-weight: 600;\\n}\\n.pagination .nav-btn:hover{\\ncolor:#001F2C;\\n}\\n.pagination button:disabled {\\n  opacity:0.5;\\n  cursor:not-allowed;\\n}\\n\\n.pagination .dots {\\n  padding:0 5px;\\n  color:#999;\\n}\\n\\nbutton.nav-btn {\\n    border: 1px solid #878787;\\n  \\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured ? `\\n  <div class=\\\"card featured-card\\\">\\n    <img src=\\\"${featured.img}\\\">\\n    \\n    <div class=\\\"card-content\\\">\\n\\n      <!-- META BAR -->\\n      <div class=\\\"top-meta\\\">\\n        <span>${featured.author}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.read_time}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.date}<\\/span>\\n      <\\/div>\\n\\n      <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n      <h2>${featured.title}<\\/h2>\\n      <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n\\n      <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n    <\\/div>\\n  <\\/div>\\n` : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12140, 1471, '_wp_page_template', 'default'),
(12141, 1471, '_elementor_edit_mode', 'builder'),
(12142, 1471, '_elementor_template_type', 'wp-page'),
(12143, 1471, '_elementor_version', '3.35.6'),
(12144, 1471, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12145, 1471, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n.pagination {\\n  display:flex;\\n  justify-content:center;\\n  align-items:center;\\n  gap: 16px;\\n  margin-top:40px;\\n  flex-wrap:wrap;\\n}\\n\\n.pagination button {\\n  padding:8px 14px;\\n  border-radius:50%;\\n  border: none;\\n  background:#fff;\\n  cursor:pointer;\\n  min-width:45px;\\n  color: #001F2C;\\n   font-size: 16px;\\n  font-weight: 600;\\n  \\n}\\n\\n.pagination .active-page {\\n  border:1px solid #878787;\\n  color: #001F2C;\\n}\\n\\n.pagination .nav-btn {\\n  border-radius:50px;\\n  color:#001F2C;\\n  padding:12px 17px;\\n  font-size: 16px;\\n  font-weight: 600;\\n}\\n.pagination .nav-btn:hover{\\ncolor:#001F2C;\\n}\\n.pagination button:disabled {\\n  opacity:0.5;\\n  cursor:not-allowed;\\n}\\n\\n.pagination .dots {\\n  padding:0 5px;\\n  color:#999;\\n}\\n\\nbutton.nav-btn {\\n    border: 1px solid #878787;\\n  \\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured ? `\\n  <div class=\\\"card featured-card\\\">\\n    <img src=\\\"${featured.img}\\\">\\n    \\n    <div class=\\\"card-content\\\">\\n\\n      <!-- META BAR -->\\n      <div class=\\\"top-meta\\\">\\n        <span>${featured.author}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.read_time}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.date}<\\/span>\\n      <\\/div>\\n\\n      <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n      <h2>${featured.title}<\\/h2>\\n      <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n\\n      <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n    <\\/div>\\n  <\\/div>\\n` : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12149, 1472, '_wp_page_template', 'default'),
(12150, 1472, '_elementor_edit_mode', 'builder'),
(12151, 1472, '_elementor_template_type', 'wp-page'),
(12152, 1472, '_elementor_version', '3.35.6'),
(12153, 1472, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}');
INSERT INTO `futGclt6k_postmeta` (`meta_id`, `post_id`, `meta_key`, `meta_value`) VALUES
(12154, 1472, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n.pagination {\\n  display:flex;\\n  justify-content:center;\\n  align-items:center;\\n  gap: 16px;\\n  margin-top:40px;\\n  flex-wrap:wrap;\\n}\\n\\n.pagination button {\\n  padding:8px 14px;\\n  border-radius:50%;\\n  border: none;\\n  background:#fff;\\n  cursor:pointer;\\n  min-width:45px;\\n  color: #001F2C;\\n   font-size: 16px;\\n  font-weight: 600;\\n  \\n}\\n\\n.pagination .active-page {\\n  border:1px solid #878787;\\n  color: #001F2C;\\n}\\n\\n.pagination .nav-btn {\\n  border-radius:50px;\\n  color:#001F2C;\\n  padding:12px 17px;\\n  font-size: 16px;\\n  font-weight: 600;\\n}\\n.pagination .nav-btn:hover{\\ncolor:#001F2C;\\n}\\n.pagination button:disabled {\\n  opacity:0.5;\\n  cursor:not-allowed;\\n}\\n\\n.pagination .dots {\\n  padding:0 5px;\\n  color:#999;\\n}\\n\\nbutton.nav-btn {\\n    border: 1px solid #878787;\\n  \\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured ? `\\n  <div class=\\\"card featured-card\\\">\\n    <img src=\\\"${featured.img}\\\">\\n    \\n    <div class=\\\"card-content\\\">\\n\\n      <!-- META BAR -->\\n      <div class=\\\"top-meta\\\">\\n        <span>${featured.author}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.read_time}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.date}<\\/span>\\n      <\\/div>\\n\\n      <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n      <h2>${featured.title}<\\/h2>\\n      <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n\\n      <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n    <\\/div>\\n  <\\/div>\\n` : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12158, 1473, '_wp_page_template', 'default'),
(12159, 1473, '_elementor_edit_mode', 'builder'),
(12160, 1473, '_elementor_template_type', 'wp-page'),
(12161, 1473, '_elementor_version', '3.35.6'),
(12162, 1473, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12163, 1473, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n.pagination {\\n  display:flex;\\n  justify-content:center;\\n  align-items:center;\\n  gap: 16px;\\n  margin-top:40px;\\n  flex-wrap:wrap;\\n}\\n\\n.pagination button {\\n  padding:8px 14px;\\n  border-radius:50%;\\n  border: none;\\n  background:#fff;\\n  cursor:pointer;\\n  min-width:45px;\\n  color: #001F2C;\\n   font-size: 16px;\\n  font-weight: 600;\\n  \\n}\\n\\n.pagination .active-page {\\n  border:1px solid #878787;\\n  color: #001F2C;\\n}\\n\\n.pagination .nav-btn {\\n  border-radius:50px;\\n  color:#001F2C;\\n  padding:12px 17px;\\n  font-size: 16px;\\n  font-weight: 600;\\n}\\n.pagination .nav-btn:hover{\\ncolor:#001F2C;\\n}\\n.pagination button:disabled {\\n  opacity:0.5;\\n  cursor:not-allowed;\\n}\\n\\n.pagination .dots {\\n  padding:0 5px;\\n  color:#999;\\n}\\n\\nbutton.nav-btn {\\n    border: 1px solid #878787;\\n  \\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured ? `\\n  <div class=\\\"card featured-card\\\">\\n    <img src=\\\"${featured.img}\\\">\\n    \\n    <div class=\\\"card-content\\\">\\n\\n      <!-- META BAR -->\\n      <div class=\\\"top-meta\\\">\\n         <span class=\\\"author\\\">\\n    <img src=\\\"${featured.avatar}\\\" class=\\\"author-img\\\">\\n    ${featured.author}\\n  <\\/span>\\n        <span>${featured.author}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.read_time}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.date}<\\/span>\\n      <\\/div>\\n\\n      <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n      <h2>${featured.title}<\\/h2>\\n      <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n\\n      <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n    <\\/div>\\n  <\\/div>\\n` : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12169, 1474, '_wp_page_template', 'default'),
(12170, 1474, '_elementor_edit_mode', 'builder'),
(12171, 1474, '_elementor_template_type', 'wp-page'),
(12172, 1474, '_elementor_version', '3.35.6'),
(12173, 1474, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12174, 1474, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n.pagination {\\n  display:flex;\\n  justify-content:center;\\n  align-items:center;\\n  gap: 16px;\\n  margin-top:40px;\\n  flex-wrap:wrap;\\n}\\n\\n.pagination button {\\n  padding:8px 14px;\\n  border-radius:50%;\\n  border: none;\\n  background:#fff;\\n  cursor:pointer;\\n  min-width:45px;\\n  color: #001F2C;\\n   font-size: 16px;\\n  font-weight: 600;\\n  \\n}\\n\\n.pagination .active-page {\\n  border:1px solid #878787;\\n  color: #001F2C;\\n}\\n\\n.pagination .nav-btn {\\n  border-radius:50px;\\n  color:#001F2C;\\n  padding:12px 17px;\\n  font-size: 16px;\\n  font-weight: 600;\\n}\\n.pagination .nav-btn:hover{\\ncolor:#001F2C;\\n}\\n.pagination button:disabled {\\n  opacity:0.5;\\n  cursor:not-allowed;\\n}\\n\\n.pagination .dots {\\n  padding:0 5px;\\n  color:#999;\\n}\\n\\nbutton.nav-btn {\\n    border: 1px solid #878787;\\n  \\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured ? `\\n  <div class=\\\"card featured-card\\\">\\n    <img src=\\\"${featured.img}\\\">\\n    \\n    <div class=\\\"card-content\\\">\\n\\n      <!-- META BAR -->\\n      <div class=\\\"top-meta\\\">\\n         <span class=\\\"author\\\">\\n    <img src=\\\"${featured.avatar}\\\" class=\\\"author-img\\\">\\n    ${featured.author}\\n  <\\/span>\\n        <span>${featured.author}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.read_time}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.date}<\\/span>\\n      <\\/div>\\n\\n      <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n      <h2>${featured.title}<\\/h2>\\n      <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n\\n      <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n    <\\/div>\\n  <\\/div>\\n` : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12178, 1475, '_wp_page_template', 'default'),
(12179, 1475, '_elementor_edit_mode', 'builder'),
(12180, 1475, '_elementor_template_type', 'wp-page'),
(12181, 1475, '_elementor_version', '3.35.6'),
(12182, 1475, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}'),
(12183, 1475, '_elementor_data', '[{\"id\":\"6b9e1d9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"92e518f\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[woocommerce_order_tracking]\"},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"ca94d48\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"boxed_width\":{\"unit\":\"px\",\"size\":1330,\"sizes\":[]},\"padding\":{\"unit\":\"px\",\"top\":\"100\",\"right\":\"30\",\"bottom\":\"100\",\"left\":\"30\",\"isLinked\":false},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"50\",\"right\":\"20\",\"bottom\":\"50\",\"left\":\"20\",\"isLinked\":false}},\"elements\":[{\"id\":\"66c5157\",\"elType\":\"widget\",\"settings\":{\"html\":\"<div class=\\\"blog-page\\\">\\n  <!-- Tabs -->\\n  <div class=\\\"tabs\\\">\\n    <button class=\\\"active\\\" data-cat=\\\"all\\\">All<\\/button>\\n    <button data-cat=\\\"ai\\\">AI<\\/button>\\n    <button data-cat=\\\"cpq\\\">CPQ<\\/button>\\n    <button data-cat=\\\"bom\\\">BOM<\\/button>\\n  <\\/div>\\n\\n  <!-- Layout -->\\n  <div class=\\\"top-layout\\\">\\n    <div class=\\\"featured\\\" id=\\\"featured\\\"><\\/div>\\n    <div class=\\\"sidebar\\\" id=\\\"sidebar\\\"><\\/div>\\n  <\\/div>\\n\\n  <!-- Grid -->\\n  <div class=\\\"grid\\\" id=\\\"grid\\\"><\\/div>\\n\\n  <!-- Pagination -->\\n  <div class=\\\"pagination\\\"><\\/div>\\n<\\/div>\\n\\n<style>\\n  \\/* TABS *\\/\\n  .tabs {\\n    display: flex;\\n    gap: 10px;\\n    margin-bottom: 30px;\\n    flex-wrap: wrap;\\n  }\\n  .tabs button {\\n       padding: 16px 32px;\\n    border-radius: 50px;\\n    cursor: pointer;\\n    font-size: 16px;\\n    border: 1px solid #878787;\\n    color:#000;\\n  }\\n    .tabs button:hover{\\n   background: #E12F6E;\\n    color: #fff;  \\n  border-color:#E12F6E;\\n }\\n  .tabs .active {\\n    background: #E12F6E;\\n    color: #fff;\\n   border-color:#E12F6E;\\n}\\n\\n  \\/* LAYOUT *\\/\\n  .top-layout {\\n    display: flex;\\n    gap: 30px;\\n    margin-bottom: 40px;\\n  }\\n  .featured {\\n    width: 70%;\\n  }\\n  .sidebar {\\n    width: 30%;\\n    position: sticky;\\n    top: 100px;\\n  }\\n\\n  \\/* CARD *\\/\\n  .card,\\n  .side-post {\\n    background: #fff;\\n  overflow: hidden;\\n  }\\n \\n  .card img,\\n  .side-post img {\\n    width: 100%;\\n  }\\n  .card-content,\\n  .side-content {\\n    padding: 15px;\\n  }\\n\\n  .meta {\\n    font-size: 16px;\\n    color: #878787;\\n  }\\n\\n  \\/* CATEGORY *\\/\\n  .category-badge {\\n    display: inline-block;\\n    font-size: 20px;\\n    padding: 4px 16px;\\n    background: #eff3f6;\\n    color: #001f2c;\\n    border-radius: 50px;\\n    margin-bottom: 8px;\\n    font-weight: 600;\\n  }\\n  .card-content h2 {\\n    font-weight: 600;\\n    color: #070127 !important;\\n    font-size: 48px;\\n    line-height: 56px;\\n    font-family: \'Gill Sans Medium\';\\n}\\n.side-content h4 {\\n    font-size: 24px;\\n    line-height: 36px;\\n    color: #000000;\\n    font-weight: 500;\\n}\\n  \\/* EXCERPT *\\/\\n  .excerpt {\\n    font-size: 14px;\\n    color: #555;\\n    margin-top: 8px;\\n    line-height: 1.6;\\n  }\\n\\n  \\/* GRID *\\/\\n  .grid {\\n    display: grid;\\n    grid-template-columns: repeat(3, 1fr);\\n    gap: 25px;\\n  }\\n\\n  \\/* BUTTON *\\/\\n  .read-more {\\n    display: inline-block;\\n    margin-top: 10px;\\n   color: #1BA1E1;\\n    font-size: 20px;\\n    font-weight: 600;\\n    text-decoration: none !important;\\n  }\\n  .read-more:hover{\\n   color: #1BA1E1;   \\n  }\\n\\n  .btn-disply {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: baseline;\\n}\\n.pagination {\\n  display:flex;\\n  justify-content:center;\\n  align-items:center;\\n  gap: 16px;\\n  margin-top:40px;\\n  flex-wrap:wrap;\\n}\\n\\n.pagination button {\\n  padding:8px 14px;\\n  border-radius:50%;\\n  border: none;\\n  background:#fff;\\n  cursor:pointer;\\n  min-width:45px;\\n  color: #001F2C;\\n   font-size: 16px;\\n  font-weight: 600;\\n  \\n}\\n\\n.pagination .active-page {\\n  border:1px solid #878787;\\n  color: #001F2C;\\n}\\n\\n.pagination .nav-btn {\\n  border-radius:50px;\\n  color:#001F2C;\\n  padding:12px 17px;\\n  font-size: 16px;\\n  font-weight: 600;\\n}\\n.pagination .nav-btn:hover{\\ncolor:#001F2C;\\n}\\n.pagination button:disabled {\\n  opacity:0.5;\\n  cursor:not-allowed;\\n}\\n\\n.pagination .dots {\\n  padding:0 5px;\\n  color:#999;\\n}\\n\\nbutton.nav-btn {\\n    border: 1px solid #878787;\\n  \\n}\\n  \\/* RESPONSIVE *\\/\\n  @media (max-width: 768px) {\\n    .top-layout {\\n      flex-direction: column;\\n    }\\n    .featured,\\n    .sidebar {\\n      width: 100%;\\n    }\\n    .grid {\\n      grid-template-columns: 1fr;\\n    }\\n  }\\n<\\/style>\\n\\n<script>\\n  let currentPage = 1;\\n  let currentCategory = \\\"all\\\";\\n\\n  function fetchPosts() {\\n    fetch(ajaxurl, {\\n      method: \\\"POST\\\",\\n      headers: { \\\"Content-Type\\\": \\\"application\\/x-www-form-urlencoded\\\" },\\n      body: `action=get_blog_posts&category=${currentCategory}&page=${currentPage}`,\\n    })\\n      .then((res) => res.json())\\n      .then((res) => {\\n        let data = res.posts;\\n        let totalPages = res.total_pages;\\n\\n        let featured = data[0];\\n        let sidebar = data.slice(1, 3);\\n        let grid = data.slice(3);\\n\\n        \\/* FEATURED *\\/\\n        document.getElementById(\\\"featured\\\").innerHTML = featured ? `\\n  <div class=\\\"card featured-card\\\">\\n    <img src=\\\"${featured.img}\\\">\\n    \\n    <div class=\\\"card-content\\\">\\n\\n      <!-- META BAR -->\\n      <div class=\\\"top-meta\\\">\\n         <span class=\\\"author\\\">\\n    <img src=\\\"${featured.avatar}\\\" class=\\\"author-img\\\">\\n    ${featured.author}\\n  <\\/span>\\n        <span>${featured.author}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.read_time}<\\/span>\\n        <span>|<\\/span>\\n        <span>${featured.date}<\\/span>\\n      <\\/div>\\n\\n      <span class=\\\"category-badge ${featured.cat_slug}\\\">${featured.category}<\\/span>\\n      <h2>${featured.title}<\\/h2>\\n      <p class=\\\"excerpt\\\">${featured.excerpt}<\\/p>\\n\\n      <a class=\\\"read-more\\\" href=\\\"${featured.link}\\\">Read More \\u2192<\\/a>\\n    <\\/div>\\n  <\\/div>\\n` : \\\"\\\";\\n\\n        \\/* SIDEBAR *\\/\\n        document.getElementById(\\\"sidebar\\\").innerHTML = sidebar\\n          .map(\\n            (p) => `\\n      <div class=\\\"side-post\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"side-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n          <h4>${p.title}<\\/h4>\\n          <div class=\\\"btn-disply\\\">\\n            <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n         <p class=\\\"meta\\\">${p.date}<\\/p>\\n          <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* GRID *\\/\\n        document.getElementById(\\\"grid\\\").innerHTML = grid\\n          .map(\\n            (p) => `\\n      <div class=\\\"card\\\">\\n        <img src=\\\"${p.img}\\\">\\n        <div class=\\\"card-content\\\">\\n          <span class=\\\"category-badge ${p.cat_slug}\\\">${p.category}<\\/span>\\n            <h3>${p.title}<\\/h3>\\n         <div class=\\\"btn-disply\\\">\\n        <a class=\\\"read-more\\\" href=\\\"${p.link}\\\">Read More \\u2192<\\/a>\\n                  <p class=\\\"meta\\\">${p.date}<\\/p>\\n\\n       <\\/div>\\n        <\\/div>\\n      <\\/div>\\n    `\\n          )\\n          .join(\\\"\\\");\\n\\n        \\/* PAGINATION *\\/\\n        let paginationHTML = \\\"\\\";\\n\\n        \\/* PREVIOUS BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === 1 ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage - 1})\\\">\\n    \\u2190 Previous\\n  <\\/button>\\n`;\\n\\n        \\/* PAGE NUMBERS LOGIC *\\/\\n        let start = Math.max(1, currentPage - 2);\\n        let end = Math.min(totalPages, currentPage + 2);\\n\\n        \\/* FIRST PAGE *\\/\\n        if (start > 1) {\\n          paginationHTML += `<button onclick=\\\"goToPage(1)\\\">1<\\/button>`;\\n          if (start > 2) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n        }\\n\\n        \\/* MIDDLE PAGES *\\/\\n        for (let i = start; i <= end; i++) {\\n          paginationHTML += `\\n    <button class=\\\"${\\n      i === currentPage ? \\\"active-page\\\" : \\\"\\\"\\n    }\\\" onclick=\\\"goToPage(${i})\\\">${i}<\\/button>\\n  `;\\n        }\\n\\n        \\/* LAST PAGE *\\/\\n        if (end < totalPages) {\\n          if (end < totalPages - 1) {\\n            paginationHTML += `<span class=\\\"dots\\\">...<\\/span>`;\\n          }\\n          paginationHTML += `<button onclick=\\\"goToPage(${totalPages})\\\">${totalPages}<\\/button>`;\\n        }\\n\\n        \\/* NEXT BUTTON *\\/\\n        paginationHTML += `\\n  <button class=\\\"nav-btn\\\" ${\\n    currentPage === totalPages ? \\\"disabled\\\" : \\\"\\\"\\n  } onclick=\\\"goToPage(${currentPage + 1})\\\">\\n    Next \\u2192\\n  <\\/button>\\n`;\\n\\n        document.querySelector(\\\".pagination\\\").innerHTML = paginationHTML;\\n      });\\n  }\\n\\n  \\/* TAB *\\/\\n  document.querySelectorAll(\\\".tabs button\\\").forEach((btn) => {\\n    btn.onclick = () => {\\n      document\\n        .querySelectorAll(\\\".tabs button\\\")\\n        .forEach((b) => b.classList.remove(\\\"active\\\"));\\n      btn.classList.add(\\\"active\\\");\\n\\n      currentCategory = btn.dataset.cat;\\n      currentPage = 1;\\n      fetchPosts();\\n    };\\n  });\\n\\n  \\/* PAGE CLICK *\\/\\n  function goToPage(page) {\\n    currentPage = page;\\n    fetchPosts();\\n  }\\n\\n  \\/* INIT *\\/\\n  fetchPosts();\\n<\\/script>\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]'),
(12187, 1476, '_wp_page_template', 'default'),
(12188, 1476, '_elementor_edit_mode', 'builder'),
(12189, 1476, '_elementor_template_type', 'wp-page'),
(12190, 1476, '_elementor_version', '3.35.6'),
(12191, 1476, '_elementor_page_settings', 'a:1:{s:10:\"hide_title\";s:3:\"yes\";}');
