@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-logo{color:currentcolor;font-size:20px;font-weight:600;line-height:1}.brxe-logo img{display:block;height:auto;width:auto}.brxe-logo a{color:currentcolor;display:inline-block}}@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 {: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 {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@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}}#brxe-tyfnjd {color: #ffffff; font-size: 90px; font-family: "Share Tech Local"; width: 60%}@media (max-width: 991px) {#brxe-tyfnjd {font-size: 140px}}@media (max-width: 767px) {#brxe-tyfnjd {font-size: 120px}}@media (max-width: 478px) {#brxe-tyfnjd {width: 100%; margin-bottom: 5px; padding-right: 20px; padding-left: 20px; font-size: 42px}}#brxe-mubnmw {color: var(--bricks-color-grey-100); font-size: 25px; font-family: "Share Tech"; width: 60%}@media (max-width: 991px) {#brxe-mubnmw {width: 80%}}@media (max-width: 478px) {#brxe-mubnmw {width: 100%; font-size: 20px; padding-right: 20px; padding-left: 20px; margin-bottom: 5px}}#brxe-rqbswu {margin-top: 50px; margin-bottom: 50px; color: #fcfcfc}@media (max-width: 478px) {#brxe-rqbswu {width: 100%; margin-top: 10px; margin-right: 42px; margin-bottom: 10px; margin-left: 42px; padding-right: 20px; padding-left: 20px; text-align: left}}#brxe-uascyp {margin-top: 50px; margin-bottom: 50px; margin-left: 20px; color: #f5f5f5}@media (max-width: 478px) {#brxe-uascyp {margin-top: 10px; margin-right: 42px; margin-bottom: 10px; margin-left: 42px; width: 100%}}#brxe-nzgnyx {margin-top: 50px; margin-bottom: 50px; margin-left: 20px; color: #ffffff}@media (max-width: 478px) {#brxe-nzgnyx {margin-top: 10px; margin-right: 42px; margin-left: 42px; width: 100%}}#brxe-bdbaxv {flex-direction: row; align-self: flex-start !important; justify-content: flex-start}@media (max-width: 478px) {#brxe-bdbaxv {justify-content: flex-start; align-self: flex-start !important}}#brxe-ounmli {justify-content: center; align-items: flex-start; align-self: flex-start !important; width: 90%; background-color: rgba(0, 0, 0, 0.11); background-blend-mode: overlay; background-image: url("https://kokio.co.za/wp-content/uploads/2026/06/kio-running-through-the-jungle.webp"); background-size: cover; background-attachment: fixed; margin-top: 0; color: #fff4cb; font-family: "Share Tech Local"; box-shadow: inset 10px 10px 200px 100px #000000; padding-top: 100px; padding-bottom: 55px}@media (max-width: 478px) {#brxe-ounmli {height: auto; padding-top: 40px; padding-bottom: 5px; box-shadow: inset 10px 10px 200px 50px hsl(46, 4%, 1%); background-color: rgba(255, 0, 0, 0); background-size: cover; background-position: center center; background-attachment: scroll; background-image: url("https://kokio.co.za/wp-content/uploads/2026/06/kio-running-through-the-jungle-1.png"); background-blend-mode: normal; background-repeat: no-repeat; width: 100%; position: relative}:where(#brxe-ounmli > *:not(figcaption)) {position: relative}#brxe-ounmli::before {background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}}#brxe-avvrer {min-height: 750px; scroll-snap-type: y mandatory; scroll-snap-align: center; background-color: #000000; margin-bottom: 0}@media (max-width: 991px) {#brxe-avvrer {background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #000000}}@media (max-width: 767px) {#brxe-avvrer {background-position: center center; background-repeat: no-repeat; background-size: contain}}@media (max-width: 478px) {#brxe-avvrer {background-size: cover; background-position: center center; padding-bottom: 5vw; min-height: 0px}}#brxe-ucyies {font-family: "Share Tech"; font-size: 35px; color: #f2f2f2}@media (max-width: 478px) {#brxe-ucyies {text-align: left}}#brxe-gnihyn {font-size: 19px; font-family: "Share Tech"; color: var(--bricks-color-grey-100)}@media (max-width: 478px) {#brxe-gnihyn {text-align: left; font-size: 20px}}#brxe-ewnuwq {width: 100%; margin-top: 50px}@media (max-width: 991px) {#brxe-ewnuwq {width: 95%}}@media (max-width: 767px) {#brxe-ewnuwq {align-self: center !important; justify-content: center; align-items: center}}@media (max-width: 478px) {#brxe-ewnuwq {padding-top: 20px; text-align: left; align-items: flex-start}}#brxe-eeolym {align-self: center !important; justify-content: center; align-items: center; height: auto; padding-right: 5%; padding-bottom: 50px; padding-left: 5%; width: 100%; color: hsl(46, 43%, 86%); background-color: #000000}@media (max-width: 767px) {#brxe-eeolym {align-self: center !important; justify-content: center; align-items: center}}@media (max-width: 478px) {#brxe-eeolym {height: auto; padding-bottom: 0}}#brxe-cifsmk {font-family: "Share Tech"; color: #fffefc; font-size: 35px}@media (max-width: 478px) {#brxe-cifsmk {font-size: 25px; margin-top: 20px; margin-bottom: 20px}}#brxe-rrsslq {color: var(--bricks-color-grey-100); font-family: "Share Tech"; font-size: 19px; margin-top: 37px}@media (max-width: 478px) {#brxe-rrsslq {font-size: 20px}}@media (max-width: 478px) {#brxe-urggec {padding-bottom: 20px}}#brxe-ukcduh {margin-top: 20px; margin-bottom: 20px; color: #fffcfe; font-family: "Share Tech"; font-size: 35px}@media (max-width: 478px) {#brxe-ukcduh {font-size: 20px; margin-top: 10px; margin-bottom: 10px}}#brxe-qgijkp {padding-top: 20px; padding-bottom: 20px; color: #fafafa; font-family: "Share Tech"; font-size: 35px}@media (max-width: 478px) {#brxe-qgijkp {font-size: 20px; padding-top: 10px; padding-bottom: 10px}}#brxe-crrxjg {padding-top: 20px; padding-bottom: 20px; color: #ffffff; font-family: "Share Tech"; font-size: 35px}@media (max-width: 478px) {#brxe-crrxjg {font-size: 20px; padding-top: 10px; padding-bottom: 10px}}#brxe-xjdidn {color: var(--bricks-color-grey-100); font-family: "Share Tech"; font-size: 19px}@media (max-width: 478px) {#brxe-xjdidn {font-size: 20px}}#brxe-ncvbrt {align-self: center !important; justify-content: center}@media (max-width: 478px) {#brxe-ncvbrt {margin-top: 20px}}#brxe-jvysaz {flex-direction: row; column-gap: 50px; width: 100%}@media (max-width: 991px) {#brxe-jvysaz {width: 95%}}@media (max-width: 478px) {#brxe-jvysaz {align-self: center !important; justify-content: center; align-items: center}}#brxe-diaqtd {align-self: center !important; background-color: #000000; justify-content: center; align-items: center; box-shadow: inset 0 140px 70px 10px rgba(0, 0, 0, 0.99); width: 100%; height: auto; padding-top: 50px; padding-right: 5%; padding-bottom: 50px; padding-left: 5%}@media (max-width: 478px) {#brxe-diaqtd {height: auto; padding-top: 0; padding-bottom: 0}}#brxe-zjlsfv {font-family: "Share Tech"; font-size: 35px; color: #f7f7f7}#brxe-vjzrjo {font-family: "Share Tech"; font-size: 19px; color: var(--bricks-color-grey-100)}@media (max-width: 478px) {#brxe-vjzrjo {font-size: 20px}}#brxe-rfcvml {width: 100%}@media (max-width: 991px) {#brxe-rfcvml {width: 95%}}@media (max-width: 478px) {#brxe-rfcvml {align-self: center !important; justify-content: center; align-items: flex-start; margin-top: 20px; margin-bottom: 20px}}#brxe-vivizk {height: auto; padding-top: 50px; padding-right: 5%; padding-bottom: 50px; padding-left: 5%; align-self: center !important; justify-content: center; align-items: center; width: 100%; background-color: hsl(0, 0%, 0%); color: fff4cb}@media (max-width: 478px) {#brxe-vivizk {height: auto; padding-top: 10px; padding-bottom: 50px}}#brxe-rhpulv {background-position: center center; min-height: 420px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px}#brxe-rhpulv:hover {transform: translateY(-6px) scaleX(1.03) scaleY(1.03)}#brxe-ztbhff {background-position: center center; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px}#brxe-ztbhff:hover {transform: scaleX(1.03) scaleY(1.03) translateY(-6px)}#brxe-ecqliq {background-position: center center; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px}#brxe-ecqliq:hover {transform: translateY(-6px) scaleX(1.03) scaleY(1.03)}#brxe-lpxast {background-position: center center; min-height: 420px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px}#brxe-lpxast:hover {transform: translateY(-6px) scaleX(1.03) scaleY(1.03)}#brxe-tfzrwn {background-position: center center; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px}#brxe-tfzrwn:hover {transform: translateY(-6px) scaleX(1.03) scaleY(1.03)}#brxe-rqmqhi {background-color: #000000; display: flex; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px}#brxe-rqmqhi:hover {transform: translateY(-6px) scaleX(1.03) scaleY(1.03)}#brxe-seevag {grid-template-columns: 2fr 2fr 2fr; width: 100%; height: 100%; min-height: 100vh; margin-right: 2.5px; margin-left: 2.5px; display: grid; align-items: initial}@media (max-width: 478px) {#brxe-seevag {display: block; flex-wrap: wrap}}#brxe-hkcuxs {width: 90%}#brxe-qtkbau {background-color: hsl(0, 0%, 0%)}#brxe-pewmdm {align-self: center; font-family: "Share Tech"; text-transform: uppercase; color: #fcfcfc; font-size: 30px}@media (max-width: 478px) {#brxe-pewmdm {visibility: hidden}}#brxe-fksbcy {align-self: center; font-size: 19px; color: #ffffff; font-family: "Share Tech"; text-transform: uppercase; padding-top: 30px; padding-bottom: 30px}#brxe-diibkv {text-align: center; color: hsl(46, 73%, 81%); width: 80%; padding-top: 7vw; padding-bottom: 7vw}@media (max-width: 767px) {#brxe-diibkv {width: 100%; align-items: center; align-self: center !important; justify-content: center}}@media (max-width: 478px) {#brxe-diibkv {width: 80%; transform: translateY(-51px); height: auto}}#brxe-tossmi {text-align: center; align-self: center !important; background-color: #000000; justify-content: center; align-items: center; box-shadow: inset 0 140px 70px 10px rgba(0, 0, 0, 0.99); width: 100%; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0}@media (max-width: 767px) {#brxe-tossmi {align-self: center !important; justify-content: center; align-items: center}}@media (max-width: 478px) {#brxe-tossmi {align-self: center !important; justify-content: center; align-items: center; height: auto; padding-top: 0; padding-bottom: 0; display: none}}#brxe-ofqaxo {color: #ffffff; font-size: 19px; font-family: "Share Tech"; text-transform: uppercase; align-self: center}[data-id="brxe-nvdzlk"].splide__slide {align-self: center !important; justify-content: center; align-items: center}[data-id="brxe-mqvmfc"].splide__slide {align-self: center !important; justify-content: center; align-items: center}[data-id="brxe-wxytta"].splide__slide {align-self: center !important; justify-content: center; align-items: center}[data-id="brxe-tmdnis"].splide__slide {align-self: center !important; justify-content: center; align-items: center}[data-id="brxe-fdrdlc"].splide__slide {align-self: center !important; justify-content: center; align-items: center}[data-id="brxe-bsxzlv"].splide__slide {align-self: center !important; justify-content: center; align-items: center}[data-id="brxe-ausknj"].splide__slide {align-self: center !important; justify-content: center; align-items: center}[data-id="brxe-sufrdk"].splide__slide {align-self: center !important; justify-content: center; align-items: center}[data-id="brxe-jadjnu"].splide__slide {align-self: center !important; justify-content: center; align-items: center}[data-id="brxe-wxiale"].splide__slide {align-self: center !important; justify-content: center; align-items: center}[data-id="brxe-eztoiw"].splide__slide {align-self: center !important; justify-content: center; align-items: center}#brxe-dicxxq {align-self: center; padding-top: 50px; padding-bottom: 50px}@media (max-width: 478px) {#brxe-dicxxq {width: auto}#brxe-dicxxq .splide__slide {height: auto}}#brxe-azlzqz {width: 90%}@media (max-width: 991px) {#brxe-azlzqz {width: 95%}}#brxe-hbfmaz {height: auto; align-self: center !important; justify-content: center; align-items: center; padding-top: 20px; padding-bottom: 20px; width: 100%; background-color: hsl(0, 0%, 0%)}@media (max-width: 767px) {#brxe-hbfmaz {height: auto}}#brxe-thtnve {font-size: 20px; margin-top: 20px; margin-bottom: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px}#brxe-thtnve:hover {border: 2px solid #ffffff; border-radius: 50px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px}#brxe-dmapju {font-size: 20px; margin-top: 20px; margin-bottom: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px}#brxe-dmapju:hover {border: 2px solid #ffffff; border-radius: 50px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px}#brxe-trrdld {font-size: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 20px; margin-bottom: 20px}#brxe-trrdld:hover {border: 2px solid #ffffff; border-radius: 50px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px}#brxe-avzcis {font-size: 20px; margin-top: 20px; margin-bottom: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px}#brxe-avzcis:hover {border: 2px solid #ffffff; border-radius: 50px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px}#brxe-qlukjp {padding-right: 10px; border-right: 2px solid #ffffff; height: 50vh; z-index: 1; position: fixed; top: 180px; cursor: move; isolation: auto; left: 95%; text-align: right; text-transform: uppercase; color: #ffffff; font-weight: 200; font-size: 14px; margin-right: 20px; display: flex; align-self: center !important; justify-content: center; align-items: center; flex-direction: column}@media (max-width: 478px) {@media (max-width: 767px) { #brxe-qlukjp { display: none; }}}#brxe-mdpghz {text-transform: uppercase; font-family: "Share Tech"}#brxe-zofkqx {text-transform: uppercase; font-family: "Share Tech"; font-size: 23px}#brxe-mywobp {font-size: 19px; text-transform: uppercase; color: var(--bricks-color-blue); font-family: "Montserrat"; font-style: italic; font-weight: 100}#brxe-iilxtr {color: #fe0000; text-transform: uppercase; margin-top: 50px; padding-top: 5px; padding-bottom: 5px; background-color: rgba(255, 0, 0, 0); border: 1px solid #fe0000}#brxe-iilxtr:hover {border: 1px solid #000000; background-color: #e0e0e0; color: #000000; font-weight: 600}#brxe-ufxrtj {color: #ffffff; padding-top: 50px; padding-right: 50px; padding-bottom: 50px; padding-left: 50px}@media (max-width: 767px) {#brxe-ufxrtj {align-self: center !important; justify-content: center; align-items: center}}@media (max-width: 478px) {#brxe-ufxrtj {align-items: center; align-self: center !important; justify-content: center}}#brxe-nbszcr {align-self: center !important; justify-content: center; align-items: center; flex-direction: row; width: 90%}@media (max-width: 478px) {#brxe-nbszcr {align-self: center !important; justify-content: center; align-items: center; text-align: center}}#brxe-rzpaaj {height: auto; padding-top: 50px; padding-bottom: 50px; align-self: center !important; justify-content: center; align-items: center; width: 100%; background-color: hsl(0, 0%, 0%)}@media (max-width: 767px) {#brxe-rzpaaj {height: auto}}