@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-accordion){list-style-type:none;margin:0;padding:0;width:100%}:where(.brxe-accordion) .brx-open .accordion-content-wrapper{display:block}:where(.brxe-accordion) .brx-open .icon.expanded{display:block!important}:where(.brxe-accordion) .brx-open .icon.expanded+.icon{display:none}:where(.brxe-accordion) .accordion-title-wrapper{cursor:pointer;margin-bottom:-1px;padding:15px 0;transition:var(--bricks-transition)}:where(.brxe-accordion) .accordion-title{align-items:center;display:flex}:where(.brxe-accordion) .accordion-title:empty{display:none!important}:where(.brxe-accordion) .accordion-title.icon-left{flex-direction:row-reverse}:where(.brxe-accordion) .accordion-title.icon-left .icon{margin-left:0;margin-right:10px}:where(.brxe-accordion) .accordion-title.icon-right .icon{margin-left:10px;margin-right:0}:where(.brxe-accordion) .accordion-title .title{flex:1;line-height:30px;margin:0}:where(.brxe-accordion) .accordion-title .icon{font-size:.8em;line-height:1;position:relative;top:1px;transform-origin:center}:where(.brxe-accordion) .accordion-title .icon.expanded{display:none}:where(.brxe-accordion) .accordion-subtitle{opacity:.8}:where(.brxe-accordion) .accordion-content-wrapper{animation:height .5s ease;display:none;overflow:hidden;padding:0 0 15px}:where(.brxe-accordion) .accordion-content-wrapper:empty{display:none!important}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-icon-box){align-items:flex-start;display:flex;flex-direction:column}:where(.brxe-icon-box).top .icon{margin-bottom:20px}:where(.brxe-icon-box).bottom{flex-direction:column-reverse}:where(.brxe-icon-box).bottom .icon{margin-top:20px}:where(.brxe-icon-box).right{flex-direction:row-reverse}:where(.brxe-icon-box).right .icon{margin-left:20px}:where(.brxe-icon-box).left{flex-direction:row}:where(.brxe-icon-box).left .icon{margin-right:20px}:where(.brxe-icon-box) .icon{display:inline-flex}:where(.brxe-icon-box) .icon a{display:inline-flex}:where(.brxe-icon-box) i{display:inline-block;font-size:40px;line-height:1;text-align:center}}@layer bricks {.brxe-code{width:100%}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}.hg487b-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.hg487b-chip{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:.3rem .9rem;font-size:.82rem;font-weight:600;backdrop-filter:blur(4px)}.hg487b-chip--horizon{background:rgba(16,185,129,.25);border-color:rgba(16,185,129,.5)}.hg487b-chip--amber{background:rgba(245,158,11,.25);border-color:rgba(245,158,11,.5)}.hg487b-glance-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.06)}.hg487b-amt{font-size:1.6rem;font-weight:800;color:var(--primary);margin:.4rem 0 .6rem}.hg487b-amt--horizon{color:#10b981}.hg487b-amt--fed{color:var(--secondary)}.hg487b-table-wrap{overflow-x:auto;margin:1rem 0}.hg487b-spec-table{width:100%;border-collapse:collapse;font-size:.875rem}.hg487b-spec-table th,.hg487b-spec-table td{padding:.6rem .75rem;border:1px solid #e5e7eb;text-align:left}.hg487b-spec-table thead th{background:var(--primary);color:#fff;font-weight:700}.hg487b-spec-table tbody tr:nth-child(even){background:#f9fafb}.hg487b-walkthrough-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1rem 0}@media(max-width:640px){.hg487b-walkthrough-cols{grid-template-columns:1fr}}.hg487b-wt-col{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.hg487b-wt-title{background:var(--primary);color:#fff;font-weight:700;padding:.6rem 1rem;font-size:.9rem}.hg487b-wt-row{display:flex;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.85rem}.hg487b-wt-price{background:#f9fafb}.hg487b-wt-minus span:last-child{color:#ef4444;font-weight:600}.hg487b-wt-miss span:last-child{color:#9ca3af}.hg487b-wt-total{background:#ecfdf5;font-weight:700}.hg487b-wt-total span:last-child{color:#065f46}.hg487b-wt-note{padding:.5rem 1rem;font-size:.78rem;color:#6b7280;margin:0}.hg487b-note{font-size:.8rem;color:#6b7280;margin-top:.75rem}.hg487b-timeline{padding-left:1.5rem;margin:1rem 0}.hg487b-timeline li{margin-bottom:1rem;padding-left:.5rem}.hg487b-deadline{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b;border-radius:14px;padding:1.5rem}.hg487b-dl-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.hg487b-dl-icon{font-size:2rem}.hg487b-dl-head h2{margin:0;font-size:1.3rem;color:#92400e}.hg487b-dl-table-wrap{overflow-x:auto;margin:1rem 0}.hg487b-dl-table{width:100%;border-collapse:collapse;font-size:.85rem}.hg487b-dl-table th,.hg487b-dl-table td{padding:.5rem .75rem;border:1px solid #fcd34d;text-align:left}.hg487b-dl-table thead th{background:#f59e0b;color:#fff;font-weight:700}.hg487b-dl-now{background:#fef9c3;font-weight:600}.hg487b-product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column}.hg487b-product-card .nisioh img{width:100%;height:180px;object-fit:cover}.hg487b-product-card h3{margin:.75rem 1rem .3rem;font-size:1rem}.hg487b-product-card .ustwxg{padding:0 1rem;font-size:.85rem;color:#4b5563;flex:1}.hg487b-prod-btn{margin:1rem;text-align:center}.hg487b-vpp-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:1.5rem}.hg487b-vpp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0}@media(max-width:640px){.hg487b-vpp-stats{grid-template-columns:repeat(2,1fr)}}.hg487b-vpp-stat{background:#fff;border-radius:8px;padding:1rem;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.08)}.hg487b-vpp-num{font-size:1.5rem;font-weight:800;color:var(--primary)}.hg487b-vpp-lbl{font-size:.75rem;color:#6b7280;margin-top:.2rem}.hg487b-sources{font-size:.82rem;color:#6b7280;line-height:1.8}.hg487b-sources a{color:var(--primary);text-decoration:underline}#brxe-b7faq,ul#brxe-b7faq.brxe-accordion,ul#brxe-b7faq.home_faq { background:#fff!important; color:#1f2937!important;}#brxe-b7faq .accordion-title-wrapper,ul#brxe-b7faq .accordion-title-wrapper { background:#f9fafb!important; border-bottom:1px solid #e5e7eb!important; padding:0!important;}#brxe-b7faq .accordion-title,ul#brxe-b7faq .accordion-title { color:#1f2937!important; font-weight:600!important; font-size:.95rem!important; padding:1rem!important; background:#f9fafb!important;}#brxe-b7faq .accordion-title .title,ul#brxe-b7faq .accordion-title .title { color:#1f2937!important;}#brxe-b7faq .accordion-content-wrapper,ul#brxe-b7faq .accordion-content-wrapper { background:#fff!important; color:#374151!important; border-top:1px solid #e5e7eb!important; padding:1rem!important;}#brxe-b7faq .accordion-content,ul#brxe-b7faq .accordion-content { background:#fff!important; color:#374151!important;}#brxe-b7faq li.accordion-item,ul#brxe-b7faq li.accordion-item { background:#fff!important; border:1px solid #e5e7eb!important; border-radius:8px!important; margin-bottom:.5rem!important; overflow:hidden!important;} #brxe-b7s01 {background-position: center center; background-image: url(https://perthsolarpowerinstallations.com.au/wp-content/uploads/2026/03/svc_hero_battery-storage-3.webp); background-size: cover} #brxe-b7ib01 {flex-direction: column} #brxe-b7ib01 .icon {color: var(--secondary)} #brxe-b7ib01 .icon a {color: var(--secondary)} #brxe-b7ib01 .icon i {font-size: 32px} #brxe-b7ib02 {flex-direction: column} #brxe-b7ib02 .icon {color: var(--secondary)} #brxe-b7ib02 .icon a {color: var(--secondary)} #brxe-b7ib02 .icon i {font-size: 32px} #brxe-b7ib03 {flex-direction: column} #brxe-b7ib03 .icon {color: var(--secondary)} #brxe-b7ib03 .icon a {color: var(--secondary)} #brxe-b7ib03 .icon i {font-size: 32px} #brxe-b7ew01 {flex-direction: row} #brxe-b7ew01 .icon {color: var(--secondary)} #brxe-b7ew01 .icon a {color: var(--secondary)} #brxe-b7ew01 .icon i {font-size: 24px} #brxe-b7ew02 {flex-direction: row} #brxe-b7ew02 .icon {color: var(--secondary)} #brxe-b7ew02 .icon a {color: var(--secondary)} #brxe-b7ew02 .icon i {font-size: 24px} #brxe-b7ew03 {flex-direction: row} #brxe-b7ew03 .icon {color: var(--secondary)} #brxe-b7ew03 .icon a {color: var(--secondary)} #brxe-b7ew03 .icon i {font-size: 24px} #brxe-b7ew04 {flex-direction: row} #brxe-b7ew04 .icon {color: var(--secondary)} #brxe-b7ew04 .icon a {color: var(--secondary)} #brxe-b7ew04 .icon i {font-size: 24px} #brxe-b7ew05 {flex-direction: row} #brxe-b7ew05 .icon {color: var(--secondary)} #brxe-b7ew05 .icon a {color: var(--secondary)} #brxe-b7ew05 .icon i {font-size: 24px} #brxe-b7ew06 {flex-direction: row} #brxe-b7ew06 .icon {color: var(--secondary)} #brxe-b7ew06 .icon a {color: var(--secondary)} #brxe-b7ew06 .icon i {font-size: 24px} #brxe-b7ew07 {flex-direction: row} #brxe-b7ew07 .icon {color: var(--secondary)} #brxe-b7ew07 .icon a {color: var(--secondary)} #brxe-b7ew07 .icon i {font-size: 24px} #brxe-b7ew08 {flex-direction: row} #brxe-b7ew08 .icon {color: var(--secondary)} #brxe-b7ew08 .icon a {color: var(--secondary)} #brxe-b7ew08 .icon i {font-size: 24px} .brxe-braa09.brxe-section {background-size: cover} 

.light-bg {background-color: #fff8f4} .container {max-width: 1280px; width: 100%} .primary-btn {background-color: var(--secondary); font-family:"Inter","Inter Fallback"; color: var(--white); text-decoration: none; text-transform: capitalize; font-size: 15px; font-weight: 600; border-radius: var(--radius-xl); margin-top: var(--space-s); padding-top: var(--paragraph-spacing); padding-right: var(--space-l); padding-bottom: var(--paragraph-spacing); padding-left: var(--space-l); cursor: pointer} .primary-btn:hover {color: var(--white); transition: 0.6s; background-color: var(--secondary-trans-90)} .overlay {position: relative} :where(.overlay > *:not(figcaption)) {position: relative} .overlay::before {background-image: linear-gradient(90deg, var(--primary) 50%, var(--primary-light-trans-10)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none} .spacing-80 {padding-top: var(--section-space-m); padding-bottom: var(--section-space-m)} .hero-text-box {width: 57%!important} @media (max-width: 1024px) {.hero-text-box {width: 70%!important} }@media (max-width: 478px) {.hero-text-box {width: 100%!important} } .neutral-light {color: var(--neutral)!important} .spacing-100 {padding-top: var(--section-space-m); padding-bottom: var(--section-space-m)} .why-point .icon {color: var(--secondary); padding-top: 7px; padding-right: var(--space-xs)} .why-point .icon a {color: var(--secondary)} .why-point {flex-direction: row} .why-point h1 {color: var(--accent); font-size: var(--text-l); font-family:"Inter","Inter Fallback"; font-weight: 500} .why-point h2 {color: var(--accent); font-size: var(--text-l); font-family:"Inter","Inter Fallback"; font-weight: 500} .why-point h3 {color: var(--accent); font-size: var(--text-l); font-family:"Inter","Inter Fallback"; font-weight: 500} .why-point h4 {color: var(--accent); font-size: var(--text-l); font-family:"Inter","Inter Fallback"; font-weight: 500} .why-point h5 {color: var(--accent); font-size: var(--text-l); font-family:"Inter","Inter Fallback"; font-weight: 500} .why-point h6 {color: var(--accent); font-size: var(--text-l); font-family:"Inter","Inter Fallback"; font-weight: 500} .why-point .icon i {font-size: var(--text-l)} .why-point .content {font-family:"Inter","Inter Fallback"; font-weight: 400} .why-point p, li{ line-height: 1.4em!important; margin-top:8px;} .why-point svg path{ stroke: var(--secondary)!important;} @media (min-width: 1500px) {.why-point .content {font-size: 16px} .why-point h1 {font-size: var(--text-l)} .why-point h2 {font-size: var(--text-l)} .why-point h3 {font-size: var(--text-l)} .why-point h4 {font-size: var(--text-l)} .why-point h5 {font-size: var(--text-l)} .why-point h6 {font-size: var(--text-l)} } .btn--secondary {margin-top: var(--space-xs)} .gallery-img {border-radius: var(--radius-s)} .home_faq .accordion-title-wrapper {margin-top: 8px; padding-top: var(--space-s); padding-right: var(--space-s); padding-bottom: var(--space-s); padding-left: var(--space-s)} .home_faq .accordion-item {background-color: var(--primary); border-radius: var(--radius-xs)} .home_faq .accordion-title .title {font-weight: 500; font-size: var(--text-m); letter-spacing: 0.5px} .home_faq .accordion-content-wrapper {padding-right: var(--space-s); padding-bottom: var(--space-s); padding-left: var(--space-s); font-family:"Inter","Inter Fallback"; font-weight: 400; font-size: 16px} .text {font-family:"Inter","Inter Fallback"; line-height: 1.6} .footer-menu .title {color: var(--neutral); font-weight: 500} .footer-menu li {margin-bottom: 15px} .footer-menu {font-family:"Inter","Inter Fallback"; font-weight: 500; font-size: var(--h5)} .footer-menu .title:hover {color: var(--white)} .social-icons .icon {color: var(--neutral); font-size: 15px} .social-icons svg {height: 15px; width: auto} .social-icons li {border: 1px solid var(--neutral); border-radius: var(--radius-circle)} .social-icons li.has-link a, .social-icons li.no-link {width: 30px; height: 30px; gap: 0px} .social-icons {gap: 16px} .social-icons li:hover {border-color: var(--secondary)} .contact-deails li.has-link a, .contact-deails li.no-link {color: var(--neutral); font-size: var(--h5); font-family:"Inter","Inter Fallback"; font-weight: 500} .contact-deails .icon {font-size: 16px} .contact-deails svg {height: 16px; width: auto} .contact-deails li.has-link a:hover, .contact-deails li.no-link:hover {color: var(--white)} .contact-deails li {margin-top: 0} .contact-deails svg path{ stroke: #ccc!important;} .neutral-dark {color: var(--tertiary)} .contact-col2 {justify-content: center; padding-top: var(--space-xl); padding-right: var(--space-xl); padding-bottom: var(--space-xl); padding-left: var(--space-l); background-color: #FAF9F6; border-left: 1px solid var(--neutral)} @media (max-width: 478px) {.contact-col2 {padding-right: var(--space-s); padding-left: var(--space-s)} } 
/*# sourceURL=bricks-frontend-inline-inline-css */

/* Areas page 2-column layout */
div#brxe-isahto { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; }
/* Why points row gap */
#brxe-xvsree { row-gap: var(--space-m); }
/* Font display swap for icon fonts */
@font-face { font-family: "Ionicons"; font-display: swap; }
@font-face { font-family: "themify"; font-display: swap; }
@font-face { font-family: "FontAwesome"; font-display: swap; }
@font-face { font-family: "Font Awesome 6 Brands"; font-display: swap; }