diff --git a/Android/app/build/tmp/compileDebugJavaWithJavac/compileTransaction/stash-dir/ProgressDialogBinding.class.uniqueId4 b/Android/app/build/tmp/compileDebugJavaWithJavac/compileTransaction/stash-dir/ProgressDialogBinding.class.uniqueId4
index f170ead6..e69de29b 100644
Binary files a/Android/app/build/tmp/compileDebugJavaWithJavac/compileTransaction/stash-dir/ProgressDialogBinding.class.uniqueId4 and b/Android/app/build/tmp/compileDebugJavaWithJavac/compileTransaction/stash-dir/ProgressDialogBinding.class.uniqueId4 differ
diff --git a/backend/index.js b/backend/index.js
index 6fa707ad..f28fdc6e 100644
--- a/backend/index.js
+++ b/backend/index.js
@@ -42,8 +42,7 @@ app.use("/auth", authRoutes);
 app.use("/api", routes);
 app.use("/api", passwordResetRoutes);
 app.use("/vpi", userRoutes);
-app.use("/api", adminRegistrationRoutes);
-
+app.use("/api/v1", adminRegistrationRoutes);
 
 const PORT = process.env.PORT || 3000;
 app.listen(PORT, () => {
diff --git a/src/Admin/Pages/VigyForm.css b/src/Admin/Pages/VigyForm.css
new file mode 100644
index 00000000..3f5f31b1
--- /dev/null
+++ b/src/Admin/Pages/VigyForm.css
@@ -0,0 +1,17 @@
+.vigy-form .nav-pills .nav-link.active {
+  background-color: #007bff;
+  color: #fff;
+}
+
+.vigy-form .nav-pills .nav-link {
+  cursor: pointer;
+}
+
+.vigy-form .form-check-label {
+  display: block;
+  margin-top: 1rem;
+}
+
+.vigy-form .form-check-label input {
+  margin-right: 0.5rem;
+}
diff --git a/src/Admin/Pages/VigyForm.jsx b/src/Admin/Pages/VigyForm.jsx
index fb6581cc..18660ffd 100644
--- a/src/Admin/Pages/VigyForm.jsx
+++ b/src/Admin/Pages/VigyForm.jsx
@@ -1,33 +1,35 @@
-import React, { useState } from 'react';
-import { Link } from 'react-router-dom';
-import InputField from '../components/RegisterAdmin/InputField';
-import SelectField from '../components/RegisterAdmin/SelectField';
-import FileInput from '../components/RegisterAdmin/FileInput';
-import Swal from 'sweetalert2';
-
+import React, { useState } from "react";
+import { Link } from "react-router-dom";
+import InputField from "../components/RegisterAdmin/InputField";
+import SelectField from "../components/RegisterAdmin/SelectField";
+import FileInput from "../components/RegisterAdmin/FileInput";
+import Swal from "sweetalert2";
+import axios from "axios";
+import { ClipLoader } from "react-spinners";
 const VigyForm = () => {
-  const [activeTab, setActiveTab] = useState('personal');
+  const [activeTab, setActiveTab] = useState("personal");
   const [formData, setFormData] = useState({
     personal: {},
     contact: {},
     banking: {},
     verification: {},
-    additional: {}
+    additional: {},
   });
+  const [loading, setLoading] = useState(false); // Add this line
 
   const tabs = [
-    { id: 'personal', label: 'Personal' },
-    { id: 'contact', label: 'Contact' },
-    { id: 'banking', label: 'Banking' },
-    { id: 'verification', label: 'Verification' },
-    { id: 'additional', label: 'Additional' },
+    { id: "personal", label: "Personal" },
+    { id: "contact", label: "Contact" },
+    { id: "banking", label: "Banking" },
+    { id: "verification", label: "Verification" },
+    { id: "additional", label: "Additional" },
   ];
 
   const handleTabChange = (direction) => {
-    const currentIndex = tabs.findIndex(tab => tab.id === activeTab);
+    const currentIndex = tabs.findIndex((tab) => tab.id === activeTab);
     let newIndex;
 
-    if (direction === 'next') {
+    if (direction === "next") {
       newIndex = Math.min(currentIndex + 1, tabs.length - 1);
     } else {
       newIndex = Math.max(currentIndex - 1, 0);
@@ -41,243 +43,247 @@ const VigyForm = () => {
   const handleInputChange = (e) => {
     const { name, value, type } = e.target;
     let processedValue = value;
-  
-    if (type === 'file') {
+
+    if (type === "file") {
       processedValue = e.target.files[0];
     } else {
       const inputProcessors = {
-      aadhaarNumber: val => val.replace(/\D/g, '').slice(0, 12),
-      phoneNumber: val => val.replace(/\D/g, '').slice(0, 10),
-      email: val => val.toLowerCase(),
-      bankAccountName: val => val.toUpperCase(),
-      bankBranch: val => val.toUpperCase(),
-      ifscCode: val => val.toUpperCase(),
-      bankAccountNumber: val => val.replace(/\D/g, '').slice(0, 18),
-    };
-    
-    processedValue = inputProcessors[name] ? inputProcessors[name](value) : value;
-  }
+        aadhaarNumber: (val) => val.replace(/\D/g, "").slice(0, 12),
+        phoneNumber: (val) => val.replace(/\D/g, "").slice(0, 10),
+        email: (val) => val.toLowerCase(),
+        bankAccountName: (val) => val.toUpperCase(),
+        bankBranch: (val) => val.toUpperCase(),
+        ifscCode: (val) => val.toUpperCase(),
+        bankAccountNumber: (val) => val.replace(/\D/g, "").slice(0, 18),
+      };
 
-  setFormData(prevData => ({
-    ...prevData,
-    [activeTab]: {
-      ...prevData[activeTab],
-      [name]: processedValue
+      processedValue = inputProcessors[name]
+        ? inputProcessors[name](value)
+        : value;
     }
-  }));
-};
+
+    setFormData((prevData) => ({
+      ...prevData,
+      [activeTab]: {
+        ...prevData[activeTab],
+        [name]: processedValue,
+      },
+    }));
+  };
 
   const validateEmail = (email) => {
-    return email.includes('@');
+    return email.includes("@");
   };
 
   const indianBanks = [
-    { value: '', label: 'Select bank' },
-    { value: 'SBI', label: 'State Bank of India' },
-    { value: 'HDFC', label: 'HDFC Bank' },
-    { value: 'ICICI', label: 'ICICI Bank' },
-    { value: 'PNB', label: 'Punjab National Bank' },
-    { value: 'BOB', label: 'Bank of Baroda' },
-    { value: 'AXIS', label: 'Axis Bank' },
-    { value: 'KOTAK', label: 'Kotak Mahindra Bank' },
-    { value: 'IDBI', label: 'IDBI Bank' },
-    { value: 'UBI', label: 'Union Bank of India' },
-    { value: 'CANARA', label: 'Canara Bank' },
+    { value: "", label: "Select bank" },
+    { value: "SBI", label: "State Bank of India" },
+    { value: "HDFC", label: "HDFC Bank" },
+    { value: "ICICI", label: "ICICI Bank" },
+    { value: "PNB", label: "Punjab National Bank" },
+    { value: "BOB", label: "Bank of Baroda" },
+    { value: "AXIS", label: "Axis Bank" },
+    { value: "KOTAK", label: "Kotak Mahindra Bank" },
+    { value: "IDBI", label: "IDBI Bank" },
+    { value: "UBI", label: "Union Bank of India" },
+    { value: "CANARA", label: "Canara Bank" },
   ];
 
   const renderTabContent = () => {
     const currentFormData = formData[activeTab] || {};
 
     switch (activeTab) {
-      case 'personal':
+      case "personal":
         return (
           <>
-            <InputField 
-              label="Full Name ( As per Aadhaar )" 
+            <InputField
+              label="Full Name ( As per Aadhaar )"
               name="fullName"
-              value={currentFormData.fullName || ''}
+              value={currentFormData.fullName || ""}
               onChange={handleInputChange}
-              placeholder="Enter your full name" 
-              required 
+              placeholder="Enter your full name"
+              required
             />
-            <InputField 
-              label="Date of Birth ( As per Aadhaar )" 
+            <InputField
+              label="Date of Birth ( As per Aadhaar )"
               name="dob"
-              value={currentFormData.dob || ''}
+              value={currentFormData.dob || ""}
               onChange={handleInputChange}
-              type="date" 
-              required 
+              type="date"
+              required
             />
-            <SelectField 
-              label="Gender ( As per Aadhaar )" 
+            <SelectField
+              label="Gender ( As per Aadhaar )"
               name="gender"
-              value={currentFormData.gender || ''}
+              value={currentFormData.gender || ""}
               onChange={handleInputChange}
               options={[
-                { value: '', label: 'Select gender (optional)' },
-                { value: 'male', label: 'Male' },
-                { value: 'female', label: 'Female' },
-                { value: 'other', label: 'Other' }
-              ]} 
+                { value: "", label: "Select gender (optional)" },
+                { value: "male", label: "Male" },
+                { value: "female", label: "Female" },
+                { value: "other", label: "Other" },
+              ]}
             />
-            <InputField 
-              label="Aadhaar Number" 
+            <InputField
+              label="Aadhaar Number"
               name="aadhaarNumber"
-              value={currentFormData.aadhaarNumber || ''}
+              value={currentFormData.aadhaarNumber || ""}
               onChange={handleInputChange}
-              placeholder="Enter your aadhaar number" 
-              required 
+              placeholder="Enter your aadhaar number"
+              required
               maxLength={12}
               pattern="\d{12}"
               title="Aadhaar number must be 12 digits"
             />
           </>
         );
-      case 'contact':
+      case "contact":
         return (
           <>
-            <InputField 
-              label="Email Address" 
+            <InputField
+              label="Email Address"
               name="email"
-              value={currentFormData.email || ''}
+              value={currentFormData.email || ""}
               onChange={handleInputChange}
-              type="email" 
-              placeholder="Enter your email" 
-              required 
+              type="email"
+              placeholder="Enter your email"
+              required
               validate={validateEmail}
               errorMessage="Please enter a valid email address with '@' symbol"
             />
-            <InputField 
-              label="Phone Number" 
+            <InputField
+              label="Phone Number"
               name="phoneNumber"
-              value={currentFormData.phoneNumber || ''}
+              value={currentFormData.phoneNumber || ""}
               onChange={handleInputChange}
-              type="tel" 
-              placeholder="Enter your phone number" 
-              required 
+              type="tel"
+              placeholder="Enter your phone number"
+              required
               maxLength={10}
               pattern="\d{10}"
               title="Phone number must be 10 digits"
             />
-            <InputField 
-              label="Physical Address" 
+            <InputField
+              label="Physical Address"
               name="address"
-              value={currentFormData.address || ''}
+              value={currentFormData.address || ""}
               onChange={handleInputChange}
-              placeholder="Enter your address" 
-              required 
+              placeholder="Enter your address"
+              required
             />
           </>
         );
-      case 'banking':
+      case "banking":
         return (
           <>
-            <InputField 
-              label="Bank Account Name" 
+            <InputField
+              label="Bank Account Name"
               name="bankAccountName"
-              value={currentFormData.bankAccountName || ''}
+              value={currentFormData.bankAccountName || ""}
               onChange={handleInputChange}
-              placeholder="Enter account name" 
-              required 
-              style={{textTransform: 'uppercase'}}
+              placeholder="Enter account name"
+              required
+              style={{ textTransform: "uppercase" }}
             />
-            <InputField 
-              label="Bank Account Number" 
+            <InputField
+              label="Bank Account Number"
               name="bankAccountNumber"
-              value={currentFormData.bankAccountNumber || ''}
+              value={currentFormData.bankAccountNumber || ""}
               onChange={handleInputChange}
-              placeholder="Enter account number" 
-              required 
+              placeholder="Enter account number"
+              required
               minLength={8}
               maxLength={18}
               pattern="\d{8,18}"
               title="Bank account number must be 8 to 18 digits"
             />
-            <InputField 
-              label="Enter Confirm Bank Account Number" 
+            <InputField
+              label="Enter Confirm Bank Account Number"
               name="bankAccountNumber"
-              value={currentFormData.bankBranch || ''}
+              value={currentFormData.bankBranch || ""}
               onChange={handleInputChange}
-              placeholder="Enter your confirm bank account number" 
-              required 
+              placeholder="Enter your confirm bank account number"
+              required
               minLength={8}
               maxLength={18}
               pattern="\d{8,18}"
               title="Bank account number must be 8 to 18 digits"
-              
             />
-            <SelectField 
-              label="Bank Name" 
+            <SelectField
+              label="Bank Name"
               name="bankName"
-              value={currentFormData.bankName || ''}
+              value={currentFormData.bankName || ""}
               onChange={handleInputChange}
-              options={indianBanks} 
+              options={indianBanks}
               required
             />
-            
-            <InputField 
-              label="IFSC Code" 
+
+            <InputField
+              label="IFSC Code"
               name="ifscCode"
-              value={currentFormData.ifscCode || ''}
+              value={currentFormData.ifscCode || ""}
               onChange={handleInputChange}
-              placeholder="Enter IFSC code" 
-              required 
+              placeholder="Enter IFSC code"
+              required
               maxLength={11}
               pattern="^[A-Z]{4}0[A-Z0-9]{6}$"
               title="IFSC code must be 11 characters long, start with 4 uppercase letters, followed by a 0, and end with 6 alphanumeric characters"
-              style={{textTransform: 'uppercase'}}
+              style={{ textTransform: "uppercase" }}
             />
           </>
         );
-      case 'verification':
+      case "verification":
         return (
           <>
             <h2 className="text-lg font-semibold mb-4 text-gray-700">
-              Verification Documents <span className="text-red-500 text-sm">(only 50kb max, .pdf, .jpg, .jpeg, .png)</span>
+              Verification Documents{" "}
+              <span className="text-red-500 text-sm">
+                (only 50kb max, .pdf, .jpg, .jpeg, .png)
+              </span>
             </h2>
-            
-            <FileInput 
-              label="Pan Card" 
+
+            <FileInput
+              label="Pan Card"
               name="panCard"
               onChange={handleInputChange}
-              accept=".pdf,.jpg,.jpeg,.png" 
-              required 
+              accept=".pdf,.jpg,.jpeg,.png"
+              required
               maxSize={50 * 1024}
             />
-            
+
             <FileInput
-              label="Proof of Address (e.g.,Aadhaar card,Driving Licenese)" 
+              label="Proof of Address (e.g.,Aadhaar card,Driving Licenese)"
               name="addressProof"
               onChange={handleInputChange}
-              accept=".pdf,.jpg,.jpeg,.png" 
-              required 
+              accept=".pdf,.jpg,.jpeg,.png"
+              required
               maxSize={50 * 1024}
             />
-            <FileInput 
-              label="Profile Picture" 
+            <FileInput
+              label="Profile Picture"
               name="profilePicture"
               onChange={handleInputChange}
-              accept="image/*" 
+              accept="image/*"
               maxSize={50 * 1024}
             />
           </>
         );
-      case 'additional':
+      case "additional":
         return (
           <>
-            <InputField 
-              label="Referral Code" 
+            <InputField
+              label="Referral Code"
               name="referralCode"
-              value={currentFormData.referralCode || ''}
+              value={currentFormData.referralCode || ""}
               onChange={handleInputChange}
-              placeholder="Enter referral code (optional)" 
+              placeholder="Enter referral code (optional)"
             />
-            <InputField 
-              label="Promotional Code" 
+            <InputField
+              label="Promotional Code"
               name="promotionalCode"
-              value={currentFormData.promotionalCode || ''}
+              value={currentFormData.promotionalCode || ""}
               onChange={handleInputChange}
-              placeholder="Enter promotional code (optional)" 
+              placeholder="Enter promotional code (optional)"
             />
           </>
         );
@@ -288,14 +294,23 @@ const VigyForm = () => {
 
   const handleSubmit = async (e) => {
     e.preventDefault();
+    setLoading(true); // Add this line
 
     const formDataToSend = new FormData();
 
     // Append all form fields to formDataToSend
-    Object.keys(formData).forEach(tab => {
-      Object.keys(formData[tab]).forEach(field => {
-        if (field === 'panCard' || field === 'addressProof' || field === 'profilePicture') {
-          formDataToSend.append(field, formData[tab][field], formData[tab][field].name);
+    Object.keys(formData).forEach((tab) => {
+      Object.keys(formData[tab]).forEach((field) => {
+        if (
+          field === "panCard" ||
+          field === "addressProof" ||
+          field === "profilePicture"
+        ) {
+          formDataToSend.append(
+            field,
+            formData[tab][field],
+            formData[tab][field].name
+          );
         } else {
           formDataToSend.append(field, formData[tab][field]);
         }
@@ -303,25 +318,41 @@ const VigyForm = () => {
     });
 
     try {
-      const response = await axios.post('http://localhost:8080/api/vigy_form', formDataToSend, {
-        headers: {
-          'Content-Type': 'multipart/form-data',
-        },
-      });
+      const response = await axios.post(
+        "https://vigybag-backend.onrender.com/api/v1/vigy_form",
+        formDataToSend,
+        {
+          headers: {
+            "Content-Type": "multipart/form-data",
+          },
+        }
+      );
       console.log(response.data);
-      console.log('Form submitted successfully!');
-      // Handle successful submission (e.g., show success message, redirect)
+      console.log("Form submitted successfully!");
+      Swal.fire({
+        icon: "success",
+        title: "Success",
+        text: "Form submitted successfully!",
+      });
     } catch (error) {
-      console.error('Error submitting form:', error);
-      // Handle error (e.g., show error message)
+      console.error("Error submitting form:", error);
+      Swal.fire({
+        icon: "error",
+        title: "Error",
+        text: "There was an error submitting the form.",
+      });
+    } finally {
+      setLoading(false); // Add this line
     }
   };
 
   return (
-    <div className='bg-[#fff5edff]'>
+    <div className="bg-[#fff5edff]">
       <div className="max-w-4xl mx-auto p-4 sm:p-6 lg:p-8 bg-white shadow-lg rounded-lg mt-1 mb-3">
-        <h1 className="text-2xl sm:text-3xl font-bold mb-6 text-center text-gray-800">Registration Form</h1>
-        
+        <h1 className="text-2xl sm:text-3xl font-bold mb-6 text-center text-gray-800">
+          Registration Form
+        </h1>
+
         <div className="mb-6 overflow-x-auto">
           <div className="flex border-b whitespace-nowrap">
             {tabs.map((tab) => (
@@ -329,8 +360,8 @@ const VigyForm = () => {
                 key={tab.id}
                 className={`px-4 py-2 text-sm sm:text-base ${
                   activeTab === tab.id
-                    ? 'border-b-2 border-blue-500 text-blue-600'
-                    : 'text-gray-500 hover:text-gray-700'
+                    ? "border-b-2 border-blue-500 text-blue-600"
+                    : "text-gray-500 hover:text-gray-700"
                 }`}
                 onClick={() => setActiveTab(tab.id)}
               >
@@ -340,23 +371,53 @@ const VigyForm = () => {
           </div>
         </div>
 
-        <form onSubmit={handleSubmit} className="space-y-6" encType="multipart/form-data">
+        <form
+          onSubmit={handleSubmit}
+          className="space-y-6"
+          encType="multipart/form-data"
+        >
           {renderTabContent()}
 
-          {activeTab === 'additional' && (
+          {activeTab === "additional" && (
             <div className="mt-8">
-              <h2 className="text-lg font-semibold mb-4 text-gray-700">Terms and Conditions</h2>
+              <h2 className="text-lg font-semibold mb-4 text-gray-700">
+                Terms and Conditions
+              </h2>
               <div className="space-y-2">
                 <label className="flex items-center">
-                  <input type="checkbox" className="form-checkbox h-5 w-5 text-blue-600" required />
+                  <input
+                    type="checkbox"
+                    className="form-checkbox h-5 w-5 text-blue-600"
+                    required
+                  />
                   <span className="ml-2 text-sm text-gray-700">
-                    I agree to the <Link to="/termsAndCondition" target="_blank" rel="noopener noreferrer" className="text-blue-500 hover:underline">terms and conditions</Link>
+                    I agree to the{" "}
+                    <Link
+                      to="/termsAndCondition"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-blue-500 hover:underline"
+                    >
+                      terms and conditions
+                    </Link>
                   </span>
                 </label>
                 <label className="flex items-center">
-                  <input type="checkbox" className="form-checkbox h-5 w-5 text-blue-600" required />
+                  <input
+                    type="checkbox"
+                    className="form-checkbox h-5 w-5 text-blue-600"
+                    required
+                  />
                   <span className="ml-2 text-sm text-gray-700">
-                    I agree to the <Link to="/privacy" target="_blank" rel="noopener noreferrer" className="text-blue-500 hover:underline">privacy policy</Link>
+                    I agree to the{" "}
+                    <Link
+                      to="/privacy"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-blue-500 hover:underline"
+                    >
+                      privacy policy
+                    </Link>
                   </span>
                 </label>
               </div>
@@ -364,28 +425,38 @@ const VigyForm = () => {
           )}
 
           <div className="flex justify-between mt-8">
-            <button 
-              type="button" 
-              onClick={() => handleTabChange('previous')}
+            <button
+              type="button"
+              onClick={() => handleTabChange("previous")}
               className="px-4 py-2 bg-gray-300 text-gray-700 font-medium rounded-md hover:bg-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 transition duration-150 ease-in-out shadow-md"
               disabled={activeTab === tabs[0].id}
             >
               Previous
             </button>
             {activeTab !== tabs[tabs.length - 1].id ? (
-              <button 
+              <button
                 type="button"
-                onClick={() => handleTabChange('next')}
+                onClick={() => handleTabChange("next")}
                 className="px-4 py-2 bg-blue-600 text-white font-medium rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-150 ease-in-out shadow-md"
               >
                 Next
               </button>
             ) : (
-              <button 
+              <button
                 type="submit"
                 className="px-6 py-3 bg-green-600 text-white font-medium rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition duration-150 ease-in-out shadow-md"
+                disabled={loading} // Add this line
               >
-                Submit Registration
+                {loading ? (
+                  <ClipLoader
+                    type="ThreeDots"
+                    color="#fff"
+                    height={24}
+                    width={24}
+                  /> // Add this line
+                ) : (
+                  "Submit Registration"
+                )}
               </button>
             )}
           </div>
@@ -395,4 +466,4 @@ const VigyForm = () => {
   );
 };
 
-export default VigyForm;
\ No newline at end of file
+export default VigyForm;
diff --git a/src/User/pages/Admin-Verification/Admin.jsx b/src/User/pages/Admin-Verification/Admin.jsx
index f268f8a7..4afb09dd 100644
--- a/src/User/pages/Admin-Verification/Admin.jsx
+++ b/src/User/pages/Admin-Verification/Admin.jsx
@@ -220,4 +220,4 @@ const AdminVerificationPage = () => {
   );
 };
 
-export default AdminVerificationPage;
\ No newline at end of file
+export default AdminVerificationPage;