diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs-microsite-v2/karma-programs-microsite-v2.component.html b/project/ws/app/src/lib/routes/karma-programs/karma-programs-microsite-v2/karma-programs-microsite-v2.component.html
index 118c5eea8..2eced1a95 100644
--- a/project/ws/app/src/lib/routes/karma-programs/karma-programs-microsite-v2/karma-programs-microsite-v2.component.html
+++ b/project/ws/app/src/lib/routes/karma-programs/karma-programs-microsite-v2/karma-programs-microsite-v2.component.html
@@ -26,62 +26,71 @@
 
 <!-- banner start -->
 <ng-template #banner let-data="data">
-    <div class="hidden md:block">
-        <div class="flex  items-center justify-center" [ngStyle]="{'background': data.background}">
-            <div class="container">
-                <div class="grid grid-cols-12 gap-4 padding-top-l mb-6">
-                    <div class="col-span-12 md:col-span-6">
-                        <div class="flex-1 flex flex-col mr-4 ws-mat-white-text">
-                            <div class="mt-6 pt-6">
-                                <h1  class=" txt-ellipsis-2 break-words">{{data.title || programName}}</h1>
-                                <p class="mat-body-1">
-                                    {{data?.description | slice:0:descriptionMaxLength}}
-                                    <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>
-                                </p>
-                                <ng-container *ngIf="data?.referenceLinks && data?.referenceLinks?.length">
-                                    <ng-container *ngFor="let ref of data?.referenceLinks">
-                                        <p >
-                                            {{ref?.label}} : <a href="{{ref?.value}}" class=" ref-links " target="_blank"> {{'contentstripmultiple.clickHere' | translate}}</a>
-                                        </p>
+    <ng-container *ngIf="!data?.versioning">
+        <div class="hidden md:block">
+            <div class="flex  items-center justify-center" [ngStyle]="{'background': data.background}">
+                <div class="container">
+                    <div class="grid grid-cols-12 gap-4 padding-top-l mb-6">
+                        <div class="col-span-12 md:col-span-6">
+                            <div class="flex-1 flex flex-col mr-4 ws-mat-white-text">
+                                <div class="mt-6 pt-6">
+                                    <h1  class=" txt-ellipsis-2 break-words">{{data.title || programName}}</h1>
+                                    <p class="mat-body-1">
+                                        {{data?.description | slice:0:descriptionMaxLength}}
+                                        <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>
+                                    </p>
+                                    <ng-container *ngIf="data?.referenceLinks && data?.referenceLinks?.length">
+                                        <ng-container *ngFor="let ref of data?.referenceLinks">
+                                            <p >
+                                                {{ref?.label}} : <a href="{{ref?.value}}" class=" ref-links " target="_blank"> {{'contentstripmultiple.clickHere' | translate}}</a>
+                                            </p>
+                                        </ng-container>
                                     </ng-container>
-                                </ng-container>
+                                </div>
                             </div>
                         </div>
-                    </div>
-                    <div class="col-span-12 md:col-span-6 zindex">
-                        <div class="slider slider-box" *ngIf="data.sliderData && data.sliderData.sliders">
-                            <sb-uic-sliders [widgetData]="data.sliderData.sliders" [styleData]="data.sliderData.styleData" ></sb-uic-sliders>
+                        <div class="col-span-12 md:col-span-6 zindex">
+                            <div class="slider slider-box" *ngIf="data.sliderData && data.sliderData.sliders">
+                                <sb-uic-sliders [widgetData]="data.sliderData.sliders" [styleData]="data.sliderData.styleData" ></sb-uic-sliders>
+                            </div>
                         </div>
                     </div>
                 </div>
+                <img class="absolute comp-back-img" src="assets/icons/microsite/competency.svg" alt="">
             </div>
-            <img class="absolute comp-back-img" src="assets/icons/microsite/competency.svg" alt="">
         </div>
