/* ============================================
   Job Search Pagination - Figma Design
   ============================================ */
   .pager_pagination_customs .facetwp-pager {
    text-align: center;
	position: relative;
}

.pager_pagination_customs .facetwp-page {
    font-size: 24px;
    font-style: normal;
    font-weight: 700 !important;
    /*line-height: 32px;*/
    color: var(--grey-body-text, #444444);
    text-decoration: none !important;
    font-family: var(--font-body, arial, helvetica, sans-serif);
    padding: 12px 5px; !important;
}

.pager_pagination_customs .facetwp-page.active {
    background: transparent !important;
	color: var(--blue, #4982b9) !important;
    padding: 0;
    border-radius: 0;
    font-weight: 700 !important;
}

.pager_pagination_customs .facetwp-page.next {
    color: transparent;
	position: absolute;
    right: 0;
    background-color: var(--white, #ffffff);
    border: 1px solid #dddddd !important;
    border-radius: var(--radius-sm, 4px);
    font-size: 0;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs, 4px);
}

.pager_pagination_customs .facetwp-page.next::before {
    content: "Next Page";
    font-family: var(--font-body, arial, helvetica, sans-serif);
    font-size: var(--font-size-body, 17px);
    color: var(--grey-body-text, #444444);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-body, 24px);
    display: inline-block;
    flex-shrink: 0;
    /*text-transform: uppercase;*/
}

.pager_pagination_customs .facetwp-page.next::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' viewBox='0 0 11 16' fill='none'%3E%3Cpath d='M1.74745 16C3.73387 13.8489 5.45146 12.2096 6.9002 11.0821C8.34895 9.9694 9.71555 9.13862 11 8.58971V7.58832C9.52139 6.87622 8.08757 5.96384 6.69857 4.85118C5.30957 3.75336 3.65173 2.1363 1.72505 0H0C1.40394 2.98192 2.87508 5.27399 4.41344 6.87622L5.5 8C5.5 8 5 8.5 4.41344 9.12378C3.82688 9.74757 2.48676 11.631 2.0387 12.3282C1.59063 13.0255 0.926001 14.2494 0.0448063 16H1.74745Z' fill='%2343424A'/%3E%3C/svg%3E");
    display: inline-block;
    width: 11px;
    height: 16px;
    flex-shrink: 0;
}

.pager_pagination_customs a.facetwp-page.next, .pager_pagination_customs a.facetwp-page.prev {
	margin-right: 0;
	margin-left: 0;
    padding: 12px 32px; !important;
	outline: none !important;
	border: 1px solid #dddddd !important;
}

.pager_pagination_customs .facetwp-page.prev {
    color: transparent;
	position: absolute;
    left: 0;
    background-color: var(--white, #ffffff);
    border: 1px solid #dddddd !important;
    border-radius: var(--radius-sm, 4px);
    font-size: 0;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs, 4px);
}

.pager_pagination_customs .facetwp-page.prev::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' viewBox='0 0 11 16' fill='none'%3E%3Cpath d='M9.25255 16C7.26613 13.8489 5.54854 12.2096 4.0998 11.0821C2.65105 9.9694 1.28445 9.13862 0 8.58971V7.58832C1.47861 6.87622 2.91243 5.96384 4.30143 4.85118C5.69043 3.75336 7.34827 2.1363 9.27495 0H11C9.59606 2.98192 8.12492 5.27399 6.58656 6.87622L5.5 8C5.5 8 6 8.5 6.58656 9.12378C7.17312 9.74757 8.51324 11.631 8.9613 12.3282C9.40937 13.0255 10.074 14.2494 10.9552 16H9.25255Z' fill='%2343424A'/%3E%3C/svg%3E");
    display: inline-block;
    width: 11px;
    height: 16px;
    flex-shrink: 0;
}

.pager_pagination_customs .facetwp-page.prev::after {
    content: "Previous Page";
	font-family: var(--font-body, arial, helvetica, sans-serif);
    font-size: var(--font-size-body, 17px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-body, 24px);
    color: var(--grey-body-text, #444444);
	outline: none !important;
	border: none !important;
    /*text-transform: uppercase;*/
}

.pager_pagination_customs .facetwp-page.next:hover::after {
    color: var(--grey-headings, #494a52);
}

.pager_pagination_customs .facetwp-page.next:hover {
    border-color: var(--grey-headings, #494a52) !important;
    background-color: #fafafa;
}

.pager_pagination_customs .facetwp-page.prev:hover::after {
    content: "Previous Page";
	font-family: var(--font-body, arial, helvetica, sans-serif);
    font-size: var(--font-size-body, 17px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-body, 24px);
    color: var(--grey-headings, #494a52);
	outline: none !important;
	border: none !important;
}

.pager_pagination_customs .facetwp-page.prev:hover {
    border-color: var(--grey-headings, #494a52) !important;
    background-color: #fafafa;
}
