:root{--default-color:#000;--primary-color:#fff;--secondary-color:#942428;--gray:#f2f2f2}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-weight:lighter;margin:0;padding:0}h1{font-size:4em}h2{font-size:2em}h3{font-size:1.5em}p{font-size:1.2em;font-weight:lighter}@media screen and (max-width:1300px){h1{font-size:3em}}@media screen and (max-width:900px){h3{font-size:1.3em}}@media screen and (max-width:700px){h1{font-size:2.5em}p{font-size:1em}h2{font-size:2em}h3{font-size:1.15em}}@media screen and (max-width:500px){h1{font-size:2em}h3{font-size:1em}p{font-size:.8em}}@media screen and (max-width:400px){h2{font-size:1.2em}p{font-size:.8em}}.Header{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 4px 30px 5px rgba(33,31,32,.188);display:flex;justify-content:space-between;left:0;margin:.5em;min-height:100%;padding:1em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:.5em;z-index:2}.Header svg{stroke:var(--secondary-color)}.Header .menu ul{display:flex;list-style:none}.Header .menu ul a{text-decoration:none}.Header .menu ul li{cursor:pointer;margin:0 1.5em}.Header .menu ul li h2{color:var(--default-color);font-size:1.5em;font-weight:lighter}.Header .phone{background-color:var(--secondary-color);border-radius:15px;cursor:pointer;padding:1em;text-align:center}.Header .phone p{color:#fff}.Header .phone a{color:#fff;font-weight:lighter;text-decoration:none}.frontLogo{cursor:pointer;justify-self:center;width:15%}.burgerIcon{cursor:pointer;display:none;width:10%}.sideMenu{background-color:#fff;box-shadow:0 4px 30px 5px rgba(33,31,32,.188);display:none;height:100%;left:0;padding:1em;position:fixed;top:0;width:90%}.sideMenu .imgs{align-items:center;display:flex;justify-content:space-between;margin:1em 0}.sideMenu .imgs .logo{cursor:pointer;width:35%}.sideMenu .imgs .close{cursor:pointer;width:5%}.sideMenu hr{border:none;border-bottom:2px solid var(--secondary-color)}.sideMenu .menu2{margin:5em 2em}.sideMenu .menu2 ul{list-style:none}.sideMenu .menu2 ul li{cursor:pointer;margin:2em 0}.sideMenu .menu2 ul li a{text-decoration:none}.sideMenu .menu2 ul li h2{color:var(--default-color);font-weight:lighter}.Header .phone{font-size:1em}@media screen and (max-width:1500px){.Header .phone{font-size:.8em}}@media screen and (max-width:1400px){.Header .menu ul li h2{font-size:.9em}}@media screen and (max-width:1100px){.Header .menu ul li{margin:0 1em}}@media screen and (max-width:1000px){.Header .menu ul li h2{font-size:.8em}}@media screen and (max-width:900px){.Header .menu{display:none}.Header .phone{padding:.5em 1em}.frontLogo{cursor:pointer;width:25%}.burgerIcon{display:inline-block}}@media screen and (max-width:500px){.Header{padding:0 1em}.Header .frontLogo{cursor:pointer;margin:0 0 0 1.5em;width:35%}.Header .phone{font-size:.7em}.Header .burgerIcon{width:15%}}@media screen and (max-width:350px){.Header .phone{font-size:.5em}.sideMenu .menu2{font-size:.6em}}.Home{align-items:center;display:flex;height:100vh;padding:2em}.Home svg{.cls-1{fill:#fff;filter:url(#drop-shadow-2)}.cls-1,.cls-2{stroke-width:0px}.cls-2{fill:none}.cls-4{-webkit-clip-path:url(#clippath);clip-path:url(#clippath)}}.Home .text{margin:2em;width:50%}.Home .text h1{color:var(--default-color)}.Home .text h1:nth-of-type(2){margin:0 0 1em}.Home .text b{color:var(--secondary-color)}.Home .text .btn{display:flex;justify-content:center;width:100%}.Home .text .btn button{background-color:var(--secondary-color);border:none;border-radius:50px;cursor:pointer;padding:1em 2em;width:50%}.Home .text .btn button p{color:#fff}.Home .text .btn button a{color:#fff;text-decoration:none}.Home .imgs{background-color:#fff;margin:2em;padding:1em;width:50%}.Home .imgs img{width:100%}@media screen and (max-width:1300px){.Home .text h1{font-size:3em}}@media screen and (max-width:1000px){.Home{flex-direction:column;height:100%}.Home .text{margin:2em 0;text-align:center;width:80%}.Home .text h1{font-size:4em}.Home .imgs{width:90%}}@media screen and (max-width:700px){.Home .text h1{font-size:2.5em}}@media screen and (max-width:500px){.Home .text{margin:2em 0;width:100%}.Home .text h1{font-size:2em}.Home .imgs{width:100%}}@media screen and (max-width:350px){.Home .text .btn button{padding:.5em 2em;width:70%}}.AboutPage{background-color:var(--gray);padding:3em 0}.AboutPage h2{color:var(--default-color);text-align:center}.About{padding:2em}.About .theDivide .first h3,.About .theDivide .first p{margin:1em;text-align:center}.About .second{align-items:center;display:flex;flex-direction:column;width:50%}.About .titles,.About b{color:var(--secondary-color)}.About b{font-size:1.3em}.About .theDivide{align-items:center;display:flex}.About .theDivide .first{margin:1em;width:50%}.About .theDivide .first .whoWeAre{display:flex;flex-direction:column}.About .theDivide .first .whoWeAre .titles{margin:2em}.About .theDivide .first .whoWeAre h3{font-weight:400;margin:1em;text-align:center}.About .theDivide .imgContainer{display:flex;justify-content:center;margin:1em 0;overflow:hidden;width:100%}.About .theDivide .imgContainer svg{cursor:pointer;width:5%}.About .theDivide .imgContainer svg .cls-1{fill:var(--primary-color);fill-rule:evenodd;stroke-width:0px}.About .theDivide .imgContainer svg .cls-2{fill:var(--secondary-color);stroke-miterlimit:10}.About .theDivide .imgContainer .imgs{background-color:#3d1728;border-radius:10px;height:60vh;margin:1em;text-align:center;width:70vh}.About .theDivide .imgContainer .imgs img{border-radius:10px;height:100%;object-fit:cover;width:100%}.About .operations{text-align:center}.About .operations h3{font-weight:400;margin:1em}.About .operations svg{width:40%}.About .operations svg path{opacity:1}.About .operations svg .southAfrica{font-family:ArialMT,Arial;font-size:12px}.About .operations svg .southAfrica text{fill:var(--primary-color);cursor:default}.About .operations svg .northenCape{fill:#093f48}.About .operations svg .freeState{fill:#632c27}.About .operations svg .easternCape{fill:#2a2b2f}.About .operations svg .westernCape{fill:#c9be35}.About .operations svg .westernCape path{opacity:.1}.About .operations svg .limpopo{fill:#d6a456}.About .operations svg .limpopo path{opacity:.1}.About .operations svg .mpumalanga{fill:#3d1728}.About .operations svg .kwaZuluNatal{fill:#af4727}.About .operations svg .gauteng{fill:#942428}.About .operations svg .northWest{fill:#a9ad53}@media screen and (max-width:1300px){.About .theDivide .imgContainer .imgs{height:50vh}}@media only screen and (max-width:1300px){.About .theDivide .imgContainer svg{width:10%}}@media screen and (max-width:1000px){.About .second{width:90%}.About .theDivide{flex-direction:column}.About .theDivide .imgContainer svg{width:10%}.About .operations svg{width:80%}.About .theDivide .first{width:100%}.About .theDivide .first .whoWeAre svg{width:70%}}@media screen and (max-width:700px){.About{padding:0}.AboutPage p{font-size:1em}.About .theDivide .imgContainer{width:100%}.About .theDivide .imgContainer .imgs{height:35vh;width:90vh}.About .theDivide .first,.About .theDivide .first .whoWeAre svg{width:100%}.About .theDivide .first .whoWeAre svg .southAfrica{font-size:16px}.About .certification .text{margin:0}}@media only screen and (max-width:500px){.About{padding:0}.About .theDivide .imgContainer svg{width:15%}}@media screen and (max-width:400px){.About{padding:1em}.About .first,.About .imgContainer{margin:.5em}.About .theDivide .imgContainer .imgs{margin:0 .5em;width:40vh}}.Services{padding:2em}.Services h2{text-align:center}.Services b{color:var(--secondary-color)}.serviceContainer{grid-gap:2em;display:grid;gap:2em;grid-template-columns:1fr 1fr 1fr;margin:2em 0}.service{background-color:var(--primary-color);border-radius:10px;box-shadow:5px 2px 30px 5px rgba(0,0,0,.071);cursor:pointer;padding:2em;width:100%}.service svg{fill:var(--secondary-color);margin:1em 0;width:15%}.service h3{margin:1em 0}.service:first-of-type svg{fill:none;stroke:var(--secondary-color);stroke-width:.7em}.service:last-of-type svg{fill:none;stroke:var(--secondary-color);width:15%}@media only screen and (max-width:1000px){.serviceContainer{display:grid;grid-template-columns:1fr 1fr}.serviceContainer svg{width:20%}.service:last-of-type{grid-column:1/-1}.service:last-of-type svg{width:10%}}@media only screen and (max-width:700px){.serviceContainer svg{width:35%}.serviceContainer .service:last-of-type svg{width:18%}.service{padding:2em 1em}}@media only screen and (max-width:500px){.serviceContainer svg{width:17%}.serviceContainer .service:last-of-type svg{width:15%}.serviceContainer{grid-template-columns:1fr}}.Testimonials{background-color:var(--gray);padding:1em 0;text-align:center}.Testimonials h2{color:var(--default-color);margin:1em 0;text-align:center}.Testimonials .container{-ms-overflow-style:none;display:flex;overflow-x:scroll;scrollbar-width:none;white-space:nowrap;width:100%}.Testimonials .container .imgs img{border-radius:10px;cursor:pointer;margin:1em 5em 2em;object-fit:cover;width:20vh}.Testimonials .container .imgs a{color:var(--default-color);font-weight:400;text-decoration:none}.Testimonials .container .imgs h3{margin:1em 0;text-align:center}.Testimonials .container::-webkit-scrollbar{display:none}.Testimonials button{background-color:var(--secondary-color);border:1px solid var(--primary-color);border-radius:10px;color:var(--primary-color);cursor:pointer;margin:2em;padding:1em;width:50%}@media only screen and (max-width:1500px){.Testimonials .container .imgs img{margin:1em 4em;width:18vh}}@media only screen and (max-width:1000px){.Testimonials .container .imgs img{margin:1em 3.5em;width:15vh}}@media only screen and (max-width:1400px){.Testimonials .container .imgs img{margin:1em 4em}}@media only screen and (max-width:700px){.Testimonials .container .imgs img{margin:1em 2.5em;width:13vh}}@media only screen and (max-width:500px){.Testimonials .container .imgs img{width:12vh}}@media only screen and (max-width:400px){.Testimonials .container .imgs img{margin:1em .7em;width:10vh}}.Projects{padding:1em;position:relative}.Projects h2{color:var(--default-color);margin:1em .5em;text-align:center}.Projects .container{-ms-overflow-style:none;align-items:center;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.Projects .container::-webkit-scrollbar{display:none}.Projects .gridContainer{align-items:center;display:flex;flex-direction:column;margin:0 2em;padding:.5em;width:100%}.Projects .gridContainer img{border-radius:10px;box-shadow:1px 5px 25px 10px #0000000d;height:500px;margin:2em 1em;width:500px}.Projects .gridContainer button{background-color:var(--secondary-color);border:none;border-radius:25px;color:var(--primary-color);cursor:pointer;padding:1em;width:60%}@media only screen and (max-width:1000px){.Projects .gridContainer{margin:0 1em}.Projects .gridContainer img{height:300px;width:300px}}@media only screen and (max-width:600px){.Projects .gridContainer{margin:0}.Projects .gridContainer img{height:250px;width:250px}}@media only screen and (max-width:400px){.Projects .gridContainer{margin:0}.Projects .gridContainer img{height:180px;width:180px}}.Contact{padding:1em}.Contact .titlle{margin:1em;text-align:center}.Contact .options{display:flex;flex-direction:column;margin:2em 0 0 3em;width:40%}.Contact .options h3{color:var(--secondary-color)}.Contact .options span{align-items:center;display:flex;margin:.5em 0}.Contact .options span a{color:var(--default-color);cursor:pointer;list-style:none;text-decoration:none}.Contact .options svg{margin:0 .5em;width:5%}.Contact .options button{align-self:center;border:none;border-radius:10px;cursor:pointer;margin:1em;padding:1em 0;width:70%}.Contact .options button a{align-items:center;display:flex;justify-content:center;text-decoration:none}.Contact .options button a h3{color:#fff}.Contact .options button svg{fill:#fff;margin:0 .5em;width:5%}.Contact .svgs{align-self:center;display:flex;margin:1em;width:30%}.Contact .svgs svg{align-self:center;cursor:pointer;width:100%}.Contact .svgs a{margin:0 .75em}.Contact h2{color:var(--default-color);margin:1em 0;text-align:center}.Contact .container{align-items:center;display:flex;justify-content:space-between}.Contact .first{display:flex;flex-direction:column;padding:1em;width:100%}.Contact .first iframe{border:none;border-radius:10px;height:50vh;outline:none;width:100%}.Contact .container form{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1em;width:60%}.Contact .container form h3{color:var(--default-color);font-weight:lighter;margin:1em 0;text-align:center}.Contact .container form input,.Contact .container form textarea{background:none;background-color:var(--gray);border:none;border-radius:5px;margin:1em;outline:none;padding:1em;width:80%}.Contact .container form button{background:none;background-color:var(--secondary-color);border:none;border-radius:50px;color:#fff;cursor:pointer;margin:1em;padding:1em;width:60%}.Contact .container form button a{color:#fff;text-decoration:none}@media screen and (max-width:1300px){.Contact .options{margin:2em 0 0;width:70%}.Contact .container{flex-direction:column}.Contact .container .first,.Contact .container form{width:100%}}@media screen and (max-width:1000px){.Contact .options{width:100%}}@media screen and (max-width:500px){.Contact .options svg{width:5%}.Contact .container .first iframe{height:20vh}.Contact .svgs{width:50%}.Contact .svgs svg{width:100%}.Contact .svgs a{margin:0 .5em}}.Footer{background-color:var(--primary-color);padding:1em 0;text-align:center}.Footer,.Footer a{color:var(--default-color)}.Footer a{text-decoration:none}.Footer .badges{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:2em}.Footer .badges .certification{align-items:center;display:flex;width:15%}.Footer .badges .certification img:first-child{width:90%}.Footer .badges .certification img{width:50%}.Footer .badges .certification .text{align-items:center;display:flex;flex-direction:column}.Footer .badges .certification .text h3{color:var(--secondary-color)}.Footer p{margin:.5em 0}@media only screen and (max-width:1900px){.certification img{width:70%}.certification img:nth-child(2){width:7%}}@media only screen and (max-width:1500px){.Footer .badges .certification{width:30%}}@media only screen and (max-width:1000px){.Footer .badges .certification{width:45%}}@media only screen and (max-width:700px){.Footer .badges{margin:0}.Footer .badges .certification{flex-direction:column;width:40%}.Footer .badges .certification img,.Footer .badges .certification img:first-child{width:90%}.Footer .badges .certification img:nth-child(2){margin:1.5em 0;width:90%}}@media only screen and (max-width:400px){.Footer .badges .certification{width:60%}.Footer .badges .certification img{width:100%}}.Project .heading{margin:1em;text-align:center;text-transform:uppercase}.Project .imgss{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(4,1fr);margin:1em;max-height:100%}.Project .imgss img{border-radius:5px;height:100%;object-fit:contain;object-position:center;width:100%}.Project .viewImg{left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%}.Project .viewImg img{width:40%}.Project .viewImg button{background-color:var(--secondary-color);border:none;border-radius:15px;color:var(--primary-color);cursor:pointer;margin:1em;padding:1em;width:60%}@media only screen and (max-width:1900px){.Project .viewImg img{width:60%}}@media only screen and (max-width:1300px){.Project .viewImg img{width:80%}}@media only screen and (max-width:900px){.Project .imgss{grid-template-columns:repeat(3,1fr)}.Project .viewImg img{width:100%}}@media only screen and (max-width:500px){.Project .imgss{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:250px){.Project .imgss{grid-template-columns:1fr}}
/*# sourceMappingURL=main.9a0ac69d.css.map*/