-    </div>
-    <div class="block md:hidden">
-        <div class="col-span-12">
-            <div class="slider slider-box" *ngIf="data.sliderData && data.sliderData.sliders">
-                <sb-uic-sliders [widgetData]="data.sliderData.sliders" [styleData]="data.sliderData.styleData" ></sb-uic-sliders>
+        <div class="block md:hidden">
+            <div class="col-span-12">
+                <div class="slider slider-box" *ngIf="data.sliderData && data.sliderData.sliders">
+                    <sb-uic-sliders [widgetData]="data.sliderData.sliders" [styleData]="data.sliderData.styleData" ></sb-uic-sliders>
+                </div>
             </div>
-        </div>
-        <div class="container px-4 py-4 flex flex-col mob-comp-back-img">
-            <div class="w-full md:w-9/12 flex-1 flex flex-col ws-mat-white-text">
-                <h1 class=" txt-ellipsis-2 break-words">{{data?.title}}</h1>
-                <p class="mat-body-2">
-                    {{data?.description | slice:0:descriptionMaxLength}}
-                    <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>
-                </p>
-                <ng-container *ngIf="data?.referenceLinks && data?.referenceLinks?.length">
-                    <ng-container *ngFor="let ref of data?.referenceLinks">
-                        <p >
-                            {{ref?.label}} : <a href="{{ref?.value}}" class=" ref-links "  target="_blank">{{'contentstripmultiple.clickHere' | translate}}</a>
-                        </p>
+            <div class="container px-4 py-4 flex flex-col mob-comp-back-img">
+                <div class="w-full md:w-9/12 flex-1 flex flex-col ws-mat-white-text">
+                    <h1 class=" txt-ellipsis-2 break-words">{{data?.title}}</h1>
+                    <p class="mat-body-2">
+                        {{data?.description | slice:0:descriptionMaxLength}}
+                        <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>
+                    </p>
+                    <ng-container *ngIf="data?.referenceLinks && data?.referenceLinks?.length">
+                        <ng-container *ngFor="let ref of data?.referenceLinks">
+                            <p >
+                                {{ref?.label}} : <a href="{{ref?.value}}" class=" ref-links "  target="_blank">{{'contentstripmultiple.clickHere' | translate}}</a>
+                            </p>
+                        </ng-container>
                     </ng-container>
-                </ng-container>
-                
+                    
+                </div>
             </div>
         </div>
-    </div>
+    </ng-container>
+
+    <ng-container *ngIf="data?.versioning">
+        <div class="banner-new" [ngStyle]="{'background-image': 'url(' + data?.backgroundImageV2 + ')'}">
+
+        </div>
+    </ng-container>
+    
 </ng-template>
 <!-- banner end -->
 
diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs-microsite-v2/karma-programs-microsite-v2.component.scss b/project/ws/app/src/lib/routes/karma-programs/karma-programs-microsite-v2/karma-programs-microsite-v2.component.scss
index 877b6cebd..5b00b4697 100644
--- a/project/ws/app/src/lib/routes/karma-programs/karma-programs-microsite-v2/karma-programs-microsite-v2.component.scss
+++ b/project/ws/app/src/lib/routes/karma-programs/karma-programs-microsite-v2/karma-programs-microsite-v2.component.scss
@@ -101,4 +101,12 @@
     color: #F3962F !important;
     position: relative;
     z-index: 999999;
+  }
+
+  .banner-new {
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+    width: 100%;
+    height: 457px;
   }
\ No newline at end of file
diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs-routing.module.ts b/project/ws/app/src/lib/routes/karma-programs/karma-programs-routing.module.ts
index 150fdec14..a8a386b24 100644
--- a/project/ws/app/src/lib/routes/karma-programs/karma-programs-routing.module.ts
+++ b/project/ws/app/src/lib/routes/karma-programs/karma-programs-routing.module.ts
@@ -1,10 +1,9 @@
 import { NgModule } from '@angular/core'
 import { Routes, RouterModule } from '@angular/router'
 import { KarmaProgramsFormV1Service } from './service/karma-programs-form-v1.service'
-import { KarmaProgramsV1Component } from './karma-programs-v1/karma-programs-v1.component'
+import { KarmaProgramsComponent } from './karma-programs/karma-programs.component'
 import { KarmaProgramsMicrositeV1Component } from './karma-programs-microsite-v1/karma-programs-microsite-v1.component'
 import { KarmaProgramDataService } from './service/karma-program-data.service'
