PageSourceSearch

https://dotnetix.co.za/safety-protocols/

html dotnetix.co.za collected 2026-10-09 22:56:49 UTC 110,029 bytes, 2,561 lines download raw bytes

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&#038;ver=7.1.3&#038;display=swap" rel="preload">
19<link href="https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&#038;ver=7.1.3&#038;display=swap" media="print" onload="this.media=&#039;all&#039;" 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&#038;ver=7.1.3&#038;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 &raquo; Feed" href="https://dotnetix.co.za/feed/" />
53<link rel="alternate" type="application/rss+xml" title="Dotnetix &raquo; Comments Feed" href="https://dotnetix.co.za/comments/feed/" />
54<link rel="alternate" type="application/rss+xml" title="Dotnetix &raquo; 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&#038;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="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
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="{&quot;background_background&quot;:&quot;classic&quot;}">
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="{&quot;background_background&quot;:&quot;classic&quot;}">
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="{&quot;background_background&quot;:&quot;classic&quot;}">
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="{&quot;background_background&quot;:&quot;classic&quot;}">
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&#038;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.