.elementor-22159 .elementor-element.elementor-element-bfc7d3a{--display:flex;--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:70px 70px;--row-gap:70px;--column-gap:70px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:18px;--padding-left:0px;--padding-right:0px;--z-index:52;}.elementor-22159 .elementor-element.elementor-element-bfc7d3a:not(.elementor-motion-effects-element-type-background), .elementor-22159 .elementor-element.elementor-element-bfc7d3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nccn.thedevguys.co.nz/wp-content/uploads/2026/04/shape_divider-.svg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-22159 .elementor-element.elementor-element-eec745c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-22159 .elementor-element.elementor-element-a9160ed{--display:flex;--justify-content:flex-start;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22159 .elementor-element.elementor-element-a9160ed.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-22159 .elementor-element.elementor-element-07f5456 .elementor-heading-title{color:var( --e-global-color-8e37a76 );}.elementor-22159 .elementor-element.elementor-element-74111f9{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-22159 .elementor-element.elementor-element-74111f9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22159 .elementor-element.elementor-element-74111f9 .elementor-heading-title{color:var( --e-global-color-8e37a76 );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22159 .elementor-element.elementor-element-562fa53{width:var( --container-widget-width, 79% );max-width:79%;--container-widget-width:79%;--container-widget-flex-grow:0;color:var( --e-global-color-8e37a76 );}.elementor-22159 .elementor-element.elementor-element-562fa53 > .elementor-widget-container{padding:32px 0px 0px 0px;}.elementor-22159 .elementor-element.elementor-element-00b02cc{--display:flex;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-22159 .elementor-element.elementor-element-c4176dc{text-align:end;}.elementor-22159 .elementor-element.elementor-element-c4176dc img{width:100%;max-width:100%;}.elementor-22159 .elementor-element.elementor-element-a2d4f38{--display:flex;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );}.elementor-22159 .elementor-element.elementor-element-3177ceb{--grid-columns:1;--grid-row-gap:32px;}.elementor-22159 .elementor-element.elementor-element-3177ceb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22159 .elementor-element.elementor-element-3177ceb .elementor-pagination{text-align:center;font-family:"Karla", Sans-serif;font-size:12px;font-weight:700;line-height:16px;margin-top:100px;}.elementor-22159 .elementor-element.elementor-element-3177ceb .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-cd31d3b );}body:not(.rtl) .elementor-22159 .elementor-element.elementor-element-3177ceb .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-22159 .elementor-element.elementor-element-3177ceb .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-22159 .elementor-element.elementor-element-3177ceb .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-22159 .elementor-element.elementor-element-3177ceb .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-22159 .elementor-element.elementor-element-a9160ed{--width:45%;}.elementor-22159 .elementor-element.elementor-element-00b02cc{--width:50%;}}@media(max-width:1024px){.elementor-22159 .elementor-element.elementor-element-bfc7d3a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22159 .elementor-element.elementor-element-a9160ed{--margin-top:97px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-22159 .elementor-element.elementor-element-562fa53{width:100%;max-width:100%;}.elementor-22159 .elementor-element.elementor-element-00b02cc.e-con{--align-self:flex-end;}.elementor-22159 .elementor-element.elementor-element-c4176dc.elementor-element{--align-self:center;}.elementor-22159 .elementor-element.elementor-element-c4176dc img{height:319px;object-fit:cover;}.elementor-22159 .elementor-element.elementor-element-3177ceb{--grid-columns:1;}}@media(max-width:767px){.elementor-22159 .elementor-element.elementor-element-bfc7d3a{--min-height:100vh;--gap:45px 45px;--row-gap:45px;--column-gap:45px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-22159 .elementor-element.elementor-element-bfc7d3a:not(.elementor-motion-effects-element-type-background), .elementor-22159 .elementor-element.elementor-element-bfc7d3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-22159 .elementor-element.elementor-element-eec745c{--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;--gap:45px 45px;--row-gap:45px;--column-gap:45px;--padding-top:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22159 .elementor-element.elementor-element-a9160ed{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22159 .elementor-element.elementor-element-562fa53{width:100%;max-width:100%;}.elementor-22159 .elementor-element.elementor-element-00b02cc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22159 .elementor-element.elementor-element-c4176dc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22159 .elementor-element.elementor-element-3177ceb{--grid-columns:1;--grid-row-gap:93px;}.elementor-22159 .elementor-element.elementor-element-3177ceb .elementor-pagination{margin-top:100px;}}/* Start custom CSS for shortcode, class: .elementor-element-b7cee76 */.project-heading {
  color: #FFF;
  font-family: Merriweather, serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.72px;
  margin: 0;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3177ceb *//* ── WRAPPER ──────────────────────────────────────────── */
.elementor-22159 .elementor-element.elementor-element-3177ceb .elementor-pagination {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 0 110px; /* reserve space so numbers don't slide under buttons */
}

/* ── ALL PAGE NUMBER PILLS ────────────────────────────── */
.elementor-22159 .elementor-element.elementor-element-3177ceb .page-numbers {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
   
   
    text-decoration: none;
   
}

/* ── ACTIVE NUMBER ────────────────────────────────────── */
.elementor-22159 .elementor-element.elementor-element-3177ceb .page-numbers.current {
    background: #5a2a82;
    color: #fff !important;
    border-color: #5a2a82;
    font-size: 14px !important;
}

/* ── DOTS ─────────────────────────────────────────────── */
.elementor-22159 .elementor-element.elementor-element-3177ceb .page-numbers.dots {
    border: none;
    background: none;
    width: auto;
    color: #888;
}

/* ── PREV BUTTON ──────────────────────────────────────── */
.elementor-22159 .elementor-element.elementor-element-3177ceb .page-numbers.prev {
    position: absolute;
    left: 0;
    width: 100px;
    height: 44px;
    border-radius: 999px;
    border: none !important;         /* kill default pill border */
    background-color: transparent !important;
    font-size: 0 !important;         /* hide "Previous" text */
    color: transparent !important;
    padding: 0;
}

/* ── NEXT BUTTON ──────────────────────────────────────── */
.elementor-22159 .elementor-element.elementor-element-3177ceb .page-numbers.next {
    position: absolute;
    right: 0;
    width: 100px;
    height: 44px;
    border-radius: 999px;
    border: none !important;
    background-color: transparent !important;
    font-size: 0 !important;
    color: transparent !important;
    padding: 0;
}

/* ── SVG via ::before ─────────────────────────────────── */
.elementor-22159 .elementor-element.elementor-element-3177ceb .page-numbers.prev::before,
.elementor-22159 .elementor-element.elementor-element-3177ceb .page-numbers.next::before {
    content: "";
    position: absolute;
    inset: 0;                        /* fill the full button area */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.elementor-22159 .elementor-element.elementor-element-3177ceb .page-numbers.prev::before {
    background-image: url("https://nccn.thedevguys.co.nz/wp-content/uploads/2026/04/Button_back.svg");
}

.elementor-22159 .elementor-element.elementor-element-3177ceb .page-numbers.next::before {
    background-image: url("https://nccn.thedevguys.co.nz/wp-content/uploads/2026/04/Button_next.svg");
}
.elementor-22159 .elementor-element.elementor-element-3177ceb .page-numbers {
    border: none;
}/* End custom CSS */