-import { KarmaProgramsV2Component } from './karma-programs-v2/karma-programs-v2.component'
 import { KarmaProgramsMicrositeV2Component } from './karma-programs-microsite-v2/karma-programs-microsite-v2.component'
 import { KarmaProgramsFormV2Service } from './service/karma-programs-form-v2.service.'
 
@@ -16,7 +15,7 @@ const routes: Routes = [
     },
     {
         path: 'all-programs',
-        component: KarmaProgramsV1Component,
+        component: KarmaProgramsComponent,
         data: {
             pageId: 'all-programs',
             module: 'Learn',
@@ -36,17 +35,6 @@ const routes: Routes = [
             formData: KarmaProgramsFormV1Service,
         },
     },
-    {
-        path: 'all-programs/v2',
-        component: KarmaProgramsV2Component,
-        data: {
-            pageId: 'all-programs',
-            module: 'Learn',
-        },
-        resolve: {
-            programData: KarmaProgramDataService,
-        },
-    },
     {
         path: ':programName/:playListKey/:orgId/micro-sites/v2',
         component: KarmaProgramsMicrositeV2Component,
diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v1/karma-programs-v1.component.ts b/project/ws/app/src/lib/routes/karma-programs/karma-programs-v1/karma-programs-v1.component.ts
deleted file mode 100644
index a51b9b3b5..000000000
--- a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v1/karma-programs-v1.component.ts
+++ /dev/null
@@ -1,238 +0,0 @@
-import { Component, OnInit } from '@angular/core'
-import { FormControl, FormGroup } from '@angular/forms'
-import { Observable, Subject } from 'rxjs'
-import { BrowseProviderService } from '../../browse-by-provider/services/browse-provider.service'
-import { LocalDataService } from '../../browse-by-competency/services/localService'
-import { TranslateService } from '@ngx-translate/core'
-import { EventService, WsEvents, MultilingualTranslationsService } from '@sunbird-cb/utils-v2'
-import { debounceTime, switchMap, takeUntil } from 'rxjs/operators'
-// tslint:disable
-import _ from 'lodash'
-import { ActivatedRoute } from '@angular/router'
-
-@Component({
-  selector: 'ws-app-karma-programs-v1',
-  templateUrl: './karma-programs-v1.component.html',
-  styleUrls: ['./karma-programs-v1.component.scss']
-})
-export class KarmaProgramsV1Component implements OnInit {
-
-  public displayLoader!: Observable<boolean>
-  provider = 'JPAL'
-  page = 1
-  defaultLimit = 20
-  limit = 20
-  searchForm: FormGroup | undefined
-  sortBy: any
-  searchQuery = ''
-  allProviders: any = []
-  clonesProviders: any
-  disableLoadMore = false
-  totalCount = 0
-  private unsubscribe = new Subject<void>()
-  titles = [
-    { title: 'Learn', url: '/page/learn', icon: 'school', disableTranslate: false },
-    { title: 'Karma Programs', url: 'none', icon: '' },
-  ]
-  getAllProvidersReq = {
-    request: {
-      filters: {
-        isCbp: true,
-      },
-      sort_by: {
-        orgName: 'asc',
-      },
-      query: '',
-      limit: this.limit,
-      offset: 0,
-    },
-  }
-  constructor(
-    private browseProviderSvc: BrowseProviderService,
-    private localService: LocalDataService,
-    private translate: TranslateService,
-    private route: ActivatedRoute,
-    private langtranslations: MultilingualTranslationsService,
-    private events: EventService
-  ) {
-    this.langtranslations.languageSelectedObservable.subscribe(() => {
-      if (localStorage.getItem('websiteLanguage')) {
-        this.translate.setDefaultLang('en')
-        const lang = localStorage.getItem('websiteLanguage')!
-        this.translate.use(lang)
-      }
-    })
-    if (this.route.snapshot.data && this.route.snapshot.data.programData
-      && this.route.snapshot.data.programData.data
-      && this.route.snapshot.data.programData.data.result
-      && this.route.snapshot.data.programData.data.result.data
-      && this.route.snapshot.data.programData.data.result.data.length
-    ) {
-      // this.allProviders = this.route.snapshot.data.programData.data.result.data
-      this.allProviders = []
-      let programData: any = this.route.snapshot.data.programData.data.result.data
-      programData.forEach((prgData: any) => {
-        if(prgData.children && prgData.children.length) {
-          this.allProviders.push(prgData)
-        }
-      })
-      // .data.result.form.data.sectionList
-    }
-    this.clonesProviders = this.allProviders
-   }
-
-  ngOnInit() {
-    this.searchForm = new FormGroup({
-      sortByControl: new FormControl(''),
-      searchKey: new FormControl(''),
-    })
-    this.sortType('asc')
-    this.displayLoader = this.browseProviderSvc.isLoading()
-    this.searchForm.valueChanges
-      .pipe(
-        debounceTime(500),
-        switchMap(async (formValue: any) => {
-          this.sortBy = formValue.sortByControl
-          this.updateQuery(formValue.searchKey)
-        }),
-        takeUntil(this.unsubscribe)
-      ).subscribe()
-    // this.getAllProviders()
-  }
-
-  getAllProviders(req?: any) {
-    this.allProviders = []
-    const request = req || this.getAllProvidersReq
-    let data = this.localService.providers.getValue()
-    if (data && data.length === 0) {
-      this.browseProviderSvc.fetchAllProviders(request).subscribe(response => {
-        this.localService.initProviders(response)
-        // if (res && res.result &&  res.result.response && res.result.response.content) {
-        //   this.allProviders = res.result.response.content
-        //   this.totalCount = res.result.response.count
-        //   if ((this.page * this.defaultLimit) >= this.totalCount) {
-        //     this.disableLoadMore = true
-        //   } else {
-        //     this.disableLoadMore = false
-        //   }
-        // }
-        if (response) {
-          const res = _.toArray(_.pickBy(response, v => v !== null && v !== undefined && !!v.title))
-          const fData: any[] = []
-          if (this.searchQuery) {
-            _.each(res, (d: any) => {
-              let found = false
-              found = _.includes(_.lowerCase(this.searchQuery), _.lowerCase(_.get(d, 'title')))
-                || _.includes(_.lowerCase(_.get(d, 'title')), _.lowerCase(this.searchQuery))
-              if (found) {
-                fData.push(d)
-              }
-            })
-            this.allProviders = fData
-          }
-          if (this.sortBy) {
-            this.allProviders = _.orderBy(fData.length ? fData : res, ['title'], [this.sortBy])
-          } else {
-            this.allProviders = fData.length ? fData : res
-          }
-          if (!this.searchQuery && !this.sortBy) {
-            this.allProviders = fData.length ? fData : res
-          }
-          this.totalCount = fData.length || res.length
-          if ((this.page * this.defaultLimit) >= this.totalCount) {
-            this.disableLoadMore = true
-          } else {
-            this.disableLoadMore = false
-          }
-        }
-      })
-    } else {
-      const fData: any[] = []
-      data = _.toArray(_.pickBy(data, v => v !== null && v !== undefined && !!v.title))
-      if (this.searchQuery) {
-        _.each(data, (d: any) => {
-          let found = false
-          found = _.includes(_.lowerCase(this.searchQuery), _.lowerCase(_.get(d, 'title')))
-            || _.includes(_.lowerCase(_.get(d, 'title')), _.lowerCase(this.searchQuery))
-          if (found) {
-            fData.push(d)
-          }
-        })
-        this.allProviders = fData
-      }
-      if (this.sortBy) {
-        this.allProviders = _.orderBy((fData.length ? fData : data), ['title'], [this.sortBy])
-      }
-      if (!this.searchQuery && !this.sortBy) {
-        this.allProviders = fData.length ? fData : data
-      }
-      this.totalCount = data.length
-      if ((this.page * this.defaultLimit) >= this.totalCount) {
-        this.disableLoadMore = true
-      } else {
-        this.disableLoadMore = false
-      }
-    }
-  }
-
-  updateQuery(key: string) {
-    this.searchQuery = key
-    this.getAllProvidersReq.request.query = this.searchQuery
-    this.getAllProvidersReq.request.offset = 0
-    this.getAllProvidersReq.request.limit = this.defaultLimit
-    this.page = 1
-    this.getAllProvidersReq.request.sort_by.orgName = this.sortBy
-    // this.getAllProviders()
-    this.filterChannles(key)
-  }
-
-  filterChannles(value: string) {
-    if (value) {
-      const filterValue = value.toLowerCase()
-      this.clonesProviders = this.allProviders.filter((p: any) => p.title.toLowerCase().includes(filterValue))
-    }
-    if (!value) {
-      this.clonesProviders = this.allProviders
-    }
-  }
-
-  loadMore() {
-    this.page = this.page + 1
-    // this.getAllProvidersReq.request.offset = this.page * this.limit
-    this.limit = (this.page * this.defaultLimit) || this.defaultLimit
-    this.getAllProvidersReq.request.limit = this.limit
-    this.getAllProviders()
-    if ((this.page * this.defaultLimit) >= this.totalCount) {
-      this.disableLoadMore = true
-    } else {
-      this.disableLoadMore = false
-    }
-  }
-
-  sortType(sortType: any){
-    if(this.searchForm && this.searchForm.get('sortByControl')){
-      // tslint:disable-next-line: no-non-null-assertion
-      this.searchForm.get('sortByControl')!.setValue(sortType)
-      this.sortBy = sortType;
-      this.allProviders = _.orderBy(this.allProviders.length ? this.allProviders : this.allProviders, ['title'], [this.sortBy])
-    }
-  }
-
-  raiseTelemetryInteratEvent(event: any) {
-    this.events.raiseInteractTelemetry(
-      {
-        type: 'click',
-        subType: 'karma-programs',
-        id: 'card-content',
-      },
-      {
-        id: event.title,
-        type: event.orgId,
-      },
-      {
-        module: WsEvents.EnumTelemetrymodules.LEARN,
-      }
-    )
-  }
-
-}
diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.html b/project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.html
deleted file mode 100644
index 26b34e305..000000000
--- a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.html
+++ /dev/null
@@ -1,85 +0,0 @@
-<ws-widget-btn-page-back [widgetData]="{ url: 'home', titles: titles  }">
-</ws-widget-btn-page-back>
-<div class="container-balanced main_content_box">
-    <div class="all_provider_box">
-        <h2 class="mat-h1 margin-bottom-m inline-block "> {{ 'allChannelsComponent.allPrograms' | translate }} ({{allProviders?.length}})</h2>
-        <div class="all_provider_inner">
-            <!-- search box and dropdown-->
-            <form [formGroup]="searchForm">
-                <div class="flex top_search_box">
-                    <div class="search_box_inner flex-1">
-                        <div class="flex flex-1 flex-column margin-fix search search_box_main">
-                            <div class="relative search-wrapper">
-                                <mat-icon matPrefix class="flex absolute items-center justify-center mr-2">search
-                                </mat-icon>
-                                <input type="search" name="searchKey" #searchKey class="ml-2 search-field" i18-aria-label
-                                    aria-label="Search" formControlName="searchKey" i18n-placeholder="search"
-                                    [placeholder]="'allproviderscomponent.search' | translate" />
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="item_dropdown_box">
-                        <div class="flex flex-1 flex-wrap section-input">
-                            <div class="item">
-                                <mat-menu #appMenu="matMenu">
-                                    <button (click)="sortType('asc')" mat-menu-item>
-                                        {{ 'allChannelsComponent.ascending' | translate }} ( A - Z )
-                                    </button>
-                                    <button (click)="sortType('desc')"  mat-menu-item>
-                                        {{ 'allChannelsComponent.descending' | translate }} ( Z - A )
-                                    </button>
-                                  </mat-menu>
-                                  
-                                  <button type="button" mat-icon-button class="flex w-full sort-menu justify-end" [matMenuTriggerFor]="appMenu">
-                                   <div class="flex items-center">
-                                        <span class="mr-1" *ngIf="searchForm?.value?.sortByControl === 'asc'">
-                                            <span class="block md:hidden">A-Z</span>
-                                            <span class="hidden md:block">{{ 'allChannelsComponent.ascending' | translate }} ( A - Z )</span>
-                                        </span>
-                                        <span class="mr-1" *ngIf="searchForm?.value?.sortByControl !== 'asc'">
-                                            <span class="block md:hidden">Z-A</span>
-                                            <span class="hidden md:block">{{ 'allChannelsComponent.descending' | translate }} ( Z - A )</span>
-                                        </span>
-                                        
-                                        
-                                        <mat-icon matPrefix class="flex items-center justify-center ">sort
-                                        </mat-icon>
-                                   </div>
-                                  </button>
-                                <!-- <mat-form-field class="" appearance="outline">
-                                    <mat-select #sortBySelect formControlName="sortByControl" i18n-placeholder
-                                        placeholder="{{ 'allproviderscomponent.sortBy' | translate }}">
-                                        <mat-option [value]="'asc'" slected>{{ 'allChannelsComponent.ascending' | translate }} ( A - Z )</mat-option>
-                                        <mat-option [value]="'desc'">{{ 'allChannelsComponent.descending' | translate }} ( Z - A )</mat-option>
-                                    </mat-select>
-                                </mat-form-field> -->
-                            </div>
-
-                        </div>
-                    </div>
-                </div> <!-- search box and dropdown end -->
-            </form>
-           
-
-            <mat-sidenav-container>
-                <!-- search cards -->
-                <mat-sidenav-content class="custom-sidecontent  mat-drawer-content mat-sidenav-content">
-                    <div class="provider_card_box mt-8 justify-center md:justify-start">
-                        <ng-container *ngFor="let p of clonesProviders">
-                            <sb-uic-card-karma-programs-v2 [widgetData]="{
-                                content : p
-                            }" (raiseTemeletry)="raiseTelemetryInteratEvent($event)"></sb-uic-card-karma-programs-v2>
-                        </ng-container>
-                        <h4 *ngIf="clonesProviders?.length <=0 && ((displayLoader | async) === false)" class="w-full text-left ws-mat-black60-text ">
-                            {{ 'allChannelsComponent.noProgramsFound' | translate }}
-                         </h4>
-                    </div>
-                </mat-sidenav-content>
-            </mat-sidenav-container>
-            <div *ngIf="displayLoader | async" class="mt-5 pr-4 flex items-center justify-center">
-                <mat-spinner [diameter]="30"></mat-spinner>
-            </div>
-        </div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.scss b/project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.scss
deleted file mode 100644
index 5d5280dcd..000000000
--- a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.scss
+++ /dev/null
@@ -1,177 +0,0 @@
-.container-balanced {
-    max-width: 1202px;
-    margin-left: auto!important;
-    margin-right: auto!important;
-    height: auto;
-    min-height: 400px;
-
-    @media (max-width:1024px) {
-        margin-left: 8px!important;
-        margin-right: 8px!important;
-    }
-
-}
-
-.top_card_container {
-    margin-top: 30px;
-    .top_card_inner_box {
-        align-items: center;
-        // enable for flex box layout
-        // flex-direction: row;
-        // flex-wrap: wrap;
-        // justify-content:space-between;
-
-        // enable for grid box layout
-        display: grid !important;
-        grid-gap: 32px;
-        grid-template-columns: repeat(auto-fill, 276px);
-        justify-content: flex-start;
-
-        @media (max-width:768px) {
-            grid-gap: 16px;
-        }
-    }
-}
-
-// all providers
-.all_provider_box {
-    width: 100%;
-    margin-bottom: 150px;
-    padding: 30px 0;
-
-    .all_provider_inner {
-        width: 100%;
-    }
-
-    .top_search_box {
-        width: 100%;
-        overflow: hidden;
-        justify-content: space-between;
-
-
-        .search_box_inner {
-            max-width: 585px;
-            float: left;
-
-            @media (max-width:768px) {
-                width: 75%;
-                max-width: 75%;
-            }
-
-            .search_box_main {
-                width: 100%;
-                max-width: 585px;
-
-                @media (max-width:768px) {
-                    max-width: 100%;
-                }
-
-                mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{
-                    border-top-width: 8px !important;
-                    padding: 12px 10px 12px 12px;
-
-                }
-
-                form {
-                    width: 100%;
-
-                    .search_form {
-                        width: 100%;
-                    }
-                }
-            }
-        }
-
-        .item_dropdown_box {
-            float: right;
-            // width: 210px;
-            box-sizing: border-box;
-
-            @media (max-width:768px) {
-                width: 20%;
-                display: flex;
-                align-items: center;
-                margin-right: 8px;
-            }
-            .item {
-                background: white;
-                width: 100%;
-                padding: 0px 16px;
-                border-radius: 52px;
-                .mat-form-field {
-                    // background-color: #f0f3f4;
-                    // border:1px solid rgba(0, 0, 0, 0.08);
-                    // padding: 0px 12px;
-                    // border-radius: 4px 4px;
-                    // box-sizing: border-box;
-
-                    @media (max-width:768px) {
-                        width: 100%;
-                    }
-                }
-                .theme-igot.day-mode .mat-form-field-appearance-legacy .mat-form-field-underline {
-                    background-color:none;
-                }
-
-            }
-        }
-    }
-
-    .provider_card_box {
-        width:100%;
-        align-items: center;
-        // Enable if flex layout is needed
-        // flex-direction: row;
-        // flex-wrap: wrap;
-        // display: flex;
-        // justify-content: space-between;
-
-        // disable if flex layout is needed and not grid
-        display: grid;
-        grid-gap: 27px;
-        grid-template-columns: repeat(auto-fill, 275px);
-        //justify-content: space-between;
-
-        @media (max-width:1024px) {
-            // justify-content: center;
-            grid-template-columns: unset;
-        }
-
-    }
-
-    a.load_more_link {
-        margin:35px auto 0 auto;
-        text-align:center;
-        display: block;
-    }
-
-}
-
-
-.sort-menu {
-width: 100% !important;
-}
-.search-wrapper {
-    mat-icon {
-        top: 8px;
-        left: 20px;
-    }
-    .search-field {
-        width:  487px;
-        height: 40px;
-        padding: 12px 16px 12px 48px;
-        gap: 8px;
-        border-radius: 52px;
-        background: #FFFFFF;
-        border: 1px solid #00000014;
-        @media (max-width:768px) {
-            width:  284px;
-        }
-    }
-}
-
-
-input[type="search"]::-webkit-search-decoration:hover,
-input[type="search"]::-webkit-search-cancel-button:hover { 
-    cursor:pointer; 
-}
\ No newline at end of file
diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.spec.ts b/project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.spec.ts
deleted file mode 100644
index ca4acedef..000000000
--- a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing'
-import { KarmaProgramsV2Component } from './karma-programs-v2.component'
-
-describe('KarmaProgramsV2Component', () => {
-  let component: KarmaProgramsV2Component
-  let fixture: ComponentFixture<KarmaProgramsV2Component>
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [KarmaProgramsV2Component],
-    })
-    .compileComponents()
-  }))
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(KarmaProgramsV2Component)
-    component = fixture.componentInstance
-    fixture.detectChanges()
-  })
-
-  it('should create', () => {
-    expect(component).toBeTruthy()
-  })
-})
diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs.module.ts b/project/ws/app/src/lib/routes/karma-programs/karma-programs.module.ts
index aeda948cf..2832daef5 100644
--- a/project/ws/app/src/lib/routes/karma-programs/karma-programs.module.ts
+++ b/project/ws/app/src/lib/routes/karma-programs/karma-programs.module.ts
@@ -12,15 +12,13 @@ import { TranslateLoader, TranslateModule } from '@ngx-translate/core'
 import { HttpClient } from '@angular/common/http'
 import { HttpLoaderFactory } from 'src/app/app.module'
 import { KarmaProgramDataService } from './service/karma-program-data.service'
