.elementor-858 .elementor-element.elementor-element-d5c8c9e{--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;--padding-top:7%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-858 .elementor-element.elementor-element-d5c8c9e:not(.elementor-motion-effects-element-type-background), .elementor-858 .elementor-element.elementor-element-d5c8c9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pkbf.com.pk/wp-content/uploads/2026/08/background.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-858 .elementor-element.elementor-element-66a556a{--display:flex;--padding-top:7em;--padding-bottom:7em;--padding-left:2em;--padding-right:2em;}.elementor-858 .elementor-element.elementor-element-8e3b097 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-858 .elementor-element.elementor-element-d16f7b8{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-858 .elementor-element.elementor-element-d16f7b8 .elementor-divider-separator{width:100%;}.elementor-858 .elementor-element.elementor-element-d16f7b8 .elementor-divider{padding-block-start:7px;padding-block-end:7px;}.elementor-858 .elementor-element.elementor-element-05a1684 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-858 .elementor-element.elementor-element-5e7fc12{--display:flex;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-858 .elementor-element.elementor-element-1d8fbe7{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-858 .elementor-element.elementor-element-1d8fbe7.elementor-element{--align-self:flex-start;}@media(min-width:768px){.elementor-858 .elementor-element.elementor-element-66a556a{--width:50%;}.elementor-858 .elementor-element.elementor-element-5e7fc12{--width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-858 .elementor-element.elementor-element-5e7fc12{--width:95%;}}@media(max-width:1024px) and (min-width:768px){.elementor-858 .elementor-element.elementor-element-5e7fc12{--width:95%;}}@media(max-width:1024px){.elementor-858 .elementor-element.elementor-element-d5c8c9e{--padding-top:6em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-858 .elementor-element.elementor-element-66a556a{--padding-top:5em;--padding-bottom:5em;--padding-left:2em;--padding-right:2em;}}@media(max-width:767px){.elementor-858 .elementor-element.elementor-element-d5c8c9e{--padding-top:5em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-858 .elementor-element.elementor-element-66a556a{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:3em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-858 .elementor-element.elementor-element-5e7fc12{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}}/* Start custom CSS for shortcode, class: .elementor-element-1d8fbe7 *//* Pagination Container */
.pkbf-pagination-a1fe8f19 {
    display: flex;
    justify-content: center; /* Aligns the pagination to the center */
    align-items: center;
    gap: 8px;                /* Adds space between the buttons */
    margin-top: 40px;        /* Adds space between the cards section and pagination */
    margin-bottom: 20px;
}

/* Pagination Buttons Styling */
.pkbf-page-btn-a1fe8f19 {
    background: #ffffff;
    border: 1px solid #e4e4e7;
    color: #71717a;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Hover state for buttons */
.pkbf-page-btn-a1fe8f19:hover:not(:disabled) {
    border-color: #dc2626;
    color: #18181b;
}

/* Active Page state */
.pkbf-page-btn-a1fe8f19.active {
    background: #dc2626;
    border-color: #dc2626;
    color: #ffffff;
}

/* Disabled state (for Prev/Next buttons on ends) */
.pkbf-page-btn-a1fe8f19:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f4f4f5;
}/* End custom CSS */