diff --git a/src/app/pages/home/home.page.html b/src/app/pages/home/home.page.html
index 00a7225..6817a2c 100644
--- a/src/app/pages/home/home.page.html
+++ b/src/app/pages/home/home.page.html
@@ -28,7 +28,7 @@
     <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/offer.jpg)'"></div>
   </div>
 
-  <div  *ngFor="let item of bannerData; let i = index" class="bg_white {{item.short_style}} "  (click)="onDetails(item)">
+  <div  *ngFor="let item of bannerData; let i = index" class="bg_white {{item.short_style}}  {{item.card_type}} "  (click)="onDetails(item)">
     <div class="list">
       <div *ngIf="item.banner_location === 'URL' ">
         <!-- code to render a large video block-->
diff --git a/src/app/pages/home/home.page.scss b/src/app/pages/home/home.page.scss
index d8c2c6f..08514b4 100644
--- a/src/app/pages/home/home.page.scss
+++ b/src/app/pages/home/home.page.scss
@@ -59,6 +59,7 @@ ion-content {
     background-color: #eeee67;
   }
 
+
   .search_box {
     background-color: rgb(228, 227, 227);
     padding: 10px 20px;
@@ -197,6 +198,12 @@ ion-content {
     box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
     border-radius: 10px;
     margin-bottom: 20px;
+    &.PASTDUEJOB{
+      background-color: #e0b4b4;
+    }
+    &.REVIEWJOB{
+      background-color: #dbefda;
+    }
     &.bg_alice{
       background-color: aliceblue;
     }
@@ -256,6 +263,7 @@ ion-content {
           }
         }
       }
+
     }
     .blog_list {
       //background-color: lightgrey !important;