diff --git a/src/pages/cross/cross_phonics_v1.astro b/src/pages/cross/cross_phonics_v1.astro
index 1dc5271..4460da2 100644
--- a/src/pages/cross/cross_phonics_v1.astro
+++ b/src/pages/cross/cross_phonics_v1.astro
@@ -11,10 +11,10 @@ import Layout from "../../layouts/Layout.astro";
                             <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
-                            <button><img src="/assets/svg/mute.svg" alt=""></button>
-                            <button><img src="/assets/svg/reset.svg" alt=""></button>
+                            <button onclick="audioPlayAndPause()"><img src="/assets/svg/mute.svg" alt=""></button>
+                            <button onclick="retryGame()"><img src="/assets/svg/reset.svg" alt=""></button>
                             <button onclick="saveUserData();"><img src="/assets/svg/tick2.svg" alt=""></button>
-                            <button><img src="/assets/svg/cancel.svg" alt=""></button>
+                            <button onclick="history.back();"><img src="/assets/svg/cancel.svg" alt=""></button>
                         </div>
                     </div>
                     <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
@@ -90,8 +90,8 @@ import Layout from "../../layouts/Layout.astro";
                   <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                 </div>
                 <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-                  <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                  <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                  <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+                  <button onclick="retryGame()" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                 </div>
               </div>
             </div>
@@ -99,9 +99,30 @@ import Layout from "../../layouts/Layout.astro";
                 <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
             </div>
         </div>
+        <div>
+            <audio id="audioPlayer" controls class="hidden">
+                <source id="instrucAudio1" src="" type="audio/ogg">
+                <source id="instrucAudio2" src="" type="audio/mpeg">
+                Your browser does not support the audio element.
+            </audio>
+        </div> 
     </main>
 </Layout>
 <script is:inline>
+    let isPlaying = false;
+    function audioPlayAndPause(){
+        if(isPlaying === false){
+            document.getElementById('audioPlayer').play();
+            isPlaying = true;
+        }else if(isPlaying === true){
+            document.getElementById('audioPlayer').pause();
+            document.getElementById('audioPlayer').currentTime = 0;
+            isPlaying = false;
+        }
+    }
+    function retryGame(){
+        window.location.reload();
+    }
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
     const userId = params.get('userId');
