.elementor-12496 .elementor-element.elementor-element-ff49910{--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;--justify-content:center;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:230px;--padding-bottom:124px;--padding-left:0px;--padding-right:0px;}.elementor-12496 .elementor-element.elementor-element-ff49910:not(.elementor-motion-effects-element-type-background), .elementor-12496 .elementor-element.elementor-element-ff49910 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7e85cd7 );}.elementor-12496 .elementor-element.elementor-element-2b7a50f{--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;--justify-content:center;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12496 .elementor-element.elementor-element-6a7e3a9 .elementor-heading-title{color:var( --e-global-color-27cd6a9 );}.elementor-12496 .elementor-element.elementor-element-756b624{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-12496 .elementor-element.elementor-element-3abe9a7{--grid-columns:3;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-12496 .elementor-element.elementor-element-3abe9a7 .e-loop-item > .elementor-section, .elementor-12496 .elementor-element.elementor-element-3abe9a7 .e-loop-item > .elementor-section > .elementor-container, .elementor-12496 .elementor-element.elementor-element-3abe9a7 .e-loop-item > .e-con, .elementor-12496 .elementor-element.elementor-element-3abe9a7 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination{text-align:center;margin-top:48px;}body:not(.rtl) .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 20px/2 );}body:not(.rtl) .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 20px/2 );}body.rtl .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 20px/2 );}body.rtl .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 20px/2 );}@media(max-width:1024px){.elementor-12496 .elementor-element.elementor-element-ff49910{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:200px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12496 .elementor-element.elementor-element-2b7a50f{--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:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12496 .elementor-element.elementor-element-756b624{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-12496 .elementor-element.elementor-element-3abe9a7{--grid-columns:2;}}@media(max-width:767px){.elementor-12496 .elementor-element.elementor-element-ff49910{--padding-top:170px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-12496 .elementor-element.elementor-element-6a7e3a9{text-align:center;}.elementor-12496 .elementor-element.elementor-element-3abe9a7{--grid-columns:1;--grid-column-gap:20px;}body:not(.rtl) .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination{margin-top:32px;}}/* Start custom CSS for shortcode, class: .elementor-element-e0579fe */.elementor-12496 .elementor-element.elementor-element-e0579fe .rank-math-breadcrumb a {
    color: #0A0A0A !important;
    font-weight: 400 !important;
}
.elementor-12496 .elementor-element.elementor-element-e0579fe .rank-math-breadcrumb p {
    color: #0A0A0A !important;
    font-weight: 600 !important;
}
.elementor-12496 .elementor-element.elementor-element-e0579fe span.last {
    color: #4F7B1A!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3abe9a7 *//* Container for the numbers */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Base style for all pagination items (numbers, dots, arrows) */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid #D1D1D1; /* Light grey border from Figma */
    border-radius: 8px; /* Rounded corners */
    text-decoration: none;
    color: #7A7A7A;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Active Page (The Green Box) */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers.current {
    background-color: #4F7B1A; /* Your Figma green */
    color: #FDFDFD;
    border-color: #5D8215;
}

/* Hover State */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers:hover:not(.current) {
    background-color: #f5f5f5;
    border-color: #5D8215;
}

/* Remove border from the "..." dots and the arrows if you want them clean */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .dots,
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .next,
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .prev {
    border: none !important;
}


/* Hide any existing text/icons in the arrows */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .prev, 
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .next {
    font-size: 0 !important;
    position: relative;
    border: none !important; /* Removes the box if you want them clean like Figma */
}

/* --- ARROW REPLACEMENT SECTION --- */

/* 1. Reset arrows: Hide text and remove boxes */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .prev, 
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .next {
    font-size: 0 !important;
    position: relative;
    border: none !important;
    background: transparent !important;
    width: 40px; 
}

/* 2. Create the horizontal lines (the arrow stems) */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .prev:before,
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .next:before {
    content: '';
    position: absolute;
    top: 50%;
    width: 16px;
    height: 2px;
    background-color: #555555; /* Stem color */
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

/* 3. Create the arrow heads (the tips) */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .prev:after,
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .next:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #555555; /* Tip color */
    border-right: 2px solid #555555;
    transition: all 0.3s ease;
}

/* 4. Position and Point Left (Previous) */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .prev:before { left: 8px; }
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .prev:after { 
    left: 8px; 
    transform: translateY(-50%) rotate(-135deg); 
}

/* 5. Position and Point Right (Next) */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .next:before { right: 8px; }
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .next:after { 
    right: 8px; 
    transform: translateY(-50%) rotate(45deg); 
}

/* 6. Arrow Hover Colors */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .prev:hover:before,
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .next:hover:before {
    background-color: #4F7B1A;
}
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .prev:hover:after,
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .next:hover:after {
    border-color: #4F7B1A;
}

/* Hover color for arrows */
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .prev:hover:before,
.elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .next:hover:before {
    border-color: #5D8215; /* Your Figma Green */
}


/* --- MOBILE RESPONSIVENESS --- */
@media (max-width: 767px) {
    .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .page-numbers {
        width: 41px;  /* Smaller boxes for mobile */
        height: 41px;
        font-size: 14px;
    }
    
    .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination {
        gap:10px; /* Tighter spacing for small screens */
    }

    .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .prev, 
    .elementor-12496 .elementor-element.elementor-element-3abe9a7 .elementor-pagination .next {
        width: 30px; /* Smaller arrow area */
    }
}/* End custom CSS */