diff --git a/QuestionPaperPreview.js b/QuestionPaperPreview.js
index 8f025d9..e497d96 100644
--- a/QuestionPaperPreview.js
+++ b/QuestionPaperPreview.js
@@ -164,6 +164,8 @@ function QuestionPaperPreview(jsonData){
                         GroupQuestionTilteAlign =40
                       }else if(question_id_length == 6) {
                         GroupQuestionTilteAlign =54
+                      }else if(question_id_length == 2){
+                        GroupQuestionTilteAlign =23
                       }
                       
                       
@@ -199,7 +201,7 @@ function QuestionPaperPreview(jsonData){
                     //     questionGroupMark = questionGroupMark.replace('<p id="group_marks">', '<p id="group_marks" hidden>')
                     // }
                     
-                    questionPaper += `<div class="text-group-align" style="margin-left:-1px;">${questionId})${questionGroupmodify}</div>`
+                    questionPaper += `<div class="text-group-align" style="margin-left:0px;">${questionId})${questionGroupmodify}</div>`
 
                     questionPaper += `<div class="group_marks_attmpt">${questionGroupAttempt}${questionGroupMark}</div>`;
                     // questionPaper += `<div class="group_attempt_any">${questionGroupAttempt}</div>`;
@@ -286,9 +288,9 @@ function QuestionPaperPreview(jsonData){
                             const answerA = answers[i] ? `${optionA}. ${convertToLatex(answers[i].choice_name, math)}` : '';
                             // const answerB = answers[i + 1] ? `${optionB}. ${convertToLatex(answers[i + 1].choice_name, mathstatus)}` : '';
                             if (multipleAnswer == 'false') {
-                                questionPaper += `<div class="text-option-align" style="margin-left:${choisealgin}px"><input type="radio" name="answer" value="A"> ${answerA.padEnd(10)}</div>`;
+                                questionPaper += `<div class="text-option-align" style="margin-left:${choisealgin}px"><input type="radio" name="answer" value="A"> <p class="ChoiceOption">${answerA.padEnd(10)}</p></div>`;
                             }else{
-                                questionPaper += `<div class="text-option-align" style="margin-left:${choisealgin}px"><input type="checkbox" name="answer" value="A">    ${answerA.padEnd(10)}</div>`;
+                                questionPaper += `<div class="text-option-align" style="margin-left:${choisealgin}px"><input type="checkbox" name="answer" value="A">  <p class="ChoiceOption">  ${answerA.padEnd(10)}</p></div>`;
                             }
                         }
                     }
diff --git a/QuestionPreview.html b/QuestionPreview.html
index 209a27c..630ba8f 100644
--- a/QuestionPreview.html
+++ b/QuestionPreview.html
@@ -44,34 +44,61 @@
 	<!-- <link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,600' rel='stylesheet' type='text/css'> -->
 	<link rel="stylesheet" href="./node_modules/bootstrap-icons/font/bootstrap-icons.css">
 	<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"> -->
-	
-	
+	<link rel="stylesheet" href="./node_modules/quill/dist/quill.snow.css" type="text/css" media="all" />
+
+	<link rel="stylesheet" href="assets/css/quillTable.css" type="text/css" media="all" />
+
 
 	
     <style>
