#newsletter-btn svg, #contactp-btn svg{width:2em}#newsletter-btn svg *, #contactp-btn svg *{fill:revert-layer}#newsletter-btn:hover svg rect, #contactp-btn:hover svg rect{fill:#000}.invert{filter:brightness(0) invert(1)}.invert img{filter:brightness(0) invert(1)}.controllerTop{background-size:cover;background-position:top !important}.controllerLeft{background-size:cover;background-position:left !important}.controllerRight{background-size:cover;background-position:right !important}.controllerCenter{background-size:cover;background-position:center !important}.controllerBottom{background-size:cover;background-position:bottom !important}/* ========================================================= DASH BORDER BUTTON SYSTEM (Elementor Button Widget) Works when classes are on the WIDGET wrapper:dashbtn headerbtn | dashbtn ctabtn | dashbtn learnbtn Requires inline SVG injected into the (your JS injector) ========================================================= */ .dashbtn a.elementor-button{position:relative;overflow:hidden;border-radius:0 !important}.dashbtn a.elementor-button .elementor-button-text{position:relative;z-index:2}.dashbtn a.elementor-button .dash-svg, .dashbtn a.elementor-button .dashsvg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.dashbtn a.elementor-button rect{fill:none;stroke:var(--dash-stroke, #ffffff);stroke-width:var(--dash-stroke-width, 2);stroke-linejoin:miter;stroke-linecap:square;stroke-dasharray:var(--dash-off, 120) var(--dash-gap, 80);stroke-dashoffset:var(--dash-offset, 0);transition:stroke-dasharray var(--dash-dur, 0.4s) var(--dash-ease, cubic-bezier(0.4, 0, 0.2, 1)), stroke-dashoffset var(--dash-dur, 0.4s) var(--dash-ease, cubic-bezier(0.4, 0, 0.2, 1))}.dashbtn a.elementor-button:hover rect{stroke-dasharray:var(--dash-endstate-off, var(--dash-solid, 600)) var(--dash-endstate-gap, 0);stroke-dashoffset:var(--dash-hover-offset, var(--dash-offset, 0))}/* ========================================================= PER TYPE START SETTINGS + END STATE SETTINGS You can tweak these freely ========================================================= */ .dashbtn.headerbtn a.elementor-button{--dash-stroke:#ffffff;--dash-stroke-width:1.5;--dash-off:50;--dash-gap:20;--dash-dur:0.60s;--dash-endstate-off:600;--dash-endstate-gap:0}.dashbtn.ctabtn a.elementor-button{--dash-stroke:#ffffff;--dash-stroke-width:1;--dash-off:68;--dash-gap:33;--dash-dur:0.60s;--dash-endstate-off:155;--dash-endstate-gap:33}.dashbtn.learnbtn a.elementor-button{--dash-stroke:#000000;--dash-stroke-width:1;--dash-off:68;--dash-gap:33;--dash-dur:0.60s;--dash-endstate-off:60;--dash-endstate-gap:9}.quickguidegrid a.e-con-boxed{position:relative;overflow:hidden;display:block}.quickguidegrid a.e-con-boxed .e-con-inner{position:relative}.quickguidegrid a.e-con-boxed svg.qg-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:10;padding-top:20px;padding-bottom:20px;opacity:0;transition:opacity 0.15s ease}.quickguidegrid a.e-con-boxed:hover svg.qg-svg{opacity:1}.quickguidegrid a.e-con-boxed rect{fill:none;stroke:var(--qg-stroke, #fff);stroke-width:var(--qg-stroke-width, 2);vector-effect:non-scaling-stroke;stroke-linejoin:miter;stroke-linecap:square;stroke-dasharray:var(--qg-off, 60) var(--qg-gap, 30);transition:stroke-dasharray var(--qg-dur, 0.6s) cubic-bezier(0.4, 0, 0.2, 1)}.quickguidegrid a.e-con-boxed:hover rect{stroke-dasharray:var(--qg-end-off, 508) var(--qg-end-gap, 141)}.quickguidegrid.whiteframe{--qg-stroke:#fff}.quickguidegrid.blackframe{--qg-stroke:#000}.modflipbox .elementor-widget-flip-box:before{background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0.79) 100%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;content:""}.modflipbox .elementor-size-md{padding:0 !important;position:relative}.modflipbox .elementor-size-md:after{content:"";position:absolute;width:38px;height:38px;background-image:url("https://tmta.sketchup.co.za/wp-content/uploads/2026/02/more-icon-blk.svg");background-size:contain;background-repeat:no-repeat;filter:invert(1);right:-55px;top:-6px}.betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper{max-width:none !important}.betterdocs-faq-wrapper .betterdocs-faq-tab{border-radius:0 !important}.betterdocs-faq-wrapper .betterdocs-faq-tab.active{background:#F9A11B !important;background-color:#000 !important}.betterdocs-faq-wrapper .betterdocs-faq-tab.active .faq-tab-title{color:#FFF !important}.betterdocs-faq-wrapper .betterdocs-faq-group{border-radius:0 !important}.custom-blog-content a{font-weight:bold;color:#F9A11B;transition:0.5s}.custom-blog-content a:hover{transition:0.5s;color:#000}.single-post #single-pg-header, .error404 #single-pg-header, .archive #single-pg-header{display:none !important}.page #single-pst-header{display:none !important}.cookiep .cookie-statement{max-width:unset !important;width:100%}.cookiep .cookie-statement p, .cookiep .cookie-statement li{font-family:"Jost", Sans-serif;font-size:16px !important;font-weight:400;color:var(--e-global-color-d55d9c7)}.cookiep .cookie-statement h2{color:var(--e-global-color-d55d9c7);font-family:"Jost", Sans-serif;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:0.5rem}.cookiep .cookie-statement a{font-weight:bold;color:var(--e-global-color-b12e8a5)}.cookiep .cookie-statement a:hover{color:#000}@media screen and (max-width:600px){.betterdocs-faq-wrapper.betterdocs-faq-layout-4 .betterdocs-faq-inner-wrapper .betterdocs-faq-list-wrapper .betterdocs-faq-list-content.active{background-color:#000 !important}}@media (max-width:767px){.quickguidegrid{--e-con-grid-template-rows:repeat(1, 1fr) !important}}