.elementor-1476 .elementor-element.elementor-element-6f05fd6{--display:flex;}.elementor-1476 .elementor-element.elementor-element-e478728{--grid-columns:1;--grid-row-gap:64px;}.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination{text-align:center;font-family:"Jost", Sans-serif;font-size:18px;line-height:1.2em;margin-top:64px;}.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-bca030d );}.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-2c594cd );}.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .page-numbers.current{color:var( --e-global-color-bca030d );}body:not(.rtl) .elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1639px){.elementor-1476 .elementor-element.elementor-element-e478728{--grid-row-gap:60px;}.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination{margin-top:60px;}}@media(max-width:1279px){.elementor-1476 .elementor-element.elementor-element-e478728{--grid-row-gap:52px;}.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination{margin-top:52px;}}@media(max-width:1023px){.elementor-1476 .elementor-element.elementor-element-e478728{--grid-columns:1;}}@media(max-width:389px){.elementor-1476 .elementor-element.elementor-element-e478728{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-e478728 */.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination {
  display: flex;
  justify-content: center;
}

.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .page-numbers {
  display: grid;
  place-items: center;
  border-radius: 4px;
  height: 52px;
  width: 52px;
  background: #262626;
}

.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .page-numbers:hover{
  background: #BFAD74;
}

.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .current {
  /*background: #BFAD74;*/
  border: 1px solid #404040;
}

.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .prev:before{
    content: '';
    background: #D4D4D4;
    width: 20px;
    height: 20px;
    -webkit-mask-image: url('https://thejamesandrye.com/wp-content/uploads/2025/07/typeleft.svg');
    mask-image: url('https://thejamesandrye.com/wp-content/uploads/2025/07/typeleft.svg');
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .prev:hover::before {
    background: #262626;
}

.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .next:after{
    content: '';
    background: #D4D4D4;
    width: 20px;
    height: 20px;
    -webkit-mask-image: url('https://thejamesandrye.com/wp-content/uploads/2025/07/typeright-1.svg');
    mask-image: url('https://thejamesandrye.com/wp-content/uploads/2025/07/typeright-1.svg');
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .next:hover::after {
    background: #262626;
}

@media (max-width: 1639px) {
  .elementor-1476 .elementor-element.elementor-element-e478728 .elementor-pagination .page-numbers {
    height: 44px;
    width: 44px;
  }
}

.elementor-1476 .elementor-element.elementor-element-e478728 span.page-numbers.next{
    display: none !important;
}

.elementor-1476 .elementor-element.elementor-element-e478728 span.page-numbers.prev{
    display: none !important;
}/* End custom CSS */