.elementor-18714 .elementor-element.elementor-element-67b64c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-wrapper .xpro-post-grid-image{height:198px;}.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-wrapper .cbp-item-wrapper{border-style:dotted;border-width:1px 1px 1px 1px;}.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-wrapper .xpro-post-grid-item{overflow:hidden;border-radius:27px 27px 27px 27px;}.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-content{min-height:0px;}.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-wrapper .xpro-post-grid-content{border-radius:0px 0px 0px 0px;}.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-meta-date > svg,.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-meta-date > img{width:32px;}.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-meta-date{font-size:17px;min-width:17px;min-height:17px;}.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-wrapper .xpro-post-grid-meta-list > li > i{color:#FFFFFF;}.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-wrapper .xpro-post-grid-meta-list > li > svg{fill:#FFFFFF;}.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-wrapper .xpro-post-grid-meta-list > li{background-color:#00025E;}.elementor-18714 .elementor-element.elementor-element-308997f .xpro-post-grid-btn{color:#0100A5;}.elementor-18714 .elementor-element.elementor-element-308997f.xpro-widget-bg-overlay > .elementor-widget-container:before{transition:background 0.3s;}/* Start custom CSS for xpro-post-grid, class: .elementor-element-308997f *//* 4. FIX PAGINATION CENTERING & MOBILE FIT */
.elementor-pagination, .page-numbers, .pagination {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 40px auto !important;
    gap: 8px !important; /* Smaller gap for mobile */
    flex-wrap: wrap !important; /* CRITICAL: Allows numbers to drop to next line if screen is too narrow */
    padding: 0 10px !important;
}

.page-numbers {
    padding: 8px 12px !important; /* Slightly more compact */
    min-width: 35px !important;  /* Ensures squares don't turn into ovals */
    height: 35px !important;
    border-radius: 6px !important;
    background: #f1f5f9 !important;
    color: #001886 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important; /* Balanced size */
    transition: 0.3s;
}

.page-numbers.current {
    background: #001886 !important;
    color: #fff !important;
}

/* ------------------------------------------- */
/* --- SPECIFIC MOBILE OVERRIDE --- */
/* ------------------------------------------- */
@media (max-width: 480px) {
    .elementor-pagination {
        gap: 5px !important; /* Tighten gap for very small phones */
    }

    .page-numbers {
        padding: 5px 8px !important;
        font-size: 12px !important;
        min-width: 30px !important;
        height: 30px !important;
    }
    
    /* Optional: Hide "Next" text on very small screens to save space, keep only the arrow/icon */
    .page-numbers.next {
        font-size: 10px !important;
        padding: 0 10px !important;
    }
}/* End custom CSS */