From 9bcedfd8e87a88d0084becb8e9575595301a1324 Mon Sep 17 00:00:00 2001
From: Tejas Sawant <tejas.sawant@iffort.com>
Date: Mon, 7 Oct 2024 19:45:47 +0530
Subject: [PATCH] Update voice.html

---
 voice.html | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/voice.html b/voice.html
index 912de87..f494b96 100644
--- a/voice.html
+++ b/voice.html
@@ -10,6 +10,22 @@
 
     <!-- Custom CSS -->
     <style>
+        .half-separator {
+    border-left: 2px solid rgba(0, 255, 255, 0.6); /* Neon-like border */
+    height: 50%; /* Half the height of the container */
+    position: absolute;
+    left: 50%; /* Position the line in the center */
+    top: 25%; /* Start the line from the middle */
+    transform: translateX(-50%); /* Center the line */
+    z-index: 1; /* Keeps the line above other elements */
+}
+
+/* Mobile View Adjustment */
+@media (max-width: 665px) {
+    .half-separator {
+        display:none;
+    }
+}
  .responsive-iframe {
             width: 100%; /* Ensures iframe takes full width */
             height: auto; /* Maintains aspect ratio */
@@ -225,7 +241,8 @@
             <img src="https://api.qrserver.com/v1/create-qr-code/?color=000000&bgcolor=FFFFFF&data=https%3A%2F%2Fwa.me%2F15556205683%3Ftext%3DHey%2520Fitze!%2520Can%2520you%2520explain%2520your%2520motive%3F&qzone=1&margin=0&size=400x400&ecc=L" alt="QR Code 3" class="neon-border">
         </div>
     </div>
-    
+
+    <div class="half-separator"></div>
     <!-- Right Div -->
  
        <div class=" right">