@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@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-tabs-nested{display:flex;flex-direction:column;width:100%}.brxe-tabs-nested .tab-title{cursor:pointer;width:auto}.brxe-tabs-nested .tab-pane,.brxe-tabs-nested .tab-pane:empty{display:none!important}.brxe-tabs-nested .tab-pane.brx-open{display:block!important}}@layer bricks {.brxe-code{width:100%}}@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-slider-nested{min-width:0;width:100%}.brxe-slider-nested .splide__slide{align-items:center;display:flex;justify-content:center;position:relative}.brxe-slider-nested .splide__arrows:not(.custom) .splide__arrow--prev{transform:translateY(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows:not(.custom).splide__arrows--ttb .splide__arrow--prev{transform:translateX(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows svg{min-height:0;min-width:0}}@layer bricks {.brxe-animated-typing{line-height:1;margin:0}.brxe-animated-typing .typed-cursor{animation:blink .3s infinite;animation-direction:alternate;display:inline-block;font-size:1em;opacity:1}@keyframes blink{to{opacity:0}}}@layer bricks {.brxe-button{width:auto}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@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-giiwzb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}.brxe-loigyu { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: linear-gradient(to top, rgba(244, 234, 227, 1), rgba(244, 234, 227, 0.5), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));}.brxe-plehmh {font-family: "Helvetica"}.brxe-plehmh { font-size: clamp(6rem, 6vw, 8rem); line-height: 1; font-weight: 700; color: var(--boombox); max-width: 70%; text-wrap: balance;}@media (max-width: 991px) {.brxe-plehmh { font-size: clamp(6rem, 6vw, 8rem); max-width: 100%;}}@media (max-width: 767px) {.brxe-plehmh { font-size: clamp(4rem, 5vw, 8rem);}}.brxe-zowfgv { position: relative;}.brxe-vnxszt {align-self: flex-start !important}.brxe-vnxszt { z-index: 2; display: flex; flex-direction: column; min-height: 40vh; justify-content: end;}.brxe-qtqptf {justify-content: center; flex-direction: row}.brxe-qtqptf { position: relative; }.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-kueusk {color: #0f1822; font-weight: 600}#brxe-nosjap { max-width: 920px; text-wrap: balance;}#brxe-oeypdy {flex-direction: column; align-items: flex-start; row-gap: 20px; align-self: flex-start !important}#brxe-xpdiyj {flex-direction: row; align-items: center; align-self: center !important; column-gap: 50px; justify-content: center}#brxe-nshihv { background: var(--modem)}@media (max-width: 991px) {#brxe-nshihv {padding-top: 40px; padding-bottom: 40px}}@media (max-width: 767px) {#brxe-nshihv {display: flex; padding-bottom: 0}}@media (max-width: 478px) {#brxe-nshihv {flex-direction: row; margin-top: 0; margin-bottom: 0; visibility: visible; display: flex}}#brxe-mlredh {position: absolute; top: 0px; left: 0px; background-color: #0f1822; min-height: 0px; width: 100%}#brxe-doeacm {color: var(--bricks-color-pnzvfi); fill: var(--bricks-color-pnzvfi); background-color: var(--bricks-color-hqyvsi); border-radius: 5px; width: 40px; height: 40px; font-size: 30px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}#brxe-xfgubf {color: #212224; font-size: 22px; line-height: 1.3em; font-weight: 600; margin-top: 10px}#brxe-clqmxc {color: #0f1822; line-height: 1.5em; font-size: 14px}#brxe-osayjo {margin-bottom: 20px; color: #0f1822; line-height: 1.5em; font-size: 10px}#brxe-mjlmfm {position: absolute; top: 0px; left: 0px; background-color: #0f1822; min-height: 0px; width: 100%}#brxe-kulwpq {color: var(--bricks-color-pnzvfi); fill: var(--bricks-color-pnzvfi); background-color: var(--bricks-color-keyxgd); border-radius: 5px; width: 40px; height: 40px; font-size: 30px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}#brxe-vfxiqq {color: #0f1822; font-size: 22px; line-height: 1.3em; font-weight: 600; margin-top: 10px}#brxe-oqahyu {color: #0f1822; line-height: 1.5em; font-size: 14px; margin-bottom: 20px}#brxe-tmouxv {position: absolute; top: 0px; left: 0px; background-color: #0f1822; min-height: 0px; width: 100%}#brxe-vjfmgo {color: var(--bricks-color-pnzvfi); fill: var(--bricks-color-pnzvfi); background-color: var(--bricks-color-fezkcz); border-radius: 5px; width: 40px; height: 40px; font-size: 30px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}#brxe-htzvlj {color: #0f1822; font-size: 22px; line-height: 1.3em; font-weight: 600; margin-top: 10px}#brxe-mhawnv {position: absolute; top: 0px; left: 0px; background-color: #0f1822; min-height: 0px; width: 100%}#brxe-nsrind {color: var(--bricks-color-pnzvfi); fill: var(--bricks-color-pnzvfi); background-color: var(--bricks-color-nwcfuu); border-radius: 5px; width: 40px; height: 40px; font-size: 30px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}#brxe-blduch {color: #0f1822; font-size: 22px; line-height: 1.3em; font-weight: 600; margin-top: 10px}#brxe-qhxszz {color: #0f1822; line-height: 1.5em; font-size: 14px; margin-bottom: 20px}#brxe-ypbcgl { display: grid; gap: var(--space-xs);}#brxe-ypbcgl > div { background: var(--modem); border-radius: var(--radius-xl); border: var(--modem-d-1) solid 1px; padding: var(--space-s); height: 100%;}@container (min-width: 560px) { #brxe-ypbcgl { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 1fr); } #brxe-ypbcgl > div { grid-row: span 2; } #brxe-ypbcgl > div:nth-child(1) { grid-row-start: 2; grid-row-end: 4; grid-column-start: 1; } #brxe-ypbcgl > div:nth-child(2) { grid-row-start: 1; grid-row-end: 3; grid-column-start: 2; } #brxe-ypbcgl > div:nth-child(3) { grid-row-start: 4; grid-row-end: 6; grid-column-start: 1; } #brxe-ypbcgl > div:nth-child(4) { grid-row-start: 3; grid-row-end: 5; grid-column-start: 2; }}#brxe-blnqng { container-type: inline-size;}#brxe-xyulpp .title-wrapper {align-items: center; flex-direction: row; gap: 15px}#brxe-xyulpp .separator {display: none}#brxe-xyulpp { width: max-content;}#brxe-enghxo i {color: var(--bricks-color-pnzvfi)}#brxe-enghxo:hover {background-color: var(--bricks-color-qghbaw); color: var(--bricks-color-pnzvfi)}#brxe-enghxo i:hover {color: var(--bricks-color-pnzvfi)}#brxe-enghxo { text-wrap: nowrap;}#brxe-wbldxo { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; column-gap: var(--space-m);}#brxe-ncyurp {align-items: center}#brxe-pevgql .repeater-item:nth-child(1) {font-weight: 500; color: var(--bricks-color-pnzvfi)}#brxe-pevgql .repeater-item:nth-child(2) {color: var(--bricks-color-pnzvfi); font-weight: 600}#brxe-pevgql .repeater-item {display: inline}#brxe-pevgql.mab-multi-heading-inline span:not(:last-child) {margin-right: 15px}#brxe-pevgql.mab-multi-heading-block span:not(:last-child) {margin-bottom: 15px}@media (max-width: 767px) {#brxe-pevgql .repeater-item:nth-child(1) {font-size: 28px}#brxe-pevgql .repeater-item:nth-child(2) {font-size: 26px}}#brxe-tlgyho { color: var(--modem)}.brxe-nakhtp:not(.tag), .brxe-nakhtp img {object-fit: fill}.brxe-nakhtp { padding: 0 var(--space-xs); max-width: 20%; height: 100%;}.brxe-wapbat { padding: calc(var(--space-s)); font-size: clamp(1rem, 10vw, 11rem); line-height: 0.5; font-weight: 700;}.brxe-wnkbkf { position: absolute; bottom: 0; left: 0; top:0; padding: calc(var(--space-xs) * 0.5);}.brxe-vtqrax { aspect-ratio: 3/2;}.brxe-lbmhft { font-size: var(--text-xl)}.brxe-fnepfl { font-size: var(--text-xl)}.brxe-btbobz { display: flex; flex-wrap: wrap; gap: var(--space-xs); text-wrap: nowrap;}.brxe-mjpkbw { width: 100%}.brxe-mymylq {display: grid; align-items: initial; grid-gap: 0px}#brxe-snohkw { display: grid; grid-template-columns: repeat(3, 1fr);}@media (max-width: 991px) {#brxe-snohkw { grid-template-columns: repeat(2, 1fr);}}@media (max-width: 767px) {#brxe-snohkw { grid-template-columns: repeat(1, 1fr);}}#brxe-jcvwbl {flex-direction: column}#brxe-cmlfij {flex-direction: column}#brxe-cmlfij { background: var(--boombox-d-3)}#brxe-tcfhba {transition: all .2s linear; font-size: 80px; font-family: "Poppins"; line-height: 1; font-weight: 800; text-shadow: 5px -5px 0 var(--bricks-color-pnzvfi); color: #0f1822; margin-bottom: -60px; opacity: .30}#brxe-pxtaxn {display: flex; align-items: center; font-family: "Poppins"; color: #0f1822; text-align: center; font-size: 22px; line-height: 1.2em; margin-top: 20px; min-height: 40px}#brxe-qzzsnk {transition: all .2s linear; height: 200px; width: 250px}#brxe-qzzsnk:not(.tag), #brxe-qzzsnk img {object-fit: cover}#brxe-opotbr {color: #0f1822; line-height: 1.3; font-size: 14px; text-align: center; font-family: "Poppins"; margin-bottom: 20px; padding-right: 10px; padding-left: 10px}#brxe-jnmgkj {width: 100%; display: flex; flex-direction: column; row-gap: 20px; background-color: var(--bricks-color-pnzvfi); box-shadow: 0 -10px 20px -20px rgba(0, 0, 0, 0.6); align-items: center; z-index: 1}#brxe-gaviev {padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; align-items: center; background-color: #ffffff; border: 1px solid #f0f0f0; position: relative; transition: all .4s}#brxe-gaviev:hover {box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); transition: all .3}#brxe-nnqbml {transition: all .2s linear; font-size: 80px; font-family: "Poppins"; line-height: 1; font-weight: 800; text-shadow: 5px -5px 0 var(--bricks-color-pnzvfi); color: #0f1822; margin-bottom: -60px; opacity: .30}#brxe-phuhoz {display: flex; align-items: center; font-family: "Poppins"; color: #0f1822; text-align: center; font-size: 22px; line-height: 1.2em; margin-top: 20px; min-height: 40px}#brxe-lbxcac {transition: all .2s linear; height: 200px; width: 250px}#brxe-lbxcac:not(.tag), #brxe-lbxcac img {object-fit: cover}#brxe-etccet {color: #0f1822; line-height: 1.3; font-size: 14px; text-align: center; font-family: "Poppins"; margin-bottom: 20px; padding-right: 10px; padding-left: 10px}#brxe-nbswqx {width: 100%; display: flex; flex-direction: column; row-gap: 20px; background-color: var(--bricks-color-pnzvfi); box-shadow: 0 -10px 20px -20px rgba(0, 0, 0, 0.6); align-items: center; z-index: 1}#brxe-aexbwy {padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; align-items: center; background-color: #ffffff; border: 1px solid #f0f0f0; position: relative; transition: all .4s}#brxe-aexbwy:hover {box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); transition: all .3}#brxe-icfuqk {transition: all .2s linear; font-size: 80px; font-family: "Poppins"; line-height: 1; font-weight: 800; text-shadow: 5px -5px 0 var(--bricks-color-pnzvfi); color: #0f1822; margin-bottom: -60px; opacity: .30}#brxe-zjkwzw {color: #0f1822; font-family: "Poppins"; text-align: center; font-size: 22px; line-height: 1.2em; display: flex; align-items: center; margin-top: 20px; min-height: 40px}#brxe-dkdtqa:not(.tag), #brxe-dkdtqa img {object-fit: cover}#brxe-dkdtqa {height: 200px; transition: all .2s linear; width: 250px}#brxe-ovynhc {color: #0f1822; line-height: 1.3; font-size: 14px; text-align: center; font-family: "Poppins"; margin-bottom: 20px; padding-right: 10px; padding-left: 10px}#brxe-jgdrdk {width: 100%; display: flex; flex-direction: column; row-gap: 20px; background-color: var(--bricks-color-pnzvfi); box-shadow: 0 -10px 20px -20px rgba(0, 0, 0, 0.6); align-items: center; z-index: 1}#brxe-uzzeem {padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; align-items: center; background-color: #ffffff; border: 1px solid #f0f0f0; position: relative; transition: all .4s}#brxe-uzzeem:hover {box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); transition: all .3}#brxe-skcpnl {transition: all .2s linear; font-size: 80px; font-family: "Poppins"; line-height: 1; font-weight: 800; text-shadow: 5px -5px 0 var(--bricks-color-pnzvfi); color: #0f1822; margin-bottom: -60px; opacity: .30}#brxe-dyagcb {display: flex; align-items: center; font-family: "Poppins"; color: #0f1822; text-align: center; font-size: 22px; line-height: 1.2em; margin-top: 20px; min-height: 40px}#brxe-opbbvo {transition: all .2s linear; height: 200px; width: 250px}#brxe-opbbvo:not(.tag), #brxe-opbbvo img {object-fit: cover}#brxe-nciixc {color: #0f1822; line-height: 1.3; font-size: 14px; text-align: center; font-family: "Poppins"; margin-bottom: 20px; padding-right: 10px; padding-left: 10px}#brxe-bslswv {width: 100%; display: flex; flex-direction: column; row-gap: 20px; background-color: var(--bricks-color-pnzvfi); box-shadow: 0 -10px 20px -20px rgba(0, 0, 0, 0.6); align-items: center; z-index: 1}#brxe-pkkzio {padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; align-items: center; background-color: #ffffff; border: 1px solid #f0f0f0; position: relative; transition: all .4s}#brxe-pkkzio:hover {box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); transition: all .3}#brxe-pdcsaf {transition: all .2s linear; font-size: 80px; font-family: "Poppins"; line-height: 1; font-weight: 800; text-shadow: 5px -5px 0 var(--bricks-color-pnzvfi); color: #0f1822; margin-bottom: -60px; opacity: .30}#brxe-obcekm {display: flex; align-items: center; font-family: "Poppins"; color: #0f1822; text-align: center; font-size: 22px; line-height: 1.2em; margin-top: 20px; min-height: 40px}#brxe-pktnde {transition: all .2s linear; height: 200px; width: 250px}#brxe-pktnde:not(.tag), #brxe-pktnde img {object-fit: cover}#brxe-mwvsoh {color: #0f1822; line-height: 1.3; font-size: 14px; text-align: center; font-family: "Poppins"; margin-bottom: 20px; padding-right: 10px; padding-left: 10px}#brxe-smxuqf {width: 100%; display: flex; flex-direction: column; row-gap: 20px; background-color: var(--bricks-color-pnzvfi); box-shadow: 0 -10px 20px -20px rgba(0, 0, 0, 0.6); align-items: center; z-index: 1}#brxe-qefqqz {padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; align-items: center; background-color: #ffffff; border: 1px solid #f0f0f0; position: relative; transition: all .4s}#brxe-qefqqz:hover {box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); transition: all .3}#brxe-znxzqm {transition: all .2s linear; font-size: 80px; font-family: "Poppins"; line-height: 1; font-weight: 800; text-shadow: 5px -5px 0 var(--bricks-color-pnzvfi); color: #0f1822; margin-bottom: -60px; opacity: .30}#brxe-xndhff {display: flex; align-items: center; font-family: "Poppins"; color: #0f1822; text-align: center; font-size: 22px; line-height: 1.2em; margin-top: 20px; min-height: 40px}#brxe-ksosnt {transition: all .2s linear; height: 200px; width: 250px}#brxe-ksosnt:not(.tag), #brxe-ksosnt img {object-fit: cover}#brxe-fprouk {color: #0f1822; line-height: 1.3; font-size: 14px; text-align: center; font-family: "Poppins"; margin-bottom: 20px; padding-right: 10px; padding-left: 10px}#brxe-deslyc {width: 100%; display: flex; flex-direction: column; row-gap: 20px; background-color: var(--bricks-color-pnzvfi); box-shadow: 0 -10px 20px -20px rgba(0, 0, 0, 0.6); align-items: center; z-index: 1}#brxe-kqowqy {padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; align-items: center; background-color: #ffffff; border: 1px solid #f0f0f0; position: relative; transition: all .4s}#brxe-kqowqy:hover {box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); transition: all .3}#brxe-cpbyja {flex-direction: row; row-gap: 40px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; column-gap: 20px}.card01:hover{ padding-bottom: 80px !important;} .card01:hover .card01__number{ margin-bottom: 0px !important; font-size: 40px !important; opacity: 1 !important;} .card01:hover .card01__btn{transform: scale(1.5); top: calc(100% - 60px) !important; min-width: 100px !important; right: 50% !important; padding: 20px !important;} .card01__btn i{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} .card01__btn:hover i{ color: #ffffff !important;} .card01:hover .card01__btn i{ opacity: 1 !important;} .card01:hover .card01__content{ box-shadow: none !important;} .card01:hover img{ transform: scale(1.1); margin: 5px 0;}@media (max-width: 767px) { .card01{ padding-bottom: 80px !important; } .card01 .card01__number{ margin-bottom: 0px !important; font-size: 40px !important; opacity: 1 !important; } .card01 .card01__btn{ transform: scale(1.5); top: calc(100% - 60px) !important; min-width: 100px !important; right: 50% !important; padding: 20px !important; } .card01__btn i{ color: #ffffff; } .card01 .card01__btn i{ opacity: 1 !important; } .card01 .card01__content{ box-shadow: none !important; } .card01 img{ transform: scale(1.1); margin: 5px 0; }}#brxe-puuwzp {background-color: var(--bricks-color-qghbaw); display: none}#brxe-agoisk {background-color: var(--bricks-color-keyxgd); position: absolute; width: 7px; min-width: 4px; top: 0px; left: 0px}#brxe-wdkhdb {color: var(--bricks-color-pnzvfi); font-size: 24px; font-family: "Helvetica"; font-weight: 400}#brxe-lfbmoz {font-size: 40px; color: var(--bricks-color-pnzvfi); font-family: "Helvetica"}@media (max-width: 478px) {#brxe-lfbmoz {font-size: 30px}}#brxe-rfabmo {color: #ffffff; font-size: 16px; margin-top: 40px}@media (max-width: 478px) {#brxe-rfabmo {margin-top: 30px}}#brxe-bxsfrq {font-size: 16px; color: var(--bricks-color-pnzvfi); font-weight: 400; line-height: 1em; background-color: var(--bricks-color-keyxgd); position: relative; margin-top: 20px; border-radius: 100px; transition: all .3s}#brxe-bxsfrq:hover {color: #212224; background-color: #ffffff}#brxe-jinrlr {padding-left: 30px; position: relative; max-width: 450px; display: flex; flex-direction: column; align-items: flex-start}[data-id="brxe-pjkrmh"].splide__slide {position: relative; background-image: url("https://metrofibre.co.za/wp-content/uploads/2025/10/Slider-MetroSwitch-2500x817-1-1024x334.webp"); background-size: cover}:where([data-id="brxe-pjkrmh"].splide__slide > *:not(figcaption)) {position: relative}[data-id="brxe-pjkrmh"].splide__slide::before {background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}#brxe-tybveg {background-color: var(--bricks-color-hqyvsi); position: absolute; width: 7px; min-width: 4px; top: 0px; left: 0px}#brxe-rgncsn {color: var(--bricks-color-hqyvsi); font-size: 20px; text-shadow: 5px 5px 5px var(--bricks-color-qghbaw); font-weight: 600}#brxe-fuqxjp {font-size: 36px; color: var(--bricks-color-pnzvfi); text-shadow: 5px 5px 5px rgba(16, 24, 32, 0.35)}@media (max-width: 478px) {#brxe-fuqxjp {font-size: 30px}}#brxe-ddqrvv {color: #ffffff; font-size: 16px; text-shadow: 5px 5px 5px var(--bricks-color-qghbaw); margin-top: 40px}@media (max-width: 478px) {#brxe-ddqrvv {margin-top: 30px}}#brxe-bygstx {font-size: 16px; color: var(--bricks-color-pnzvfi); font-weight: 400; line-height: 1em; background-color: var(--bricks-color-hqyvsi); position: relative; margin-top: 20px; border-radius: 100px; transition: all .3s}#brxe-bygstx:hover {color: #212224; background-color: #ffffff}#brxe-zxbejx {padding-left: 30px; position: relative; max-width: 450px; display: flex; flex-direction: column; align-items: flex-start}[data-id="brxe-mmjwcr"].splide__slide {position: relative; background-image: url("https://dev.metrofibre.co.za/wp-content/uploads/Slider-MetroSwitch-2500x817-2.webp"); background-size: cover}:where([data-id="brxe-mmjwcr"].splide__slide > *:not(figcaption)) {position: relative}[data-id="brxe-mmjwcr"].splide__slide::before {background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}#brxe-rreuwq {position: absolute; background-color: var(--bricks-color-fezkcz); width: 7px; min-width: 4px; top: 0px; left: 0px}#brxe-vcdcyg {color: var(--bricks-color-fezkcz); font-size: 24px; font-weight: 600; font-style: normal; text-align: left; text-shadow: 5px 5px 5px rgba(16, 24, 32, 0.48)}#brxe-zmcozj {font-size: 40px; color: var(--bricks-color-pnzvfi); text-align: left}@media (max-width: 478px) {#brxe-zmcozj {font-size: 30px}}#brxe-ntjdjj {font-size: 24px; color: var(--bricks-color-fezkcz); font-weight: 600; margin-top: 40px}@media (max-width: 478px) {#brxe-ntjdjj {margin-top: 30px}}#brxe-oolest {position: relative; font-weight: 400; font-size: 16px; color: var(--bricks-color-pnzvfi); line-height: 1em; margin-top: 20px; border-radius: 100px; transition: all .3s; background-color: var(--bricks-color-fezkcz)}#brxe-oolest:hover {color: #212224; background-color: #ffffff}#brxe-ntnsyb {padding-left: 30px; position: relative; max-width: 450px; display: flex; flex-direction: column; align-items: flex-start}[data-id="brxe-qhermk"].splide__slide {position: relative; background-image: url("https://dev.metrofibre.co.za/wp-content/uploads/Hero-MetroSwitch3.webp"); background-size: cover}:where([data-id="brxe-qhermk"].splide__slide > *:not(figcaption)) {position: relative}[data-id="brxe-qhermk"].splide__slide::before {background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}#brxe-kjzfyd {position: absolute; background-color: var(--bricks-color-pnzvfi); width: 7px; min-width: 4px; top: 0px; left: 0px}#brxe-oybpud {color: var(--bricks-color-pnzvfi); font-size: 24px; font-weight: 600; font-style: normal; text-align: left; text-shadow: 5px 2px 5px transparent}#brxe-sxqlzb {font-size: 40px; color: var(--bricks-color-pnzvfi); text-align: left}@media (max-width: 478px) {#brxe-sxqlzb {font-size: 30px}}#brxe-ecroea {color: var(--bricks-color-pnzvfi); font-size: 24px; font-weight: 600; margin-top: 40px}@media (max-width: 478px) {#brxe-ecroea {margin-top: 30px}}#brxe-acyjdy {transition: all .3s; font-size: 16px; line-height: 1em; font-weight: 400; color: var(--bricks-color-qghbaw); margin-top: 20px; position: relative; border-radius: 100px; background-color: var(--bricks-color-pnzvfi)}#brxe-acyjdy:hover {color: #212224; background-color: #ffffff}#brxe-asqkib {padding-left: 30px; position: relative; max-width: 450px; display: flex; flex-direction: column; align-items: flex-start}[data-id="brxe-eynpdv"].splide__slide {position: relative; background-image: url("https://dev.metrofibre.co.za/wp-content/uploads/Hero-MetroSwitch4.webp"); background-size: cover}:where([data-id="brxe-eynpdv"].splide__slide > *:not(figcaption)) {position: relative}[data-id="brxe-eynpdv"].splide__slide::before {background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}#brxe-zbnljb {background-color: #0f1822}#brxe-zbnljb .splide__slide {align-items: flex-start; justify-content: flex-start; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px}@media (max-width: 478px) {#brxe-zbnljb .splide__slide {padding-top: 40px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px}}#brxe-silmvw {width: calc(100% - 200px)}@media (max-width: 767px) {#brxe-silmvw {width: 100%}}#brxe-ueoser {position: absolute; font-family: "Helvetica"; font-size: 60px; color: var(--bricks-color-pnzvfi); font-weight: 400}@media (max-width: 767px) {#brxe-ueoser {display: none}}#brxe-tdhtws {background-color: #0f1822; width: 200px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; overflow: hidden; align-items: center}@media (max-width: 767px) {#brxe-tdhtws {width: 100%; height: 106px; background-color: #ffffff}}#brxe-zfhkcz {flex-direction: row; align-items: stretch}#brxe-rdvatk:not(.tag), #brxe-rdvatk img {object-fit: cover}#brxe-rdvatk {width: 100%; height: 100%}#brxe-pledzv:not(.tag), #brxe-pledzv img {object-fit: cover}#brxe-pledzv {width: 100%; height: 100%}#brxe-llvphn:not(.tag), #brxe-llvphn img {object-fit: cover}#brxe-llvphn {width: 100%; height: 100%}#brxe-yidyph:not(.tag), #brxe-yidyph img {object-fit: cover}#brxe-yidyph {width: 100%; height: 100%}#brxe-hvyeru {max-width: 450px; position: absolute; bottom: 20px; right: 0px}#brxe-hvyeru .splide__arrow {height: 80px; width: 40px; font-size: 30px; color: #212224; background-color: #ffffff}#brxe-hvyeru .splide__arrow:hover {background-color: #212224; color: #ffffff}@media (max-width: 767px) {#brxe-hvyeru {max-width: 100%}}#brxe-boomyq {background-color: var(--bricks-color-pnzvfi); position: relative}@media (min-width: 767px) { .slide03__thumnail .splide__arrow--prev{ display: none; }} .slide03__thumnail .is-prev{ opacity: .9; transition: all .5s;} .slide03__thumnail .is-active{ border: solid 2px #f4eae3 !important;} .slide03__thumnail .splide__slide:hover{ opacity: 1;} .slide03__col__text{ writing-mode: vertical-rl;} .slide03__main__content{ position: absolute; top: 0; left: -100%;} .slide03__main .is-active .slide03__main__content{ left: 0; transition: all 1s;} .slide03__main__content__sub{opacity: 0;} .slide03__main .is-active .slide03__main__content__sub{ opacity: 1; transition: all .8s; transition-delay: 900ms;} .slide03__main__content__line{ height: 0; } .slide03__main .is-active .slide03__main__content__line{ height: 100%; transition: all .5s; transition-delay: 1000ms !important;}.slide03__main__content__button{ padding: 0.3em .4em .3em 1em;} .slide03__main__content__button i{ background: rgba(255,255,255,.7); height: 1.55em; border-radius: 50%; padding: 0.25em; animation: ring_btn01 1s ease-in-out infinite;}@keyframes ring_btn01 { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }}#brxe-ocbhud {color: #0f1822; font-weight: 600}#brxe-yavybp {color: #0f1822}#brxe-yavybp a {color: #0f1822; font-size: inherit}#brxe-rgnzmp {font-size: 20px; color: var(--bricks-color-hqyvsi); fill: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {#brxe-rgnzmp {font-size: 25px}}#brxe-azsusj {font-weight: 600}#brxe-rhobgw {color: #0f1822; font-size: 15px; line-height: 1.5}#brxe-uqcnjf {font-size: 20px; color: var(--bricks-color-hqyvsi); fill: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {#brxe-uqcnjf {font-size: 25px}}#brxe-pduuwo {font-weight: 600}#brxe-xhskyq {color: #0f1822; font-size: 15px; line-height: 1.5}#brxe-prsohl {color: var(--bricks-color-hqyvsi); fill: var(--bricks-color-hqyvsi); font-size: 20px}@media (max-width: 478px) {#brxe-prsohl {font-size: 25px}}#brxe-qxoows {font-weight: 600}#brxe-tkeabo {color: #0f1822; font-size: 15px; line-height: 1.5}#brxe-ffyigu {color: var(--bricks-color-hqyvsi); fill: var(--bricks-color-hqyvsi); font-size: 20px}@media (max-width: 478px) {#brxe-ffyigu {font-size: 25px}}#brxe-nlwgwv {font-weight: 600}#brxe-xqeoep {color: #0f1822; font-size: 15px; line-height: 1.5}#brxe-oifpvb {color: var(--bricks-color-pnzvfi); font-weight: 700}#brxe-phykdv {color: var(--bricks-color-pnzvfi); font-weight: 600}#brxe-ysdkbd {font-size: 15px; font-weight: 400}#brxe-rcofla { position: absolute; top: 0; right: var(--space-s); width: 20%; border-radius: 0;}#brxe-cgocrs {display: none}#brxe-pzwzqx {row-gap: 40px}#brxe-klsimm {color: var(--bricks-color-pnzvfi); font-size: 28px}#brxe-xsczvf {color: var(--bricks-color-pnzvfi); font-size: 15px}#brxe-xuzpoh { position: absolute; top: 0; right: var(--space-s); width: 20%; border-radius: 0;}#brxe-uttirz {display: none}#brxe-tscljr {row-gap: 40px}#brxe-gyriji {color: var(--bricks-color-pnzvfi); font-family: "Helvetica"; font-size: 28px}#brxe-yfphnm {color: var(--bricks-color-pnzvfi); font-family: "Helvetica"; font-size: 15px}#brxe-fyujym { position: absolute; top: 0; right: var(--space-s); width: 20%; border-radius: 0;}#brxe-ghzkgs {display: none}#brxe-nvnpyd {row-gap: 40px}#brxe-hiddal {font-weight: 600; color: var(--bricks-color-pnzvfi); font-family: "Helvetica"; font-size: 24px}#brxe-fljhfz {color: var(--bricks-color-pnzvfi); font-family: "Helvetica"; font-size: 15px}#brxe-fiazmb { position: absolute; top: 0; right: var(--space-s); width: 20%; border-radius: 0;}#brxe-dmnihc {display: none}#brxe-zwzoss {row-gap: 25px}#brxe-dlfawa {flex-direction: row}#brxe-dlfawa > .tab-menu .tab-title {border-radius: 1rem; width: calc(50% - 1rem); padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; background-color: rgba(203, 215, 231, 0.4)}#brxe-dlfawa > .tab-menu .tab-title.brx-open {background-color: #fff}#brxe-dlfawa > .tab-menu .tab-title:hover {background-color: #fff}#brxe-dlfawa > .tab-content {border-radius: 1.5rem}@media (max-width: 767px) {#brxe-dlfawa {flex-direction: column; display: none}}@media (max-width: 767px) {#brxe-nhzpyy {padding-top: 0; padding-bottom: 0}}.brxe-osrcyx.brxi-ygudof {font-size: 20px; color: var(--bricks-color-hqyvsi); fill: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {.brxe-osrcyx.brxi-ygudof {font-size: 25px}}.brxe-qykyyw { display: grid;}.brxe-olfdbj { font-weight: 700;}.brxe-yspzhs {flex-direction: row}.brxe-yspzhs { background: var(--modem-l-5); padding: var(--space-m); border-radius: var(--radius-xl); display: grid;}.brxe-osrcyx.brxi-ehlgsx {font-size: 20px; color: var(--bricks-color-hqyvsi); fill: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {.brxe-osrcyx.brxi-ehlgsx {font-size: 25px}}.brxe-osrcyx.brxi-wkoudz {font-size: 20px; color: var(--bricks-color-hqyvsi); fill: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {.brxe-osrcyx.brxi-wkoudz {font-size: 25px}}.brxe-osrcyx.brxi-mfztks {font-size: 20px; color: var(--bricks-color-hqyvsi); fill: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {.brxe-osrcyx.brxi-mfztks {font-size: 25px}}#brxe-rcoztm {display: none}@media (max-width: 991px) {#brxe-rcoztm {display: block}}@media (max-width: 767px) {#brxe-rcoztm {display: flex}}#brxe-ypmqfq {background-color: var(--bricks-color-pnzvfi); padding-top: 30px; padding-bottom: 30px}@media (max-width: 767px) {#brxe-ypmqfq {row-gap: 25px}}.brxe-wbuayu:hover {background-color: var(--bricks-color-qghbaw); color: var(--bricks-color-pnzvfi)}.brxe-ssjuxf {flex-direction: row}.brxe-ssjuxf { display: flex; flex-direction: row; text-wrap: balance; align-items: center; } .brxe-ssjuxf>*:nth-child(1) { max-width: 80%;}[data-spread="snug"] { }[data-spread="wide"] { justify-content: space-between;}.brxe-wdzcse {align-self: center !important; justify-content: center; align-items: center; padding-top: 10px; padding-bottom: 10px}.brxe-cb9b62.brxi-qimnba {color: #0f1822}.brxe-d3ac33 {color: #0f1822}.brxe-0722d1.brxi-qimnba {color: #0f1822}.brxe-sszjav {color: #0f1822}.brxe-ecee5e.brxi-qimnba {color: #0f1822}.brxe-e4abe2 {color: #0f1822}.brxe-7577ac:hover {color: var(--bricks-color-pnzvfi); background-color: var(--bricks-color-hqyvsi)}.brxe-7577ac { grid-column: span 3;}.brxe-lddtoz { display: grid; grid-template-columns: repeat(3,1fr)} .brxe-lddtoz>div { border-right: var(--boombox) 1px solid; display: grid; gap: var(--space-xs); height: 100%; align-content: start;} .brxe-lddtoz>div>div { display: grid; gap: 0; justify-content: start;} .brxe-lddtoz > div:last-of-type { border-right: 0;}@media (max-width: 767px) {.brxe-lddtoz>div, .brxe-lddtoz > div:last-of-type { grid-column: span 3; display: grid; justify-content: center !important; text-align: center; border-right: none;}}.brxe-yowrdh {background-color: #ffffff}.brxe-yowrdh { background: var(--white); padding: var(--space-m); border-radius: var(--radius-xl);}#brxe-vbcoov {align-items: center}#brxe-vbcoov { background: var(--modem)}@media (max-width: 767px) {#brxe-vbcoov {padding-top: 5px; padding-bottom: 0; min-height: 70px; flex-direction: column}}