@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-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 {: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}}@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-video){align-items:center;aspect-ratio:16/9;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}:where(.brxe-video) iframe,:where(.brxe-video) video{border:none;height:100%;position:absolute;top:0;width:100%}:where(.brxe-video) video[poster]:not([data-is-loaded]){object-fit:cover}@supports not (aspect-ratio:16/9){:where(.brxe-video){aspect-ratio:auto;padding-top:56.25%}}.brxe-video .plyr{bottom:0;font-family:inherit;left:0;position:absolute;right:0;top:0}.brxe-video .plyr .plyr__controls>.plyr__control{padding:8px}.brxe-video .plyr .plyr__control--overlaid{align-items:center;background-color:rgba(0,0,0,.65);border-radius:0;display:flex!important;height:50px;justify-content:center;padding:0;width:80px}.brxe-video .plyr .plyr__control--overlaid:hover{background-color:rgba(0,0,0,.9)}.brxe-video .plyr .plyr__control--overlaid svg{height:18px;width:18px}.brxe-video .plyr .plyr__controls .plyr__control{background-color:transparent;color:inherit}.brxe-video .plyr .plyr__controls .plyr__control.plyr__tab-focus{background:transparent;box-shadow:0 0 0 2px}.brxe-video .plyr input[type=range]:hover::-webkit-slider-thumb{visibility:visible}.brxe-video .plyr input[type=range]::-webkit-slider-runnable-track{border-radius:0;color:hsla(0,0%,100%,.75)}.brxe-video .plyr input[type=range]::-webkit-slider-thumb{background:#fff;box-shadow:none;visibility:hidden}.brxe-video .plyr input[type=range]::-moz-range-track{border-radius:0;color:hsla(0,0%,100%,.75)}.brxe-video .plyr input[type=range]::-moz-range-thumb{background:#fff;box-shadow:none}.brxe-video .plyr input[type=range]::-moz-range-progress{border-radius:0}.brxe-video .plyr input[type=range]::-ms-track{border-radius:0;color:hsla(0,0%,100%,.75)}.brxe-video .plyr input[type=range]::-ms-fill-lower,.brxe-video .plyr input[type=range]::-ms-fill-upper{border-radius:0}.brxe-video .plyr input[type=range]::-ms-thumb{background:#fff;box-shadow:none}.brxe-video .plyr input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:none}.brxe-video .plyr input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:none}.brxe-video .plyr input[type=range].plyr__tab-focus::-ms-track{box-shadow:none}.brxe-video .plyr .plyr__progress__buffer::-webkit-progress-value{border-radius:0}.brxe-video .plyr .plyr__progress__buffer::-moz-progress-bar{border-radius:0}.brxe-video .plyr .plyr__progress__buffer::-ms-fill{border-radius:0}.brxe-video .plyr .plyr__volume{max-width:none;min-width:0;width:auto}.brxe-video .plyr .plyr__volume:hover input[type=range]{margin:0 5px;width:60px}.brxe-video .plyr .plyr__volume input[type=range]{margin:0;transition:width .1s ease-out;width:0}.brxe-video .plyr .plyr__controls__item,.brxe-video .plyr input[type=range]{cursor:pointer}.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before,.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before,.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:hover:before{background-color:#000}.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio]:hover:after{background-color:#fff;opacity:1;transform:translateY(-50%) scale(1)}.bricks-video-preview-image{background-position:50%;background-repeat:no-repeat}.bricks-video-overlay,.bricks-video-preview-image{background-size:cover;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.bricks-video-overlay{align-items:center;display:flex;justify-content:center;z-index:1}.bricks-video-overlay.bricks-lazy-hidden{background-image:none!important}.bricks-video-overlay-icon{color:#fff;cursor:pointer;font-size:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}}@layer bricks {.brxe-button{width:auto}}.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-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-euzrbx { line-height: 1; font-size: calc(var(--text-xl)*2) }#brxe-8ecbdf { font-size: var(--text-l); text-wrap: balance;}@media (max-width: 767px) {#brxe-8ecbdf {font-size: small}}.brxe-butitv { aspect-ratio: 1; width: 64px; padding: var(--space-s); border-radius: var(--radius-xl); border: solid 1px var(--boombox);}.brxe-tudhen { font-size: var(--text-l)}.brxe-mxhehe { font-size: var(--text-m)}.brxe-jazido { display: grid; gap: var(--space-s);}.brxe-sfftqz { display: grid; gap: var(--space-s); padding: var(--space-s); border: solid 1px var(--modem-d-1); border-radius: var(--radius-xxl);}#brxe-tbstrh { display: grid; grid-template-columns: repeat(3, 1fr);}@media (max-width: 991px) {#brxe-tbstrh { display: grid; grid-template-columns: repeat(2, 1fr);}}@media (max-width: 767px) {#brxe-tbstrh { display: grid; grid-template-columns: repeat(1, 1fr);}}#brxe-citofx { background: var(--modem)}#brxe-cbhlfa { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}@media (max-width: 767px) {#brxe-slnlzg {font-size: 24px}}@media (max-width: 478px) {#brxe-slnlzg {font-size: 24px; font-weight: 600}}#brxe-xetvab {font-family: "Helvetica"; color: #0f1822; font-size: 20px; text-align: left; padding-top: 20px}#brxe-xetvab a {font-family: "Helvetica"; color: #0f1822; font-size: 20px; text-align: left; font-size: inherit}@media (max-width: 991px) {#brxe-xetvab {font-size: 18px}#brxe-xetvab a {font-size: 18px; font-size: inherit}}@media (max-width: 767px) {#brxe-xetvab {font-size: 12px}#brxe-xetvab a {font-size: 12px; font-size: inherit}}@media (max-width: 478px) {#brxe-xetvab {font-size: 12px}#brxe-xetvab a {font-size: 12px; font-size: inherit}}@media (max-width: 767px) {#brxe-iapkdg {align-self: center !important; justify-content: center; align-items: center}}#brxe-vzmjgc { border-radius: var(--radius-l)}#brxe-ctebwx {align-items: center}#brxe-ctebwx { padding: var(--space-m); background: var(--white); border-radius: var(--radius-xl)}#brxe-lqiyax { z-index: 1;}#brxe-qmbdoi {flex-direction: column}#brxe-qmbdoi { background: var(--modem); position: relative; padding-top: 0;}#brxe-bghdkn { position: absolute; height: 40%; width: 50px; border-radius: 0; transform: translateY(50%)}#brxe-jucmws { position: absolute; background: linear-gradient(to top, var(--boombox), rgba(0,0,0,0), rgba(0,0,0,0)); width: 100%; height: 100%; object-fit: cover;}#brxe-hbsatz { aspect-ratio: 4/2; width: 100%; object-fit: cover;}@media (max-width: 991px) {#brxe-hbsatz { aspect-ratio: 1;}}@media (max-width: 767px) {#brxe-hbsatz { aspect-ratio: 3/2;}}#brxe-kojfer { font-size: clamp(1rem, 2vw, 11rem); color: var(--gumball); position: absolute; bottom: var(--space-xs); left: var(--space-xs);}@media (max-width: 991px) {#brxe-kojfer { font-size: clamp(1rem, 3vw, 11rem);}}@media (max-width: 767px) {#brxe-kojfer { font-size: clamp(1rem, 5vw, 11rem);}}#brxe-msproj { position: relative; border-radius: var(--radius-xxl); overflow: clip;}#brxe-ytluxw { grid-column: span 3;}@media (max-width: 991px) {#brxe-ytluxw { grid-column: span 1;}}@media (max-width: 767px) {#brxe-hjwdzy {font-size: 24px; align-self: center}}@media (max-width: 478px) {#brxe-hjwdzy {text-align: center; font-weight: 600; margin-bottom: 0}}#brxe-mvtgeb { color: var(--gumball)}#brxe-jbxmdo { grid-column: span 2;}@media (max-width: 991px) {#brxe-jbxmdo { grid-column: span 1;}}#brxe-fjcxzh {align-items: center}#brxe-fjcxzh { display: grid; grid-template-columns: repeat(5, 1fr)}@media (max-width: 991px) {#brxe-fjcxzh { grid-template-columns: 1fr 1fr;}}@media (max-width: 767px) {#brxe-fjcxzh { grid-template-columns: 1fr;}}#brxe-lxbhpj {flex-direction: row; align-items: center}@media (max-width: 767px) {#brxe-lxbhpj {flex-direction: column-reverse}}#brxe-knpywr {flex-direction: column; align-items: center; justify-content: center}#brxe-eommce h2 { font-size: var(--text-l)}#brxe-mqdnpg h2 { font-size: var(--text-l)}#brxe-mykwkf h2 { font-size: var(--text-l)}@media (max-width: 991px) {#brxe-lphrgz {width: 100%}}#brxe-xaynki { background: var(--modem); padding: var(--space-m); border-radius: var(--radius-xl)}#brxe-xaynki .container { padding: 0px;}#brxe-uaxbpb {align-items: center}@media (max-width: 991px) {#brxe-uaxbpb { grid-template-columns: 1fr;}}#brxe-dpebku {font-size: 18px; color: #0f1822; text-align: center; font-family: "Helvetica"}#brxe-dpebku a {font-size: 18px; color: #0f1822; text-align: center; font-family: "Helvetica"; font-size: inherit}#brxe-dqasph:hover {background-color: var(--bricks-color-qghbaw); color: var(--bricks-color-pnzvfi)}#brxe-huzfxb { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-content: center; align-items: center;}#brxe-ehuaou {background-color: #0f1822; padding-top: 20px; padding-right: 5px; padding-bottom: 20px; padding-left: 5px; border-radius: 5px; color: var(--bricks-color-pnzvfi); text-transform: none; font-size: 20px; font-family: "Helvetica"; font-weight: 500; letter-spacing: 1px; transition: all .3s; height: 85%}@media (max-width: 767px) {#brxe-ehuaou {opacity: 1; font-size: 18px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px}}@media (max-width: 478px) {#brxe-ehuaou {padding-right: 5px; padding-left: 5px; margin-right: 10px; margin-left: 0; font-size: 8px; height: 10%}}#brxe-mosnid {color: #0f1822; font-size: 18px; font-family: "Helvetica"; text-align: right}@media (max-width: 478px) {#brxe-mosnid {font-size: 8px; text-align: left}}#brxe-jmalrm {position: relative; color: var(--bricks-color-pnzvfi); font-size: 14px; font-family: "Helvetica"; font-weight: 400; line-height: 1em; margin-top: 20px; border-radius: 50px; transition: all .3s; background-color: #0f1822}#brxe-jmalrm:hover {background-color: var(--bricks-color-hqyvsi); color: #212224}#brxe-jmalrm i {color: var(--bricks-color-pnzvfi)}@media (max-width: 478px) {#brxe-jmalrm {font-size: 8px; flex-direction: row; margin-top: 0}}#brxe-bcresh {background-color: var(--bricks-color-pnzvfi); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-radius: 20px; width: calc(100% - 80px); display: flex; flex-wrap: wrap; flex-direction: column; align-self: flex-end !important; align-items: flex-end; max-width: 550px; margin-right: 15px; margin-bottom: 10px}@media (max-width: 478px) {#brxe-bcresh {padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; width: calc(100% - 20px); column-gap: 0px; row-gap: 0px}}#brxe-sziuha {background-position: center center; background-image: url("https://dev.metrofibre.co.za/wp-content/uploads/MetroFibre-Doormat.webp"); background-size: cover; border-radius: 20px; position: static; min-height: 500px; justify-content: flex-end}@media (max-width: 767px) {#brxe-sziuha {min-height: 350px}}@media (max-width: 478px) {#brxe-sziuha {width: 200px; min-height: 200px}}#brxe-qruhhf {position: relative; height: 500px; max-height: 500px; overflow: hidden}@media (max-width: 767px) {#brxe-qruhhf {height: 350px; max-height: 350px}}@media (max-width: 478px) {#brxe-qruhhf {width: 200px; max-height: 200px; height: 200px}}#brxe-vgiqjc {background-color: #e70000; padding-top: 20px; padding-right: 5px; padding-bottom: 20px; padding-left: 5px; border-radius: 5px; color: var(--bricks-color-pnzvfi); text-transform: none; font-size: 20px; font-weight: 500; letter-spacing: 1px; transition: all .3s; height: 75%}@media (max-width: 767px) {#brxe-vgiqjc {opacity: 1; font-size: 18px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px}}@media (max-width: 478px) {#brxe-vgiqjc {padding-right: 5px; padding-left: 5px; font-size: 8px; height: 10%}}#brxe-qcvhsq {color: #0f1822; font-size: 18px; text-align: right}@media (max-width: 478px) {#brxe-qcvhsq {font-size: 8px; text-align: left}}#brxe-tfugjk {position: relative; color: #ffffff; font-size: 14px; font-weight: 400; line-height: 1em; margin-top: 20px; border-radius: 100px; transition: all .3s; background-color: #212224}#brxe-tfugjk:hover {color: #212224; background-color: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {#brxe-tfugjk {font-size: 8px; margin-top: 0}}#brxe-ojqucr {background-color: var(--bricks-color-pnzvfi); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-radius: 20px; width: calc(100% - 80px); display: flex; flex-wrap: wrap; flex-direction: column; align-self: flex-end !important; align-items: flex-end; max-width: 550px; margin-right: 15px; margin-bottom: 10px}@media (max-width: 478px) {#brxe-ojqucr {padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; width: calc(100% - 20px); margin-right: 10px; margin-bottom: 5px; column-gap: 0px; row-gap: 0px}}#brxe-eequus {background-position: center center; background-image: url("https://dev.metrofibre.co.za/wp-content/uploads/CardImg-MonthtoMonth.webp"); background-size: cover; border-radius: 20px; position: static; justify-content: flex-end; min-height: 500px}@media (max-width: 767px) {#brxe-eequus {min-height: 350px}}@media (max-width: 478px) {#brxe-eequus {width: 200px; min-height: 200px}}#brxe-jktzok {position: relative; justify-content: flex-end; height: 500px; max-height: 500px; align-items: flex-end; overflow: hidden}@media (max-width: 767px) {#brxe-jktzok {height: 350px; max-height: 350px; border-style: none}}@media (max-width: 478px) {#brxe-jktzok {width: 200px; height: 200px; max-height: 200px}}#brxe-ixigyj {background-color: #119391; padding-top: 20px; padding-right: 5px; padding-bottom: 20px; padding-left: 5px; border-radius: 5px; color: var(--bricks-color-pnzvfi); text-transform: none; font-size: 20px; font-weight: 500; letter-spacing: 1px; transition: all .3s; height: 75%}@media (max-width: 767px) {#brxe-ixigyj {opacity: 1; font-size: 18px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px}}@media (max-width: 478px) {#brxe-ixigyj {margin-right: 10px; padding-right: 5px; padding-left: 5px; font-size: 8px; height: 10%}}#brxe-jsbbfz {color: #0f1822; font-size: 18px; text-align: right}@media (max-width: 478px) {#brxe-jsbbfz {font-size: 8px; text-align: left}}#brxe-ducbxl {position: relative; color: #ffffff; font-size: 14px; font-weight: 400; line-height: 1em; margin-top: 20px; border-radius: 100px; transition: all .3s; background-color: #212224}#brxe-ducbxl:hover {color: #212224; background-color: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {#brxe-ducbxl {font-size: 8px; margin-top: 0; flex-direction: row; gap: 5px; gap: 5px}}#brxe-pdjmnd {background-color: var(--bricks-color-pnzvfi); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-radius: 20px; width: calc(100% - 80px); display: flex; flex-wrap: wrap; flex-direction: column; align-self: flex-end !important; align-items: flex-end; max-width: 550px; margin-right: 15px; margin-bottom: 10px}@media (max-width: 478px) {#brxe-pdjmnd {margin-right: 10px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; width: calc(100% - 20px); flex-direction: row; max-width: 100%; row-gap: 0px; align-self: flex-end !important; justify-content: flex-end; align-items: flex-start; column-gap: 0px}}#brxe-rlwghk {background-position: center center; background-image: url("https://dev.metrofibre.co.za/wp-content/uploads/CardImg-Router.webp"); background-size: cover; border-radius: 20px; position: static; justify-content: flex-end; min-height: 500px}@media (max-width: 767px) {#brxe-rlwghk {min-height: 350px}}@media (max-width: 478px) {#brxe-rlwghk {min-height: 200px; flex-direction: column; background-size: cover; background-repeat: no-repeat; background-attachment: scroll}}#brxe-fhvamj {position: relative; justify-content: flex-end; height: 500px; max-height: 500px; align-items: flex-end; overflow: hidden}@media (max-width: 767px) {#brxe-fhvamj {height: 350px; max-height: 350px; border-style: none}}@media (max-width: 478px) {#brxe-fhvamj {height: 200px; max-height: 200px; width: 200px}}#brxe-hepita {background-color: #005d1e; padding-top: 20px; padding-right: 5px; padding-bottom: 20px; padding-left: 5px; border-radius: 5px; color: var(--bricks-color-pnzvfi); text-transform: none; font-size: 20px; font-weight: 500; letter-spacing: 1px; transition: all .3s; height: 75%}@media (max-width: 767px) {#brxe-hepita {opacity: 1; font-size: 18px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px}}@media (max-width: 478px) {#brxe-hepita {padding-right: 5px; padding-left: 5px; font-size: 8px; height: 10%}}#brxe-dmkaya {color: #0f1822; font-size: 18px; text-align: right}@media (max-width: 478px) {#brxe-dmkaya {font-size: 8px; text-align: left}}#brxe-pxufzl {position: relative; color: #ffffff; font-size: 14px; font-weight: 400; line-height: 1em; margin-top: 20px; border-radius: 100px; transition: all .3s; background-color: #212224}#brxe-pxufzl:hover {color: #212224; background-color: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {#brxe-pxufzl {font-size: 8px; margin-top: 0; gap: 10px}}#brxe-kybfci {background-color: var(--bricks-color-pnzvfi); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-radius: 20px; width: calc(100% - 80px); display: flex; flex-wrap: wrap; flex-direction: column; align-self: flex-end !important; align-items: flex-end; max-width: 550px; margin-right: 15px; margin-bottom: 10px}@media (max-width: 478px) {#brxe-kybfci {padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; width: calc(100% - 20px); margin-right: 10px; max-width: 200px; flex-direction: column; column-gap: 0px; row-gap: 0px}}#brxe-xlbude {background-position: center center; background-image: url("https://dev.metrofibre.co.za/wp-content/uploads/CardImg-Installation.webp"); background-size: cover; border-radius: 20px; position: static; justify-content: flex-end; min-height: 500px}@media (max-width: 767px) {#brxe-xlbude {min-height: 350px}}@media (max-width: 478px) {#brxe-xlbude {width: 200px; min-height: 200px}}#brxe-wuxucl {position: relative; justify-content: flex-end; height: 500px; max-height: 500px; align-items: flex-end; overflow: hidden}@media (max-width: 767px) {#brxe-wuxucl {height: 350px; max-height: 350px; border-style: none}}@media (max-width: 478px) {#brxe-wuxucl {width: 200px; height: 200px; max-height: 200px}}#brxe-kpugnm {background-color: #ff9425; padding-top: 20px; padding-right: 5px; padding-bottom: 20px; padding-left: 5px; border-radius: 5px; color: var(--bricks-color-pnzvfi); text-transform: none; font-size: 20px; font-weight: 500; letter-spacing: 1px; transition: all .3s; height: 75%}@media (max-width: 767px) {#brxe-kpugnm {opacity: 1; font-size: 18px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px}}@media (max-width: 478px) {#brxe-kpugnm {padding-right: 10px; padding-left: 10px; font-size: 8px; height: 10%}}#brxe-nwucfw {color: #0f1822; font-size: 18px; text-align: right}@media (max-width: 478px) {#brxe-nwucfw {font-size: 8px; text-align: left}}#brxe-muqbqa {position: relative; color: #ffffff; font-size: 14px; font-weight: 400; line-height: 1em; margin-top: 20px; border-radius: 100px; transition: all .3s; background-color: #212224}#brxe-muqbqa:hover {color: #212224; background-color: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {#brxe-muqbqa {font-size: 8px; margin-top: 0; gap: 5px; gap: 5px}}#brxe-hiajra {background-color: var(--bricks-color-pnzvfi); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-radius: 20px; width: calc(100% - 80px); display: flex; flex-wrap: wrap; flex-direction: column; align-self: flex-end !important; align-items: flex-end; max-width: 550px; margin-right: 15px; margin-bottom: 10px}@media (max-width: 478px) {#brxe-hiajra {padding-top: 0; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; width: calc(100% - 20px); margin-right: 10px; margin-bottom: 5px; max-width: 200px; flex-direction: column; column-gap: 0px; row-gap: 0px}}#brxe-rvyrnj {background-position: center center; background-image: url("https://dev.metrofibre.co.za/wp-content/uploads/CardImg-Cancel.webp"); background-size: cover; border-radius: 20px; position: static; justify-content: flex-end; min-height: 500px}@media (max-width: 767px) {#brxe-rvyrnj {min-height: 350px}}@media (max-width: 478px) {#brxe-rvyrnj {min-height: 200px}}#brxe-uhalnb {position: relative; justify-content: flex-end; height: 500px; max-height: 500px; align-items: flex-end; overflow: hidden}@media (max-width: 767px) {#brxe-uhalnb {height: 350px; max-height: 350px; border-style: none}}@media (max-width: 478px) {#brxe-uhalnb {height: 200px; max-height: 200px; width: 200px}}#brxe-rijymt {background-color: #8666bb; padding-top: 20px; padding-right: 5px; padding-bottom: 20px; padding-left: 5px; border-radius: 5px; color: var(--bricks-color-pnzvfi); text-transform: none; font-size: 20px; font-weight: 500; letter-spacing: 1px; transition: all .3s; height: 75%}@media (max-width: 767px) {#brxe-rijymt {opacity: 1; font-size: 18px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px}}@media (max-width: 478px) {#brxe-rijymt {padding-right: 5px; padding-left: 5px; font-size: 8px; height: 10%}}#brxe-uabqne {color: #0f1822; font-size: 18px; text-align: right}@media (max-width: 478px) {#brxe-uabqne {font-size: 8px; text-align: left}}#brxe-umdkur {color: #ffffff; font-size: 14px; font-weight: 400; line-height: 1em; position: relative; margin-top: 20px; border-radius: 100px; transition: all .3s; background-color: #212224}#brxe-umdkur:hover {color: #212224; background-color: var(--bricks-color-hqyvsi)}@media (max-width: 478px) {#brxe-umdkur {font-size: 8px; margin-top: 0; gap: 5px}}#brxe-tprjcf {background-color: var(--bricks-color-pnzvfi); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-radius: 20px; width: calc(100% - 80px); display: flex; flex-wrap: wrap; flex-direction: column; align-self: flex-end !important; align-items: flex-end; max-width: 550px; margin-right: 15px; margin-bottom: 10px}@media (max-width: 478px) {#brxe-tprjcf {padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; width: calc(100% - 20px); margin-right: 10px; margin-bottom: 5px; column-gap: 0px; row-gap: 0px}}#brxe-psuzqh {background-position: center center; background-image: url("https://dev.metrofibre.co.za/wp-content/uploads/CardImg-247Support.webp"); background-size: cover; border-radius: 20px; position: static; justify-content: flex-end; min-height: 500px}@media (max-width: 767px) {#brxe-psuzqh {min-height: 350px}}@media (max-width: 478px) {#brxe-psuzqh {min-height: 200px}}#brxe-rdfdmp {position: relative; justify-content: flex-end; height: 500px; max-height: 500px; align-items: flex-end; overflow: hidden}@media (max-width: 767px) {#brxe-rdfdmp {height: 350px; max-height: 350px; border-style: none}}@media (max-width: 478px) {#brxe-rdfdmp {height: 200px; max-height: 200px; width: 200px; column-gap: 0px; row-gap: 0px}}#brxe-pbwfgs {flex-direction: row; column-gap: var(--space-xs); row-gap: var(--space-xs)}@media (max-width: 767px) {#brxe-pbwfgs h3 { height: max-content;}}@media (max-width: 478px) {#brxe-pbwfgs {column-gap: 0px; row-gap: 5px; flex-direction: row; align-self: flex-start !important}}#brxe-ywqcmk { background: var(--modem); overflow: hidden;}@media (min-width: 767px) { .content10__column:not(.content10__column-first), .content10:hover .content10__column:nth-child(1){ width: 120px; transition: all .5s ease; transition-delay: 200ms; } .content10__column:nth-child(1){ width: calc(100% - 360px); transition: all .5s ease; } .content10__column:hover{ width: calc(100% - 360px) !important; transition: all .3s ease-in; }  .content10__column__content{ opacity:0; transition: all 1s; position: absolute; bottom: -200px; right:0; transition: all .5s; } .content10:hover .content10__column:nth-child(1) .content10__column__content{ opacity: 0; bottom: -200px; transition: all .5s; } .content10 .content10__column:nth-child(1):hover .content10__column__content{ opacity: 1; bottom: 0px; transition: all .5s; transition-delay: 400ms; } .content10__column:hover .content10__column__content, .content10 .content10__column:nth-child(1) .content10__column__content{ opacity:1; transition: all .5s; transition-delay: 400ms; bottom: 0px; }  .content10__column__title{ writing-mode: vertical-rl; }} .content10__column__title{ position: absolute !important; top: 10px; left: 13px; }.button01{ padding: 0.3em .4em .3em 1em;} .button01 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); }}@media (max-width: 478px) {#brxe-ywqcmk {column-gap: 5px; row-gap: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 0; margin-bottom: 0; display: none}}#brxe-pzrdfb { font-size: var(--text-xxl); text-wrap: balance; max-width: 600px;}@media (max-width: 991px) {#brxe-pzrdfb { max-width: 600px;}}@media (max-width: 767px) {#brxe-pzrdfb { width: 100%; max-width: 100%;}}#brxe-hqbgvg { font-size: var(--text-xl); text-wrap: balance; color: var(--gumball); max-width: 350px;}@media (max-width: 767px) {#brxe-hqbgvg { width: 100%; max-width: 100%;}}#brxe-mbrhrn {font-family: "Helvetica"; position: absolute; top: 0px; left: 0px; width: 50%; padding-top: 60px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; z-index: 9}@media (max-width: 767px) {#brxe-mbrhrn { position: static; width: 100%}#brxe-mbrhrn {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}}@media (max-width: 478px) {#brxe-mbrhrn {row-gap: 10px}}#brxe-mpyyfe:not(.tag), #brxe-mpyyfe img {object-fit: cover}#brxe-mpyyfe {width: 100%}#brxe-pcxzia {color: #ffffff; line-height: 1.3em; font-family: "Helvetica"; font-size: 20px; font-weight: 600}@media (max-width: 767px) {#brxe-pcxzia {font-size: 14px}}@media (max-width: 478px) {#brxe-pcxzia {font-size: 14px; text-align: center}}#brxe-guicfr {color: #ffffff; line-height: 1.3em; font-family: "Helvetica"}@media (max-width: 767px) {#brxe-guicfr {font-size: 14px}}@media (max-width: 478px) {#brxe-guicfr {font-size: 12px}}#brxe-zrolng {margin-top: 10px}#brxe-ivcfcj {position: absolute; bottom: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; left: 0px; min-height: 50%; justify-content: flex-end; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); row-gap: 10px}#brxe-pgjslh {position: relative}@media (max-width: 478px) {#brxe-pgjslh {align-items: center}}[data-id="brxe-vrprzv"].splide__slide {position: relative; z-index: 1}#brxe-rfnfin:not(.tag), #brxe-rfnfin img {object-fit: cover}#brxe-rfnfin {width: 100%}#brxe-cqlgza {color: #ffffff; line-height: 1.3em; font-family: "Helvetica"; font-size: 20px; font-weight: 600}@media (max-width: 767px) {#brxe-cqlgza {font-size: 14px}}@media (max-width: 478px) {#brxe-cqlgza {font-size: 14px; text-align: center}}#brxe-ebyahg {color: #ffffff; line-height: 1.3em; font-family: "Helvetica"}@media (max-width: 767px) {#brxe-ebyahg {font-size: 12px}}@media (max-width: 478px) {#brxe-ebyahg {font-size: 12px}}#brxe-veujyn {margin-top: 10px}#brxe-etxhjx {position: absolute; bottom: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; left: 0px; min-height: 50%; justify-content: flex-end; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); row-gap: 10px}#brxe-wknegd {position: relative}@media (max-width: 478px) {#brxe-wknegd {align-items: center}}[data-id="brxe-bwgrqt"].splide__slide {position: relative; z-index: 1}#brxe-rwskfr:not(.tag), #brxe-rwskfr img {object-fit: cover}#brxe-rwskfr {width: 100%}#brxe-ycswlz {color: #ffffff; line-height: 1.3em; font-family: "Helvetica"; font-size: 20px; font-weight: 600}@media (max-width: 767px) {#brxe-ycswlz {font-size: 14px}}@media (max-width: 478px) {#brxe-ycswlz {font-size: 14px; text-align: center}}#brxe-dwyknv {color: #ffffff; line-height: 1.3em; font-family: "Helvetica"}@media (max-width: 767px) {#brxe-dwyknv {font-size: 12px}}@media (max-width: 478px) {#brxe-dwyknv {font-size: 12px}}#brxe-nvfsoh {margin-top: 10px}#brxe-qxevok {position: absolute; bottom: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; left: 0px; min-height: 50%; justify-content: flex-end; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); row-gap: 10px}#brxe-qnbket {position: relative}@media (max-width: 478px) {#brxe-qnbket {align-items: center}}[data-id="brxe-pjxxqo"].splide__slide {position: relative; z-index: 1}#brxe-idohcy:not(.tag), #brxe-idohcy img {object-fit: cover}#brxe-idohcy {width: 100%}#brxe-hogkwy {color: #ffffff; line-height: 1.3em; font-family: "Helvetica"; font-size: 20px; font-weight: 600}@media (max-width: 767px) {#brxe-hogkwy {font-size: 14px}}@media (max-width: 478px) {#brxe-hogkwy {font-size: 14px; text-align: center}}#brxe-xeabku {color: #ffffff; line-height: 1.3em; font-family: "Helvetica"}@media (max-width: 767px) {#brxe-xeabku {font-size: 12px}}@media (max-width: 478px) {#brxe-xeabku {font-size: 12px}}#brxe-lbhocp {margin-top: 10px}#brxe-qaoukb {position: absolute; bottom: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; left: 0px; min-height: 50%; justify-content: flex-end; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); row-gap: 10px}#brxe-vkifbx {position: relative}@media (max-width: 478px) {#brxe-vkifbx {align-items: center}}[data-id="brxe-sthinm"].splide__slide {position: relative; z-index: 1}#brxe-gwhfvf .splide__arrow {background-color: var(--bricks-color-pnzvfi); height: 35px; width: 35px; font-size: 25px; color: #121212; border-style: none; border-color: rgba(34, 35, 37, 0.25)}#brxe-gwhfvf {margin-top: 20px; margin-bottom: 20px}#brxe-gwhfvf .splide__arrow:hover {background-color: var(--bricks-color-hqyvsi); color: #212224}#brxe-gwhfvf .splide__slide {align-items: flex-start}#brxe-gwhfvf .splide__arrow--prev {left: calc(50% - 18%)}#brxe-gwhfvf .splide__arrow--next {right: calc(50% - 18%)}@media (max-width: 767px) {#brxe-gwhfvf .splide__arrow--prev {left: -15px}#brxe-gwhfvf .splide__arrow--next {right: -15px}#brxe-gwhfvf {margin-top: 5px; margin-bottom: 5px}}#brxe-svfwol { font-size: var(--text-m); text-wrap: balance; color: var(--gumball); max-width: 350px; text-align: right;}@media (max-width: 767px) {#brxe-svfwol { max-width: 100%; text-align: left; text-wrap: wrap;}}#brxe-yjulig {width: 50%; position: absolute; padding-top: 20px; padding-right: 20px; padding-bottom: 60px; padding-left: 20px; z-index: 9; bottom: 0px; right: 0px; align-items: flex-end}@media (max-width: 767px) {#brxe-yjulig {width: 100%; position: static; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}}#brxe-vgwxyl {position: relative; padding-top: 60px; padding-right: 20px; padding-bottom: 60px; padding-left: 20px}@media (max-width: 478px) {#brxe-vgwxyl {row-gap: 0px; column-gap: 0px}}.splide__slide:not(.is-active) .slider05__slide__content{opacity: 0; transition: all 1s;} .splide__slide:not(.is-active) .slider05__slide__content, .splide__slide:not(.is-prev) .slider05__slide__content, .splide__slide:not(.is-next) .slider05__slide__content{ margin-bottom: 300px;} .slider05__slide .is-next .slider05__slide__content{opacity: 1; margin-bottom: 300px; margin-top: 0px; transition: all 1s; } .slider05__slide .is-prev .slider05__slide__content{opacity: .7; margin-top: 300px; margin-bottom: 0px; transition: all 1s; } .slider05__slide .is-active{border: none !important;} .slider05__slide .is-active .slider05__slide__content{margin: 100px 0;} .slider05__slide .is-active .slider05__slide__content img{height: 350px; border: solid 5px #ffffff;} .slider05__slide .slider05__slide__content img{height: 200px; border: solid 5px transparent;} .slider05__slide .slider05__slide__content img{ transition: height 1s;} .slider05__slide__content, .slider05__slide__content__cta{transition: all 1s;} .splide__slide:not(.is-active) .slider05__slide__content__cta{opacity: 0; transition: all .3s;}@media (max-width: 478px) {#brxe-odhcvp {margin-top: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; position: relative}:where(#brxe-odhcvp > *:not(figcaption)) {position: relative}#brxe-odhcvp::before {background-image: linear-gradient(10deg, rgba(244, 234, 227, 0.03) 50%, rgba(16, 24, 32, 0)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}}