Update voice.html

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">