-import { KarmaProgramsV1Component } from './karma-programs-v1/karma-programs-v1.component'
-import { KarmaProgramsV2Component } from './karma-programs-v2/karma-programs-v2.component'
+import { KarmaProgramsComponent } from './karma-programs/karma-programs.component'
 import { KarmaProgramsMicrositeV2Component } from './karma-programs-microsite-v2/karma-programs-microsite-v2.component'
 
 @NgModule({
   declarations: [
-    KarmaProgramsV1Component,
+    KarmaProgramsComponent,
     KarmaProgramsMicrositeV1Component,
-    KarmaProgramsV2Component,
     KarmaProgramsMicrositeV2Component],
   imports: [
     CommonModule,
diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v1/karma-programs-v1.component.html b/project/ws/app/src/lib/routes/karma-programs/karma-programs/karma-programs.component.html
similarity index 100%
rename from project/ws/app/src/lib/routes/karma-programs/karma-programs-v1/karma-programs-v1.component.html
rename to project/ws/app/src/lib/routes/karma-programs/karma-programs/karma-programs.component.html
diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v1/karma-programs-v1.component.scss b/project/ws/app/src/lib/routes/karma-programs/karma-programs/karma-programs.component.scss
similarity index 100%
rename from project/ws/app/src/lib/routes/karma-programs/karma-programs-v1/karma-programs-v1.component.scss
rename to project/ws/app/src/lib/routes/karma-programs/karma-programs/karma-programs.component.scss
diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v1/karma-programs-v1.component.spec.ts b/project/ws/app/src/lib/routes/karma-programs/karma-programs/karma-programs.component.spec.ts
similarity index 51%
rename from project/ws/app/src/lib/routes/karma-programs/karma-programs-v1/karma-programs-v1.component.spec.ts
rename to project/ws/app/src/lib/routes/karma-programs/karma-programs/karma-programs.component.spec.ts
index 6aef376a5..73d0c0721 100644
--- a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v1/karma-programs-v1.component.spec.ts
+++ b/project/ws/app/src/lib/routes/karma-programs/karma-programs/karma-programs.component.spec.ts
@@ -1,19 +1,19 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing'
-import { KarmaProgramsV1Component } from './karma-programs-v1.component'
+import { KarmaProgramsComponent } from './karma-programs.component'
 
-describe('KarmaProgramsV1Component', () => {
-  let component: KarmaProgramsV1Component
-  let fixture: ComponentFixture<KarmaProgramsV1Component>
+describe('KarmaProgramsComponent', () => {
+  let component: KarmaProgramsComponent
+  let fixture: ComponentFixture<KarmaProgramsComponent>
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [KarmaProgramsV1Component],
+      declarations: [KarmaProgramsComponent],
     })
     .compileComponents()
   }))
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(KarmaProgramsV1Component)
+    fixture = TestBed.createComponent(KarmaProgramsComponent)
     component = fixture.componentInstance
     fixture.detectChanges()
   })
diff --git a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.ts b/project/ws/app/src/lib/routes/karma-programs/karma-programs/karma-programs.component.ts
similarity index 97%
rename from project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.ts
rename to project/ws/app/src/lib/routes/karma-programs/karma-programs/karma-programs.component.ts
index 549e0b723..b2946de2c 100644
--- a/project/ws/app/src/lib/routes/karma-programs/karma-programs-v2/karma-programs-v2.component.ts
+++ b/project/ws/app/src/lib/routes/karma-programs/karma-programs/karma-programs.component.ts
@@ -11,11 +11,11 @@ import _ from 'lodash'
 import { ActivatedRoute } from '@angular/router'
 
 @Component({
-  selector: 'ws-app-karma-programs-v2',
-  templateUrl: './karma-programs-v2.component.html',
-  styleUrls: ['./karma-programs-v2.component.scss']
+  selector: 'ws-app-karma-programs',
+  templateUrl: './karma-programs.component.html',
+  styleUrls: ['./karma-programs.component.scss']
 })
-export class KarmaProgramsV2Component implements OnInit {
+export class KarmaProgramsComponent implements OnInit {
 
   public displayLoader!: Observable<boolean>
   provider = 'JPAL'