.elementor-670 .elementor-element.elementor-element-41464706:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-41464706 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rpl.strategy.hosting/wp-content/uploads/2019/07/news-main-1.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-670 .elementor-element.elementor-element-41464706 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, rgba(0,0,0,0.92) 13%, rgba(255,255,255,0) 33%);opacity:0.58;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-670 .elementor-element.elementor-element-41464706 > .elementor-container{max-width:1150px;min-height:600px;}.elementor-670 .elementor-element.elementor-element-41464706{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-670 .elementor-element.elementor-element-41464706 > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-c79ad14 );}.elementor-670 .elementor-element.elementor-element-41464706 > .elementor-shape-bottom svg{height:43px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-670 .elementor-element.elementor-element-4de3b013 > .elementor-widget-container{margin:120px 0px 0px 0px;}.elementor-670 .elementor-element.elementor-element-4de3b013 .elementor-heading-title{font-family:"Asap", Sans-serif;font-size:40px;font-weight:600;line-height:1.1em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#ffffff;}.elementor-670 .elementor-element.elementor-element-116a788:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-116a788 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c79ad14 );}.elementor-670 .elementor-element.elementor-element-116a788 > .elementor-container{max-width:1150px;}.elementor-670 .elementor-element.elementor-element-116a788{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 40px 0px;}.elementor-670 .elementor-element.elementor-element-116a788 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-670 .elementor-element.elementor-element-18c15af{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-670 .elementor-element.elementor-element-18c15af:after{content:"0.66";}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__thumbnail__link{width:100%;}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__meta-data span + span:before{content:"•";}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__card{border-color:#c9c9c9;border-width:0px;border-radius:5px;}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__text{padding:0 20px;margin-top:20px;}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__meta-data{padding:10px 20px;font-family:"Asap", Sans-serif;}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__avatar{padding-right:20px;padding-left:20px;}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__badge{right:0;}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__card .elementor-post__badge{margin:20px;font-family:"Asap", Sans-serif;}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__title, .elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__title a{font-family:"Asap", Sans-serif;font-size:24px;font-weight:600;}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__excerpt p{font-family:"Asap", Sans-serif;}.elementor-670 .elementor-element.elementor-element-18c15af a.elementor-post__read-more{font-family:"Asap", Sans-serif;}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-670 .elementor-element.elementor-element-18c15af .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-670 .elementor-element.elementor-element-18c15af .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-670 .elementor-element.elementor-element-18c15af .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-670 .elementor-element.elementor-element-18c15af .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-670 .elementor-element.elementor-element-358811c1:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-358811c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-670 .elementor-element.elementor-element-358811c1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-670 .elementor-element.elementor-element-358811c1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-670 .elementor-element.elementor-element-358811c1 > .elementor-shape-top .elementor-shape-fill{fill:#00acc3;}.elementor-670 .elementor-element.elementor-element-358811c1 > .elementor-shape-top svg{height:45px;}.elementor-670 .elementor-element.elementor-element-504a358f{--spacer-size:60px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-archive-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-archive-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-archive-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-archive-posts .elementor-posts-nothing-found{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-archive-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-archive-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-archive-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-archive-posts .elementor-posts-nothing-found{font-size:var( --e-global-typography-text-font-size );}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-670 .elementor-element.elementor-element-18c15af:after{content:"0.5";}.elementor-670 .elementor-element.elementor-element-18c15af .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS */.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.news-item {
  border: 1px solid #ddd;
  padding: 1rem;
  border-radius: 8px;
}
<style>
  .news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }

  .news-item {
    padding: 1rem;
    background: #f4f4f4;
  }

  .pagination button {
    margin: 0.5rem;
  }
</style>

<div class="news-grid" id="news-container">
  <!-- 15 example posts -->
  <div class="news-item">Post 1</div>
  <div class="news-item">Post 2</div>
  <!-- ... up to Post 15 -->
</div>

<div class="pagination" id="pagination-controls"></div>

<script>
  const itemsPerPage = 9;
  const container = document.getElementById("news-container");
  const items = Array.from(container.children);
  const totalPages = Math.ceil(items.length / itemsPerPage);

  function showPage(page) {
    items.forEach((item, index) => {
      item.style.display = (index >= (page - 1) * itemsPerPage && index < page * itemsPerPage) ? "block" : "none";
    });
  }

  function createPagination() {
    const controls = document.getElementById("pagination-controls");
    for (let i = 1; i <= totalPages; i++) {
      const btn = document.createElement("button");
      btn.textContent = i;
      btn.onclick = () => showPage(i);
      controls.appendChild(btn);
    }
  }

  showPage(1);
  createPagination();
</script>/* End custom CSS */