diff --git a/package-lock.json b/package-lock.json
index ec56bc5..1bf1b6f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,8 +26,11 @@
         "hbs": "^4.2.0",
         "http": "^0.0.1-security",
         "install": "^0.13.0",
-        "kit": "^0.1.2",
+        "is-callable": "^1.2.4",
+        "is-date-object": "^1.0.5",
+        "jquery-validate": "^2.0.0",
         "jquery-validation": "^1.19.5",
+        "kit": "^0.1.2",
         "luhn-js": "^1.1.2",
         "moment": "^2.29.4",
         "multer": "^1.4.5-lts.1",
@@ -3079,10 +3082,21 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/is-descriptor": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+    "node_modules/is-callable": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.4.tgz",
+      "integrity": "sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -3316,6 +3330,12 @@
       "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==",
       "peer": true
     },
+    "node_modules/jquery-validate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/jquery-validate/-/jquery-validate-2.0.0.tgz",
+      "integrity": "sha512-vNyF7isorlMhpvOqEY+5gLGoTA3/iXTcvQPi7yPBnPuma51DA2SLWWVum/e8qSn2bbAF60KrApnfVvibxBaM6g==",
+      "deprecated": "Package abandoned, contact support@npmjs.com for more info."
+    },
     "node_modules/jquery-validation": {
       "version": "1.19.5",
       "resolved": "https://registry.npmjs.org/jquery-validation/-/jquery-validation-1.19.5.tgz",
@@ -10606,6 +10626,11 @@
       "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==",
       "peer": true
     },
+    "jquery-validate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/jquery-validate/-/jquery-validate-2.0.0.tgz",
+      "integrity": "sha512-vNyF7isorlMhpvOqEY+5gLGoTA3/iXTcvQPi7yPBnPuma51DA2SLWWVum/e8qSn2bbAF60KrApnfVvibxBaM6g=="
+    },
     "jquery-validation": {
       "version": "1.19.5",
       "resolved": "https://registry.npmjs.org/jquery-validation/-/jquery-validation-1.19.5.tgz",
diff --git a/package.json b/package.json
index 6f2d50f..4bdbac9 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,9 @@
     "hbs": "^4.2.0",
     "http": "^0.0.1-security",
     "install": "^0.13.0",
+    "is-callable": "^1.2.4",
+    "is-date-object": "^1.0.5",
+    "jquery-validate": "^2.0.0",
     "jquery-validation": "^1.19.5",
     "kit": "^0.1.2",
     "luhn-js": "^1.1.2",
diff --git a/public/scripts/services/requestform.js b/public/scripts/services/requestform.js
index d029631..341fd73 100644
--- a/public/scripts/services/requestform.js
+++ b/public/scripts/services/requestform.js
@@ -96,6 +96,30 @@ $(document).ready(function () {
         }
     })
 
+    $('.item2').on('focus keyup', function() {
+        if($(this).val().length > 0){
+            var formcontainer = document.getElementById("item2")
+            var inputs = formcontainer.getElementsByClassName('item2')
+            console.log(formcontainer)
+            console.log(inputs)
+            for (var i = 0; i < inputs.length; i++) {
+                var input = inputs[i]
+                console.log(input)
+                input.setAttribute("required", "");  
+            }
+        } else {
+            var formcontainer = document.getElementById("item2")
+            var inputs = formcontainer.getElementsByClassName('item2')
+            console.log(formcontainer)
+            console.log(inputs)
+            for (var i = 0; i < inputs.length; i++) {
+                var input = inputs[i]
+                console.log(input)
+                input.removeAttribute("required");
+            }
+        }
+    });
+
     var TimeValid
 
 
diff --git a/views/services/requestform.handlebars b/views/services/requestform.handlebars
index 5907c03..a7cf320 100644
--- a/views/services/requestform.handlebars
+++ b/views/services/requestform.handlebars
@@ -1,4 +1,4 @@
-<link rel="stylesheet" href="../styles/services.css">
+<link rel="stylesheet" href="/styles/multistep-form.css">
 
 <div class="row max-req flex-column text-center justify-content-center"
     style="display: none; height: calc(100vh - 102px);">
@@ -45,7 +45,6 @@
             <h3 class="fs-subtitle">Give your request a title so we can identify it later on</h3>
             <input type="text" name="title" placeholder="Title" required/>
             <input type="button" name="ms-next" class="ms-next action-button" value="Next" />
-
         </fieldset>
         <fieldset>
             <h2 class="fs-title">Request Items</h2>
@@ -63,24 +62,32 @@
                     <hr>
                     <textarea name="description" id="" placeholder="Description" required></textarea>
                 </div>
-                <div class="col-4">
+                <div class="col-4" id="item2">
                     <p>Item 2</p>
-                    <input type="text" name="name" placeholder="Item Name" />
-                    <input type="text" name="type" placeholder="Item Type" />
-                    <input type="text" name="color" placeholder="Item Color" />
-                    <input type="number" name="qty" placeholder="Quantity" />
-                    <textarea name="description" id="" placeholder="Description"></textarea>
+                    <input type="text"  class="item2" name="name" placeholder="Item Name" />
+                    <hr>
+                    <input type="text"  class="item2" name="type" placeholder="Item Type" />
+                    <hr>
+                    <input type="text"  class="item2" name="color" placeholder="Item Color" />
+                    <hr>
+                    <input type="number"  class="item2" name="qty" placeholder="Quantity" />
+                    <hr>
+                    <textarea name="description"  class="item2" placeholder="Description"></textarea>
                 </div>
-                <div class="col-4">
+                <div class="col-4" id="item3">
                     <p>Item 3</p>
-                    <input type="text" name="name" placeholder="Item Name" />
+                    <input type="text"  name="name" placeholder="Item Name" />
+                    <hr>
                     <input type="text" name="type" placeholder="Item Type" />
+                    <hr>
                     <input type="text" name="color" placeholder="Item Color" />
+                    <hr>
                     <input type="number" name="qty" placeholder="Quantity" />
+                    <hr>
                     <textarea name="description" id="" placeholder="Description"></textarea>
                 </div>
             </div>
-            <input type="button" name="previous" class="previous action-button" value="Previous" />
+            <input type="button" name="previous" class="previous action-button-previous" value="Previous" />
             <input type="button" name="ms-next" class="ms-next action-button" value="Next" />
         </fieldset>
         <fieldset>
@@ -100,7 +107,7 @@
             <div class="row timings">
 
             </div>
-            <input type="button" name="previous" class="previous action-button" value="Previous" />
+            <input type="button" name="previous" class="previous action-button-previous" value="Previous" />
             <input type="submit" class="submit action-button" value="Submit" />
         </fieldset>
     </form>