-		
-		table {
-  border-collapse: collapse; /* Set to 'collapse' for adjacent cell borders to collapse into one */
-  text-indent: 0; /* Reset text indentation */
-  border-spacing: 0; /* Set to '0' to eliminate any spacing between cells */
-}
-		table td{
-			border: 1px solid black !important;
+		.ql-align-right-add{
+			display: flow-root;
+		}
+		.ql-align-left-add{
+			/* margin-left: -704px !important; */
+			margin-top: 22px;
+			display: flex;
+		}
+		.ChoiceOption{
+			display: flex;
+    		align-items: center;
+		}
+		.ql-align-right.table-border{
+			width: 167px !important;
+		}
+		.ql-align-center.table-border{
+			width: 152px !important;
+		}
+		.group_Text{
+		margin-top: -28px;
+   	 	padding-bottom: 15px;
 		}
-		.table-border{
-    /* border: 1px solid black; */
-  	margin-left:10px;
-  	margin-right: 10px !important;
-  	width: 80px;
-  	inline-size: 80px;
-    text-wrap: wrap;
-		
-}
 
-tr{
-    display: flex !important;
-	/* border: 1px solid black; */
-}
+		.ql-align-justify{
+
+		}
+		
+		.td-q .ql-align-right{
+			float: right;
+		}
+
+		.ql-align-right{
+			inline-size: 700px;
+    		text-wrap: wrap;
+    		/* margin-top: -27px !important; */
+			text-align: right;	
+			
+		}
+
+	.ql-align-center {
+		inline-size: 700px;
+    	text-wrap: wrap;
+    	/* margin-top: -27px !important; */
+  		text-align: center;	
+	}
+		
+
+
 		.question-Group-Description{
 			margin-top: -14px;
 		}
@@ -439,33 +466,32 @@ color: #1d3557 !important;
 	<script src="decode.js"></script>
 
 
-    <script>
+<script>
 
-		$("#overlay").show();
-        const fs = require('fs'); 
-		const path =require('path'); 
+	$("#overlay").show();
+    const fs = require('fs'); 
+	const path =require('path'); 
+	// require('dotenv').config();
+	//get value from .env
 
-		// require('dotenv').config();
-		//get value from .env
+	// const convertBaseToString =require('./envConvertBasetoString');
+	var configObject = convertBaseToString();
 
-		// const convertBaseToString =require('./envConvertBasetoString');
-		var configObject = convertBaseToString();
+	const isEncrypted = configObject.ENCRYPTED.trim();
 
-		const isEncrypted = configObject.ENCRYPTED.trim();
-
-		// const isEncrypted = process.env.ENCRYPTED;
+	// const isEncrypted = process.env.ENCRYPTED;
        
-       const url = new URL(window.location.href);// Get the URL of the current page for JSON
-       const params = new URLSearchParams(url.search);// Create a URLSearchParams object from the query string
-       const xmlFileName = params.get('filename');// Get the value of a specific parameter
-       loadXML(xmlFileName)
+    const url = new URL(window.location.href);// Get the URL of the current page for JSON
+    const params = new URLSearchParams(url.search);// Create a URLSearchParams object from the query string
+    const xmlFileName = params.get('filename');// Get the value of a specific parameter
+    loadXML(xmlFileName)
        
-		 //Preview edit button
-		 document.getElementById("editlink").href = "addform.html?filename=" + xmlFileName;
+	//Preview edit button
+	document.getElementById("editlink").href = "addform.html?filename=" + xmlFileName;
 
-		 //XmlPath get from .env
-		
-		// const decode = require('./decode');
+//XmlPath get from .env
+
+// const decode = require('./decode');
 
 // Function to load XML from a file
 function loadXML(xmlFileName) {
@@ -558,73 +584,134 @@ try {
 	   
 
        </script>
-	
-	<script>
-$(document).ready(function() {
-setTimeout(() => {
-    var parentDiv = $('.text-qus-align');
-    var firstParagraph = parentDiv.find('.question_Text:first-child');
-	// console.log(parentDiv); 
-
-    // Remove the style attribute from the first <p> tag
-    if (firstParagraph.length > 0) {
-        firstParagraph.removeAttr('style');
-    }
-}, 1000);
-});
 
 
 
-	</script>
-
-	<script>
-		function thisclassnameWhenPaste() {
-    var elements = document.querySelectorAll('.ql-align-justify');
 
 
-    elements.forEach(function(element) {
- 
-		element.classList.add('question_Text');
-		element.classList.remove('ql-align-justify')
-	    });
-}
+<script>
+	$(document).ready(function() {
+		setTimeout(() => {
+			var parentDiv = $('.text-qus-align');
+			var firstParagraph = parentDiv.find('.question_Text:first-child');
+			if (firstParagraph.length > 0) {
+				firstParagraph.removeAttr('style');
+			}
+		}, 1000);
+	});
+</script>
 
-setInterval(thisclassnameWhenPaste, 1000);
-	</script>
-
-	<script>
-
-var counter = 0;
-
-function quilltableclassname() {
-    var hb = document.querySelectorAll('.td-q');
-    hb.forEach(function (param,index) {
-		// Assuming param contains the HTML of each .td-q element
-        var doc = document.createElement('div');
-        doc.innerHTML = param.innerHTML;
-
-        var pElement = doc.querySelector('p');
-        
-        if (pElement) {
-            pElement.classList.add('table-border');
-			pElement.classList.remove('question_Text');
-            param.innerHTML = doc.innerHTML;
-			
-        }
-    });
-
-    counter++;
-    if (counter === 1) {
-        clearInterval(intervalId);
-    }
-}
-
-var intervalId = setInterval(quilltableclassname, 1000);
-
-	</script>
+<script>
+	function thisclassnameWhenPaste() {
+		var a =document.querySelectorAll('.text-qus-align');
+		a.forEach(function (aa) {
+			var elements = aa.querySelectorAll('.ql-align-justify');
+			elements.forEach(function(element) {
+			element.classList.add('question_Text');
+			});
+		})
+		a.forEach(function (aa) {
+			var elements = aa.querySelectorAll('.ql-align-right');
+			elements.forEach(function(element) {
+			element.classList.add('question_Text');
+			});
+		})
+		a.forEach(function (aa) {
+			var elements = aa.querySelectorAll('.ql-align-center');
+			elements.forEach(function(element) {
+			element.classList.add('question_Text');
+			});
+		})
+	}
+	setInterval(thisclassnameWhenPaste, 1000);
+</script>
 
 
 
+
+<script>
+	var counter = 0;
+	function quilltableclassname() {
+		var hb = document.querySelectorAll('.td-q');
+		hb.forEach(function (param,index) {
+			var doc = document.createElement('div');
+			doc.innerHTML = param.innerHTML;
+			var pElement = doc.querySelector('p');
+			if (pElement) {
+				pElement.classList.add('table-border');
+				pElement.classList.remove('question_Text');
+				param.innerHTML = doc.innerHTML;
+			}
+		});
+		counter++;
+		if (counter === 1) {
+			clearInterval(intervalId);
+		}
+	}
+	var intervalId = setInterval(quilltableclassname, 1000);
+</script>
+
+
+<script>
+	function thisclassnameWhenPaste() {
+		var textGroupAligns =document.querySelectorAll('.text-group-align');
+		textGroupAligns.forEach(function (textGroupAlign) {
+			var elements = textGroupAlign.querySelectorAll('.ql-align-justify');
+			elements.forEach(function(element) {
+			element.classList.add('group_Text');
+			element.style.paddingLeft = '15px';
+			});
+		})
+		textGroupAligns.forEach(function (textGroupAlign) {
+			var elements = textGroupAlign.querySelectorAll('.ql-align-right');
+			elements.forEach(function(element) {
+
+			element.classList.add('group_Text');
+			element.style.paddingLeft = '15px';
+			});
+		})
+		textGroupAligns.forEach(function (textGroupAlign) {
+			var elements = textGroupAlign.querySelectorAll('.ql-align-center');
+			elements.forEach(function(element) {
+
+			element.classList.add('group_Text');
+			element.style.paddingLeft = '15px';
+			});
+		})
+	}
+	setInterval(thisclassnameWhenPaste, 1000);
+</script>
+
+
+<!-- Start In Preview Image Alignment is Correct -->
+<script>
+	function ImageAlignmentChange() {
+		var imgTags = document.getElementsByTagName('img');
+		var imgArray = Array.from(imgTags);
+
+		imgArray.forEach(function(imgElement) {
+			var alignelement= imgElement.getAttribute('align');
+			var parentelement= imgElement.parentNode
+			var computedStyle = window.getComputedStyle(imgElement);
+			var floatPropertyValue = computedStyle.getPropertyValue('float');
+
+				if (alignelement == 'center') {
+					imgElement.classList.add('ql-align-center-add');
+				}else if (alignelement == 'right') {
+					imgElement.classList.add('ql-align-right-add');
+				}else if (floatPropertyValue == 'left') {
+					imgElement.removeAttribute('style');
+					imgElement.classList.add('ql-align-left-add');
+					imgElement.removeAttribute('align');
+				}else if (floatPropertyValue == 'right') {
+					imgElement.classList.add('ql-align-right-add');
+				}
+		});
+	}
+	setInterval(ImageAlignmentChange, 1000)
+</script>
+<!-- End In Preview Image Alignment is Correct -->
+
 </body>
 </html>
 
diff --git a/addform.html b/addform.html
index b5ab7bf..2771291 100644
--- a/addform.html
+++ b/addform.html
@@ -54,12 +54,26 @@
 	<script id="MathJax-script" async src="./node_modules/mathjax/es5/tex-mml-chtml.js"></script>
 
 	<style>
+		
+		/* Start custom css for table icon options in RTE editor */
+		.ql-picker.ql-table:nth-of-type(1) .ql-picker-options {
+    width: 310px !important;
+		}
+		/* End custom css for table icon options in RTE editor */
+
+		/* start custom css for Alignment icon options in RTE editor */
+		.ql-icon-picker .ql-picker-item{
+			width: 24px !important;
+		}
+		/* End custom css for Alignment icon options in RTE editor */
+
+
 		   /* [data-value="remove-table"] {
       border: 1px solid black !important;
     	} */
-		.ql-picker-options{
+		/* .ql-picker-options{
 			width: 310px !important;
-		}
+		} */
 		.ql-picker-item{
 			width: 95px !important;
 		}
@@ -823,7 +837,7 @@ h1.title{
 						<ul>
 							<li><a href="dashboard.html"><img class="addPageMenu" src="assets/images/home.svg" alt="">Home</a></li>
 							<li><a href="#" class="myBtn" onclick="saveFile()" id="SaveButton"><img class="addPageMenu" src="assets/images/save.svg" alt="">Save</a></li>
-							<li><a href="#" id="editPreview" ><img class="addPageMenu" src="assets/images/preview.svg" alt="">Preview</a></li>
+							<li><a id="editPreview"  onclick="editPreview()"><img class="addPageMenu" src="assets/images/preview.svg" alt="">Preview</a></li>
 						</ul>
 					</div>
 				</div>
@@ -1329,11 +1343,19 @@ function clearMessage() {
 	var mathJaxContainer = document.getElementById('workarea_math');
 	var quillContainer = document.getElementById('workarea');
 
-	var quillInstance = new Quill('#workarea');
-	quillInstance.setText('');
+	var quillInstance = quillContainer.querySelector('.ql-editor');
+
+	if (quillInstance.innerHTML.trim() !== '<p><br></p>') {
+		quillInstance.innerHTML = '<p><br></p>';
+	}
+
+
+	// var quillInstance = new Quill('#workarea');
+	// quillInstance.setText('');
 
 	// console.log(mathJaxContainer);
 	// console.log(quillContainer);
+
 	mathJaxContainer.value = "";
 };
 
@@ -1440,54 +1462,93 @@ document.addEventListener('DOMContentLoaded', function () {
 
 //EditPreview  and  Create Preview
 var previewbutton = document.getElementById("editPreview");
-previewbutton.addEventListener("click", async () => { 
-if (FileName) 
-{
-const saveButton = document.getElementById('SaveButton');
-	if (saveButton) {
-		saveButton.click();	
-		setTimeout(function() {
-			var popupInput = document.getElementById("swal2-input");	
-			var submitButton = document.querySelector(".swal2-confirm.swal2-styled");
-			submitButton.addEventListener("click", function() {
-				FileName = popupInput.value;
-				FileName += ".xml"
-				if(FileName){
-					var anchorElement = document.getElementById("editPreview");
-					if (anchorElement) {
-						anchorElement.click();
-					}
-				}
-			});  
-		}, 3000); 
+	// previewbutton.addEventListener("click", async () => { 
+		function editPreview() {
+		var title_id = localStorage.getItem('JSON_FOR_EMPTY_QUESTION');
+
+	var count = "";//XmlPath get from .env
+
+// const decode = require('./decode');
+	if(title_id !== '' && title_id !== null)
+	{
+        var parsedArray = JSON.parse(title_id);
+		var count = parsedArray.length;
+		// console.log('count - ' + count)
 	}
-previewbutton.href = "QuestionPreview.html?filename=" + FileName;
-} 
-else 
-{
-const saveButton = document.getElementById('SaveButton');
-	if (saveButton) {
-		saveButton.click();	
-		setTimeout(function() {
-			var popupInput = document.getElementById("swal2-input");	
-			var submitButton = document.querySelector(".swal2-confirm.swal2-styled");
-			submitButton.addEventListener("click", function() {
-				FileName = popupInput.value;
-				FileName += ".xml"
-				if(FileName){
-					var anchorElement = document.getElementById("editPreview");
-					if (anchorElement) {
-						anchorElement.click();
+	else
+	{
+		count = 0
+	}
+
+	if (FileName) {
+		console.log("if");
+		const saveButton = document.getElementById('SaveButton');
+		if (saveButton) {
+			// if (count != 0) {
+			// 	const Swal = require('sweetalert2');
+			// 	Swal.fire({
+    		// 		title            : 'Alert!!!',
+   			// 		text             : 'First Save And Preview.',
+    		// 		icon             : 'info',
+    		// 		confirmButtonText: 'OK'
+			// 	});
+			//  }
+			saveButton.click();	
+			console.log(saveButton);
+			 if (count == 0) {
+				setTimeout(function() {
+					var popupInput = document.getElementById("swal2-input");	
+					var submitButton = document.querySelector(".swal2-confirm.swal2-styled");
+					submitButton.addEventListener("click", function() {
+						FileName = popupInput.value;
+						FileName += ".xml"
+						if(FileName){
+							var anchorElement = document.getElementById("editPreview");
+							if (anchorElement) {
+								anchorElement.click();
+								saveButton.click();	
+								console.log("ghj");
+							}
+						}
+					});  
+					
+
+				}, 3000); 
+			 }
+		}
+		 if (count == 0) {
+			previewbutton.href = '#';
+			previewbutton.href = "QuestionPreview.html?filename=" + FileName;
+		 }
+		// check_Empty_Question();
+		// const saveButto = document.getElementById('SaveButton');
+		// saveButto.click();	
+	} else {
+		const saveButton = document.getElementById('SaveButton');
+		if (saveButton) {
+			saveButton.click();	
+			setTimeout(function() {
+	   			var popupInput = document.getElementById("swal2-input");	
+   				var submitButton = document.querySelector(".swal2-confirm.swal2-styled");
+				if (submitButton) {
+					submitButton.addEventListener("click", function() {
+       				FileName = popupInput.value;
+					FileName += ".xml"
+					if(FileName){
+						var anchorElement = document.getElementById("editPreview");
+						if (anchorElement) {
+  			  				anchorElement.click();
+						}
 					}
+       			}); 
 				}
-			});  
-		}, 1000); 
+    		}, 1000); 
+		}
 	}
 }
-})
-
 
 
+	
 // Function for Finding the JSON File in the folder 
 function findFile(filePath) {
 try {
@@ -1576,7 +1637,7 @@ function loadXML(xmlFileName) {
 
 // Function for Save the XML File 
 function saveFile(flag=0) {
-    
+    console.log("SaveFile");
 	var title_id = localStorage.getItem('JSON_FOR_EMPTY_QUESTION');
 
 	var count = "";
@@ -1594,6 +1655,7 @@ function saveFile(flag=0) {
 
 	if (count > 0) {
 		check_Empty_Question()
+		console.log("check Empty");
 	} else {
 		html2json();
 	    json2xml();
@@ -2336,7 +2398,7 @@ function addQuestionGroup(idObj)
 		var sectionRandomID = localStorage.getItem('sectionId');
 		var group_question_i = `${idObj.hasOwnProperty('question_group_obj') ? idObj.question_group_obj.question_id  : "<p><br></p>"}`
 		var group_question_id = (group_question_i.replace('<p>','').replace('</p>','').replace('<br>',''))
-		// console.log(group_question_i);
+		// console.log(group_question_i);subSection_title_text_1
 		// console.log(group_question_id);
 
 		addQuestionGroup +=
@@ -2676,10 +2738,15 @@ markCalculation()
     				confirmButtonText: 'OK'
 				});
 
+
+				var textQuestionSerialNo = substringToRemove+QuestionGroup_ID;
+				check_Remove_Empty_Question(textQuestionSerialNo,1);
+
 				element.parentNode.removeChild(element);
 				// localStorage.removeItem('yourKey');
 				// console.log(element)
 				// console.log("Div removed successfully.");
+
 				}
 				// end of find QG level script
 
@@ -2707,7 +2774,7 @@ function groupQuestion(question_id = false, section_id = false , group_question_
 	// console.log(CorrectAnswer);
 		const ChoiceGroupFixed_UUID = uuidv4();
 
-		console.log('CorrectAnswer', CorrectAnswer);
+		// console.log('CorrectAnswer', CorrectAnswer);
 	
 		const ChoiceGroupFixed_UUIDforMultiornot = uuidv4();
 		// inputAreaCheck(Choice)
@@ -4097,6 +4164,7 @@ function collect_Empty_Question_Id(arrayString, ID) {
 
 function check_Empty_Question()
 {
+	console.log("Check Empty Enter");
 	var title_id = localStorage.getItem('JSON_FOR_EMPTY_QUESTION');
 	if (title_id) {
 	var parsedArray = JSON.parse(title_id);
@@ -4104,10 +4172,7 @@ function check_Empty_Question()
 	parsedArray.forEach(function(Id, index,array) {
 	
 		 if (index === array.length - 1) {
-			// console.log(Id);
-			// console.log(document.getElementById(Id));
 		var idclass= document.getElementById(Id).className;
-		console.log(idclass)
 		if ( idclass === 'QuestionTextIdSet' || idclass === 'QuestionsGroupIdset' || idclass === 'QuestionChoiceId' ) {
 			attrId = document.getElementById(Id).innerHTML
 		}else if(idclass === 'multipleAnswerorNot'){ 
@@ -4119,18 +4184,22 @@ function check_Empty_Question()
 		}
 		if(attrId === '<p><br></p>')
 		{
+			console.log("Check empty if");
 			scrollToElementWithoutLink(Id);
 			document.getElementById(Id).focus();
 		}else if(attrId == ''){
+			console.log("Check empty  else if");
+
 			scrollToElementWithoutLink(Id);
 			document.getElementById(Id).focus();
 		}
-
-
 		else{
+			console.log("Check empty Last else");
 			scrollToElementWithoutLink(Id);
 			document.getElementById(Id).focus();
 		}
+		var ele = document.getElementById(Id)
+		ele.scrollIntoView({ behavior: "smooth", block: "center" });
 		}
       });
 	}
@@ -4149,7 +4218,7 @@ function check_Remove_Empty_Question(IdToRemove , DeleteElement=0) {
   if (DeleteElement != 1) {
 	var a = IdToRemove;
 	var newVariableWithoutNumbers = a.replace(/\d/g, ''); // This removes all digits
-  }
+}
  
 
 
@@ -4171,8 +4240,8 @@ function check_Remove_Empty_Question(IdToRemove , DeleteElement=0) {
   const input_text_value = document.getElementById(IdToRemove);
 
   if (newVariableWithoutNumbers == 'removeAndCloneQroupQuestion_') {
-	  attrId= '';
-  } else {
+	  attrId= 'choice';
+  } else if(DeleteElement != 1){
 	  attrId = input_text_value.querySelector('.ql-editor')?.innerHTML;
   }
   var parsedArray = [];
@@ -4190,7 +4259,7 @@ function check_Remove_Empty_Question(IdToRemove , DeleteElement=0) {
 		}
 
         if (Id === IdToRemove && DeleteElement ==0) {
-			console.log("Id == Idremove");
+			//console.log("Id == Idremove");
           if (attrId !== '<p><br></p>' && attrId !== "") {
             parsedArray.splice(i, 1);
             i--; 
@@ -4198,12 +4267,20 @@ function check_Remove_Empty_Question(IdToRemove , DeleteElement=0) {
 		 
         }else if (DeleteElement) {
 			console.log("section");
-			console.log(parsedArray);
+		//	console.log(parsedArray);
+		if (Id === IdToRemove ) {
+			
+		
 			parsedArray.splice(i, 1);
-			console.log(parsedArray);
+			//console.log(parsedArray);
 			i--; 
-		}else{
-			console.log("last part");
+		}
+		}else if(Id === IdToRemove){
+			parsedArray.splice(i, 1);
+            i--; 
+		}
+		else{
+			// console.log("last part");
 			var newArray = parsedArray.push(IdToRemove);
 			const newArrayString = JSON.stringify(newArray);
 			// console.log(newArrayString);
@@ -4332,6 +4409,7 @@ function scrollToElementWithoutLink(elementId) {
 
     const element = document.getElementById(elementId);
     if (element) {
+		// console.log(element);
 		element.scrollIntoView({ behavior: "smooth", block: "center" });
 		if (modifiedA == 'removeAndCloneQroupQuestion_') {
 		// alert('Please Choose the Correct Answer')
@@ -4343,9 +4421,11 @@ function scrollToElementWithoutLink(elementId) {
     				confirmButtonText: 'OK'
 				});
 	}
+	// alert(element)
+	
 	element.focus()
     }
-	
+
 }
 
 //Function for Add Group Question inside the Group QUestion Like Question
@@ -5063,6 +5143,7 @@ function findInputByValue(value) {
 					var fullParentDiv = pa.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode
 					getidoffulldiv(fullParentDiv)
 					radioButtonselectOne(fullParentDiv)
+					checkChoicesNotSelect(fullParentDiv)
 				})
 			}			
 		}
@@ -5071,7 +5152,7 @@ function findInputByValue(value) {
 	</script>
 
 
-	<script>
+	<!-- <script>
 		function removeDuplicatesparams_in_localstorage() {
 		var existingData = localStorage.getItem('JSON_FOR_EMPTY_QUESTION') ? JSON.parse(localStorage.getItem('JSON_FOR_EMPTY_QUESTION')) : [];
 
@@ -5083,13 +5164,20 @@ function findInputByValue(value) {
 		}
 
 		removeDuplicates();
+
+
+
+
 		}
 		setInterval(removeDuplicatesparams_in_localstorage,2000)
 	</script>
 
- 
+  -->
 
-<!-- this for table insert romove table no border  -->
+
+
+
+<!-- Start this for RTE Table Insert Romove Table No Border  -->
 <script>
     function addBorderRemoveTable() {
 		const elements = document.querySelectorAll('[data-value="remove-table"]');
@@ -5101,38 +5189,13 @@ function findInputByValue(value) {
 	}
 	setInterval(addBorderRemoveTable,2000)
   </script>
+<!-- End this for RTE Table Insert Romove Table No Border  -->
 
 
-<!-- <script>
-	document.addEventListener('DOMContentLoaded', function() {
-    // Introduce a delay of one second (1000 milliseconds) before executing the code
-    setTimeout(function() {
-      var multipleAnswers = document.querySelectorAll('.multipleAnswerorNot')
-      multipleAnswers.forEach(function (multipleAnswer) {
-		multipleAnswer.checked=false;
-		console.log(multipleAnswer.checked);
-	  })
-    }, 1000);
-  });
-
-</script> -->
 
+<!-- Start this for RTE Table ToolTip Add -->
 <script>
     function addTitleforTable() {
-		// const elements = document.querySelectorAll('[aria-controls="ql-picker-options-3"]');
-    	// if (elements) {
-		// 	elements.forEach(function (element) {
-		// 		element.setAttribute('title', 'Modify Table');
-		// 	})
-   		// }
-
-		//    const elements2 = document.querySelectorAll('[aria-controls="ql-picker-options-2"]');
-    	// if (elements2) {
-		// 	elements2.forEach(function (element2) {
-		// 		element2.setAttribute('title', 'Add Table');
-		// 	})
-   		// }
-
 		   const elements = document.querySelectorAll('.ql-picker-label');
 
 		   elements.forEach(function (element) {
@@ -5145,16 +5208,52 @@ function findInputByValue(value) {
 	}
 	setInterval(addTitleforTable,2000)
   </script>
+<!-- End this for RTE Table ToolTip Add -->
 
-  <!-- <script>
-	function name(params) {
-		var elements= document.querySelectorAll('.multipleAnswerorNot')
-		elements.forEach(function (element) {
-			console.log(element.checked);
+
+
+<!-- Start the Choice Question Mandatory Check   -->
+  <script>
+	function checkChoicesNotSelect(element){
+		var ChoiceChecks  =element.querySelectorAll('.correctAnswerBox')
+		var count =0;
+		var array_of_Ids =[];
+		var ChoiceCount =0 ; 
+		ChoiceChecks.forEach(function (ChoiceCheck) {
+			if(ChoiceCheck.checked == true){
+				count= count +1
+			}
 		})
+		if (count == 0) {
+			var title_i = localStorage.getItem('JSON_FOR_EMPTY_QUESTION');
+    		var parsedArra = JSON.parse(title_i);
+  			var againpushlist =[];
+			if (parsedArra.length != 0) {
+
+				parsedArra.forEach(function (para,index){
+
+					if (para == element.id) {
+						ChoiceCount=1;
+					}
+
+				againpushlist.push(para)
+				if (index == 0) {
+					againpushlist.push(element.id)
+				}
+  				})	
+				  array_of_Ids=againpushlist; 				  
+			}else{
+				againpushlist.push(element.id)
+				array_of_Ids=againpushlist; 
+			}
+			const arrayString = JSON.stringify(array_of_Ids);
+			if (ChoiceCount == 0) {
+				collect_Empty_Question_Id(arrayString);
+			}
+		}
 	}
-	setInterval(name,5000)
-  </script> -->
+  </script>
+<!-- End the Choice Question Mandatory Check  -->
 
 </body>
 </html>
diff --git a/assets/css/quillTable.css b/assets/css/quillTable.css
new file mode 100644
index 0000000..1899e9b
--- /dev/null
+++ b/assets/css/quillTable.css
@@ -0,0 +1,1311 @@
+ /* Quill Table Css For Preview page Only */
+ 
+ table {
+    width: 90%;
+    border-collapse: collapse;
+    table-layout: fixed;
+    overflow:hidden;
+    white-space: nowrap;
+  }
+  
+ table td {
+    border: 1px solid black;
+    padding: 2px 5px;
+    height: 25px;
+    vertical-align: top;
+    white-space: pre-wrap; /* https://github.com/quilljs/quill/issues/1760 */
+  }
+  
+  .ql-editor__table--hideBorder td {
+    border: none !important;
+  }
+  
+   table td[rowspan="2"] {
+    height: 50px;
+  }
+  
+  table td[rowspan="3"] {
+    height: 75px;
+  }
+  
+   table td[rowspan="4"] {
+    height: 100px;
+  }
+  
+   table td[rowspan="5"] {
+    height: 125px;
+  }
+  
+  table td[rowspan="6"] {
+    height: 150px;
+  }
+  
+   table td[rowspan="7"] {
+    height: 175px;
+  }
+  
+  table td[rowspan="8"] {
+    height: 200px;
+  }
+  
+   table td[rowspan="9"] {
+    height: 225px;
+  }
+  
+   table td.ql-cell-selected {
+    background-color: #cce0f8;
+  }
+  
+   table td[merge_id] {
+    display: none;
+  }
+  
+  .quill-better-table-wrapper {
+    overflow-x: auto;
+  }
+  
+  .ql-picker.ql-table {
+    width: auto !important;
+    margin-right: 0;
+  }
+  
+  .ql-picker.ql-table .ql-picker-label svg {
+    display: none;
+  }
+  
+  /* .ql-formats button.ql-table::after, */
+  .ql-picker.ql-table .ql-picker-label::before {
+    display: block;
+    font-size: 14px;
+  }
+  
+  .ql-bubble .ql-toolbar .ql-picker.ql-table .ql-picker-label {
+    color: #ccc;
+  }
+  
+  .ql-bubble .ql-toolbar .ql-picker.ql-table .ql-picker-label:hover {
+    color: #fff;
+  }
+  
+  .ql-picker.ql-table:nth-of-type(1) .ql-picker-label::before {
+    content: "\f0ce";
+  }
+  
+  .ql-picker.ql-table .ql-picker-label::before {
+    font-family: "Font Awesome 6 Free";
+    font-weight: 900;
+    padding-top: 2px;
+    line-height: 1em;
+  }
+  
+  .ql-picker-item[data-value="insert"]::after {
+    content: "Insert table";
+  }
+  
+  .ql-picker-item[data-value="append-col"]::after {
+    content: "Add column";
+  }
+  
+  .ql-picker-item[data-value="append-col-before"]::after {
+    content: "Add column before";
+  }
+  
+  .ql-picker-item[data-value="append-col-after"]::after {
+    content: "Add column after";
+  }
+  
+  .ql-picker-item[data-value="remove-col"]::after {
+    content: "Remove column";
+  }
+  
+  .ql-picker-item[data-value="append-row"]::after {
+    content: "Add row";
+  }
+  
+  .ql-picker-item[data-value="append-row-above"]::after {
+    content: "Add row above";
+  }
+  
+  .ql-picker-item[data-value="append-row-below"]::after {
+    content: "Add row below";
+  }
+  
+  .ql-picker-item[data-value="remove-row"]::after {
+    content: "Remove row";
+  }
+  
+  .ql-picker-item[data-value="split-cell"]::after {
+    content: "Split cell";
+  }
+  
+  .ql-picker-item[data-value="merge-selection"]::after {
+    content: "Merge selection";
+  }
+  
+  .ql-picker-item[data-value="remove-cell"]::after {
+    content: "Remove cell";
+  }
+  
+  .ql-picker-item[data-value="remove-selection"]::after {
+    content: "Remove selection";
+  }
+  
+  .ql-picker-item[data-value="undo"]::after {
+    content: "Undo";
+  }
+  
+  .ql-picker-item[data-value="redo"]::after {
+    content: "Redo";
+  }
+  
+  .ql-picker-item[data-value="remove-table"]:before {
+    content: "Remove table";
+  }
+  
+  .ql-picker-item[data-value="hide-border"]::after {
+    content: "Hide Border";
+  }
+  
+  .ql-picker-item[data-value="show-border"]::after {
+    content: "Show Border";
+  }
+  
+  .ql-table:nth-of-type(1),
+  .ql-contain {
+    width: 90px;
+    margin-right: 0;
+  }
+  
+  .ql-picker.ql-table:nth-of-type(1) {
+    font-size: 11px;
+    font-weight: normal;
+  }
+  
+  .ql-picker.ql-table .ql-picker-label {
+    padding: 2px 3px;
+    width: 23px;
+  }
+  
+  .ql-picker.ql-table:nth-of-type(1) .ql-picker-options {
+    width: 180px;
+  }
+  
+  .ql-picker.ql-table:nth-of-type(1) .ql-picker-item {
+    display: block;
+    float: left;
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    padding: 0px;
+    margin: 1px;
+  }
+  
+  .ql-toolbar .ql-picker.ql-table .ql-picker-item {
+    display: none;
+  }
+  
+  .ql-toolbar .ql-picker.ql-table .ql-picker-item.enabled {
+    display: block;
+  }
+  
+  .ql-picker.ql-table:nth-of-type(2) {
+    display: flex;
+    width: 145px;
+  }
+  
+  .ql-picker.ql-table:nth-of-type(2) .ql-picker-label::before {
+    content: "\f850";
+  }
+  
+  .ql-picker.ql-table:nth-of-type(2) {
+    color: #444;
+  }
+  
+  .ql-picker.ql-table:nth-of-type(1) .ql-picker-item {
+    border: 1px solid #444;
+    color: #444;
+  }
+  
+  .ql-bubble .ql-picker.ql-table:nth-of-type(1) .ql-picker-item {
+    border: 1px solid #ccc;
+    color: #ccc;
+  }
+  
+  .ql-bubble .ql-picker.ql-table:nth-of-type(1) .ql-picker-item:hover {
+    border: 1px solid #fff;
+    color: #fff;
+  }
+  
+  .ql-table:nth-of-type(2) .ql-picker-label.ql-active {
+    color: #444 !important;
+  }
+  
+  .ql-toolbar .ql-picker-item.ql-selected:before, .ql-picker.ql-table:nth-of-type(2) .ql-picker-item {
+    color: #444;
+  }
+  
+  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected:before, .ql-bubble .ql-picker.ql-table:nth-of-type(2) .ql-picker-item {
+    color: #ccc;
+  }
+  
+  .ql-bubble .ql-picker.ql-table:nth-of-type(2) .ql-picker-item:hover {
+    color: #fff;
+  }
+  
+  .ql-picker-label.ql-active .ql-stroke {
+    stroke: #444 !important;
+  }
+  
+  .ql-picker-item[data-value="remove-table"] {
+    border: none !important;
+    width: 100%;
+  }
+  
+  .ql-picker-item[data-value=newtable_1_1]:before {
+    content: "1x1";
+  }
+  
+  .ql-picker-item[data-value=newtable_1_2]:before {
+    content: "1x2";
+  }
+  
+  .ql-picker-item[data-value=newtable_1_3]:before {
+    content: "1x3";
+  }
+  
+  .ql-picker-item[data-value=newtable_1_4]:before {
+    content: "1x4";
+  }
+  
+  .ql-picker-item[data-value=newtable_1_5]:before {
+    content: "1x5";
+  }
+  
+  .ql-picker-item[data-value=newtable_2_1]:before {
+    content: "2x1";
+  }
+  
+  .ql-picker-item[data-value=newtable_2_2]:before {
+    content: "2x2";
+  }
+  
+  .ql-picker-item[data-value=newtable_2_3]:before {
+    content: "2x3";
+  }
+  
+  .ql-picker-item[data-value=newtable_2_4]:before {
+    content: "2x4";
+  }
+  
+  .ql-picker-item[data-value=newtable_2_5]:before {
+    content: "2x5";
+  }
+  
+  .ql-picker-item[data-value=newtable_3_1]:before {
+    content: "3x1";
+  }
+  
+  .ql-picker-item[data-value=newtable_3_2]:before {
+    content: "3x2";
+  }
+  
+  .ql-picker-item[data-value=newtable_3_3]:before {
+    content: "3x3";
+  }
+  
+  .ql-picker-item[data-value=newtable_3_4]:before {
+    content: "3x4";
+  }
+  
+  .ql-picker-item[data-value=newtable_3_5]:before {
+    content: "3x5";
+  }
+  
+  .ql-picker-item[data-value=newtable_4_1]:before {
+    content: "4x1";
+  }
+  
+  .ql-picker-item[data-value=newtable_4_2]:before {
+    content: "4x2";
+  }
+  
+  .ql-picker-item[data-value=newtable_4_3]:before {
+    content: "4x3";
+  }
+  
+  .ql-picker-item[data-value=newtable_4_4]:before {
+    content: "4x4";
+  }
+  
+  .ql-picker-item[data-value=newtable_4_5]:before {
+    content: "4x5";
+  }
+  
+  .ql-picker-item[data-value=newtable_5_1]:before {
+    content: "5x1";
+  }
+  
+  .ql-picker-item[data-value=newtable_5_2]:before {
+    content: "5x2";
+  }
+  
+  .ql-picker-item[data-value=newtable_5_3]:before {
+    content: "5x3";
+  }
+  
+  .ql-picker-item[data-value=newtable_5_4]:before {
+    content: "5x4";
+  }
+  
+  .ql-picker-item[data-value=newtable_5_5]:before {
+    content: "5x5";
+  }
+  
+
+
+
+
+  /*!
+ * Quill Editor v1.3.6
+ * https://quilljs.com/
+ * Copyright (c) 2014, Jason Chen
+ * Copyright (c) 2013, salesforce.com
+ */
+ .ql-container {
+  box-sizing: border-box;
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  height: 100%;
+  margin: 0px;
+  position: relative;
+}
+.ql-container.ql-disabled .ql-tooltip {
+  visibility: hidden;
+}
+.ql-container.ql-disabled  ul[data-checked] > li::before {
+  pointer-events: none;
+}
+.ql-clipboard {
+  left: -100000px;
+  height: 1px;
+  overflow-y: hidden;
+  position: absolute;
+  top: 50%;
+}
+.ql-clipboard p {
+  margin: 0;
+  padding: 0;
+}
+.ql-editor {
+  box-sizing: border-box;
+  line-height: 1.42;
+  height: 100%;
+  outline: none;
+  overflow-y: auto;
+  padding: 12px 15px;
+  tab-size: 4;
+  -moz-tab-size: 4;
+  text-align: left;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+.ql-editor > * {
+  cursor: text;
+}
+ p,
+ ol,
+ ul,
+ pre,
+ blockquote,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+  margin: 0;
+  padding: 0;
+  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+}
+ol,
+ ul {
+  padding-left: 1.5em;
+}
+ol > li,
+ ul > li {
+  list-style-type: none;
+}
+
+ ul[data-checked=true],
+ ul[data-checked=false] {
+  pointer-events: none;
+}
+ ul[data-checked=true] > li *,
+ ul[data-checked=false] > li * {
+  pointer-events: all;
+}
+ ul[data-checked=true] > li::before,
+ ul[data-checked=false] > li::before {
+  color: #777;
+  cursor: pointer;
+  pointer-events: all;
+}
+ ul[data-checked=true] > li::before {
+  content: '\2611';
+}
+ ul[data-checked=false] > li::before {
+  content: '\2610';
+}
+ li::before {
+  display: inline-block;
+  white-space: nowrap;
+  width: 1.2em;
+}
+ li:not(.ql-direction-rtl)::before {
+  margin-left: -1.5em;
+  margin-right: 0.3em;
+  text-align: right;
+}
+.ql-editor li.ql-direction-rtl::before {
+  margin-left: 0.3em;
+  margin-right: -1.5em;
+}
+.ql-editor ol li:not(.ql-direction-rtl),
+.ql-editor ul li:not(.ql-direction-rtl) {
+  padding-left: 1.5em;
+}
+.ql-editor ol li.ql-direction-rtl,
+.ql-editor ul li.ql-direction-rtl {
+  padding-right: 1.5em;
+}
+.ql-editor ol li {
+  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+  counter-increment: list-0;
+}
+.ql-editor ol li:before {
+  content: counter(list-0, decimal) '. ';
+}
+.ql-editor ol li.ql-indent-1 {
+  counter-increment: list-1;
+}
+.ql-editor ol li.ql-indent-1:before {
+  content: counter(list-1, lower-alpha) '. ';
+}
+.ql-editor ol li.ql-indent-1 {
+  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-2 {
+  counter-increment: list-2;
+}
+.ql-editor ol li.ql-indent-2:before {
+  content: counter(list-2, lower-roman) '. ';
+}
+.ql-editor ol li.ql-indent-2 {
+  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-3 {
+  counter-increment: list-3;
+}
+.ql-editor ol li.ql-indent-3:before {
+  content: counter(list-3, decimal) '. ';
+}
+.ql-editor ol li.ql-indent-3 {
+  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-4 {
+  counter-increment: list-4;
+}
+.ql-editor ol li.ql-indent-4:before {
+  content: counter(list-4, lower-alpha) '. ';
+}
+.ql-editor ol li.ql-indent-4 {
+  counter-reset: list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-5 {
+  counter-increment: list-5;
+}
+.ql-editor ol li.ql-indent-5:before {
+  content: counter(list-5, lower-roman) '. ';
+}
+.ql-editor ol li.ql-indent-5 {
+  counter-reset: list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-6 {
+  counter-increment: list-6;
+}
+.ql-editor ol li.ql-indent-6:before {
+  content: counter(list-6, decimal) '. ';
+}
+.ql-editor ol li.ql-indent-6 {
+  counter-reset: list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-7 {
+  counter-increment: list-7;
+}
+.ql-editor ol li.ql-indent-7:before {
+  content: counter(list-7, lower-alpha) '. ';
+}
+.ql-editor ol li.ql-indent-7 {
+  counter-reset: list-8 list-9;
+}
+.ql-editor ol li.ql-indent-8 {
+  counter-increment: list-8;
+}
+.ql-editor ol li.ql-indent-8:before {
+  content: counter(list-8, lower-roman) '. ';
+}
+.ql-editor ol li.ql-indent-8 {
+  counter-reset: list-9;
+}
+.ql-editor ol li.ql-indent-9 {
+  counter-increment: list-9;
+}
+.ql-editor ol li.ql-indent-9:before {
+  content: counter(list-9, decimal) '. ';
+}
+.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
+  padding-left: 3em;
+}
+.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
+  padding-left: 4.5em;
+}
+.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
+  padding-right: 3em;
+}
+.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
+  padding-right: 4.5em;
+}
+.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
+  padding-left: 6em;
+}
+.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
+  padding-left: 7.5em;
+}
+.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
+  padding-right: 6em;
+}
+.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
+  padding-right: 7.5em;
+}
+.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
+  padding-left: 9em;
+}
+.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
+  padding-left: 10.5em;
+}
+.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
+  padding-right: 9em;
+}
+.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
+  padding-right: 10.5em;
+}
+.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
+  padding-left: 12em;
+}
+.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
+  padding-left: 13.5em;
+}
+.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
+  padding-right: 12em;
+}
+.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
+  padding-right: 13.5em;
+}
+.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
+  padding-left: 15em;
+}
+.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
+  padding-left: 16.5em;
+}
+.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
+  padding-right: 15em;
+}
+.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
+  padding-right: 16.5em;
+}
+.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
+  padding-left: 18em;
+}
+.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
+  padding-left: 19.5em;
+}
+.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
+  padding-right: 18em;
+}
+.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
+  padding-right: 19.5em;
+}
+.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
+  padding-left: 21em;
+}
+.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
+  padding-left: 22.5em;
+}
+.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
+  padding-right: 21em;
+}
+.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
+  padding-right: 22.5em;
+}
+.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
+  padding-left: 24em;
+}
+.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
+  padding-left: 25.5em;
+}
+.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
+  padding-right: 24em;
+}
+.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
+  padding-right: 25.5em;
+}
+.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
+  padding-left: 27em;
+}
+.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
+  padding-left: 28.5em;
+}
+.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
+  padding-right: 27em;
+}
+.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
+  padding-right: 28.5em;
+}
+.ql-editor .ql-video {
+  display: block;
+  max-width: 100%;
+}
+.ql-editor .ql-video.ql-align-center {
+  margin: 0 auto;
+}
+.ql-editor .ql-video.ql-align-right {
+  margin: 0 0 0 auto;
+}
+.ql-editor .ql-bg-black {
+  background-color: #000;
+}
+.ql-editor .ql-bg-red {
+  background-color: #e60000;
+}
+.ql-editor .ql-bg-orange {
+  background-color: #f90;
+}
+.ql-editor .ql-bg-yellow {
+  background-color: #ff0;
+}
+.ql-editor .ql-bg-green {
+  background-color: #008a00;
+}
+.ql-editor .ql-bg-blue {
+  background-color: #06c;
+}
+ .ql-bg-purple {
+  background-color: #93f;
+}
+ .ql-color-white {
+  color: #fff;
+}
+ .ql-color-red {
+  color: #e60000;
+}
+ .ql-color-orange {
+  color: #f90;
+}
+ .ql-color-yellow {
+  color: #ff0;
+}
+ .ql-color-green {
+  color: #008a00;
+}
+ .ql-color-blue {
+  color: #06c;
+}
+.ql-color-purple {
+  color: #93f;
+}
+ .ql-font-serif {
+  font-family: Georgia, Times New Roman, serif;
+}
+ .ql-font-monospace {
+  font-family: Monaco, Courier New, monospace;
+}
+ .ql-size-small {
+  font-size: 0.75em;
+}
+ .ql-size-large {
+  font-size: 1.5em;
+}
+.ql-size-huge {
+  font-size: 2.5em;
+}
+ .ql-direction-rtl {
+  direction: rtl;
+  text-align: inherit;
+}
+ .ql-align-center {
+  text-align: center;
+}
+ .ql-align-justify {
+  text-align: justify;
+}
+.ql-align-right {
+  text-align: right;
+}
+.ql-blank::before {
+  color: rgba(0,0,0,0.6);
+  content: attr(data-placeholder);
+  font-style: italic;
+  left: 15px;
+  pointer-events: none;
+  position: absolute;
+  right: 15px;
+}
+.ql-snow.ql-toolbar:after,
+.ql-snow .ql-toolbar:after {
+  clear: both;
+  content: '';
+  display: table;
+}
+.ql-snow.ql-toolbar button,
+.ql-snow .ql-toolbar button {
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: inline-block;
+  float: left;
+  height: 24px;
+  padding: 3px 5px;
+  width: 28px;
+}
+.ql-snow.ql-toolbar button svg,
+.ql-snow .ql-toolbar button svg {
+  float: left;
+  height: 100%;
+}
+.ql-snow.ql-toolbar button:active:hover,
+.ql-snow .ql-toolbar button:active:hover {
+  outline: none;
+}
+.ql-snow.ql-toolbar input.ql-image[type=file],
+.ql-snow .ql-toolbar input.ql-image[type=file] {
+  display: none;
+}
+.ql-snow.ql-toolbar button:hover,
+.ql-snow .ql-toolbar button:hover,
+.ql-snow.ql-toolbar button:focus,
+.ql-snow .ql-toolbar button:focus,
+.ql-snow.ql-toolbar button.ql-active,
+.ql-snow .ql-toolbar button.ql-active,
+.ql-snow.ql-toolbar .ql-picker-label:hover,
+.ql-snow .ql-toolbar .ql-picker-label:hover,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active,
+.ql-snow.ql-toolbar .ql-picker-item:hover,
+.ql-snow .ql-toolbar .ql-picker-item:hover,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
+  color: #06c;
+}
+.ql-snow.ql-toolbar button:hover .ql-fill,
+.ql-snow .ql-toolbar button:hover .ql-fill,
+.ql-snow.ql-toolbar button:focus .ql-fill,
+.ql-snow .ql-toolbar button:focus .ql-fill,
+.ql-snow.ql-toolbar button.ql-active .ql-fill,
+.ql-snow .ql-toolbar button.ql-active .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
+.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
+  fill: #06c;
+}
+.ql-snow.ql-toolbar button:hover .ql-stroke,
+.ql-snow .ql-toolbar button:hover .ql-stroke,
+.ql-snow.ql-toolbar button:focus .ql-stroke,
+.ql-snow .ql-toolbar button:focus .ql-stroke,
+.ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
+.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
+.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
+.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
+.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
+.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
+  stroke: #06c;
+}
+@media (pointer: coarse) {
+  .ql-snow.ql-toolbar button:hover:not(.ql-active),
+  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
+    color: #444;
+  }
+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
+    fill: #444;
+  }
+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
+    stroke: #444;
+  }
+}
+.ql-snow {
+  box-sizing: border-box;
+}
+.ql-snow * {
+  box-sizing: border-box;
+}
+.ql-snow .ql-hidden {
+  display: none;
+}
+.ql-snow .ql-out-bottom,
+.ql-snow .ql-out-top {
+  visibility: hidden;
+}
+.ql-snow .ql-tooltip {
+  position: absolute;
+  transform: translateY(10px);
+}
+.ql-snow .ql-tooltip a {
+  cursor: pointer;
+  text-decoration: none;
+}
+.ql-snow .ql-tooltip.ql-flip {
+  transform: translateY(-10px);
+}
+.ql-snow .ql-formats {
+  display: inline-block;
+  vertical-align: middle;
+}
+.ql-snow .ql-formats:after {
+  clear: both;
+  content: '';
+  display: table;
+}
+.ql-snow .ql-stroke {
+  fill: none;
+  stroke: #444;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 2;
+}
+.ql-snow .ql-stroke-miter {
+  fill: none;
+  stroke: #444;
+  stroke-miterlimit: 10;
+  stroke-width: 2;
+}
+.ql-snow .ql-fill,
+.ql-snow .ql-stroke.ql-fill {
+  fill: #444;
+}
+.ql-snow .ql-empty {
+  fill: none;
+}
+.ql-snow .ql-even {
+  fill-rule: evenodd;
+}
+.ql-snow .ql-thin,
+.ql-snow .ql-stroke.ql-thin {
+  stroke-width: 1;
+}
+.ql-snow .ql-transparent {
+  opacity: 0.4;
+}
+.ql-snow .ql-direction svg:last-child {
+  display: none;
+}
+.ql-snow .ql-direction.ql-active svg:last-child {
+  display: inline;
+}
+.ql-snow .ql-direction.ql-active svg:first-child {
+  display: none;
+}
+ h1 {
+  font-size: 2em;
+}
+ h2 {
+  font-size: 1.5em;
+}
+ h3 {
+  font-size: 1.17em;
+}
+ h4 {
+  font-size: 1em;
+}
+ h5 {
+  font-size: 0.83em;
+}
+h6 {
+  font-size: 0.67em;
+}
+ /* a {
+  text-decoration: underline;
+} */
+ blockquote {
+  border-left: 4px solid #ccc;
+  margin-bottom: 5px;
+  margin-top: 5px;
+  padding-left: 16px;
+}
+ code,
+ pre {
+  /* background-color: #f0f0f0; */
+  border-radius: 3px;
+}
+ pre {
+  white-space: pre-wrap;
+  margin-bottom: 5px;
+  margin-top: 5px;
+  padding: 5px 10px;
+}
+code {
+  font-size: 85%;
+  padding: 2px 4px;
+}
+ pre.ql-syntax {
+  background-color: #23241f;
+  color: #f8f8f2;
+  overflow: visible;
+}
+ img {
+  max-width: 100%;
+}
+ .ql-picker {
+  color: #444;
+  display: inline-block;
+  float: left;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  position: relative;
+  vertical-align: middle;
+}
+ .ql-picker-label {
+  cursor: pointer;
+  display: inline-block;
+  height: 100%;
+  padding-left: 8px;
+  padding-right: 2px;
+  position: relative;
+  width: 100%;
+}
+.ql-snow .ql-picker-label::before {
+  display: inline-block;
+  line-height: 22px;
+}
+.ql-snow .ql-picker-options {
+  background-color: #fff;
+  display: none;
+  min-width: 100%;
+  padding: 4px 8px;
+  position: absolute;
+  white-space: nowrap;
+}
+.ql-snow .ql-picker-options .ql-picker-item {
+  cursor: pointer;
+  display: block;
+  padding-bottom: 5px;
+  padding-top: 5px;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+  color: #ccc;
+  z-index: 2;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+  fill: #ccc;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+  stroke: #ccc;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+  display: block;
+  margin-top: -1px;
+  top: 100%;
+  z-index: 1;
+}
+.ql-snow .ql-color-picker,
+.ql-snow .ql-icon-picker {
+  width: 28px;
+}
+.ql-snow .ql-color-picker .ql-picker-label,
+.ql-snow .ql-icon-picker .ql-picker-label {
+  padding: 2px 4px;
+}
+.ql-snow .ql-color-picker .ql-picker-label svg,
+.ql-snow .ql-icon-picker .ql-picker-label svg {
+  right: 4px;
+}
+.ql-snow .ql-icon-picker .ql-picker-options {
+  padding: 4px 0px;
+}
+.ql-snow .ql-icon-picker .ql-picker-item {
+  height: 24px;
+  width: 24px;
+  padding: 2px 4px;
+}
+.ql-snow .ql-color-picker .ql-picker-options {
+  padding: 3px 5px;
+  width: 152px;
+}
+.ql-snow .ql-color-picker .ql-picker-item {
+  border: 1px solid transparent;
+  float: left;
+  height: 16px;
+  margin: 2px;
+  padding: 0px;
+  width: 16px;
+}
+.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
+  position: absolute;
+  margin-top: -9px;
+  right: 0;
+  top: 50%;
+  width: 18px;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
+  content: attr(data-label);
+}
+.ql-snow .ql-picker.ql-header {
+  width: 98px;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item::before {
+  content: 'Normal';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+  content: 'Heading 1';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+  content: 'Heading 2';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+  content: 'Heading 3';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+  content: 'Heading 4';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+  content: 'Heading 5';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+  content: 'Heading 6';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+  font-size: 2em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+  font-size: 1.5em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+  font-size: 1.17em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+  font-size: 1em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+  font-size: 0.83em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+  font-size: 0.67em;
+}
+.ql-snow .ql-picker.ql-font {
+  width: 108px;
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item::before {
+  content: 'Sans Serif';
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
+  content: 'Serif';
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
+  content: 'Monospace';
+}
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
+  font-family: Georgia, Times New Roman, serif;
+}
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
+  font-family: Monaco, Courier New, monospace;
+}
+.ql-snow .ql-picker.ql-size {
+  width: 98px;
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item::before {
+  content: 'Normal';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
+  content: 'Small';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
+  content: 'Large';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
+  content: 'Huge';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
+  font-size: 10px;
+}
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
+  font-size: 18px;
+}
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
+  font-size: 32px;
+}
+.ql-snow .ql-color-picker.ql-background .ql-picker-item {
+  background-color: #fff;
+}
+.ql-snow .ql-color-picker.ql-color .ql-picker-item {
+  background-color: #000;
+}
+.ql-toolbar.ql-snow {
+  border: 1px solid #ccc;
+  box-sizing: border-box;
+  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+  padding: 8px;
+}
+.ql-toolbar.ql-snow .ql-formats {
+  margin-right: 15px;
+}
+.ql-toolbar.ql-snow .ql-picker-label {
+  border: 1px solid transparent;
+}
+.ql-toolbar.ql-snow .ql-picker-options {
+  border: 1px solid transparent;
+  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
+}
+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+  border-color: #ccc;
+}
+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+  border-color: #ccc;
+}
+.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
+.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
+  border-color: #000;
+}
+.ql-toolbar.ql-snow + .ql-container.ql-snow {
+  border-top: 0px;
+}
+.ql-snow .ql-tooltip {
+  background-color: #fff;
+  border: 1px solid #ccc;
+  box-shadow: 0px 0px 5px #ddd;
+  color: #444;
+  padding: 5px 12px;
+  white-space: nowrap;
+}
+.ql-snow .ql-tooltip::before {
+  content: "Visit URL:";
+  line-height: 26px;
+  margin-right: 8px;
+}
+.ql-snow .ql-tooltip input[type=text] {
+  display: none;
+  border: 1px solid #ccc;
+  font-size: 13px;
+  height: 26px;
+  margin: 0px;
+  padding: 3px 5px;
+  width: 170px;
+}
+.ql-snow .ql-tooltip a.ql-preview {
+  display: inline-block;
+  max-width: 200px;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  vertical-align: top;
+}
+.ql-snow .ql-tooltip a.ql-action::after {
+  border-right: 1px solid #ccc;
+  content: 'Edit';
+  margin-left: 16px;
+  padding-right: 8px;
+}
+.ql-snow .ql-tooltip a.ql-remove::before {
+  content: 'Remove';
+  margin-left: 8px;
+}
+.ql-snow .ql-tooltip a {
+  line-height: 26px;
+}
+.ql-snow .ql-tooltip.ql-editing a.ql-preview,
+.ql-snow .ql-tooltip.ql-editing a.ql-remove {
+  display: none;
+}
+.ql-snow .ql-tooltip.ql-editing input[type=text] {
+  display: inline-block;
+}
+.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
+  border-right: 0px;
+  content: 'Save';
+  padding-right: 0px;
+}
+.ql-snow .ql-tooltip[data-mode=link]::before {
+  content: "Enter link:";
+}
+.ql-snow .ql-tooltip[data-mode=formula]::before {
+  content: "Enter formula:";
+}
+.ql-snow .ql-tooltip[data-mode=video]::before {
+  content: "Enter video:";
+}
+.ql-snow a {
+  color: #06c;
+}
+.ql-container.ql-snow {
+  border: 1px solid #ccc;
+}
\ No newline at end of file
diff --git a/html2json.js b/html2json.js
index 7e43fd0..905be43 100644
--- a/html2json.js
+++ b/html2json.js
@@ -303,7 +303,7 @@ function html2json() {
 
     });
 
