.elementor-5998 .elementor-element.elementor-element-0557555{--display:flex;--min-height:400px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5998 .elementor-element.elementor-element-0557555:not(.elementor-motion-effects-element-type-background), .elementor-5998 .elementor-element.elementor-element-0557555 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-5998 .elementor-element.elementor-element-12a264c{--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;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:25px;}.elementor-5998 .elementor-element.elementor-element-6be30d4{width:var( --container-widget-width, 503px );max-width:503px;--container-widget-width:503px;--container-widget-flex-grow:0;}.elementor-5998 .elementor-element.elementor-element-6be30d4 .elementor-heading-title{color:#000000;}.elementor-5998 .elementor-element.elementor-element-38ed75c{width:var( --container-widget-width, 73% );max-width:73%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:73%;--container-widget-flex-grow:0;}.elementor-5998 .elementor-element.elementor-element-38ed75c .elementor-heading-title{font-size:56px;color:#FFFFFF;}.elementor-5998 .elementor-element.elementor-element-ae09653{--display:flex;--min-height:212px;--justify-content:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:50px;--padding-left:20px;--padding-right:40px;}.elementor-5998 .elementor-element.elementor-element-0f896e9{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:36px;line-height:40px;color:#FFFFFF;}.elementor-5998 .elementor-element.elementor-element-098b5ce{--display:flex;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-5998 .elementor-element.elementor-element-098b5ce:not(.elementor-motion-effects-element-type-background), .elementor-5998 .elementor-element.elementor-element-098b5ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5998 .elementor-element.elementor-element-098b5ce.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5998 .elementor-element.elementor-element-5843e74{--grid-columns:2;--grid-row-gap:50px;z-index:1;--grid-column-gap:50px;}.elementor-5998 .elementor-element.elementor-element-5843e74 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:#FFFFFF;border-radius:0px 0px 2px 0px;}.elementor-5998 .elementor-element.elementor-element-5843e74 .elementor-pagination{text-align:start;font-size:18px;margin-top:50px;}.elementor-5998 .elementor-element.elementor-element-5843e74 .elementor-pagination .page-numbers:not(.dots){color:#FFFFFF;}.elementor-5998 .elementor-element.elementor-element-5843e74 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-secondary );}.elementor-5998 .elementor-element.elementor-element-5843e74 .elementor-pagination .page-numbers.current{color:var( --e-global-color-secondary );}body:not(.rtl) .elementor-5998 .elementor-element.elementor-element-5843e74 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 70px/2 );}body:not(.rtl) .elementor-5998 .elementor-element.elementor-element-5843e74 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 70px/2 );}body.rtl .elementor-5998 .elementor-element.elementor-element-5843e74 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 70px/2 );}body.rtl .elementor-5998 .elementor-element.elementor-element-5843e74 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 70px/2 );}.elementor-5998 .elementor-element.elementor-element-6ba3e8d .e-search-input{background-color:var( --e-global-color-primary );border-style:none;}.elementor-5998 .elementor-element.elementor-element-6ba3e8d .e-search-submit{background-color:var( --e-global-color-primary );border-style:none;}.elementor-5998 .elementor-element.elementor-element-6ba3e8d{width:var( --container-widget-width, 34% );max-width:34%;margin:-140px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:34%;--container-widget-flex-grow:0;z-index:148;--e-search-results-columns:1;--e-search-placeholder-color:var( --e-global-color-210bb0e );--e-search-input-color:var( --e-global-color-210bb0e );--e-search-icon-label-color:#FFFFFF;--e-search-submit-margin-inline-start:0px;--e-search-submit-button-flex-direction:row-reverse;--e-search-submit-icon-margin-inline-start:var(--e-search-submit-icon-gap);--e-search-submit-icon-margin-inline-end:0px;--e-search-submit-color:var( --e-global-color-83f0998 );}.elementor-5998 .elementor-element.elementor-element-6ba3e8d.elementor-element{--align-self:flex-end;}.elementor-5998 .elementor-element.elementor-element-cbd2806{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5998 .elementor-element.elementor-element-cbd2806:not(.elementor-motion-effects-element-type-background), .elementor-5998 .elementor-element.elementor-element-cbd2806 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://frank-brands.com/wp-content/uploads/2026/01/FBI-BLEND-02-1.webp");background-repeat:no-repeat;background-size:cover;}.elementor-5998 .elementor-element.elementor-element-885b4e9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:45px 45px;--row-gap:45px;--column-gap:45px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5998 .elementor-element.elementor-element-35943ee{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5998 .elementor-element.elementor-element-35943ee .elementor-heading-title{font-size:56px;font-weight:bold;color:#FFFFFF;}@media(max-width:1024px){.elementor-5998 .elementor-element.elementor-element-0557555{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-5998 .elementor-element.elementor-element-38ed75c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-5998 .elementor-element.elementor-element-ae09653{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5998 .elementor-element.elementor-element-098b5ce{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-5998 .elementor-element.elementor-element-5843e74{--grid-columns:1;}.elementor-5998 .elementor-element.elementor-element-6ba3e8d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5998 .elementor-element.elementor-element-cbd2806{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-5998 .elementor-element.elementor-element-0557555{--padding-top:50px;--padding-bottom:50px;--padding-left:8px;--padding-right:8px;}.elementor-5998 .elementor-element.elementor-element-38ed75c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-5998 .elementor-element.elementor-element-ae09653{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5998 .elementor-element.elementor-element-098b5ce{--width:660px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5998 .elementor-element.elementor-element-5843e74{--grid-columns:1;}.elementor-5998 .elementor-element.elementor-element-6ba3e8d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-5998 .elementor-element.elementor-element-cbd2806{--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:8px;--padding-right:8px;}.elementor-5998 .elementor-element.elementor-element-885b4e9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5998 .elementor-element.elementor-element-35943ee .elementor-heading-title{font-size:45px;}}@media(min-width:768px){.elementor-5998 .elementor-element.elementor-element-12a264c{--width:50%;}.elementor-5998 .elementor-element.elementor-element-ae09653{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5998 .elementor-element.elementor-element-098b5ce{--width:1024px;}}/* Start custom CSS for loop-grid, class: .elementor-element-5843e74 *//* ===================================== */
/* PAGINATION — REMOVE LEFT SPACING */
/* ===================================== */

nav.navigation.pagination,
.elementor-pagination {

    background: #08222B;

    display: flex;
    align-items: center;

    padding-left: 0 !important;   /* removes left padding */
    margin-left: 0 !important;    /* removes left margin */

    padding-top: 28px;
    padding-bottom: 28px;
    padding-right: 48px;

    width: 100%;
}


/* Container alignment */

.nav-links {

    display: flex;
    align-items: center;

    justify-content: flex-start;

    gap: 50px;

    margin-left: 0 !important;
    padding-left: 0 !important;

}


/* Remove spacing from Previous and Next */

.page-numbers.prev,
.page-numbers.next {

    margin-left: 0 !important;
    padding-left: 0 !important;

}


/* ===================================== */
/* ADD RIGHT PADDING AFTER "PREVIOUS" */
/* ===================================== */

.page-numbers.prev {

    padding-right: 680px;   /* adjust spacing between Previous and Next */

}


/* ===================================== */
/* TEXT STYLE */
/* ===================================== */

.page-numbers {

    color: #ffffff !important;

    font-size: 18px;

    font-weight: 500;

    text-decoration: none;

    display: flex;
    align-items: center;

    gap: 16px;

}


/* ===================================== */
/* ARROW SIZE — 48px */
/* ===================================== */

.page-numbers.prev::before,
.page-numbers.next::after {

    content: "";

    width: 48px;
    height: 48px;

    background:
    url("https://frank-brands.com/wp-content/uploads/2026/02/Frank-Brands_Arrow02ar-1.svg")
    center / contain no-repeat;

    filter: brightness(0) invert(1);

}


.page-numbers.prev::before {

    transform: rotate(180deg);

}


/* Hide numeric pagination */

.page-numbers:not(.prev):not(.next) {

    display: none !important;

}


/* ===================================== */
/* TABLET ONLY — EXACT 600px GAP */
/* Applies ONLY between 768px and 1024px */
/* Does NOT affect mobile or desktop */
/* ===================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    nav.navigation.pagination,
    .elementor-pagination {

        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 20px;

    }


    /* Keep arrows aligned */

    .nav-links {

        display: flex;
        align-items: center;

        justify-content: flex-start;

        width: 100%;

    }


    /* Ensure both arrows stay visible */

    .page-numbers.prev,
    .page-numbers.next {

        display: flex !important;

        align-items: center;

    }


    /* REMOVE inherited spacing */

    .page-numbers.prev {

        padding-right: 0 !important;
        margin-right: 430px !important;

    }


    /* ===================================== */
    /* THIS CONTROLS THE GAP */
    /* ===================================== */

    .page-numbers.next {

        margin-left: 600px;   /* EXACT spacing between arrows */

    }


    /* Match mobile text size */

    .page-numbers {

        font-size: 16px;

    }

}

 

/* ===================================== */
/* MOBILE ONLY — FORCE NEXT VISIBLE */
/* EXACT 80px GAP BETWEEN ARROWS */
/* Applies ONLY up to 767px */
/* ===================================== */

@media (max-width: 767px) {

    nav.navigation.pagination,
    .elementor-pagination {

        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 20px;

    }


    /* Keep arrows aligned */

    .nav-links {

        display: flex !important;
        align-items: center;
        justify-content: flex-start;

        width: 100%;

        overflow: visible !important;

    }


    /* ===================================== */
    /* FORCE BOTH ARROWS TO SHOW */
    /* ===================================== */

    .page-numbers.prev,
    .page-numbers.next {

        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;

    }


    /* Remove inherited spacing */

    .page-numbers.prev {

        padding-right: 0 !important;
        margin-right: 0 !important;

    }


    /* ===================================== */
    /* THIS DEFINES THE EXACT GAP */
    /* ===================================== */

    .page-numbers.next {

        margin-left: 120px !important;   /* EXACT spacing */

    }


    /* Match mobile text sizing */

    .page-numbers {

        font-size: 16px;

    }


    /* Prevent accidental hiding rule */

    .page-numbers:not(.prev):not(.next) {

        display: none !important;

    }

}/* End custom CSS */