.elementor-6406 .elementor-element.elementor-element-36b2aaaa{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-6406 .elementor-element.elementor-element-65bdd2f{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-6406 .elementor-element.elementor-element-65bdd2f:not(.elementor-motion-effects-element-type-background), .elementor-6406 .elementor-element.elementor-element-65bdd2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-6406 .elementor-element.elementor-element-9e7baa4{--grid-columns:4;}.elementor-6406 .elementor-element.elementor-element-9e7baa4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6406 .elementor-element.elementor-element-9e7baa4 .elementor-pagination{text-align:left;margin-top:40px;}body:not(.rtl) .elementor-6406 .elementor-element.elementor-element-9e7baa4 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-6406 .elementor-element.elementor-element-9e7baa4 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-6406 .elementor-element.elementor-element-9e7baa4 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-6406 .elementor-element.elementor-element-9e7baa4 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-6406 .elementor-element.elementor-element-9e7baa4{--grid-columns:2;}}@media(max-width:767px){.elementor-6406 .elementor-element.elementor-element-9e7baa4{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-9e7baa4 *//* Pagination container */
.pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  margin: 20px 0;
}

/* Base styling for all page numbers */
.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #333;
  border-radius: 50%;
  background-color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Hover effect for non-active pages */
.page-numbers:hover:not(.current) {
  background-color: #f0f0f0;
  border-color: #555;
}

/* Active/current page styling */
.page-numbers.current {
  background-color: #333;
  color: #fff;
  border-color: #333;
  cursor: default;
}

/* Ellipsis styling (for "...") */
.page-numbers.dots {
  border: none;
  background: none;
  color: #666;
  cursor: default;
}

.page-numbers.dots:hover {
  background: none;
  border: none;
}/* End custom CSS */