{"id":50,"date":"2026-09-17T11:23:50","date_gmt":"2026-09-17T11:23:50","guid":{"rendered":"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=50"},"modified":"2026-09-17T13:40:25","modified_gmt":"2026-09-17T13:40:25","slug":"our-work","status":"publish","type":"page","link":"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=50","title":{"rendered":"Our Work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"50\" class=\"elementor elementor-50\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb3771 e-con-full e-flex e-con e-parent\" data-id=\"4bb3771\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0192b19 elementor-widget elementor-widget-html\" data-id=\"0192b19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"jp-our-work\">\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n\r\n\/* =========================================================\r\nGLOBAL\r\n========================================================= *\/\r\n\r\nhtml {\r\n    scroll-behavior:smooth;\r\n    scrollbar-width:thin;\r\n    scrollbar-color:#8e35c7 #120f16;\r\n}\r\n\r\nhtml::-webkit-scrollbar,\r\nbody::-webkit-scrollbar {\r\n    width:13px;\r\n}\r\n\r\nhtml::-webkit-scrollbar-track,\r\nbody::-webkit-scrollbar-track {\r\n    background:#120f16;\r\n}\r\n\r\nhtml::-webkit-scrollbar-thumb,\r\nbody::-webkit-scrollbar-thumb {\r\n    background:linear-gradient(\r\n        180deg,\r\n        #c26ef0,\r\n        #7a21b8\r\n    );\r\n\r\n    border:2px solid #120f16;\r\n    border-radius:100px;\r\n}\r\n\r\n\r\n#jp-our-work,\r\n#jp-our-work * {\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n#jp-our-work {\r\n    --black:#050506;\r\n    --black2:#09090c;\r\n    --dark:#17171c;\r\n    --charcoal:#101014;\r\n\r\n    --purple:#8e35c7;\r\n    --purple-light:#bb63ea;\r\n    --purple-dark:#5a1489;\r\n    --purple-deep:#310747;\r\n\r\n    --white:#ffffff;\r\n    --offwhite:#faf9fc;\r\n    --grey:#777781;\r\n\r\n    width:100%;\r\n    margin:0;\r\n    padding:0;\r\n\r\n    overflow-x:clip;\r\n\r\n    background:var(--black);\r\n    color:#fff;\r\n\r\n    font-family:'Manrope',Arial,sans-serif;\r\n    line-height:1.6;\r\n\r\n    -webkit-font-smoothing:antialiased;\r\n\r\n    cursor:\r\n        url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='26' height='26' viewBox='0 0 32 32'%3E%3Cpath d='M4 2L25 16L15 18L20 28L15.5 30L10.5 20L4 27Z' fill='%23bb63ea' stroke='%235a1489' stroke-width='1.4' stroke-linejoin='round'\/%3E%3C\/svg%3E\")\r\n        3 2,\r\n        auto;\r\n}\r\n\r\n\r\n#jp-our-work a,\r\n#jp-our-work button,\r\n#jp-our-work .jp-gallery-card,\r\n#jp-our-work .jp-work-type,\r\n#jp-our-work .jp-review-card,\r\n#jp-our-work .jp-category-btn,\r\n#jp-our-work .jp-related-card {\r\n    cursor:\r\n        url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='26' height='26' viewBox='0 0 32 32'%3E%3Cpath d='M4 2L25 16L15 18L20 28L15.5 30L10.5 20L4 27Z' fill='%23bb63ea' stroke='%235a1489' stroke-width='1.4' stroke-linejoin='round'\/%3E%3C\/svg%3E\")\r\n        3 2,\r\n        pointer;\r\n}\r\n\r\n\r\n#jp-our-work a {\r\n    color:inherit;\r\n    text-decoration:none;\r\n}\r\n\r\n\r\n#jp-our-work button {\r\n    font-family:inherit;\r\n}\r\n\r\n\r\n#jp-our-work img {\r\n    display:block;\r\n    width:100%;\r\n    max-width:100%;\r\n}\r\n\r\n\r\n.jp-shell {\r\n    width:min(\r\n        1540px,\r\n        calc(100% - 64px)\r\n    );\r\n\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n.jp-section {\r\n    position:relative;\r\n\r\n    padding:110px 0;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTYPOGRAPHY\r\n========================================================= *\/\r\n\r\n.jp-eyebrow {\r\n    display:inline-flex;\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-bottom:20px;\r\n\r\n    color:var(--purple-light);\r\n\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.jp-eyebrow::before {\r\n    content:\"\";\r\n\r\n    width:34px;\r\n    height:2px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        var(--purple-light),\r\n        var(--purple-dark)\r\n    );\r\n\r\n    transition:width .35s ease;\r\n}\r\n\r\n\r\n.jp-reveal:hover\r\n.jp-eyebrow::before {\r\n    width:48px;\r\n}\r\n\r\n\r\n.jp-eyebrow i {\r\n    font-size:10px;\r\n}\r\n\r\n\r\n.jp-h1 {\r\n    max-width:1080px;\r\n\r\n    margin:0;\r\n\r\n    font-size:clamp(\r\n        58px,\r\n        6vw,\r\n        96px\r\n    );\r\n\r\n    line-height:.93;\r\n\r\n    letter-spacing:clamp(\r\n        -5px,\r\n        -.3vw,\r\n        -2px\r\n    );\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.jp-h1 span {\r\n    color:var(--purple-light);\r\n\r\n    text-shadow:\r\n        0 0 45px rgba(142,53,199,.17);\r\n}\r\n\r\n\r\n.jp-h2 {\r\n    margin:0;\r\n\r\n    font-size:clamp(\r\n        38px,\r\n        4vw,\r\n        70px\r\n    );\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:-2.8px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.jp-lead {\r\n    max-width:720px;\r\n\r\n    margin:0;\r\n\r\n    color:#c8c8cf;\r\n\r\n    font-size:clamp(\r\n        16px,\r\n        1.2vw,\r\n        19px\r\n    );\r\n\r\n    line-height:1.85;\r\n}\r\n\r\n\r\n.jp-dark-copy {\r\n    color:#666671;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nBUTTONS\r\n========================================================= *\/\r\n\r\n.jp-buttons {\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n\r\n    gap:13px;\r\n\r\n    margin-top:34px;\r\n}\r\n\r\n\r\n.jp-btn {\r\n    position:relative;\r\n\r\n    min-height:56px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    padding:0 28px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:1px solid transparent;\r\n    border-radius:9px;\r\n\r\n    isolation:isolate;\r\n\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:.7px;\r\n\r\n    transition:\r\n        transform .28s ease,\r\n        box-shadow .28s ease,\r\n        background .28s ease,\r\n        border-color .28s ease;\r\n}\r\n\r\n\r\n.jp-btn::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:-1;\r\n\r\n    width:80px;\r\n    height:130px;\r\n\r\n    left:-110px;\r\n    top:-35px;\r\n\r\n    transform:rotate(22deg);\r\n\r\n    background:rgba(255,255,255,.22);\r\n\r\n    filter:blur(8px);\r\n\r\n    transition:left .55s ease;\r\n}\r\n\r\n\r\n.jp-btn:hover::before {\r\n    left:115%;\r\n}\r\n\r\n\r\n.jp-btn i {\r\n    font-size:12px;\r\n\r\n    transition:transform .25s ease;\r\n}\r\n\r\n\r\n.jp-btn:hover i {\r\n    transform:translateX(3px);\r\n}\r\n\r\n\r\n.jp-btn-primary {\r\n    color:#fff !important;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        var(--purple-light),\r\n        var(--purple-dark)\r\n    );\r\n\r\n    box-shadow:\r\n        0 18px 40px rgba(142,53,199,.26);\r\n}\r\n\r\n\r\n.jp-btn-primary:hover {\r\n    transform:translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 23px 58px rgba(142,53,199,.42);\r\n}\r\n\r\n\r\n.jp-btn-outline {\r\n    color:#fff !important;\r\n\r\n    border-color:\r\n        rgba(255,255,255,.24);\r\n\r\n    background:\r\n        rgba(255,255,255,.04);\r\n}\r\n\r\n\r\n.jp-btn-outline:hover {\r\n    transform:translateY(-3px);\r\n\r\n    border-color:var(--purple-light);\r\n\r\n    background:\r\n        rgba(142,53,199,.14);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLIGHT ZONE\r\n========================================================= *\/\r\n\r\n.jp-light-zone {\r\n    position:relative;\r\n\r\n    isolation:isolate;\r\n    overflow:hidden;\r\n\r\n    color:var(--dark);\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 8% 18%,\r\n            rgba(187,99,234,.045),\r\n            transparent 37%\r\n        ),\r\n\r\n        radial-gradient(\r\n            circle at 92% 74%,\r\n            rgba(142,53,199,.04),\r\n            transparent 38%\r\n        ),\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            #fcfbfd,\r\n            #f9f8fb\r\n        );\r\n}\r\n\r\n\r\n.jp-light-zone::before,\r\n.jp-light-zone::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:0;\r\n\r\n    border-radius:50%;\r\n\r\n    pointer-events:none;\r\n\r\n    filter:blur(90px);\r\n}\r\n\r\n\r\n.jp-light-zone::before {\r\n    width:760px;\r\n    height:760px;\r\n\r\n    left:-310px;\r\n    top:3%;\r\n\r\n    background:radial-gradient(\r\n        circle,\r\n        rgba(187,99,234,.16) 0%,\r\n        rgba(165,63,216,.075) 31%,\r\n        rgba(130,37,179,.025) 52%,\r\n        transparent 74%\r\n    );\r\n\r\n    animation:\r\n        jpWorkBloomOne\r\n        24s\r\n        ease-in-out\r\n        infinite alternate;\r\n}\r\n\r\n\r\n.jp-light-zone::after {\r\n    width:790px;\r\n    height:790px;\r\n\r\n    right:-330px;\r\n    bottom:3%;\r\n\r\n    background:radial-gradient(\r\n        circle,\r\n        rgba(146,46,201,.14) 0%,\r\n        rgba(128,37,179,.06) 31%,\r\n        rgba(98,25,138,.02) 53%,\r\n        transparent 74%\r\n    );\r\n\r\n    animation:\r\n        jpWorkBloomTwo\r\n        28s\r\n        ease-in-out\r\n        infinite alternate;\r\n}\r\n\r\n\r\n@keyframes jpWorkBloomOne {\r\n\r\n    0% {\r\n        transform:\r\n            translate3d(0,0,0)\r\n            scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translate3d(120px,260px,0)\r\n            scale(1.08);\r\n    }\r\n\r\n    100% {\r\n        transform:\r\n            translate3d(40px,520px,0)\r\n            scale(.96);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes jpWorkBloomTwo {\r\n\r\n    0% {\r\n        transform:\r\n            translate3d(0,0,0)\r\n            scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translate3d(-120px,-300px,0)\r\n            scale(1.06);\r\n    }\r\n\r\n    100% {\r\n        transform:\r\n            translate3d(-40px,-560px,0)\r\n            scale(.95);\r\n    }\r\n\r\n}\r\n\r\n\r\n.jp-light-zone > .jp-section {\r\n    position:relative;\r\n\r\n    z-index:1;\r\n\r\n    color:var(--dark);\r\n\r\n    background:transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nWATERMARK\r\n========================================================= *\/\r\n\r\n.jp-watermark {\r\n    position:absolute;\r\n\r\n    z-index:1;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        url('https:\/\/jp-electrical.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/JP-Symbol-scaled.png')\r\n        center \/ contain no-repeat;\r\n\r\n    opacity:.027;\r\n}\r\n\r\n\r\n.jp-watermark-left {\r\n    width:min(700px,46vw);\r\n    height:min(700px,46vw);\r\n\r\n    left:-160px;\r\n    top:50%;\r\n\r\n    transform:translateY(-50%);\r\n}\r\n\r\n\r\n.jp-watermark-right {\r\n    width:min(700px,46vw);\r\n    height:min(700px,46vw);\r\n\r\n    right:-160px;\r\n    top:50%;\r\n\r\n    transform:translateY(-50%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHEADER\r\n========================================================= *\/\r\n\r\n.jp-header {\r\n    position:absolute;\r\n\r\n    z-index:1000;\r\n\r\n    top:0;\r\n    left:0;\r\n\r\n    width:100%;\r\n\r\n    border-bottom:\r\n        1px solid rgba(255,255,255,.08);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n\r\n.jp-header.jp-fixed {\r\n    position:fixed;\r\n\r\n    background:\r\n        rgba(5,5,6,.94);\r\n\r\n    backdrop-filter:blur(18px);\r\n    -webkit-backdrop-filter:blur(18px);\r\n\r\n    box-shadow:\r\n        0 10px 35px rgba(0,0,0,.30);\r\n}\r\n\r\n\r\n.jp-header-inner {\r\n    min-height:98px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:26px;\r\n}\r\n\r\n\r\n.jp-logo {\r\n    width:clamp(\r\n        220px,\r\n        15vw,\r\n        280px\r\n    );\r\n\r\n    flex:0 0 auto;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        filter .3s ease;\r\n}\r\n\r\n\r\n.jp-logo:hover {\r\n    transform:scale(1.025);\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 0 18px rgba(187,99,234,.23)\r\n        );\r\n}\r\n\r\n\r\n.jp-logo img {\r\n    max-height:76px;\r\n\r\n    object-fit:contain;\r\n    object-position:left center;\r\n}\r\n\r\n\r\n.jp-nav {\r\n    margin-left:auto;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:clamp(\r\n        18px,\r\n        1.45vw,\r\n        29px\r\n    );\r\n}\r\n\r\n\r\n.jp-nav-item {\r\n    position:relative;\r\n}\r\n\r\n\r\n.jp-nav-link {\r\n    position:relative;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:5px;\r\n\r\n    padding:36px 0;\r\n\r\n    color:#ececf0 !important;\r\n\r\n    font-size:11px;\r\n    font-weight:700;\r\n\r\n    white-space:nowrap;\r\n\r\n    transition:color .2s ease;\r\n}\r\n\r\n\r\n.jp-nav-link::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    bottom:26px;\r\n\r\n    width:0;\r\n    height:2px;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    border-radius:20px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        var(--purple-light),\r\n        var(--purple-dark)\r\n    );\r\n\r\n    box-shadow:\r\n        0 0 12px rgba(187,99,234,.6);\r\n\r\n    transition:width .28s ease;\r\n}\r\n\r\n\r\n.jp-nav-link:hover,\r\n.jp-nav-link.jp-active {\r\n    color:var(--purple-light) !important;\r\n}\r\n\r\n\r\n.jp-nav-link:hover::after,\r\n.jp-nav-link.jp-active::after {\r\n    width:100%;\r\n}\r\n\r\n\r\n.jp-dropdown-arrow {\r\n    font-size:8px;\r\n\r\n    transition:transform .25s ease;\r\n}\r\n\r\n\r\n.jp-nav-item:hover\r\n.jp-dropdown-arrow {\r\n    transform:rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nDROPDOWN\r\n========================================================= *\/\r\n\r\n.jp-dropdown {\r\n    position:absolute;\r\n\r\n    top:82px;\r\n    left:50%;\r\n\r\n    width:325px;\r\n\r\n    padding:10px;\r\n\r\n    transform:\r\n        translate(-50%,14px)\r\n        scale(.98);\r\n\r\n    transform-origin:top center;\r\n\r\n    visibility:hidden;\r\n    opacity:0;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    border-radius:12px;\r\n\r\n    background:\r\n        rgba(11,11,15,.97);\r\n\r\n    backdrop-filter:blur(18px);\r\n    -webkit-backdrop-filter:blur(18px);\r\n\r\n    box-shadow:\r\n        0 25px 70px rgba(0,0,0,.48);\r\n\r\n    transition:\r\n        opacity .22s ease,\r\n        transform .22s ease,\r\n        visibility .22s ease;\r\n}\r\n\r\n\r\n.jp-nav-item:hover\r\n.jp-dropdown {\r\n    visibility:visible;\r\n    opacity:1;\r\n\r\n    transform:\r\n        translate(-50%,0)\r\n        scale(1);\r\n}\r\n\r\n\r\n.jp-dropdown a {\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    padding:11px 13px;\r\n\r\n    border-radius:7px;\r\n\r\n    color:#bbbbc3 !important;\r\n\r\n    font-size:10px;\r\n    font-weight:600;\r\n\r\n    transition:\r\n        background .2s ease,\r\n        color .2s ease,\r\n        transform .2s ease;\r\n}\r\n\r\n\r\n.jp-dropdown a i {\r\n    width:18px;\r\n\r\n    color:var(--purple-light);\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n.jp-dropdown a:hover {\r\n    color:#fff !important;\r\n\r\n    background:\r\n        rgba(142,53,199,.15);\r\n\r\n    transform:translateX(4px);\r\n}\r\n\r\n\r\n.jp-menu-toggle {\r\n    display:none;\r\n\r\n    width:44px;\r\n    height:44px;\r\n\r\n    margin-left:auto;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.18);\r\n\r\n    border-radius:8px;\r\n\r\n    background:transparent;\r\n\r\n    color:#fff;\r\n\r\n    font-size:22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHERO\r\n========================================================= *\/\r\n\r\n.jp-hero {\r\n    position:relative;\r\n\r\n    min-height:660px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    padding:\r\n        98px 0 125px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#050506;\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n\r\n.jp-hero-bg {\r\n    position:absolute;\r\n\r\n    z-index:0;\r\n\r\n    inset:0;\r\n\r\n    width:100% !important;\r\n    max-width:none !important;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    object-position:\r\n        68% center;\r\n\r\n    transform:scale(1.01);\r\n\r\n    filter:\r\n        contrast(1.04)\r\n        saturate(.92);\r\n}\r\n\r\n\r\n.jp-hero-overlay {\r\n    position:absolute;\r\n\r\n    z-index:1;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(3,3,5,.99) 0%,\r\n            rgba(3,3,5,.94) 29%,\r\n            rgba(3,3,5,.78) 51%,\r\n            rgba(3,3,5,.40) 74%,\r\n            rgba(3,3,5,.13) 100%\r\n        );\r\n}\r\n\r\n\r\n.jp-hero-glow {\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    inset:0;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 73% 40%,\r\n            rgba(187,99,234,.15),\r\n            transparent 31%\r\n        );\r\n}\r\n\r\n\r\n.jp-hero-symbol {\r\n    position:absolute;\r\n\r\n    z-index:3;\r\n\r\n    width:570px;\r\n    height:570px;\r\n\r\n    left:-180px;\r\n    bottom:-170px;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        url('https:\/\/jp-electrical.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/JP-Symbol-scaled.png')\r\n        center \/ contain no-repeat;\r\n\r\n    opacity:.043;\r\n}\r\n\r\n\r\n.jp-hero .jp-shell {\r\n    position:relative;\r\n\r\n    z-index:5;\r\n}\r\n\r\n\r\n.jp-hero-content {\r\n    position:relative;\r\n\r\n    z-index:5;\r\n\r\n    max-width:1050px;\r\n\r\n    padding-top:34px;\r\n}\r\n\r\n\r\n.jp-hero .jp-lead {\r\n    margin-top:27px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCATEGORY STRIP\r\n========================================================= *\/\r\n\r\n.jp-category-strip {\r\n    position:absolute;\r\n\r\n    z-index:20;\r\n\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.16);\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(5,5,8,.22),\r\n            rgba(18,10,23,.29),\r\n            rgba(5,5,8,.20)\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(13px)\r\n        saturate(145%);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(13px)\r\n        saturate(145%);\r\n}\r\n\r\n\r\n.jp-category-inner {\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(6,1fr);\r\n\r\n    min-height:92px;\r\n}\r\n\r\n\r\n.jp-category-btn {\r\n    position:relative;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:9px;\r\n\r\n    padding:20px 12px;\r\n\r\n    border:0;\r\n    border-right:\r\n        1px solid rgba(255,255,255,.09);\r\n\r\n    color:#c5c5cc;\r\n\r\n    background:transparent;\r\n\r\n    font-size:9px;\r\n    font-weight:800;\r\n    letter-spacing:.5px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    transition:\r\n        color .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n\r\n.jp-category-btn:last-child {\r\n    border-right:0;\r\n}\r\n\r\n\r\n.jp-category-btn i {\r\n    color:var(--purple-light);\r\n\r\n    transition:transform .3s ease;\r\n}\r\n\r\n\r\n.jp-category-btn:hover,\r\n.jp-category-btn.jp-active {\r\n    color:#fff;\r\n\r\n    background:\r\n        rgba(142,53,199,.09);\r\n}\r\n\r\n\r\n.jp-category-btn:hover i,\r\n.jp-category-btn.jp-active i {\r\n    transform:\r\n        translateY(-3px)\r\n        scale(1.08);\r\n}\r\n\r\n\r\n.jp-category-btn::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    bottom:0;\r\n\r\n    width:0;\r\n    height:3px;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--purple-light),\r\n            var(--purple-dark)\r\n        );\r\n\r\n    transition:width .3s ease;\r\n}\r\n\r\n\r\n.jp-category-btn:hover::after,\r\n.jp-category-btn.jp-active::after {\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSECTION HEADING\r\n========================================================= *\/\r\n\r\n.jp-section-heading {\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1.05fr .95fr;\r\n\r\n    gap:75px;\r\n\r\n    align-items:end;\r\n}\r\n\r\n\r\n.jp-section-heading\r\n.jp-lead {\r\n    justify-self:end;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nINTRO STATEMENT\r\n========================================================= *\/\r\n\r\n.jp-work-intro {\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .9fr 1.1fr;\r\n\r\n    gap:80px;\r\n\r\n    align-items:start;\r\n}\r\n\r\n\r\n.jp-work-intro-big {\r\n    max-width:570px;\r\n\r\n    color:#202025;\r\n\r\n    font-size:clamp(\r\n        26px,\r\n        2.5vw,\r\n        42px\r\n    );\r\n\r\n    line-height:1.2;\r\n\r\n    letter-spacing:-1.4px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.jp-work-intro-copy p {\r\n    margin:\r\n        0 0 18px;\r\n\r\n    color:#666671;\r\n\r\n    font-size:14px;\r\n    line-height:1.85;\r\n}\r\n\r\n\r\n.jp-work-intro-copy p:last-child {\r\n    margin-bottom:0;\r\n}\r\n\r\n\r\n.jp-gallery-note {\r\n    display:flex;\r\n    align-items:flex-start;\r\n\r\n    gap:12px;\r\n\r\n    margin-top:25px;\r\n    padding:17px 18px;\r\n\r\n    border:\r\n        1px solid rgba(142,53,199,.12);\r\n\r\n    border-radius:9px;\r\n\r\n    background:\r\n        rgba(142,53,199,.045);\r\n\r\n    color:#686871;\r\n\r\n    font-size:10px;\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n.jp-gallery-note i {\r\n    margin-top:3px;\r\n\r\n    color:var(--purple);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nGALLERY FILTER\r\n========================================================= *\/\r\n\r\n.jp-gallery-tools {\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:30px;\r\n\r\n    margin-top:60px;\r\n    margin-bottom:26px;\r\n}\r\n\r\n\r\n.jp-gallery-tools-left {\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n\r\n    gap:7px;\r\n}\r\n\r\n\r\n.jp-filter-btn {\r\n    min-height:39px;\r\n\r\n    padding:0 15px;\r\n\r\n    border:\r\n        1px solid rgba(103,86,112,.15);\r\n\r\n    border-radius:7px;\r\n\r\n    color:#666671;\r\n\r\n    background:\r\n        rgba(255,255,255,.70);\r\n\r\n    font-size:8px;\r\n    font-weight:800;\r\n    letter-spacing:.6px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    transition:\r\n        color .25s ease,\r\n        background .25s ease,\r\n        border-color .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.jp-filter-btn:hover {\r\n    transform:translateY(-2px);\r\n\r\n    color:var(--purple-dark);\r\n\r\n    border-color:\r\n        rgba(142,53,199,.30);\r\n}\r\n\r\n\r\n.jp-filter-btn.jp-active {\r\n    color:#fff;\r\n\r\n    border-color:transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--purple-light),\r\n            var(--purple-dark)\r\n        );\r\n}\r\n\r\n\r\n.jp-gallery-count {\r\n    color:#8b8b93;\r\n\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:.4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMASONRY GALLERY\r\n========================================================= *\/\r\n\r\n.jp-gallery-grid {\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(12,1fr);\r\n\r\n    grid-auto-rows:80px;\r\n\r\n    gap:14px;\r\n}\r\n\r\n\r\n.jp-gallery-card {\r\n    --mx:50%;\r\n    --my:50%;\r\n\r\n    position:relative;\r\n\r\n    grid-column:\r\n        span 4;\r\n\r\n    grid-row:\r\n        span 5;\r\n\r\n    overflow:hidden;\r\n\r\n    border:0;\r\n    border-radius:14px;\r\n\r\n    padding:0;\r\n\r\n    background:#111;\r\n\r\n    isolation:isolate;\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(39,23,46,.10);\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        box-shadow .4s ease,\r\n        opacity .35s ease;\r\n}\r\n\r\n\r\n.jp-gallery-card.jp-wide {\r\n    grid-column:\r\n        span 8;\r\n}\r\n\r\n\r\n.jp-gallery-card.jp-tall {\r\n    grid-row:\r\n        span 7;\r\n}\r\n\r\n\r\n.jp-gallery-card.jp-short {\r\n    grid-row:\r\n        span 4;\r\n}\r\n\r\n\r\n.jp-gallery-card.jp-hidden {\r\n    display:none;\r\n}\r\n\r\n\r\n.jp-gallery-card img {\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform .9s cubic-bezier(.2,.7,.2,1),\r\n        filter .5s ease;\r\n}\r\n\r\n\r\n.jp-gallery-card::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,.04) 15%,\r\n            rgba(0,0,0,.14) 45%,\r\n            rgba(0,0,0,.88) 100%\r\n        );\r\n}\r\n\r\n\r\n.jp-gallery-card::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:3;\r\n\r\n    inset:0;\r\n\r\n    opacity:0;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        radial-gradient(\r\n            350px circle\r\n            at var(--mx) var(--my),\r\n            rgba(187,99,234,.30),\r\n            transparent 67%\r\n        );\r\n\r\n    transition:opacity .35s ease;\r\n}\r\n\r\n\r\n.jp-gallery-card:hover {\r\n    transform:translateY(-6px);\r\n\r\n    box-shadow:\r\n        0 30px 70px rgba(50,26,61,.18);\r\n}\r\n\r\n\r\n.jp-gallery-card:hover img {\r\n    transform:scale(1.06);\r\n\r\n    filter:\r\n        saturate(1.08)\r\n        contrast(1.03);\r\n}\r\n\r\n\r\n.jp-gallery-card:hover::after {\r\n    opacity:1;\r\n}\r\n\r\n\r\n.jp-gallery-top {\r\n    position:absolute;\r\n\r\n    z-index:5;\r\n\r\n    left:22px;\r\n    top:21px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:7px;\r\n}\r\n\r\n\r\n.jp-gallery-chip {\r\n    display:inline-flex;\r\n    align-items:center;\r\n\r\n    gap:6px;\r\n\r\n    min-height:28px;\r\n\r\n    padding:0 10px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.15);\r\n\r\n    border-radius:100px;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        rgba(6,6,8,.52);\r\n\r\n    backdrop-filter:blur(8px);\r\n\r\n    font-size:7px;\r\n    font-weight:800;\r\n    letter-spacing:.7px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.jp-gallery-chip i {\r\n    color:var(--purple-light);\r\n}\r\n\r\n\r\n.jp-gallery-view {\r\n    position:absolute;\r\n\r\n    z-index:5;\r\n\r\n    right:20px;\r\n    top:20px;\r\n\r\n    width:39px;\r\n    height:39px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.17);\r\n\r\n    border-radius:50%;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        rgba(7,7,9,.47);\r\n\r\n    backdrop-filter:blur(8px);\r\n\r\n    transform:\r\n        translateY(-8px);\r\n\r\n    opacity:0;\r\n\r\n    transition:\r\n        opacity .3s ease,\r\n        transform .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\r\n.jp-gallery-card:hover\r\n.jp-gallery-view {\r\n    transform:none;\r\n\r\n    opacity:1;\r\n\r\n    background:\r\n        rgba(142,53,199,.72);\r\n}\r\n\r\n\r\n.jp-gallery-content {\r\n    position:absolute;\r\n\r\n    z-index:5;\r\n\r\n    left:24px;\r\n    right:24px;\r\n    bottom:23px;\r\n\r\n    text-align:left;\r\n\r\n    transition:\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n.jp-gallery-card:hover\r\n.jp-gallery-content {\r\n    transform:translateY(-6px);\r\n}\r\n\r\n\r\n.jp-gallery-content h3 {\r\n    margin:0 0 6px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:clamp(\r\n        17px,\r\n        1.5vw,\r\n        24px\r\n    );\r\n\r\n    line-height:1.1;\r\n\r\n    letter-spacing:-.5px;\r\n}\r\n\r\n\r\n.jp-gallery-content p {\r\n    max-width:480px;\r\n\r\n    margin:0;\r\n\r\n    color:#c7c7cd;\r\n\r\n    font-size:9px;\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nWORK TYPES\r\n========================================================= *\/\r\n\r\n.jp-work-type-grid {\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,1fr);\r\n\r\n    gap:14px;\r\n\r\n    margin-top:58px;\r\n}\r\n\r\n\r\n.jp-work-type {\r\n    --mx:50%;\r\n    --my:50%;\r\n\r\n    position:relative;\r\n\r\n    min-height:260px;\r\n\r\n    padding:29px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.08);\r\n\r\n    border-radius:13px;\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        border-color .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\r\n.jp-work-type::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    opacity:0;\r\n\r\n    background:\r\n        radial-gradient(\r\n            260px circle\r\n            at var(--mx) var(--my),\r\n            rgba(187,99,234,.20),\r\n            transparent 68%\r\n        );\r\n\r\n    transition:opacity .3s ease;\r\n}\r\n\r\n\r\n.jp-work-type:hover {\r\n    transform:translateY(-6px);\r\n\r\n    border-color:\r\n        rgba(187,99,234,.27);\r\n\r\n    background:\r\n        rgba(142,53,199,.06);\r\n}\r\n\r\n\r\n.jp-work-type:hover::before {\r\n    opacity:1;\r\n}\r\n\r\n\r\n.jp-work-type-icon,\r\n.jp-work-type h3,\r\n.jp-work-type p,\r\n.jp-work-type span {\r\n    position:relative;\r\n\r\n    z-index:2;\r\n}\r\n\r\n\r\n.jp-work-type-icon {\r\n    width:49px;\r\n    height:49px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:28px;\r\n\r\n    border-radius:10px;\r\n\r\n    color:var(--purple-light);\r\n\r\n    background:\r\n        rgba(142,53,199,.11);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.jp-work-type:hover\r\n.jp-work-type-icon {\r\n    transform:\r\n        translateY(-4px)\r\n        rotate(-4deg);\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--purple-light),\r\n            var(--purple-dark)\r\n        );\r\n}\r\n\r\n\r\n.jp-work-type h3 {\r\n    margin:0 0 8px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:17px;\r\n}\r\n\r\n\r\n.jp-work-type p {\r\n    margin:0;\r\n\r\n    color:#94949d;\r\n\r\n    font-size:10px;\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n.jp-work-type span {\r\n    display:block;\r\n\r\n    margin-top:22px;\r\n\r\n    color:var(--purple-light);\r\n\r\n    font-size:8px;\r\n    font-weight:800;\r\n    letter-spacing:.6px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nDARK SERVICES SECTION\r\n========================================================= *\/\r\n\r\n.jp-work-dark {\r\n    position:relative;\r\n\r\n    padding:115px 0;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 78% 40%,\r\n            rgba(142,53,199,.18),\r\n            transparent 34%\r\n        ),\r\n\r\n        #08080a;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nREVIEWS\r\n========================================================= *\/\r\n\r\n.jp-review-grid {\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,1fr);\r\n\r\n    gap:15px;\r\n\r\n    margin-top:58px;\r\n}\r\n\r\n\r\n.jp-review-card {\r\n    --mx:50%;\r\n    --my:50%;\r\n\r\n    position:relative;\r\n\r\n    min-height:320px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    padding:31px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid rgba(205,199,212,.70);\r\n\r\n    border-radius:13px;\r\n\r\n    background:\r\n        rgba(255,255,255,.80);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        border-color .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n\r\n.jp-review-card::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    opacity:0;\r\n\r\n    background:\r\n        radial-gradient(\r\n            280px circle\r\n            at var(--mx) var(--my),\r\n            rgba(187,99,234,.15),\r\n            transparent 68%\r\n        );\r\n\r\n    transition:opacity .3s ease;\r\n}\r\n\r\n\r\n.jp-review-card:hover {\r\n    transform:translateY(-6px);\r\n\r\n    border-color:\r\n        rgba(142,53,199,.28);\r\n\r\n    box-shadow:\r\n        0 24px 55px rgba(65,36,78,.09);\r\n}\r\n\r\n\r\n.jp-review-card:hover::before {\r\n    opacity:1;\r\n}\r\n\r\n\r\n.jp-review-stars,\r\n.jp-review-card blockquote,\r\n.jp-review-person {\r\n    position:relative;\r\n\r\n    z-index:2;\r\n}\r\n\r\n\r\n.jp-review-stars {\r\n    display:flex;\r\n\r\n    gap:4px;\r\n\r\n    color:var(--purple);\r\n\r\n    font-size:10px;\r\n}\r\n\r\n\r\n.jp-review-card blockquote {\r\n    margin:\r\n        27px 0 32px;\r\n\r\n    color:#2e2e34;\r\n\r\n    font-size:15px;\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n.jp-review-person {\r\n    margin-top:auto;\r\n}\r\n\r\n\r\n.jp-review-person strong {\r\n    display:block;\r\n\r\n    color:#25252b;\r\n\r\n    font-size:11px;\r\n}\r\n\r\n\r\n.jp-review-person span {\r\n    display:block;\r\n\r\n    margin-top:4px;\r\n\r\n    color:#81818a;\r\n\r\n    font-size:9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nRELATED SERVICES\r\n========================================================= *\/\r\n\r\n.jp-related-grid {\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,1fr);\r\n\r\n    gap:14px;\r\n\r\n    margin-top:58px;\r\n}\r\n\r\n\r\n.jp-related-card {\r\n    position:relative;\r\n\r\n    min-height:325px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:14px;\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n\r\n.jp-related-card img {\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform .8s cubic-bezier(.2,.7,.2,1),\r\n        filter .5s ease;\r\n}\r\n\r\n\r\n.jp-related-card::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            transparent 15%,\r\n            rgba(0,0,0,.91) 100%\r\n        );\r\n}\r\n\r\n\r\n.jp-related-card::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    inset:0;\r\n\r\n    opacity:.15;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 50% 100%,\r\n            rgba(142,53,199,.7),\r\n            transparent 50%\r\n        );\r\n\r\n    transition:opacity .3s ease;\r\n}\r\n\r\n\r\n.jp-related-card:hover img {\r\n    transform:scale(1.07);\r\n\r\n    filter:saturate(1.08);\r\n}\r\n\r\n\r\n.jp-related-card:hover::after {\r\n    opacity:.55;\r\n}\r\n\r\n\r\n.jp-related-content {\r\n    position:absolute;\r\n\r\n    z-index:4;\r\n\r\n    left:23px;\r\n    right:23px;\r\n    bottom:22px;\r\n\r\n    transition:transform .35s ease;\r\n}\r\n\r\n\r\n.jp-related-card:hover\r\n.jp-related-content {\r\n    transform:translateY(-7px);\r\n}\r\n\r\n\r\n.jp-related-content i {\r\n    margin-bottom:11px;\r\n\r\n    color:var(--purple-light);\r\n}\r\n\r\n\r\n.jp-related-content h3 {\r\n    margin:0 0 7px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:17px;\r\n}\r\n\r\n\r\n.jp-related-content span {\r\n    color:#fff;\r\n\r\n    font-size:8px;\r\n    font-weight:800;\r\n    letter-spacing:.6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCTA\r\n========================================================= *\/\r\n\r\n.jp-quote {\r\n    position:relative;\r\n\r\n    padding:100px 0;\r\n\r\n    overflow:hidden;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        #4d0c78,\r\n        #973bd2\r\n    );\r\n}\r\n\r\n\r\n.jp-quote::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:650px;\r\n    height:650px;\r\n\r\n    right:-160px;\r\n    top:-260px;\r\n\r\n    background:\r\n        url('https:\/\/jp-electrical.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/JP-Symbol-scaled.png')\r\n        center \/ contain no-repeat;\r\n\r\n    opacity:.055;\r\n}\r\n\r\n\r\n.jp-quote-grid {\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:60px;\r\n}\r\n\r\n\r\n.jp-quote h2 {\r\n    max-width:820px;\r\n\r\n    margin:0;\r\n\r\n    font-size:clamp(\r\n        42px,\r\n        5vw,\r\n        75px\r\n    );\r\n\r\n    line-height:.97;\r\n\r\n    letter-spacing:-3px;\r\n}\r\n\r\n\r\n.jp-quote p {\r\n    margin:18px 0 0;\r\n\r\n    color:#efe6f4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFOOTER\r\n========================================================= *\/\r\n\r\n.jp-footer {\r\n    position:relative;\r\n\r\n    padding:\r\n        90px 0 35px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#030304;\r\n}\r\n\r\n\r\n.jp-footer-grid {\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1.4fr .8fr .8fr .8fr;\r\n\r\n    gap:50px;\r\n}\r\n\r\n\r\n.jp-footer-logo {\r\n    width:290px;\r\n\r\n    margin-bottom:23px;\r\n}\r\n\r\n\r\n.jp-footer-copy {\r\n    max-width:410px;\r\n\r\n    color:#8c8c95;\r\n\r\n    font-size:11px;\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n.jp-footer-contact {\r\n    display:grid;\r\n\r\n    gap:9px;\r\n\r\n    margin-top:20px;\r\n}\r\n\r\n\r\n.jp-footer-contact a {\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    color:#a2a2aa !important;\r\n\r\n    font-size:11px;\r\n\r\n    transition:\r\n        color .2s ease,\r\n        transform .2s ease;\r\n}\r\n\r\n\r\n.jp-footer-contact a:hover {\r\n    color:var(--purple-light) !important;\r\n\r\n    transform:translateX(4px);\r\n}\r\n\r\n\r\n.jp-footer-contact i {\r\n    width:16px;\r\n\r\n    color:var(--purple-light);\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n.jp-footer h4 {\r\n    margin:0 0 18px;\r\n\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:1.2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.jp-footer-links {\r\n    display:grid;\r\n\r\n    gap:10px;\r\n}\r\n\r\n\r\n.jp-footer-links a {\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    color:#8c8c95;\r\n\r\n    font-size:10px;\r\n\r\n    transition:\r\n        color .2s ease,\r\n        transform .2s ease;\r\n}\r\n\r\n\r\n.jp-footer-links a:hover {\r\n    color:var(--purple-light);\r\n\r\n    transform:translateX(5px);\r\n}\r\n\r\n\r\n.jp-footer-links i {\r\n    width:14px;\r\n\r\n    color:var(--purple-light);\r\n\r\n    font-size:9px;\r\n}\r\n\r\n\r\n.jp-footer-bottom {\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n\r\n    gap:30px;\r\n\r\n    margin-top:68px;\r\n    padding-top:24px;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.08);\r\n\r\n    color:#686870;\r\n\r\n    font-size:9px;\r\n}\r\n\r\n\r\n.jp-neonsnow a {\r\n    color:#fff !important;\r\n\r\n    font-weight:800;\r\n    letter-spacing:.5px;\r\n}\r\n\r\n\r\n.jp-neonsnow a:hover {\r\n    color:var(--purple-light) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLIGHTBOX\r\n========================================================= *\/\r\n\r\n.jp-lightbox {\r\n    position:fixed;\r\n\r\n    z-index:3000;\r\n\r\n    inset:0;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:40px;\r\n\r\n    visibility:hidden;\r\n    opacity:0;\r\n\r\n    background:\r\n        rgba(3,3,5,.93);\r\n\r\n    backdrop-filter:blur(16px);\r\n    -webkit-backdrop-filter:blur(16px);\r\n\r\n    transition:\r\n        opacity .3s ease,\r\n        visibility .3s ease;\r\n}\r\n\r\n\r\n.jp-lightbox.jp-open {\r\n    visibility:visible;\r\n    opacity:1;\r\n}\r\n\r\n\r\n.jp-lightbox-inner {\r\n    position:relative;\r\n\r\n    width:min(\r\n        1200px,\r\n        100%\r\n    );\r\n\r\n    max-height:\r\n        calc(100vh - 80px);\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.12);\r\n\r\n    border-radius:16px;\r\n\r\n    background:#09090c;\r\n\r\n    box-shadow:\r\n        0 40px 100px rgba(0,0,0,.55);\r\n}\r\n\r\n\r\n.jp-lightbox-image-wrap {\r\n    position:relative;\r\n\r\n    height:min(\r\n        70vh,\r\n        760px\r\n    );\r\n\r\n    background:#050506;\r\n}\r\n\r\n\r\n.jp-lightbox-image {\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:contain;\r\n}\r\n\r\n\r\n.jp-lightbox-info {\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:30px;\r\n\r\n    padding:\r\n        22px 26px;\r\n}\r\n\r\n\r\n.jp-lightbox-category {\r\n    color:var(--purple-light);\r\n\r\n    font-size:8px;\r\n    font-weight:800;\r\n    letter-spacing:1px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.jp-lightbox-title {\r\n    margin-top:4px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:18px;\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.jp-lightbox-close {\r\n    position:absolute;\r\n\r\n    z-index:5;\r\n\r\n    right:17px;\r\n    top:17px;\r\n\r\n    width:46px;\r\n    height:46px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.14);\r\n\r\n    border-radius:50%;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        rgba(7,7,10,.72);\r\n\r\n    font-size:17px;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.jp-lightbox-close:hover {\r\n    transform:rotate(90deg);\r\n\r\n    background:var(--purple);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nREVEALS\r\n========================================================= *\/\r\n\r\n.jp-reveal {\r\n    opacity:0;\r\n\r\n    transform:translateY(24px);\r\n\r\n    transition:\r\n        opacity .8s ease,\r\n        transform .8s ease;\r\n}\r\n\r\n\r\n.jp-reveal.jp-visible {\r\n    opacity:1;\r\n\r\n    transform:none;\r\n}\r\n\r\n\r\n.jp-mobile-actions {\r\n    display:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1120px) {\r\n\r\n    .jp-shell {\r\n        width:\r\n            calc(100% - 44px);\r\n    }\r\n\r\n\r\n    .jp-nav,\r\n    .jp-header-inner > .jp-btn {\r\n        display:none;\r\n    }\r\n\r\n\r\n    .jp-menu-toggle {\r\n        display:block;\r\n    }\r\n\r\n\r\n    .jp-header.jp-open\r\n    .jp-nav {\r\n        position:absolute;\r\n\r\n        top:98px;\r\n        left:0;\r\n\r\n        width:100%;\r\n\r\n        display:flex;\r\n        flex-direction:column;\r\n        align-items:stretch;\r\n\r\n        gap:0;\r\n\r\n        padding:\r\n            18px 24px 25px;\r\n\r\n        background:#08080a;\r\n    }\r\n\r\n\r\n    .jp-header.jp-open\r\n    .jp-nav-item {\r\n        width:100%;\r\n    }\r\n\r\n\r\n    .jp-header.jp-open\r\n    .jp-nav-link {\r\n        padding:13px 0;\r\n\r\n        border-bottom:\r\n            1px solid rgba(255,255,255,.07);\r\n    }\r\n\r\n\r\n    .jp-nav-link::after {\r\n        display:none;\r\n    }\r\n\r\n\r\n    .jp-header.jp-open\r\n    .jp-dropdown {\r\n        position:static;\r\n\r\n        display:none;\r\n\r\n        width:100%;\r\n\r\n        visibility:visible;\r\n        opacity:1;\r\n\r\n        transform:none;\r\n\r\n        border:0;\r\n\r\n        background:transparent;\r\n\r\n        box-shadow:none;\r\n    }\r\n\r\n\r\n    .jp-header.jp-open\r\n    .jp-nav-item.jp-dropdown-open\r\n    .jp-dropdown {\r\n        display:block;\r\n    }\r\n\r\n\r\n    .jp-category-inner {\r\n        grid-template-columns:\r\n            repeat(3,1fr);\r\n    }\r\n\r\n\r\n    .jp-category-btn {\r\n        border-bottom:\r\n            1px solid rgba(255,255,255,.08);\r\n    }\r\n\r\n\r\n    .jp-section-heading,\r\n    .jp-work-intro {\r\n        grid-template-columns:1fr;\r\n\r\n        gap:42px;\r\n    }\r\n\r\n\r\n    .jp-section-heading\r\n    .jp-lead {\r\n        justify-self:start;\r\n    }\r\n\r\n\r\n    .jp-gallery-grid {\r\n        grid-template-columns:\r\n            repeat(6,1fr);\r\n    }\r\n\r\n\r\n    .jp-gallery-card,\r\n    .jp-gallery-card.jp-wide {\r\n        grid-column:\r\n            span 3;\r\n    }\r\n\r\n\r\n    .jp-gallery-card.jp-wide {\r\n        grid-column:\r\n            span 6;\r\n    }\r\n\r\n\r\n    .jp-work-type-grid {\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n\r\n    .jp-review-grid {\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n\r\n    .jp-related-grid {\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n\r\n    .jp-footer-grid {\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:700px) {\r\n\r\n    .jp-shell {\r\n        width:\r\n            calc(100% - 36px);\r\n    }\r\n\r\n\r\n    .jp-section {\r\n        padding:\r\n            75px 0;\r\n    }\r\n\r\n\r\n    .jp-header-inner {\r\n        min-height:82px;\r\n    }\r\n\r\n\r\n    .jp-header.jp-open\r\n    .jp-nav {\r\n        top:82px;\r\n    }\r\n\r\n\r\n    .jp-logo {\r\n        width:205px;\r\n    }\r\n\r\n\r\n    .jp-h1 {\r\n        font-size:\r\n            clamp(\r\n                48px,\r\n                14vw,\r\n                66px\r\n            );\r\n\r\n        letter-spacing:-2.4px;\r\n    }\r\n\r\n\r\n    .jp-h2 {\r\n        font-size:\r\n            clamp(\r\n                35px,\r\n                10.5vw,\r\n                50px\r\n            );\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n\r\n    .jp-lead {\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    .jp-hero {\r\n        min-height:auto;\r\n\r\n        display:block;\r\n\r\n        padding:0;\r\n    }\r\n\r\n\r\n    .jp-hero-bg {\r\n        object-position:\r\n            61% center;\r\n    }\r\n\r\n\r\n    .jp-hero-overlay {\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(3,3,4,.45),\r\n                rgba(3,3,4,.80) 48%,\r\n                rgba(3,3,4,.98) 84%\r\n            );\r\n    }\r\n\r\n\r\n    .jp-hero-symbol {\r\n        display:none;\r\n    }\r\n\r\n\r\n    .jp-hero-content {\r\n        padding-top:150px;\r\n        padding-bottom:100px;\r\n    }\r\n\r\n\r\n    .jp-buttons {\r\n        flex-direction:column;\r\n    }\r\n\r\n\r\n    .jp-btn {\r\n        width:100%;\r\n    }\r\n\r\n\r\n    .jp-category-strip {\r\n        position:relative;\r\n    }\r\n\r\n\r\n    .jp-category-inner {\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n\r\n    .jp-category-btn {\r\n        min-height:69px;\r\n\r\n        font-size:7.5px;\r\n    }\r\n\r\n\r\n    .jp-gallery-tools {\r\n        display:block;\r\n    }\r\n\r\n\r\n    .jp-gallery-tools-left {\r\n        display:grid;\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n\r\n    .jp-filter-btn {\r\n        width:100%;\r\n    }\r\n\r\n\r\n    .jp-gallery-count {\r\n        margin-top:17px;\r\n    }\r\n\r\n\r\n    .jp-gallery-grid {\r\n        display:block;\r\n    }\r\n\r\n\r\n    .jp-gallery-card,\r\n    .jp-gallery-card.jp-wide,\r\n    .jp-gallery-card.jp-tall,\r\n    .jp-gallery-card.jp-short {\r\n        width:100%;\r\n        height:420px;\r\n\r\n        margin-bottom:14px;\r\n    }\r\n\r\n\r\n    .jp-work-type-grid,\r\n    .jp-review-grid,\r\n    .jp-related-grid {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n\r\n    .jp-quote-grid {\r\n        display:block;\r\n    }\r\n\r\n\r\n    .jp-quote-grid\r\n    .jp-buttons {\r\n        margin-top:35px !important;\r\n    }\r\n\r\n\r\n    .jp-lightbox {\r\n        padding:14px;\r\n    }\r\n\r\n\r\n    .jp-lightbox-image-wrap {\r\n        height:58vh;\r\n    }\r\n\r\n\r\n    .jp-lightbox-info {\r\n        display:block;\r\n    }\r\n\r\n\r\n    .jp-footer-grid {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n\r\n    .jp-footer-bottom {\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n\r\n        margin-bottom:58px;\r\n    }\r\n\r\n\r\n    .jp-mobile-actions {\r\n        position:fixed;\r\n\r\n        z-index:1500;\r\n\r\n        left:0;\r\n        bottom:0;\r\n\r\n        width:100%;\r\n\r\n        display:grid;\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        border-top:\r\n            1px solid rgba(255,255,255,.12);\r\n\r\n        background:#050506;\r\n    }\r\n\r\n\r\n    .jp-mobile-actions a {\r\n        display:flex;\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        gap:7px;\r\n\r\n        padding:\r\n            15px 8px;\r\n\r\n        font-size:9px;\r\n        font-weight:800;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n\r\n    .jp-mobile-actions\r\n    a:last-child {\r\n        background:\r\n            linear-gradient(\r\n                135deg,\r\n                var(--purple-light),\r\n                var(--purple-dark)\r\n            );\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTOUCH\r\n========================================================= *\/\r\n\r\n@media(hover:none),\r\n(pointer:coarse) {\r\n\r\n    #jp-our-work,\r\n    #jp-our-work * {\r\n        cursor:auto;\r\n    }\r\n\r\n\r\n    .jp-gallery-view {\r\n        opacity:1;\r\n        transform:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nREDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n\r\n    #jp-our-work *,\r\n    #jp-our-work *::before,\r\n    #jp-our-work *::after {\r\n        animation-duration:.01ms !important;\r\n        transition-duration:.01ms !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\nHEADER\r\n========================================================= -->\r\n\r\n<header\r\nclass=\"jp-header\"\r\nid=\"jpWorkHeader\">\r\n\r\n    <div class=\"jp-shell\">\r\n\r\n        <div class=\"jp-header-inner\">\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/\"\r\n            class=\"jp-logo\">\r\n\r\n                <img decoding=\"async\"\r\n                src=\"https:\/\/jp-electrical.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/JP-Electrical-Brisbane-Logo.webp\"\r\n                alt=\"JP Electrical Brisbane\">\r\n\r\n            <\/a>\r\n\r\n\r\n            <nav class=\"jp-nav\">\r\n\r\n\r\n                <div class=\"jp-nav-item\">\r\n\r\n                    <a\r\n                    href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=60\"\r\n                    class=\"jp-nav-link\">\r\n\r\n                        Residential\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-nav-item\">\r\n\r\n                    <a\r\n                    href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=59\"\r\n                    class=\"jp-nav-link\">\r\n\r\n                        Commercial\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-nav-item\">\r\n\r\n                    <a\r\n                    href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=58\"\r\n                    class=\"jp-nav-link\">\r\n\r\n                        Air Conditioning\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-nav-item jp-has-dropdown\">\r\n\r\n\r\n                    <a\r\n                    href=\"#jp-work-gallery\"\r\n                    class=\"jp-nav-link jp-dropdown-trigger\">\r\n\r\n                        Services\r\n\r\n                        <i class=\"fa-solid fa-chevron-down jp-dropdown-arrow\"><\/i>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"jp-dropdown\">\r\n\r\n\r\n                        <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=56\">\r\n                            <i class=\"fa-solid fa-plug\"><\/i>\r\n                            Power Points & Electrical Outlets\r\n                        <\/a>\r\n\r\n\r\n                        <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=55\">\r\n                            <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n                            Lighting & LED Upgrades\r\n                        <\/a>\r\n\r\n\r\n                        <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=54\">\r\n                            <i class=\"fa-solid fa-fan\"><\/i>\r\n                            Ceiling Fans & Exhaust Fans\r\n                        <\/a>\r\n\r\n\r\n                        <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=53\">\r\n                            <i class=\"fa-solid fa-bolt\"><\/i>\r\n                            Switchboard Upgrades & Electrical Safety\r\n                        <\/a>\r\n\r\n\r\n                        <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=52\">\r\n                            <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n                            Fault Finding & Electrical Repairs\r\n                        <\/a>\r\n\r\n\r\n                        <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=51\">\r\n                            <i class=\"fa-solid fa-fire-burner\"><\/i>\r\n                            Ovens, Cooktops & Appliance Connections\r\n                        <\/a>\r\n\r\n\r\n                        <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=81\">\r\n                            <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\r\n                            Emergency Electrical\r\n                        <\/a>\r\n\r\n\r\n                        <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=80\">\r\n                            <i class=\"fa-solid fa-network-wired\"><\/i>\r\n                            Data, Cabling & Home Automation\r\n                        <\/a>\r\n\r\n\r\n                        <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=79\">\r\n                            <i class=\"fa-solid fa-clipboard-check\"><\/i>\r\n                            Test & Tag\r\n                        <\/a>\r\n\r\n\r\n                        <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=57\">\r\n                            <i class=\"fa-solid fa-key\"><\/i>\r\n                            Property Managers & Landlords\r\n                        <\/a>\r\n\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-nav-item\">\r\n\r\n                    <a\r\n                    href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=50\"\r\n                    class=\"jp-nav-link jp-active\">\r\n\r\n                        Our Work\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-nav-item\">\r\n\r\n                    <a\r\n                    href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=49\"\r\n                    class=\"jp-nav-link\">\r\n\r\n                        About\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-nav-item\">\r\n\r\n                    <a\r\n                    href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=47\"\r\n                    class=\"jp-nav-link\">\r\n\r\n                        Contact\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/nav>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=47\"\r\n            class=\"jp-btn jp-btn-primary\">\r\n\r\n                <i class=\"fa-solid fa-file-signature\"><\/i>\r\n\r\n                GET A QUOTE\r\n\r\n            <\/a>\r\n\r\n\r\n            <button\r\n            class=\"jp-menu-toggle\"\r\n            id=\"jpWorkMenu\"\r\n            type=\"button\"\r\n            aria-label=\"Open navigation\">\r\n\r\n                <i class=\"fa-solid fa-bars\"><\/i>\r\n\r\n            <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<!-- =========================================================\r\nHERO\r\n========================================================= -->\r\n\r\n<section class=\"jp-hero\">\r\n\r\n\r\n    <img decoding=\"async\"\r\n    class=\"jp-hero-bg\"\r\n    src=\"https:\/\/images.unsplash.com\/photo-1621905252507-b35492cc74b4?auto=format&fit=crop&w=2400&q=88\"\r\n    alt=\"Electrical services in action\">\r\n\r\n\r\n    <div class=\"jp-hero-overlay\"><\/div>\r\n\r\n    <div class=\"jp-hero-glow\"><\/div>\r\n\r\n    <div class=\"jp-hero-symbol\"><\/div>\r\n\r\n\r\n    <div class=\"jp-shell\">\r\n\r\n\r\n        <div class=\"jp-hero-content jp-reveal\">\r\n\r\n\r\n            <div class=\"jp-eyebrow\">\r\n\r\n                <i class=\"fa-solid fa-images\"><\/i>\r\n\r\n                Our Work\r\n\r\n            <\/div>\r\n\r\n\r\n            <h1 class=\"jp-h1\">\r\n\r\n                See what we do.\r\n\r\n                <br>\r\n\r\n                <span>\r\n                    Electrical work in action.\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <p class=\"jp-lead\">\r\n\r\n                From homes and renovations to commercial spaces,\r\n                lighting, switchboards, electrical repairs and\r\n                air conditioning across South East Queensland.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"jp-buttons\">\r\n\r\n\r\n                <a\r\n                href=\"#jp-work-gallery\"\r\n                class=\"jp-btn jp-btn-primary\">\r\n\r\n                    <i class=\"fa-solid fa-images\"><\/i>\r\n\r\n                    VIEW THE GALLERY\r\n\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=47\"\r\n                class=\"jp-btn jp-btn-outline\">\r\n\r\n                    <i class=\"fa-solid fa-file-signature\"><\/i>\r\n\r\n                    GET A QUOTE\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CATEGORY STRIP -->\r\n\r\n    <div class=\"jp-category-strip\">\r\n\r\n\r\n        <div class=\"jp-shell\">\r\n\r\n\r\n            <div class=\"jp-category-inner\">\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-category-btn jp-active\"\r\n                data-jp-filter=\"all\">\r\n\r\n                    <i class=\"fa-solid fa-grid-2\"><\/i>\r\n\r\n                    All Work\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-category-btn\"\r\n                data-jp-filter=\"residential\">\r\n\r\n                    <i class=\"fa-solid fa-house\"><\/i>\r\n\r\n                    Residential\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-category-btn\"\r\n                data-jp-filter=\"commercial\">\r\n\r\n                    <i class=\"fa-solid fa-building\"><\/i>\r\n\r\n                    Commercial\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-category-btn\"\r\n                data-jp-filter=\"lighting\">\r\n\r\n                    <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n\r\n                    Lighting\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-category-btn\"\r\n                data-jp-filter=\"switchboards\">\r\n\r\n                    <i class=\"fa-solid fa-bolt\"><\/i>\r\n\r\n                    Switchboards\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-category-btn\"\r\n                data-jp-filter=\"aircon\">\r\n\r\n                    <i class=\"fa-solid fa-snowflake\"><\/i>\r\n\r\n                    Air Conditioning\r\n\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\nINTRO + GALLERY\r\n========================================================= -->\r\n\r\n<div class=\"jp-light-zone\">\r\n\r\n\r\n<section\r\nclass=\"jp-section\"\r\nid=\"jp-work-gallery\">\r\n\r\n\r\n    <div class=\"jp-watermark jp-watermark-right\"><\/div>\r\n\r\n\r\n    <div class=\"jp-shell\">\r\n\r\n\r\n        <div class=\"jp-work-intro\">\r\n\r\n\r\n            <div class=\"jp-reveal\">\r\n\r\n\r\n                <div class=\"jp-eyebrow\">\r\n\r\n                    <i class=\"fa-solid fa-bolt\"><\/i>\r\n\r\n                    Electrical services in action\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-work-intro-big\">\r\n\r\n                    Different properties.\r\n                    Different jobs.\r\n                    Same attention to the electrical work.\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-work-intro-copy jp-reveal\">\r\n\r\n\r\n                <p>\r\n\r\n                    JP Electrical works across a broad range of\r\n                    residential, commercial and property electrical requirements.\r\n\r\n                <\/p>\r\n\r\n\r\n                <p>\r\n\r\n                    That can mean a simple outlet or fan replacement,\r\n                    lighting throughout a renovation, switchboard work,\r\n                    fault finding, appliance connections, data cabling\r\n                    or supporting a larger commercial electrical requirement.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"jp-gallery-note\">\r\n\r\n                    <i class=\"fa-solid fa-circle-info\"><\/i>\r\n\r\n                    <span>\r\n\r\n                        The gallery below showcases the types of electrical\r\n                        and air conditioning work JP Electrical supports.\r\n                        Project specific photography can continue to be added\r\n                        as the gallery grows.\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FILTER TOOLS -->\r\n\r\n        <div class=\"jp-gallery-tools jp-reveal\">\r\n\r\n\r\n            <div class=\"jp-gallery-tools-left\">\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-filter-btn jp-active\"\r\n                data-jp-filter=\"all\">\r\n\r\n                    All\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-filter-btn\"\r\n                data-jp-filter=\"residential\">\r\n\r\n                    Residential\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-filter-btn\"\r\n                data-jp-filter=\"commercial\">\r\n\r\n                    Commercial\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-filter-btn\"\r\n                data-jp-filter=\"lighting\">\r\n\r\n                    Lighting\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-filter-btn\"\r\n                data-jp-filter=\"switchboards\">\r\n\r\n                    Switchboards\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-filter-btn\"\r\n                data-jp-filter=\"aircon\">\r\n\r\n                    Air Conditioning\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                type=\"button\"\r\n                class=\"jp-filter-btn\"\r\n                data-jp-filter=\"other\">\r\n\r\n                    More Electrical\r\n\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n            class=\"jp-gallery-count\"\r\n            id=\"jpGalleryCount\">\r\n\r\n                Showing 12 service examples\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n        GALLERY\r\n        ================================================= -->\r\n\r\n        <div class=\"jp-gallery-grid\">\r\n\r\n\r\n            <!-- 1 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-wide jp-tall jp-reveal\"\r\n            data-category=\"residential lighting\"\r\n            data-title=\"Residential electrical & lighting\"\r\n            data-label=\"Residential\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1600&q=86\"\r\n                alt=\"Modern residential electrical and lighting environment\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-house\"><\/i>\r\n\r\n                        Residential\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Residential electrical & lighting\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Power, lighting and electrical upgrades throughout the home.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 2 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-tall jp-reveal\"\r\n            data-category=\"commercial\"\r\n            data-title=\"Commercial electrical environments\"\r\n            data-label=\"Commercial\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1200&q=86\"\r\n                alt=\"Commercial and industrial electrical environment\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-building\"><\/i>\r\n\r\n                        Commercial\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Commercial electrical\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Electrical support for business and workplace environments.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 3 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-short jp-reveal\"\r\n            data-category=\"lighting residential\"\r\n            data-title=\"Architectural lighting\"\r\n            data-label=\"Lighting\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1524484485831-a92ffc0de03f?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1524484485831-a92ffc0de03f?auto=format&fit=crop&w=1200&q=86\"\r\n                alt=\"Modern architectural lighting\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n\r\n                        Lighting\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Architectural lighting\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Lighting that works with the space.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 4 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-reveal\"\r\n            data-category=\"switchboards other\"\r\n            data-title=\"Switchboards & electrical systems\"\r\n            data-label=\"Switchboards\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1621905252507-b35492cc74b4?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1621905252507-b35492cc74b4?auto=format&fit=crop&w=1200&q=86\"\r\n                alt=\"Professional electrical system work\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-bolt\"><\/i>\r\n\r\n                        Switchboards\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Switchboards & electrical systems\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Assessment, upgrades and circuit related electrical work.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 5 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-reveal\"\r\n            data-category=\"aircon residential\"\r\n            data-title=\"Home air conditioning\"\r\n            data-label=\"Air Conditioning\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1631545806609-7cfcc7f07f6b?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1631545806609-7cfcc7f07f6b?auto=format&fit=crop&w=1200&q=86\"\r\n                alt=\"Residential air conditioning system\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-snowflake\"><\/i>\r\n\r\n                        Air Conditioning\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Home air conditioning\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Air conditioning installation, replacement and servicing.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 6 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-wide jp-short jp-reveal\"\r\n            data-category=\"residential other\"\r\n            data-title=\"Kitchen electrical & appliance connections\"\r\n            data-label=\"Residential\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1556912172-45b7abe8b7e1?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1556912172-45b7abe8b7e1?auto=format&fit=crop&w=1700&q=86\"\r\n                alt=\"Modern kitchen electrical environment\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-fire-burner\"><\/i>\r\n\r\n                        Appliances\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Kitchen electrical & appliance connections\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Electrical work for ovens, cooktops and kitchen upgrades.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 7 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-tall jp-reveal\"\r\n            data-category=\"residential lighting\"\r\n            data-title=\"Lighting throughout the home\"\r\n            data-label=\"Lighting\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=86\"\r\n                alt=\"Modern home with lighting\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n\r\n                        Lighting\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Lighting throughout the home\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Indoor, feature and practical lighting solutions.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 8 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-reveal\"\r\n            data-category=\"other commercial\"\r\n            data-title=\"Electrical fault finding\"\r\n            data-label=\"Fault Finding\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1200&q=86\"\r\n                alt=\"Electrical testing and diagnostic work\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n\r\n                        Fault Finding\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Electrical fault finding\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Testing, diagnosis and electrical repairs.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 9 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-reveal\"\r\n            data-category=\"commercial lighting\"\r\n            data-title=\"Commercial LED lighting\"\r\n            data-label=\"Commercial\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1565793298595-6a879b1d9492?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1565793298595-6a879b1d9492?auto=format&fit=crop&w=1200&q=86\"\r\n                alt=\"Commercial interior lighting environment\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-building\"><\/i>\r\n\r\n                        Commercial\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Commercial LED lighting\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Lighting upgrades for workplaces and business spaces.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 10 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-wide jp-reveal\"\r\n            data-category=\"residential other\"\r\n            data-title=\"Renovation electrical\"\r\n            data-label=\"Residential\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1700&q=86\"\r\n                alt=\"Modern renovated residential interior\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-house\"><\/i>\r\n\r\n                        Residential\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Renovation electrical\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Power, lighting, appliances and electrical planning for renovated spaces.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 11 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-short jp-reveal\"\r\n            data-category=\"other commercial\"\r\n            data-title=\"Data & connected spaces\"\r\n            data-label=\"Data & Cabling\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1200&q=86\"\r\n                alt=\"Data and network cabling environment\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-network-wired\"><\/i>\r\n\r\n                        Data & Cabling\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Data & connected spaces\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Data points, cabling and connected property requirements.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 12 -->\r\n\r\n            <button\r\n            type=\"button\"\r\n            class=\"jp-gallery-card jp-short jp-reveal\"\r\n            data-category=\"residential other\"\r\n            data-title=\"Power where it is needed\"\r\n            data-label=\"Power Points\"\r\n            data-image=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=90\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=86\"\r\n                alt=\"Modern residential electrical environment\">\r\n\r\n\r\n                <div class=\"jp-gallery-top\">\r\n\r\n                    <span class=\"jp-gallery-chip\">\r\n\r\n                        <i class=\"fa-solid fa-plug\"><\/i>\r\n\r\n                        Power\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"jp-gallery-view\">\r\n\r\n                    <i class=\"fa-solid fa-expand\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <div class=\"jp-gallery-content\">\r\n\r\n                    <h3>\r\n                        Power where it is needed\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Practical electrical outlets and power upgrades.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\nWHAT WE WORK ACROSS\r\n========================================================= -->\r\n\r\n<section class=\"jp-work-dark\">\r\n\r\n\r\n    <div class=\"jp-watermark jp-watermark-left\"><\/div>\r\n\r\n\r\n    <div class=\"jp-shell\">\r\n\r\n\r\n        <div class=\"jp-section-heading\">\r\n\r\n\r\n            <div class=\"jp-reveal\">\r\n\r\n\r\n                <div class=\"jp-eyebrow\">\r\n\r\n                    <i class=\"fa-solid fa-toolbox\"><\/i>\r\n\r\n                    Where the work happens\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"jp-h2\">\r\n\r\n                    Electrical support\r\n                    across the property.\r\n\r\n                <\/h2>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"jp-lead jp-reveal\">\r\n\r\n                Different environments need different electrical solutions.\r\n                JP Electrical works across homes, businesses, managed\r\n                properties and upgrade projects.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-work-type-grid\">\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=60\"\r\n            class=\"jp-work-type jp-reveal jp-pointer-glow\">\r\n\r\n\r\n                <div class=\"jp-work-type-icon\">\r\n\r\n                    <i class=\"fa-solid fa-house\"><\/i>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Homes\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n\r\n                    Power, lighting, fans, switchboards,\r\n                    appliances, repairs, data and air conditioning.\r\n\r\n                <\/p>\r\n\r\n\r\n                <span>\r\n                    Residential Electrical \u2192\r\n                <\/span>\r\n\r\n\r\n            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=59\"\r\n            class=\"jp-work-type jp-reveal jp-pointer-glow\">\r\n\r\n\r\n                <div class=\"jp-work-type-icon\">\r\n\r\n                    <i class=\"fa-solid fa-building\"><\/i>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Businesses\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n\r\n                    Electrical support for offices,\r\n                    workshops and other commercial environments.\r\n\r\n                <\/p>\r\n\r\n\r\n                <span>\r\n                    Commercial Electrical \u2192\r\n                <\/span>\r\n\r\n\r\n            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=57\"\r\n            class=\"jp-work-type jp-reveal jp-pointer-glow\">\r\n\r\n\r\n                <div class=\"jp-work-type-icon\">\r\n\r\n                    <i class=\"fa-solid fa-key\"><\/i>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Managed Properties\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n\r\n                    Electrical work for landlords,\r\n                    investment properties and property managers.\r\n\r\n                <\/p>\r\n\r\n\r\n                <span>\r\n                    Property Support \u2192\r\n                <\/span>\r\n\r\n\r\n            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=52\"\r\n            class=\"jp-work-type jp-reveal jp-pointer-glow\">\r\n\r\n\r\n                <div class=\"jp-work-type-icon\">\r\n\r\n                    <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Upgrades & Repairs\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n\r\n                    Existing electrical systems,\r\n                    faults, replacement work and practical upgrades.\r\n\r\n                <\/p>\r\n\r\n\r\n                <span>\r\n                    Fault Finding \u2192\r\n                <\/span>\r\n\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\nREVIEWS\r\n========================================================= -->\r\n\r\n<div class=\"jp-light-zone\">\r\n\r\n\r\n<section class=\"jp-section\">\r\n\r\n\r\n    <div class=\"jp-watermark jp-watermark-right\"><\/div>\r\n\r\n\r\n    <div class=\"jp-shell\">\r\n\r\n\r\n        <div class=\"jp-section-heading\">\r\n\r\n\r\n            <div class=\"jp-reveal\">\r\n\r\n\r\n                <div class=\"jp-eyebrow\">\r\n\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n                    Customer feedback\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"jp-h2\">\r\n\r\n                    The finish matters.\r\n                    So does the experience.\r\n\r\n                <\/h2>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"jp-lead jp-dark-copy jp-reveal\">\r\n\r\n                Previous customer feedback reflects the things\r\n                that matter most: workmanship, communication,\r\n                pricing and getting the job sorted.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-review-grid\">\r\n\r\n\r\n            <div class=\"jp-review-card jp-reveal jp-pointer-glow\">\r\n\r\n\r\n                <div class=\"jp-review-stars\">\r\n\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n                <\/div>\r\n\r\n\r\n                <blockquote>\r\n\r\n                    \u201cAbsolutely incredible job. Really reasonable price.\u201d\r\n\r\n                <\/blockquote>\r\n\r\n\r\n                <div class=\"jp-review-person\">\r\n\r\n                    <strong>\r\n                        Vanessa Morris\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Power points throughout the property\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-review-card jp-reveal jp-pointer-glow\">\r\n\r\n\r\n                <div class=\"jp-review-stars\">\r\n\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n                <\/div>\r\n\r\n\r\n                <blockquote>\r\n\r\n                    \u201cVery competitive, top quality and very friendly.\u201d\r\n\r\n                <\/blockquote>\r\n\r\n\r\n                <div class=\"jp-review-person\">\r\n\r\n                    <strong>\r\n                        Lance Evans\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Switchboard, lighting and exhaust fan work\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-review-card jp-reveal jp-pointer-glow\">\r\n\r\n\r\n                <div class=\"jp-review-stars\">\r\n\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n                <\/div>\r\n\r\n\r\n                <blockquote>\r\n\r\n                    \u201cAffordable, attended as promised, professional and the workmanship was fantastic.\u201d\r\n\r\n                <\/blockquote>\r\n\r\n\r\n                <div class=\"jp-review-person\">\r\n\r\n                    <strong>\r\n                        Jill Hackett\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Workshop air conditioning\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n        class=\"jp-buttons jp-reveal\"\r\n        style=\"justify-content:center;\">\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=78\"\r\n            class=\"jp-btn jp-btn-primary\">\r\n\r\n                <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n                READ CUSTOMER REVIEWS\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\nRELATED SERVICES\r\n========================================================= -->\r\n\r\n<section class=\"jp-section\">\r\n\r\n\r\n    <div class=\"jp-watermark jp-watermark-left\"><\/div>\r\n\r\n\r\n    <div class=\"jp-shell\">\r\n\r\n\r\n        <div class=\"jp-section-heading\">\r\n\r\n\r\n            <div class=\"jp-reveal\">\r\n\r\n\r\n                <div class=\"jp-eyebrow\">\r\n\r\n                    <i class=\"fa-solid fa-bolt\"><\/i>\r\n\r\n                    Explore the services\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"jp-h2\">\r\n\r\n                    What do you\r\n                    need done?\r\n\r\n                <\/h2>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"jp-lead jp-dark-copy jp-reveal\">\r\n\r\n                See the detail behind some of JP Electrical's\r\n                core residential and commercial service areas.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-related-grid\">\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=55\"\r\n            class=\"jp-related-card jp-reveal\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1524484485831-a92ffc0de03f?auto=format&fit=crop&w=1000&q=84\"\r\n                alt=\"Lighting and LED services\">\r\n\r\n\r\n                <div class=\"jp-related-content\">\r\n\r\n                    <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n\r\n                    <h3>\r\n                        Lighting & LED\r\n                    <\/h3>\r\n\r\n                    <span>\r\n                        VIEW SERVICE \u2192\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=53\"\r\n            class=\"jp-related-card jp-reveal\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1621905252507-b35492cc74b4?auto=format&fit=crop&w=1000&q=84\"\r\n                alt=\"Electrical system and switchboard services\">\r\n\r\n\r\n                <div class=\"jp-related-content\">\r\n\r\n                    <i class=\"fa-solid fa-bolt\"><\/i>\r\n\r\n                    <h3>\r\n                        Switchboards & Safety\r\n                    <\/h3>\r\n\r\n                    <span>\r\n                        VIEW SERVICE \u2192\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=58\"\r\n            class=\"jp-related-card jp-reveal\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1631545806609-7cfcc7f07f6b?auto=format&fit=crop&w=1000&q=84\"\r\n                alt=\"Air conditioning service\">\r\n\r\n\r\n                <div class=\"jp-related-content\">\r\n\r\n                    <i class=\"fa-solid fa-snowflake\"><\/i>\r\n\r\n                    <h3>\r\n                        Air Conditioning\r\n                    <\/h3>\r\n\r\n                    <span>\r\n                        VIEW SERVICE \u2192\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=52\"\r\n            class=\"jp-related-card jp-reveal\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                loading=\"lazy\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1000&q=84\"\r\n                alt=\"Electrical testing and repairs\">\r\n\r\n\r\n                <div class=\"jp-related-content\">\r\n\r\n                    <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n\r\n                    <h3>\r\n                        Fault Finding\r\n                    <\/h3>\r\n\r\n                    <span>\r\n                        VIEW SERVICE \u2192\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\nFINAL CTA\r\n========================================================= -->\r\n\r\n<section class=\"jp-quote\">\r\n\r\n\r\n    <div class=\"jp-shell\">\r\n\r\n\r\n        <div class=\"jp-quote-grid\">\r\n\r\n\r\n            <div class=\"jp-reveal\">\r\n\r\n\r\n                <div\r\n                class=\"jp-eyebrow\"\r\n                style=\"color:#fff;\">\r\n\r\n                    <i class=\"fa-solid fa-bolt\"><\/i>\r\n\r\n                    Your project\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2>\r\n\r\n                    Got something\r\n                    you need done?\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p>\r\n\r\n                    Tell JP Electrical about the property,\r\n                    the electrical work and the outcome you are after.\r\n\r\n                <\/p>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n            class=\"jp-buttons jp-reveal\"\r\n            style=\"margin-top:0;\">\r\n\r\n\r\n                <a\r\n                href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=47\"\r\n                class=\"jp-btn\"\r\n                style=\"\r\n                background:#fff;\r\n                color:#581487 !important;\r\n                \">\r\n\r\n                    <i class=\"fa-solid fa-file-signature\"><\/i>\r\n\r\n                    REQUEST A QUOTE\r\n\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                href=\"tel:0499090330\"\r\n                class=\"jp-btn jp-btn-outline\">\r\n\r\n                    <i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n                    CALL 0499 090 330\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\nFOOTER\r\n========================================================= -->\r\n\r\n<footer class=\"jp-footer\">\r\n\r\n\r\n    <div class=\"jp-shell\">\r\n\r\n\r\n        <div class=\"jp-footer-grid\">\r\n\r\n\r\n            <div>\r\n\r\n\r\n                <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/\">\r\n\r\n                    <img decoding=\"async\"\r\n                    class=\"jp-footer-logo\"\r\n                    src=\"https:\/\/jp-electrical.com.neonsnow.com.au\/wp-content\/uploads\/2026\/09\/JP-Electrical-Brisbane-Logo.webp\"\r\n                    alt=\"JP Electrical Brisbane\">\r\n\r\n                <\/a>\r\n\r\n\r\n                <p class=\"jp-footer-copy\">\r\n\r\n                    Reliable electrical and air conditioning services\r\n                    for homes and businesses across South East Queensland.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"jp-footer-contact\">\r\n\r\n\r\n                    <a href=\"tel:0499090330\">\r\n\r\n                        <i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n                        0499 090 330\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"mailto:admin@jp-electrical.com\">\r\n\r\n                        <i class=\"fa-solid fa-envelope\"><\/i>\r\n\r\n                        admin@jp-electrical.com\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                    href=\"https:\/\/www.facebook.com\/JPElectricalBrisbane\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\">\r\n\r\n                        <i class=\"fa-brands fa-facebook-f\"><\/i>\r\n\r\n                        Facebook\r\n\r\n                    <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n\r\n                <h4>\r\n                    Services\r\n                <\/h4>\r\n\r\n\r\n                <div class=\"jp-footer-links\">\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=60\">\r\n                        <i class=\"fa-solid fa-house\"><\/i>\r\n                        Residential\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=59\">\r\n                        <i class=\"fa-solid fa-building\"><\/i>\r\n                        Commercial\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=58\">\r\n                        <i class=\"fa-solid fa-snowflake\"><\/i>\r\n                        Air Conditioning\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=53\">\r\n                        <i class=\"fa-solid fa-bolt\"><\/i>\r\n                        Switchboards\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=52\">\r\n                        <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n                        Fault Finding\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=81\">\r\n                        <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\r\n                        Emergency Electrical\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=80\">\r\n                        <i class=\"fa-solid fa-network-wired\"><\/i>\r\n                        Data & Automation\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=79\">\r\n                        <i class=\"fa-solid fa-clipboard-check\"><\/i>\r\n                        Test & Tag\r\n                    <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n\r\n                <h4>\r\n                    JP Electrical\r\n                <\/h4>\r\n\r\n\r\n                <div class=\"jp-footer-links\">\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=49\">\r\n                        <i class=\"fa-solid fa-users\"><\/i>\r\n                        About\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=50\">\r\n                        <i class=\"fa-solid fa-images\"><\/i>\r\n                        Our Work\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=78\">\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        Reviews\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=48\">\r\n                        <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n                        Service Areas\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=57\">\r\n                        <i class=\"fa-solid fa-key\"><\/i>\r\n                        Property Managers\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=47\">\r\n                        <i class=\"fa-solid fa-file-signature\"><\/i>\r\n                        Request a Quote\r\n                    <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n\r\n                <h4>\r\n                    Information\r\n                <\/h4>\r\n\r\n\r\n                <div class=\"jp-footer-links\">\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=46\">\r\n                        <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                        Privacy Policy\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=45\">\r\n                        <i class=\"fa-solid fa-file-contract\"><\/i>\r\n                        Website Terms\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=77\">\r\n                        <i class=\"fa-solid fa-cookie-bite\"><\/i>\r\n                        Cookie Policy\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=47\">\r\n                        <i class=\"fa-solid fa-envelope\"><\/i>\r\n                        Contact\r\n                    <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-footer-bottom\">\r\n\r\n\r\n            <div>\r\n\r\n                \u00a9\r\n                <span id=\"jpWorkYear\"><\/span>\r\n\r\n                JP Electrical Brisbane Pty Ltd.\r\n\r\n                &nbsp; \u2022 &nbsp;\r\n\r\n                ABN 91 643 228 022\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-neonsnow\">\r\n\r\n                DESIGNED by\r\n\r\n                <a\r\n                href=\"https:\/\/neonsnow.com.au\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\">\r\n\r\n                    NEON SNOW\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/footer>\r\n\r\n\r\n<!-- =========================================================\r\nLIGHTBOX\r\n========================================================= -->\r\n\r\n<div\r\nclass=\"jp-lightbox\"\r\nid=\"jpWorkLightbox\"\r\naria-hidden=\"true\">\r\n\r\n\r\n    <div class=\"jp-lightbox-inner\">\r\n\r\n\r\n        <button\r\n        type=\"button\"\r\n        class=\"jp-lightbox-close\"\r\n        id=\"jpLightboxClose\"\r\n        aria-label=\"Close image\">\r\n\r\n            <i class=\"fa-solid fa-xmark\"><\/i>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"jp-lightbox-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n            id=\"jpLightboxImage\"\r\n            class=\"jp-lightbox-image\"\r\n            src=\"\"\r\n            alt=\"\">\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-lightbox-info\">\r\n\r\n\r\n            <div>\r\n\r\n                <div\r\n                class=\"jp-lightbox-category\"\r\n                id=\"jpLightboxCategory\">\r\n\r\n                <\/div>\r\n\r\n                <div\r\n                class=\"jp-lightbox-title\"\r\n                id=\"jpLightboxTitle\">\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n            style=\"\r\n            color:#86868f;\r\n            font-size:9px;\r\n            \">\r\n\r\n                Electrical services in action\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\nMOBILE ACTIONS\r\n========================================================= -->\r\n\r\n<div class=\"jp-mobile-actions\">\r\n\r\n\r\n    <a href=\"tel:0499090330\">\r\n\r\n        <i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n        CALL JP ELECTRICAL\r\n\r\n    <\/a>\r\n\r\n\r\n    <a href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=47\">\r\n\r\n        <i class=\"fa-solid fa-file-signature\"><\/i>\r\n\r\n        GET A QUOTE\r\n\r\n    <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\nJAVASCRIPT\r\n========================================================= -->\r\n\r\n<script>\r\n(function(){\r\n\r\n    const root =\r\n        document.getElementById(\r\n            'jp-our-work'\r\n        );\r\n\r\n\r\n    if(\r\n        !root ||\r\n        root.dataset.jpInitialised === 'true'\r\n    ){\r\n        return;\r\n    }\r\n\r\n\r\n    root.dataset.jpInitialised =\r\n        'true';\r\n\r\n\r\n    \/* =====================================================\r\n    HEADER\r\n    ===================================================== *\/\r\n\r\n    const header =\r\n        document.getElementById(\r\n            'jpWorkHeader'\r\n        );\r\n\r\n\r\n    const menu =\r\n        document.getElementById(\r\n            'jpWorkMenu'\r\n        );\r\n\r\n\r\n    function updateHeader(){\r\n\r\n        if(!header){\r\n            return;\r\n        }\r\n\r\n\r\n        if(\r\n            window.scrollY > 70\r\n        ){\r\n\r\n            header.classList.add(\r\n                'jp-fixed'\r\n            );\r\n\r\n        } else {\r\n\r\n            header.classList.remove(\r\n                'jp-fixed'\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    window.addEventListener(\r\n        'scroll',\r\n        updateHeader,\r\n        {\r\n            passive:true\r\n        }\r\n    );\r\n\r\n\r\n    updateHeader();\r\n\r\n\r\n    \/* =====================================================\r\n    MOBILE MENU\r\n    ===================================================== *\/\r\n\r\n    if(\r\n        menu &&\r\n        header\r\n    ){\r\n\r\n        menu.addEventListener(\r\n            'click',\r\n            function(){\r\n\r\n                header.classList.toggle(\r\n                    'jp-open'\r\n                );\r\n\r\n\r\n                const icon =\r\n                    menu.querySelector(\r\n                        'i'\r\n                    );\r\n\r\n\r\n                icon.className =\r\n                    header.classList.contains(\r\n                        'jp-open'\r\n                    )\r\n                    ?\r\n                    'fa-solid fa-xmark'\r\n                    :\r\n                    'fa-solid fa-bars';\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n    MOBILE SERVICES DROPDOWN\r\n    ===================================================== *\/\r\n\r\n    root\r\n    .querySelectorAll(\r\n        '.jp-dropdown-trigger'\r\n    )\r\n    .forEach(\r\n        function(trigger){\r\n\r\n            trigger.addEventListener(\r\n                'click',\r\n                function(event){\r\n\r\n                    if(\r\n                        window.innerWidth <= 1120\r\n                    ){\r\n\r\n                        event.preventDefault();\r\n\r\n\r\n                        const parent =\r\n                            this.closest(\r\n                                '.jp-nav-item'\r\n                            );\r\n\r\n\r\n                        if(parent){\r\n\r\n                            parent.classList.toggle(\r\n                                'jp-dropdown-open'\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n    REVEALS\r\n    ===================================================== *\/\r\n\r\n    const revealItems =\r\n        root.querySelectorAll(\r\n            '.jp-reveal'\r\n        );\r\n\r\n\r\n    if(\r\n        'IntersectionObserver'\r\n        in window\r\n    ){\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n\r\n                function(entries){\r\n\r\n                    entries.forEach(\r\n                        function(entry){\r\n\r\n                            if(\r\n                                entry.isIntersecting\r\n                            ){\r\n\r\n                                entry.target\r\n                                .classList\r\n                                .add(\r\n                                    'jp-visible'\r\n                                );\r\n\r\n\r\n                                observer.unobserve(\r\n                                    entry.target\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n                    threshold:.08\r\n                }\r\n\r\n            );\r\n\r\n\r\n        revealItems.forEach(\r\n            function(item){\r\n\r\n                observer.observe(\r\n                    item\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    } else {\r\n\r\n\r\n        revealItems.forEach(\r\n            function(item){\r\n\r\n                item.classList.add(\r\n                    'jp-visible'\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n    POINTER GLOW\r\n    ===================================================== *\/\r\n\r\n    root\r\n    .querySelectorAll(\r\n        '.jp-gallery-card, .jp-work-type, .jp-review-card'\r\n    )\r\n    .forEach(\r\n        function(card){\r\n\r\n            card.addEventListener(\r\n                'pointermove',\r\n                function(event){\r\n\r\n                    if(\r\n                        event.pointerType === 'touch'\r\n                    ){\r\n                        return;\r\n                    }\r\n\r\n\r\n                    const rect =\r\n                        card.getBoundingClientRect();\r\n\r\n\r\n                    card.style.setProperty(\r\n                        '--mx',\r\n                        (\r\n                            event.clientX -\r\n                            rect.left\r\n                        ) + 'px'\r\n                    );\r\n\r\n\r\n                    card.style.setProperty(\r\n                        '--my',\r\n                        (\r\n                            event.clientY -\r\n                            rect.top\r\n                        ) + 'px'\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n    GALLERY FILTERS\r\n    ===================================================== *\/\r\n\r\n    const gallery =\r\n        document.getElementById(\r\n            'jp-work-gallery'\r\n        );\r\n\r\n\r\n    const galleryCards =\r\n        Array.from(\r\n            root.querySelectorAll(\r\n                '.jp-gallery-card'\r\n            )\r\n        );\r\n\r\n\r\n    const filterButtons =\r\n        root.querySelectorAll(\r\n            '[data-jp-filter]'\r\n        );\r\n\r\n\r\n    const galleryCount =\r\n        document.getElementById(\r\n            'jpGalleryCount'\r\n        );\r\n\r\n\r\n    function filterGallery(filter){\r\n\r\n        let visibleCount =\r\n            0;\r\n\r\n\r\n        galleryCards.forEach(\r\n            function(card){\r\n\r\n                const categories =\r\n                    (\r\n                        card.dataset.category\r\n                        ||\r\n                        ''\r\n                    )\r\n                    .split(' ');\r\n\r\n\r\n                const show =\r\n                    filter === 'all'\r\n                    ||\r\n                    categories.includes(\r\n                        filter\r\n                    );\r\n\r\n\r\n                if(show){\r\n\r\n                    card.classList.remove(\r\n                        'jp-hidden'\r\n                    );\r\n\r\n                    visibleCount++;\r\n\r\n                } else {\r\n\r\n                    card.classList.add(\r\n                        'jp-hidden'\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        filterButtons.forEach(\r\n            function(button){\r\n\r\n                button.classList.toggle(\r\n                    'jp-active',\r\n                    button.dataset.jpFilter === filter\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        if(galleryCount){\r\n\r\n            galleryCount.textContent =\r\n                'Showing '\r\n                +\r\n                visibleCount\r\n                +\r\n                (\r\n                    visibleCount === 1\r\n                    ?\r\n                    ' service example'\r\n                    :\r\n                    ' service examples'\r\n                );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    filterButtons.forEach(\r\n        function(button){\r\n\r\n            button.addEventListener(\r\n                'click',\r\n                function(){\r\n\r\n                    const filter =\r\n                        button.dataset.jpFilter\r\n                        ||\r\n                        'all';\r\n\r\n\r\n                    filterGallery(\r\n                        filter\r\n                    );\r\n\r\n\r\n                    if(\r\n                        button.classList.contains(\r\n                            'jp-category-btn'\r\n                        )\r\n                        &&\r\n                        gallery\r\n                    ){\r\n\r\n                        gallery.scrollIntoView({\r\n                            behavior:'smooth',\r\n                            block:'start'\r\n                        });\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n    LIGHTBOX\r\n    ===================================================== *\/\r\n\r\n    const lightbox =\r\n        document.getElementById(\r\n            'jpWorkLightbox'\r\n        );\r\n\r\n\r\n    const lightboxImage =\r\n        document.getElementById(\r\n            'jpLightboxImage'\r\n        );\r\n\r\n\r\n    const lightboxTitle =\r\n        document.getElementById(\r\n            'jpLightboxTitle'\r\n        );\r\n\r\n\r\n    const lightboxCategory =\r\n        document.getElementById(\r\n            'jpLightboxCategory'\r\n        );\r\n\r\n\r\n    const lightboxClose =\r\n        document.getElementById(\r\n            'jpLightboxClose'\r\n        );\r\n\r\n\r\n    function openLightbox(card){\r\n\r\n        if(\r\n            !lightbox ||\r\n            !card\r\n        ){\r\n            return;\r\n        }\r\n\r\n\r\n        const image =\r\n            card.dataset.image\r\n            ||\r\n            '';\r\n\r\n\r\n        const title =\r\n            card.dataset.title\r\n            ||\r\n            'Electrical services';\r\n\r\n\r\n        const label =\r\n            card.dataset.label\r\n            ||\r\n            'JP Electrical';\r\n\r\n\r\n        if(lightboxImage){\r\n\r\n            lightboxImage.src =\r\n                image;\r\n\r\n            lightboxImage.alt =\r\n                title;\r\n\r\n        }\r\n\r\n\r\n        if(lightboxTitle){\r\n\r\n            lightboxTitle.textContent =\r\n                title;\r\n\r\n        }\r\n\r\n\r\n        if(lightboxCategory){\r\n\r\n            lightboxCategory.textContent =\r\n                label;\r\n\r\n        }\r\n\r\n\r\n        lightbox.classList.add(\r\n            'jp-open'\r\n        );\r\n\r\n\r\n        lightbox.setAttribute(\r\n            'aria-hidden',\r\n            'false'\r\n        );\r\n\r\n\r\n        document.body.style.overflow =\r\n            'hidden';\r\n\r\n    }\r\n\r\n\r\n    function closeLightbox(){\r\n\r\n        if(!lightbox){\r\n            return;\r\n        }\r\n\r\n\r\n        lightbox.classList.remove(\r\n            'jp-open'\r\n        );\r\n\r\n\r\n        lightbox.setAttribute(\r\n            'aria-hidden',\r\n            'true'\r\n        );\r\n\r\n\r\n        document.body.style.overflow =\r\n            '';\r\n\r\n\r\n        if(lightboxImage){\r\n\r\n            window.setTimeout(\r\n                function(){\r\n\r\n                    if(\r\n                        !lightbox.classList.contains(\r\n                            'jp-open'\r\n                        )\r\n                    ){\r\n\r\n                        lightboxImage.src =\r\n                            '';\r\n\r\n                    }\r\n\r\n                },\r\n                300\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    galleryCards.forEach(\r\n        function(card){\r\n\r\n            card.addEventListener(\r\n                'click',\r\n                function(){\r\n\r\n                    openLightbox(\r\n                        card\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    if(lightboxClose){\r\n\r\n        lightboxClose.addEventListener(\r\n            'click',\r\n            closeLightbox\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if(lightbox){\r\n\r\n        lightbox.addEventListener(\r\n            'click',\r\n            function(event){\r\n\r\n                if(\r\n                    event.target === lightbox\r\n                ){\r\n\r\n                    closeLightbox();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    document.addEventListener(\r\n        'keydown',\r\n        function(event){\r\n\r\n            if(\r\n                event.key === 'Escape'\r\n                &&\r\n                lightbox\r\n                &&\r\n                lightbox.classList.contains(\r\n                    'jp-open'\r\n                )\r\n            ){\r\n\r\n                closeLightbox();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n    YEAR\r\n    ===================================================== *\/\r\n\r\n    const year =\r\n        document.getElementById(\r\n            'jpWorkYear'\r\n        );\r\n\r\n\r\n    if(year){\r\n\r\n        year.textContent =\r\n            new Date()\r\n            .getFullYear();\r\n\r\n    }\r\n\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Residential Commercial Air Conditioning Services Power Points &#038; Electrical Outlets Lighting &#038; LED Upgrades Ceiling Fans &#038; Exhaust Fans Switchboard Upgrades &#038; Electrical Safety Fault Finding &#038; Electrical Repairs Ovens, Cooktops &#038; Appliance Connections Emergency Electrical Data, Cabling &#038; Home Automation Test &#038; Tag Property Managers &#038; Landlords Our Work About Contact GET A QUOTE [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=50"}],"version-history":[{"count":4,"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":179,"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions\/179"}],"wp:attachment":[{"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}