@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 {.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}}.brxe-liqzep { width: 100%; height: 100%; border-radius: 0;}.brxe-oimjla { position: absolute; top: 0; left: 0; width: 50vw; height: 100%; transform-origin: center right; transform: translateX(-102%);}@media (max-width: 991px) {.brxe-oimjla { position: absolute; top: 0; left: 0; width: 50vw; height: 100%; transform-origin: center right; transform: translateX(-110%);}}.brxe-eiusda { color: var(--modem); max-width: 760px; text-wrap: balance;}#brxe-fndacw {display: flex; flex-direction: column; align-items: flex-start; row-gap: 50px}.brxe-fndacw { position: relative;}#brxe-ldidng {flex-direction: row; justify-content: space-between; margin-top: 100px; margin-bottom: 50px}#brxe-dvnqqi {background-image: url("https://metrofibre.fathom-media.co.za/wp-content/uploads/2020/09/HomeBanner.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; margin-bottom: 0}:where(#brxe-dvnqqi > *:not(figcaption)) {position: relative}#brxe-dvnqqi::before {background-image: linear-gradient(90deg, rgba(16, 24, 32, 0.71) 30%, rgba(16, 24, 32, 0) 50%); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}#brxe-odxvcc {font-weight: 800}#brxe-hiwzig {row-gap: 30px; padding-top: 30px; padding-bottom: 30px}.brxe-pykczy .brxe-xzbxht.brxe-block {flex-direction: row; align-items: center; justify-content: space-between; row-gap: 8px; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #ead6c8}@media (max-width: 767px) {.brxe-pykczy .brxe-xzbxht.brxe-block {flex-direction: column; align-self: flex-start !important; justify-content: flex-start; align-items: flex-start}}.brxe-pykczy .brxe-ckzhsd.brxe-button {background-color: var(--bricks-color-qghbaw); color: #ffffff}@media (max-width: 767px) {.brxe-pykczy .brxe-ckzhsd.brxe-button {flex-direction: row; width: 100%}}.brxe-pykczy .brxe-lwesed.brxe-block {flex-direction: row; column-gap: 8px; width: max-content}@media (max-width: 767px) {.brxe-pykczy .brxe-lwesed.brxe-block {flex-direction: row}}.brxe-pykczy.brxe-block {flex-direction: column; display: grid; align-items: initial; grid-template-columns: 80% 20%; margin-bottom: 10px}@media (max-width: 767px) {.brxe-pykczy.brxe-block {flex-direction: column}}#brxe-abjfiy {row-gap: 0px}@media (max-width: 767px) {#brxe-abjfiy {flex-direction: row}}#brxe-uwdrgn {row-gap: 48px}@media (max-width: 767px) {#brxe-ustkyk {font-size: 12px; flex-direction: column}}#brxe-mygtid { background: var(--modem)}