diff --git a/src/app/views/pages/level/level-sidemenu/level-sidemenu.component.ts b/src/app/views/pages/level/level-sidemenu/level-sidemenu.component.ts
index 83f75e0..e9ffe8b 100644
--- a/src/app/views/pages/level/level-sidemenu/level-sidemenu.component.ts
+++ b/src/app/views/pages/level/level-sidemenu/level-sidemenu.component.ts
@@ -76,6 +76,29 @@ export class LevelSidemenuComponent implements OnInit {
                 { label: 'word Help', command: () => this.levelService.viewPage=32}
             ]
         },
+
+        {
+            label: 'Lesson 4: Annual Haircut Day',
+            items: [
+            { label: 'Introduction 1', command: () => this.levelService.viewPage=33},
+            { label: 'Story Time:Annual Haircut Day', command: () => this.levelService.viewPage=34},
+            { label: 'Lets Talk', command: () => this.levelService.viewPage=35},
+            { label: 'Open Story', command: () => this.levelService.viewPage=36},
+            { label: 'Introduction 2', command: () => this.levelService.viewPage=37},
+            { label: 'Story Time:The Red Rain Coat', command: () => this.levelService.viewPage=38},
+            { label: 'Lets Talk', command: () => this.levelService.viewPage=39},
+            { label: 'Think and Write', command: () => this.levelService.viewPage=40},
+            { label: 'word Help', command: () => this.levelService.viewPage=41}
+            ]
+            },
+            
+
+
+
+
+
+
+
         // {
         //     label: 'Eng Level 1',
         //     expanded: true,
diff --git a/src/app/views/pages/level/level-viewpart/level-viewpart.component.html b/src/app/views/pages/level/level-viewpart/level-viewpart.component.html
index 6b8b404..0130743 100644
--- a/src/app/views/pages/level/level-viewpart/level-viewpart.component.html
+++ b/src/app/views/pages/level/level-viewpart/level-viewpart.component.html
@@ -167,8 +167,7 @@ <h4 class="rounded bg-light py-3 px-4">Word Help</h4>
 
     <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 29">
         <!--------------------------10.3.Open Story----------------------------------------->
-        <h4 class="rounded bg-light py-3 px-4">Open Story</h4>
-        <app-word-help [data]="wordHelp_lesson_2" ></app-word-help>
+        <app-open-story [data]=""></app-open-story>
     </div>
 
     <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 30">
@@ -192,6 +191,64 @@ <h4 class="rounded bg-light py-3 px-4">word Help</h4>
 </div>
 
 
+
+
+
+<!-----------------lesson - 4 (Annual Haircut Day) -->
+<div>
+
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 33">
+    <!---------------------------4.1.introduction---------------------------->
+    <app-introduction [instruction]="introduction_lesson_5"></app-introduction>
+    </div>
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 34">
+    <!---------------------------4.2.introduction---------------------------->
+    <app-introduction [instruction]="introduction_lesson_5"></app-introduction>
+    </div>
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 35">
+    <!--------------------------10.4.Lets Talk----------------------------------------->
+    <app-lets-talk></app-lets-talk>
+    </div>
+    
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 36">
+    <!--------------------------10.3.Open Story----------------------------------------->
+    <h4 class="rounded bg-light py-3 px-4">Open Story: Match the Caption</h4>
+    <app-open-story [data]=""></app-open-story>
+    </div>
+    
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 37">
+    <!---------------------------4.1.introduction---------------------------->
+    <app-introduction [instruction]="introduction_lesson_5"></app-introduction>
+    </div>
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 38">
+    <!---------------------------4.1.introduction---------------------------->
+    <app-introduction [instruction]="introduction_lesson_5"></app-introduction>
+    </div>
+    
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 39">
+    <!--------------------------10.4.Lets Talk----------------------------------------->
+    <app-lets-talk></app-lets-talk>
+    </div>
+    
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 40">
+    <!--------------------------10.5. Think and Write---------------------------------------->
+    <app-think-and-write [data]="thinkAndWrite_lesson_3"></app-think-and-write>
+    </div>
+    
+    <div class="rounded bg-white border p-3" *ngIf="levelService.viewPage == 41">
+    <!--------------------------10.6.Word help----------------------------------------->
+    <h4 class="rounded bg-light py-3 px-4">word Help</h4>
+    <app-word-help [data]="wordHelp_lesson_2" ></app-word-help>
+    </div>
+    </div>
+
+
+
+
+
+
+
+
 <div class="text-center">
     <button class="px-5 py-3 rounded bg-primary border-0 text-white fs-4 mt-5" (click)="gotoNextpage()">Next</button>
 </div>
diff --git a/src/app/views/pages/level/level-viewpart/level-viewpart.component.ts b/src/app/views/pages/level/level-viewpart/level-viewpart.component.ts
index b418ecc..03f4015 100644
--- a/src/app/views/pages/level/level-viewpart/level-viewpart.component.ts
+++ b/src/app/views/pages/level/level-viewpart/level-viewpart.component.ts
@@ -97,6 +97,8 @@ export class LevelViewpartComponent implements OnInit {
 
 
 
+
+
   lesson_1 =  {
     title: 'What\'s going on?',
     id: "lesson-1",
@@ -285,7 +287,7 @@ export class LevelViewpartComponent implements OnInit {
       instruction_1:{
         en_text: "Drag and drop the right person to complete the pair. Then, click on the record button to say the name of the relationship. e.g. husband and wife.",
         ta_text: "జతను పూర్తి చేయడానికి సరియైన వ్యక్తిని డ్రాగ్ చేసి మరియు డ్రాప్ చేయండి. తరువాత, సంబంధం పేరుని చెప్పడానికి రికార్డ్ బటన్ పైన క్లిక్ చేయండి. ఉదా. భర్త మరియు భార్య",
-        audio: "assets/collection/lesson-8/picture-play/instruction-1.mp3"
+        audio: "assets/collection/lesson-10/picture-play/instruction-1.mp3"
       },
       src: "https://h5p.org/h5p/embed/1356282"
     }
diff --git a/src/assets/collection/lesson-4/audio/instruction-1.mp3 b/src/assets/collection/lesson-4/audio/instruction-1.mp3
new file mode 100644
index 0000000..d013d61
Binary files /dev/null and b/src/assets/collection/lesson-4/audio/instruction-1.mp3 differ
diff --git a/src/assets/collection/lesson-4/photo/ins1.png b/src/assets/collection/lesson-4/photo/ins1.png
new file mode 100644
index 0000000..0bb3ca8
Binary files /dev/null and b/src/assets/collection/lesson-4/photo/ins1.png differ