@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{align-items:center;display:inline-flex;justify-content:center}: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 {:where(.brxe-divider){align-items:center;display:flex;font-size:30px;gap:30px}:where(.brxe-divider).horizontal{width:100%}:where(.brxe-divider).horizontal .line{border-top:1px solid}:where(.brxe-divider).vertical{flex-direction:column}:where(.brxe-divider).vertical .line{border-right:1px solid;width:auto}:where(.brxe-divider) .line{position:relative;width:100%}:where(.brxe-divider) .icon{flex-shrink:0;position:relative}:where(.brxe-divider) a{display:inline-flex}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-counter{width:auto}}@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-hepiic { position: relative;}.brxe-ejmcut { background: var(--boombox); color: var(--modem)}.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-wazzwm { max-width: 500px; text-wrap: balance;}#brxe-ibucwk { text-wrap: balance; font-size: var(--text-xxl)}#brxe-ygkeez i {color: var(--bricks-color-pnzvfi)}#brxe-ygkeez:hover {background-color: var(--bricks-color-hqyvsi)}@media (max-width: 767px) {#brxe-qobkde {padding-left: 0}}#brxe-upiwlf {align-items: center}#brxe-jarqbt {color: #ffffff}#brxe-tsifmk {color: #ffffff}#brxe-thyqdr {color: #ffffff}#brxe-bupbql {align-items: stretch}#brxe-bupbql { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center;}@media (max-width: 991px) {#brxe-bupbql { display: grid; grid-template-columns: 1fr}}@media (max-width: 767px) {#brxe-bupbql {flex-direction: column}}#brxe-pyvvdc { display: grid; gap: var(--space-xl)}#brxe-owadyb {align-self: center !important; justify-content: center; align-items: center; column-gap: 0px; row-gap: 10px}#brxe-naasqg {align-self: center !important; justify-content: center; align-items: center; column-gap: 0px; row-gap: 10px}#brxe-emcajz {flex-direction: row}#brxe-emcajz>div { display: grid; text-align: center;}#brxe-oslnyq { background: var(--white); padding: var(--space-l) var(--space-m) var(--space-l) var(--space-m); border-radius: var(--radius-xl); display: grid; text-align: center;}#brxe-sxfzhf {margin-top: 30px; font-weight: 700}#brxe-qbjsrh {color: #ffffff; font-weight: 600}#brxe-fmaubb {color: #ffffff}#brxe-fmaubb a {color: #ffffff; font-size: inherit}#brxe-ecyvra:hover {color: var(--bricks-color-qghbaw); background-color: var(--bricks-color-pnzvfi)}#brxe-ecyvra {padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: #ffffff}#brxe-xeopjz {padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; z-index: 9; position: relative; align-items: stretch; align-self: flex-start !important; color: var(--bricks-color-qghbaw)}#brxe-hvlxgm {background-image: url("https://dev.metrofibre.co.za/wp-content/uploads/CardImg-Quality.png"); background-size: cover}#brxe-hvlxgm { border-radius: var(--radius-xl)}#brxe-scmdbe {position: absolute}#brxe-fmvyow {font-size: 50px}@media (max-width: 478px) {#brxe-fmvyow {font-size: 25px}}#brxe-qbzohd {color: #0f1822; font-weight: 600; padding-bottom: 20px}#brxe-jqoluo {flex-direction: column}#brxe-ljavjj {color: #0f1822}#brxe-ithrak { background: var(--white); border-radius: var(--radius-xl); padding: var(--space-m)}#brxe-ypbvuu {font-size: 50px; color: var(--bricks-color-hqyvsi); fill: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {#brxe-ypbvuu {font-size: 25px}}#brxe-eesnct {color: #0f1822; font-weight: 600; padding-bottom: 20px}#brxe-gkgcch {flex-direction: column}#brxe-dmvjry {color: #0f1822; font-family: "Helvetica"}#brxe-prcugy { background: var(--white); border-radius: var(--radius-xl); padding: var(--space-m)}#brxe-yidrgz {display: grid; align-items: initial; flex-direction: column; grid-gap: 20px; grid-template-rows: 2}#brxe-cdtshy { background: var(--modem);}#brxe-bvzpzz {font-weight: 600}@media (max-width: 767px) {#brxe-bvzpzz {color: var(--bricks-color-aeymxm)}}@media (max-width: 767px) {#brxe-begnys {color: var(--bricks-color-aeymxm)}}#brxe-yjdtlo { display: grid; text-align: center;}@media (max-width: 767px) {#brxe-yjdtlo {margin-top: 20px; margin-bottom: 20px}}#brxe-btvxrg {border-radius: 15px; width: 100%; height: 100%; margin-bottom: 20px; overflow: hidden; box-shadow: 0 10px 30px 0 rgba(16, 24, 32, 0.44); max-height: 100px; min-height: 100px}#brxe-btvxrg:not(.tag), #brxe-btvxrg img {object-fit: cover}#brxe-lgscks {position: absolute; line-height: 26px; font-size: 20px; font-family: "Work Sans"; font-weight: 400; color: var(--bricks-color-qghbaw); text-align: center; width: 30px; height: 30px; background-color: #ffffff; border: 2px solid #00b8ab; border-radius: 50%; top: 27px; z-index: 2; right: -10px}@media (max-width: 767px) {#brxe-lgscks {top: 205px; width: 50px; height: 50px; font-size: 30px; line-height: 45px; right: auto}}#brxe-hcuzxt {font-size: 22px; font-family: "Helvetica"; font-weight: 700; color: var(--bricks-color-qghbaw); line-height: 1.2em; text-align: center; margin-top: auto}#brxe-fsedjx {position: absolute; width: 90px; height: 90px; border-top: 2px dashed #00b8ab; border-right: 2px dashed #00b8ab; border-top-right-radius: 20px; top: 40px; left: 100%}@media (max-width: 991px) {#brxe-fsedjx {width: 50px; min-width: 50px}}@media (max-width: 767px) {#brxe-fsedjx {display: none}}#brxe-qaptoz {position: absolute; width: 90px; height: 90px; border-bottom: 2px dashed #00b8ab; border-left: 2px dashed #00b8ab; border-bottom-left-radius: 20px; top: 130px; left: calc(100% + 88px)}@media (max-width: 991px) {#brxe-qaptoz {width: 50px; min-width: 50px; left: calc(100% + 48px)}}@media (max-width: 767px) {#brxe-qaptoz {display: none}}#brxe-rrmpft {row-gap: 10px; align-items: center; position: relative}#brxe-ybftcg {margin-top: auto; line-height: 1.2em; font-size: 22px; font-family: "Helvetica"; font-weight: 700; color: var(--bricks-color-qghbaw); text-align: center; flex-direction: row}#brxe-dcrxxo {border-radius: 15px; width: 100%; height: 100%; margin-bottom: 20px; overflow: hidden; box-shadow: 0 10px 30px 0 rgba(16, 24, 32, 0.46); max-height: 100px; min-height: 100px}#brxe-dcrxxo:not(.tag), #brxe-dcrxxo img {object-fit: cover}@media (max-width: 767px) {#brxe-dcrxxo {height: 240px; min-height: 240px; max-height: 240px}}#brxe-dadnuq {line-height: 26px; font-size: 20px; font-family: "Work Sans"; font-weight: 400; color: var(--bricks-color-qghbaw); text-align: center; width: 30px; height: 30px; background-color: #ffffff; border: 2px solid #00b8ab; border-radius: 50%; position: absolute; top: 200px; z-index: 2}@media (max-width: 767px) {#brxe-dadnuq {top: 205px; width: 50px; height: 50px; font-size: 30px; line-height: 45px}}#brxe-lklxeb {position: absolute; top: 218px}#brxe-lklxeb .line {height: 2px}#brxe-lklxeb.horizontal .line {border-top-width: 2px; width: 100%; border-top-color: #00b8ab; border-top-style: dashed}#brxe-lklxeb.vertical .line {border-right-width: 100%; border-right-color: #00b8ab; border-right-style: dashed}#brxe-lklxeb .icon {color: #00b8ab}@media (max-width: 767px) {#brxe-lklxeb {display: none}}#brxe-bsvkoy {position: absolute; top: 115px}#brxe-bsvkoy .line {height: px}#brxe-bsvkoy.horizontal .line {border-top-width: px; width: 2px; border-top-color: #00b8ab; border-top-style: dashed}#brxe-bsvkoy.vertical .line {border-right-width: 2px; border-right-color: #00b8ab; border-right-style: dashed}#brxe-bsvkoy .icon {color: #00b8ab}@media (max-width: 767px) {#brxe-bsvkoy {display: none}}#brxe-dyonwb {row-gap: 10px; align-items: center; position: relative}#brxe-bnkaga {margin-bottom: 20px; border-radius: 15px; width: 100%; height: 100%; min-height: 100px; max-height: 100px; overflow: hidden; box-shadow: 0 10px 40px 0 rgba(1, 34, 81, 0.3)}#brxe-bnkaga:not(.tag), #brxe-bnkaga img {object-fit: cover}#brxe-mbixbh {position: absolute; top: 27px; line-height: 26px; font-size: 20px; font-family: "Work Sans"; font-weight: 400; color: var(--bricks-color-qghbaw); text-align: center; width: 30px; height: 30px; background-color: #ffffff; border: 2px solid #00b8ab; border-radius: 50%; z-index: 2; left: -10px}@media (max-width: 767px) {#brxe-mbixbh {font-size: 30px; line-height: 45px; width: 50px; height: 50px; top: 205px; left: auto}}#brxe-ypoykt {margin-top: auto; line-height: 1.2em; font-size: 22px; font-family: "Helvetica"; font-weight: 700; color: var(--bricks-color-qghbaw); text-align: center}#brxe-kbvhxf {width: 90px; height: 90px; border-top: 2px dashed #00b8ab; border-left: 2px dashed #00b8ab; border-top-left-radius: 20px; position: absolute; top: 40px; right: 100%}@media (max-width: 991px) {#brxe-kbvhxf {width: 50px; min-width: 50px}}@media (max-width: 767px) {#brxe-kbvhxf {display: none}}#brxe-ckinkq {position: absolute; top: 130px; width: 90px; height: 90px; border-right: 2px dashed #00b8ab; border-bottom: 2px dashed #00b8ab; border-bottom-right-radius: 20px; right: calc(100% + 88px)}@media (max-width: 991px) {#brxe-ckinkq {width: 50px; min-width: 50px; right: calc(100% + 48px)}}@media (max-width: 767px) {#brxe-ckinkq {display: none}}#brxe-nxxzdw {position: absolute; top: 40px; width: 90px; height: 90px; border-top: 2px dashed #00b8ab; border-right: 2px dashed #00b8ab; border-top-right-radius: 20px; left: 100%}@media (max-width: 991px) {#brxe-nxxzdw {width: 50px; min-width: 50px}}@media (max-width: 767px) {#brxe-nxxzdw {display: none}}#brxe-cmxhfu {position: absolute; width: 90px; height: 90px; border-bottom: 2px dashed #00b8ab; border-left: 2px dashed #00b8ab; border-bottom-left-radius: 20px; top: 130px; left: calc(100% + 88px)}@media (max-width: 991px) {#brxe-cmxhfu {width: 50px; min-width: 50px; left: calc(100% + 48px)}}@media (max-width: 767px) {#brxe-cmxhfu {display: none}}#brxe-sngcrt {position: relative; row-gap: 10px; align-items: center}#brxe-utqrvq {line-height: 1.2em; font-size: 22px; font-family: "Helvetica"; font-weight: 700; color: var(--bricks-color-qghbaw); text-align: center; margin-top: auto; flex-direction: row}#brxe-apspat {border-radius: 15px; width: 100%; height: 100%; margin-bottom: 20px; overflow: hidden; box-shadow: 0 10px 40px 0 rgba(16, 24, 32, 0.47); max-height: 100px; min-height: 100px}#brxe-apspat:not(.tag), #brxe-apspat img {object-fit: cover}@media (max-width: 767px) {#brxe-apspat {height: 240px; min-height: 240px; max-height: 240px}}#brxe-iahzby {position: absolute; top: 200px; line-height: 26px; font-size: 20px; font-family: "Work Sans"; font-weight: 400; color: var(--bricks-color-qghbaw); text-align: center; width: 30px; height: 30px; background-color: #ffffff; border: 2px solid #00b8ab; border-radius: 50%; z-index: 2}@media (max-width: 767px) {#brxe-iahzby {top: 205px; width: 50px; height: 50px; font-size: 30px; line-height: 45px}}#brxe-uqxlwc {position: absolute; top: 218px}#brxe-uqxlwc .line {height: 2px}#brxe-uqxlwc.horizontal .line {border-top-width: 2px; width: 50%; border-top-color: #00b8ab; border-top-style: dashed}#brxe-uqxlwc.vertical .line {border-right-width: 50%; border-right-color: #00b8ab; border-right-style: dashed}#brxe-uqxlwc .icon {color: #00b8ab}@media (max-width: 767px) {#brxe-uqxlwc {display: none}}#brxe-ajkchb {position: absolute; top: 115px}#brxe-ajkchb .line {height: px}#brxe-ajkchb.horizontal .line {border-top-width: px; width: 2px; border-top-color: #00b8ab; border-top-style: dashed}#brxe-ajkchb.vertical .line {border-right-width: 2px; border-right-color: #00b8ab; border-right-style: dashed}#brxe-ajkchb .icon {color: #00b8ab}@media (max-width: 767px) {#brxe-ajkchb {display: none}}#brxe-feumhg {position: relative; row-gap: 10px; align-items: center}#brxe-sliruk {padding-top: 60px; padding-right: 20px; padding-bottom: 60px; padding-left: 20px; flex-direction: row; column-gap: 180px; row-gap: 80px; align-items: stretch}@media (max-width: 991px) {#brxe-sliruk {column-gap: 100px}}@media (max-width: 767px) {#brxe-sliruk {display: none}}#brxe-ufpmjc {flex-direction: row}#brxe-guvdkk {flex-direction: row}#brxe-abvxlu {flex-direction: row}#brxe-wexxow {flex-direction: row}#brxe-wulkea {align-self: center !important}.content12__card__shape{border-radius: 70% 30% 30% 70% / 70% 40% 40% 40%; position: absolute; top: 18px; left:18px; z-index: 0; transition: all .5s;} .content12__card__shape2{ position: absolute; opacity: .3; top: 13px; left:15px; z-index: -1; transition: all .5s;} .content12__card__icon{ position: absolute; top: 23px; left:24px; z-index: 1;} .content12__card:hover .content12__card__shape2{transform: scale(12); opacity: 1; top: 40%; left: 40%; transition: all 1.2s;} .content12__card:hover .content12__card__shape{transform: scale(0);} .content12__card:hover div, .content12__card:hover p, .content12__card:hover .content12__card__title{color: #ffffff !important;}#brxe-qebfns {color: #0f1822; height: 60px; width: 60px; color: var(--bricks-color-hqyvsi); fill: var(--bricks-color-hqyvsi); font-size: 60px; padding-bottom: 20px}#brxe-nwtpnt {color: #0f1822; font-family: "Helvetica"}#brxe-xmvdoz {align-self: center !important; justify-content: center; align-items: center; flex-direction: row}#brxe-tezkyi {flex-direction: column; align-self: center !important; justify-content: center; align-items: center; row-gap: 0px}#brxe-tudugg:hover {background-color: var(--bricks-color-hqyvsi)}#brxe-tudugg { max-width: max-content; margin: auto;}#brxe-dmahcs { display: grid; background: var(--white); padding: var(--space-m); border-radius: var(--radius-xl); text-align: center; justify-content: center; }#brxe-ordoyg {flex-direction: column; align-self: center !important; justify-content: center; align-items: center}#brxe-sfhiys {flex-direction: column}#brxe-sfhiys { background: var(--modem);}