{"id":59,"date":"2026-09-17T11:18:58","date_gmt":"2026-09-17T11:18:58","guid":{"rendered":"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=59"},"modified":"2026-09-17T12:46:34","modified_gmt":"2026-09-17T12:46:34","slug":"commercial-electrical","status":"publish","type":"page","link":"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=59","title":{"rendered":"Commercial Electrical"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"59\" class=\"elementor elementor-59\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-730bdec e-con-full e-flex e-con e-parent\" data-id=\"730bdec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4744e3f elementor-widget elementor-widget-html\" data-id=\"4744e3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"jp-commercial\">\r\n\r\n<link\r\nrel=\"stylesheet\"\r\nhref=\"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    border:2px solid #120f16;\r\n    border-radius:100px;\r\n}\r\n\r\n#jp-commercial,\r\n#jp-commercial * {\r\n    box-sizing:border-box;\r\n}\r\n\r\n#jp-commercial {\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#jp-commercial a,\r\n#jp-commercial button,\r\n#jp-commercial .jp-service-card,\r\n#jp-commercial .jp-business-card,\r\n#jp-commercial .jp-problem,\r\n#jp-commercial .jp-step,\r\n#jp-commercial .jp-review,\r\n#jp-commercial .jp-trust-item,\r\n#jp-commercial .jp-related {\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#jp-commercial a {\r\n    color:inherit;\r\n    text-decoration:none;\r\n}\r\n\r\n#jp-commercial img {\r\n    display:block;\r\n    width:100%;\r\n    max-width:100%;\r\n}\r\n\r\n#jp-commercial button {\r\n    font-family:inherit;\r\n}\r\n\r\n.jp-shell {\r\n    width:min(1540px,calc(100% - 64px));\r\n    margin:0 auto;\r\n}\r\n\r\n.jp-section {\r\n    position:relative;\r\n    padding:110px 0;\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    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    text-transform:uppercase;\r\n}\r\n\r\n.jp-eyebrow::before {\r\n    content:\"\";\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.jp-reveal:hover .jp-eyebrow::before {\r\n    width:48px;\r\n}\r\n\r\n.jp-eyebrow i {\r\n    font-size:10px;\r\n}\r\n\r\n.jp-h1 {\r\n    max-width:900px;\r\n    margin:0;\r\n\r\n    font-size:clamp(54px,5.8vw,96px);\r\n    line-height:.94;\r\n    letter-spacing:clamp(-5px,-.3vw,-2px);\r\n    font-weight:800;\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.jp-h2 {\r\n    margin:0;\r\n\r\n    font-size:clamp(38px,4vw,70px);\r\n    line-height:1;\r\n    letter-spacing:-2.8px;\r\n    font-weight:800;\r\n}\r\n\r\n.jp-lead {\r\n    max-width:720px;\r\n    margin:0;\r\n\r\n    color:#c8c8cf;\r\n\r\n    font-size:clamp(16px,1.2vw,19px);\r\n    line-height:1.85;\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    gap:13px;\r\n    margin-top:34px;\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    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.jp-btn::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\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.jp-btn:hover::before {\r\n    left:115%;\r\n}\r\n\r\n.jp-btn i {\r\n    font-size:12px;\r\n    transition:transform .25s ease;\r\n}\r\n\r\n.jp-btn:hover i {\r\n    transform:translateX(3px);\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.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.jp-btn-outline {\r\n    color:#fff !important;\r\n\r\n    border-color:rgba(255,255,255,.24);\r\n\r\n    background:rgba(255,255,255,.04);\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:rgba(142,53,199,.14);\r\n\r\n    box-shadow:\r\n        0 15px 40px rgba(142,53,199,.12);\r\n}\r\n\r\n.jp-btn-dark {\r\n    color:#fff !important;\r\n    background:#08080a;\r\n}\r\n\r\n.jp-btn-dark:hover {\r\n    transform:translateY(-3px);\r\n\r\n    background:var(--purple-dark);\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(142,53,199,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLIGHT ZONES\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            rgba(187,99,234,0) 37%\r\n        ),\r\n        radial-gradient(\r\n            circle at 92% 74%,\r\n            rgba(142,53,199,.04),\r\n            rgba(142,53,199,0) 38%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            #fcfbfd,\r\n            #f9f8fb\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    z-index:0;\r\n\r\n    border-radius:50%;\r\n\r\n    pointer-events:none;\r\n\r\n    filter:blur(88px);\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,.17) 0%,\r\n        rgba(165,63,216,.08) 31%,\r\n        rgba(130,37,179,.025) 52%,\r\n        transparent 74%\r\n    );\r\n\r\n    animation:\r\n        jpBloomOne\r\n        22s\r\n        ease-in-out\r\n        infinite alternate;\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,.15) 0%,\r\n        rgba(128,37,179,.065) 31%,\r\n        rgba(98,25,138,.02) 53%,\r\n        transparent 74%\r\n    );\r\n\r\n    animation:\r\n        jpBloomTwo\r\n        27s\r\n        ease-in-out\r\n        infinite alternate;\r\n}\r\n\r\n@keyframes jpBloomOne {\r\n    0% {\r\n        transform:translate3d(0,0,0) scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform:translate3d(120px,260px,0) scale(1.08);\r\n    }\r\n\r\n    100% {\r\n        transform:translate3d(35px,520px,0) scale(.96);\r\n    }\r\n}\r\n\r\n@keyframes jpBloomTwo {\r\n    0% {\r\n        transform:translate3d(0,0,0) scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform:translate3d(-120px,-300px,0) scale(1.06);\r\n    }\r\n\r\n    100% {\r\n        transform:translate3d(-35px,-550px,0) scale(.95);\r\n    }\r\n}\r\n\r\n.jp-light-zone > .jp-section {\r\n    position:relative;\r\n    z-index:1;\r\n\r\n    color:var(--dark);\r\n    background:transparent;\r\n}\r\n\r\n.jp-light-zone > .jp-section + .jp-section {\r\n    border-top:\r\n        1px solid rgba(90,60,107,.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nJP WATERMARK\r\n========================================================= *\/\r\n\r\n.jp-watermark {\r\n    position:absolute;\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    transition:\r\n        transform 1.2s ease,\r\n        opacity 1.2s ease;\r\n}\r\n\r\n.jp-section:hover .jp-watermark {\r\n    opacity:.038;\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:-155px;\r\n    top:50%;\r\n\r\n    transform:translateY(-50%);\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:-155px;\r\n    top:50%;\r\n\r\n    transform:translateY(-50%);\r\n}\r\n\r\n.jp-section:hover .jp-watermark-left {\r\n    transform:\r\n        translateY(-50%)\r\n        rotate(-3deg)\r\n        scale(1.025);\r\n}\r\n\r\n.jp-section:hover .jp-watermark-right {\r\n    transform:\r\n        translateY(-50%)\r\n        rotate(3deg)\r\n        scale(1.025);\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.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.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.jp-logo {\r\n    width:clamp(220px,15vw,280px);\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.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.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.jp-nav {\r\n    margin-left:auto;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:clamp(18px,1.45vw,29px);\r\n}\r\n\r\n.jp-nav-item {\r\n    position:relative;\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.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.jp-nav-link:hover,\r\n.jp-nav-link.jp-active {\r\n    color:var(--purple-light) !important;\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.jp-dropdown-arrow {\r\n    font-size:8px;\r\n    transition:transform .25s ease;\r\n}\r\n\r\n.jp-nav-item:hover .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.jp-nav-item:hover .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.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.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    transition:transform .2s ease;\r\n}\r\n\r\n.jp-dropdown a:hover {\r\n    color:#fff !important;\r\n\r\n    background:rgba(142,53,199,.15);\r\n\r\n    transform:translateX(4px);\r\n}\r\n\r\n.jp-dropdown a:hover i {\r\n    transform:scale(1.18);\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\nCOMMERCIAL HERO\r\n========================================================= *\/\r\n\r\n.jp-hero {\r\n    position:relative;\r\n\r\n    min-height:860px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    padding:\r\n        98px 0 145px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(3,3,5,.98) 0%,\r\n            rgba(3,3,5,.94) 28%,\r\n            rgba(3,3,5,.76) 48%,\r\n            rgba(3,3,5,.32) 73%,\r\n            rgba(3,3,5,.12) 100%\r\n        ),\r\n        url('https:\/\/images.unsplash.com\/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2400&q=88')\r\n        center\/cover no-repeat;\r\n}\r\n\r\n.jp-hero::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    z-index:1;\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 72% 44%,\r\n            rgba(142,53,199,.11),\r\n            transparent 32%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 50%,\r\n            rgba(0,0,0,.12)\r\n        );\r\n}\r\n\r\n.jp-hero-symbol {\r\n    position:absolute;\r\n    z-index:1;\r\n\r\n    width:650px;\r\n    height:650px;\r\n\r\n    left:-190px;\r\n    bottom:-80px;\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    animation:\r\n        jpHeroMark\r\n        12s\r\n        ease-in-out\r\n        infinite alternate;\r\n}\r\n\r\n@keyframes jpHeroMark {\r\n    from {\r\n        transform:\r\n            rotate(-2deg)\r\n            scale(1);\r\n    }\r\n\r\n    to {\r\n        transform:\r\n            rotate(3deg)\r\n            scale(1.045);\r\n    }\r\n}\r\n\r\n.jp-hero-content {\r\n    position:relative;\r\n    z-index:5;\r\n\r\n    max-width:930px;\r\n\r\n    padding-top:26px;\r\n    padding-bottom:52px;\r\n}\r\n\r\n.jp-hero .jp-lead {\r\n    margin-top:28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nGLASS TRUST STRIP\r\n========================================================= *\/\r\n\r\n.jp-trust-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    width:100%;\r\n\r\n    overflow:hidden;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.17);\r\n\r\n    border-bottom:\r\n        1px solid rgba(255,255,255,.035);\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    box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,.06),\r\n        0 -15px 45px rgba(0,0,0,.07);\r\n}\r\n\r\n.jp-trust-strip::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    z-index:0;\r\n\r\n    width:540px;\r\n    height:240px;\r\n\r\n    right:8%;\r\n    top:-120px;\r\n\r\n    pointer-events:none;\r\n\r\n    background:radial-gradient(\r\n        circle,\r\n        rgba(187,99,234,.14),\r\n        rgba(142,53,199,.04) 45%,\r\n        transparent 70%\r\n    );\r\n\r\n    filter:blur(35px);\r\n}\r\n\r\n.jp-trust-inner {\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,1fr);\r\n\r\n    min-height:108px;\r\n}\r\n\r\n.jp-trust-item {\r\n    position:relative;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:15px;\r\n\r\n    padding:24px 28px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        rgba(255,255,255,.012);\r\n\r\n    border-right:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        backdrop-filter .3s ease;\r\n}\r\n\r\n.jp-trust-item:last-child {\r\n    border-right:0;\r\n}\r\n\r\n.jp-trust-item::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:120px;\r\n    height:160%;\r\n\r\n    top:-30%;\r\n    left:-150px;\r\n\r\n    transform:rotate(18deg);\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(187,99,234,.13),\r\n        transparent\r\n    );\r\n\r\n    transition:left .55s ease;\r\n}\r\n\r\n.jp-trust-item:hover::before {\r\n    left:115%;\r\n}\r\n\r\n.jp-trust-item:hover {\r\n    background:\r\n        rgba(142,53,199,.075);\r\n\r\n    backdrop-filter:blur(20px);\r\n}\r\n\r\n.jp-trust-icon,\r\n.jp-trust-copy {\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.jp-trust-icon {\r\n    width:44px;\r\n    height:44px;\r\n\r\n    flex:0 0 auto;\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(184,86,227,.39);\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,.12);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        color .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.jp-trust-item:hover .jp-trust-icon {\r\n    transform:\r\n        translateY(-4px)\r\n        rotate(-3deg);\r\n\r\n    color:#fff;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        rgba(187,99,234,.92),\r\n        rgba(90,20,137,.92)\r\n    );\r\n\r\n    box-shadow:\r\n        0 10px 25px rgba(142,53,199,.25);\r\n}\r\n\r\n.jp-trust-copy strong {\r\n    display:block;\r\n    margin-bottom:2px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:12px;\r\n    font-weight:800;\r\n}\r\n\r\n.jp-trust-copy span {\r\n    color:\r\n        rgba(235,235,240,.65);\r\n\r\n    font-size:9px;\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    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.jp-section-heading .jp-lead {\r\n    justify-self:end;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nINTRO POINTS\r\n========================================================= *\/\r\n\r\n.jp-intro-grid {\r\n    position:relative;\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.jp-intro-point {\r\n    position:relative;\r\n\r\n    padding:28px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-top:\r\n        1px solid rgba(52,44,58,.13);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n.jp-intro-point::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:-1px;\r\n\r\n    width:0;\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.jp-intro-point:hover {\r\n    transform:translateY(-5px);\r\n\r\n    background:\r\n        rgba(255,255,255,.36);\r\n}\r\n\r\n.jp-intro-point:hover::after {\r\n    width:100%;\r\n}\r\n\r\n.jp-intro-point > i {\r\n    margin-bottom:17px;\r\n\r\n    color:var(--purple);\r\n\r\n    font-size:21px;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n.jp-intro-point:hover > i {\r\n    transform:\r\n        translateY(-4px)\r\n        scale(1.12);\r\n\r\n    color:var(--purple-light);\r\n}\r\n\r\n.jp-intro-point strong {\r\n    display:block;\r\n    margin-bottom:8px;\r\n\r\n    font-size:15px;\r\n}\r\n\r\n.jp-intro-point p {\r\n    margin:0;\r\n\r\n    color:#707079;\r\n\r\n    font-size:11px;\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSERVICE CARDS\r\n========================================================= *\/\r\n\r\n.jp-service-grid {\r\n    position:relative;\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:15px;\r\n\r\n    margin-top:58px;\r\n}\r\n\r\n.jp-service-card {\r\n    --mx:50%;\r\n    --my:50%;\r\n    --rx:0deg;\r\n    --ry:0deg;\r\n\r\n    position:relative;\r\n\r\n    min-height:285px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    padding:30px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid rgba(209,206,216,.70);\r\n\r\n    border-radius:13px;\r\n\r\n    background:\r\n        rgba(255,255,255,.80);\r\n\r\n    backdrop-filter:blur(10px);\r\n\r\n    transform:\r\n        perspective(900px)\r\n        rotateX(var(--rx))\r\n        rotateY(var(--ry));\r\n\r\n    transform-style:preserve-3d;\r\n\r\n    transition:\r\n        transform .18s ease,\r\n        border-color .3s ease,\r\n        box-shadow .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n.jp-service-card::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    z-index:0;\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            280px circle\r\n            at var(--mx) var(--my),\r\n            rgba(187,99,234,.16),\r\n            rgba(187,99,234,.06) 35%,\r\n            transparent 68%\r\n        );\r\n\r\n    transition:opacity .3s ease;\r\n}\r\n\r\n.jp-service-card:hover {\r\n    border-color:\r\n        rgba(142,53,199,.32);\r\n\r\n    box-shadow:\r\n        0 24px 60px rgba(75,42,92,.11);\r\n\r\n    background:\r\n        rgba(255,255,255,.94);\r\n}\r\n\r\n.jp-service-card:hover::before {\r\n    opacity:1;\r\n}\r\n\r\n.jp-service-icon,\r\n.jp-service-card h3,\r\n.jp-service-card p,\r\n.jp-service-link {\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    transform:translateZ(10px);\r\n}\r\n\r\n.jp-service-icon {\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-radius:10px;\r\n\r\n    color:var(--purple);\r\n\r\n    background:\r\n        rgba(142,53,199,.08);\r\n\r\n    font-size:17px;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        color .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.jp-service-card:hover .jp-service-icon {\r\n    transform:\r\n        translateY(-4px)\r\n        rotate(-4deg)\r\n        scale(1.08);\r\n\r\n    color:#fff;\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 13px 28px rgba(142,53,199,.25);\r\n}\r\n\r\n.jp-service-card h3 {\r\n    margin:27px 0 9px;\r\n    font-size:18px;\r\n\r\n    transition:color .25s ease;\r\n}\r\n\r\n.jp-service-card:hover h3 {\r\n    color:var(--purple-dark);\r\n}\r\n\r\n.jp-service-card p {\r\n    margin:0;\r\n\r\n    color:#686871;\r\n\r\n    font-size:11px;\r\n    line-height:1.75;\r\n}\r\n\r\n.jp-service-link {\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-top:auto;\r\n    padding-top:22px;\r\n\r\n    color:var(--purple-dark) !important;\r\n\r\n    font-size:9px;\r\n    font-weight:800;\r\n    letter-spacing:.6px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.jp-service-link i {\r\n    transition:transform .25s ease;\r\n}\r\n\r\n.jp-service-card:hover .jp-service-link i {\r\n    transform:translateX(6px);\r\n}\r\n\r\n.jp-service-watermark {\r\n    position:absolute;\r\n    z-index:1;\r\n\r\n    right:-8px;\r\n    bottom:-15px;\r\n\r\n    color:var(--purple);\r\n\r\n    opacity:.042;\r\n\r\n    font-size:115px;\r\n\r\n    transform:rotate(-10deg);\r\n\r\n    pointer-events:none;\r\n\r\n    transition:\r\n        opacity .4s ease,\r\n        transform .5s ease;\r\n}\r\n\r\n.jp-service-card:hover .jp-service-watermark {\r\n    opacity:.075;\r\n\r\n    transform:\r\n        rotate(-4deg)\r\n        scale(1.08)\r\n        translate(-6px,-7px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFEATURE SPLIT\r\n========================================================= *\/\r\n\r\n.jp-feature {\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    min-height:660px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:18px;\r\n\r\n    background:\r\n        rgba(255,255,255,.90);\r\n\r\n    box-shadow:\r\n        0 25px 70px rgba(54,31,65,.08);\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n.jp-feature:hover {\r\n    transform:translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 35px 90px rgba(69,34,87,.12);\r\n}\r\n\r\n.jp-feature-image {\r\n    min-height:660px;\r\n    overflow:hidden;\r\n}\r\n\r\n.jp-feature-image img {\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform 1s cubic-bezier(.2,.7,.2,1),\r\n        filter .5s ease;\r\n}\r\n\r\n.jp-feature:hover .jp-feature-image img {\r\n    transform:scale(1.045);\r\n\r\n    filter:\r\n        saturate(1.06)\r\n        contrast(1.02);\r\n}\r\n\r\n.jp-feature-content {\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    padding:clamp(45px,5vw,80px);\r\n}\r\n\r\n.jp-feature-copy {\r\n    max-width:620px;\r\n}\r\n\r\n.jp-benefit-grid {\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap:23px;\r\n\r\n    margin-top:38px;\r\n}\r\n\r\n.jp-benefit {\r\n    position:relative;\r\n\r\n    padding-top:17px;\r\n\r\n    border-top:\r\n        1px solid rgba(20,20,25,.10);\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n.jp-benefit::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:-1px;\r\n\r\n    width:0;\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.jp-benefit:hover {\r\n    transform:translateY(-5px);\r\n}\r\n\r\n.jp-benefit:hover::before {\r\n    width:100%;\r\n}\r\n\r\n.jp-benefit-icon {\r\n    width:38px;\r\n    height:38px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:11px;\r\n\r\n    border-radius:8px;\r\n\r\n    color:var(--purple);\r\n\r\n    background:\r\n        rgba(142,53,199,.08);\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.jp-benefit:hover .jp-benefit-icon {\r\n    transform:\r\n        rotate(-5deg)\r\n        scale(1.08);\r\n\r\n    color:#fff;\r\n    background:var(--purple);\r\n}\r\n\r\n.jp-benefit strong {\r\n    display:block;\r\n    margin-bottom:5px;\r\n    font-size:13px;\r\n}\r\n\r\n.jp-benefit span {\r\n    color:#71717a;\r\n    font-size:10px;\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nBUSINESS TYPE CARDS\r\n========================================================= *\/\r\n\r\n.jp-business-grid {\r\n    position:relative;\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.jp-business-card {\r\n    --mx:50%;\r\n    --my:50%;\r\n\r\n    position:relative;\r\n\r\n    min-height:230px;\r\n\r\n    padding:30px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid rgba(210,206,218,.72);\r\n\r\n    border-radius:13px;\r\n\r\n    background:\r\n        rgba(255,255,255,.79);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        border-color .3s ease,\r\n        box-shadow .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n.jp-business-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            250px circle\r\n            at var(--mx) var(--my),\r\n            rgba(187,99,234,.14),\r\n            transparent 66%\r\n        );\r\n\r\n    transition:opacity .3s ease;\r\n}\r\n\r\n.jp-business-card:hover {\r\n    transform:translateY(-7px);\r\n\r\n    border-color:\r\n        rgba(142,53,199,.27);\r\n\r\n    background:\r\n        rgba(255,255,255,.93);\r\n\r\n    box-shadow:\r\n        0 22px 50px rgba(69,37,83,.09);\r\n}\r\n\r\n.jp-business-card:hover::before {\r\n    opacity:1;\r\n}\r\n\r\n.jp-business-card > i {\r\n    position:relative;\r\n    z-index:2;\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    margin-bottom:28px;\r\n\r\n    border-radius:10px;\r\n\r\n    color:var(--purple);\r\n\r\n    background:\r\n        rgba(142,53,199,.08);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        color .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n.jp-business-card:hover > i {\r\n    transform:\r\n        translateY(-4px)\r\n        rotate(-5deg);\r\n\r\n    color:#fff;\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\r\n.jp-business-card h3,\r\n.jp-business-card p {\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.jp-business-card h3 {\r\n    margin:0 0 8px;\r\n    font-size:18px;\r\n}\r\n\r\n.jp-business-card p {\r\n    margin:0;\r\n\r\n    color:#6c6c75;\r\n\r\n    font-size:11px;\r\n    line-height:1.7;\r\n}\r\n\r\n.jp-business-watermark {\r\n    position:absolute;\r\n\r\n    right:-10px;\r\n    bottom:-18px;\r\n\r\n    color:var(--purple);\r\n\r\n    opacity:.033;\r\n\r\n    font-size:120px;\r\n\r\n    transition:\r\n        opacity .4s ease,\r\n        transform .5s ease;\r\n}\r\n\r\n.jp-business-card:hover .jp-business-watermark {\r\n    opacity:.07;\r\n\r\n    transform:\r\n        rotate(-6deg)\r\n        scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nDARK MAINTENANCE \/ FAULT SECTION\r\n========================================================= *\/\r\n\r\n.jp-maintenance {\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 80% 50%,\r\n            rgba(130,38,186,.20),\r\n            transparent 34%\r\n        ),\r\n        #070709;\r\n}\r\n\r\n.jp-maintenance-grid {\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .82fr 1.18fr;\r\n\r\n    gap:80px;\r\n}\r\n\r\n.jp-problem-grid {\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap:12px;\r\n}\r\n\r\n.jp-problem {\r\n    --mx:50%;\r\n    --my:50%;\r\n\r\n    position:relative;\r\n\r\n    min-height:155px;\r\n\r\n    padding:23px;\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:11px;\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        box-shadow .3s ease;\r\n}\r\n\r\n.jp-problem::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            230px 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.jp-problem:hover {\r\n    transform:translateY(-5px);\r\n\r\n    border-color:\r\n        rgba(187,99,234,.28);\r\n\r\n    background:\r\n        rgba(142,53,199,.065);\r\n\r\n    box-shadow:\r\n        0 17px 40px rgba(0,0,0,.20);\r\n}\r\n\r\n.jp-problem:hover::before {\r\n    opacity:1;\r\n}\r\n\r\n.jp-problem i,\r\n.jp-problem strong,\r\n.jp-problem span {\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.jp-problem i {\r\n    margin-bottom:18px;\r\n\r\n    color:var(--purple-light);\r\n\r\n    font-size:17px;\r\n\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.jp-problem:hover i {\r\n    transform:\r\n        scale(1.15)\r\n        rotate(-4deg);\r\n}\r\n\r\n.jp-problem strong {\r\n    display:block;\r\n    color:#fff;\r\n    font-size:12px;\r\n}\r\n\r\n.jp-problem span {\r\n    display:block;\r\n    margin-top:5px;\r\n\r\n    color:#92929a;\r\n\r\n    font-size:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nDUAL CAPABILITY CARDS\r\n========================================================= *\/\r\n\r\n.jp-capability-grid {\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap:18px;\r\n\r\n    margin-top:58px;\r\n}\r\n\r\n.jp-capability {\r\n    position:relative;\r\n\r\n    min-height:520px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:17px;\r\n\r\n    background:#fff;\r\n\r\n    box-shadow:\r\n        0 25px 70px rgba(54,31,65,.08);\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n.jp-capability:hover {\r\n    transform:translateY(-6px);\r\n\r\n    box-shadow:\r\n        0 35px 90px rgba(69,34,87,.13);\r\n}\r\n\r\n.jp-capability-image {\r\n    height:280px;\r\n    overflow:hidden;\r\n}\r\n\r\n.jp-capability-image img {\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.jp-capability:hover .jp-capability-image img {\r\n    transform:scale(1.055);\r\n    filter:saturate(1.06);\r\n}\r\n\r\n.jp-capability-copy {\r\n    position:relative;\r\n\r\n    padding:34px;\r\n\r\n    color:var(--dark);\r\n}\r\n\r\n.jp-capability-icon {\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    margin-bottom:19px;\r\n\r\n    border-radius:10px;\r\n\r\n    color:#fff;\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    transition:transform .3s ease;\r\n}\r\n\r\n.jp-capability:hover .jp-capability-icon {\r\n    transform:\r\n        translateY(-4px)\r\n        rotate(-4deg);\r\n}\r\n\r\n.jp-capability h3 {\r\n    margin:0 0 10px;\r\n\r\n    font-size:25px;\r\n    line-height:1.1;\r\n}\r\n\r\n.jp-capability p {\r\n    margin:0;\r\n\r\n    color:#686871;\r\n\r\n    font-size:12px;\r\n    line-height:1.75;\r\n}\r\n\r\n.jp-text-link {\r\n    display:inline-flex;\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-top:22px;\r\n\r\n    color:var(--purple-dark) !important;\r\n\r\n    font-size:9px;\r\n    font-weight:800;\r\n    letter-spacing:.6px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.jp-text-link i {\r\n    transition:transform .25s ease;\r\n}\r\n\r\n.jp-capability:hover .jp-text-link i {\r\n    transform:translateX(6px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nPROCESS\r\n========================================================= *\/\r\n\r\n.jp-process {\r\n    background:#0a0a0d;\r\n}\r\n\r\n.jp-process-grid {\r\n    position:relative;\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    margin-top:58px;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.10);\r\n}\r\n\r\n.jp-step {\r\n    position:relative;\r\n\r\n    min-height:260px;\r\n\r\n    padding:35px 30px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-right:\r\n        1px solid rgba(255,255,255,.08);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.jp-step:last-child {\r\n    border-right:0;\r\n}\r\n\r\n.jp-step::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:0;\r\n\r\n    width:100%;\r\n    height:3px;\r\n\r\n    transform:scaleX(0);\r\n    transform-origin:left;\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:transform .35s ease;\r\n}\r\n\r\n.jp-step:hover {\r\n    transform:translateY(-5px);\r\n\r\n    background:\r\n        rgba(142,53,199,.055);\r\n}\r\n\r\n.jp-step:hover::before {\r\n    transform:scaleX(1);\r\n}\r\n\r\n.jp-step-number {\r\n    display:block;\r\n\r\n    margin-bottom:30px;\r\n\r\n    color:var(--purple-light);\r\n\r\n    font-size:10px;\r\n    font-weight:800;\r\n}\r\n\r\n.jp-step-icon {\r\n    width:45px;\r\n    height:45px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:23px;\r\n\r\n    border-radius:9px;\r\n\r\n    color:var(--purple-light);\r\n\r\n    background:\r\n        rgba(142,53,199,.10);\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.jp-step:hover .jp-step-icon {\r\n    transform:\r\n        translateY(-4px)\r\n        rotate(-4deg);\r\n\r\n    color:#fff;\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\r\n.jp-step h3 {\r\n    margin:0 0 8px;\r\n    font-size:16px;\r\n}\r\n\r\n.jp-step p {\r\n    margin:0;\r\n\r\n    color:#909098;\r\n\r\n    font-size:10px;\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nREVIEWS\r\n========================================================= *\/\r\n\r\n.jp-reviews {\r\n    background:#070709;\r\n}\r\n\r\n.jp-review-grid {\r\n    position:relative;\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:16px;\r\n\r\n    margin-top:58px;\r\n}\r\n\r\n.jp-review {\r\n    --mx:50%;\r\n    --my:50%;\r\n\r\n    position:relative;\r\n\r\n    padding:34px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.09);\r\n\r\n    border-radius:12px;\r\n\r\n    background:#111115;\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.jp-review::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            300px circle\r\n            at var(--mx) var(--my),\r\n            rgba(142,53,199,.17),\r\n            transparent 68%\r\n        );\r\n\r\n    transition:opacity .3s ease;\r\n}\r\n\r\n.jp-review:hover {\r\n    transform:translateY(-7px);\r\n\r\n    border-color:\r\n        rgba(187,99,234,.23);\r\n\r\n    box-shadow:\r\n        0 20px 50px rgba(0,0,0,.25);\r\n}\r\n\r\n.jp-review:hover::before {\r\n    opacity:1;\r\n}\r\n\r\n.jp-review-stars,\r\n.jp-review blockquote,\r\n.jp-review-meta {\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.jp-review-stars {\r\n    margin-bottom:18px;\r\n\r\n    color:#f6c948;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n.jp-review blockquote {\r\n    margin:0;\r\n\r\n    color:#dddde3;\r\n\r\n    font-size:13px;\r\n    line-height:1.85;\r\n}\r\n\r\n.jp-review-meta {\r\n    margin-top:24px;\r\n\r\n    color:#85858e;\r\n\r\n    font-size:10px;\r\n}\r\n\r\n.jp-review-meta strong {\r\n    display:block;\r\n\r\n    margin-bottom:3px;\r\n\r\n    color:#fff;\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    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:15px;\r\n\r\n    margin-top:58px;\r\n}\r\n\r\n.jp-related {\r\n    position:relative;\r\n\r\n    min-height:340px;\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.jp-related 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.jp-related::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\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,.55),\r\n            transparent 48%\r\n        );\r\n\r\n    transition:opacity .4s ease;\r\n}\r\n\r\n.jp-related::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    z-index:2;\r\n\r\n    inset:0;\r\n\r\n    background:linear-gradient(\r\n        transparent 25%,\r\n        rgba(0,0,0,.87) 100%\r\n    );\r\n}\r\n\r\n.jp-related:hover img {\r\n    transform:scale(1.075);\r\n    filter:saturate(1.1);\r\n}\r\n\r\n.jp-related:hover::before {\r\n    opacity:.55;\r\n}\r\n\r\n.jp-related-content {\r\n    position:absolute;\r\n    z-index:4;\r\n\r\n    left:24px;\r\n    right:24px;\r\n    bottom:23px;\r\n\r\n    color:#fff;\r\n\r\n    transition:transform .35s ease;\r\n}\r\n\r\n.jp-related:hover .jp-related-content {\r\n    transform:translateY(-8px);\r\n}\r\n\r\n.jp-related-content > i {\r\n    margin-bottom:10px;\r\n\r\n    color:#e6baf4;\r\n\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.jp-related:hover .jp-related-content > i {\r\n    transform:\r\n        scale(1.2)\r\n        rotate(-5deg);\r\n}\r\n\r\n.jp-related-content h3 {\r\n    margin:0 0 7px;\r\n    font-size:17px;\r\n}\r\n\r\n.jp-related-content span {\r\n    display:inline-flex;\r\n\r\n    font-size:9px;\r\n    font-weight:800;\r\n\r\n    transition:letter-spacing .3s ease;\r\n}\r\n\r\n.jp-related:hover .jp-related-content span {\r\n    letter-spacing:.7px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nQUOTE CTA\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.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    transition:transform 1.3s ease;\r\n}\r\n\r\n.jp-quote:hover::before {\r\n    transform:\r\n        rotate(5deg)\r\n        scale(1.08);\r\n}\r\n\r\n.jp-quote-grid {\r\n    position:relative;\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.jp-quote h2 {\r\n    max-width:800px;\r\n\r\n    margin:0;\r\n\r\n    font-size:clamp(42px,5vw,75px);\r\n    line-height:.97;\r\n    letter-spacing:-3px;\r\n}\r\n\r\n.jp-quote p {\r\n    margin:18px 0 0;\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:90px 0 35px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#030304;\r\n}\r\n\r\n.jp-footer-grid {\r\n    position:relative;\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.jp-footer-logo {\r\n    width:290px;\r\n    margin-bottom:23px;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        filter .3s ease;\r\n}\r\n\r\n.jp-footer-logo:hover {\r\n    transform:scale(1.02);\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 0 15px rgba(187,99,234,.18)\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.jp-footer-contact {\r\n    display:grid;\r\n    gap:9px;\r\n    margin-top:20px;\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.jp-footer-contact a:hover {\r\n    color:var(--purple-light) !important;\r\n    transform:translateX(4px);\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.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.jp-footer-links {\r\n    display:grid;\r\n    gap:10px;\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.jp-footer-links a:hover {\r\n    color:var(--purple-light);\r\n    transform:translateX(5px);\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.jp-footer-bottom {\r\n    position:relative;\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.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.jp-neonsnow a:hover {\r\n    color:var(--purple-light) !important;\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.jp-reveal.jp-visible {\r\n    opacity:1;\r\n    transform:none;\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:calc(100% - 44px);\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    .jp-menu-toggle {\r\n        display:block;\r\n    }\r\n\r\n    .jp-header.jp-open .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:18px 24px 25px;\r\n\r\n        background:#08080a;\r\n    }\r\n\r\n    .jp-header.jp-open .jp-nav-item {\r\n        width:100%;\r\n    }\r\n\r\n    .jp-header.jp-open .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    .jp-nav-link::after {\r\n        display:none;\r\n    }\r\n\r\n    .jp-header.jp-open .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    .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    .jp-section-heading,\r\n    .jp-maintenance-grid {\r\n        grid-template-columns:1fr;\r\n\r\n        gap:45px;\r\n    }\r\n\r\n    .jp-section-heading .jp-lead {\r\n        justify-self:start;\r\n    }\r\n\r\n    .jp-service-grid {\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .jp-feature {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .jp-feature-image {\r\n        min-height:500px;\r\n    }\r\n\r\n    .jp-business-grid {\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .jp-capability-grid {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .jp-process-grid {\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .jp-review-grid {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .jp-related-grid {\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .jp-footer-grid {\r\n        grid-template-columns: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:calc(100% - 36px);\r\n    }\r\n\r\n    .jp-section {\r\n        padding:75px 0;\r\n    }\r\n\r\n    .jp-header-inner {\r\n        min-height:82px;\r\n    }\r\n\r\n    .jp-header.jp-open .jp-nav {\r\n        top:82px;\r\n    }\r\n\r\n    .jp-logo {\r\n        width:205px;\r\n    }\r\n\r\n    .jp-h1 {\r\n        font-size:clamp(46px,13vw,66px);\r\n        letter-spacing:-2.2px;\r\n    }\r\n\r\n    .jp-h2 {\r\n        font-size:clamp(35px,10.5vw,50px);\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .jp-lead {\r\n        font-size:14px;\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        background-position:62% center;\r\n    }\r\n\r\n    .jp-hero::after {\r\n        content:\"\";\r\n\r\n        position:absolute;\r\n        z-index:2;\r\n\r\n        inset:0;\r\n\r\n        pointer-events:none;\r\n\r\n        background:linear-gradient(\r\n            180deg,\r\n            rgba(3,3,4,.45),\r\n            rgba(3,3,4,.82) 58%,\r\n            rgba(3,3,4,.97)\r\n        );\r\n    }\r\n\r\n    .jp-hero-symbol {\r\n        display:none;\r\n    }\r\n\r\n    .jp-hero-content {\r\n        padding-top:150px;\r\n        padding-bottom:105px;\r\n    }\r\n\r\n    .jp-buttons {\r\n        flex-direction:column;\r\n    }\r\n\r\n    .jp-btn {\r\n        width:100%;\r\n    }\r\n\r\n    .jp-trust-strip {\r\n        position:relative;\r\n\r\n        background:linear-gradient(\r\n            135deg,\r\n            rgba(5,5,7,.38),\r\n            rgba(27,10,34,.34)\r\n        );\r\n    }\r\n\r\n    .jp-trust-inner {\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .jp-trust-item {\r\n        min-height:105px;\r\n\r\n        padding:15px 13px;\r\n\r\n        gap:9px;\r\n\r\n        border-bottom:\r\n            1px solid rgba(255,255,255,.08);\r\n    }\r\n\r\n    .jp-trust-icon {\r\n        width:36px;\r\n        height:36px;\r\n        font-size:13px;\r\n    }\r\n\r\n    .jp-trust-copy strong {\r\n        font-size:9px;\r\n    }\r\n\r\n    .jp-trust-copy span {\r\n        font-size:7.5px;\r\n    }\r\n\r\n    .jp-intro-grid,\r\n    .jp-service-grid,\r\n    .jp-benefit-grid,\r\n    .jp-business-grid,\r\n    .jp-problem-grid,\r\n    .jp-process-grid,\r\n    .jp-related-grid {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .jp-feature-image {\r\n        min-height:420px;\r\n    }\r\n\r\n    .jp-feature-content {\r\n        padding:50px 23px;\r\n    }\r\n\r\n    .jp-capability-image {\r\n        height:240px;\r\n    }\r\n\r\n    .jp-step {\r\n        min-height:220px;\r\n\r\n        border-right:0;\r\n\r\n        border-bottom:\r\n            1px solid rgba(255,255,255,.08);\r\n    }\r\n\r\n    .jp-quote-grid {\r\n        display:block;\r\n    }\r\n\r\n    .jp-quote-grid .jp-buttons {\r\n        margin-top:35px !important;\r\n    }\r\n\r\n    .jp-footer-grid {\r\n        grid-template-columns:1fr;\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    .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: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    .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: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    .jp-mobile-actions a:last-child {\r\n        background: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-commercial,\r\n    #jp-commercial * {\r\n        cursor:auto;\r\n    }\r\n\r\n    .jp-service-card {\r\n        transform:none !important;\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-commercial *,\r\n    #jp-commercial *::before,\r\n    #jp-commercial *::after {\r\n        animation-duration:.01ms !important;\r\n        transition-duration:.01ms !important;\r\n    }\r\n\r\n    .jp-service-card {\r\n        transform:none !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 class=\"jp-header\" id=\"jpCommercialHeader\">\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 jp-active\">\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                    <a\r\n                    href=\"#commercial-services\"\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                        <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                        <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                        <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                        <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                        <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                        <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                        <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                        <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                        <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\">\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=\"jpCommercialMenu\"\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    <div class=\"jp-hero-symbol\"><\/div>\r\n\r\n\r\n    <div class=\"jp-shell\">\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-building\"><\/i>\r\n\r\n                Commercial Electrical\r\n\r\n            <\/div>\r\n\r\n\r\n            <h1 class=\"jp-h1\">\r\n\r\n                Electrical support\r\n                that keeps business moving.\r\n\r\n                <br>\r\n\r\n                <span>\r\n                    Done properly.\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <p class=\"jp-lead\">\r\n\r\n                Practical commercial electrical support for workplaces,\r\n                workshops, offices and business properties across South East\r\n                Queensland, from everyday repairs and upgrades through to\r\n                lighting, power, data and electrical fault finding.\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=\"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-building\"><\/i>\r\n\r\n                    COMMERCIAL ENQUIRY\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    <\/div>\r\n\r\n\r\n    <!-- GLASS TRUST STRIP -->\r\n\r\n    <div class=\"jp-trust-strip\">\r\n\r\n        <div class=\"jp-shell\">\r\n\r\n            <div class=\"jp-trust-inner\">\r\n\r\n\r\n                <div class=\"jp-trust-item\">\r\n\r\n                    <div class=\"jp-trust-icon\">\r\n                        <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"jp-trust-copy\">\r\n\r\n                        <strong>\r\n                            Practical Support\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Electrical help for real business needs\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-trust-item\">\r\n\r\n                    <div class=\"jp-trust-icon\">\r\n                        <i class=\"fa-solid fa-comments\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"jp-trust-copy\">\r\n\r\n                        <strong>\r\n                            Clear Communication\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Know what needs doing\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-trust-item\">\r\n\r\n                    <div class=\"jp-trust-icon\">\r\n                        <i class=\"fa-solid fa-award\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"jp-trust-copy\">\r\n\r\n                        <strong>\r\n                            Quality Workmanship\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Care in the details and finish\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-trust-item\">\r\n\r\n                    <div class=\"jp-trust-icon\">\r\n                        <i class=\"fa-solid fa-briefcase\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"jp-trust-copy\">\r\n\r\n                        <strong>\r\n                            Business Focused\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Keep disruption practical and manageable\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\nLIGHT ZONE ONE\r\n========================================================= -->\r\n\r\n<div class=\"jp-light-zone\">\r\n\r\n\r\n<!-- INTRO -->\r\n\r\n<section class=\"jp-section\">\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                <div class=\"jp-eyebrow\">\r\n\r\n                    <i class=\"fa-solid fa-briefcase\"><\/i>\r\n\r\n                    Commercial support\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"jp-h2\">\r\n\r\n                    Electrical help\r\n                    without the runaround.\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-reveal\">\r\n\r\n                <p class=\"jp-lead jp-dark-copy\">\r\n\r\n                    From small electrical jobs and fault finding through\r\n                    to lighting upgrades, switchboards, power, data and\r\n                    workplace electrical requirements, JP Electrical\r\n                    Brisbane keeps the process straightforward.\r\n\r\n                <\/p>\r\n\r\n                <p\r\n                class=\"jp-lead jp-dark-copy\"\r\n                style=\"margin-top:18px;\">\r\n\r\n                    Tell us what is happening, what your site needs and\r\n                    how the business operates. We can then work through\r\n                    the practical electrical side of the job.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-intro-grid\">\r\n\r\n\r\n            <div class=\"jp-intro-point jp-reveal\">\r\n\r\n                <i class=\"fa-solid fa-wrench\"><\/i>\r\n\r\n                <strong>\r\n                    Repairs & faults\r\n                <\/strong>\r\n\r\n                <p>\r\n                    Diagnose electrical issues and get the next step clear.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-intro-point jp-reveal\">\r\n\r\n                <i class=\"fa-solid fa-arrow-trend-up\"><\/i>\r\n\r\n                <strong>\r\n                    Upgrades & improvements\r\n                <\/strong>\r\n\r\n                <p>\r\n                    Power, lighting, data and electrical improvements as the site changes.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-intro-point jp-reveal\">\r\n\r\n                <i class=\"fa-solid fa-building-circle-check\"><\/i>\r\n\r\n                <strong>\r\n                    Ongoing business support\r\n                <\/strong>\r\n\r\n                <p>\r\n                    A local electrical contact for the next job as well as this one.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- COMMERCIAL SERVICES -->\r\n\r\n<section\r\nclass=\"jp-section\"\r\nid=\"commercial-services\">\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                <div class=\"jp-eyebrow\">\r\n\r\n                    <i class=\"fa-solid fa-toolbox\"><\/i>\r\n\r\n                    Commercial services\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"jp-h2\">\r\n\r\n                    What can we\r\n                    help with?\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"jp-lead jp-dark-copy jp-reveal\">\r\n\r\n                Commercial power, lighting, electrical repairs, data,\r\n                equipment testing and practical electrical improvements\r\n                for business properties.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-service-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-service-card jp-reveal jp-tilt-card\">\r\n\r\n                <div class=\"jp-service-watermark\">\r\n                    <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"jp-service-icon\">\r\n                    <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Commercial Lighting\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Workplace lighting, LED upgrades and practical lighting improvements.\r\n                <\/p>\r\n\r\n                <span class=\"jp-service-link\">\r\n                    VIEW SERVICE\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=56\"\r\n            class=\"jp-service-card jp-reveal jp-tilt-card\">\r\n\r\n                <div class=\"jp-service-watermark\">\r\n                    <i class=\"fa-solid fa-plug\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"jp-service-icon\">\r\n                    <i class=\"fa-solid fa-plug\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Power & Outlets\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Additional outlets, replacement points and commercial power requirements.\r\n                <\/p>\r\n\r\n                <span class=\"jp-service-link\">\r\n                    VIEW SERVICE\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/span>\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-service-card jp-reveal jp-tilt-card\">\r\n\r\n                <div class=\"jp-service-watermark\">\r\n                    <i class=\"fa-solid fa-bolt\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"jp-service-icon\">\r\n                    <i class=\"fa-solid fa-bolt\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Switchboards & Safety\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Electrical distribution, switchboard upgrades and safety improvements.\r\n                <\/p>\r\n\r\n                <span class=\"jp-service-link\">\r\n                    VIEW SERVICE\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/span>\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-service-card jp-reveal jp-tilt-card\">\r\n\r\n                <div class=\"jp-service-watermark\">\r\n                    <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"jp-service-icon\">\r\n                    <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Fault Finding & Repairs\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Investigate electrical problems, explain the issue and work through repairs.\r\n                <\/p>\r\n\r\n                <span class=\"jp-service-link\">\r\n                    VIEW SERVICE\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=80\"\r\n            class=\"jp-service-card jp-reveal jp-tilt-card\">\r\n\r\n                <div class=\"jp-service-watermark\">\r\n                    <i class=\"fa-solid fa-network-wired\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"jp-service-icon\">\r\n                    <i class=\"fa-solid fa-network-wired\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Data & Cabling\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Data points, network cabling and connected workplace requirements.\r\n                <\/p>\r\n\r\n                <span class=\"jp-service-link\">\r\n                    VIEW SERVICE\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=79\"\r\n            class=\"jp-service-card jp-reveal jp-tilt-card\">\r\n\r\n                <div class=\"jp-service-watermark\">\r\n                    <i class=\"fa-solid fa-clipboard-check\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"jp-service-icon\">\r\n                    <i class=\"fa-solid fa-clipboard-check\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Test & Tag\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Electrical equipment testing and tagging for workplace equipment.\r\n                <\/p>\r\n\r\n                <span class=\"jp-service-link\">\r\n                    VIEW SERVICE\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/span>\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-service-card jp-reveal jp-tilt-card\">\r\n\r\n                <div class=\"jp-service-watermark\">\r\n                    <i class=\"fa-solid fa-snowflake\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"jp-service-icon\">\r\n                    <i class=\"fa-solid fa-snowflake\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Air Conditioning\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Air conditioning installation, servicing, repairs and replacements.\r\n                <\/p>\r\n\r\n                <span class=\"jp-service-link\">\r\n                    VIEW SERVICE\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"#commercial-maintenance\"\r\n            class=\"jp-service-card jp-reveal jp-tilt-card\">\r\n\r\n                <div class=\"jp-service-watermark\">\r\n                    <i class=\"fa-solid fa-gears\"><\/i>\r\n                <\/div>\r\n\r\n                <div class=\"jp-service-icon\">\r\n                    <i class=\"fa-solid fa-gears\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Maintenance & Repairs\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Practical electrical support as faults, repairs and site needs arise.\r\n                <\/p>\r\n\r\n                <span class=\"jp-service-link\">\r\n                    LEARN MORE\r\n                    <i class=\"fa-solid fa-arrow-down\"><\/i>\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- FEATURE -->\r\n\r\n<section class=\"jp-section\">\r\n\r\n    <div class=\"jp-shell\">\r\n\r\n        <div class=\"jp-feature\">\r\n\r\n\r\n            <div class=\"jp-feature-image\">\r\n\r\n                <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=1800&q=86\"\r\n                alt=\"Commercial workplace electrical environment\">\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-feature-content\">\r\n\r\n                <div class=\"jp-feature-copy jp-reveal\">\r\n\r\n\r\n                    <div class=\"jp-eyebrow\">\r\n\r\n                        <i class=\"fa-solid fa-briefcase\"><\/i>\r\n\r\n                        Keep business moving\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h2 class=\"jp-h2\">\r\n\r\n                        Electrical work\r\n                        needs to fit the workplace.\r\n\r\n                    <\/h2>\r\n\r\n\r\n                    <p\r\n                    class=\"jp-lead jp-dark-copy\"\r\n                    style=\"margin-top:26px;\">\r\n\r\n                        Commercial jobs happen in working environments.\r\n                        That means understanding what needs to be done\r\n                        is only part of the job. Communication, access,\r\n                        site conditions and how the work affects the\r\n                        business all matter too.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"jp-benefit-grid\">\r\n\r\n\r\n                        <div class=\"jp-benefit\">\r\n\r\n                            <div class=\"jp-benefit-icon\">\r\n                                <i class=\"fa-solid fa-comments\"><\/i>\r\n                            <\/div>\r\n\r\n                            <strong>\r\n                                Clear communication\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Keep the job and next steps easy to understand.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"jp-benefit\">\r\n\r\n                            <div class=\"jp-benefit-icon\">\r\n                                <i class=\"fa-solid fa-building\"><\/i>\r\n                            <\/div>\r\n\r\n                            <strong>\r\n                                Business awareness\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Consider how electrical work interacts with the workplace.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"jp-benefit\">\r\n\r\n                            <div class=\"jp-benefit-icon\">\r\n                                <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n                            <\/div>\r\n\r\n                            <strong>\r\n                                Practical solutions\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Focus on the work the site actually needs.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"jp-benefit\">\r\n\r\n                            <div class=\"jp-benefit-icon\">\r\n                                <i class=\"fa-solid fa-phone\"><\/i>\r\n                            <\/div>\r\n\r\n                            <strong>\r\n                                One number to call\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Local support when another electrical job comes up.\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            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- BUSINESS TYPES -->\r\n\r\n<section class=\"jp-section\">\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                <div class=\"jp-eyebrow\">\r\n\r\n                    <i class=\"fa-solid fa-city\"><\/i>\r\n\r\n                    Commercial environments\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"jp-h2\">\r\n\r\n                    Electrical support\r\n                    across different workplaces.\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"jp-lead jp-dark-copy jp-reveal\">\r\n\r\n                Different sites have different priorities. The electrical\r\n                work should make sense for the way the space is actually used.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-business-grid\">\r\n\r\n\r\n            <div class=\"jp-business-card jp-reveal jp-pointer-glow\">\r\n\r\n                <div class=\"jp-business-watermark\">\r\n                    <i class=\"fa-solid fa-building\"><\/i>\r\n                <\/div>\r\n\r\n                <i class=\"fa-solid fa-building\"><\/i>\r\n\r\n                <h3>\r\n                    Offices\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Lighting, power, data and practical electrical changes as workplaces evolve.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-business-card jp-reveal jp-pointer-glow\">\r\n\r\n                <div class=\"jp-business-watermark\">\r\n                    <i class=\"fa-solid fa-shop\"><\/i>\r\n                <\/div>\r\n\r\n                <i class=\"fa-solid fa-shop\"><\/i>\r\n\r\n                <h3>\r\n                    Retail & Business Spaces\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Electrical support for customer-facing and operational business environments.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-business-card jp-reveal jp-pointer-glow\">\r\n\r\n                <div class=\"jp-business-watermark\">\r\n                    <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n                <\/div>\r\n\r\n                <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n\r\n                <h3>\r\n                    Workshops\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Power, lighting and electrical support for practical working environments.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-business-card jp-reveal jp-pointer-glow\">\r\n\r\n                <div class=\"jp-business-watermark\">\r\n                    <i class=\"fa-solid fa-warehouse\"><\/i>\r\n                <\/div>\r\n\r\n                <i class=\"fa-solid fa-warehouse\"><\/i>\r\n\r\n                <h3>\r\n                    Warehouses\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Lighting, electrical repairs and practical site improvements.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-business-card jp-reveal jp-pointer-glow\">\r\n\r\n                <div class=\"jp-business-watermark\">\r\n                    <i class=\"fa-solid fa-industry\"><\/i>\r\n                <\/div>\r\n\r\n                <i class=\"fa-solid fa-industry\"><\/i>\r\n\r\n                <h3>\r\n                    Light Industrial\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Electrical support for workshops, operational areas and business facilities.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-business-card jp-reveal jp-pointer-glow\">\r\n\r\n                <div class=\"jp-business-watermark\">\r\n                    <i class=\"fa-solid fa-key\"><\/i>\r\n                <\/div>\r\n\r\n                <i class=\"fa-solid fa-key\"><\/i>\r\n\r\n                <h3>\r\n                    Managed Properties\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Electrical repairs and practical support for commercial and managed sites.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\r\n<!-- END LIGHT ZONE ONE -->\r\n\r\n\r\n<!-- =========================================================\r\nMAINTENANCE \/ FAULTS\r\n========================================================= -->\r\n\r\n<section\r\nclass=\"jp-maintenance\"\r\nid=\"commercial-maintenance\">\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        <div class=\"jp-maintenance-grid\">\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-gears\"><\/i>\r\n\r\n                    Maintenance & Repairs\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"jp-h2\">\r\n\r\n                    When something\r\n                    stops working,\r\n                    business notices.\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p\r\n                class=\"jp-lead\"\r\n                style=\"margin-top:27px;\">\r\n\r\n                    Electrical issues can interrupt the day quickly.\r\n                    JP Electrical can investigate faults, repair\r\n                    electrical problems and help with the everyday\r\n                    electrical issues that arise in commercial sites.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"jp-buttons\">\r\n\r\n                    <a\r\n                    href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=52\"\r\n                    class=\"jp-btn jp-btn-primary\">\r\n\r\n                        <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n\r\n                        FAULT FINDING & REPAIRS\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-problem-grid\">\r\n\r\n\r\n                <div class=\"jp-problem jp-reveal jp-pointer-glow\">\r\n\r\n                    <i class=\"fa-solid fa-bolt\"><\/i>\r\n\r\n                    <strong>\r\n                        Circuits keep tripping\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Repeated electrical trips or unexplained power loss.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-problem jp-reveal jp-pointer-glow\">\r\n\r\n                    <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n\r\n                    <strong>\r\n                        Lighting failures\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Failed fittings, unreliable lighting or areas needing upgrades.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-problem jp-reveal jp-pointer-glow\">\r\n\r\n                    <i class=\"fa-solid fa-plug-circle-xmark\"><\/i>\r\n\r\n                    <strong>\r\n                        Power point problems\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Outlets no longer working or additional power required.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-problem jp-reveal jp-pointer-glow\">\r\n\r\n                    <i class=\"fa-solid fa-network-wired\"><\/i>\r\n\r\n                    <strong>\r\n                        Data requirements\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        New data points or cabling changes as the workplace changes.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-problem jp-reveal jp-pointer-glow\">\r\n\r\n                    <i class=\"fa-solid fa-bolt-lightning\"><\/i>\r\n\r\n                    <strong>\r\n                        Switchboard concerns\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Electrical distribution or protection requiring attention.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-problem jp-reveal jp-pointer-glow\">\r\n\r\n                    <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\r\n\r\n                    <strong>\r\n                        Something isn't right\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Get the electrical issue investigated instead of guessing.\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    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\nLIGHT ZONE TWO\r\n========================================================= -->\r\n\r\n<div class=\"jp-light-zone\">\r\n\r\n\r\n<!-- LIGHTING + POWER FEATURE -->\r\n\r\n<section class=\"jp-section\">\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        <div class=\"jp-feature\">\r\n\r\n\r\n            <div class=\"jp-feature-content\">\r\n\r\n                <div class=\"jp-feature-copy jp-reveal\">\r\n\r\n\r\n                    <div class=\"jp-eyebrow\">\r\n\r\n                        <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n\r\n                        Lighting & power\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h2 class=\"jp-h2\">\r\n\r\n                        Make the workplace\r\n                        work better.\r\n\r\n                    <\/h2>\r\n\r\n\r\n                    <p\r\n                    class=\"jp-lead jp-dark-copy\"\r\n                    style=\"margin-top:26px;\">\r\n\r\n                        Commercial spaces change over time. Teams grow,\r\n                        equipment moves, layouts shift and lighting that\r\n                        once worked may no longer suit the site.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <p\r\n                    class=\"jp-lead jp-dark-copy\"\r\n                    style=\"margin-top:16px;\">\r\n\r\n                        JP Electrical can assist with practical lighting,\r\n                        power point and electrical improvements to better\r\n                        suit how the space is being used now.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"jp-benefit-grid\">\r\n\r\n\r\n                        <div class=\"jp-benefit\">\r\n\r\n                            <div class=\"jp-benefit-icon\">\r\n                                <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n                            <\/div>\r\n\r\n                            <strong>\r\n                                Lighting upgrades\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Improve workplace lighting and replace outdated fittings.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"jp-benefit\">\r\n\r\n                            <div class=\"jp-benefit-icon\">\r\n                                <i class=\"fa-solid fa-plug\"><\/i>\r\n                            <\/div>\r\n\r\n                            <strong>\r\n                                Additional power\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Put outlets where the workplace actually needs them.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"jp-benefit\">\r\n\r\n                            <div class=\"jp-benefit-icon\">\r\n                                <i class=\"fa-solid fa-arrow-trend-up\"><\/i>\r\n                            <\/div>\r\n\r\n                            <strong>\r\n                                Site improvements\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Electrical changes that support an evolving workplace.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"jp-benefit\">\r\n\r\n                            <div class=\"jp-benefit-icon\">\r\n                                <i class=\"fa-solid fa-bolt\"><\/i>\r\n                            <\/div>\r\n\r\n                            <strong>\r\n                                Electrical upgrades\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Support changing power and electrical requirements.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"jp-buttons\">\r\n\r\n                        <a\r\n                        href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=55\"\r\n                        class=\"jp-btn jp-btn-primary\">\r\n\r\n                            <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n\r\n                            LIGHTING & LED\r\n\r\n                        <\/a>\r\n\r\n\r\n                        <a\r\n                        href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=56\"\r\n                        class=\"jp-btn jp-btn-dark\">\r\n\r\n                            <i class=\"fa-solid fa-plug\"><\/i>\r\n\r\n                            POWER POINTS\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-feature-image\">\r\n\r\n                <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1565793298595-6a879b1d9492?auto=format&fit=crop&w=1800&q=86\"\r\n                alt=\"Commercial workplace lighting\">\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- DATA + TEST AND TAG -->\r\n\r\n<section class=\"jp-section\">\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                <div class=\"jp-eyebrow\">\r\n\r\n                    <i class=\"fa-solid fa-network-wired\"><\/i>\r\n\r\n                    Connected workplace\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"jp-h2\">\r\n\r\n                    The electrical work\r\n                    behind the operation.\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"jp-lead jp-dark-copy jp-reveal\">\r\n\r\n                Power is only part of the picture. Data cabling and\r\n                electrical equipment requirements are also part of\r\n                keeping many workplaces organised and functioning.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-capability-grid\">\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=80\"\r\n            class=\"jp-capability jp-reveal\">\r\n\r\n                <div class=\"jp-capability-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1400&q=84\"\r\n                    alt=\"Network and data cabling environment\">\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-capability-copy\">\r\n\r\n                    <div class=\"jp-capability-icon\">\r\n                        <i class=\"fa-solid fa-network-wired\"><\/i>\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Data & Cabling\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Data points, workplace cabling and practical connectivity\r\n                        requirements for offices and commercial spaces.\r\n                    <\/p>\r\n\r\n                    <span class=\"jp-text-link\">\r\n                        VIEW DATA & CABLING\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=79\"\r\n            class=\"jp-capability jp-reveal\">\r\n\r\n                <div class=\"jp-capability-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1400&q=84\"\r\n                    alt=\"Electrical equipment and workplace tools\">\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"jp-capability-copy\">\r\n\r\n                    <div class=\"jp-capability-icon\">\r\n                        <i class=\"fa-solid fa-clipboard-check\"><\/i>\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Test & Tag\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Electrical equipment testing and tagging for commercial\r\n                        workplaces, tools and electrical equipment.\r\n                    <\/p>\r\n\r\n                    <span class=\"jp-text-link\">\r\n                        VIEW TEST & TAG\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\r\n<!-- END LIGHT ZONE TWO -->\r\n\r\n\r\n<!-- =========================================================\r\nPROCESS\r\n========================================================= -->\r\n\r\n<section class=\"jp-section jp-process\">\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                <div class=\"jp-eyebrow\">\r\n\r\n                    <i class=\"fa-solid fa-list-check\"><\/i>\r\n\r\n                    How it works\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"jp-h2\">\r\n\r\n                    Keep the process\r\n                    straightforward.\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"jp-lead jp-reveal\">\r\n\r\n                Tell us what the site needs and we can work through\r\n                the job from there.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-process-grid\">\r\n\r\n\r\n            <div class=\"jp-step jp-reveal\">\r\n\r\n                <span class=\"jp-step-number\">\r\n                    01\r\n                <\/span>\r\n\r\n                <div class=\"jp-step-icon\">\r\n                    <i class=\"fa-solid fa-message\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Tell us about the job\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Explain the issue, site, business environment and what you need help with.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-step jp-reveal\">\r\n\r\n                <span class=\"jp-step-number\">\r\n                    02\r\n                <\/span>\r\n\r\n                <div class=\"jp-step-icon\">\r\n                    <i class=\"fa-solid fa-comments\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Work through the requirements\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Clarify the electrical work and the practical site considerations.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-step jp-reveal\">\r\n\r\n                <span class=\"jp-step-number\">\r\n                    03\r\n                <\/span>\r\n\r\n                <div class=\"jp-step-icon\">\r\n                    <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Get the work sorted\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Complete the electrical work with attention to the site and finish.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-step jp-reveal\">\r\n\r\n                <span class=\"jp-step-number\">\r\n                    04\r\n                <\/span>\r\n\r\n                <div class=\"jp-step-icon\">\r\n                    <i class=\"fa-solid fa-phone\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Call again when needed\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Keep a local electrical contact for the next issue, change or upgrade.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\nREVIEWS\r\n========================================================= -->\r\n\r\n<section class=\"jp-section jp-reviews\">\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                <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                    What customers say.\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"jp-reveal\">\r\n\r\n                <p class=\"jp-lead\">\r\n\r\n                    Feedback from customers who have used JP Electrical\r\n                    across a range of electrical and air conditioning work.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"jp-buttons\">\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 MORE REVIEWS\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-review-grid\">\r\n\r\n\r\n            <article class=\"jp-review jp-reveal jp-pointer-glow\">\r\n\r\n                <div class=\"jp-review-stars\">\r\n                    \u2605\u2605\u2605\u2605\u2605\r\n                <\/div>\r\n\r\n                <blockquote>\r\n\r\n                    \u201cAffordable, attended when promised, completed\r\n                    the job in a timely manner and was very professional.\r\n                    Workmanship was fantastic.\u201d\r\n\r\n                <\/blockquote>\r\n\r\n                <div class=\"jp-review-meta\">\r\n\r\n                    <strong>\r\n                        Jill Hackett\r\n                    <\/strong>\r\n\r\n                    Workshop air conditioning \u00b7 Facebook Recommendation\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"jp-review jp-reveal jp-pointer-glow\">\r\n\r\n                <div class=\"jp-review-stars\">\r\n                    \u2605\u2605\u2605\u2605\u2605\r\n                <\/div>\r\n\r\n                <blockquote>\r\n\r\n                    \u201cEasy going and good pricing. Highly recommended.\u201d\r\n\r\n                <\/blockquote>\r\n\r\n                <div class=\"jp-review-meta\">\r\n\r\n                    <strong>\r\n                        Adam Tanner\r\n                    <\/strong>\r\n\r\n                    Facebook Recommendation\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"jp-review jp-reveal jp-pointer-glow\">\r\n\r\n                <div class=\"jp-review-stars\">\r\n                    \u2605\u2605\u2605\u2605\u2605\r\n                <\/div>\r\n\r\n                <blockquote>\r\n\r\n                    \u201cThe price was very competitive,\r\n                    workmanship was top quality and very friendly.\r\n                    Highly recommended.\u201d\r\n\r\n                <\/blockquote>\r\n\r\n                <div class=\"jp-review-meta\">\r\n\r\n                    <strong>\r\n                        Lance Evans\r\n                    <\/strong>\r\n\r\n                    Facebook Recommendation\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\nRELATED SERVICES\r\n========================================================= -->\r\n\r\n<div class=\"jp-light-zone\">\r\n\r\n<section class=\"jp-section\">\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                <div class=\"jp-eyebrow\">\r\n\r\n                    <i class=\"fa-solid fa-arrow-right-arrow-left\"><\/i>\r\n\r\n                    Related services\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"jp-h2\">\r\n\r\n                    Looking for something specific?\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"jp-lead jp-dark-copy jp-reveal\">\r\n\r\n                Go directly to the commercial electrical service\r\n                that best matches what the site needs.\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=79\"\r\n            class=\"jp-related jp-reveal\">\r\n\r\n                <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1000&q=84\"\r\n                alt=\"Electrical testing equipment\">\r\n\r\n                <div class=\"jp-related-content\">\r\n\r\n                    <i class=\"fa-solid fa-clipboard-check\"><\/i>\r\n\r\n                    <h3>\r\n                        Test & Tag\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            <\/a>\r\n\r\n\r\n            <a\r\n            href=\"https:\/\/jp-electrical.com.neonsnow.com.au\/?page_id=80\"\r\n            class=\"jp-related jp-reveal\">\r\n\r\n                <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1000&q=84\"\r\n                alt=\"Commercial network infrastructure\">\r\n\r\n                <div class=\"jp-related-content\">\r\n\r\n                    <i class=\"fa-solid fa-network-wired\"><\/i>\r\n\r\n                    <h3>\r\n                        Data & Cabling\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            <\/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 jp-reveal\">\r\n\r\n                <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1631545806609-4b1c27a0a3f6?auto=format&fit=crop&w=1000&q=84\"\r\n                alt=\"Air conditioning system\">\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            <\/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 jp-reveal\">\r\n\r\n                <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1621905251189-08b45d6a269e?auto=format&fit=crop&w=1000&q=84\"\r\n                alt=\"Electrical fault finding\">\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            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\nQUOTE CTA\r\n========================================================= -->\r\n\r\n<section class=\"jp-quote\">\r\n\r\n    <div class=\"jp-shell\">\r\n\r\n        <div class=\"jp-quote-grid\">\r\n\r\n\r\n            <div class=\"jp-reveal\">\r\n\r\n                <div\r\n                class=\"jp-eyebrow\"\r\n                style=\"color:#fff;\">\r\n\r\n                    <i class=\"fa-solid fa-building\"><\/i>\r\n\r\n                    Commercial electrical\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2>\r\n\r\n                    Got an electrical job\r\n                    at your business?\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p>\r\n\r\n                    Tell us about the site, what you need help with\r\n                    and any access or operating considerations.\r\n\r\n                <\/p>\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-building\"><\/i>\r\n\r\n                    COMMERCIAL ENQUIRY\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    <\/div>\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    <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-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                <h4>\r\n                    Services\r\n                <\/h4>\r\n\r\n\r\n                <div class=\"jp-footer-links\">\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                    <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                    <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                    <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                    <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                    <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                    <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                    <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                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\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                    <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                    <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                    <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                    <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                    <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                    <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                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\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                    <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                    <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                    <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                    <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                <\/div>\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=\"jpCommercialYear\"><\/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<\/footer>\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-commercial'\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    root.dataset.jpInitialised =\r\n        'true';\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    const header =\r\n        document.getElementById(\r\n            'jpCommercialHeader'\r\n        );\r\n\r\n    const menu =\r\n        document.getElementById(\r\n            'jpCommercialMenu'\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        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    updateHeader();\r\n\r\n\r\n    \/* MOBILE MENU *\/\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                const icon =\r\n                    menu.querySelector(\r\n                        'i'\r\n                    );\r\n\r\n                if(\r\n                    header.classList.contains(\r\n                        'jp-open'\r\n                    )\r\n                ){\r\n\r\n                    icon.className =\r\n                        'fa-solid fa-xmark';\r\n\r\n                } else {\r\n\r\n                    icon.className =\r\n                        'fa-solid fa-bars';\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* MOBILE SERVICES *\/\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                        const parent =\r\n                            this.closest(\r\n                                '.jp-nav-item'\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    \/* SCROLL REVEALS *\/\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                                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:.10\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        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    \/* POINTER FOLLOW GLOW *\/\r\n\r\n    const pointerCards =\r\n        root.querySelectorAll(\r\n            '.jp-pointer-glow, .jp-service-card, .jp-review, .jp-business-card'\r\n        );\r\n\r\n\r\n    pointerCards.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                    const rect =\r\n                        card.getBoundingClientRect();\r\n\r\n                    const x =\r\n                        event.clientX -\r\n                        rect.left;\r\n\r\n                    const y =\r\n                        event.clientY -\r\n                        rect.top;\r\n\r\n                    card.style.setProperty(\r\n                        '--mx',\r\n                        x + 'px'\r\n                    );\r\n\r\n                    card.style.setProperty(\r\n                        '--my',\r\n                        y + 'px'\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* SERVICE CARD TILT *\/\r\n\r\n    const finePointer =\r\n        window.matchMedia(\r\n            '(hover:hover) and (pointer:fine)'\r\n        );\r\n\r\n\r\n    if(\r\n        finePointer.matches\r\n    ){\r\n\r\n        root\r\n        .querySelectorAll(\r\n            '.jp-tilt-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                        const rect =\r\n                            card.getBoundingClientRect();\r\n\r\n                        const px =\r\n                            (\r\n                                event.clientX -\r\n                                rect.left\r\n                            )\r\n                            \/\r\n                            rect.width;\r\n\r\n                        const py =\r\n                            (\r\n                                event.clientY -\r\n                                rect.top\r\n                            )\r\n                            \/\r\n                            rect.height;\r\n\r\n                        const rotateY =\r\n                            (px - .5)\r\n                            * 4;\r\n\r\n                        const rotateX =\r\n                            (.5 - py)\r\n                            * 4;\r\n\r\n                        card.style.setProperty(\r\n                            '--ry',\r\n                            rotateY + 'deg'\r\n                        );\r\n\r\n                        card.style.setProperty(\r\n                            '--rx',\r\n                            rotateX + 'deg'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                card.addEventListener(\r\n                    'pointerleave',\r\n                    function(){\r\n\r\n                        card.style.setProperty(\r\n                            '--ry',\r\n                            '0deg'\r\n                        );\r\n\r\n                        card.style.setProperty(\r\n                            '--rx',\r\n                            '0deg'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* YEAR *\/\r\n\r\n    const year =\r\n        document.getElementById(\r\n            'jpCommercialYear'\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-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/pages\/59","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=59"}],"version-history":[{"count":4,"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/jp-electrical.com.neonsnow.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}