-    // console.log((formData));
+    console.log((formData));
     // console.log(JSON.stringify(formData, null, 1));
     localStorage.setItem("json", JSON.stringify((formData)));
     console.log(JSON.stringify(formData));
diff --git a/json2xml.js b/json2xml.js
index 0350552..90d21fa 100644
--- a/json2xml.js
+++ b/json2xml.js
@@ -2,7 +2,7 @@ function json2xml() {
     // console.clear();
     var obj = localStorage.getItem("json");
 
-    // console.log(obj);
+    console.log(obj);
     // console.log('***********************************************************');
 
     function createXMLDocument(namespace = null) {
@@ -83,6 +83,7 @@ function json2xml() {
         var is_math_enabled = createElementWithText(doc, element, 'Math', (question['is_math_enabled'] === true ? 'true' : 'false'), {});
         
         if (question['question_type'] == 'group') {
+            separateCorrectAnswerFromMcqAsJson(question)
             var hasMultipleAnswers = createElementWithText(doc, element, 'HasMultipleAnswers', (question['question_sub_type'] === true ? 'true' : 'false'), {});
             var choicesElement = createElementWithText(doc, element, 'Choices', '', {});
                         for (choice in question['answers']) {
@@ -102,6 +103,7 @@ function json2xml() {
 
     function getXMLNodesOfGroupQuestionData(singleQuestion){
        
+        console.log(singleQuestion);
         //create question group title related xml nodes
         var {
             doc,
@@ -122,7 +124,7 @@ function json2xml() {
     //     'No': singleQuestion['group_title'],
     //     'Order': 0
     // });
-    var groupQuestionId = createElementWithText(doc, element, 'Text', singleQuestion['group_id']);
+    var groupQuestionId = createElementWithText(doc, element, 'Text', singleQuestion['question_id']);
     var groupQuestionTitle = createElementWithText(doc, element, 'Text', singleQuestion['group_title']);
     var groupQuestionDesc = createElementWithText(doc, element, 'Subtext', singleQuestion['group_description']);
     var groupQuestionMarks = createElementWithText(doc, element, 'Marks', singleQuestion['group_marks']);
@@ -133,6 +135,7 @@ function json2xml() {
     //gather questions data inside question group
     if (singleQuestion['questions'].length != 0) {
         var tempGroupQuestions = singleQuestion['questions'];
+        console.log(tempGroupQuestions);
         //looping each questions indise question group and attach it to group items node
         for (gquestion in tempGroupQuestions) {
             var singleGQuestion = tempGroupQuestions[gquestion];
@@ -214,18 +217,20 @@ function json2xml() {
                 
                 //for Separate Correct Answer From MCQ 
                 if(singleQuestion.question_type == 'group'){
-
+                    console.log(singleQuestion);
                     separateCorrectAnswerFromMcqAsJson(singleQuestion)
                 }
 
 
                 if (singleQuestion.hasOwnProperty('question_type')) // normal questions
                 {
+
                     var singleQuestionElement = getXMLNodesOfQuestionData(singleQuestion);
                                         //attach each single question into section item node
                     sectionItemElement.appendChild(singleQuestionElement);
                 } else // handle question group
                 {
+
                     var groupQuestionElement =  getXMLNodesOfGroupQuestionData(singleQuestion);
                                         sectionItemElement.appendChild(groupQuestionElement);
                 }
@@ -250,6 +255,7 @@ const outputJson = { questions: [] };
 
 function separateCorrectAnswerFromMcqAsJson(tempSection) {
 
+    console.log(tempSection);
 const questionId = tempSection.choice_question_uuid;
 const answers = tempSection.correct_answer;
 
@@ -262,7 +268,7 @@ outputJson.questions.push({
 // Convert the output object to JSON string
 const outputJsonString = JSON.stringify(outputJson, null, 2);
 localStorage.setItem("Correct_Answer_Json", outputJsonString);
-// console.log('outputJsonString : ', outputJsonString);
+console.log('outputJsonString : ', outputJsonString);
 
 }
 
diff --git a/nav_pane.js b/nav_pane.js
index 7b79259..c05c72c 100644
--- a/nav_pane.js
+++ b/nav_pane.js
@@ -22,9 +22,9 @@ function navpane() {
         // return html.replace(/<p>/g, '').replace(/<\/p>/g, '');
 
         var html = html.replace(/<[^>]*>/g, '');
-        // if (html.length >= 30) {
-        //     html=html.slice(0, 25) + '...';
-        // }
+        if (html.length >= 30) {
+            html=html.slice(0,30 ) + '...';
+        }
         return html
 
     }
@@ -53,7 +53,7 @@ function navpane() {
     
         // Truncate the content
         var truncatedContent = "";
-        if(textContent.length > 20)
+        if(textContent.length > 30)
         {
             truncatedContent = textContent.substring(0, maxLength) + '...';
         }
@@ -69,7 +69,7 @@ function navpane() {
         const heading = document.createElement('a');
         heading.style.color = '#1D3557';
         // const truncatedTitle = treeTitle.length > 20 ? treeTitle.substring(0, 20) + '.....' : treeTitle;
-        const truncatedTitle = treeTitle.length > 30 ? treeTitle + '..' : treeTitle;
+        const truncatedTitle = treeTitle.length > 30 ? treeTitle + '' : treeTitle;
         heading.innerHTML = truncatedTitle;
         container.appendChild(heading);
         createTree(data, container);
@@ -493,7 +493,7 @@ function navpane() {
             // }
    
             
-                questionLink.innerHTML = removeTagsAndTruncate(nodeData.question, 20);
+                questionLink.innerHTML = removeTagsAndTruncate(nodeData.question, 25);
            
 
             // console.log('questionLink : ', questionLink)
diff --git a/package-lock.json b/package-lock.json
index 0a5f412..3d6aaa0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -364,9 +364,9 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "18.18.13",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.13.tgz",
-      "integrity": "sha512-vXYZGRrSCreZmq1rEjMRLXJhiy8MrIeVasx+PCVlP414N7CJLHnMf+juVvjdprHyH+XRy3zKZLHeNueOpJCn0g==",
+      "version": "18.19.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.2.tgz",
+      "integrity": "sha512-6wzfBdbWpe8QykUkXBjtmO3zITA0A3FIjoy+in0Y2K4KrCiRhNYJIdwAPDffZ3G6GnaKaSLSEa9ZuORLfEoiwg==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
@@ -403,7 +403,8 @@
     "node_modules/abab": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
-      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA=="
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "deprecated": "Use your platform's native atob() and btoa() methods instead"
     },
     "node_modules/acorn": {
       "version": "5.7.4",
@@ -1288,9 +1289,9 @@
       }
     },
     "node_modules/electron": {
-      "version": "26.6.1",
-      "resolved": "https://registry.npmjs.org/electron/-/electron-26.6.1.tgz",
-      "integrity": "sha512-4Vz9u0Jt/khPa/en2l8Jv6SWEfsK/ieWYtchl5j0clbNSjdeTucnEFOhz9B9WwsAmfQjxBnpuMZpmdBuyxq+wg==",
+      "version": "26.6.2",
+      "resolved": "https://registry.npmjs.org/electron/-/electron-26.6.2.tgz",
+      "integrity": "sha512-OWxzVtCJwN9en34bnLupw2dTRsDTBzQZyz0Wx0zjeJ2wgUVlpqavtVDpt50aaJpJR/5GcHH/apIa3uvGWz/ABQ==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
@@ -1384,9 +1385,9 @@
       }
     },
     "node_modules/electron-packager/node_modules/fs-extra": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
-      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
@@ -3770,9 +3771,9 @@
       }
     },
     "node_modules/quill-better-table": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/quill-better-table/-/quill-better-table-1.1.0.tgz",
-      "integrity": "sha512-B0ZZGsPzWpLEOlZ7oPeBflSxmTd4dCBY2TvyCaIqVsAGOHRyRk2hkwLJX52itBNFqJ6+2XH70ev/mTEU0zkZDA=="
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/quill-better-table/-/quill-better-table-1.2.10.tgz",
+      "integrity": "sha512-CFwxAQzt4EPCQuynQ65R/FU7Yu//kcDBb/rmBBOsFfO758+q50zvG/PDt4Lenv9DcrSgwnyNkfo4yeA5fzzVYQ=="
     },
     "node_modules/quill-better-table-picker": {
       "version": "1.0.2",
diff --git a/xml2json.js b/xml2json.js
index 506bf29..0675d94 100644
--- a/xml2json.js
+++ b/xml2json.js
@@ -22,9 +22,11 @@ function getAttributesOfXMLNode(node)
 
 function getQuestionsNodes(questionNode,type)
 {
+	console.log(type);
 		var questionObj = {};
 		if(type == 1)
 		{
+			console.log(questionNode);
 				questionObj['question_id'] = questionNode.childNodes[0].firstChild !== null? questionNode.childNodes[0].firstChild.nodeValue : "" ;
 				questionObj['question'] = questionNode.childNodes[1].firstChild.nodeValue;
 				questionObj['question_description'] = (questionNode.childNodes[2].firstChild !== null? questionNode.childNodes[2].firstChild.nodeValue : "");
@@ -52,13 +54,12 @@ function getQuestionsNodes(questionNode,type)
 				questionObj['correct_answer'] = [];
 				
 				var choiceList = questionNode.childNodes[7].childNodes;
-
+				console.log(questionNode);
 				if(choiceList.length > 0)
 				{
 					for (let k = 0; k < choiceList.length ;k++) 
 					{
 						var tempChoiceobj = {};
-// console.log(choiceList)
 						 tempChoiceobj['id'] = choiceList[k].childNodes[0].firstChild.nodeValue;
 						 tempChoiceobj['no'] =  (choiceList[k].childNodes[1].firstChild !== null ? choiceList[k].childNodes[1].firstChild.nodeValue : "");
 						 tempChoiceobj['choice_name'] =  (choiceList[k].childNodes[2].firstChild !== null ? choiceList[k].childNodes[2].firstChild.nodeValue : "");
@@ -122,14 +123,17 @@ function getQuestionGroupNodes(questionGroup)
 						var questionType = questionList[q].getAttribute("xsi:type");
 						if(questionType == 'DescriptiveQuestion')
 						{   
+							console.log(questionList[q]);
 							questionGroupObj['questions'].push(getQuestionsNodes(questionList[q],1));
 						}
 						else if(questionType == 'MultiChoiceQuestion')
 						{
+							console.log(questionList[q]);
 							questionGroupObj['questions'].push(getQuestionsNodes(questionList[q],2));
 						}
 						else
 						{
+							console.log(questionList[q]);
 							questionGroupObj['questions'].push(getQuestionGroupNodes(questionList[q]));
 							
 						}
@@ -203,7 +207,7 @@ jsonObj['sections'] = [];
     var jsonData = JSON.stringify(jsonObj);
 	// console.log('Xml to Json Conversion ');
 	// console.log('jsonData : ', jsonData);
-	// console.log(jsonObj);
+	console.log(jsonObj);
 	jsonToHtml(jsonObj);
 	// console.log(jsonToHtml(jsonObj))
 	// localStorage.removeItem('json_Decode_Data_For_Mcq_Crt_Ans');