diff --git a/docker/standalone.php b/docker/standalone.php
index ed714faf8..e4367ffb7 100755
--- a/docker/standalone.php
+++ b/docker/standalone.php
@@ -2,736 +2,876 @@
 <html>
 
 <head>
-	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no" />
-	<link rel="apple-touch-icon" href="favicon.ico">
-	<meta name="apple-mobile-web-app-capable" content="yes">
-	<meta charset="UTF-8" />
-	<link rel="shortcut icon" href="favicon.ico">
-	<script type="text/javascript" src="speedtest.js"></script>
-	<script type="text/javascript">
-		function I(i) { return document.getElementById(i); }
-		//INITIALIZE SPEED TEST
-		var s = new Speedtest(); //create speed test object
-		<?php if (getenv("TELEMETRY") == "true") { ?>
-			s.setParameter("telemetry_level", "basic");
-		<?php } ?>
-		<?php if (getenv("DISABLE_IPINFO") == "true") { ?>
-			s.setParameter("getIp_ispInfo", false);
-		<?php } ?>
-		<?php if (getenv("DISTANCE")) { ?>
-			s.setParameter("getIp_ispInfo_distance", "<?= getenv("DISTANCE") ?>");
-		<?php } ?>
-
-		var s = new Speedtest(); //create speedtest object
-		s.setParameter("telemetry_level", "basic"); //enable telemetry
-
-		var meterBk = /Trident.*rv:(\d+\.\d+)/i.test(navigator.userAgent)
-			? "#EAEAEA"
-			: "#80808040";
-		var dlColor = "#6060AA",
-			ulColor = "#616161";
-		var progColor = meterBk;
-
-		function mbpsToAmount(s) {
-			return 1 - 1 / Math.pow(1.3, Math.sqrt(s));
-		}
-		function format(d) {
-			d = Number(d);
-			if (d < 10) return d.toFixed(2);
-			if (d < 100) return d.toFixed(1);
-			return d.toFixed(0);
-		}
-
-		// 3: Good
-		// 2: Average
-		// 1: Poor
-		// "": Empty
-
-		function classifySpeed(value) {
-			if (value == "") return 0;
-			if (value > 50) return 3;
-			if (value >= 10) return 2;
-			return 1;
-		}
-
-		function classifySpeedUpload(value) {
-			if (value == "") return 0;
-			if (value > 20) return 3;
-			if (value >= 5) return 2;
-			return 1;
-		}
-
-		function updateDlColor(value) {
-			const dl_text_element = document.getElementById("dlText");
-			const speed_classification = classifySpeed(value);
-
-			switch (speed_classification) {
-				case 3:
-					dl_text_element.style.color = "#16A34A";
-					break;
-				case 2:
-					dl_text_element.style.color = "#CA8A04";
-					break;
-				case 1:
-					dl_text_element.style.color = "#DC2626";
-					break;
-				case 0:
-					dl_text_element.style.color = "#111827";
-					break;
-
-				default:
-					dl_text_element.style.color = "#111827";
-			}
-		}
-
-		function updateUlColor(value) {
-			const ul_text_element = document.getElementById("ulText");
-			const speed_classification = classifySpeedUpload(value);
-
-			switch (speed_classification) {
-				case 3:
-					ul_text_element.style.color = "#16A34A";
-					break;
-				case 2:
-					ul_text_element.style.color = "#CA8A04";
-					break;
-				case 1:
-					ul_text_element.style.color = "#DC2626";
-					break;
-				case 0:
-					ul_text_element.style.color = "#111827";
-					break;
-
-				default:
-					ul_element.style.color = "#111827";
-			}
-		}
-
-		function classifyPing(value) {
-			if (value == "") return 0;
-			if (value > 100) return 1;
-			if (value >= 20) return 2;
-			return 3;
-		}
-
-		function updatePingColor(value) {
-			const ping_element = document.getElementById("pingText");
-			const ping_classification = classifyPing(value);
-
-			switch (ping_classification) {
-				case 3:
-					ping_element.style.color = "#16A34A";
-					break;
-				case 2:
-					ping_element.style.color = "#CA8A04";
-					break;
-				case 1:
-					ping_element.style.color = "#DC2626";
-					break;
-				case 0:
-					ping_element.style.color = "#111827";
-					break;
-
-				default:
-					ping_element.style.color = "#111827";
-			}
-		}
-
-		function classifyJitter(value) {
-			if (value == "") return 0;
-			if (value > 20) return 1;
-			if (value >= 5) return 2;
-			return 3;
-		}
-
-		function updateJitterColor(value) {
-			const jitter_element = document.getElementById("jitText");
-			const jitter_classification = classifyJitter(value);
-
-			// jitter_classification === 2?jitter_element.style.color = "#16A34A":(jitter_classification === 1?jitter_element.style.color = "#CA8A04":jitter_element.style.color = "#DC2626");
-
-			switch (jitter_classification) {
-				case 3:
-					jitter_element.style.color = "#16A34A";
-					break;
-				case 2:
-					jitter_element.style.color = "#CA8A04";
-					break;
-				case 1:
-					jitter_element.style.color = "#DC2626";
-					break;
-				case 0:
-					jitter_element.style.color = "#111827";
-					break;
-
-				default:
-					jitter_element.style.color = "#111827";
-			}
-		}
-
-		//UI CODE
-		var uiData = null;
-		function startStop() {
-			if (s.getState() == 3) {
-				//speedtest is running, abort
-				s.abort();
-				data = null;
-				I("startStopBtn").className = "";
-				initUI();
-			} else {
-				//test is not running, begin
-				I("startStopBtn").className = "running";
-				I("shareArea").style.display = "none";
-				s.onupdate = function (data) {
-					uiData = data;
-				};
-				s.onend = function (aborted) {
-					I("startStopBtn").className = "";
-					updateUI(true);
-					if (!aborted) {
-						//if testId is present, show sharing panel, otherwise do nothing
-						// I("startStopBtn").textContent = "Try Again";
-						I("startStopBtn").className = "new-class";
-						try {
-							var testId = uiData.testId;
-							if (testId != null) {
-								var shareURL =
-									window.location.href.substring(
-										0,
-										window.location.href.lastIndexOf("/")
-									) +
-									"/results/?id=" +
-									testId;
-								console.log("ShareURL: ", shareURL);
-								// I("resultsImg").src = shareURL;
-								I("resultsURL").value = shareURL;
-								I("testId").innerHTML = testId;
-								I("shareArea").style.display = "";
-							}
-						} catch (e) { }
-					}
-				};
-				s.start();
-			}
-		}
-		//this function reads the data sent back by the test and updates the UI
-		function updateUI(forced) {
-			if (!forced && s.getState() != 3) return;
-			if (uiData == null) return;
-			var status = uiData.testState;
-			// I("ip").textContent = uiData.clientIp;
-
-			I("dlText").textContent =
-				status == 1 && uiData.dlStatus == 0 ? "..." : format(uiData.dlStatus);
-			// drawMeter(I("dlMeter"), mbpsToAmount(Number(uiData.dlStatus * (status == 1 ? oscillate() : 1))), meterBk, dlColor, Number(uiData.dlProgress), progColor);
-			I("ulText").textContent =
-				status == 3 && uiData.ulStatus == 0 ? "..." : format(uiData.ulStatus);
-			// drawMeter(I("ulMeter"), mbpsToAmount(Number(uiData.ulStatus * (status == 3 ? oscillate() : 1))), meterBk, ulColor, Number(uiData.ulProgress), progColor);
-			I("pingText").textContent = format(uiData.pingStatus);
-			I("jitText").textContent = format(uiData.jitterStatus);
-
-			if (status == 1) {
-				updateDlColor(uiData.dlStatus);
-				// updateDlColor(30, "download");
-			} else if (status == 3) {
-				updateUlColor(uiData.ulStatus);
-			} else {
-				updateDlColor(uiData.dlStatus);
-				updateUlColor(uiData.ulStatus);
-			}
-
-			updatePingColor(uiData.pingStatus);
-			updateJitterColor(uiData.jitterStatus);
-		}
-		function oscillate() {
-			return 1 + 0.02 * Math.sin(Date.now() / 100);
-		}
-		//update the UI every frame
-		window.requestAnimationFrame =
-			window.requestAnimationFrame ||
-			window.webkitRequestAnimationFrame ||
-			window.mozRequestAnimationFrame ||
-			window.msRequestAnimationFrame ||
-			function (callback, element) {
-				setTimeout(callback, 1000 / 60);
-			};
-		function frame() {
-			requestAnimationFrame(frame);
-			updateUI();
-		}
-		frame(); //start frame loop
-		//function to (re)initialize UI
-		function initUI() {
-			I("dlText").textContent = "";
-			I("ulText").textContent = "";
-			I("pingText").textContent = "";
-			I("jitText").textContent = "";
-		}
-	</script>
-
-	<style type="text/css">
-		html,
-		body {
-			height: 100%;
-			margin: 0;
-		}
-
-		body {
-			display: flex;
-			flex-direction: column;
-		}
-
-		.header {
-			width: 100%;
-			height: 64px;
-			border: 1px solid;
-			border-color: white;
-			background-color: white;
-			padding: 15px 40px;
-
-			position: relative;
-		}
-
-		* {
-			box-sizing: border-box;
-		}
-
-		.logo-container {
-			background-repeat: no-repeat;
-			object-fit: cover;
-			width: auto;
-			height: 100%;
-		}
-
-		.logo-container img {
-			height: 100%;
-			width: auto;
-		}
-
-		.container {
-			background-color: #f9fafb;
-			padding-left: 104px;
-			padding-right: 104px;
-			padding-top: 16px;
-			padding-bottom: 2.5%;
-			flex: 1;
-			overflow: auto;
-			display: flex;
-			flex-direction: column;
-			flex-wrap: wrap;
-		}
-
-		.child-container {
-			position: relative;
-			background-color: white;
-			height: 100%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-
-			width: 100%;
-			border-radius: 8px;
-			padding-top: 44px;
-			padding-bottom: 10px;
-			overflow: auto;
-		}
-
-		div.testGroup {
-			display: flex;
-			gap: 24px;
-			top: 10%;
-			justify-content: center;
-			width: 100%;
-		}
-
-		.startBtnStyle {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			margin-top: 15px;
-		}
-
-		#startStopBtn {
-			display: flex;
-			width: 136px;
-			height: 50px;
-			padding: 13px 12px;
-			justify-content: center;
-			align-items: center;
-			gap: 8px;
-			flex-shrink: 0;
-			border-radius: 8px;
-			background-color: #1d4ed8;
-			font-family: Inter;
-			color: white;
-			font-size: 16px;
-		}
-
-		#startStopBtn:hover {
-			box-shadow: 0 0 2em rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.1);
-		}
-
-		#startStopBtn.running {
-			content: "Start";
-			background-color: #dc2626;
-		}
-
-		#startStopBtn:before {
-			font-family: Inter;
-			font-size: 16px;
-			font-style: normal;
-			font-weight: 500;
-			line-height: 24px;
-			content: "Start";
-		}
-
-		#startStopBtn.running:before {
-			content: "Stop";
-
-			display: flex;
-			width: 136px;
-			height: 50px;
-			padding: 13px 12px;
-			justify-content: center;
-			align-items: center;
-			gap: 8px;
-			flex-shrink: 0;
-		}
-
-		#startStopBtn.new-class:before {
-			content: "Try Again";
-
-			display: flex;
-			width: 136px;
-			height: 50px;
-			padding: 13px 12px;
-			justify-content: center;
-			align-items: center;
-			gap: 8px;
-			flex-shrink: 0;
-		}
-
-		.test {
-			display: flex;
-			flex-direction: column;
-			gap: 20px;
-			align-items: center;
-			padding: 43px 20px 0 20px;
-			width: 100%;
-		}
-
-		div.testArea {
-			display: flex;
-			width: 100%;
-			max-width: 250px;
-			padding: 24px 33px 24px 24px;
-			flex-direction: column;
-			align-items: flex-start;
-			gap: 12px;
-
-			border-radius: 16px;
-			border: 1px solid var(--Monochrome-Grey-7, #d1d5db);
-			background: var(--Monochrome-White, #fff);
-		}
-
-		.testArea2 {
-			display: flex;
-			width: 100%;
-			max-width: 250px;
-			padding: 24px 33px 24px 24px;
-			flex-direction: column;
-			align-items: flex-start;
-			gap: 12px;
-
-			border-radius: 16px;
-			border: 1px solid var(--Monochrome-Grey-7, #d1d5db);
-			background: var(--Monochrome-White, #fff);
-		}
-
-		#testWrapper {
-			display: flex;
-			flex-direction: column;
-		}
-
-		.title-class {
-			display: flex;
-			top: 3.6%;
-			color: #1f2937;
-			font-family: Roboto;
-			font-size: 32px;
-			font-style: normal;
-			font-weight: 600;
-			line-height: normal;
-		}
-
-		.speed-info {
-			color: #1f2937;
-			font-family: Roboto;
-			font-style: normal;
-			padding-left: 15%;
-			padding-right: 15%;
-			/* display: flex; */
-		}
-
-		div.testName {
-			color: var(--Monochrome-Grey-4, #4b5563);
-			font-family: Roboto;
-			font-size: 16px;
-			font-style: normal;
-			font-weight: 400;
-			line-height: normal;
-		}
-
-		div.meterText {
-			color: var(--Gray-900, #111827);
-			font-family: Roboto;
-			font-size: 30px;
-			font-style: normal;
-			font-weight: 600;
-			line-height: 36px;
-		}
-
-		div.meterText:empty:before {
-			content: "0.00";
-		}
-
-		div.unit {
-			color: var(--Monochrome-Grey-4, #4b5563);
-			font-family: Roboto;
-			font-size: 14px;
-			font-style: normal;
-			font-weight: 400;
-			line-height: normal;
-		}
-
-		#shareArea {
-			padding-top: 20px;
-			width: 95%;
-			max-width: 40em;
-			margin: 0 auto;
-			border-radius: 8px;
-		}
-
-		#shareArea>* {
-			display: block;
-			width: 100%;
-			height: auto;
-			margin: 0.25em 0;
-		}
-
-		.box-container {
-			width: 100%;
-			max-width: 250px;
-			flex-direction: column;
-			align-items: flex-start;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			text-align: center;
-			margin-bottom: 20px;
-			/* Add spacing below the container */
-		}
-
-		.recommended {
-			font-family: Roboto;
-			font-size: 16px;
-			font-weight: 400;
-			line-height: 18.75px;
-			text-align: left;
-		}
-
-		.one-line {
-			display: flex;
-			gap: 5px;
-			align-items: baseline;
-		}
-
-		@media (max-width: 768px) {
-			.testGroup {
-				flex-direction: row;
-				gap: 12px;
-			}
-		}
-
-		@media (max-width: 750px) {
-
-			.container .testArea,
-			.container .testArea2 {
-				padding: 12px;
-				border-radius: 8px;
-				gap: 6px;
-			}
-
-			.container .title-class {
-				font-size: 24px;
-			}
-
-			.container {
-				padding: 10px;
-			}
-		}
-
-		@media (max-height: 620px) {
-			.child-container {
-				height: auto;
-			}
-		}
-	</style>
-
-	<title>Talview Speedtest</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no" />
+  <link rel="apple-touch-icon" href="favicon.ico">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta charset="UTF-8" />
+  <link rel="shortcut icon" href="favicon.ico">
+  <script type="text/javascript" src="speedtest.js"></script>
+  <script type="text/javascript">
+    function I(i) { return document.getElementById(i); }
+    //INITIALIZE SPEED TEST
+    var s = new Speedtest(); //create speed test object
+    <?php if (getenv("TELEMETRY") == "true") { ?>
+      s.setParameter("telemetry_level", "basic");
+    <?php } ?>
+    <?php if (getenv("DISABLE_IPINFO") == "true") { ?>
+      s.setParameter("getIp_ispInfo", false);
+    <?php } ?>
+    <?php if (getenv("DISTANCE")) { ?>
+      s.setParameter("getIp_ispInfo_distance", "<?= getenv("DISTANCE") ?>");
+    <?php } ?>
+    var s = new Speedtest(); //create speedtest object
+    s.setParameter("telemetry_level", "basic"); //enable telemetry
+
+    var meterBk = /Trident.*rv:(\d+\.\d+)/i.test(navigator.userAgent)
+      ? "#EAEAEA"
+      : "#80808040";
+    var dlColor = "#6060AA",
+      ulColor = "#616161";
+    var progColor = meterBk;
+
+    let message = "";
+    let prevTestState = null;
+    let flag2 = false;
+    let flag = false;
+    let slow_speed_instructions = ` 
+      <ul> 
+        <strong>Improving Your Internet Connection Speed </strong>
+        <li>Restart your router</li>
+        <li> Connect to a different network</li>
+        <li> Check for any active VPNs or firewalls</li>
+        <li>Use a wired connection instead of Wi-Fi for better stability.</li>
+        <li> Put your router in a central location. Make sure that walls or other solid objects aren't blocking your Wi-Fi signal.</li>
+        <li> Close apps that you don't need, as they can slow down your connection.</li>
+        <li> Make sure no one else is using the internet while you're testing. Things like watching/ video streaming will slow down the connection.</li>
+      </ul>`;
+
+    function mbpsToAmount(s) {
+      return 1 - 1 / Math.pow(1.3, Math.sqrt(s));
+    }
+    function format(d) {
+      d = Number(d);
+      if (d < 10) return d.toFixed(2);
+      if (d < 100) return d.toFixed(1);
+      return d.toFixed(0);
+    }
+
+    // 3: Good
+    // 2: Average
+    // 1: Poor
+    // "": Empty
+
+    function classifySpeed(value) {
+      if (value == "") return 0;
+      if (value > 50) return 3;
+      if (value >= 5) return 2;
+      return 1;
+    }
+
+    function classifySpeedUpload(value) {
+      if (value == "") return 0;
+      if (value > 20) return 3;
+      if (value >= 5) return 2;
+      return 1;
+    }
+
+    function updateDlColor(value) {
+      const dl_text_element = document.getElementById("dlText");
+      const speed_classification = classifySpeed(value);
+
+      switch (speed_classification) {
+        case 3:
+          dl_text_element.style.color = "#16A34A";
+          break;
+        case 2:
+          dl_text_element.style.color = "#CA8A04";
+          break;
+        case 1:
+          dl_text_element.style.color = "#DC2626";
+          break;
+        case 0:
+          dl_text_element.style.color = "#111827";
+          break;
+
+        default:
+          dl_text_element.style.color = "#111827";
+      }
+    }
+
+    function updateUlColor(value) {
+      const ul_text_element = document.getElementById("ulText");
+      const speed_classification = classifySpeedUpload(value);
+
+      switch (speed_classification) {
+        case 3:
+          ul_text_element.style.color = "#16A34A";
+          break;
+        case 2:
+          ul_text_element.style.color = "#CA8A04";
+          break;
+        case 1:
+          ul_text_element.style.color = "#DC2626";
+          break;
+        case 0:
+          ul_text_element.style.color = "#111827";
+          break;
+
+        default:
+          ul_element.style.color = "#111827";
+      }
+    }
+
+    function classifyPing(value) {
+      if (value == "") return 0;
+      if (value > 100) return 1;
+      if (value >= 20) return 2;
+      return 3;
+    }
+
+    function updatePingColor(value) {
+      const ping_element = document.getElementById("pingText");
+      const ping_classification = classifyPing(value);
+
+      switch (ping_classification) {
+        case 3:
+          ping_element.style.color = "#16A34A";
+          break;
+        case 2:
+          ping_element.style.color = "#CA8A04";
+          break;
+        case 1:
+          ping_element.style.color = "#DC2626";
+          break;
+        case 0:
+          ping_element.style.color = "#111827";
+          break;
+
+        default:
+          ping_element.style.color = "#111827";
+      }
+    }
+
+    function classifyJitter(value) {
+      if (value == "") return 0;
+      if (value > 20) return 1;
+      if (value >= 5) return 2;
+      return 3;
+    }
+
+    function updateJitterColor(value) {
+      const jitter_element = document.getElementById("jitText");
+      const jitter_classification = classifyJitter(value);
+
+      // jitter_classification === 2?jitter_element.style.color = "#16A34A":(jitter_classification === 1?jitter_element.style.color = "#CA8A04":jitter_element.style.color = "#DC2626");
+
+      switch (jitter_classification) {
+        case 3:
+          jitter_element.style.color = "#16A34A";
+          break;
+        case 2:
+          jitter_element.style.color = "#CA8A04";
+          break;
+        case 1:
+          jitter_element.style.color = "#DC2626";
+          break;
+        case 0:
+          jitter_element.style.color = "#111827";
+          break;
+
+        default:
+          jitter_element.style.color = "#111827";
+      }
+    }
+
+    //UI CODE
+    var uiData = null;
+
+    function startStop() {
+      flag = false;
+      flag2 = false;
+
+      I("slow-speed-error-instruction").innerHTML = "";
+
+      if (prevTestState == 4) {
+        clearmessage();
+      }
+
+      if (s.getState() == 3) {
+        //speedtest is running, abort
+        s.abort();
+        data = null;
+        // prevTestState = null;
+        I("startStopBtn").className = "";
+        I("statusMessage").innerHTML = "";
+        I("statusMessage").classList.remove("Loader");
+        initUI();
+      } else {
+        //test is not running, begin
+        I("statusMessage").innerHTML = "Test in progress...";
+        I("statusMessage").classList.add("Loader");
+        I("startStopBtn").className = "running";
+        I("shareArea").style.display = "none";
+        s.onupdate = function (data) {
+          uiData = data;
+        };
+        s.onend = function (aborted) {
+          I("startStopBtn").className = "";
+          updateUI(true);
+          if (!aborted) {
+            //if testId is present, show sharing panel, otherwise do nothing
+            // I("startStopBtn").textContent = "Try Again";
+            I("startStopBtn").className = "new-class";
+            try {
+              var testId = uiData.testId;
+              if (testId != null) {
+                var shareURL =
+                  window.location.href.substring(
+                    0,
+                    window.location.href.lastIndexOf("/")
+                  ) +
+                  "/results/?id=" +
+                  testId;
+                console.log("ShareURL: ", shareURL);
+                // I("resultsImg").src = shareURL;
+                I("resultsURL").value = shareURL;
+                I("testId").innerHTML = testId;
+                I("shareArea").style.display = "";
+              }
+            } catch (e) { }
+          }
+        };
+        s.start();
+      }
+    }
+    //this function reads the data sent back by the test and updates the UI
+    function updateUI(forced) {
+      if (!forced && s.getState() != 3) return;
+      if (uiData == null) return;
+      var status = uiData.testState;
+      // I("ip").textContent = uiData.clientIp;
+      I("dlText").textContent =
+        status == 1 && uiData.dlStatus == 0 ? "..." : format(uiData.dlStatus);
+      // drawMeter(I("dlMeter"), mbpsToAmount(Number(uiData.dlStatus * (status == 1 ? oscillate() : 1))), meterBk, dlColor, Number(uiData.dlProgress), progColor);
+      I("ulText").textContent =
+        status == 3 && uiData.ulStatus == 0 ? "..." : format(uiData.ulStatus);
+      // drawMeter(I("ulMeter"), mbpsToAmount(Number(uiData.ulStatus * (status == 3 ? oscillate() : 1))), meterBk, ulColor, Number(uiData.ulProgress), progColor);
+      I("pingText").textContent = format(uiData.pingStatus);
+      I("jitText").textContent = format(uiData.jitterStatus);
+
+      if (status == 1) {
+        updateDlColor(uiData.dlStatus);
+      } else if (status == 3) {
+        updateUlColor(uiData.ulStatus);
+      } else {
+        updateDlColor(uiData.dlStatus);
+        updateUlColor(uiData.ulStatus);
+      }
+
+      updatePingColor(uiData.pingStatus);
+      updateJitterColor(uiData.jitterStatus);
+
+      if (status == 4) {
+        if (prevTestState !== 4) ToShowStatus();
+      }
+
+      prevTestState = uiData.testState;
+    }
+    function oscillate() {
+      return 1 + 0.02 * Math.sin(Date.now() / 100);
+    }
+    //update the UI every frame
+    window.requestAnimationFrame =
+      window.requestAnimationFrame ||
+      window.webkitRequestAnimationFrame ||
+      window.mozRequestAnimationFrame ||
+      window.msRequestAnimationFrame ||
+      function (callback, element) {
+        setTimeout(callback, 1000 / 60);
+      };
+    function frame() {
+      requestAnimationFrame(frame);
+      updateUI();
+    }
+    frame(); //start frame loop
+    //function to (re)initialize UI
+    function initUI() {
+      I("dlText").textContent = "";
+      I("ulText").textContent = "";
+      I("pingText").textContent = "";
+      I("jitText").textContent = "";
+    }
+
+    function ToShowStatus() {
+
+
+      I("statusMessage").classList.remove("Loader");
+
+      message = "";
+
+      if (uiData?.dlStatus < 1 && uiData?.ulStatus < 1) {
+        message =
+          "Upload and download speeds are below the recommended threshold";
+        flag2 = true;
+      } else if (uiData?.dlStatus < 1) {
+        message = "Your Download Speed is less than recommended threshold";
+        flag2 = true;
+      } else if (uiData?.ulStatus < 1) {
+        message = " Your Upload Speed is less than recommended threshold";
+        flag2 = true;
+      }
+
+      if (uiData?.pingStatus > 50 && uiData?.jitterStatus > 30) {
+        if (!flag2)
+          message =
+            "It is recommended to meet threshold speed for a seamless experience. While you can still start with the session, you might encounter errors due to low bandwidth. For help, visit : <a href= https://talview.freshdesk.com/support/solutions/articles/11000129970-steps-to-perform-a-network-test target='_blank'>Talview Support</a>";
+        else {
+          message += ", and we detected high jitter and ping. ";
+        }
+      } else if (uiData?.jitterStatus > 30) {
+        if (!flag2)
+          message =
+            "It is recommended to meet threshold speed for a seamless experience. While you can still start with the session, you might encounter errors due to low bandwidth. For help, visit : <a href= https://talview.freshdesk.com/support/solutions/articles/11000129970-steps-to-perform-a-network-test target='_blank'>Talview Support</a>";
+        else {
+          message += ", and we detected high jitter. ";
+        }
+      } else if (uiData?.pingStatus > 50) {
+        if (!flag2)
+          message =
+            "It is recommended to meet threshold speed for a seamless experience. While you can still start with the session, you might encounter errors due to low bandwidth. For help, visit : <a href= https://talview.freshdesk.com/support/solutions/articles/11000129970-steps-to-perform-a-network-test target='_blank'>Talview Support</a>";
+        else {
+          message += ", and we detected high Ping. ";
+        }
+      }
+
+      if (
+        !message &&
+        ((uiData?.ulStatus >= 1 && uiData?.ulStatus < 5) ||
+          (uiData?.dlStatus >= 1 && uiData?.dlStatus < 5))
+      ) {
+        message =
+          "It is recommended to meet threshold speed for a seamless experience. While you can still start with the session, you might encounter errors due to low bandwidth. For help, visit: <a href= https://talview.freshdesk.com/support/solutions/articles/11000129970-steps-to-perform-a-network-test target='_blank'>Talview Support</a>";
+      }
+
+      if (
+        uiData?.dlStatus >= 5 &&
+        uiData?.ulStatus >= 5 &&
+        uiData?.pingStatus <= 50 &&
+        uiData?.jitterStatus <= 30
+      ) {
+        message =
+          "Your network speed meets the requirements for the session. You’re all set.";
+        flag = true;
+      }
+
+      if (!flag) {
+        if (flag2) {
+          message +=
+            " Please check your connection settings and try again. For help, visit : <a href= https://talview.freshdesk.com/support/solutions/articles/11000129970-steps-to-perform-a-network-test target='_blank'>Talview Support</a> ";
+        }
+        document.querySelector("#slow-speed-error-instruction").innerHTML = slow_speed_instructions;
+      }
+
+      I("statusMessage").innerHTML = message;
+
+      if (flag) I("statusMessage").classList.add("success");
+
+      if (!flag) I("statusMessage").classList.add("alert-danger");
+    }
+
+    function clearmessage() {
+
+
+      I("statusMessage").innerHTML = "";
+      I("statusMessage").classList.remove("alert-danger");
+    }
+  </script>
+
+  <style type="text/css">
+    html,
+    body {
+      height: 100%;
+      margin: 0;
+    }
+
+    body {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .header {
+      width: 100%;
+      height: 64px;
+      border: 1px solid;
+      border-color: white;
+      background-color: white;
+      padding: 15px 40px;
+
+      position: relative;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+
+    .success {
+      color: green;
+    }
+
+    .Loader {
+      color: #1d4ed8;
+    }
+
+    .logo-container {
+      background-repeat: no-repeat;
+      object-fit: cover;
+      width: auto;
+      height: 100%;
+    }
+
+    .logo-container img {
+      height: 100%;
+      width: auto;
+    }
+
+    .container {
+      background-color: #f9fafb;
+      padding-left: 104px;
+      padding-right: 104px;
+      padding-top: 16px;
+      padding-bottom: 2.5%;
+      flex: 1;
+      overflow: auto;
+      display: flex;
+      flex-direction: column;
+      flex-wrap: wrap;
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+    }
+
+    .child-container {
+      position: relative;
+      background-color: white;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      scrollbar-width: none;
+      width: 100%;
+      border-radius: 8px;
+      padding-top: 44px;
+      padding-bottom: 10px;
+      overflow: auto;
+    }
+
+    div.testGroup {
+      display: flex;
+      gap: 24px;
+      top: 10%;
+      justify-content: center;
+      width: 100%;
+    }
+
+    .startBtnStyle {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-top: 15px;
+    }
+
+    #startStopBtn {
+      display: flex;
+      width: 136px;
+      height: 50px;
+      padding: 13px 12px;
+      justify-content: center;
+      align-items: center;
+      gap: 8px;
+      flex-shrink: 0;
+      border-radius: 8px;
+      background-color: #1d4ed8;
+      font-family: Inter;
+      color: white;
+      font-size: 16px;
+    }
+
+    #startStopBtn:hover {
+      box-shadow: 0 0 2em rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.1);
+    }
+
+    #startStopBtn.running {
+      content: "Start";
+      background-color: #dc2626;
+    }
+
+    #startStopBtn:before {
+      font-family: Inter;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 24px;
+      content: "Start";
+    }
+
+    #startStopBtn.running:before {
+      content: "Stop";
+
+      display: flex;
+      width: 136px;
+      height: 50px;
+      padding: 13px 12px;
+      justify-content: center;
+      align-items: center;
+      gap: 8px;
+      flex-shrink: 0;
+    }
+
+    #startStopBtn.new-class:before {
+      content: "Try Again";
+
+      display: flex;
+      width: 136px;
+      height: 50px;
+      padding: 13px 12px;
+      justify-content: center;
+      align-items: center;
+      gap: 8px;
+      flex-shrink: 0;
+    }
+
+    .test {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+      align-items: center;
+      padding: 43px 20px 0 20px;
+      width: 100%;
+    }
+
+    div.testArea {
+      display: flex;
+      width: 100%;
+      max-width: 250px;
+      padding: 24px 33px 24px 24px;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 12px;
+
+      border-radius: 16px;
+      border: 1px solid var(--Monochrome-Grey-7, #d1d5db);
+      background: var(--Monochrome-White, #fff);
+    }
+
+    .testArea2 {
+      display: flex;
+      width: 100%;
+      max-width: 250px;
+      padding: 24px 33px 24px 24px;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 12px;
+
+      border-radius: 16px;
+      border: 1px solid var(--Monochrome-Grey-7, #d1d5db);
+      background: var(--Monochrome-White, #fff);
+    }
+
+    #testWrapper {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .title-class {
+      display: flex;
+      top: 3.6%;
+      color: #1f2937;
+      font-family: Roboto;
+      font-size: 32px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: normal;
+    }
+
+    .speed-info {
+      color: #1f2937;
+      font-family: Roboto;
+      font-style: normal;
+      padding-left: 15%;
+      padding-right: 15%;
+      /* display: flex; */
+    }
+
+    div.testName {
+      color: var(--Monochrome-Grey-4, #4b5563);
+      font-family: Roboto;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: normal;
+    }
+
+    div.meterText {
+      color: var(--Gray-900, #111827);
+      font-family: Roboto;
+      font-size: 30px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 36px;
+    }
+
+    div.meterText:empty:before {
+      content: "0.00";
+    }
+
+    div.unit {
+      color: var(--Monochrome-Grey-4, #4b5563);
+      font-family: Roboto;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: normal;
+    }
+
+    #shareArea {
+      padding-top: 20px;
+      width: 95%;
+      max-width: 40em;
+      margin: 0 auto;
+      border-radius: 8px;
+    }
+
+    #shareArea>* {
+      display: block;
+      width: 100%;
+      height: auto;
+      margin: 0.25em 0;
+    }
+
+    .box-container {
+      width: 100%;
+      max-width: 250px;
+      flex-direction: column;
+      align-items: flex-start;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+      margin-bottom: 20px;
+      /* Add spacing below the container */
+    }
+
+    .recommended {
+      font-family: Roboto;
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 18.75px;
+      text-align: left;
+    }
+
+    .one-line {
+      display: flex;
+      gap: 5px;
+      align-items: baseline;
+    }
+
+    .alert-danger {
+      max-width: 100%;
+      padding: 10px;
+      border-radius: 5px;
+      background-color: #f8d7da;
+      color: #721c24;
+      text-align: center;
+    }
+
+    @media (max-width: 768px) {
+      .testGroup {
+        flex-direction: row;
+        gap: 12px;
+      }
+    }
+
+    @media (max-width: 750px) {
+
+      .container .testArea,
+      .container .testArea2 {
+        padding: 12px;
+        border-radius: 8px;
+        gap: 6px;
+      }
+
+      .container .title-class {
+        font-size: 24px;
+      }
+
+      .container {
+        padding: 10px;
+      }
+    }
+
+    @media (max-height: 620px) {
+      .child-container {
+        height: auto;
+      }
+    }
+  </style>
+
+  <title>Talview Speedtest</title>
 </head>
 
 <body>
-	<div class="header">
-		<div class="logo-container">
-			<img src="logo.png" class="logo" alt="Logo" />
-		</div>
-	</div>
-
-	<div class="container">
-		<div class="child-container">
-			<div class="title-class">Internet Speed Test</div>
-
-			<div class="speed-info">
-				<p>
-					Before you begin your assessment or interview, please ensure your
-					internet connection meets the minimum requirement for a smooth
-					experience:
-				</p>
-				<ol>
-					<li>Click “Start” to check your current network performance.</li>
-					<li>
-						Once the test is complete, review the results displayed on the
-						screen.
-					</li>
-					<li>
-						Ensure all network metrics meet the requirements listed above.
-					</li>
-				</ol>
-			</div>
-
-			<!-- <a class="privacy" href="#" onclick="I('privacyPolicy').style.display=''">Privacy</a> -->
-			<div class="test">
-				<div class="testGroup">
-					<div class="box-container">
-						<div class="testArea2">
-							<div class="testName">Ping</div>
-							<div class="one-line">
-								<div id="pingText" class="meterText"></div>
-								<div class="unit">ms</div>
-							</div>
-						</div>
-						<p class="recommended">Recommended: 50ms</p>
-					</div>
-
-					<div class="box-container">
-						<div class="testArea2">
-							<div class="testName">Jitter</div>
-							<div class="one-line">
-								<div id="jitText" class="meterText"></div>
-								<div class="unit">ms</div>
-							</div>
-						</div>
-						<p class="recommended">Recommended: 30ms</p>
-					</div>
-				</div>
-				<div class="testGroup">
-					<div class="box-container">
-						<div class="testArea">
-							<div class="testName">Download</div>
-							<div class="one-line">
-								<div id="dlText" class="meterText"></div>
-								<div class="unit">Mbps</div>
-							</div>
-						</div>
-						<p class="recommended">Minimum: 5 Mbps</p>
-					</div>
-
-					<div class="box-container">
-						<div class="testArea">
-							<div class="testName">Upload</div>
-							<div class="one-line">
-								<div id="ulText" class="meterText"></div>
-								<div class="unit">Mbps</div>
-							</div>
-						</div>
-						<p class="recommended">Minimum: 5 Mbps</p>
-					</div>
-				</div>
-			</div>
-
-			<div id="shareArea" style="display: none">
-				<h3>Share results</h3>
-				<p>Test ID: <span id="testId"></span></p>
-				<input type="text" value="" id="resultsURL" readonly="readonly"
-					onclick="this.select();this.focus();this.select();document.execCommand('copy');alert('Link copied')" />
-				<!-- <img src="" id="resultsImg" /> -->
-			</div>
-
-			<div class="startBtnStyle">
-				<div id="startStopBtn" onclick="startStop()"></div>
-			</div>
-
-			<div id="privacyPolicy" style="display: none">
-				<h2>Privacy Policy</h2>
-				<p>
-					This HTML5 speed test server is configured with telemetry enabled.
-				</p>
-				<h4>What data we collect</h4>
-				<p>
-					At the end of the test, the following data is collected and stored:
-				</p>
-				<ul>
-					<li>Test ID</li>
-					<li>Time of testing</li>
-					<li>Test results (download and upload speed, ping and jitter)</li>
-					<li>IP address</li>
-					<li>ISP information</li>
-					<li>Approximate location (inferred from IP address, not GPS)</li>
-					<li>User agent and browser locale</li>
-					<li>Test log (contains no personal information)</li>
-				</ul>
-
-				<h4>How we use the data</h4>
-				<p>Data collected through this service is used to:</p>
-				<ul>
-					<li>
-						Allow sharing of test results (sharable image for forums, etc.)
-					</li>
-					<li>
-						To improve the service offered to you (for instance, to detect
-						problems on our side)
-					</li>
-				</ul>
-				No personal information is disclosed to third parties.
-
-				<h4>Your consent</h4>
-				<p>
-					By starting the test, you consent to the terms of this privacy
-					policy.
-				</p>
-				<h4>Data removal</h4>
-				<p>
-					If you want to have your information deleted, you need to provide
-					either the ID of the test or your IP address. This is the only way
-					to identify your data, without this information we won't be able to
-					comply with your request.<br /><br />
-					Contact this email address for all deletion requests:
-					<a href="mailto:PUT@YOUR_EMAIL.HERE">TO BE FILLED BY DEVELOPER</a>.
-				</p>
-				<br /><br />
-				<div class="closePrivacyPolicy">
-					<a class="privacy" href="#" onclick="I('privacyPolicy').style.display='none'">Close</a>
-				</div>
-				<br />
-			</div>
-		</div>
-	</div>
-	<script type="text/javascript">
-		setTimeout(function () {
-			initUI();
-		}, 100);
-	</script>
+  <div class="header">
+    <div class="logo-container">
+      <img src="logo.png" class="logo" alt="Logo" />
+    </div>
+  </div>
+
+  <div class="container">
+    <div class="child-container">
+      <div class="title-class">Internet Speed Test</div>
+
+      <div class="speed-info">
+        <p>
+          Before you begin your assessment or interview, please ensure your
+          internet connection meets the minimum requirement for a smooth
+          experience:
+        </p>
+        <ol>
+          <li>Click "Start" to check your current network performance.</li>
+          <li>
+            Once the test is complete, review the results displayed on the
+            screen.
+          </li>
+          <li>
+            Ensure all network metrics meet the requirements listed above.
+          </li>
+        </ol>
+      </div>
+
+      <!-- <a class="privacy" href="#" onclick="I('privacyPolicy').style.display=''">Privacy</a> -->
+      <div class="test">
+        <div class="testGroup">
+          <div class="box-container">
+            <div class="testArea2">
+              <div class="testName">Ping</div>
+              <div class="one-line">
+                <div id="pingText" class="meterText"></div>
+                <div class="unit">ms</div>
+              </div>
+            </div>
+            <p class="recommended">Recommended: 50ms</p>
+          </div>
+
+          <div class="box-container">
+            <div class="testArea2">
+              <div class="testName">Jitter</div>
+              <div class="one-line">
+                <div id="jitText" class="meterText"></div>
+                <div class="unit">ms</div>
+              </div>
+            </div>
+            <p class="recommended">Recommended: 30ms</p>
+          </div>
+        </div>
+        <div class="testGroup">
+          <div class="box-container">
+            <div class="testArea">
+              <div class="testName">Download</div>
+              <div class="one-line">
+                <div id="dlText" class="meterText"></div>
+                <div class="unit">Mbps</div>
+              </div>
+            </div>
+            <p class="recommended">Minimum: 5 Mbps</p>
+          </div>
+
+          <div class="box-container">
+            <div class="testArea">
+              <div class="testName">Upload</div>
+              <div class="one-line">
+                <div id="ulText" class="meterText"></div>
+                <div class="unit">Mbps</div>
+              </div>
+            </div>
+            <p class="recommended">Minimum: 5 Mbps</p>
+          </div>
+        </div>
+      </div>
+
+      <div id="statusMessage"></div>
+      <div id="slow-speed-error-instruction"></div>
+      <!-- <div id="shareArea"> -->
+      <div id="shareArea" style="display: none">
+        <h3>Share results</h3>
+        <p>Test ID: <span id="testId"></span></p>
+        <input type="text" value="" id="resultsURL" readonly="readonly"
+          onclick="this.select();this.focus();this.select();document.execCommand('copy');alert('Link copied')" />
+        <!-- <img src="" id="resultsImg" /> -->
+      </div>
+
+      <div class="startBtnStyle">
+        <div id="startStopBtn" onclick="startStop()"></div>
+      </div>
+
+      <div id="privacyPolicy" style="display: none">
+        <h2>Privacy Policy</h2>
+        <p>
+          This HTML5 speed test server is configured with telemetry enabled.
+        </p>
+        <h4>What data we collect</h4>
+        <p>
+          At the end of the test, the following data is collected and stored:
+        </p>
+        <ul>
+          <li>Test ID</li>
+          <li>Time of testing</li>
+          <li>Test results (download and upload speed, ping and jitter)</li>
+          <li>IP address</li>
+          <li>ISP information</li>
+          <li>Approximate location (inferred from IP address, not GPS)</li>
+          <li>User agent and browser locale</li>
+          <li>Test log (contains no personal information)</li>
+        </ul>
+
+        <h4>How we use the data</h4>
+        <p>Data collected through this service is used to:</p>
+        <ul>
+          <li>
+            Allow sharing of test results (sharable image for forums, etc.)
+          </li>
+          <li>
+            To improve the service offered to you (for instance, to detect
+            problems on our side)
+          </li>
+        </ul>
+        No personal information is disclosed to third parties.
+
+        <h4>Your consent</h4>
+        <p>
+          By starting the test, you consent to the terms of this privacy
+          policy.
+        </p>
+        <h4>Data removal</h4>
+        <p>
+          If you want to have your information deleted, you need to provide
+          either the ID of the test or your IP address. This is the only way
+          to identify your data, without this information we won't be able to
+          comply with your request.<br /><br />
+          Contact this email address for all deletion requests:
+          <a href="mailto:PUT@YOUR_EMAIL.HERE">TO BE FILLED BY DEVELOPER</a>.
+        </p>
+        <br /><br />
+        <div class="closePrivacyPolicy">
+          <a class="privacy" href="#" onclick="I('privacyPolicy').style.display='none'">Close</a>
+        </div>
+        <br />
+      </div>
+    </div>
+  </div>
+  <script type="text/javascript">
+    setTimeout(function () {
+      initUI();
+    }, 100);
+  </script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 7cca020c0..9d2c9cf46 100755
--- a/index.html
+++ b/index.html
@@ -10,6 +10,22 @@
     <script type="text/javascript" src="speedtest.js"></script>
 
     <script type="text/javascript">
+      let message = "";
+      let prevTestState = null;
+      let flag2 = false;
+      let flag = false;
+      let slow_speed_instructions = ` 
+      <ul> 
+        <strong>Improving Your Internet Connection Speed </strong>
+        <li>Restart your router</li>
+        <li> Connect to a different network</li>
+        <li> Check for any active VPNs or firewalls</li>
+        <li>Use a wired connection instead of Wi-Fi for better stability.</li>
+        <li> Put your router in a central location. Make sure that walls or other solid objects aren't blocking your Wi-Fi signal.</li>
+        <li> Close apps that you don't need, as they can slow down your connection.</li>
+        <li> Make sure no one else is using the internet while you're testing. Things like watching/ video streaming will slow down the connection.</li>
+      </ul>`;
+
       function I(i) {
         return document.getElementById(i);
       }
@@ -43,7 +59,7 @@
       function classifySpeed(value) {
         if (value == "") return 0;
         if (value > 50) return 3;
-        if (value >= 10) return 2;
+        if (value >= 5) return 2;
         return 1;
       }
 
@@ -164,15 +180,30 @@
 
       //UI CODE
       var uiData = null;
+
       function startStop() {
+        flag = false;
+        flag2 = false;
+
+        I("slow-speed-error-instruction").innerHTML = "";
+
+        if (prevTestState == 4) {
+          clearmessage();
+        }
+
         if (s.getState() == 3) {
           //speedtest is running, abort
           s.abort();
           data = null;
+          // prevTestState = null;
           I("startStopBtn").className = "";
+          I("statusMessage").innerHTML = "";
+          I("statusMessage").classList.remove("Loader");
           initUI();
         } else {
           //test is not running, begin
+          I("statusMessage").innerHTML = "Test in progress...";
+          I("statusMessage").classList.add("Loader");
           I("startStopBtn").className = "running";
           I("shareArea").style.display = "none";
           s.onupdate = function (data) {
@@ -213,7 +244,6 @@
         if (uiData == null) return;
         var status = uiData.testState;
         // I("ip").textContent = uiData.clientIp;
-
         I("dlText").textContent =
           status == 1 && uiData.dlStatus == 0 ? "..." : format(uiData.dlStatus);
         // drawMeter(I("dlMeter"), mbpsToAmount(Number(uiData.dlStatus * (status == 1 ? oscillate() : 1))), meterBk, dlColor, Number(uiData.dlProgress), progColor);
@@ -225,7 +255,6 @@
 
         if (status == 1) {
           updateDlColor(uiData.dlStatus);
-          // updateDlColor(30, "download");
         } else if (status == 3) {
           updateUlColor(uiData.ulStatus);
         } else {
@@ -235,6 +264,12 @@
 
         updatePingColor(uiData.pingStatus);
         updateJitterColor(uiData.jitterStatus);
+
+        if (status == 4) {
+          if (prevTestState !== 4) ToShowStatus();
+        }
+
+        prevTestState = uiData.testState;
       }
       function oscillate() {
         return 1 + 0.02 * Math.sin(Date.now() / 100);
@@ -260,6 +295,86 @@
         I("pingText").textContent = "";
         I("jitText").textContent = "";
       }
+
+      function ToShowStatus() {
+        I("statusMessage").classList.remove("Loader");
+
+        message = "";
+
+        if (uiData?.dlStatus < 1 && uiData?.ulStatus < 1) {
+          message =
+            "Upload and download speeds are below the recommended threshold";
+          flag2 = true;
+        } else if (uiData?.dlStatus < 1) {
+          message = "Your Download Speed is less than recommended threshold";
+          flag2 = true;
+        } else if (uiData?.ulStatus < 1) {
+          message = " Your Upload Speed is less than recommended threshold";
+          flag2 = true;
+        }
+
+        if (uiData?.pingStatus > 50 && uiData?.jitterStatus > 30) {
+          if (!flag2)
+            message =
+              "It is recommended to meet threshold speed for a seamless experience. While you can still start with the session, you might encounter errors due to low bandwidth. For help, visit : <a href= https://talview.freshdesk.com/support/solutions/articles/11000129970-steps-to-perform-a-network-test target='_blank'>Talview Support</a>";
+          else {
+            message += ", and we detected high jitter and ping. ";
+          }
+        } else if (uiData?.jitterStatus > 30) {
+          if (!flag2)
+            message =
+              "It is recommended to meet threshold speed for a seamless experience. While you can still start with the session, you might encounter errors due to low bandwidth. For help, visit : <a href= https://talview.freshdesk.com/support/solutions/articles/11000129970-steps-to-perform-a-network-test target='_blank'>Talview Support</a>";
+          else {
+            message += ", and we detected high jitter. ";
+          }
+        } else if (uiData?.pingStatus > 50) {
+          if (!flag2)
+            message =
+              "It is recommended to meet threshold speed for a seamless experience. While you can still start with the session, you might encounter errors due to low bandwidth. For help, visit : <a href= https://talview.freshdesk.com/support/solutions/articles/11000129970-steps-to-perform-a-network-test target='_blank'>Talview Support</a>";
+          else {
+            message += ", and we detected high Ping.";
+          }
+        }
+
+        if (
+          !message &&
+          ((uiData?.ulStatus >= 1 && uiData?.ulStatus < 5) ||
+            (uiData?.dlStatus >= 1 && uiData?.dlStatus < 5))
+        ) {
+          message =
+            "It is recommended to meet threshold speed for a seamless experience. While you can still start with the session, you might encounter errors due to low bandwidth. For help, visit: <a href= https://talview.freshdesk.com/support/solutions/articles/11000129970-steps-to-perform-a-network-test target='_blank'>Talview Support</a>";
+        }
+
+        if (
+          uiData?.dlStatus >= 5 &&
+          uiData?.ulStatus >= 5 &&
+          uiData?.pingStatus <= 50 &&
+          uiData?.jitterStatus <= 30
+        ) {
+          message =
+            "Your network speed meets the requirements for the session. You’re all set.";
+          flag = true;
+        }
+
+        if (!flag) {
+          if (flag2) {
+            message +=
+              " Please check your connection settings and try again. For help, visit : <a href= https://talview.freshdesk.com/support/solutions/articles/11000129970-steps-to-perform-a-network-test target='_blank'>Talview Support</a> ";
+          }
+          document.querySelector("#slow-speed-error-instruction").innerHTML = slow_speed_instructions;
+        }
+
+        I("statusMessage").innerHTML = message;
+
+        if (flag) I("statusMessage").classList.add("success");
+
+        if (!flag) I("statusMessage").classList.add("alert-danger");
+      }
+
+      function clearmessage() {
+        I("statusMessage").innerHTML = "";
+        I("statusMessage").classList.remove("alert-danger");
+      }
     </script>
 
     <style type="text/css">
@@ -289,6 +404,14 @@
         box-sizing: border-box;
       }
 
+      .success {
+        color: green;
+      }
+
+      .Loader {
+        color: #1d4ed8;
+      }
+
       .logo-container {
         background-repeat: no-repeat;
         object-fit: cover;
@@ -312,6 +435,8 @@
         display: flex;
         flex-direction: column;
         flex-wrap: wrap;
+        -ms-overflow-style: none;
+        scrollbar-width: none;
       }
 
       .child-container {
@@ -321,7 +446,7 @@
         display: flex;
         flex-direction: column;
         align-items: center;
-
+        scrollbar-width: none;
         width: 100%;
         border-radius: 8px;
         padding-top: 44px;
@@ -537,6 +662,14 @@
         gap: 5px;
         align-items: baseline;
       }
+      .alert-danger {
+        max-width: 100%;
+        padding: 10px;
+        border-radius: 5px;
+        background-color: #f8d7da;
+        color: #721c24;
+        text-align: center;
+      }
 
       @media (max-width: 768px) {
         .testGroup {
@@ -651,6 +784,9 @@
           </div>
         </div>
 
+        <div id="statusMessage"></div>
+        <div id="slow-speed-error-instruction"></div>
+        <!-- <div id="shareArea"> -->
         <div id="shareArea" style="display: none">
           <h3>Share results</h3>
           <p>Test ID: <span id="testId"></span></p>
diff --git a/logo.png b/logo.png
index 4bdf21ed0..2641b82c3 100644
Binary files a/logo.png and b/logo.png differ