@@ -122,6 +143,10 @@ import Layout from "../../layouts/Layout.astro";
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
+            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            document.getElementById('instrucAudio1').src = audioLink;
+            document.getElementById('instrucAudio2').src = audioLink;
+            document.querySelector('audio').load();
             // console.log(gameData)
             document.getElementById("gameDescription").innerHTML = gameData.description;
             if(gameData.label1){
@@ -311,7 +336,7 @@ import Layout from "../../layouts/Layout.astro";
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
 
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
diff --git a/src/pages/cross/cross_phonics_v2.astro b/src/pages/cross/cross_phonics_v2.astro
index 54af8a9..b340587 100644
--- a/src/pages/cross/cross_phonics_v2.astro
+++ b/src/pages/cross/cross_phonics_v2.astro
@@ -11,10 +11,10 @@ import Layout from "../../layouts/Layout.astro";
                             <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
-                            <button><img src="/assets/svg/mute.svg" alt=""></button>
-                            <button><img src="/assets/svg/reset.svg" alt=""></button>
+                            <button onclick="audioPlayAndPause()"><img src="/assets/svg/mute.svg" alt=""></button>
+                            <button onclick="retryGame()"><img src="/assets/svg/reset.svg" alt=""></button>
                             <button onclick="saveUserData();"><img src="/assets/svg/tick2.svg" alt=""></button>
-                            <button><img src="/assets/svg/cancel.svg" alt=""></button>
+                            <button onclick="history.back();"><img src="/assets/svg/cancel.svg" alt=""></button>
                         </div>
                     </div>
                     <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
@@ -108,18 +108,39 @@ import Layout from "../../layouts/Layout.astro";
                   <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                 </div>
                 <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-                  <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                  <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                  <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+                  <button onclick="retryGame()" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                 </div>
               </div>
             </div>
             <div class="clip-art-container absolute bottom-0 right-0 hidden">
                 <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
             </div>
-        </div>     
+        </div> 
+        <div>
+            <audio id="audioPlayer" controls class="hidden">
+                <source id="instrucAudio1" src="" type="audio/ogg">
+                <source id="instrucAudio2" src="" type="audio/mpeg">
+                Your browser does not support the audio element.
+            </audio>
+        </div>      
     </main>
 </Layout>
 <script is:inline>
+    let isPlaying = false;
+    function audioPlayAndPause(){
+        if(isPlaying === false){
+            document.getElementById('audioPlayer').play();
+            isPlaying = true;
+        }else if(isPlaying === true){
+            document.getElementById('audioPlayer').pause();
+            document.getElementById('audioPlayer').currentTime = 0;
+            isPlaying = false;
+        }
+    }
+    function retryGame(){
+        window.location.reload();
+    }
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
     const userId = params.get('userId');
@@ -139,6 +160,10 @@ import Layout from "../../layouts/Layout.astro";
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
+            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            document.getElementById('instrucAudio1').src = audioLink;
+            document.getElementById('instrucAudio2').src = audioLink;
+            document.querySelector('audio').load();
             // console.log(gameData)
             document.getElementById("gameDescription").innerHTML = gameData.description;
             if(gameData.label1){
@@ -345,7 +370,7 @@ import Layout from "../../layouts/Layout.astro";
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
 
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
diff --git a/src/pages/cross/v1.astro b/src/pages/cross/v1.astro
index e179f91..942b50d 100644
--- a/src/pages/cross/v1.astro
+++ b/src/pages/cross/v1.astro
@@ -11,10 +11,10 @@ import Layout from "../../layouts/Layout.astro";
                             <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
-                            <button><img src="/assets/svg/mute.svg" alt=""></button>
-                            <button><img src="/assets/svg/reset.svg" alt=""></button>
+                            <button onclick="audioPlayAndPause()"><img src="/assets/svg/mute.svg" alt=""></button>
+                            <button onclick="retryGame()"><img src="/assets/svg/reset.svg" alt=""></button>
                             <button onclick="saveUserData();"><img src="/assets/svg/tick2.svg" alt=""></button>
-                            <button><img src="/assets/svg/cancel.svg" alt=""></button>
+                            <button onclick="history.back();"><img src="/assets/svg/cancel.svg" alt=""></button>
                         </div>
                     </div>
                     <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
@@ -90,8 +90,8 @@ import Layout from "../../layouts/Layout.astro";
                   <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                 </div>
                 <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-                  <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                  <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                  <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+                  <button onclick="retryGame()" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                 </div>
               </div>
             </div>
@@ -99,9 +99,30 @@ import Layout from "../../layouts/Layout.astro";
                 <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
             </div>
         </div>     
+        <div>
+            <audio id="audioPlayer" controls class="hidden">
+                <source id="instrucAudio1" src="" type="audio/ogg">
+                <source id="instrucAudio2" src="" type="audio/mpeg">
+                Your browser does not support the audio element.
+            </audio>
+        </div>  
     </main>
 </Layout>
 <script is:inline>
+    let isPlaying = false;
+    function audioPlayAndPause(){
+        if(isPlaying === false){
+            document.getElementById('audioPlayer').play();
+            isPlaying = true;
+        }else if(isPlaying === true){
+            document.getElementById('audioPlayer').pause();
+            document.getElementById('audioPlayer').currentTime = 0;
+            isPlaying = false;
+        }
+    }
+    function retryGame(){
+        window.location.reload();
+    }
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
     const userId = params.get('userId');
@@ -123,6 +144,10 @@ import Layout from "../../layouts/Layout.astro";
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
+            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            document.getElementById('instrucAudio1').src = audioLink;
+            document.getElementById('instrucAudio2').src = audioLink;
+            document.querySelector('audio').load();
             // console.log(gameData)
             document.getElementById("gameDescription").innerHTML = gameData.description;
             if(gameData.label1){
@@ -312,7 +337,7 @@ import Layout from "../../layouts/Layout.astro";
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
         // console.log(userData);
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
diff --git a/src/pages/cross/v2.astro b/src/pages/cross/v2.astro
index 46160ec..c266bee 100644
--- a/src/pages/cross/v2.astro
+++ b/src/pages/cross/v2.astro
@@ -11,10 +11,10 @@ import Layout from "../../layouts/Layout.astro";
                             <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
-                            <button><img src="/assets/svg/mute.svg" alt=""></button>
-                            <button><img src="/assets/svg/reset.svg" alt=""></button>
+                            <button onclick="audioPlayAndPause()"><img src="/assets/svg/mute.svg" alt=""></button>
+                            <button onclick="retryGame()"><img src="/assets/svg/reset.svg" alt=""></button>
                             <button onclick="saveUserData();"><img src="/assets/svg/tick2.svg" alt=""></button>
-                            <button><img src="/assets/svg/cancel.svg" alt=""></button>
+                            <button onclick="history.back();"><img src="/assets/svg/cancel.svg" alt=""></button>
                         </div>
                     </div>
                 </div>
@@ -103,8 +103,8 @@ import Layout from "../../layouts/Layout.astro";
                   <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                 </div>
                 <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-                  <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                  <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                  <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+                  <button onclick="retryGame()" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                 </div>
               </div>
             </div>
@@ -112,9 +112,30 @@ import Layout from "../../layouts/Layout.astro";
                 <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
             </div>
         </div>
+        <div>
+            <audio id="audioPlayer" controls class="hidden">
+                <source id="instrucAudio1" src="" type="audio/ogg">
+                <source id="instrucAudio2" src="" type="audio/mpeg">
+                Your browser does not support the audio element.
+            </audio>
+        </div>  
     </main>
 </Layout>
 <script is:inline>
+    let isPlaying = false;
+    function audioPlayAndPause(){
+        if(isPlaying === false){
+            document.getElementById('audioPlayer').play();
+            isPlaying = true;
+        }else if(isPlaying === true){
+            document.getElementById('audioPlayer').pause();
+            document.getElementById('audioPlayer').currentTime = 0;
+            isPlaying = false;
+        }
+    }
+    function retryGame(){
+        window.location.reload();
+    }
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
     const userId = params.get('userId');
@@ -135,6 +156,10 @@ import Layout from "../../layouts/Layout.astro";
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
+            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            document.getElementById('instrucAudio1').src = audioLink;
+            document.getElementById('instrucAudio2').src = audioLink;
+            document.querySelector('audio').load();
             // console.log(gameData)
             document.getElementById("gameDescription").innerHTML = gameData.description;
             if(gameData.label1){
@@ -331,7 +356,7 @@ import Layout from "../../layouts/Layout.astro";
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
 
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
diff --git a/src/pages/cross/v3.astro b/src/pages/cross/v3.astro
index 44d59a6..e324bb0 100644
--- a/src/pages/cross/v3.astro
+++ b/src/pages/cross/v3.astro
@@ -12,10 +12,10 @@ import Layout from "../../layouts/Layout.astro";
                             <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
-                            <button><img src="/assets/svg/mute.svg" alt=""></button>
-                            <button><img src="/assets/svg/reset.svg" alt=""></button>
+                            <button onclick="audioPlayAndPause()"><img src="/assets/svg/mute.svg" alt=""></button>
+                            <button onclick="retryGame()"><img src="/assets/svg/reset.svg" alt=""></button>
                             <button onclick="saveUserData();"><img src="/assets/svg/tick2.svg" alt=""></button>
-                            <button><img src="/assets/svg/cancel.svg" alt=""></button>
+                            <button onclick="history.back();"><img src="/assets/svg/cancel.svg" alt=""></button>
                         </div>
                     </div>
                     <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
@@ -78,8 +78,8 @@ import Layout from "../../layouts/Layout.astro";
                   <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                 </div>
                 <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-                  <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                  <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                  <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+                  <button onclick="retryGame()" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                 </div>
               </div>
             </div>
@@ -87,9 +87,30 @@ import Layout from "../../layouts/Layout.astro";
                 <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
             </div>
         </div>
+        <div>
+            <audio id="audioPlayer" controls class="hidden">
+                <source id="instrucAudio1" src="" type="audio/ogg">
+                <source id="instrucAudio2" src="" type="audio/mpeg">
+                Your browser does not support the audio element.
+            </audio>
+        </div>  
     </main>
 </Layout>
 <script is:inline>
+    let isPlaying = false;
+    function audioPlayAndPause(){
+        if(isPlaying === false){
+            document.getElementById('audioPlayer').play();
+            isPlaying = true;
+        }else if(isPlaying === true){
+            document.getElementById('audioPlayer').pause();
+            document.getElementById('audioPlayer').currentTime = 0;
+            isPlaying = false;
+        }
+    }
+        function retryGame(){
+            window.location.reload();
+        }
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
     const userId = params.get('userId');
@@ -109,6 +130,10 @@ import Layout from "../../layouts/Layout.astro";
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
+            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            document.getElementById('instrucAudio1').src = audioLink;
+            document.getElementById('instrucAudio2').src = audioLink;
+            document.querySelector('audio').load();
             // console.log(gameData)
             document.getElementById("gameLabel").innerHTML = gameData.label;
             document.getElementById("gameDescription").innerHTML = gameData.description;
@@ -282,7 +307,7 @@ import Layout from "../../layouts/Layout.astro";
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
         // console.log(userData);
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
diff --git a/src/pages/drag/dragdrop_phonics.astro b/src/pages/drag/dragdrop_phonics.astro
index c6ae5b1..87c8720 100644
--- a/src/pages/drag/dragdrop_phonics.astro
+++ b/src/pages/drag/dragdrop_phonics.astro
@@ -17,7 +17,7 @@ import Layout from '../../layouts/Layout.astro';
             <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
           </div>
           <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-            <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+            <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
             <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
           </div>
         </div>
@@ -56,6 +56,9 @@ import Layout from '../../layouts/Layout.astro';
   let cancelIconWidth;
   let retryButton;
   let blockMatches;
+  let audioData;
+  let audioFileId = false;
+  let isPlaying = false;
 
   if(isMobile){
         topLogoWidth = 4.5;
@@ -142,6 +145,10 @@ import Layout from '../../layouts/Layout.astro';
   const data = fetch(`https://game-du.teachertrainingkolkata.in/items/drag_drop_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
+        if(data.instruction){
+          audioFileId = true;
+        }
+        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
         const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
         if(isMobile){
           imageCustomWidth = "?width=80";
@@ -239,6 +246,9 @@ import Layout from '../../layouts/Layout.astro';
         for (var i = 0; i < 5; i++) {
             this.load.image('logo'+i, '/assets/background.jpg');
         }
+        if(audioFileId === true){
+          this.load.audio('instructAudio', audioData)
+        }
         this.load.image("topMatch", "/assets/top_match.jpg");
         this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
@@ -410,7 +420,7 @@ import Layout from '../../layouts/Layout.astro';
         // window.load
 
         this.add.image(displayW / topLogoWidth, 30, "topLogo").setScale();
-        this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
+        let soundButton = this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
         const retryButton = this.add.image(displayW / resetIconWidth, 30, "resetIcon").setScale();
         submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
         this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale();
@@ -432,7 +442,19 @@ import Layout from '../../layouts/Layout.astro';
           showAnimation();
         })
         let blocks1Width1, blocks1Width2, blocks1Width3, blocks1Width4, blocks1Width5, blocks1Width6, blocks1Width7, blocks1Width8;
+        if(audioFileId === true){
+            let instructionAudio = this.sound.add('instructAudio')
+            soundButton.setInteractive().on('pointerdown', () => {
+              if(isPlaying === false){
+                instructionAudio.play()
+                isPlaying = true
+              } else if(isPlaying === true) {
+                instructionAudio.stop();
+                isPlaying = false
+              }
 
+            })
+          }
 
         if(isMobile){
           blocks1Width1 = 180;
diff --git a/src/pages/drag/index.astro b/src/pages/drag/index.astro
index 143f8ab..63c3b84 100644
--- a/src/pages/drag/index.astro
+++ b/src/pages/drag/index.astro
@@ -22,7 +22,7 @@ const numberOfTimes = starNumberOfTime;
             <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
           </div>
           <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-            <button onclick="" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+            <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
             <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
           </div>
         </div>
@@ -59,6 +59,9 @@ const numberOfTimes = starNumberOfTime;
   let resetIconWidth;
   let tickIconWidth;
   let cancelIconWidth;
+  let audioData;
+  let audioFileId = false;
+  let isPlaying = false;
 
   if(isMobile){
       topLogoWidth = 4.5;
@@ -168,6 +171,11 @@ const numberOfTimes = starNumberOfTime;
   const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
+        if(data.instruction){
+          audioFileId = true;
+        }
+        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
+        // console.log(audioData)
         const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
         if(isMobile){
           imageCustomWidth = "?width=100";
@@ -264,6 +272,9 @@ const numberOfTimes = starNumberOfTime;
         for (var i = 0; i < 5; i++) {
             this.load.image('logo'+i, '/assets/background.jpg');
         }
+        if(audioFileId === true){
+          this.load.audio('instructAudio', audioData)
+        }
         this.load.image("topMatch", "/assets/top_match.jpg");
         this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
@@ -397,15 +408,8 @@ const numberOfTimes = starNumberOfTime;
         graphics.strokePath();
         submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
-        // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
-        //   font: '600 30px Quicksand',
-        //   fill: '#fff',
-        //   backgroundColor: 'blue',
-        //   padding: { x: 20, y: 10 },
-        // }).setDepth(1);
-        
         this.add.image(displayW / topLogoWidth, 30, "topLogo").setScale();
-        this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
+        let soundButton = this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
         const retryButton = this.add.image(displayW / resetIconWidth, 30, "resetIcon").setScale();
         submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
         this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale();
@@ -417,6 +421,20 @@ const numberOfTimes = starNumberOfTime;
         // this.add.image(displayW * 0.9-33, 510, "border").setAlpha(1).setScale(1).setDepth(-1);
         this.add.image(displayW * 0.9-32, 680, "target4");
         // this.add.image(displayW * 0.9-33, 680, "border").setAlpha(1).setScale(1).setDepth(-1);
+          if(audioFileId === true){
+            let instructionAudio = this.sound.add('instructAudio')
+            soundButton.setInteractive().on('pointerdown', () => {
+              if(isPlaying === false){
+                instructionAudio.play()
+                isPlaying = true
+              } else if(isPlaying === true) {
+                instructionAudio.stop();
+                isPlaying = false
+              }
+
+            })
+          }
+          
 
         const blocks = [
           {
diff --git a/src/pages/drag/match_phonics.astro b/src/pages/drag/match_phonics.astro
index b6db3dd..dccc0bc 100644
--- a/src/pages/drag/match_phonics.astro
+++ b/src/pages/drag/match_phonics.astro
@@ -18,7 +18,7 @@ import Layout from '../../layouts/Layout.astro';
             <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
           </div>
           <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-            <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+            <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
             <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
           </div>
         </div>
@@ -55,6 +55,9 @@ import Layout from '../../layouts/Layout.astro';
   let resetIconWidth;
   let tickIconWidth;
   let cancelIconWidth;
+  let audioData;
+  let audioFileId = false;
+  let isPlaying = false;
 
   if(isMobile){
         topLogoWidth = 4.5;
@@ -147,6 +150,10 @@ import Layout from '../../layouts/Layout.astro';
   const data = fetch(`https://game-du.teachertrainingkolkata.in/items/drag_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
+        if(data.instruction){
+          audioFileId = true;
+        }
+        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
         const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
         if(isMobile){
           imageCustomWidth = "?width=100";
@@ -243,6 +250,9 @@ import Layout from '../../layouts/Layout.astro';
         for (var i = 0; i < 5; i++) {
             this.load.image('logo'+i, '/assets/background.jpg');
         }
+        if(audioFileId === true){
+          this.load.audio('instructAudio', audioData)
+        }
         this.load.image("topMatch", "/assets/top_match.jpg");
         this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
@@ -372,7 +382,7 @@ import Layout from '../../layouts/Layout.astro';
         //   }); 
         // };
         this.add.image(displayW / topLogoWidth, 30, "topLogo").setScale();
-        this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
+        let soundButton = this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
         const retryButton = this.add.image(displayW / resetIconWidth, 30, "resetIcon").setScale();
         submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
         this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale();
@@ -385,6 +395,19 @@ import Layout from '../../layouts/Layout.astro';
         this.add.image(displayW * 0.9-32, 680, "target4");
         // this.add.image(displayW * 0.9-33, 680, "border").setAlpha(1).setScale(1).setDepth(-1);
 
+        if(audioFileId === true){
+            let instructionAudio = this.sound.add('instructAudio')
+            soundButton.setInteractive().on('pointerdown', () => {
+              if(isPlaying === false){
+                instructionAudio.play()
+                isPlaying = true
+              } else if(isPlaying === true) {
+                instructionAudio.stop();
+                isPlaying = false
+              }
+
+            })
+          }
 
         const graphics = this.add.graphics();
         const x = 0; const y = 54;
diff --git a/src/pages/drag/v2.astro b/src/pages/drag/v2.astro
index 7bc5622..02eb515 100644
--- a/src/pages/drag/v2.astro
+++ b/src/pages/drag/v2.astro
@@ -18,7 +18,7 @@ import Layout from '../../layouts/Layout.astro';
             <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
           </div>
           <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-            <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+            <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
             <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
           </div>
         </div>
@@ -56,6 +56,10 @@ import Layout from '../../layouts/Layout.astro';
   let tickIconWidth;
   let cancelIconWidth;
 
+  let audioData;
+  let audioFileId = false;
+  let isPlaying = false;
+
   if(isMobile){
         topLogoWidth = 4.5;
         muteIconWidth = 1.8;
@@ -147,6 +151,11 @@ import Layout from '../../layouts/Layout.astro';
   const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
+
+        if(data.instruction){
+          audioFileId = true;
+        }
+        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
         const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
         if(isMobile){
           imageCustomWidth = "?width=100";
@@ -243,6 +252,9 @@ import Layout from '../../layouts/Layout.astro';
         for (var i = 0; i < 5; i++) {
             this.load.image('logo'+i, '/assets/background.jpg');
         }
+        if(audioFileId === true){
+          this.load.audio('instructAudio', audioData)
+        }
         this.load.image("topMatch", "/assets/top_match.jpg");
         this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
@@ -372,7 +384,7 @@ import Layout from '../../layouts/Layout.astro';
         //   }); 
         // };
         this.add.image(displayW / topLogoWidth, 30, "topLogo").setScale();
-        this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
+        let soundButton = this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
         const retryButton = this.add.image(displayW / resetIconWidth, 30, "resetIcon").setScale();
         submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
         this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale();
@@ -384,7 +396,19 @@ import Layout from '../../layouts/Layout.astro';
         // this.add.image(displayW * 0.9-33, 510, "border").setAlpha(1).setScale(1).setDepth(-1);
         this.add.image(displayW * 0.9-32, 680, "target4");
         // this.add.image(displayW * 0.9-33, 680, "border").setAlpha(1).setScale(1).setDepth(-1);
+        if(audioFileId === true){
+            let instructionAudio = this.sound.add('instructAudio')
+            soundButton.setInteractive().on('pointerdown', () => {
+              if(isPlaying === false){
+                instructionAudio.play()
+                isPlaying = true
+              } else if(isPlaying === true) {
+                instructionAudio.stop();
+                isPlaying = false
+              }
 
+            })
+          }
 
         const graphics = this.add.graphics();
         const x = 0; const y = 54;
diff --git a/src/pages/drag/v3.astro b/src/pages/drag/v3.astro
index 7f56d70..52fbed8 100644
--- a/src/pages/drag/v3.astro
+++ b/src/pages/drag/v3.astro
@@ -18,7 +18,7 @@ import Layout from '../../layouts/Layout.astro';
             <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
           </div>
           <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-            <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+            <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
             <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
           </div>
         </div>
@@ -59,6 +59,9 @@ import Layout from '../../layouts/Layout.astro';
   let blockMatches;
   let retryButtonWidth;
   let leftTargetZoneW;
+  let audioData;
+  let audioFileId = false;
+  let isPlaying = false;
 
   if(isMobile){
         topLogoWidth = 4.5;
@@ -179,6 +182,10 @@ import Layout from '../../layouts/Layout.astro';
   const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
+        if(data.instruction){
+          audioFileId = true;
+        }
+        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
         const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
         if(isMobile){
           imageCustomWidth = "?width=100";
@@ -274,6 +281,9 @@ import Layout from '../../layouts/Layout.astro';
         for (var i = 0; i < 5; i++) {
             this.load.image('logo'+i, '/assets/background.jpg');
         }
+        if(audioFileId === true){
+          this.load.audio('instructAudio', audioData)
+        }
         this.load.image("topMatch", "/assets/top_match.jpg");
         this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
@@ -422,12 +432,25 @@ import Layout from '../../layouts/Layout.astro';
         graphics.strokePath();
 
         this.add.image(displayW / topLogoWidth, 30, "topLogo").setScale();
-        this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
+        let soundButton = this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
         const retryButton = this.add.image(displayW / resetIconWidth, 30, "resetIcon").setScale();
         submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
         this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale();
 
         submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
+        if(audioFileId === true){
+            let instructionAudio = this.sound.add('instructAudio')
+            soundButton.setInteractive().on('pointerdown', () => {
+              if(isPlaying === false){
+                instructionAudio.play()
+                isPlaying = true
+              } else if(isPlaying === true) {
+                instructionAudio.stop();
+                isPlaying = false
+              }
+
+            })
+          }
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',
         //   fill: '#fff',
diff --git a/src/pages/drag/v4.astro b/src/pages/drag/v4.astro
index 4df130c..13dc7d6 100644
--- a/src/pages/drag/v4.astro
+++ b/src/pages/drag/v4.astro
@@ -17,7 +17,7 @@ import Layout from '../../layouts/Layout.astro';
             <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
           </div>
           <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-            <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+            <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
             <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
           </div>
         </div>
@@ -59,6 +59,9 @@ import Layout from '../../layouts/Layout.astro';
   let leftTargetZoneW;
   let rightTargetZoneW;
   let retryButtonWidth;
+  let audioData;
+  let audioFileId = false;
+  let isPlaying = false;
 
   if(isMobile){
         topLogoWidth = 4.5;
@@ -145,6 +148,10 @@ import Layout from '../../layouts/Layout.astro';
   const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
       .then(response => response.json())
       .then(({data}) => {
+        if(data.instruction){
+          audioFileId = true;
+        }
+        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
         const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
         if(isMobile){imageCustomWidth = "?width=100";} else{imageCustomWidth = "?width=100";};
         const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/"
@@ -238,6 +245,9 @@ import Layout from '../../layouts/Layout.astro';
         for (var i = 0; i < 5; i++) {
             this.load.image('logo'+i, '/assets/background.jpg');
         }
+        if(audioFileId === true){
+          this.load.audio('instructAudio', audioData)
+        }
         this.load.image("topMatch", "/assets/top_match.jpg");
         this.load.image('topLogo', '/assets/top_logo.svg');
         // this.load.image("tick", '/assets/tick.png');
@@ -249,8 +259,6 @@ import Layout from '../../layouts/Layout.astro';
 
         // this.load.image("retryIcon", "/assets/svg/retry.svg")
         this.load.image("border", '/assets/squar.png');
-
-
           this.load.spritesheet("blocks1", assetsList.element5,{
           frameWidth: 100,
           frameHeight: 100,
@@ -405,10 +413,23 @@ import Layout from '../../layouts/Layout.astro';
         graphics.strokePath();
         
         this.add.image(displayW / topLogoWidth, 30, "topLogo").setScale();
-        this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
+        let soundButton = this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
         const retryButton = this.add.image(displayW / resetIconWidth, 30, "resetIcon").setScale();
         submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
         this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale();
+        if(audioFileId === true){
+            let instructionAudio = this.sound.add('instructAudio')
+            soundButton.setInteractive().on('pointerdown', () => {
+              if(isPlaying === false){
+                instructionAudio.play()
+                isPlaying = true
+              } else if(isPlaying === true) {
+                instructionAudio.stop();
+                isPlaying = false
+              }
+
+            })
+          }
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',
         //   fill: '#fff',
diff --git a/src/pages/drawing/drawing_phonics.astro b/src/pages/drawing/drawing_phonics.astro
index 07f858e..ab1c6cb 100644
--- a/src/pages/drawing/drawing_phonics.astro
+++ b/src/pages/drawing/drawing_phonics.astro
@@ -90,6 +90,10 @@ import Layout from '../../layouts/Layout.astro';
     let scoreTotal = 0;
     let maxScore;
     let erase;
+    let audioData;
+    let audioFileId = false;
+    let isPlaying = false;
+
     if(isMobile){
         topLogoWidth = 4.5;
         muteIconWidth = 1.8;
@@ -152,6 +156,10 @@ import Layout from '../../layouts/Layout.astro';
     const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/drawing_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
+        if(data.instruction){
+          audioFileId = true;
+        }
+        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
         // console.log(data)
         // colorList = data.colors;
     const {image} = data;
@@ -191,6 +199,9 @@ import Layout from '../../layouts/Layout.astro';
     let colorList;
 
     function preload() {
+        if(audioFileId === true){
+          this.load.audio('instructAudio', audioData)
+        }
         this.load.image('outline', assetsList.image);
         this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
@@ -247,6 +258,19 @@ import Layout from '../../layouts/Layout.astro';
             retryButton.setInteractive().on('pointerdown', () => {
                 graphics.clear();
             });
+            if(audioFileId === true){
+                let instructionAudio = this.sound.add('instructAudio')
+                muteIcon.setInteractive().on('pointerdown', () => {
+                if(isPlaying === false){
+                    instructionAudio.play()
+                    isPlaying = true
+                } else if(isPlaying === true) {
+                    instructionAudio.stop();
+                    isPlaying = false
+                }
+
+                })
+            }
             submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
             // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
             // font: '600 30px Quicksand',
diff --git a/src/pages/drawing/drawing_writo.astro b/src/pages/drawing/drawing_writo.astro
index b8a3213..c1cbe49 100644
--- a/src/pages/drawing/drawing_writo.astro
+++ b/src/pages/drawing/drawing_writo.astro
@@ -90,6 +90,9 @@ import Layout from '../../layouts/Layout.astro';
     let scoreTotal = 0;
     let maxScore;
     let erase;
+    let audioData;
+    let audioFileId = false;
+    let isPlaying = false;
     if(isMobile){
         topLogoWidth = 4.5;
         muteIconWidth = 1.8;
@@ -153,6 +156,10 @@ import Layout from '../../layouts/Layout.astro';
     const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/drawing_writo/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
+        if(data.instruction){
+          audioFileId = true;
+        }
+        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
         // console.log(data)
         // colorList = data.colors;
     const {image} = data;
@@ -192,6 +199,9 @@ import Layout from '../../layouts/Layout.astro';
     let colorList;
 
     function preload() {
+        if(audioFileId === true){
+          this.load.audio('instructAudio', audioData)
+        }
         this.load.image('outline', assetsList.image);
         this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
@@ -246,6 +256,19 @@ import Layout from '../../layouts/Layout.astro';
             retryButton = this.add.image(customWidth / resetIconWidth, 30, "resetIcon");
             submitButton = this.add.image(customWidth / tickIconWidth, 30, "tickIcon");
 
+            if(audioFileId === true){
+                let instructionAudio = this.sound.add('instructAudio')
+                muteIcon.setInteractive().on('pointerdown', () => {
+                if(isPlaying === false){
+                    instructionAudio.play()
+                    isPlaying = true
+                } else if(isPlaying === true) {
+                    instructionAudio.stop();
+                    isPlaying = false
+                }
+
+                })
+            }
 
             retryButton.setInteractive().on('pointerdown', () => {
                 graphics.clear();
diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro
index 8653a4d..e8698ec 100644
--- a/src/pages/drawing/index.astro
+++ b/src/pages/drawing/index.astro
@@ -18,7 +18,7 @@ import Layout from '../../layouts/Layout.astro';
                     </div>
                     <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
                         <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                        <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                        <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                     </div>
                 </div>
             </div>
@@ -143,6 +143,9 @@ import Layout from '../../layouts/Layout.astro';
     let retryButton;
     let maxScore;
     let erase;
+    let audioData;
+    let audioFileId = false;
+    let isPlaying = false;
     if(isMobile){
         topLogoWidth = 4.5;
         muteIconWidth = 1.65;
@@ -209,6 +212,10 @@ import Layout from '../../layouts/Layout.astro';
     const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
+        if(data.instruction){
+          audioFileId = true;
+        }
+        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
         // console.log(data)
         // colorList = data.colors;
     const {image} = data;
@@ -249,6 +256,9 @@ import Layout from '../../layouts/Layout.astro';
     let colorList;
 
     function preload() {
+        if(audioFileId === true){
+          this.load.audio('instructAudio', audioData)
+        }
         this.load.image('outline', assetsList.image);
         this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
@@ -298,6 +308,19 @@ import Layout from '../../layouts/Layout.astro';
             submitButton = this.add.image(customWidth / tickIconWidth, 30, "tickIcon");
             galleryButton = this.add.image(customWidth / galleryIconWidth, 30, "galleryIcons");
 
+            if(audioFileId === true){
+            let instructionAudio = this.sound.add('instructAudio')
+            muteIcon.setInteractive().on('pointerdown', () => {
+              if(isPlaying === false){
+                instructionAudio.play()
+                isPlaying = true
+              } else if(isPlaying === true) {
+                instructionAudio.stop();
+                isPlaying = false
+              }
+
+            })
+          }
 
             retryButton.setInteractive().on('pointerdown', () => {
                 // window.location.reload();
diff --git a/src/pages/drawing/v2.astro b/src/pages/drawing/v2.astro
index baebea6..71334e8 100644
--- a/src/pages/drawing/v2.astro
+++ b/src/pages/drawing/v2.astro
@@ -98,6 +98,9 @@ import Layout from '../../layouts/Layout.astro';
     let noticeHeight;
     let maxScore;
     let erase;
+    let audioData;
+    let audioFileId = false;
+    let isPlaying = false;
     if(isMobile){
         topLogoWidth = 4.5;
         muteIconWidth = 1.8;
@@ -170,6 +173,10 @@ import Layout from '../../layouts/Layout.astro';
     const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
+        if(data.instruction){
+          audioFileId = true;
+        }
+        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
         colorList = data.colors;
         defaultColor = colorList[0];
     const {image1, image2} = data;
@@ -210,6 +217,9 @@ import Layout from '../../layouts/Layout.astro';
     let colorList;
 
     function preload() {
+        if(audioFileId === true){
+          this.load.audio('instructAudio', audioData)
+        }
         this.load.image('image1', assetsList.image1);
         this.load.image('image2', assetsList.image2);
         this.load.image('topLogo', '/assets/top_logo.svg');
@@ -297,6 +307,19 @@ import Layout from '../../layouts/Layout.astro';
             retryButton = this.add.image(customWidth / resetIconWidth, 30, "resetIcon");
             submitButton = this.add.image(customWidth / tickIconWidth, 30, "tickIcon");
 
+            if(audioFileId === true){
+                let instructionAudio = this.sound.add('instructAudio')
+                muteIcon.setInteractive().on('pointerdown', () => {
+                    if(isPlaying === false){
+                        instructionAudio.play()
+                        isPlaying = true
+                    } else if(isPlaying === true) {
+                        instructionAudio.stop();
+                        isPlaying = false
+                    }
+
+                })
+            }
             retryButton.setInteractive().on('pointerdown', ()=>{
                 graphics.clear();
             })
diff --git a/src/pages/drawing/v3.astro b/src/pages/drawing/v3.astro
index 1e018e6..5f0b323 100644
--- a/src/pages/drawing/v3.astro
+++ b/src/pages/drawing/v3.astro
@@ -90,6 +90,9 @@ import Layout from '../../layouts/Layout.astro';
     let cancelIconWidth; 
     let maxScore;
     let erase;
+    let audioData;
+    let audioFileId = false;
+    let isPlaying = false;
     
     if(isMobile){
         topLogoWidth = 4.5;
@@ -154,6 +157,10 @@ import Layout from '../../layouts/Layout.astro';
     const data =       fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
     .then(response => response.json())
     .then(({data}) => {
+        if(data.instruction){
+          audioFileId = true;
+        }
+        audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
         // console.log(data)
         // colorList = data.colors;
     const {image} = data;
@@ -193,6 +200,9 @@ import Layout from '../../layouts/Layout.astro';
     let colorList;
 
     function preload() {
+        if(audioFileId === true){
+          this.load.audio('instructAudio', audioData)
+        }
         this.load.image('outline', assetsList.image);
         this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
@@ -279,6 +289,19 @@ import Layout from '../../layouts/Layout.astro';
             submitButton = this.add.image(customWidth / tickIconWidth, 30, "tickIcon");
             // galleryButton = this.add.image(customWidth / galleryIconWidth, 30, "galleryIcons");
             
+            if(audioFileId === true){
+            let instructionAudio = this.sound.add('instructAudio')
+            muteIcon.setInteractive().on('pointerdown', () => {
+              if(isPlaying === false){
+                instructionAudio.play()
+                isPlaying = true
+              } else if(isPlaying === true) {
+                instructionAudio.stop();
+                isPlaying = false
+              }
+
+            })
+          }
             retryButton.setInteractive().on('pointerdown', () => {
                 graphics.clear();
             })
diff --git a/src/pages/tick/tick_phonics_v1.astro b/src/pages/tick/tick_phonics_v1.astro
index fa6f25c..53e1836 100644
--- a/src/pages/tick/tick_phonics_v1.astro
+++ b/src/pages/tick/tick_phonics_v1.astro
@@ -11,10 +11,10 @@ import Layout from "../../layouts/Layout.astro";
                             <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
-                            <button><img src="/assets/svg/mute.svg" alt=""></button>
-                            <button><img src="/assets/svg/reset.svg" alt=""></button>
+                            <button onclick="audioPlayAndPause();" id="instructionButton"><img src="/assets/svg/mute.svg" alt=""></button>
+                            <button onclick="retryGame()"><img src="/assets/svg/reset.svg" alt=""></button>
                             <button onclick="saveUserData();"><img src="/assets/svg/tick2.svg" alt=""></button>
-                            <button><img src="/assets/svg/cancel.svg" alt=""></button>
+                            <button onclick="history.back();"><img src="/assets/svg/cancel.svg" alt=""></button>
                         </div>
                     </div>
                     <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
@@ -102,8 +102,8 @@ import Layout from "../../layouts/Layout.astro";
                   <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                 </div>
                 <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-                  <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                  <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                  <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+                  <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                 </div>
               </div>
             </div>
@@ -111,9 +111,31 @@ import Layout from "../../layouts/Layout.astro";
                 <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
             </div>
         </div>
+        <div>
+            <audio id="audioPlayer" controls class="hidden">
+                <source id="instrucAudio1" src="" type="audio/ogg">
+                <source id="instrucAudio2" src="" type="audio/mpeg">
+                Your browser does not support the audio element.
+            </audio>
+        </div>
+        
     </main>
 </Layout>
 <script is:inline>
+    let isPlaying = false;
+    function audioPlayAndPause(){
+        if(isPlaying === false){
+            document.getElementById('audioPlayer').play();
+            isPlaying = true;
+        }else if(isPlaying === true){
+            document.getElementById('audioPlayer').pause();
+            document.getElementById('audioPlayer').currentTime = 0;
+            isPlaying = false;
+        }
+    }
+    function retryGame(){
+        window.location.reload();
+    }
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
     const userId = params.get('userId');
@@ -173,7 +195,12 @@ import Layout from "../../layouts/Layout.astro";
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
-            // console.log(gameData)
+            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            document.getElementById('instrucAudio1').src = audioLink;
+            document.getElementById('instrucAudio2').src = audioLink;
+            document.querySelector('audio').load();
+
+            // console.log(audioLink)
             document.getElementById("gameDescription").innerHTML = gameData.description;
             if(gameData.label1){
                 document.getElementById("label1").innerHTML = gameData.label1;
@@ -193,14 +220,13 @@ import Layout from "../../layouts/Layout.astro";
             if(gameData.label6){
                 document.getElementById("label6").innerHTML = gameData.label6;
             }
-            // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
-            // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
 
             const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
             for (let i = 1; i <= 6; i++) {
                 const imageId = `image${i}`;
                 document.getElementById(imageId).src = assetsURL + gameData[imageId];
             }
+
         });
 
     function checkResult2(id) {
@@ -324,7 +350,7 @@ import Layout from "../../layouts/Layout.astro";
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
 
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
diff --git a/src/pages/tick/tick_phonics_v2.astro b/src/pages/tick/tick_phonics_v2.astro
index a049855..019626a 100644
--- a/src/pages/tick/tick_phonics_v2.astro
+++ b/src/pages/tick/tick_phonics_v2.astro
@@ -11,10 +11,10 @@ import Layout from "../../layouts/Layout.astro";
                             <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
-                            <button><img src="/assets/svg/mute.svg" alt=""></button>
-                            <button><img src="/assets/svg/reset.svg" alt=""></button>
+                            <button onclick="audioPlayAndPause()"><img src="/assets/svg/mute.svg" alt=""></button>
+                            <button onclick="retryGame()"><img src="/assets/svg/reset.svg" alt=""></button>
                             <button onclick="saveUserData();"><img src="/assets/svg/tick2.svg" alt=""></button>
-                            <button><img src="/assets/svg/cancel.svg" alt=""></button>
+                            <button onclick="history.back();"><img src="/assets/svg/cancel.svg" alt=""></button>
                         </div>
                     </div>
                     <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
@@ -126,8 +126,8 @@ import Layout from "../../layouts/Layout.astro";
                   <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                 </div>
                 <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-                  <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                  <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                  <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+                  <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                 </div>
               </div>
             </div>
@@ -135,9 +135,30 @@ import Layout from "../../layouts/Layout.astro";
                 <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
             </div>
         </div>
+        <div>
+            <audio id="audioPlayer" controls class="hidden">
+                <source id="instrucAudio1" src="" type="audio/ogg">
+                <source id="instrucAudio2" src="" type="audio/mpeg">
+                Your browser does not support the audio element.
+            </audio>
+        </div>
     </main>
 </Layout>
 <script is:inline>
+    let isPlaying = false;
+    function audioPlayAndPause(){
+        if(isPlaying === false){
+            document.getElementById('audioPlayer').play();
+            isPlaying = true;
+        }else if(isPlaying === true){
+            document.getElementById('audioPlayer').pause();
+            document.getElementById('audioPlayer').currentTime = 0;
+            isPlaying = false;
+        }
+    }
+    function retryGame(){
+        window.location.reload();
+    }
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
     const userId = params.get('userId');
@@ -196,6 +217,10 @@ import Layout from "../../layouts/Layout.astro";
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
+            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            document.getElementById('instrucAudio1').src = audioLink;
+            document.getElementById('instrucAudio2').src = audioLink;
+            document.querySelector('audio').load();
             // console.log(gameData)
             document.getElementById("gameDescription").innerHTML = gameData.description;
             if(gameData.label1){
@@ -353,7 +378,7 @@ import Layout from "../../layouts/Layout.astro";
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
 
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
diff --git a/src/pages/tick/tick_phonics_v3.astro b/src/pages/tick/tick_phonics_v3.astro
index 9c230ac..3ee13a1 100644
--- a/src/pages/tick/tick_phonics_v3.astro
+++ b/src/pages/tick/tick_phonics_v3.astro
@@ -12,11 +12,10 @@ import Layout from "../../layouts/Layout.astro";
                             <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
-                            <button><img src="/assets/svg/mute.svg" alt=""></button>
-                            <button><img src="/assets/svg/reset.svg" alt=""></button>
+                            <button onclick="audioPlayAndPause()"><img src="/assets/svg/mute.svg" alt=""></button>
+                            <button onclick="retryGame()"><img src="/assets/svg/reset.svg" alt=""></button>
                             <button onclick="saveUserData();"><img src="/assets/svg/tick2.svg" alt=""></button>
-                            <button><img src="/assets/svg/cancel.svg" alt=""></button>
-                        </div>
+                            <button onclick="history.back();"><img src="/assets/svg/cancel.svg" alt=""></button>
                     </div>
                     <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                 </div>
@@ -84,8 +83,8 @@ import Layout from "../../layouts/Layout.astro";
                   <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                 </div>
                 <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-                  <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                  <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                  <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+                  <button onclick="retryGame();" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                 </div>
               </div>
             </div>
@@ -93,9 +92,30 @@ import Layout from "../../layouts/Layout.astro";
                 <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
             </div>
         </div>
+        <div>
+            <audio id="audioPlayer" controls class="hidden">
+                <source id="instrucAudio1" src="" type="audio/ogg">
+                <source id="instrucAudio2" src="" type="audio/mpeg">
+                Your browser does not support the audio element.
+            </audio>
+        </div>
     </main>
 </Layout>
 <script is:inline>
+    let isPlaying = false;
+    function audioPlayAndPause(){
+        if(isPlaying === false){
+            document.getElementById('audioPlayer').play();
+            isPlaying = true;
+        }else if(isPlaying === true){
+            document.getElementById('audioPlayer').pause();
+            document.getElementById('audioPlayer').currentTime = 0;
+            isPlaying = false;
+        }
+    }
+    function retryGame(){
+        window.location.reload();
+    }
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
     const userId = params.get('userId');
@@ -154,6 +174,10 @@ import Layout from "../../layouts/Layout.astro";
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
+            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            document.getElementById('instrucAudio1').src = audioLink;
+            document.getElementById('instrucAudio2').src = audioLink;
+            document.querySelector('audio').load();
             // console.log(gameData)
             document.getElementById("gameLabel").innerHTML = gameData.label;
             document.getElementById("gameDescription").innerHTML = gameData.description;
@@ -276,7 +300,7 @@ import Layout from "../../layouts/Layout.astro";
         calculationText.style.fontWeight = '600';
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
diff --git a/src/pages/tick/v1.astro b/src/pages/tick/v1.astro
index bc11a16..7f8a8df 100644
--- a/src/pages/tick/v1.astro
+++ b/src/pages/tick/v1.astro
@@ -11,10 +11,10 @@ import Layout from "../../layouts/Layout.astro";
                             <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
-                            <button><img src="/assets/svg/mute.svg" alt=""></button>
-                            <button><img src="/assets/svg/reset.svg" alt=""></button>
+                            <button onclick="audioPlayAndPause()"><img src="/assets/svg/mute.svg" alt=""></button>
+                            <button onclick="retryGame()"><img src="/assets/svg/reset.svg" alt=""></button>
                             <button onclick="saveUserData();"><img src="/assets/svg/tick2.svg" alt=""></button>
-                            <button><img src="/assets/svg/cancel.svg" alt=""></button>
+                            <button onclick="history.back();"><img src="/assets/svg/cancel.svg" alt=""></button>
                         </div>
                     </div>
                     <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
@@ -99,18 +99,39 @@ import Layout from "../../layouts/Layout.astro";
                   <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                 </div>
                 <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-                  <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                  <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                  <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+                  <button onclick="retryGame()" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                 </div>
               </div>
             </div>
             <div class="clip-art-container absolute bottom-0 right-0 hidden">
                 <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
             </div>
-        </div>        
+        </div>      
+        <div>
+            <audio id="audioPlayer" controls class="hidden">
+                <source id="instrucAudio1" src="" type="audio/ogg">
+                <source id="instrucAudio2" src="" type="audio/mpeg">
+                Your browser does not support the audio element.
+            </audio>
+        </div>  
     </main>
 </Layout>
 <script is:inline>
+    let isPlaying = false;
+    function audioPlayAndPause(){
+        if(isPlaying === false){
+            document.getElementById('audioPlayer').play();
+            isPlaying = true;
+        }else if(isPlaying === true){
+            document.getElementById('audioPlayer').pause();
+            document.getElementById('audioPlayer').currentTime = 0;
+            isPlaying = false;
+        }
+    }
+    function retryGame(){
+        window.location.reload();
+    }
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
     const userId = params.get('userId');
@@ -131,6 +152,10 @@ import Layout from "../../layouts/Layout.astro";
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
+            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            document.getElementById('instrucAudio1').src = audioLink;
+            document.getElementById('instrucAudio2').src = audioLink;
+            document.querySelector('audio').load();
             // console.log(gameData)
             document.getElementById("gameDescription").innerHTML = gameData.description;
             if(gameData.label1){
@@ -318,7 +343,7 @@ import Layout from "../../layouts/Layout.astro";
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
 
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
diff --git a/src/pages/tick/v2.astro b/src/pages/tick/v2.astro
index cc06da9..e65285c 100644
--- a/src/pages/tick/v2.astro
+++ b/src/pages/tick/v2.astro
@@ -11,10 +11,10 @@ import Layout from "../../layouts/Layout.astro";
                             <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
-                            <button><img src="/assets/svg/mute.svg" alt=""></button>
-                            <button><img src="/assets/svg/reset.svg" alt=""></button>
+                            <button onclick="audioPlayAndPause()"><img src="/assets/svg/mute.svg" alt=""></button>
+                            <button onclick="retryGame()"><img src="/assets/svg/reset.svg" alt=""></button>
                             <button onclick="saveUserData();"><img src="/assets/svg/tick2.svg" alt=""></button>
-                            <button><img src="/assets/svg/cancel.svg" alt=""></button>
+                            <button onclick="history.back();"><img src="/assets/svg/cancel.svg" alt=""></button>
                         </div>
                     </div>
                     <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
@@ -125,8 +125,8 @@ import Layout from "../../layouts/Layout.astro";
                   <img class="z-10" src="/assets/clip-art.svg" alt="" />
                   <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>                </div>
                 <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-                  <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                  <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                  <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+                  <button onclick="retryGame()" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                 </div>
               </div>
             </div>
@@ -134,9 +134,30 @@ import Layout from "../../layouts/Layout.astro";
                 <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
             </div>
         </div>
+        <div>
+            <audio id="audioPlayer" controls class="hidden">
+                <source id="instrucAudio1" src="" type="audio/ogg">
+                <source id="instrucAudio2" src="" type="audio/mpeg">
+                Your browser does not support the audio element.
+            </audio>
+        </div> 
     </main>
 </Layout>
 <script is:inline>
+    let isPlaying = false;
+    function audioPlayAndPause(){
+        if(isPlaying === false){
+            document.getElementById('audioPlayer').play();
+            isPlaying = true;
+        }else if(isPlaying === true){
+            document.getElementById('audioPlayer').pause();
+            document.getElementById('audioPlayer').currentTime = 0;
+            isPlaying = false;
+        }
+    }
+    function retryGame(){
+        window.location.reload();
+    }
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
     const userId = params.get('userId');
@@ -193,6 +214,10 @@ import Layout from "../../layouts/Layout.astro";
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
+            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            document.getElementById('instrucAudio1').src = audioLink;
+            document.getElementById('instrucAudio2').src = audioLink;
+            document.querySelector('audio').load();
             // console.log(gameData)
             document.getElementById("gameDescription").innerHTML = gameData.description;
             if(gameData.label1){
@@ -360,7 +385,7 @@ import Layout from "../../layouts/Layout.astro";
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
 
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
diff --git a/src/pages/tick/v3.astro b/src/pages/tick/v3.astro
index c2894d0..36b77f2 100644
--- a/src/pages/tick/v3.astro
+++ b/src/pages/tick/v3.astro
@@ -13,9 +13,9 @@ import Layout from "../../layouts/Layout.astro";
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>
-                            <button><img src="/assets/svg/reset.svg" alt=""></button>
+                            <button onclick="retryGame()"><img src="/assets/svg/reset.svg" alt=""></button>
                             <button onclick="saveUserData();"><img src="/assets/svg/tick2.svg" alt=""></button>
-                            <button><img src="/assets/svg/cancel.svg" alt=""></button>
+                            <button onclick="history.back();"><img src="/assets/svg/cancel.svg" alt=""></button>
                         </div>
                     </div>
                     <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
@@ -84,8 +84,8 @@ import Layout from "../../layouts/Layout.astro";
                   <img class="z-10" src="/assets/clip-art.svg" alt="" />
                   <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>                </div>
                 <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
-                  <button class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
-                  <button class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
+                  <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
+                  <button onclick="retryGame()" class="border-[1px] border-[#0348A8] p-2.5 rounded-[4px] text-[#0348A8] w-full">Try Again</button>
                 </div>
               </div>
             </div>
@@ -93,9 +93,30 @@ import Layout from "../../layouts/Layout.astro";
                 <img src="/assets/svg/clip-art2.svg" alt="Clip Art" class="clip-art">
             </div>
         </div>  
+        <div>
+            <audio id="audioPlayer" controls class="hidden">
+                <source id="instrucAudio1" src="" type="audio/ogg">
+                <source id="instrucAudio2" src="" type="audio/mpeg">
+                Your browser does not support the audio element.
+            </audio>
+        </div> 
     </main>
 </Layout>
 <script is:inline>
+    let isPlaying = false;
+    function audioPlayAndPause(){
+        if(isPlaying === false){
+            document.getElementById('audioPlayer').play();
+            isPlaying = true;
+        }else if(isPlaying === true){
+            document.getElementById('audioPlayer').pause();
+            document.getElementById('audioPlayer').currentTime = 0;
+            isPlaying = false;
+        }
+    }
+    function retryGame(){
+        window.location.reload();
+    }
     const params = new URLSearchParams(window.location.search);
     const gameId = params.get('id');
     const userId = params.get('userId');
@@ -121,6 +142,10 @@ import Layout from "../../layouts/Layout.astro";
         .then(res => res.json())
         .then(data => {
             gameData = data.data;
+            let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`;
+            document.getElementById('instrucAudio1').src = audioLink;
+            document.getElementById('instrucAudio2').src = audioLink;
+            document.querySelector('audio').load();
             // console.log(gameData)
             document.getElementById("gameLabel").innerHTML = gameData.label;
             document.getElementById("gameDescription").innerHTML = gameData.description;
@@ -287,7 +312,7 @@ import Layout from "../../layouts/Layout.astro";
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
 
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
diff --git a/src/pages/tst2.astro b/src/pages/tst2.astro
index e69de29..ad2436c 100644
--- a/src/pages/tst2.astro
+++ b/src/pages/tst2.astro
@@ -0,0 +1,28 @@
+<div>
+    <audio controls>
+        <source src="horse.ogg" type="audio/ogg">
+        <source id="audioFile" src="horse.mp3" type="audio/mpeg">
+        Your browser does not support the audio element.
+    </audio>
+</div>
+
+<script is:inline>
+    fetch('https://game-du.teachertrainingkolkata.in/items/game_drag/19')
+    .then(response => response.json())
+    .then(responseData => {
+        console.log(responseData); // Log the full response
+
+        // Check if the data contains the 'instruction' field
+        const instructionId = responseData.data.instruction;
+
+        // Assuming you need to build the full URL from this instruction ID
+        const audioUrl = `https://game-du.teachertrainingkolkata.in/assets/${instructionId}.mp3`;
+        console.log(audioUrl)
+
+        // Set the audio source dynamically
+        document.getElementById('audioFile').src = audioUrl;
+    })
+    .catch(error => {
+        console.error('Error fetching audio source:', error);
+    });
+</script>