1<!DOCTYPE html> 2<html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#" > 3 4<head> 5 <!-- ========== Meta Tags ========== --> 6 <meta charset="UTF-8" /> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <meta name="description" content="Dotnetix"> 10 <!-- ========== Favicon Icon ========== --> 11 <link rel="shortcut icon" href="https://dotnetix.co.za/wp-content/uploads/2026/03/DotNetix_Wabtec_Logo_Icon_FullColour_RGB-scaled.png"> 12 <title>Safety Protocols - Dotnetix</title> 13<link data-rocket-prefetch href="https://fonts.googleapis.com" rel="dns-prefetch"> 14<link data-rocket-prefetch href="https://www.gstatic.com" rel="dns-prefetch"> 15<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch"> 16<link data-rocket-prefetch href="https://googleads.g.doubleclick.net" rel="dns-prefetch"> 17<link data-rocket-prefetch href="https://www.google.com" rel="dns-prefetch"> 18<link data-rocket-preload as="style" href="https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&ver=7.1.3&display=swap" rel="preload"> 19<link href="https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&ver=7.1.3&display=swap" media="print" onload="this.media='all'" rel="stylesheet"> 20<noscript data-wpr-hosted-gf-parameters=""><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&ver=7.1.3&display=swap"></noscript><link rel="preload" data-rocket-preload as="image" href="https://dotnetix.co.za/wp-content/uploads/2026/03/DotNetix_Logo_840x251px_v1.png" fetchpriority="high"> 21 22 <!-- All in One SEO 5.0.0.1 - aioseo.com --> 23 <meta name="description" content="Safety Protocols Committed to ensuring safety in mining, construction and industrial industries DotNetix is a leading provider of artificial intelligence-based collision prevention systems for the mining, construction, and industrial industries. The company is dedicated to providing safe and reliable solutions to its clients and has implemented several safety measures and protocols to ensure the highest" /> 24 <meta name="robots" content="max-image-preview:large" /> 25 <link rel="canonical" href="https://dotnetix.co.za/safety-protocols/" /> 26 <meta name="generator" content="All in One SEO (AIOSEO) 5.0.0.1" /> 27 <meta property="og:locale" content="en_US" /> 28 <meta property="og:site_name" content="Dotnetix - Artificial Intelligence Collision Prevention Systems for mining and construction machines, and industrial vehicles." /> 29 <meta property="og:type" content="article" /> 30 <meta property="og:title" content="Safety Protocols - Dotnetix" /> 31 <meta property="og:description" content="Safety Protocols Committed to ensuring safety in mining, construction and industrial industries DotNetix is a leading provider of artificial intelligence-based collision prevention systems for the mining, construction, and industrial industries. The company is dedicated to providing safe and reliable solutions to its clients and has implemented several safety measures and protocols to ensure the highest" /> 32 <meta property="og:url" content="https://dotnetix.co.za/safety-protocols/" /> 33 <meta property="og:image" content="https://dotnetix.co.za/wp-content/uploads/2023/01/DTX005_Safeye_Multiple-Use-Image-Design_1080x1080px-v1b.jpg" /> 34 <meta property="og:image:secure_url" content="https://dotnetix.co.za/wp-content/uploads/2023/01/DTX005_Safeye_Multiple-Use-Image-Design_1080x1080px-v1b.jpg" /> 35 <meta property="og:image:width" content="1080" /> 36 <meta property="og:image:height" content="1080" /> 37 <meta property="article:published_time" content="2023-02-20T11:00:02+00:00" /> 38 <meta property="article:modified_time" content="2026-05-06T10:51:44+00:00" /> 39 <meta property="article:publisher" content="https://www.facebook.com/DotNetix" /> 40 <meta name="twitter:card" content="summary_large_image" /> 41 <meta name="twitter:title" content="Safety Protocols - Dotnetix" /> 42 <meta name="twitter:description" content="Safety Protocols Committed to ensuring safety in mining, construction and industrial industries DotNetix is a leading provider of artificial intelligence-based collision prevention systems for the mining, construction, and industrial industries. The company is dedicated to providing safe and reliable solutions to its clients and has implemented several safety measures and protocols to ensure the highest" /> 43 <meta name="twitter:image" content="https://dotnetix.co.za/wp-content/uploads/2023/01/DTX005_Safeye_Multiple-Use-Image-Design_1080x1080px-v1b.jpg" /> 44
44<script type="application/ld+json" class="aioseo-schema"> 45 {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/dotnetix.co.za\/safety-protocols\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/dotnetix.co.za#listItem","position":1,"name":"Home","item":"https:\/\/dotnetix.co.za","nextItem":{"@type":"ListItem","@id":"https:\/\/dotnetix.co.za\/safety-protocols\/#listItem","name":"Safety Protocols"}},{"@type":"ListItem","@id":"https:\/\/dotnetix.co.za\/safety-protocols\/#listItem","position":2,"name":"Safety Protocols","previousItem":{"@type":"ListItem","@id":"https:\/\/dotnetix.co.za#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/dotnetix.co.za\/#organization","name":"Dotnetix","description":"Artificial Intelligence Collision Prevention Systems for mining and construction machines, and industrial vehicles.","url":"https:\/\/dotnetix.co.za\/","telephone":"+27823148116","logo":{"@type":"ImageObject","url":"http:\/\/dotnetix.co.za\/wp-content\/uploads\/2023\/01\/DTX004_Dotnetix_Website_Logo_200x100px-v1.png","@id":"https:\/\/dotnetix.co.za\/safety-protocols\/#organizationLogo"},"image":{"@id":"https:\/\/dotnetix.co.za\/safety-protocols\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/DotNetix","https:\/\/www.instagram.com\/dotnetix\/","https:\/\/www.youtube.com\/@dotnetix513","https:\/\/www.linkedin.com\/company\/dotnetix\/"]},{"@type":"WebPage","@id":"https:\/\/dotnetix.co.za\/safety-protocols\/#webpage","url":"https:\/\/dotnetix.co.za\/safety-protocols\/","name":"Safety Protocols - Dotnetix","description":"Safety Protocols Committed to ensuring safety in mining, construction and industrial industries DotNetix is a leading provider of artificial intelligence-based collision prevention systems for the mining, construction, and industrial industries. The company is dedicated to providing safe and reliable solutions to its clients and has implemented several safety measures and protocols to ensure the highest","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/dotnetix.co.za\/#website"},"breadcrumb":{"@id":"https:\/\/dotnetix.co.za\/safety-protocols\/#breadcrumblist"},"datePublished":"2023-02-20T11:00:02+00:00","dateModified":"2026-05-06T10:51:44+00:00"},{"@type":"WebSite","@id":"https:\/\/dotnetix.co.za\/#website","url":"https:\/\/dotnetix.co.za\/","name":"Dotnetix","description":"Artificial Intelligence Collision Prevention Systems for mining and construction machines, and industrial vehicles.","inLanguage":"en-US","publisher":{"@id":"https:\/\/dotnetix.co.za\/#organization"}}]} 46 </script>
46 47 <!-- All in One SEO --> 48 49<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 50<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 51<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> 52<link rel="alternate" type="application/rss+xml" title="Dotnetix » Feed" href="https://dotnetix.co.za/feed/" /> 53<link rel="alternate" type="application/rss+xml" title="Dotnetix » Comments Feed" href="https://dotnetix.co.za/comments/feed/" /> 54<link rel="alternate" type="application/rss+xml" title="Dotnetix » Safety Protocols Comments Feed" href="https://dotnetix.co.za/safety-protocols/feed/" /> 55<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://dotnetix.co.za/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdotnetix.co.za%2Fsafety-protocols%2F" /> 56<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://dotnetix.co.za/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdotnetix.co.za%2Fsafety-protocols%2F&format=xml" /> 57<style id="wp-img-auto-sizes-contain-inline-css"> 58img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 59/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 60</style> 61<style id="wp-emoji-styles-inline-css"> 62 63 img.wp-smiley, img.emoji { 64 display: inline !important; 65 border: none !important; 66 box-shadow: none !important; 67 height: 1em !important; 68 width: 1em !important; 69 margin: 0 0.07em !important; 70 vertical-align: -0.1em !important; 71 background: none !important; 72 padding: 0 !important; 73 } 74/*# sourceURL=wp-emoji-styles-inline-css */ 75</style> 76<style id="classic-theme-styles-inline-css"> 77/*! This file is auto-generated */ 78.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 79/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 80</style> 81<link rel='stylesheet' id='wp-theme-css' href='https://dotnetix.co.za/wp-includes/css/dist/theme/design-tokens.min.css?ver=7.1.3' media='all' /> 82<link rel='stylesheet' id='wp-components-css' href='https://dotnetix.co.za/wp-includes/css/dist/components/style.min.css?ver=7.1.3' media='all' /> 83<link rel='stylesheet' id='wp-preferences-css' href='https://dotnetix.co.za/wp-includes/css/dist/preferences/style.min.css?ver=7.1.3' media='all' /> 84<link rel='stylesheet' id='wp-block-editor-css' href='https://dotnetix.co.za/wp-includes/css/dist/block-editor/style.min.css?ver=7.1.3' media='all' /> 85<link rel='stylesheet' id='wp-reusable-blocks-css' href='https://dotnetix.co.za/wp-includes/css/dist/reusable-blocks/style.min.css?ver=7.1.3' media='all' /> 86<link rel='stylesheet' id='wp-patterns-css' href='https://dotnetix.co.za/wp-includes/css/dist/patterns/style.min.css?ver=7.1.3' media='all' /> 87<link rel='stylesheet' id='wp-media-utils-css' href='https://dotnetix.co.za/wp-includes/css/dist/media-utils/style.min.css?ver=7.1.3' media='all' /> 88<link rel='stylesheet' id='wp-editor-css' href='https://dotnetix.co.za/wp-includes/css/dist/editor/style.min.css?ver=7.1.3' media='all' /> 89<link rel='stylesheet' id='block-robo-gallery-style-css-css' href='https://dotnetix.co.za/wp-content/plugins/robo-gallery/includes/extensions/block/dist/blocks.style.build.css?ver=5.1.5' media='all' /> 90<link rel='stylesheet' id='aioseo/css/src/vue/standalone/blocks/table-of-contents/global.scss-css' href='https://dotnetix.co.za/wp-content/plugins/all-in-one-seo-pack/dist/Lite/assets/css/table-of-contents/global.e90f6d47.css?ver=5.0.0.1' media='all' /> 91<style id="global-styles-inline-css"> 92:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
920) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
92.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 93:root :where(.wp-block-icon svg){width: 24px;} 94:where(.wp-block-gallery.is-layout-flex){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}:where(.wp-block-gallery.is-layout-grid){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );} 95:where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;} 96:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 97:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;} 98:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 99:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 100/*# sourceURL=global-styles-inline-css */ 101</style> 102<link rel='stylesheet' id='dustra-parent-style-css' href='https://dotnetix.co.za/wp-content/themes/dustra/style.css?ver=7.1.3' media='all' /> 103<link rel='stylesheet' id='dustra-child-style-css' href='https://dotnetix.co.za/wp-content/themes/dustra-child/style.css?ver=1.5.4' media='all' /> 104<link rel='stylesheet' id='bootstrap-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/bootstrap.min.css?ver=1.0' media='all' /> 105<link rel='stylesheet' id='fontawesome-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/font-awesome.min.css?ver=1.0' media='all' /> 106<link rel='stylesheet' id='flaticon-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/flaticon-set.css?ver=1.0' media='all' /> 107<link rel='stylesheet' id='magnific-popup-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/magnific-popup.css?ver=1.0' media='all' /> 108<link rel='stylesheet' id='owl-carousel-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/owl.carousel.min.css?ver=7.1.3' media='all' /> 109<link rel='stylesheet' id='owl-theme-default-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/owl.theme.default.min.css?ver=7.1.3' media='all' /> 110<link rel='stylesheet' id='animate-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/animate.css?ver=1.0' media='all' /> 111<link rel='stylesheet' id='themify-icons-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/themify-icons.css?ver=1.0' media='all' /> 112<link rel='stylesheet' id='bootsnav-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/bootsnav.css?ver=1.0' media='all' /> 113<link rel='stylesheet' id='icofont-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/icofont.min.css?ver=1.0' media='all' /> 114<link rel='stylesheet' id='dustra-core-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/dustra-core.css?ver=1.0' media='all' /> 115<link rel='stylesheet' id='dustra-unit-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/dustra-unit.css?ver=1.0' media='all' /> 116<link rel='stylesheet' id='dustra-responsive-css' href='https://dotnetix.co.za/wp-content/themes/dustra/assets/css/dustra-responsive.css?ver=1.0' media='all' /> 117 118<link rel='stylesheet' id='dustra-style-css' href='https://dotnetix.co.za/wp-content/themes/dustra-child/style.css?ver=7.1.3' media='all' /> 119<link rel='stylesheet' id='elementor-icons-css' href='https://dotnetix.co.za/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.53.0' media='all' /> 120<link rel='stylesheet' id='elementor-frontend-css' href='https://dotnetix.co.za/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.2.2' media='all' /> 121<link rel='stylesheet' id='elementor-post-8-css' href='https://dotnetix.co.za/wp-content/uploads/elementor/css/post-8.css?ver=1791313009' media='all' /> 122<link rel='stylesheet' id='Dustra-flaticons-css' href='https://dotnetix.co.za/wp-content/plugins/dustra-core/assets/vendors/flaticon/flaticon-set.css?ver=7.1.3' media='all' /> 123<link rel='stylesheet' id='Dustra-flaticons2-css' href='https://dotnetix.co.za/wp-content/plugins/dustra-core/assets/vendors/flaticon2/flaticon-set.css?ver=7.1.3' media='all' /> 124<link rel='stylesheet' id='widget-heading-css' href='https://dotnetix.co.za/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.2.2' media='all' /> 125<link rel='stylesheet' id='widget-spacer-css' href='https://dotnetix.co.za/wp-content/plugins/elementor/assets/css/widget-spacer.min.css?ver=4.2.2' media='all' /> 126<link rel='stylesheet' id='elementor-post-2313-css' href='https://dotnetix.co.za/wp-content/uploads/elementor/css/post-2313.css?ver=1791313009' media='all' /> 127<link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://dotnetix.co.za/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1746446723' media='all' /> 128<link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://dotnetix.co.za/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1746446726' media='all' />
129<script id="jquery-core-js" src="https://dotnetix.co.za/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 129
129
130<script id="jquery-migrate-js" src="https://dotnetix.co.za/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
130 131 132<!-- Google tag (gtag.js) snippet added by Site Kit --> 133<!-- Google Analytics snippet added by Site Kit -->
vendor: 80 bytes, lines 133-134
133 134<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=
134GT-NGJ32SM
vendor: 18 bytes, line 134
134" async></script>
135<script id="google_gtagjs-js-after"> 136window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 137gtag("set","linker",{"domains":["dotnetix.co.za"]}); 138gtag("js", new Date()); 139gtag("set", "developer_id.dZTNiMT", true); 140gtag("config", "GT-NGJ32SM"); 141//# sourceURL=google_gtagjs-js-after 142</script>
142 143<link rel="https://api.w.org/" href="https://dotnetix.co.za/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://dotnetix.co.za/wp-json/wp/v2/pages/2313" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://dotnetix.co.za/xmlrpc.php?rsd" /> 144<meta name="generator" content="WordPress 7.1.3" /> 145<link rel='shortlink' href='https://dotnetix.co.za/?p=2313' /> 146<meta name="generator" content="Redux 4.5.13" /><meta name="generator" content="Site Kit by Google 1.185.0" /> <style> 147 :root { 148 --default-color: #D70010; 149 --sec-color: #003158; 150 --topbar-color: #1E1B1C; 151 --footer-color: #1E1B1C; 152 } 153 154 155.video-btn i { 156 display: inline-block; 157 height: 55px; 158 width: 55px; 159 text-align: center; 160 line-height: 55px; 161 background: var(--default-color); 162 border-radius: 50%; 163 position: relative; 164 margin-right: 20px; 165 color: #ffffff; 166} 167 168 169 170.text-light .video-btn i { 171 background: #ffffff; 172 color: var(--default-color); 173} 174 175 176 177.video-btn i::after { 178 content: ""; 179 position: absolute; 180 z-index: 0; 181 left: 50%; 182 top: 50%; 183 -webkit-transform: translateX(-50%) translateY(-50%); 184 transform: translateX(-50%) translateY(-50%); 185 display: block; 186 width: 60px; 187 height: 60px; 188 background: var(--default-color) repeat scroll 0 0; 189 -webkit-border-radius: 50%; 190 -moz-border-radius: 50%; 191 border-radius: 50%; 192 -webkit-animation: pulse-border 1500ms ease-out infinite; 193 animation: pulse-border 1500ms ease-out infinite; 194 z-index: -1; 195} 196 197.bg-theme { 198 background-color: var(--default-color); 199} 200 201.shadow.theme::after { 202 background: var(--default-color) none repeat scroll 0 0; 203 content: ""; 204 height: 100%; 205 left: 0; 206 opacity: 0.5; 207 position: absolute; 208 top: 0; 209 width: 100%; 210 z-index: -1; 211} 212 213.shadow.theme-hard::after { 214 background: var(--default-color) none repeat scroll 0 0; 215 content: ""; 216 height: 100%; 217 left: 0; 218 opacity: 0.7; 219 position: absolute; 220 top: 0; 221 width: 100%; 222 z-index: -1; 223} 224 225.shadow .btn-light::after { 226 background: var(--default-color); 227} 228 229.btn-theme { 230 background-color: var(--default-color); 231 color: #ffffff !important; 232 position: relative; 233 overflow: hidden; 234 z-index: 1; 235} 236 237.btn-theme.border { 238 background-color: transparent; 239 color: var(--default-color) !important; 240 border: 2px solid var(--default-color); 241} 242 243.yellow .btn-theme.border { 244 background-color: transparent; 245 color: #232323 !important; 246 border: 2px solid #febc35; 247} 248 249.btn-theme.border:hover { 250 background-color: var(--default-color); 251 color: #ffffff !important; 252 border: 2px solid var(--default-color); 253} 254 255a.more-btn:hover { 256 color: var(--default-color); 257} 258 259.site-heading h4 { 260 color: var(--default-color); 261 font-weight: 600; 262 text-transform: uppercase; 263 font-size: 16px; 264 margin-bottom: 10px; 265} 266 267.site-heading.clean h2 span { 268 color: var(--default-color); 269} 270 271.site-heading h2 span { 272 color: var(--default-color); 273} 274 275.site-heading h2::before { 276 background: var(--default-color) none repeat scroll 0 0; 277 bottom: 0; 278 content: ""; 279 height: 2px; 280 left: 50%; 281 margin-left: -28px; 282 position: absolute; 283 width: 40px; 284} 285 286.site-heading h2::after { 287 background: var(--default-color) none repeat scroll 0 0; 288 bottom: 0; 289 content: ""; 290 height: 2px; 291 left: 50%; 292 margin-left: 18px; 293 position: absolute; 294 width: 5px; 295} 296 297.site-heading h2 span { 298 color: var(--default-color); 299} 300 301.top-bar-area .shape::after { 302 position: absolute; 303 right: 0; 304 top: -100%; 305 content: ""; 306 height: 300%; 307 width: 500%; 308 background: var(--default-color); 309 z-index: -1; 310 transform: skewX(20deg); 311 border-right: 5px solid #ffffff; 312} 313 314.top-bar-area .info > ul li a:hover { 315 color: var(--default-color); 316} 317 318.top-bar-area .info .list li i { 319 color: var(--default-color); 320 margin-right: 5px; 321 font-size: 20px; 322 position: relative; 323 top: 1px; 324} 325 326.top-bar-area .text-right .button::after { 327 position: absolute; 328 left: 0; 329 top: -35px; 330 content: ""; 331 height: 100px; 332 width: 200%; 333 background: var(--default-color); 334 z-index: -1; 335 transform: skewX(-30deg); 336 border-left: 3px solid #ffffff; 337}
338nav.navbar.bootsnav li.search a { 339 border-radius: 50%; 340 padding: 0 !important; 341 height: 45px; 342 width: 45px; 343 line-height: 45px; 344 text-align: center; 345 margin-left: 15px; 346 background: var(--default-color); 347 color: #ffffff !important; 348 font-size: 14px; 349} 350 351.navbar .attr-nav .call i { 352 display: inline-block; 353 font-size: 22px; 354 height: 50px; 355 width: 50px; 356 line-height: 50px; 357 text-align: center; 358 background: var(--default-color); 359 color: #ffffff; 360 border-radius: 50%; 361 position: relative; 362 z-index: 1; 363 margin-right: 15px; 364 font-weight: 300; 365} 366.navbar .attr-nav .call i::after { 367 position: absolute; 368 left: -10%; 369 top: -10%; 370 height: 120%; 371 width: 120%; 372 background: var(--default-color); 373 z-index: -1; 374 content: ""; 375 border-radius: 50%; 376 opacity: 0.5; 377} 378 379.banner-area .carousel-control.theme { 380 color: var(--default-color); 381} 382 383.banner-area .carousel-indicators li { 384 display: block; 385 height: 20px; 386 width: 20px; 387 margin: 10px 5px; 388 border: 6px solid var(--default-color); 389 -webkit-border-radius: 50%; 390 -moz-border-radius: 50%; 391 border-radius: 50%; 392 background: transparent; 393 position: relative; 394 z-index: 1; 395} 396 397.banner-area .carousel-indicators li.active { 398 border: 6px solid var(--default-color); 399} 400 401 402.banner-area .carousel-indicators.theme li.active { 403 border: 6px solid var(--default-color); 404} 405 406.banner-area .carousel-indicators li::after { 407 position: absolute; 408 left: 50%; 409 top: 50%; 410 content: ""; 411 height: 5px; 412 width: 5px; 413 transform: translate(-50%, -50%); 414 -webkit-transform: translate(-50%, -50%); 415 -moz-transform: translate(-50%, -50%); 416 -ms-transform: translate(-50%, -50%); 417 -o-transform: translate(-50%, -50%); 418 background: var(--default-color); 419 -webkit-border-radius: 50%; 420 -moz-border-radius: 50%; 421 border-radius: 50%; 422} 423 424.banner-area .carousel-indicators.theme li::after { 425 background: var(--default-color); 426} 427 428.banner-area .content ul li i { 429 display: inline-block; 430 font-size: 40px; 431 margin-right: 15px; 432 color: var(--default-color); 433} 434 435.banner-area.default .content h4::after { 436 position: absolute; 437 left: 0; 438 bottom: 0; 439 content: ""; 440 height: 10px; 441 width: 100%; 442 background: var(--default-color); 443 z-index: -1; 444} 445.banner-area.shape .box-cell::before { 446 position: absolute; 447 left: 47%; 448 bottom: 0; 449 content: ""; 450 height: 100%; 451 width: 100px; 452 background: var(--default-color); 453 z-index: -1; 454 transform: skew(30deg); 455 opacity: 0.7; 456} 457.banner-area.text-default h2 strong { 458 font-weight: 900; 459 color: var(--default-color); 460} 461@media only screen and (min-width: 1200px) { 462 .banner-area.border-shape .content::after { 463 position: absolute; 464 left: -120px; 465 top: 50%; 466 content: ""; 467 height: 500px; 468 width: 400px; 469 border: 60px solid var(--default-color); 470 z-index: -1; 471 opacity: 0.4; 472 transform: translateY(-50%); 473 margin-top: 50px; 474 } 475 476 .yellow .banner-area.border-shape .content::after { 477 border: 60px solid #febc35; 478 } 479} 480 481 482/* ============================================================== 483 # Video Button Play 484=================================================================== */ 485.video-play-button { 486 color: var(--default-color); 487 font-size: 30px; 488 left: 50%; 489 padding-left: 7px; 490 position: absolute; 491 top: 50%; 492 transform: translateX(-50%) translateY(-50%); 493 -webkit-transform: translateX(-50%) translateY(-50%); 494 -moz-transform: translateX(-50%) translateY(-50%); 495 -ms-transform: translateX(-50%) translateY(-50%); 496 -o-transform: translateX(-50%) translateY(-50%); 497 z-index: 1; 498} 499 500.video-play-button i { 501 display: block; 502 position: relative; 503 z-index: 3; 504 color: var(--default-color); 505} 506 507.about-area .info-content h2 strong { 508 font-size: 140px; 509 line-height: 110px; 510 padding-right: 20px; 511 color: var(--default-color); 512 font-weight: 800; 513} 514 515.about-area blockquote { 516 font-size: 14px; 517 border-left: 2px solid var(--default-color); 518 margin-top: 30px; 519 margin-bottom: 0; 520 padding: 0; 521 padding-left: 25px; 522} 523.about-area .left-info h2 strong { 524 font-weight: 600; 525 color: var(--default-color); 526} 527.about-area blockquote span strong { 528 color: var(--default-color); 529} 530 531.about-area .thumb .video .video-play-button:before { 532 width: 60px; 533 height: 60px; 534 background: var(--default-color); 535} 536 537.about-area .thumb .video .video-play-button:after { 538 width: 60px; 539 height: 60px; 540 background: var(--default-color); 541} 542 543.about-area .establish i { 544 display: inline-block; 545 font-size: 60px; 546 margin-right: 20px; 547 color: var(--default-color); 548} 549 550.about-area .content-box .item > i { 551 display: block; 552 font-size: 40px; 553 margin-bottom: 30px; 554 color: var(--default-color); 555 position: relative; 556 z-index: 1; 557 padding-bottom: 30px; 558} 559 560/* ============================================================== 561 # About Version Two 562=================================================================== */ 563
564.about-area .thumb-left .thumb .experiecne { 565 text-align: left; 566 position: absolute; 567 left: 0; 568 bottom: 50px; 569 background: var(--default-color); 570 padding: 50px 30px; 571 border: 5px solid #ffffff; 572 max-width: 250px; 573} 574.about-area .info ul li::after { 575 position: absolute; 576 left: 0; 577 top: 0; 578 content: "\f058"; 579 font-family: "Font Awesome 5 Pro"; 580 font-weight: 600; 581 color: var(--default-color); 582} 583 584.about-simple-area .contact i { 585 display: inline-block; 586 font-size: 45px; 587 color: var(--default-color); 588 text-align: center; 589 border-radius: 8px; 590 position: relative; 591 z-index: 1; 592 margin-right: 20px; 593} 594 595.car-about-area .info ul li .top i { 596 font-size: 40px; 597 color: var(--default-color); 598 margin-right: 10px; 599} 600 601.features-area .features-items .item i { 602 display: inline-block; 603 font-size: 50px; 604 margin-bottom: 30px; 605 color: var(--default-color); 606 position: relative; 607 z-index: 1; 608} 609 610.our-features-area .feature-item .info:last-child { 611 background: var(--default-color); 612} 613 614.consulting-area .inner-items .left-info::before { 615 position: absolute; 616 right: 0; 617 top: 0; 618 content: ""; 619 height: 100%; 620 width: 300%; 621 background: var(--default-color); 622 z-index: -1; 623} 624 625.services-area.with-thumb .services-items .item .thumb { 626 overflow: hidden; 627 position: relative; 628 z-index: 1; 629 border-bottom: 3px solid var(--default-color); 630} 631.services-area.with-thumb .services-items .item .info > i { 632 position: absolute; 633 left: 40px; 634 top: -80px; 635 height: 100px; 636 width: 90px; 637 text-align: center; 638 color: #ffffff; 639 font-size: 42px; 640 z-index: -1; 641 line-height: 100px; 642 background: var(--default-color); 643} 644 645.services-area.with-thumb .services-items .item .info a:hover { 646 color: var(--default-color); 647} 648 649 650.services-area.with-thumb .services-items .item:hover .info .button a { 651 color: var(--default-color); 652} 653 654.services-area .services-items.services-carousel .owl-dots .owl-dot span { 655 display: block; 656 height: 25px; 657 width: 25px; 658 margin: 0 5px; 659 -webkit-border-radius: 50%; 660 -moz-border-radius: 50%; 661 border-radius: 50%; 662 background: transparent; 663 position: relative; 664 z-index: 1; 665 opacity: 0.5; 666 border: 4px solid var(--default-color); 667} 668 669.services-area .services-items.services-carousel .owl-dots .owl-dot.active span::after { 670 position: absolute; 671 left: 50%; 672 top: 50%; 673 content: ""; 674 height: 5px; 675 width: 5px; 676 transform: translate(-50%, -50%); 677 -webkit-transform: translate(-50%, -50%); 678 -moz-transform: translate(-50%, -50%); 679 -ms-transform: translate(-50%, -50%); 680 -o-transform: translate(-50%, -50%); 681 background: var(--default-color); 682 -webkit-border-radius: 50%; 683 -moz-border-radius: 50%; 684 border-radius: 50%; 685} 686 687.services-area.icon-only .services-box .item .read-more { 688 position: absolute; 689 bottom: -22px; 690 display: inline-block; 691 height: 48px; 692 width: 48px; 693 background: var(--default-color); 694 line-height: 48px; 695 color: #ffffff; 696 left: 60%; 697 border-radius: 50%; 698 text-align: center; 699 opacity: 0; 700} 701 702.services-area.icon-only .services-box .item::before { 703 position: absolute; 704 left: 0; 705 bottom: -1px; 706 content: ""; 707 height: 3px; 708 width: 0; 709 background: var(--default-color); 710 transition: all 0.35s ease-in-out; 711 border-radius: 50%; 712} 713 714.services-area.icon-only .services-box .item > i { 715 display: inline-block; 716 font-size: 60px; 717 margin-bottom: 30px; 718 margin-top: 25px; 719 transition: all 0.35s ease-in-out; 720 color: var(--default-color); 721 position: relative; 722 z-index: 1; 723} 724 725 726.car-services-area .col-lg-4 { 727 background: var(--default-color); 728 padding: 50px; 729 display: flex; 730 align-items: center; 731} 732 733 734.services-details-items .services-sidebar .widget-title::after { 735 position: absolute; 736 left: 0; 737 bottom: 0; 738 content: ""; 739 height: 2px; 740 width: 50px; 741 border-bottom: 2px solid var(--default-color); 742} 743 744.services-details-items .services-sidebar .services-list li.current-item a::before { 745 position: absolute; 746 left: 0; 747 top: 0; 748 content: ""; 749 height: 100%; 750 width: 5px; 751 background: var(--default-color); 752} 753 754.services-details-items .services-sidebar .services-list li a:hover { 755 color: var(--default-color); 756} 757 758.services-details-items .services-sidebar .single-widget.quick-contact .content i { 759 display: inline-block; 760 font-size: 40px; 761 color: #ffffff; 762 margin-bottom: 35px; 763 height: 100px; 764 width: 100px; 765 line-height: 100px; 766 background: var(--default-color); 767 border-radius: 50%; 768 position: relative; 769 z-index: 1; 770 text-align: center; 771} 772 773.services-details-items .services-sidebar .single-widget.quick-contact .content i::after { 774 position: absolute; 775 left: -10%; 776 top: -10%; 777 content: ""; 778 height: 120%; 779 width: 120%; 780 background: var(--default-color); 781 z-index: -1; 782 border-radius: 50%; 783 opacity: 0.3; 784} 785 786.services-details-items .services-sidebar .single-widget.brochure a { 787 display: flex; 788 align-items: center; 789 margin-top: 15px; 790 background: var(--default-color);
791 color: #ffffff; 792 padding: 20px 30px; 793 text-transform: uppercase; 794 font-size: 13px; 795} 796 797.services-details-items .services-sidebar .single-widget.brochure a:hover, 798.services-details-items .services-sidebar .single-widget.brochure li:last-child a:hover { 799 background: var(--default-color); 800} 801 802.services-details-area .features i { 803 display: inline-block; 804 font-size: 50px; 805 color: var(--default-color); 806 margin-right: 25px; 807} 808 809.work-process-area .work-pro-items .item i { 810 display: inline-block; 811 color: var(--default-color); 812 font-size: 60px; 813 margin-bottom: 25px; 814} 815 816/* Animation */ 817.work-process-area .work-pro-items .item::before, 818.work-process-area .work-pro-items .item::after { 819 content: ""; 820 width: 0; 821 height: 2px; 822 position: absolute; 823 transition: all 0.2s linear; 824 background: var(--default-color); 825} 826 827.work-process-area .work-pro-items .item .item-inner::before, 828.work-process-area .work-pro-items .item .item-inner::after { 829 content: ""; 830 width: 2px; 831 height: 0; 832 position: absolute; 833 transition: all 0.2s linear; 834 background: var(--default-color); 835} 836 837.work-with-us-area .fun-fact { 838 padding: 50px 20px; 839 box-shadow: 0 0 10px #cccccc; 840 border-bottom: 3px solid var(--default-color); 841 background: #ffff; 842 border-radius: 10px; 843} 844 845.why-us-area .thumb::after { 846 position: absolute; 847 left: 0; 848 bottom: 0; 849 content: ""; 850 height: 50%; 851 width: 100%; 852 background: var(--default-color) none repeat scroll 0 0; 853 z-index: -1; 854 clip-path: polygon(100% 1%, 4% 100%, 100% 100%); 855} 856 857.why-us-area .info .content > h5 { 858 font-weight: 600; 859 color: var(--default-color); 860 margin-bottom: 30px; 861 font-size: 18px; 862 margin-top: -5px; 863 text-transform: uppercase; 864} 865 866.why-us-area .info li::after { 867 position: absolute; 868 left: 0; 869 top: 0; 870 content: "\f058"; 871 color: var(--default-color); 872 font-family: "Font Awesome 5 Pro"; 873 font-size: 16px; 874 font-weight: 600; 875} 876 877.why-us-area .left-info .content { 878 background: var(--default-color); 879 padding: 60px 30px; 880} 881 882.chooseus-area .thumb-inner::after { 883 position: absolute; 884 left: -25%; 885 bottom: -200px; 886 content: ""; 887 height: 400px; 888 width: 400px; 889 border: 60px solid var(--default-color); 890 z-index: -1; 891 border-radius: 50%; 892} 893 894.chooseus-area .info li::after { 895 position: absolute; 896 left: 0; 897 top: 0; 898 content: "\f058"; 899 color: var(--default-color); 900 font-family: "Font Awesome 5 Pro"; 901 font-size: 16px; 902 font-weight: 600; 903} 904 905.team-area .team-carousel .owl-nav .owl-prev, 906.team-area .team-carousel .owl-nav .owl-next { 907 background: transparent none repeat scroll 0 0; 908 color: var(--default-color); 909 font-size: 30px; 910 height: 40px; 911 left: -50px; 912 line-height: 40px; 913 margin: -20px 0 0; 914 padding: 0; 915 position: absolute; 916 top: 50%; 917 width: 40px; 918} 919 920.team-area .team-carousel.owl-carousel .owl-dots .owl-dot span { 921 display: block; 922 height: 25px; 923 width: 25px; 924 margin: 0 5px; 925 -webkit-border-radius: 50%; 926 -moz-border-radius: 50%; 927 border-radius: 50%; 928 background: transparent; 929 position: relative; 930 z-index: 1; 931 opacity: 0.5; 932 border: 4px solid var(--default-color); 933} 934 935.team-area .team-carousel.owl-carousel .owl-dots .owl-dot.active span::after { 936 position: absolute; 937 left: 50%; 938 top: 50%; 939 content: ""; 940 height: 5px; 941 width: 5px; 942 transform: translate(-50%, -50%); 943 -webkit-transform: translate(-50%, -50%); 944 -moz-transform: translate(-50%, -50%); 945 -ms-transform: translate(-50%, -50%); 946 -o-transform: translate(-50%, -50%); 947 background: var(--default-color); 948 -webkit-border-radius: 50%; 949 -moz-border-radius: 50%; 950 border-radius: 50%; 951} 952 953.team-single-area .thumb::after { 954 position: absolute; 955 right: -30px; 956 top: 30px; 957 content: ""; 958 height: 100%; 959 width: 100%; 960 background: var(--default-color); 961 z-index: -1; 962 opacity: 0.2; 963} 964 965.team-single-area .team-content-top .right-info span { 966 display: block; 967 text-transform: uppercase; 968 color: var(--default-color); 969 font-weight: 600; 970 margin-bottom: 25px; 971} 972 973.team-single-area .right-info ul li a:hover { 974 color: var(--default-color); 975} 976 977.team-single-area .right-info .social .share-link > i { 978 display: inline-block; 979 height: 45px; 980 background: #ffffff; 981 box-shadow: 0 0 10px #cccccc; 982 line-height: 45px; 983 width: 45px; 984 text-align: center; 985 border-radius: 50%; 986 cursor: pointer; 987 color: var(--default-color); 988 margin-right: 20px; 989} 990.skill-items .progress-box .progress .progress-bar { 991 height: 6px; 992 border-radius: 30px; 993 background: var(--default-color); 994 top: 12px; 995 position: relative; 996 overflow: inherit; 997} 998 999.skill-items .progress-box .progress .progress-bar::after { 1000 position: absolute; 1001 right: 4px; 1002 top: -28px; 1003 content: "\f106"; 1004 font-family: "Font Awesome 5 Pro"; 1005 font-weight: 600; 1006 color: var(--default-color); 1007 font-size: 18px; 1008} 1009.projects-area .info ul { 1010 background: var(--default-color); 1011 margin: 0; 1012 margin-top: 25px; 1013 color: #ffffff; 1014 padding: 30px; 1015 padding-top: 0;
1016 display: inline-block; 1017 border-radius: 10px; 1018 position: relative; 1019 z-index: 1; 1020 list-style: none; 1021} 1022.projects-area .info ul::after { 1023 position: absolute; 1024 left: 30px; 1025 top: -10px; 1026 content: ""; 1027 border-left: 10px solid transparent; 1028 border-right: 10px solid transparent; 1029 border-bottom: 10px solid var(--default-color); 1030} 1031.projects-area .project-item .thumb a { 1032 display: inline-block; 1033 height: 50px; 1034 width: 50px; 1035 background: #ffffff; 1036 z-index: 1; 1037 position: absolute; 1038 left: 50%; 1039 top: 50%; 1040 transform: translate(-50%, -90%); 1041 text-align: center; 1042 line-height: 50px; 1043 border-radius: 50%; 1044 box-shadow: 0 0 10px #cccccc; 1045 opacity: 0; 1046 color: var(--default-color); 1047} 1048 1049 1050 1051.projects-area .item .info h4 { 1052 font-weight: 600; 1053 text-transform: uppercase; 1054 color: var(--default-color); 1055 display: inline-block; 1056 position: relative; 1057 z-index: 1; 1058 font-size: 16px; 1059} 1060 1061 1062 1063.projects-area .project-item.projects-carousel .owl-nav .owl-prev, 1064.projects-area .project-item.projects-carousel .owl-nav .owl-next { 1065 background: transparent none repeat scroll 0 0; 1066 color: var(--default-color); 1067 font-size: 30px; 1068 height: 40px; 1069 left: -70px; 1070 line-height: 40px; 1071 margin: -20px 0 0; 1072 padding: 0; 1073 position: absolute; 1074 top: 50%; 1075 width: 40px; 1076} 1077 1078 1079.project-details-area .content ul li::after { 1080 position: absolute; 1081 left: 0; 1082 top: 0; 1083 content: "\f058"; 1084 font-family: "Font Awesome 5 Pro"; 1085 font-weight: 600; 1086 color: var(--default-color); 1087} 1088 1089 1090.gallery-area .gallery-items .pf-item .overlay:after { 1091 content: ""; 1092 position: absolute; 1093 height: 100%; 1094 width: 100%; 1095 left: 170%; 1096 top: 0; 1097 transform: skewX(45deg); 1098 transition: all 0.55s ease-in-out; 1099 background-color: var(--default-color); 1100 opacity: 0.6; 1101} 1102 1103 1104 1105.gallery-area .gallery-items .pf-item .overlay .content > a { 1106 display: inline-block; 1107 height: 50px; 1108 width: 50px; 1109 line-height: 50px; 1110 text-align: center; 1111 background: var(--default-color); 1112 color: #ffffff; 1113 border-radius: 50%; 1114 transform: translateY(30px); 1115 opacity: 0; 1116} 1117 1118 1119.portfolio-area .portfolio-items-area .mix-item-menu button.active { 1120 background: var(--default-color); 1121 color: #ffffff; 1122} 1123 1124 1125 1126.portfolio-area .item .info span i { 1127 margin-right: 5px; 1128 color: var(--default-color); 1129 font-size: 16px; 1130 position: relative; 1131 top: 2px; 1132 font-weight: 500; 1133} 1134 1135 1136 1137.portfolio-area .item .info a:hover { 1138 color: var(--default-color) !important; 1139} 1140 1141 1142 1143.portfolio-area .item .info > a:hover { 1144 background: var(--default-color) !important; 1145 color: #ffffff !important; 1146} 1147 1148 1149.portfolio-area .item .thumb .overlay a { 1150 height: 50px; 1151 width: 50px; 1152 line-height: 50px; 1153 background: var(--default-color); 1154 display: inline-block; 1155 position: absolute; 1156 left: 50%; 1157 top: 50%; 1158 transform: translate(-50%, -50%); 1159 border-radius: 50%; 1160 box-shadow: 0 0 10px #cccccc; 1161 color: #ffffff; 1162 opacity: 0; 1163 text-align: center; 1164} 1165 1166 1167 1168.portfolio-area .item .info .bottom a { 1169 display: inline-block; 1170 height: 45px; 1171 width: 45px; 1172 line-height: 45px; 1173 background: var(--default-color); 1174 text-align: center; 1175 color: #ffffff; 1176 border-radius: 6px; 1177 margin: 0; 1178 margin-right: 30px; 1179} 1180 1181 1182 1183.portfolio-list a.load-more__btn { 1184 margin: 0 15px; 1185 display: inline-block; 1186 padding: 12px 40px; 1187 background: var(--default-color); 1188 color: #ffffff; 1189 border-radius: 30px; 1190 margin-top: 30px; 1191 position: relative; 1192 left: 50%; 1193 transform: translateX(-50%); 1194 margin-bottom: 15px; 1195 margin-left: 0; 1196} 1197 1198 1199.portfolio-area .portfolio-carousel.owl-carousel .owl-dots .owl-dot span { 1200 display: block; 1201 height: 25px; 1202 width: 25px; 1203 margin: 0 5px; 1204 -webkit-border-radius: 50%; 1205 -moz-border-radius: 50%; 1206 border-radius: 50%; 1207 background: transparent; 1208 position: relative; 1209 z-index: 1; 1210 opacity: 0.5; 1211 border: 4px solid var(--default-color); 1212} 1213 1214.portfolio-area .portfolio-carousel.owl-carousel .owl-dots .owl-dot.active span::after { 1215 position: absolute; 1216 left: 50%; 1217 top: 50%; 1218 content: ""; 1219 height: 5px; 1220 width: 5px; 1221 transform: translate(-50%, -50%); 1222 -webkit-transform: translate(-50%, -50%); 1223 -moz-transform: translate(-50%, -50%); 1224 -ms-transform: translate(-50%, -50%); 1225 -o-transform: translate(-50%, -50%); 1226 background: var(--default-color); 1227 -webkit-border-radius: 50%; 1228 -moz-border-radius: 50%; 1229 border-radius: 50%; 1230} 1231 1232 1233 1234.project-details-area .default-one-col-carousel .owl-nav .owl-prev, 1235.project-details-area .default-one-col-carousel .owl-nav .owl-next { 1236 background: transparent none repeat scroll 0 0; 1237 color: var(--default-color); 1238 font-size: 30px; 1239 height: 40px; 1240 left: 15px; 1241 line-height: 40px; 1242 margin: -20px 0 0; 1243 padding: 0; 1244 position: absolute; 1245 top: 50%; 1246 width: 40px; 1247} 1248 1249.clients-area.default-padding.bg-dark.text-light::after { 1250 position: absolute; 1251 left: -15%; 1252 top: 0; 1253 height: 101%; 1254 width: 63%; 1255 content: ""; 1256 background: var(--default-color); 1257 z-index: -1; 1258 transform: skewX(-10deg); 1259} 1260 1261 1262 1263.testimonials-area .testimonial-content .content .rating { 1264 display: block; 1265 margin-bottom: 30px; 1266 color: var(--default-color); 1267} 1268 1269 1270.testimonials-area .testimonial-content.testimonials-carousel .owl-nav .owl-prev, 1271.testimonials-area .testimonial-content.testimonials-carousel .owl-nav .owl-next { 1272 background: transparent; 1273 color: var(--default-color); 1274 font-size: 24px; 1275 margin: 0; 1276 padding: 10px; 1277} 1278 1279 1280 1281.testimonials-area .testimonial-content.testimonials-carousel .owl-dots .owl-dot span { 1282 display: block; 1283 height: 25px; 1284 width: 25px; 1285 margin: 0 5px; 1286 -webkit-border-radius: 50%; 1287 -moz-border-radius: 50%; 1288 border-radius: 50%; 1289 background: transparent; 1290 position: relative; 1291 z-index: 1; 1292 opacity: 0.5; 1293 border: 4px solid var(--default-color); 1294} 1295 1296.testimonials-area .testimonial-content.testimonials-carousel .owl-dots .owl-dot.active span::after { 1297 position: absolute; 1298 left: 50%; 1299 top: 50%; 1300 content: ""; 1301 height: 5px; 1302 width: 5px; 1303 transform: translate(-50%, -50%); 1304 -webkit-transform: translate(-50%, -50%); 1305 -moz-transform: translate(-50%, -50%); 1306 -ms-transform: translate(-50%, -50%); 1307 -o-transform: translate(-50%, -50%); 1308 background: var(--default-color); 1309 -webkit-border-radius: 50%; 1310 -moz-border-radius: 50%; 1311 border-radius: 50%; 1312} 1313 1314 1315 1316.blog-area .thumb .date strong { 1317 display: block; 1318 font-weight: 800; 1319 font-size: 14px; 1320 text-transform: uppercase; 1321 background: var(--default-color);
1322 color: #ffffff; 1323 padding: 0 21px; 1324} 1325 1326.blog-area.full-blog .item .info .meta ul li a:hover { 1327 color: var(--default-color); 1328} 1329 1330.blog-area .item blockquote { 1331 position: relative; 1332 z-index: 1; 1333 border: none; 1334 font-size: 22px; 1335 margin-top: 30px; 1336 margin-bottom: 30px; 1337 color: #cccccc; 1338 line-height: 36px; 1339 background: #022147; 1340 padding: 80px 50px; 1341 font-style: italic; 1342 border-left: 5px solid var(--default-color); 1343} 1344.blog-area .item blockquote a:hover { 1345 color: var(--default-color); 1346} 1347 1348 1349.blog-area .item .info .meta ul li a:hover { 1350 color: var(--default-color); 1351} 1352 1353 1354 1355.blog-area .item .info h2 a:hover, 1356.blog-area .item .info h3 a:hover, 1357.blog-area .item .info h4 a:hover { 1358 color: var(--default-color); 1359} 1360 1361 1362 1363.blog-area .item .info .content h4 a:hover { 1364 color: var(--default-color); 1365} 1366 1367 1368 1369.pagi-area .pagination li.active a { 1370 background: var(--default-color); 1371 border-color: var(--default-color); 1372} 1373 1374 1375 1376.blog-area .sidebar .title h4::after { 1377 position: absolute; 1378 left: 0; 1379 bottom: 0; 1380 content: ""; 1381 height: 2px; 1382 width: 50px; 1383 border-bottom: 2px solid var(--default-color); 1384} 1385 1386 1387 1388.blog-area .sidebar button[type="submit"] { 1389 border: none; 1390 color: #ffffff; 1391 font-weight: 500; 1392 letter-spacing: 1px; 1393 min-height: 50px; 1394 width: 50px; 1395 position: absolute; 1396 right: 5px; 1397 text-transform: uppercase; 1398 top: 5px; 1399 -webkit-transition: all 0.35s ease-in-out; 1400 -moz-transition: all 0.35s ease-in-out; 1401 -ms-transition: all 0.35s ease-in-out; 1402 -o-transition: all 0.35s ease-in-out; 1403 transition: all 0.35s ease-in-out; 1404 font-size: 16px; 1405 background: var(--default-color); 1406 border-radius: 8px; 1407} 1408 1409.blog-area .sidebar input[type="submit"]:hover { 1410 background: var(--default-color) none repeat scroll 0 0; 1411} 1412 1413 1414 1415.blog-area .sidebar .sidebar-item li a:hover { 1416 color: var(--default-color); 1417} 1418 1419 1420 1421.sidebar-item.recent-post li a:hover { 1422 color: var(--default-color); 1423} 1424 1425 1426 1427.sidebar-item.tags ul li a:hover { 1428 color: var(--default-color); 1429} 1430 1431 1432.blog-area .sidebar .sidebar-item.add-banner .sidebar-info::after { 1433 position: absolute; 1434 left: 0; 1435 top: 0; 1436 content: ""; 1437 height: 100%; 1438 width: 100%; 1439 background: var(--default-color); 1440 z-index: -1; 1441 opacity: 0.7; 1442} 1443 1444 1445 1446/* Blog Single */ 1447.blog-area.single .item .content-box span { 1448 background: var(--default-color) none repeat scroll 0 0; 1449 color: #ffffff; 1450 display: inline-block; 1451 font-weight: 600; 1452 letter-spacing: 1px; 1453 padding: 3px 20px; 1454 text-transform: uppercase; 1455} 1456 1457 1458 1459.blog-area .blog-content .share li a { 1460 display: inline-block; 1461 color: var(--default-color); 1462} 1463 1464 1465.pagination li a { 1466 display: inline-block; 1467 padding: 15px 20px; 1468 border-radius: 5px; 1469 margin: 0 2px; 1470 color: var(--default-color); 1471 font-weight: 800; 1472} 1473 1474.pagination li.page-item.active a { 1475 background: var(--default-color); 1476 border-color: var(--default-color); 1477} 1478 1479 1480.contact-area .contact-items .item a:hover { 1481 color: var(--default-color); 1482} 1483 1484 1485 1486.contact-area .contact-items .content button { 1487 background: var(--default-color); 1488 color: #ffffff; 1489 border: none; 1490 padding: 15px 40px; 1491 text-transform: uppercase; 1492 font-weight: 600; 1493 font-size: 14px; 1494 position: relative; 1495 z-index: 1; 1496 transition: all 0.35s ease-in-out; 1497} 1498 1499 1500.error-page-area .error-box form button { 1501 position: absolute; 1502 right: 0; 1503 top: 0; 1504 border: none; 1505 min-height: 50px; 1506 width: 50px; 1507 background: var(--default-color); 1508 color: #ffffff; 1509} 1510 1511 1512 1513footer .contact ul li a:hover { 1514 color: var(--default-color); 1515} 1516 1517footer .contact ul li i { 1518 color: var(--default-color); 1519} 1520footer .opening-hours li .closed{ 1521 background: var(--default-color); 1522} 1523 1524 1525 1526footer .link ul li a:hover { 1527 color: var(--default-color); 1528} 1529 1530 1531.navbar .side .widget .contact li .icon i { 1532 color: var(--default-color); 1533 } 1534 1535 nav.navbar .quote-btn a { 1536 border: 2px solid var(--default-color); 1537 } 1538 1539 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a .badge { 1540 background: var(--default-color); 1541 } 1542 1543 .attr-nav > ul > li > a span.badge { 1544 background-color: var(--default-color); 1545 } 1546 1547 .attr-nav > ul > li.button a { 1548 background: var(--default-color); 1549 } 1550 1551.navbar.bg-dark .top-search { 1552 background: var(--default-color) none repeat scroll 0 0; 1553 } 1554 1555 .navbar .side .widget li a:hover { 1556 color: var(--default-color); 1557 } 1558 1559 .navbar .side .widget.social li a:hover { 1560 background: var(--default-color) none repeat scroll 0 0; 1561 color: #ffffff; 1562 } 1563 1564 .navbar .side .address li .icon i { 1565 color: var(--default-color); 1566 } 1567 1568 .side .widget ul.link li a { 1569 color: var(--default-color); 1570 } 1571 1572 nav.navbar.bootsnav .share.dark ul > li > a { 1573 background-color: var(--default-color); 1574 color: #ffffff; 1575 } 1576 1577 nav.navbar.bootsnav .share ul > li > a:hover { 1578 color: var(--default-color); 1579 } 1580 1581 nav.navbar.bootsnav ul.nav > li > a.active { 1582 color: var(--default-color); 1583 } 1584 1585 nav.navbar.bootsnav.active-bg ul.nav > li > a.active { 1586 background: var(--default-color) !important; 1587 } 1588 1589 nav.navbar.bootsnav.active-border ul.nav > li > a.active::before { 1590 border-bottom: 3px solid var(--default-color); 1591 } 1592 1593 nav.navbar.bootsnav ul.nav > li.active > a { 1594 color: var(--default-color); 1595 } 1596 1597 nav.navbar.bootsnav.active-full ul.nav > li > a.active, 1598 nav.navbar.bootsnav.active-full ul.nav > li > a:hover { 1599 background: var(--default-color) none repeat scroll 0 0 !important; 1600 color: #ffffff; 1601 } 1602 1603 nav.navbar.bootsnav ul.nav > li > a:hover { 1604 color: var(--default-color); 1605 } 1606 1607 nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover { 1608 color: var(--default-color); 1609 } 1610 1611 nav.navbar.bootsnav ul.navbar-left li.dropdown ul.dropdown-menu li a:hover { 1612 color: var(--default-color); 1613 } 1614 1615 nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover { 1616 color: var(--default-color); 1617 } 1618
1619 nav.bootsnav.navbar-sidebar ul.nav > li > a:hover { 1620 color: var(--default-color); 1621 } 1622 1623 nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li:hover > a { 1624 background-color: transparent !important; 1625 color: var(--default-color) !important; 1626 } 1627 1628 .attr-nav > ul > li.contact i { 1629 color: var(--default-color); 1630 } 1631 1632 .attr-nav.menu li:last-child a { 1633 background: var(--default-color) none repeat scroll 0 0; 1634 } 1635 1636.attr-nav.button li a i { 1637 margin-right: 3px; 1638 color: var(--default-color); 1639 } 1640 1641 .navbar .attr-nav.contact li { 1642 color: var(--default-color); 1643 } 1644 1645 .navbar .attr-nav.contact li p { 1646 color: var(--default-color); 1647 } 1648 1649 .navbar.bootsnav.navbar-fixed .attr-nav li.btn a { 1650 color: var(--default-color); 1651 } 1652 1653 .navbar.bootsnav .attr-nav li.btn a { 1654 border: 2px solid var(--default-color); 1655 } 1656 1657 @media (min-width: 1024px) { 1658 1659 1660 nav.navbar.bootsnav.bg-theme { 1661 background: var(--default-color); 1662 } 1663} 1664 1665 nav.navbar.navbar-default.bootsnav.navbar-fixed-light::after { 1666 background: var(--default-color); 1667 } 1668 1669nav.navbar.navbar-default.bootsnav.navbar-fixed-light a.navbar-brand::before { 1670 background: var(--default-color); 1671 } 1672 1673 1674/* Color CSS for Unit test */ 1675.blog-area .single-item.sticky .item::after { 1676 background: var(--default-color); 1677} 1678 1679.blog-area.full-blog .item .info .meta ul li i { 1680 color: var(--default-color); 1681} 1682 1683.blog-area.full-blog .item .info .meta ul li a:hover { 1684 color: var(--default-color); 1685} 1686 1687.pagi-area .pagination li span.pagination.current, 1688.pagi-area .pagination li a:hover { 1689 background: var(--default-color); 1690 border-color: var(--default-color);; 1691} 1692 1693.post-nav-links .current, 1694.post-nav-links a:hover { 1695 background: var(--default-color); 1696 border-color: var(--default-color); 1697} 1698 1699.page-links .current, .page-links a:hover { 1700 background: var(--default-color); 1701 border-color: var(--default-color); 1702} 1703 1704.widget_block.widget_search form .wp-block-search__inside-wrapper button { 1705 background: var(--default-color) !important; 1706} 1707 1708.wp-block-group__inner-container h2::after { 1709 border-bottom: 2px solid var(--default-color); 1710} 1711 1712.wp-block-calendar tbody td#today { 1713 background: var(--default-color); 1714 border-color: var(--default-color); 1715} 1716 1717.wp-block-calendar nav.wp-calendar-nav a:hover { 1718 color: var(--default-color); 1719} 1720 1721.has-avatars.wp-block-latest-comments li footer time.wp-block-latest-comments__comment-date { 1722 color: var(--default-color); 1723} 1724 1725.post-password-form input[type="submit"] { 1726 background: var(--default-color) !important; 1727} 1728 1729.wp-block-search .wp-block-search__button { 1730 background: var(--default-color); 1731} 1732 1733.blog-area .sidebar .title h4::after { 1734 border-bottom: 2px solid var(--default-color); 1735} 1736 1737.widget_tag_cloud a:hover { 1738 background: var(--default-color); 1739 background-color: var(--default-color); 1740} 1741 1742.bg-dark .widget_tag_cloud a:hover { 1743 background: var(--default-color); 1744 background-color: var(--default-color); 1745} 1746 1747.widget_search button[type="submit"] { 1748 color: var(--default-color) !important; 1749 background: var(--default-color); 1750} 1751 1752.sidebar-item.widget_rss .rss-date { 1753 color: var(--default-color); 1754} 1755 1756.sidebar-item.widget_rss cite { 1757 color: var(--default-color); 1758} 1759 1760.widget_recent_comments li span.comment-author-link a { 1761 color: var(--default-color) !important; 1762} 1763 1764.wp-calendar-table tr td a { 1765 color: var(--default-color); 1766} 1767 1768.wp-calendar-table tbody td#today { 1769 background: var(--default-color); 1770} 1771 1772.widget_calendar table td a { 1773 color: var(--default-color) !important; 1774} 1775 1776table td a { 1777 color: var(--default-color); 1778} 1779 1780.widget_calendar .calendar_wrap nav.wp-calendar-nav a:hover { 1781 color: var(--default-color); 1782} 1783 1784.blog-area a:hover, 1785.page-content a:hover { 1786 color: var(--default-color); 1787} 1788 1789blockquote { 1790 border-left: 5px solid var(--default-color); 1791} 1792 1793.blog-area .info .footer-entry a:hover { 1794 background: var(--default-color); 1795} 1796 1797.post-pagi-area a { 1798 color: var(--default-color); 1799} 1800 1801.post-pagi-area a:hover { 1802 background: var(--default-color); 1803} 1804 1805.post-pagi-area a:hover { 1806 color: var(--default-color); 1807} 1808 1809.comments-list .comment-item .content .reply a:hover { 1810 background: var(--default-color); 1811} 1812 1813.comment-item .comments-info a:hover { 1814 background: var(--default-color); 1815} 1816 1817.comments-form button { 1818 background-color: var(--default-color); 1819 border: 2px solid var(--default-color); 1820} 1821 1822 1823.comments-area .comment-respond .comment-reply-title small a { 1824 color: var(--default-color); 1825} 1826 1827.comments-area .comment-respond form button { 1828 background-color: var(--default-color); 1829 border: 2px solid var(--default-color); 1830} 1831 1832footer .f-item ul li a:hover { 1833 color: var(--default-color); 1834} 1835 1836/* ============================================================== 1837 # Preloader 1838=================================================================== */ 1839.no-js #loader { 1840 display: none; 1841} 1842 1843.js #loader { 1844 display: block; 1845 position: absolute; 1846 left: 100px; 1847 top: 0; 1848} 1849 1850.se-pre-con { 1851 position: fixed; 1852 left: 0px; 1853 top: 0px; 1854 width: 100%; 1855 height: 100%; 1856 z-index: 999999; 1857 background: url(assets/img/preloader.gif) center no-repeat #fff; 1858 text-align: center; 1859} 1860 1861.top-bar-area.bg-dark { 1862 background: var(--topbar-color) !important; 1863} 1864footer.bg-dark { 1865 background: var(--footer-color) !important; 1866} 1867.bg-dark { 1868 background: var(--sec-color) none repeat scroll 0 0 !important; 1869} 1870 1871.it-solution .blog-area .thumb .date strong { 1872 background: var(--default-color); 1873} 1874 1875.it-solution .site-heading h4 { 1876 color: var(--default-color); 1877} 1878.it-solution .site-heading h2::before, 1879.it-solution .site-heading h2::after { 1880 background: var(--default-color); 1881} 1882 1883.it-solution .work-process-area .work-pro-items .item .item-inner::before, 1884.it-solution .work-process-area .work-pro-items .item .item-inner::after { 1885 background: var(--default-color); 1886} 1887 1888.it-solution .work-process-area .work-pro-items .item::before, 1889.it-solution .work-process-area .work-pro-items .item::after { 1890 background: var(--default-color); 1891} 1892 1893.it-solution .work-process-area .work-pro-items .item i { 1894 color: var(--default-color); 1895 font-weight: 300; 1896 font-size: 50px; 1897} 1898 1899.it-solution .bg-theme { 1900 background: var(--default-color); 1901} 1902 1903.it-solution .chooseus-area .info li::after { 1904 position: absolute; 1905 left: 0; 1906 top: 0; 1907 content: "\f00c"; 1908 font-family: "Font Awesome 5 Pro"; 1909 font-weight: 100; 1910 height: 35px; 1911 width: 35px; 1912 line-height: 35px; 1913 background: var(--sec-color); 1914 text-align: center; 1915 border-radius: 50%; 1916 color: #ffffff; 1917} 1918 1919.appoinment-form button { 1920 width: 100%; 1921 background: var(--default-color); 1922 padding: 0 15px; 1923 border-radius: 5px; 1924 font-weight: 600; 1925 min-height: 50px; 1926 border: none !important; 1927 color: #ffffff; 1928} 1929 1930.about-style-four ul li::after { 1931 position: absolute; 1932 left: 0; 1933 top: 50%; 1934 content: "\f00c"; 1935 font-family: "Font Awesome 5 Pro"; 1936 font-size: 14px; 1937 height: 30px; 1938 width: 30px; 1939 line-height: 30px; 1940 background: var(--sec-color); 1941 text-align: center; 1942 color: #ffffff; 1943 font-weight: 300; 1944 border-radius: 50%; 1945 transform: translateY(-50%); 1946} 1947 1948.it-solution .consulting-area .inner-items .left-info::before { 1949 background: var(--sec-color); 1950} 1951 1952.about-style-four .btn-dark.theme{ 1953 background: var(--default-color); 1954} 1955.about-style-four h4 { 1956 text-transform: uppercase; 1957 font-weight: 600; 1958 color: var(--default-color); 1959} 1960 1961.it-solution .btn-theme { 1962 background-color: var(--default-color); 1963} 1964
1965.it-solution .chooseus-area .thumb-inner::after { 1966 border-color: var(--default-color); 1967} 1968 1969/* ============================================================== 1970 # Topbar 1971=================================================================== */ 1972 1973.business nav.navbar.bootsnav li.search a, 1974.business .topbar-style-three .logo a::after, 1975.it-solution .top-bar-area.bg-dark{ 1976 background-color: var(--topbar-color) !important; 1977} 1978 1979.business .topbar-style-three .info ul li i{ 1980 color: var(--topbar-color) !important; 1981} 1982 1983.business .topbar-style-three { 1984 border-bottom: 5px solid var(--topbar-color) ; 1985} 1986 1987 1988/* ============================================================== 1989 # Solar Energy 1990=================================================================== */ 1991.about-style-five h4, 1992.choose-us-style-five .contact i, 1993.choose-us-style-five .fun-fact .timer, 1994.choose-us-style-five .fun-fact .operator, 1995.choose-us-style-five h4, 1996.energy .projects-area .item .info h4, 1997.energy .projects-area .project-item.projects-carousel .owl-nav .owl-prev, 1998.energy .projects-area .project-item.projects-carousel .owl-nav .owl-next, 1999.energy .testimonials-area .testimonial-content .content .rating, 2000.energy .testimonials-area .testimonial-content.testimonials-carousel .owl-nav .owl-prev, 2001.energy .testimonials-area .testimonial-content.testimonials-carousel .owl-nav .owl-next, 2002.energy .site-heading h4 { 2003 color: var(--default-color); 2004} 2005 2006.energy .projects-area .info ul::after { 2007 border-bottom-color: var(--default-color); 2008} 2009 2010.about-style-five blockquote { 2011 border-left: 2px solid var(--default-color); 2012} 2013 2014.energy .projects-area .info ul, 2015.energy .clients-area.default-padding.bg-dark.text-light::after, 2016.energy .site-heading h2::before, 2017.energy .site-heading h2::after, 2018.energy .blog-area .thumb .date strong { 2019 background: var(--default-color); 2020} 2021 2022/* ============================================================== 2023 # Buisness 2024=================================================================== */ 2025 2026.energy footer .opening-hours li .closed, 2027.yellow footer .opening-hours li .closed, 2028.energy .btn-theme, 2029.yellow .work-process-area .work-pro-items .item .item-inner::before, .yellow .work-process-area .work-pro-items .item .item-inner::after, 2030.yellow .work-process-area .work-pro-items .item::before, .yellow .work-process-area .work-pro-items .item::after, 2031.business .banner-area .carousel-indicators li::after, 2032.business .btn-theme, 2033.it-solution .attr-nav > ul > li.button a, 2034.yellow .our-features-area .feature-item .info:last-child, 2035.yellow .navbar .attr-nav .call i, 2036.yellow .navbar .attr-nav .call i::after, 2037.yellow .top-bar-area .shape::after, 2038.banner-area.banner-box .box-cell::before, 2039.nav-tabs .nav-item a.active::after, 2040.yellow .clients-area.default-padding.bg-dark.text-light::after, 2041.yellow .blog-area .thumb .date strong, 2042.portfolio-area .item .info .right a, 2043.yellow .services-area .services-items.services-carousel .owl-dots .owl-dot.active span::after, 2044.yellow .projects-area .info ul, 2045.yellow .why-us-area .left-info .content, 2046.yellow .services-area.with-thumb .services-items .item .info > i, 2047.yellow .video-btn i, 2048.yellow .btn-theme, 2049.business .why-us-area .left-info .content, 2050.business .work-process-area .work-pro-items .item .item-inner::before, 2051.business .work-process-area .work-pro-items .item .item-inner::after, 2052.business .work-process-area .work-pro-items .item::before, 2053.business .work-process-area .work-pro-items .item::after, 2054.business .gallery-area .gallery-items .pf-item .overlay:after, 2055.business .gallery-area .gallery-items .pf-item .overlay .content > a, 2056.business .site-heading h2::after, 2057.business .site-heading h2::before, 2058.business .blog-area .thumb .date strong { 2059 background: var(--default-color); 2060} 2061 2062 2063.energy footer .contact ul li i, 2064.yellow footer .contact ul li i, 2065.energy .banner-area .carousel-control.theme, 2066.yellow .work-process-area .work-pro-items .item i, 2067.yellow .banner-area .carousel-control.theme, 2068.yellow .top-bar-area .info .list li i, 2069.side .widget.newsletter form span.input-group-addon button, 2070.service-item-style-three h6, 2071.service-item-style-three i, 2072.about-style-four-info h4, 2073.tab-content .tab-pane ul li::after, 2074.portfolio-area .item .info span strong, 2075.yellow .about-area .info ul li::after, 2076.yellow .why-us-area .info li::after, 2077.yellow .projects-area .project-item.projects-carousel .owl-nav .owl-prev, 2078.yellow .projects-area .project-item.projects-carousel .owl-nav .owl-next, 2079.yellow .testimonials-area .testimonial-content .content .rating, 2080.business .about-style-three h4, 2081.business .about-style-three .award i, 2082.business .services-style-four .item i, 2083.business .why-us-area .info li::after, 2084.business .work-process-area .work-pro-items .item i, 2085.business .testimonials-area .testimonial-content .content .rating, 2086.business .testimonials-area .testimonial-content.testimonials-carousel .owl-nav .owl-prev, 2087.business .testimonials-area .testimonial-content.testimonials-carousel .owl-nav .owl-next, 2088.business .site-heading h4 { 2089 color: var(--default-color); 2090} 2091 2092.yellow .site-heading h2::after, 2093.yellow .site-heading h2::before { 2094 background: var(--default-color) none repeat scroll 0 0; 2095} 2096 2097.yellow .video-btn i::after { 2098 background: var(--default-color) repeat scroll 0 0; 2099} 2100 2101.yellow .projects-area .info ul::after { 2102 border-bottom: 10px solid var(--default-color); 2103} 2104 2105.yellow .services-area .services-items.services-carousel .owl-dots .owl-dot span { 2106 border: 4px solid var(--default-color); 2107} 2108 2109.business .banner-area .carousel-indicators li, 2110.business .banner-area .carousel-indicators li.active { 2111 border-color: var(--default-color); 2112}
2113nav.navbar.bootsnav.nav-full .navbar-brand::after{ 2114 background: var(--default-color)!important; 2115} 2116 2117.navbar.navbar-default .container-fluid .attr-nav > ul > li.button a{ 2118 background: var(--default-color)!important; 2119} 2120</style> 2121 2122<meta name="generator" content="Elementor 4.2.2; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap"> 2123 <style> 2124 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), 2125 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { 2126 background-image: none !important; 2127 } 2128 @media screen and (max-height: 1024px) { 2129 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), 2130 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { 2131 background-image: none !important; 2132 } 2133 } 2134 @media screen and (max-height: 640px) { 2135 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), 2136 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { 2137 background-image: none !important; 2138 } 2139 } 2140 </style> 2141 <link rel="icon" href="https://dotnetix.co.za/wp-content/uploads/2026/03/cropped-DotNetix_Wabtec_Logo_Icon_FullColour_RGB-scaled-1-32x32.png" sizes="32x32" /> 2142<link rel="icon" href="https://dotnetix.co.za/wp-content/uploads/2026/03/cropped-DotNetix_Wabtec_Logo_Icon_FullColour_RGB-scaled-1-192x192.png" sizes="192x192" /> 2143<link rel="apple-touch-icon" href="https://dotnetix.co.za/wp-content/uploads/2026/03/cropped-DotNetix_Wabtec_Logo_Icon_FullColour_RGB-scaled-1-180x180.png" /> 2144<meta name="msapplication-TileImage" content="https://dotnetix.co.za/wp-content/uploads/2026/03/cropped-DotNetix_Wabtec_Logo_Icon_FullColour_RGB-scaled-1-270x270.png" /> 2145<style id="wp-custom-css"> 2146.column2 { 2147 float: left; 2148 width: 50%; 2149} 2150 2151.column3 { 2152 float: left; 2153 width: 33.3%; 2154} 2155 2156@media screen and (max-width: 600px) { 2157 .column3 { 2158 width: 100%; 2159 } 2160} 2161 2162@media screen and (max-width: 600px) { 2163 .column2 { 2164 width: 100%; 2165 } 2166} 2167 2168.mt-0 { 2169 margin-top: 0 !important; 2170} 2171 2172.ml-1 { 2173 margin-left: ($spacer * .3) !important; 2174} 2175 2176.px-2 { 2177 padding-left: ($spacer * .5) !important; 2178 padding-right: ($spacer * .5) !important; 2179} 2180 2181.p-3 { 2182 padding: $spacer !important; 2183} 2184 2185footer .f-items.default-padding { 2186 padding-top: 0px; 2187 padding-bottom: 60px; 2188} 2189</style> 2190<style id="dustra_option-dynamic-css" title="dynamic-css" class="redux-options-output">nav.navbar.bootsnav.nav-full .navbar-brand::after{background-color:transparent;}</style><meta name="generator" content="WP Rocket 3.23.1.1" data-wpr-features="wpr_preconnect_external_domains wpr_oci wpr_cdn wpr_preload_links wpr_desktop" /></head> 2191<body class="wp-singular page-template page-template-elementor_header_footer page page-id-2313 wp-theme-dustra wp-child-theme-dustra-child elementor-default elementor-template-full-width elementor-kit-8 elementor-page elementor-page-2313"> 2192 <!-- Start Header Top One 2193 ============================================= --> 2194 <div class="top-bar-area bg-dark text-light"> 2195 <div class="container"> 2196 <div class="row align-center"> 2197 <div class="col-lg-3 shape"> 2198 <ul class="social"> 2199 <li class="facebook"> 2200 <a target="_blank" href="https://www.facebook.com/DotNetix"><i class="fab fa-facebook-f"></i></a> 2201 </li> 2202 <li class="linkedin"> 2203 <a target="_blank" href="https://www.linkedin.com/company/dotnetix"><i class="fab fa-linkedin-in"></i></a> 2204 </li> 2205 <li class="linkedin"> 2206 <a target="_blank" href="https://www.youtube.com/@dotnetix513"><i class="fab fa-youtube"></i></a> 2207 </li> 2208 </ul> 2209 </div> 2210 <div class="col-lg-9 info float-right text-right"> 2211 <div class="info box"> 2212 <ul class="list"> 2213 <li> 2214 <i class="fas fa-envelope-open"></i> 2215 <a href="mailto:[email protected]">[email protected]</a> 2216 </li> 2217 </ul> 2218 2219 </div> 2220 </div> 2221 </div> 2222 </div> 2223 </div> 2224 <!-- End Header Top One --> 2225 <!-- MainMenu Start --> 2226 <!-- Start Header Style One --> 2227 <header id="home"> 2228 2229 <!-- Start Navigation --> 2230 <nav class="navbar navbar-default navbar-sticky bootsnav"> 2231 2232 <!-- Start Top Search --> 2233 <div class="top-search"> 2234 <div class="container"> 2235 <form role="search" method="get" action="https://dotnetix.co.za/"> 2236 <div class="input-group">
2237 <span class="input-group-addon"><i class="fa fa-search"></i></span> 2238 <input name="s" type="text" class="form-control" value="" placeholder="Search"> 2239 <span class="input-group-addon close-search"><i class="fa fa-times"></i></span> 2240 </div> 2241 </form> 2242 </div> 2243 </div> 2244 <!-- End Top Search --> 2245 2246 2247 <div class="container"> 2248 2249 <!-- Start Header Navigation --> 2250 <div class="navbar-header"> 2251 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"> 2252 <i class="fa fa-bars"></i> 2253 </button> 2254 <a class="navbar-brand" href="https://dotnetix.co.za/"> 2255 <img fetchpriority="high" src="https://dotnetix.co.za/wp-content/uploads/2026/03/DotNetix_Logo_840x251px_v1.png" class="logo logo-display" alt="dustra"> 2256 2257 </a> 2258 </div> 2259 <!-- End Header Navigation --> 2260 2261 <!-- Collect the nav links, forms, and other content for toggling --> 2262 <div class="collapse navbar-collapse" id="navbar-menu"> 2263 <ul data-in="#" data-out="#" class="nav navbar-nav navbar-right" id="menu-primary-menu"><li id="menu-item-1979" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1979"><a title="Home" href="https://dotnetix.co.za/">Home</a></li> 2264<li id="menu-item-1980" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-1980 dropdown"><a title="About" href="https://dotnetix.co.za/about-us/" class="dropdown-toggle" data-toggle="dropdown">About</a> 2265<ul class=" dropdown-menu" > 2266 <li id="menu-item-2405" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2405"><a title="About Us" href="https://dotnetix.co.za/about-us/">About Us</a></li> 2267 <li id="menu-item-2348" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2313 current_page_item menu-item-2348 active"><a title="Safety Protocols" href="https://dotnetix.co.za/safety-protocols/">Safety Protocols</a></li> 2268 <li id="menu-item-2453" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2453"><a title="Technology" href="https://dotnetix.co.za/technology/">Technology</a></li> 2269</ul> 2270</li> 2271<li id="menu-item-1981" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1981 dropdown"><a title="Ai Products" href="https://dotnetix.co.za/products/" class="dropdown-toggle" data-toggle="dropdown">Ai Products</a> 2272<ul class=" dropdown-menu" > 2273 <li id="menu-item-2434" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2434"><a title="ARGOS" href="https://dotnetix.co.za/argos/">ARGOS</a></li> 2274 <li id="menu-item-4065" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4065"><a title="ARGOS Mobile" href="https://dotnetix.co.za/argos-mobile/">ARGOS Mobile</a></li> 2275 <li id="menu-item-2562" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2562"><a title="CLEARVIEW" href="https://dotnetix.co.za/clearview/">CLEARVIEW</a></li> 2276 <li id="menu-item-6321" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6321"><a title="EDGEYE" href="https://dotnetix.co.za/edgeye/">EDGEYE</a></li> 2277 <li id="menu-item-2424" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2424"><a title="NEXEYE" href="https://dotnetix.co.za/nexeye/">NEXEYE</a></li> 2278 <li id="menu-item-2401" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2401"><a title="SAFEYE" href="https://dotnetix.co.za/safeye/">SAFEYE</a></li> 2279</ul> 2280</li> 2281<li id="menu-item-2285" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2285"><a title="Gallery" href="https://dotnetix.co.za/gallery/">Gallery</a></li> 2282<li id="menu-item-790" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-790"><a title="Contact Us" href="https://dotnetix.co.za/contact/">Contact Us</a></li> 2283</ul> </div><!-- /.navbar-collapse --> 2284 </div> 2285 2286 </nav> 2287 <!-- End Navigation --> 2288 2289 </header> 2290 <!-- End Header Style One --> 2291 2292 <!-- MainMenu Ends --> <div data-elementor-type="wp-page" data-elementor-id="2313" class="elementor elementor-2313"> 2293 <section class="elementor-section elementor-top-section elementor-element elementor-element-d8af946 elementor-section-height-min-height elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="d8af946" data-element_type="section" data-e-type="section" data-settings="{"stretch_section":"section-stretched","background_background":"classic"}"> 2294 <div class="elementor-background-overlay"></div> 2295 <div class="elementor-container elementor-column-gap-default"> 2296 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-760f016" data-id="760f016" data-element_type="column" data-e-type="column"> 2297 <div class="elementor-widget-wrap elementor-element-populated"> 2298 <div class="elementor-element elementor-element-88c5f75 elementor-widget elementor-widget-heading" data-id="88c5f75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> 2299 <div class="elementor-widget-container"> 2300 <h1 class="elementor-heading-title elementor-size-default">Safety Protocols</h1> </div>
2301 </div> 2302 <div class="elementor-element elementor-element-92bd7c0 elementor-widget elementor-widget-heading" data-id="92bd7c0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> 2303 <div class="elementor-widget-container"> 2304 <h4 class="elementor-heading-title elementor-size-default">Committed to ensuring safety in mining, <br>construction and industrial industries</h4> </div> 2305 </div> 2306 </div> 2307 </div> 2308 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-141e5c1" data-id="141e5c1" data-element_type="column" data-e-type="column"> 2309 <div class="elementor-widget-wrap"> 2310 </div> 2311 </div> 2312 </div> 2313 </section> 2314 <section class="elementor-section elementor-top-section elementor-element elementor-element-f5019b6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f5019b6" data-element_type="section" data-e-type="section" data-settings="{"background_background":"classic"}"> 2315 <div class="elementor-container elementor-column-gap-default"> 2316 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e5e1416" data-id="e5e1416" data-element_type="column" data-e-type="column"> 2317 <div class="elementor-widget-wrap elementor-element-populated"> 2318 <div class="elementor-element elementor-element-3d2e3c4 elementor-widget elementor-widget-spacer" data-id="3d2e3c4" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default"> 2319 <div class="elementor-widget-container"> 2320 <div class="elementor-spacer"> 2321 <div class="elementor-spacer-inner"></div> 2322 </div> 2323 </div> 2324 </div> 2325 </div> 2326 </div> 2327 </div> 2328 </section> 2329 <section class="elementor-section elementor-top-section elementor-element elementor-element-e3c5830 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e3c5830" data-element_type="section" data-e-type="section" data-settings="{"background_background":"classic"}"> 2330 <div class="elementor-container elementor-column-gap-default"> 2331 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d0b0973" data-id="d0b0973" data-element_type="column" data-e-type="column"> 2332 <div class="elementor-widget-wrap elementor-element-populated"> 2333 <div class="elementor-element elementor-element-a98b508 elementor-widget elementor-widget-text-editor" data-id="a98b508" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"> 2334 <div class="elementor-widget-container"> 2335 <p>DotNetix is a leading provider of artificial intelligence-based collision prevention systems for the mining, construction, and industrial industries. The company is dedicated to providing safe and reliable solutions to its clients and has implemented several safety measures and protocols to ensure the highest level of safety in these industries.</p> </div> 2336 </div> 2337 </div> 2338 </div> 2339 </div> 2340 </section> 2341 <section class="elementor-section elementor-top-section elementor-element elementor-element-795322c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="795322c" data-element_type="section" data-e-type="section"> 2342 <div class="elementor-container elementor-column-gap-wide"> 2343 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d41fc6f" data-id="d41fc6f" data-element_type="column" data-e-type="column"> 2344 <div class="elementor-widget-wrap elementor-element-populated"> 2345 <div class="elementor-element elementor-element-e8a3af3 elementor-widget elementor-widget-text-editor" data-id="e8a3af3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"> 2346 <div class="elementor-widget-container"> 2347 <p><strong>Safety Policies </strong></p><p>DotNetix has a comprehensive safety policy in place that outlines its commitment to safety and its procedures for managing safety risks. The companyâs safety policy covers all aspects of its operations, including the design and manufacture of its products, and the installation and maintenance of its systems. The policy also includes guidelines for the safe use and operation of its systems, and procedures for reporting and responding to safety incidents.</p> </div>
2348 </div> 2349 </div> 2350 </div> 2351 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fbc587d" data-id="fbc587d" data-element_type="column" data-e-type="column"> 2352 <div class="elementor-widget-wrap elementor-element-populated"> 2353 <div class="elementor-element elementor-element-2eef7e5 elementor-widget elementor-widget-text-editor" data-id="2eef7e5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"> 2354 <div class="elementor-widget-container"> 2355 <p><strong>Employee Training Programs</strong></p><p>DotNetix is committed to providing its employees with the necessary training and resources to perform their jobs safely. All employees receive comprehensive training on the companyâs safety policies and procedures, as well as training on the safe use and operation of its systems. Regular safety training and drills are also conducted to ensure that employees are prepared to respond to safety incidents.</p> </div> 2356 </div> 2357 </div> 2358 </div> 2359 </div> 2360 </section> 2361 <section class="elementor-section elementor-top-section elementor-element elementor-element-37b54d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="37b54d7" data-element_type="section" data-e-type="section" data-settings="{"background_background":"classic"}"> 2362 <div class="elementor-container elementor-column-gap-default"> 2363 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6493ebe" data-id="6493ebe" data-element_type="column" data-e-type="column"> 2364 <div class="elementor-widget-wrap elementor-element-populated"> 2365 <div class="elementor-element elementor-element-004bb29 elementor-widget elementor-widget-text-editor" data-id="004bb29" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"> 2366 <div class="elementor-widget-container"> 2367 <p>In conclusion, DotNetix is committed to ensuring the highest level of safety in the mining, construction, and industrial industries. The companyâs safety policies, employee training programs, and certifications demonstrate its dedication to providing safe and reliable solutions to its clients.</p> </div> 2368 </div> 2369 </div> 2370 </div> 2371 </div> 2372 </section> 2373 <section class="elementor-section elementor-top-section elementor-element elementor-element-ff598d3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ff598d3" data-element_type="section" data-e-type="section" data-settings="{"background_background":"classic"}"> 2374 <div class="elementor-container elementor-column-gap-default"> 2375 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-262c0a8" data-id="262c0a8" data-element_type="column" data-e-type="column"> 2376 <div class="elementor-widget-wrap elementor-element-populated"> 2377 <div class="elementor-element elementor-element-b4db741 elementor-widget elementor-widget-spacer" data-id="b4db741" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default"> 2378 <div class="elementor-widget-container"> 2379 <div class="elementor-spacer"> 2380 <div class="elementor-spacer-inner"></div> 2381 </div> 2382 </div> 2383 </div> 2384 </div> 2385 </div> 2386 </div> 2387 </section> 2388 </div> 2389 2390<!-- Start Footer 2391============================================= --> 2392<footer class="bg-dark text-light"> 2393 <div class="container"> 2394 <div class="f-items default-padding"> 2395 <div class="row"> 2396 2397 <div class="col-lg-4 col-md-6 single-item"> 2398 <div class="f-item widget_text"><h4 class="widget-title">Contact Us</h4> <div class="textwidget"><p><strong>Head Office:<br /> 2399<a href="https://maps.app.goo.gl/7R3BkhD3KRzPVUo3A" target="_blank" rel="noopener">66 Regency, Route 21 Corporate Park,<br /> 2400Irene, Pretoria, 0178, South Africa</a></strong></p> 2401<p><strong>Call:</strong><br /> 2402<span style="font-weight: 400;">+27 82 314 8116</span></p> 2403<p><strong>Email:<br /> 2404</strong><strong><a href="mailto:[email protected]">[email protected]</a></strong><br /> 2405<strong><a href="mailto:[email protected]">[email protected]</a></strong></p> 2406</div> 2407 </div> </div> 2408 <div class="col-lg-4 col-md-6 single-item"> 2409 <div class="f-item widget_nav_menu"><h4 class="widget-title">Our Products</h4><div class="menu-services-menu-container"><ul id="menu-services-menu" class="menu"><li id="menu-item-2400" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2400"><a href="https://dotnetix.co.za/safeye/">SAFEYE</a></li> 2410<li id="menu-item-2468" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2468"><a href="https://dotnetix.co.za/nexeye/">NEXEYE</a></li> 2411<li id="menu-item-6331" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6331"><a href="https://dotnetix.co.za/edgeye/">EDGEYE</a></li> 2412<li id="menu-item-2469" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2469"><a href="https://dotnetix.co.za/argos/">ARGOS</a></li> 2413<li id="menu-item-4064" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4064"><a href="https://dotnetix.co.za/argos-mobile/">ARGOS Mobile</a></li> 2414<li id="menu-item-2787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2787"><a href="https://dotnetix.co.za/clearview/">CLEARVIEW</a></li> 2415</ul></div></div> </div> 2416 2417 </div> 2418 </div> 2419 </div> 2420 <!-- Fixed Shape --> 2421 <div class="footer-bottom"> 2422 2423 <div class="container"> 2424 <div class="row"> 2425 <div class="col-lg-6"> 2426 <p>
2426©2026 DotNetix | Making Machines See</p> 2427 2428 2429 </div> 2430 </div> 2431 </div> 2432 </div> 2433 2434 <!-- Start Footer Bottom --> 2435 2436 <div class="fixed-shape"> 2437 2438 <img src="https://dotnetix.co.za/wp-content/uploads/2026/05/DTX256_Footer_1903x252px_v2.jpg" alt="dustra"> 2439 </div> 2440 <!-- End Fixed Shape --> 2441 2442</footer> 2443<!-- End Footer -->
2444<script type="speculationrules"> 2445{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/dustra-child/*","/wp-content/themes/dustra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2446</script>
2446 2447
2447<script> 2448 ( () => { 2449 const lazyloadRunObserver = () => { 2450 const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); 2451 const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { 2452 entries.forEach( ( entry ) => { 2453 if ( entry.isIntersecting ) { 2454 let lazyloadBackground = entry.target; 2455 if( lazyloadBackground ) { 2456 lazyloadBackground.classList.add( 'e-lazyloaded' ); 2457 } 2458 lazyloadBackgroundObserver.unobserve( entry.target ); 2459 } 2460 }); 2461 }, { rootMargin: '200px 0px 200px 0px' } ); 2462 lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { 2463 lazyloadBackgroundObserver.observe( lazyloadBackground ); 2464 } ); 2465 }; 2466 const events = [ 2467 'DOMContentLoaded', 2468 'elementor/lazyload/observe', 2469 ]; 2470 events.forEach( ( event ) => { 2471 document.addEventListener( event, lazyloadRunObserver ); 2472 } ); 2473 } )(); 2474 </script>
2474 2475
2475<script id="rocket-browser-checker-js-after"> 2476"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); 2477//# sourceURL=rocket-browser-checker-js-after 2478</script>
vendor: 1 bytes, line 2478
2478
2479<script id="rocket-preload-links-js-extra"> 2480var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://dotnetix.co.za","onHoverDelay":"100","rateThrottle":"3"}; 2481//# sourceURL=rocket-preload-links-js-extra 2482</script>
vendor: 1 bytes, line 2482
2482
2483<script id="rocket-preload-links-js-after"> 2484(function() { 2485"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); 2486}()); 2487 2488//# sourceURL=rocket-preload-links-js-after 2489</script>
vendor: 1 bytes, line 2489
2489
2490<script id="popper-min-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/popper.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2490
2490
2491<script id="bootstrap-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/bootstrap.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2491
2491
2492<script id="equal-height-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/equal-height.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2492
2492
2493<script id="jquery-appear-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/jquery.appear.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2493
2493
2494<script id="easing-min-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/jquery.easing.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2494
2494
2495<script id="jquery-magnific-popup-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/jquery.magnific-popup.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2495
2495
2496<script id="modernizr-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/modernizr.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2496
2496
2497<script id="owl-carousel-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/owl.carousel.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2497
2497
2498<script id="wow-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/wow.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2498
2498
2499<script id="progress-bar-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/progress-bar.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2499
2499
2500<script id="isotope-pkgd-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/isotope.pkgd.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2500
2500
2501<script id="imagesloaded-pkgd-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/imagesloaded.pkgd.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2501
2501
2502<script id="nice-select-js-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/jquery.nice-select.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2502
2502
2503<script id="count-to-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/count-to.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2503
2503
2504<script id="gsap-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/gsap.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2504
2504
2505<script id="simpleloadmore-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/jquery.simpleLoadMore.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2505
2505
2506<script id="mousemove-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/jquery.MouseMove.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2506
2506
2507<script id="bootsnav-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/bootsnav.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2507
2507
2508<script id="dustra-main-script-js" src="https://dotnetix.co.za/wp-content/themes/dustra/assets/js/main.js?ver=7.1.3"></script>
vendor: 1 bytes, line 2508
2508
2509<script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://dotnetix.co.za/wp-includes/js/comment-reply.min.js?ver=7.1.3"></script>
vendor: 86 bytes, lines 2509-2510
2509 2510<script id="google-recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=
25106LfTijMoAAAAAFBzQ4pi1b_22UMz82K35XX0if67
vendor: 25 bytes, line 2510
2510&ver=3.0"></script>
2511<script id="wp-polyfill-js" src="https://dotnetix.co.za/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0"></script>
vendor: 1 bytes, line 2511
2511
2512<script id="wpcf7-recaptcha-js-before"> 2513var wpcf7_recaptcha = { 2514 "sitekey": "6LfTijMoAAAAAFBzQ4pi1b_22UMz82K35XX0if67", 2515 "actions": { 2516 "homepage": "homepage", 2517 "contactform": "contactform" 2518 } 2519}; 2520//# sourceURL=wpcf7-recaptcha-js-before 2521</script>
vendor: 1 bytes, line 2521
2521
2522<script id="wpcf7-recaptcha-js" src="https://dotnetix.co.za/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 2522
2522
2523<script id="elementor-webpack-runtime-js" src="https://dotnetix.co.za/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.2.2"></script>
vendor: 1 bytes, line 2523
2523
2524<script id="elementor-frontend-modules-js" src="https://dotnetix.co.za/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.2.2"></script>
vendor: 1 bytes, line 2524
2524
2525<script id="jquery-ui-core-js-before"> 2526jQuery.uiBackCompat = true; 2527//# sourceURL=jquery-ui-core-js-before 2528</script>
vendor: 1 bytes, line 2528
2528
2529<script id="jquery-ui-core-js" src="https://dotnetix.co.za/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 2529
2529
2530<script id="elementor-frontend-js-before"> 2531var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnX":"Share on X","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.2.2","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"e_panel_promotions":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true},"urls":{"assets":"https:\/\/dotnetix.co.za\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/dotnetix.co.za\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/dotnetix.co.za\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"de80f1321f","atomicFormsSendForm":"c516613268"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":2313,"title":"Safety%20Protocols%20-%20Dotnetix","excerpt":"","featuredImage":false}}; 2532//# sourceURL=elementor-frontend-js-before 2533</script>
vendor: 1 bytes, line 2533
2533
2534<script id="elementor-frontend-js" src="https://dotnetix.co.za/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.2.2"></script>
vendor: 1 bytes, line 2534
2534
2535<script type="text/javascript"> 2536window.addEventListener("load", function(event) { 2537jQuery(".cfx_form_main,.wpcf7-form,.wpforms-form,.gform_wrapper form").each(function(){ 2538var form=jQuery(this); 2539var screen_width=""; var screen_height=""; 2540 if(screen_width == ""){ 2541 if(screen){ 2542 screen_width=screen.width; 2543 }else{ 2544 screen_width=jQuery(window).width(); 2545 } } 2546 if(screen_height == ""){ 2547 if(screen){ 2548 screen_height=screen.height; 2549 }else{ 2550 screen_height=jQuery(window).height(); 2551 } } 2552form.append('<input type="hidden" name="vx_width" value="'+screen_width+'">'); 2553form.append('<input type="hidden" name="vx_height" value="'+screen_height+'">'); 2554form.append('<input type="hidden" name="vx_url" value="'+window.location.href+'">'); 2555}); 2556 2557}); 2558</script>
2558 2559</body> 2560</html> 2561<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1791553587 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.