@font-face{font-family:Avenir;src:url(/fonts/avenir/AvenirLTProBook.woff2) format("woff2"),url(/fonts/avenir/AvenirLTProBook.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvenirHeader;src:url(/fonts/avenir/AvenirLTProHeavy.woff2) format("woff2"),url(/fonts/avenir/AvenirLTProHeavy.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Fallback;src:local("Arial"),local("ArialMT"),local("Roboto"),local("Roboto Regular"),local("Roboto-Regular");font-weight:400;font-style:normal;size-adjust:100.91%;ascent-override:74.92%;descent-override:24.18%;line-gap-override:19.82%}@font-face{font-family:AvenirHeader Fallback;src:local("Arial"),local("ArialMT"),local("Roboto"),local("Roboto Regular"),local("Roboto-Regular");font-weight:400;font-style:normal;size-adjust:106.42%;ascent-override:71.04%;descent-override:22.93%;line-gap-override:18.79%}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.ttf) format("truetype")}html,body{font-family:Avenir,Avenir Fallback,sans-serif;margin:0;padding:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5.h6{font-family:AvenirHeader,AvenirHeader Fallback,sans-serif}.font-semibold{font-weight:500!important}p,.table td{color:#666;font-size:1.25rem;margin:0 0 1rem}.logo{height:8.9375rem;width:8.9375rem;max-width:100%}#heroCarousel .overlay{background:#00000080}#heroCarousel .hero-title{font-size:clamp(1.5rem,4vw,3.75rem);line-height:1.2;color:inherit;text-align:inherit;letter-spacing:normal}.service-card{transition:transform .3s ease,box-shadow .3s ease}@supports (-webkit-touch-callout: none){html{-webkit-overflow-scrolling:touch}}button,a{scroll-margin-top:1rem}@media all and (-ms-high-contrast: none){.logo{height:143px;width:143px}}.dropdown-item.active{background:#18372143!important}.nav-link.inline-flex{display:inline-flex;align-items:center}.dropdown-menu.mt-0{margin-top:0!important}.relative>.dropdown-menu{left:0;right:auto;transform:none}.container{width:100%;max-width:1200px;padding:0 1rem}@media (max-width: 768px){.container{padding:0 1rem}}@media (min-width: 1200px){.container{max-width:1280px!important}}.footer-logo{height:auto;max-height:78px}.font-bold{font-weight:500!important;font-family:AvenirHeader,AvenirHeader Fallback,sans-serif}.container{max-width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.shadow,.shadow-xl,.shadow-md,.shadow-lg,.shadow-sm{box-shadow:1px 3px 10px #cdd1cf!important}.breadcrumbs{display:flex;gap:10px;align-items:center}@media (max-width: 767px){.breadcrumbs{flex-wrap:wrap;justify-content:center;row-gap:4px;max-width:100%;padding:0 1rem}.breadcrumbs a,.breadcrumbs span.not-link{font-size:16px}.breadcrumbs span:not(.not-link){display:none}.breadcrumbs>a:not(:last-child):after,.breadcrumbs>span.not-link:not(:last-child):after{content:"|";margin-left:8px;opacity:.7}}.breadcrumbs span:not(.not-link){font-size:20px;height:100%;padding-bottom:2px}.btn-primary{background-color:#137ac0;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:500}h2{font-family:AvenirHeader,AvenirHeader Fallback,sans-serif;font-weight:500;font-size:40px;line-height:100%;letter-spacing:-.011em;text-align:center;vertical-align:middle;color:#000}h4{font-family:AvenirHeader,AvenirHeader Fallback,sans-serif;font-weight:500;font-size:13px;line-height:150%;letter-spacing:-.011em;color:#137ac0}ul li{font-size:20px}ul.list-outside{padding-left:40px}ul.list-outside li{margin-bottom:15px}@media (min-width: 992px){.dropdown:hover .dropdown-menu{display:block}.dropdown-menu{margin-top:0}}.mobile-menu{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.mobile-menu.open{max-height:1000px}.dropdown-menu{display:none}.dropdown-menu.show{display:block}.footer-bg{background-image:url(/assets/img/vineyard-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.btn-filter{background-color:#d9d9d9;color:#000;font-weight:800;font-size:1rem;height:41px;min-width:130px;border-radius:0!important;border:none!important}.btn-filter.active{background-color:#ffe067;color:#000}.btn-filter:hover{background-color:#ffe067!important}@media (max-width: 767.98px){#document-hub>.flex.flex-wrap,#document-hub>.mb-6>.flex.flex-wrap{flex-wrap:nowrap!important;overflow-x:auto;padding-top:4px;padding-bottom:12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}#document-hub>.flex.flex-wrap::-webkit-scrollbar,#document-hub>.mb-6>.flex.flex-wrap::-webkit-scrollbar{display:none}#document-hub>.flex.flex-wrap:has(+.filter-scroll),#document-hub>.mb-6>.flex.flex-wrap:has(+.filter-scroll){margin-bottom:0!important}#document-hub .filter-scroll{position:relative;height:4px;border-radius:2px;background:#e5e7eb}#document-hub>.filter-scroll{margin-bottom:3rem}#document-hub>.mb-6>.filter-scroll{margin-bottom:1.5rem}#document-hub .filter-scroll.is-hidden{height:0;visibility:hidden}#document-hub .filter-scroll__thumb{position:absolute;top:0;left:0;height:100%;border-radius:2px;background:#137ac0}#document-hub>.flex.flex-wrap:after,#document-hub>.mb-6>.flex.flex-wrap:after{content:"";position:sticky;right:0;flex:0 0 32px;margin-left:-20px;background:linear-gradient(to right,#fff0,#fff);pointer-events:none}#document-hub .btn-filter{flex:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;height:auto;min-height:44px;padding-top:0!important;padding-bottom:0!important}}@media (max-width: 389.98px){#document-hub>.flex.flex-wrap:after,#document-hub>.mb-6>.flex.flex-wrap:after{flex-basis:16px}}@media (min-width: 768px){#document-hub .filter-scroll{display:none}}@media (max-width: 767.98px){#document-hub>#docCards .category-card{position:relative;padding:16px 58px 16px 16px}#document-hub>#docCards .category-card .document-title{font-size:18px;line-height:1.3;margin:0}#document-hub>#docCards .category-card>p.mb-3{display:-webkit-box;margin:4px 0 0!important;overflow:hidden;font-size:16px;line-height:1.4;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}#document-hub>#docCards .category-card>.border-y{margin:0!important;padding:0!important;border:0}#document-hub>#docCards .category-card a.tap-target{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;min-height:0;margin:0!important;padding:0 16px!important}#document-hub>#docCards .category-card a.tap-target svg+svg{display:none}#document-hub>#docCards .category-card a.tap-target span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media (max-width: 767.98px){#document-hub>.shadow{padding:16px!important}#document-hub table,#document-hub table tbody,#document-hub table tr,#document-hub table td{display:block;width:100%}#document-hub table thead{display:none}#document-hub table tr{padding:0}#document-hub table td:first-child{padding:16px 0 4px;font-size:14px}#document-hub table td:first-child:empty{display:none}#document-hub table td:last-child{padding:0 0 12px}#document-hub table td:last-child:only-child,#document-hub table td:first-child:empty+td{padding-top:8px}#document-hub table li a{display:block;min-height:44px;padding:9px 0}}@media (max-width: 1023.98px){:is(#document-hub,#sksippp-documents-category) tbody li{line-height:1.3}}.document-title{font-family:AvenirHeader,AvenirHeader Fallback,sans-serif;font-weight:500;font-size:1.5rem;line-height:1;letter-spacing:-.011em;vertical-align:middle;font-synthesis:none;text-rendering:optimizeLegibility}.sidebar-title{font-family:AvenirHeader,AvenirHeader Fallback,sans-serif;font-weight:500;font-size:1.375rem;line-height:1.5;letter-spacing:-.011em;vertical-align:middle;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#vacancies p{font-size:20px;color:#666!important}@media (max-width: 767.98px){@supports (aspect-ratio: 1 / 1){#vacancies .h-64.overflow-hidden{height:auto;aspect-ratio:1 / 1}#vacancies .h-64.overflow-hidden img{object-position:50% 35%}#vacancies .h-48.overflow-hidden{height:auto;aspect-ratio:3 / 2}}}@media (max-width: 767.98px){#vacancies .vacancy-card{padding:16px!important}#vacancies .vacancy-card__date{flex-shrink:0;margin-left:12px;white-space:nowrap}#vacancies .vacancy-card__desc{font-size:16px;line-height:1.5;color:#212529!important;letter-spacing:.02em}#vacancies .vacancy-card__actions{flex-wrap:nowrap!important;gap:8px!important}#vacancies .vacancy-card__actions a{flex:1 1 0;align-items:center;justify-content:center;min-height:44px;padding:8px!important}}@media (max-width: 374.98px){#vacancies .vacancy-card__actions svg{display:none}#vacancies .vacancy-card__actions a{padding-right:4px!important;padding-left:4px!important}}header{.container{max-width:100%!important;display:flex;flex-direction:column;.row.top{flex:1}.row.bottom{flex:2}}[data-bs-toggle=dropdown]:after{content:url(/assets/img/chevron-down.png);margin-left:.5rem;vertical-align:middle}.dropdown-toggle:after{border:none;vertical-align:initial}.nav{a,button.nav-link{color:#fff!important;font-weight:300;background:transparent;border:none;padding:0 12px 0 0;cursor:pointer;font-size:1.25rem;display:inline-flex;align-items:center;&:hover,&:focus,&:active{color:#fff!important;outline:none}}}.nav .active{color:#fff!important}a.dropdown-item.rate-payers-disable-hover:hover,a.dropdown-item.municipal-services-disable-hover:hover{background-color:transparent!important}.dropdown-menu .dropdown.dropend .dropdown-menu{display:none;position:absolute;top:0;left:98%;margin-top:0;border-radius:0}.dropdown-menu .dropdown.dropend:hover>.dropdown-menu{display:block}.dropdown-menu{background-color:#0f7862;border:none;border-radius:0;position:absolute;top:70px;min-width:12rem;.dropdown-item{font-size:1.125rem;color:#fff;&:hover,&:focus{background-color:#0b5f4d;color:#fff}}[data-bs-toggle=dropdown]:after{content:url(/assets/img/chevron-left.png);margin-left:.5rem;vertical-align:middle}.dropdown-toggle:after{border:none;vertical-align:sub}a{font-size:1.125rem;color:#fff;&:hover,&:focus{color:#fff}}.dropdown-menu{position:absolute;top:33%;left:100%}}div#mobile-menu{.dropdown-menu,.dropdown-menu .dropdown-menu{position:static!important;transform:none!important;box-shadow:none!important;background-color:transparent!important;border:none!important}a{font-size:1.125rem}}}@media screen and (max-width: 1023px){header{.row.top,.row.bottom{display:none}}}footer{.bg-cover{background-color:#080712}h2.text-2xl{font-size:1.375rem;line-height:inherit;letter-spacing:normal;text-align:left;color:inherit}.contact-info__details{color:#cdd1cf}}[x-cloak]{display:none!important}#rate-payers h5,#town-planning h5,#procurement h5,#document-hub h5,#sksippp-documents h5,#sksippp-documents-category h5,#vacancies h5{color:#137ac0;text-transform:uppercase;font-size:14px}#rate-payers h2:not(.body-title),#town-planning h2:not(.body-title),#procurement h2:not(.body-title),#document-hub h2:not(.body-title),#sksippp-documents h2:not(.body-title),#sksippp-documents-category h2:not(.body-title),#vacancies h2:not(.body-title){font-size:40px;font-weight:500;text-align:left;margin:10px 0}h2:where(.body-title){letter-spacing:normal;color:inherit;text-align:inherit}.service-card{box-shadow:1px 3px 10px #cdd1cf!important}#services .service-card{height:290px}#our-people .service-icon,#services .service-icon{width:7.4375rem!important}.service-icon{width:10.4375rem}#town-planning .service-icon{width:10.4375rem!important}#have-any-question-box{background:linear-gradient(0deg,#d9d9d9,#d9d9d9),linear-gradient(0deg,#0000004d,#0000004d)}.custom-border{border-bottom:1px solid #babfc7}.custom-border>img[class*="w-["],footer img[src*=phone-icon],header .row.top a>img{object-fit:contain}thead tr th{font-family:AvenirHeader,AvenirHeader Fallback,Avenir,Avenir Fallback,Arial,sans-serif;font-weight:600;font-size:1.1rem;line-height:100%;letter-spacing:0;text-transform:uppercase}tbody{font-family:Avenir,Avenir Fallback,Arial,sans-serif;font-weight:500;font-size:1.125rem;line-height:100%;letter-spacing:0}.year-group tr:not(.year-separator){border-bottom:none}.year-separator td{border-bottom:1px solid #e5e7eb;height:1rem;padding:0}.year-group:last-child .year-separator{display:none}.year-group tr:not(:last-child){border-bottom:1px solid #f3f4f6}.form-control{border-radius:0;height:3.75rem;background-color:#f4f4f4;font-family:Avenir,Avenir Fallback,sans-serif;font-weight:350;font-size:1.125rem;line-height:150%;letter-spacing:-.011em;vertical-align:middle}#suggestion-box textarea{height:133px!important}#suggestion-box button{height:3.5625rem;border-radius:0;width:14rem}#verification_result{height:3.625rem;width:18.8125rem}@media (max-width: 767.98px){#suggestion-box .space-x-3{flex-wrap:wrap;row-gap:12px}#suggestion-box #refresh{display:inline-flex;flex:none;align-items:center;justify-content:center;width:auto;min-width:44px;min-height:44px}#suggestion-box #refresh img{flex:none;width:40px;height:40px;max-width:none}#suggestion-box #verification_result{flex:0 0 100%;width:100%;min-width:0;margin:0}}.contact-form{padding:2rem 1.5rem}.contact-form h2,.contact-details h2{font-size:22px;font-weight:500;line-height:inherit;letter-spacing:normal;text-align:left}.contact-form p,.contact-details p{margin:15px 0 30px}.contact-form form input,.contact-form form textarea{background:#f4f4f4;border-color:#f4f4f4;border-radius:0;padding:10px 20px;font-size:14px}.contact-form form .btn-primary{border-radius:0;border-color:#137ac0;padding:15px 25px;font-size:12px;font-weight:500}.contact-details h2{color:#0c3b74}.contact-details h3{color:#0c3b74;font-weight:500;font-size:20px}.contact-form form .btn-primary svg{padding-left:8px;border-left:1px solid #ffffff;width:25px}@media (max-width: 767px){.contact-form p,.contact-details p{font-size:18px}.contact-details{padding:20px 15px!important}}@media (min-width: 768px){.contact-form{padding:4rem 5rem}.contact-form h2,.contact-details h2{font-size:28px}}@media (max-width: 767.98px){.contact-detail{flex-direction:column}.contact a[href^="tel:"]{white-space:nowrap}}#our-vision #our-services-charter p{text-align:left}#team h5,#our-vision h5,#yzerfontein h5,.news h5,.our-team h5{color:#137ac0;font-size:14px}#team h2,#our-vision h2,#yzerfontein h2,.our-team button.accordion-button,#municipal h2{font-size:40px;margin:15px 0;font-weight:500}#our-vision .col-md-7 h2{text-align:left}#our-vision h4,#our-vision h3{font-weight:500;line-height:150%;letter-spacing:-.011em;font-size:30px;color:#fff}#our-vision .vision{background:#1b7e6e}#our-vision .mission{background:#137ac0}#our-vision .mission p,#our-vision .vision p{color:#fff;margin:10px 0}ul.content li{padding-left:30px;position:relative}ul.content li:before{content:"";width:17px;border-top:3px solid #ffffff;display:block;position:absolute;left:0;top:13px}#our-vision .mission,#our-vision .vision{padding:20px 30px}.icon-row img{width:70%;margin:auto}#our-vision .icon-row{justify-content:space-evenly}#our-vision .icon-row div{padding:0}#our-vision .icon-row div p{color:#000}@media (max-width: 767px){#our-vision #our-services-charter>.row{flex-direction:column-reverse}#our-vision h2,.our-team button.accordion-button,#municipal h2{font-size:22px}#our-vision p{font-size:18px}#our-vision h4,#our-vision h3{font-size:20px}#our-vision .mission p,#our-vision .vision p{margin:5px 0}.icon-row img{width:50%}}.news p{color:#666;font-size:20px;margin:20px 0}.news h3{font-size:24px;padding:10px 0 20px}.news h3{font-size:24px;padding:15px 0 25px;position:relative}.news h3:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:20%;background:linear-gradient(to right,#ffe067 20%,#cdd1cf 20%)}.news a{background:#ffe067;border-radius:0;border-color:#ffe067}.news h5{text-align:center}.our-team .text-muted{padding-bottom:54px}@media (max-width: 767px){.our-team .text-muted{padding-bottom:18px}}.collapse.show{visibility:visible}.our-team button.accordion-button{background:none;color:#000;border-bottom:1px solid #babfc7;padding-bottom:25px;display:block;text-align:center;box-shadow:none}.team-member{position:relative;overflow:hidden;cursor:pointer;height:100%;transition:transform .3s ease}.our-team .accordion-item{border:0}.our-team .accordion-body{padding-bottom:25px}.our-team .accordion-item:not(:first-child) button.accordion-button:not(.collapsed){padding-top:30px}.our-team button.accordion-button:not(.collapsed){border-bottom:none;box-shadow:none;padding:12px 30px}.our-team button.accordion-button:after{content:"";background-image:url(/assets/svg/Plus\ circle.svg);background-size:contain;width:28px;height:100%;right:0;top:0;bottom:0;background-position:center;position:absolute}.our-team button.accordion-button:not(.collapsed):after{background-image:url(/assets/svg/Minus\ circle.svg)}.team-member:hover{transform:scale(1.01)}.team-member img{width:100%;display:block;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.team-info{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;background:#0000004d;transition:background .4s ease,justify-content .4s ease}.team-member:hover .team-info{justify-content:center;background:#00000080}.team-info .name{font-weight:500;font-size:24px;transition:color .3s ease}.team-info .title{font-size:16px;transition:color .3s ease}.member-contact{margin-top:25px;padding-top:25px;border-top:1px solid #ffffff;display:none;transition:display .4s ease;pointer-events:none}.team-member:hover .member-contact{display:block;pointer-events:auto}@media (max-width: 768px){.our-team .accordion-body p{font-size:18px}}@media (min-width: 768px){.team-member.exec{width:30%;margin:auto}}.team-member.vacant{cursor:default;min-height:360px;background:linear-gradient(180deg,#e5e7e9,#cdd0d3)}.team-member.vacant .vacant-avatar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:4rem}.team-member.vacant .vacant-avatar i{font-size:4.5rem;color:#ffffff47}.team-member.vacant .team-info{background:#00000040}.team-member.vacant:hover{transform:none}.team-member.vacant:hover .team-info{justify-content:flex-end;background:#00000040}.document-title{font-family:AvenirHeader,AvenirHeader Fallback,sans-serif;font-weight:500;font-size:24px;line-height:100%;letter-spacing:-1.1%;vertical-align:middle;color:#111827;margin-bottom:.5rem}#services.municipal h2,#services.municipal p{text-align:left;max-width:unset}#services.municipal .service-icon{width:25%}.sticky-sidebar{position:sticky;top:1rem}.sticky-sidebar .icon-box svg{width:24px;height:24px;margin-right:.5rem}.sticky-sidebar .card-link{display:flex;align-items:center;padding:.5rem 0;text-decoration:none;color:inherit;border-bottom:1px solid #babfc7;margin:0 0 5px;gap:10px}#municipal .card-link:hover{color:#007bff}#have-any-question-box{background-image:url(/assets/img/vineyard-bg.webp);background-size:cover;background-position:center;color:#fff}.contact-card svg{width:18px;height:18px;margin-right:.5rem}.contact-card a{color:#fff;text-decoration:underline}#municipal ul{list-style-type:disc;padding-left:25px;font-size:20px;color:#666}#municipal .card-body{padding:20px 30px;font-size:20px}#municipal .card{border-radius:0;border:none;box-shadow:1px 3px 10px #cdd1cf}.contact-card p{color:#fff}#municipal .card-body .card-title{margin-bottom:25px;font-weight:500}.contact-card h6{font-size:20px}#municipal ol{color:#666;font-size:20px}#municipal .col-lg-8 img{max-height:55vh;width:100%;object-fit:cover;object-position:center}#municipalityAccordion .accordion-item{border:0}#municipalityAccordion .accordion-item button.accordion-button{background:unset}#municipalityAccordion .accordion-item button.accordion-button{background:unset;color:#000;font-size:20px;box-shadow:none}#municipalityAccordion .accordion-item .accordion-body{padding:0 0 20px;color:#666;font-size:20px}#municipalityAccordion .accordion-item button.accordion-button{background:unset;color:#000;font-size:20px;box-shadow:none;padding:0 0 20px;border-bottom:1px solid #babfc7;border-radius:0}#municipalityAccordion .accordion-item button.accordion-button:not(.collapsed){border:0}#municipalityAccordion .accordion-item .collapse{border-bottom:1px solid #babfc7}#municipalityAccordion{padding:25px 38px 20px;border:1px solid #babfc7}#municipalityAccordion .accordion-button:not(.collapsed):after{background-image:url("/assets/svg/Minus circle grey.svg")}#municipalityAccordion .accordion-button:after{background-image:url("/assets/svg/Plus circle grey.svg")}#municipalityAccordion table tr td{color:#666;border:0;font-size:20px}@media (max-width: 767px){#municipal .card-body{font-size:18px;padding:20px}.contact-card{padding:20px}.contact-card h6,.contact-card p,#municipal ol,#municipalityAccordion table tr td{font-size:18px}}#rate-payers p{font-family:Avenir,Avenir Fallback,sans-serif;font-weight:350;font-size:20px;line-height:1.5;letter-spacing:-.011em;color:#666}#town-planning li a{color:#1877f2;transition:color .3s ease;text-decoration:underline}.disk-list li{font-family:Avenir,Avenir Fallback,sans-serif;font-weight:350;font-size:1.25rem;line-height:1.5;letter-spacing:-.011em;color:#1877f2}#town-planning li a:hover{color:#5a8ed2}.scale-up-hover{transition:transform .3s ease;display:block}.scale-up-hover:hover{transform:scale(1.01)}nav.pagination-next{display:flex;justify-content:center;align-items:center;color:#666;gap:25px;font-size:16px}@media (max-width: 767px){nav.pagination-next{flex-wrap:wrap;gap:10px;row-gap:10px}}nav.pagination-next .page-number{height:32px;width:32px;background:#1b7e6e;color:#fff;border-radius:8px;text-align:center;line-height:32px}nav.pagination-next a,nav.pagination-next a.page-number{color:#000;background:none;text-transform:none}@media (min-width: 768px){nav.pagination-next{font-size:20px}}.events h3:after{display:none}.custom-shadow{box-shadow:1px 3px 10px #cdd1cf!important}.calendar-cta{border-radius:100px;border:1px solid #1877f2}@media (max-width: 768px){.logo{height:6rem;width:6rem}}@media (max-width: 480px){.logo{height:4.5rem;width:4.5rem}}header .row.bottom>ul{row-gap:0}header li.nav-item{padding:20px 0}header li.nav-item:hover a.nav-link svg,li.dropdown.dropend.group.relative:hover svg{transform:rotate(180deg)}li.dropdown.dropend.group.relative svg.ml-2{margin-left:auto}.contact-details>div>div>div:nth-of-type(3) h6{font-size:1.125rem;font-weight:700;margin-top:1.5rem;margin-bottom:.25rem;color:#4b5563}.contact-details>div>div>div:nth-of-type(3) ul li{font-size:1.125rem;color:#666}.contact-details>div>div>div:nth-of-type(3) ul li a{font-size:1.125rem}.swiper-controls .swiper-button-next,.swiper-controls .swiper-button-prev{position:relative;display:flex;align-items:center;justify-content:center;left:unset;right:unset;color:#fff;background:#d9d9d9cc;width:40px;height:40px;border-radius:50%;text-align:center}.swiper-controls .swiper-button-next:after,.swiper-controls .swiper-button-prev:after{font-size:18px;font-weight:900}.swiper-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:50px}.truncate-on-mobile{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 767.98px){[aria-label="Page header"]~#services .service-card{height:auto}[aria-label="Page header"]~#services .truncate-on-mobile{display:block;-webkit-line-clamp:unset;line-clamp:none;overflow:visible}}section[id=terms-conditions]{h2{text-transform:uppercase;font-size:1.5rem;margin-bottom:1em}h3{font-size:1.25rem}>div+div{margin-top:2em}ul{padding-left:3rem;margin-top:1rem}a[href^=mailto],a[href^=tel],a[href^=http],a[href^=www]{text-decoration:underline!important}}.dropdown-menu-left{right:100%;margin-right:.25rem}.rolling-banner{overflow:hidden;background-color:#137ac0;color:#fff;white-space:nowrap;width:100%;padding:10px 0;position:relative;margin:0;z-index:10}.rolling-track{display:inline-block;padding-left:100%;will-change:transform}.rolling-track span{display:inline-block;padding-right:50px;font-size:1.2rem}.rolling-track a{color:#fff;text-decoration:underline;transition:color .3s ease,text-decoration .3s ease}.rolling-track a:hover{color:#ffeb3b;text-decoration:none}.rolling-banner:hover .rolling-track{animation-play-state:paused;cursor:pointer}#register-event .btn-primary{border-radius:0;padding:17px 36px;font-size:1rem;gap:0}#register-event .btn-primary svg{margin-left:32px;padding-left:8px;border-left:1px solid #ffffff;width:25px}.btn-outline-event{display:inline-flex;align-items:center;gap:0;border:2px solid #1B7E6E;color:#1b7e6e;background:transparent;padding:17px 36px;font-weight:500;font-size:1rem;text-decoration:none;transition:background .2s ease,color .2s ease;border-radius:0}.btn-outline-event svg{margin-left:32px;padding-left:8px;border-left:1px solid #1B7E6E;width:25px;transition:border-color .2s ease}.btn-outline-event:hover{background:#1b7e6e;color:#fff}.btn-outline-event:hover svg{border-left-color:#fff}@media (max-width: 767.98px){#register-event .btn-primary,#register-event .btn-outline-event{width:100%;justify-content:space-between;text-align:left}#register-event .btn-primary svg,#register-event .btn-outline-event svg{flex:none}#register-event .btn-outline-event{padding-left:35px;padding-right:35px}}#register-event h5{color:#137ac0;font-size:14px;text-align:left;margin-bottom:1.375rem}#register-event h2:not(.body-title){text-align:left;margin:10px 0 20px}#register-event h4{font-size:18px;color:#1f2937}#register-event ul{list-style-type:none;padding-left:0;font-size:20px;color:#000}#register-event ul li i.fa-circle-check{color:#137ac0;margin-right:8px}#register-event h5.tagPadding{margin-top:74.5px}.appProcessGrid{gap:0}.appProcess{background-color:#1b7e6e;border:none;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.appProcess .step{color:#fff9;font-size:14px;text-transform:uppercase;margin-bottom:4px;letter-spacing:1.1px;line-height:16.5px}.appProcess h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.appProcess:not(:first-child) h3{max-width:180px;line-height:1.2}.appProcess .body{color:#ffffffbf;font-size:13px}.appProcess{position:relative}.appProcess:not(:last-child):after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#fff3}.eventCards h4{font-size:25px!important;line-height:1.2}.eventCards p{font-size:16px}.eventCards .cardContent:first-child{padding:22px 20px 10px}.eventCards .cardContent:last-child{padding:0 20px 22px}.notRequiredHeading{font-size:24.6px;font-weight:900;line-height:1.2}.notRequiredSection{border:1px solid #cdd1cf}.warningBox li,.warningBox p{color:#5a3c00}.downloadCard{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-left:4px solid #1b7e6e;border:1px solid #e3e6e4;box-shadow:0 2px 6px #0000000f;text-decoration:none;transition:all .2s ease;height:100%}.downloadCard:hover{background:#fbfffe;transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.downloadCard .iconWrap{width:32px;height:32px;background:#ddf2ee;display:flex;align-items:center;justify-content:center;flex-shrink:0}.downloadCard svg{width:16px;height:16px;fill:#1b7e6e}.downloadCard span{font-size:16px;font-weight:600;color:#2d3748;line-height:1.4}.faqSection{margin-top:20px}.faqHeading{font-size:26px;font-weight:700;margin-bottom:14px}.faqIntro{font-size:20px;color:#666;margin-bottom:16px}.faq{border-top:1px solid #cdd1cf}.faqItem{border-bottom:1px solid #cdd1cf}.faqQuestion{display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer;font-size:20px;font-weight:700;color:#000}.faqIcon{width:20px;height:20px;background-image:url(/assets/svg/green_plus.svg);background-size:contain;background-repeat:no-repeat}.faqItem.active .faqIcon{background-image:url(/assets/svg/green_minus.svg)}.faqAnswer{display:none;padding-bottom:18px;font-size:18px;color:#666;line-height:1.5}.faqItem.active .faqAnswer{display:block}.faqAnswer ul{margin:8px 0 8px 22px;padding-left:0}.faqAnswer li{margin-bottom:4px;color:#666;font-size:18px;line-height:1.5;list-style-type:disc}.faqTable{width:100%;border-collapse:collapse;margin-top:12px;font-family:Avenir,Avenir Fallback,sans-serif}.faqTable th{background:#1b7e6e;color:#fff;padding:12px;text-align:left;font-size:14px;font-family:AvenirHeader,AvenirHeader Fallback,sans-serif}.faqTable td{padding:11px;border-bottom:1px solid #cdd1cf;font-family:Avenir,Avenir Fallback,sans-serif}.faqTable tr:nth-child(2n){background:#f9f9f7}.badge{font-size:12px;font-weight:700;padding:7px 10px;border-radius:0}.badge.sm{background:#e6f7f3;color:#064d24}.badge.md{background:#def;color:#0c447c}.badge.lg{background:#fef8ec;color:#5a3c00}.badge.xl{background:#fdeaea;color:#791f1f}.faqHeadingWrap{border-bottom:1px solid #e3e6e4;margin-bottom:10px}.faqHeading{font-size:40px;font-weight:600;color:#2d3748;margin-bottom:22px}.assistSection{width:100%;background-color:#2fa78f;padding:36px 0;color:#fff}.assistInner{padding-left:0;padding-right:0}.assistSection h2{font-size:32px;font-weight:600;margin-bottom:16px;color:#fff;text-align:left}.assistText{font-size:20px;color:#ffffffd9;margin-bottom:32px;letter-spacing:-.22px;line-height:30px}.assistContact{display:flex;gap:60px;flex-wrap:wrap}.assistLabel{font-size:12px;color:#fff9;margin-bottom:6px;letter-spacing:.84px;line-height:18px;text-transform:uppercase}.assistContact a{font-size:18px;font-weight:600;color:#fff;text-decoration:none}.fullWidthSection{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.permitChecker{background:#f0faf7;border:1px solid #a5d9cc;padding:28px 32px;font-family:Avenir,Avenir Fallback,sans-serif}.permitHeader{display:flex;align-items:center;gap:10px;margin-bottom:22px}.permitBadge{width:28px;height:28px;background:#1b7e6e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;border-radius:999px}.permitTitle{font-family:AvenirHeader,AvenirHeader Fallback,sans-serif;font-size:25px;color:#000}.permitGroup{margin-bottom:20px}.permitQuestion{font-family:AvenirHeader,AvenirHeader Fallback,sans-serif;font-size:20px;margin-bottom:10px;color:#000}.permitQuestion small{font-family:Avenir,Avenir Fallback,sans-serif;font-size:14px;color:#000}.permitRow{display:flex;gap:20px;flex-wrap:wrap}.permitOption{display:flex;align-items:center;gap:7px;font-size:18px;cursor:pointer}.permitOption input{accent-color:#1B7E6E;width:16px;height:16px}.permitGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px}.permitCheck{display:flex;align-items:flex-start;gap:7px;font-size:17px;line-height:1.4;cursor:pointer}.permitCheck input{margin-top:3px;accent-color:#1B7E6E}.permitActions{margin-top:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.permitBtn{background:#1b7e6e;color:#fff;font-size:17px;padding:14px 28px;border:none;cursor:pointer}.permitBtn:hover{background:#14987e}.permitNote{font-size:15px;color:#5e6665;font-style:italic}.permitNote a{color:#137ac0}.permitResult{margin-top:20px;padding:16px 20px;font-size:17px;line-height:1.6;display:none}.permitResult.show{display:block}.permitResult.success{background:#e6f7f3;border-left:4px solid #1B7E6E;color:#064d24}.permitResult.warning{background:#fef8ec;border-left:4px solid #e6a817;color:#5a3c00}.permitResult.neutral{background:#f3f3f3;border-left:4px solid #cdd1cf}@media (max-width: 767.98px){.permitChecker{padding-left:16px;padding-right:16px}.permitOption{min-height:44px}.permitOption input,.permitCheck input{flex:none;width:20px;height:20px}.permitGrid{grid-template-columns:1fr;gap:4px}.permitCheck{min-height:44px;padding-top:10px;padding-bottom:10px}.permitCheck input{margin-top:2px}.permitBtn{width:100%}}.awarded-filter{display:flex;flex-direction:column;gap:16px;padding:32px 20px}.awarded-filter__field,.awarded-filter__search,.awarded-filter__clear{height:41px;border-radius:4px;border:.5px solid #babfc7;font-size:16px;font-style:normal;font-weight:400;line-height:normal;width:100%}.awarded-filter__field{background-color:#fff;color:#49454f;padding:0 36px 0 12px}.awarded-filter__search{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1b7e6e;color:#fff}.awarded-filter__clear{display:inline-flex;align-items:center;justify-content:center;background:#fff0;color:#000}.awarded-filter__search:hover{opacity:.9}.awarded-filter__clear:hover{background:#fff}@media (min-width: 768px){.awarded-filter{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0;padding:41px 60px}.awarded-filter__field{flex:1 1 0;min-width:0;max-width:416.437px;margin-right:7px}.awarded-filter__search{flex:0 0 144px;width:144px;margin-right:4px}.awarded-filter__clear{flex:0 0 114px;width:114px}}@media (max-width: 767px){.awarded-filter__field{padding:0 36px;text-align:center;text-align-last:center}}@media (max-width: 767.98px){#procurement .tender-card{padding:16px!important}#procurement .tender-card__desc{font-size:16px;line-height:1.5;color:#212529;letter-spacing:.02em}#procurement .tender-card__actions{flex-wrap:nowrap!important;gap:8px!important}#procurement .tender-card__actions a{flex:1 1 0;justify-content:center;min-height:44px;padding:8px!important}#procurement .tender-card__bid>:first-child{flex:0 0 50%;padding-right:8px}#procurement .tender-card__bid>:last-child{min-width:0;padding-left:8px}}.not-found-search input{color:#212529}.not-found-search input::placeholder{color:#6c757d;opacity:1}@media (max-width: 767.98px){.not-found-search input{min-width:0}.not-found-search button{flex-shrink:0}}a[href^="mailto:"],.accordion-body{overflow-wrap:anywhere;word-break:break-word}@media (max-width: 767.98px){input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=color]),select,textarea{font-size:16px!important}}@media (max-width: 767.98px){.tap-target{display:inline-flex;align-items:center;min-height:44px;padding-top:12px!important;padding-bottom:12px!important;margin-top:-12px!important;margin-bottom:-12px!important}.tap-target:has(>svg:only-child){min-width:44px;justify-content:center;padding-left:12px!important;padding-right:12px!important;margin-left:-12px!important;margin-right:-12px!important}}@media (max-width: 767.98px){html,body{overflow-x:hidden;overflow-x:clip}html{--mobile-header-height: 6rem;scroll-padding-top:var(--mobile-header-height)}body>header{position:sticky;top:0;z-index:40;background-color:#fff}.service-body>p.z-50{z-index:auto}#mobile-menu{max-height:calc(100vh - var(--mobile-header-height));max-height:calc(100dvh - var(--mobile-header-height));overflow-y:auto;overscroll-behavior:contain}.sticky-sidebar{position:static}}@media (max-width: 480px){html{--mobile-header-height: 4.5rem}}@media (max-width: 767.98px){:root{--mobile-banner-gap: 40px}[aria-label="Page header"]~:is(#team,#services,#municipal,#rate-payers,#document-hub,#town-planning,#vacancies,#procurement,#suggestion-box,#yzerfontein,#terms-conditions,#register-event,#sksippp-documents,#sksippp-documents-category,.contact,section:has(>#our-vision),section:has(>.events),div:has(>.container>form[action*=search])){padding-top:var(--mobile-banner-gap)}[aria-label="Page header"]~#municipal:has(>.flex>.col-lg-8>h2:first-child){padding-top:calc(var(--mobile-banner-gap) - 12px)}}@media (max-width: 767.98px){:root{--mobile-section-gap: 48px}[aria-label="Page header"]~:is(#team,#services,#municipal,#rate-payers,#document-hub,#town-planning,#vacancies,#procurement:not(.pb-0),#suggestion-box,#yzerfontein,#terms-conditions,#sksippp-documents,#sksippp-documents-category,.contact,section:has(>#our-vision),section:has(>.events),.news,#procurement~.container,div:has(>.container>form[action*=search])),#event-detail,#news-article{padding-bottom:var(--mobile-section-gap);margin-bottom:0}body>.bragbook-banner,main>.bragbook-banner{margin-top:var(--mobile-section-gap);margin-bottom:var(--mobile-section-gap)}body>#our-services-charter>.row>.col-md-6:last-child,main>#our-services-charter>.row>.col-md-6:last-child{margin-bottom:0}#our-services-charter~#services{padding-top:var(--mobile-section-gap);padding-bottom:var(--mobile-section-gap)}body>#start-up-tribe,main>#start-up-tribe{margin-bottom:var(--mobile-section-gap)}#our-vision>.row.pb-4{padding-bottom:var(--mobile-section-gap)!important}#our-vision>.row.mb-\[40px\]{margin-bottom:var(--mobile-section-gap)}#our-vision>#our-services-charter>.row{padding-bottom:0!important;margin-bottom:0!important}#our-people>.row{margin-top:calc(var(--mobile-section-gap) - 3px)}#our-people.pb-5{padding-bottom:0!important}#our-people>.row>:last-child{margin-bottom:0}#our-vision>#our-services-charter>.row>.col-md-6:has(>ul:last-child),#our-vision>#our-services-charter>.row>.col-md-6>ul:last-child,#our-vision>#our-services-charter>.row>.col-md-6>ul:last-child>li:last-child{margin-bottom:0}#team .text-center.mb-5{margin-bottom:calc(var(--mobile-section-gap) - 6px)!important}#rate-payers>.text-left{padding-bottom:calc(var(--mobile-section-gap) - 3px)}:is(#municipal,#rate-payers,#town-planning,#event-detail,#news-article)>.flex.flex-col{row-gap:var(--mobile-section-gap)}:is(#rate-payers,#town-planning,#event-detail,#news-article)>.flex.flex-col>.mt-6{margin-top:0}:is(#event-detail,#news-article)>.flex.flex-col>.mt-6>:last-child{margin-bottom:0}#rate-payers>.flex>.lg\:w-2\/3>div:last-child>p:last-child{margin-bottom:0!important}#town-planning>.text-left.mb-4,#town-planning>.rolling-banner{margin-bottom:var(--mobile-section-gap)!important}:is(#document-hub,#sksippp-documents-category)>.mb-6{margin-bottom:var(--mobile-section-gap)}#document-hub>.shadow:last-child,#sksippp-documents-category>.type-section:last-child{margin-bottom:0}[aria-label="Page header"]~.news{padding-top:var(--mobile-section-gap)}.news>.grid{margin-bottom:var(--mobile-section-gap);padding-bottom:0}.news>.shadow{margin-top:calc(var(--mobile-section-gap) - 6px)!important}#vacancies>.grid.mb-\[59px\],#vacancies>.mb-6{margin-bottom:var(--mobile-section-gap)}#procurement:not(.pb-0)>.mb-7{margin-bottom:var(--mobile-section-gap)}#paginationContainer:not(:has(*)){margin-top:0}#procurement:has(>#docCards.hidden) #filterForm>.mb-6{margin-bottom:0}#procurement~.container>.mb-8:last-child{margin-bottom:0}.contact>.contact-details{padding-top:0!important;padding-bottom:0!important}#yzerfontein>.text-center>p:last-child{padding-bottom:calc(var(--mobile-section-gap) - 3px)}#yzerfontein .swiper-controls{padding-bottom:0}#yzerfontein>#municipalityAccordion{margin-top:var(--mobile-section-gap)!important}.events>.mt-12:not(:has(*)){margin-top:0}div:has(>.container>form[action*=search])>.grid{row-gap:var(--mobile-section-gap)}div:has(>.container>form[action*=search]) .lg\:col-span-3>div:last-of-type,div:has(>.container>form[action*=search]) .lg\:col-span-3 .bg-white.mb-4:last-child{margin-bottom:0!important}#register-event h5.tagPadding{margin-top:0}#register-event>.mb-10,#register-event .mb-14{margin-bottom:var(--mobile-section-gap)}.assistSection{margin-bottom:var(--mobile-section-gap)}}#mobile-search-button{display:none}@media (max-width: 1023px){#mobile-search-button{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:44px;min-height:44px}#search-modal>.fixed{z-index:10000}#search-modal [aria-label="Close Search Modal"]{min-width:44px;min-height:44px}}@media (max-width: 767.98px){#search-modal form input{min-width:0;padding-left:16px;padding-right:16px}#search-modal form button{flex:0 0 auto;padding-left:16px;padding-right:16px}#search-modal [role=dialog]{padding-left:16px;padding-right:16px}#search-modal [aria-label="Close Search Modal"]{margin-left:4px}}@media (max-width: 767.98px){#cookies-policy.cookies .cookies__alert{width:auto;max-width:none;margin:8px}#cookies-policy.cookies .cookies__wrapper{padding:10px 14px 12px}#cookies-policy.cookies .cookies__title{font-size:14px;line-height:1.3;margin-bottom:4px}#cookies-policy.cookies .cookies__intro,#cookies-policy.cookies .cookies__intro p{font-size:13px;line-height:1.35}#cookies-policy.cookies .cookies__actions{flex-direction:row;gap:8px;margin-top:10px}#cookies-policy.cookies .cookies__actions .cookiesBtn{flex:1 1 0;min-width:0}#cookies-policy.cookies .cookies__actions .cookiesBtn__link{min-height:44px;padding:0 8px;font-size:13px}#cookies-policy.cookies .cookies__btn--customize{min-height:44px;padding:0 14px;font-size:13px}#cookies-policy.cookies .cookies__btn--customize svg{width:16px;height:16px}body:has(>#cookies-policy) #mobile-menu{padding-bottom:220px}}@media (max-width: 767.98px){#services>.text-center>*,#our-people>.text-center>*,.events>.text-center>*{text-align:left}#our-vision>.text-center:not(.row),#our-vision>.text-center:not(.row)+:not(.row),.container.news>:first-child,.container.news>:first-child+*{text-align:left!important}#municipalityAccordion .accordion-header{text-align:left}}@media (max-width: 767.98px){.breadcrumbs>a,.service-card .read-more{padding-top:10px;padding-bottom:10px;margin-top:-10px;margin-bottom:-10px}.service-card .service-body a.read-more:before{top:14px}#have-any-question-box [href^="tel:"],#have-any-question-box [href^="mailto:"]{padding-top:7px;padding-bottom:7px;margin-top:-7px;margin-bottom:-7px}#event-detail .bg-gray-100 [target=_blank]{display:inline-flex;align-items:center;min-height:44px;padding-top:12px;padding-bottom:12px;margin-top:-12px;margin-bottom:-12px}#solarIppModal [aria-label=Close]{padding:12px;margin:-12px -12px -12px calc(1rem - 12px)}.not-found-search+[aria-label="Clear search"]{padding:4px 12px;margin:-4px -12px}}