/*! W3D - Jacques Baars <j@w3d.co.za> - Copyright (c) W3Designs (PTY) Ltd. (https://w3d.co.za) */:root{--customColor:#2BC4D8;--customColor2:#16C664;--customColor3:#2CDF7B;--customBgColor:#F1F0ED;--customBgColor2:#F8F7F3;--customBgColor3:#0D2C5C;--customBgGradient:linear-gradient(180deg, #F8F7F3 0%, #F1F0ED 100%);--customBorderColor:#2BC4D8;--customBorder:1px solid color-mix(in srgb, #1E5FB8 10%, transparent);--customShadow:0 var(--gap16) var(--gap36) color-mix(in srgb, #0D2C5C 8%, transparent)}body{font-family:Figtree,Helvetica,Arial,sans-serif}h1,h2,h3{font-family:Syne,Helvetica,Arial,sans-serif;font-weight:700}.btn{backdrop-filter:blur(10px)}#menu-banner .top-banner{color:var(--blackColor)}#menu-banner .top-banner .top-anchor{color:var(--blackColor)}#menu-banner .top-banner .top-anchor:hover{color:var(--blackColor)}#menu-banner .menu-banner{padding:var(--gap10) 0}#menu-banner .menu-banner .nav-anchor{padding:clamp(17px,1vw,30px) clamp(12px,1.2vw,25px);color:var(--accentColor2);font-family:Syne,Helvetica,Arial,sans-serif}#menu-banner .menu-banner .nav-bar .nav-bar-item.active>.nav-anchor,#menu-banner .menu-banner .nav-bar .nav-bar-item:hover>.nav-anchor{color:var(--customColor);text-shadow:0 0 var(--gap12) color-mix(in srgb,var(--customColor) 55%,transparent)}#menu-banner .menu-banner .nav-bar .nav-bar-item.active>.nav-anchor{color:var(--customColor2);text-shadow:0 0 var(--gap12) color-mix(in srgb,var(--customColor2) 45%,transparent)}#menu-banner .menu-banner .nav-dropdown{background-color:var(--customBgColor3);border-top:2px solid var(--customBorderColor);box-shadow:0 var(--gap18) var(--gap40) color-mix(in srgb,var(--accentColor2) 28%,transparent)}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item>.nav-anchor{color:var(--whiteColor);text-shadow:none}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item.active>.nav-anchor,#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item:hover>.nav-anchor{color:var(--customColor);background-color:color-mix(in srgb,var(--customColor) 12%,transparent)}#splash{background-image:url('../images/splash/smart-web-creation-desk.png?v=day');background-color:#ebebeb}#splash .content{padding:5% 0}#splash .content .eyebrow{letter-spacing:3px;text-transform:uppercase;font-size:var(--fontSize90);color:var(--accentColor)}#splash .content h1{text-shadow:none;letter-spacing:3px;color:var(--accentColor2);font-size:var(--fontSize500)}#splash .content p{font-size:var(--fontSize130)}#splash .path-chips{display:flex;gap:var(--gap8);flex-direction:column}#slogan{background-color:var(--whiteBgColor)}#pg-splash{padding:10% 0;background-image:url('../images/ui/inner-page-splash.png');background-color:var(--accentColor2)}#pg-splash h1{text-align:center;letter-spacing:2px;color:var(--whiteColor);font-size:var(--fontSize300);text-shadow:0 0 var(--gap32) color-mix(in srgb,var(--customColor) 40%,transparent)}#sum-div{background-color:var(--whiteBgColor)}#sum-div .sum-row.ways{background:var(--customBgGradient)}#sum-div .sum-row.ways .sum-column{overflow:hidden;border:var(--customBorder);box-shadow:var(--customShadow);background-color:var(--whiteBgColor)}#sum-div .sum-row.ways .sum-column>.text{padding-left:var(--sumDivGap);padding-right:var(--sumDivGap)}#sum-div .sum-row.ways .sum-column .image{width:100%}#sum-div .sum-row.overlap .sum-column.column-1{border:var(--customBorder);box-shadow:var(--customShadow);background-color:var(--whiteBgColor)}#sum-div .sum-row.build-it .sum-column{border:var(--customBorder);padding-left:var(--sumDivGap);padding-right:var(--sumDivGap);box-shadow:var(--customShadow);background-color:var(--whiteBgColor)}#sum-div .sum-row.build-it .sum-column>.text{text-align:left}#sum-div .sum-row.cover{background-image:url('../images/home/we-host-it-all.png')}#sum-div .sum-row.cover .sum-column{margin-left:5%;border:var(--customBorder);box-shadow:var(--customShadow);background-color:var(--whiteBgColor95)}#sum-div .sum-row.summary{background:var(--customBgGradient)}#content>.spread>.data h3{border-bottom:1px dashed var(--softBorderColor)}#content>.panel:nth-child(2n){background-color:var(--customBgColor2)}#content>.panel h3{border-bottom:1px dashed var(--softBorderColor)}#content>.panel blockquote.quote{margin-top:var(--gap24)}#content>.panel .info h3{font-size:var(--fontSize160);border-bottom:0}#content>.panel.contact{background-color:var(--customBgColor)}#content>.panel .packages .note{padding:var(--gap20);text-align:center}#content>.panel .packages .list{margin:var(--gap30) 0}#content>.panel .packages .list .package{display:flex;overflow:hidden;margin-bottom:var(--gap10);background-color:var(--whiteBgColor);border:1px solid color-mix(in srgb,var(--accentColor2) 10%,transparent)}#content>.panel .packages .list .package:last-child{margin-bottom:0}#content>.panel .packages .list .package>*{flex:1;padding:var(--gap20);align-content:center;width:calc((100% / 3) - 40px)}#content>.panel .packages .list .package>:not(.title){text-align:center}#content>.panel .packages .list .package>.title{margin:0;color:var(--whiteColor);border:none;padding:var(--gap20);background-color:var(--accentColor);font-family:Figtree,Helvetica,Arial,sans-serif}#content>.panel .builders .builder{height:100%;display:flex;text-align:center;padding:var(--gap32);flex-direction:column;border:var(--customBorder);box-shadow:var(--customShadow);background-color:var(--whiteBgColor)}#content>.panel .builders .builder>.title{border-bottom:0}#content>.panel .builders .builder>svg{margin:0 auto;width:var(--width80);fill:var(--accentColor2)}#content>.panel .builders .builder>.button{margin-top:auto;padding-top:var(--gap24)}#ticker{border-bottom:1px solid var(--softBorderColor)}#ticker .logos .container{padding-left:var(--gap20);padding-right:var(--gap20)}@media screen and (max-width:600px){#splash{position:relative;background-position:95% center!important}#splash::before{top:0;left:0;right:0;bottom:0;content:'';position:absolute;background-color:var(--whiteBgColor70)}#splash .content{width:75%;padding:12% 0;position:relative}#splash .path-chips{text-align:center;margin-top:var(--gap8)}#pg-splash{padding:20% 0}#sum-div .sum-row.cover .sum-column{margin-left:0}#content>.panel .packages .list .package{flex-direction:column}#content>.panel .packages .list .package>*{width:auto}#content>.panel .packages .list .package>:nth-child(2){border-bottom:1px solid color-mix(in srgb,var(--accentColor2) 10%,transparent)}#content>.panel .packages .list .package>.title{text-align:center}#ticker .logos .container{padding-left:var(--gap8);padding-right:var(--gap8)}}