.elementor-6025 .elementor-element.elementor-element-4475ebf{--display:flex;--min-height:89px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6025 .elementor-element.elementor-element-4475ebf:not(.elementor-motion-effects-element-type-background), .elementor-6025 .elementor-element.elementor-element-4475ebf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-6025 .elementor-element.elementor-element-99a3694{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6025 .elementor-element.elementor-element-99a3694:not(.elementor-motion-effects-element-type-background), .elementor-6025 .elementor-element.elementor-element-99a3694 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18181B;}.elementor-6025 .elementor-element.elementor-element-99a3694.e-con{--align-self:center;}.elementor-6025 .elementor-element.elementor-element-4cb9371{--display:flex;}.elementor-6025 .elementor-element.elementor-element-4cb9371:not(.elementor-motion-effects-element-type-background), .elementor-6025 .elementor-element.elementor-element-4cb9371 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18181B;}.elementor-6025 .elementor-element.elementor-element-4cb9371.e-con{--align-self:center;}.elementor-6025 .elementor-element.elementor-element-33a564c{--grid-columns:5;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-6025 .elementor-element.elementor-element-33a564c .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-6025 .elementor-element.elementor-element-33a564c .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-6025 .elementor-element.elementor-element-33a564c .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-6025 .elementor-element.elementor-element-33a564c .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-6025 .elementor-element.elementor-element-33a564c .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-6025 .elementor-element.elementor-element-4475ebf{--width:100%;}.elementor-6025 .elementor-element.elementor-element-4cb9371{--width:90%;}}@media(max-width:1024px){.elementor-6025 .elementor-element.elementor-element-33a564c{--grid-columns:2;}}@media(max-width:767px){.elementor-6025 .elementor-element.elementor-element-33a564c{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-33a564c *//* Main Pagination Wrapper - Full Container */
.elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background-color: #2d2d2d;
    padding: 16px 40px;
    border-radius: 16px;
    margin: 30px auto;
    flex-wrap: wrap;
    width: fit-content;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

/* Style ALL page number links generically */
.elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 8px;
    background-color: #505050;
    color: #ffffff;
    text-decoration: none;
    border-radius: 10px;
    border: none;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    letter-spacing: 0.5px;
}

/* Active/Current page - works for any page number */
.elementor-pagination .page-numbers.current {
    background-color: #1a1a1a;
    color: #ffffff;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.5);
    cursor: default;
}

/* Hover effect for all clickable page numbers */
.elementor-pagination .page-numbers:not(.current):hover {
    background-color: #626262;
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* Next and Previous buttons */
.elementor-pagination .page-numbers.next,
.elementor-pagination .page-numbers.prev {
    min-width: 60px;
    background-color: #505050;
    font-weight: 700;
}

.elementor-pagination .page-numbers.next:hover,
.elementor-pagination .page-numbers.prev:hover {
    background-color: #626262;
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* Dots/Ellipsis - any span elements */
.elementor-pagination span:not(.page-numbers) {
    color: #999999;
    background-color: transparent;
    cursor: default;
    font-weight: 400;
    padding: 0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .elementor-pagination {
        padding: 14px 20px;
        gap: 8px;
    }
    
    .elementor-pagination .page-numbers {
        min-width: 38px;
        height: 38px;
        font-size: 14px;
        padding: 0 6px;
    }
}/* End custom CSS */