diff --git a/src/app/pages/payment/payment.page.html b/src/app/pages/payment/payment.page.html
index 4c7445b..b95dad3 100644
--- a/src/app/pages/payment/payment.page.html
+++ b/src/app/pages/payment/payment.page.html
@@ -13,7 +13,7 @@
 
   <div class="boxed_contents">
     <div class="flex">
-      <ion-label class="bold_text">Card & Accounts</ion-label>
+<!--      <ion-label class="bold_text">Card & Accounts</ion-label>-->
 <!--      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
     </div>
 
@@ -73,27 +73,23 @@
     </div>
 
     <div *ngIf="tabs =='accounts'" class="lesson">
-<!--      <div class="flex">-->
-<!--        <ion-label class="bold">Most Popular Courses</ion-label>-->
-<!--        <ion-label class="color">See all</ion-label>-->
-<!--      </div>-->
 
       <div class="sec">
-        <ion-label class="grey">Section 1 - Introduction</ion-label>
-        <ion-label class="color">15 min</ion-label>
+<!--        <ion-label class="grey">Section 1 - Introduction</ion-label>-->
+<!--        <ion-label class="color">15 min</ion-label>-->
       </div>
 
-      <div class="video" *ngFor="let item of [1,2]">
+      <div class="video" *ngFor="let item of myRecipientsData">
         <div class="left">
-          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
+            <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/cards/bank.png)'"></div>
 
           <div class="text">
-            <ion-label class="bold_text">Why Using Figma ?</ion-label>
-            <ion-label class="grey_text">10 mins</ion-label>
+            <ion-label class="bold_text">{{item.recipient}}</ion-label>
+            <ion-label class="grey_text">{{item.added | date}}</ion-label>
           </div>
         </div>
         <div class="right">
-          <ion-icon name="lock-closed-outline"></ion-icon>
+          <ion-icon name="trash-outline" color="danger"></ion-icon>
         </div>
       </div>
 
diff --git a/src/app/pages/payment/payment.page.ts b/src/app/pages/payment/payment.page.ts
index 2a89f7f..64125f9 100644
--- a/src/app/pages/payment/payment.page.ts
+++ b/src/app/pages/payment/payment.page.ts
@@ -21,6 +21,7 @@ export class PaymentPage implements OnInit {
 
   ngOnInit() {
     this.getUsersCardsList();
+    this.getMyRecipientsData();
   }
 
   onAddCard() {
@@ -59,4 +60,27 @@ export class PaymentPage implements OnInit {
     );
 
   }
+
+    myRecipientsTotalData:any;
+    myRecipientsData:any;
+    getMyRecipientsData(){
+        this.usrData = {action:11175,
+            member_id: this.sessionDataProviderService.member_id,
+            uid: this.sessionDataProviderService.member_uid,
+            sessionid: this.sessionDataProviderService.session ,
+            limit:20, page:1,
+            offset: 0}
+
+        this.wrenchService.recipientAccount(this.usrData).subscribe(
+            myRecipientsTotalData => {
+                this.myRecipientsTotalData = myRecipientsTotalData;
+                console.log("myRecipientsTotalData  RETURN->", this.myRecipientsTotalData);
+                this.myRecipientsData = this.myRecipientsTotalData.result_list;
+                // debugger;
+                console.log("myRecipientsData RETURN DATA->", this.myRecipientsData);
+            }
+        );
+
+    }
+
 }
diff --git a/src/app/pages/profile/profile.page.html b/src/app/pages/profile/profile.page.html
index 80d492a..e56a299 100644
--- a/src/app/pages/profile/profile.page.html
+++ b/src/app/pages/profile/profile.page.html
@@ -135,7 +135,7 @@
 
         <ion-item lines="none" (click)="onPayment()">
           <ion-icon name="wallet-outline" color="dark"></ion-icon>
-          <ion-label>Payment & Accounts</ion-label>
+          <ion-label>Card & Accounts</ion-label>
           <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
         </ion-item>
 
diff --git a/src/app/services/wrench.service.ts b/src/app/services/wrench.service.ts
index 33af036..678ab85 100644
--- a/src/app/services/wrench.service.ts
+++ b/src/app/services/wrench.service.ts
@@ -111,6 +111,8 @@ export class WrenchService {
   getusersCardList(usrData){
       return this.getPostData('paylistcard',usrData);
   }
+
+  //recipients
   getHomeBanners(usrData){
       return this.getPostData('homebanners',usrData);
   }
diff --git a/src/assets/images/cards/bank.png b/src/assets/images/cards/bank.png
new file mode 100644
index 0000000..3e1c335
Binary files /dev/null and b/src/assets/images/cards/bank.png differ