diff --git a/src/components/Partials/RightSideBar.jsx b/src/components/Partials/RightSideBar.jsx
index cff61f6..643fb74 100755
--- a/src/components/Partials/RightSideBar.jsx
+++ b/src/components/Partials/RightSideBar.jsx
@@ -15,6 +15,8 @@ import LtcIco from "../Helpers/Icons/LtcIco";
 import Usdt from "../Helpers/Icons/Usdt";
 import SelectBox from "../Helpers/SelectBox";
 
+import SideMenuSub from "../Subscriptions/SideMenuSub";
+
 export default function RightSideBar() {
   const filterDatas = ["Last 15 days", "Last Month", "Last 6 month"];
   const [filterDataSet, setFilterDataSet] = useState([10, 30, 20, 40]);
@@ -44,7 +46,12 @@ export default function RightSideBar() {
   };
   return (
     <>
+ 
+    
       <div className="right-sidebar-wrapper overflow-y-scroll overflow-style-none 2xl:fixed 2xl:grid-cols-none 2xl:block grid lg:grid-cols-2 grid-cols-1 xl:gap-7 gap-4 h-full 2xl:pb-96">
+             <div> 
+         <SideMenuSub />
+      </div>
         <div className="chart-one bg-white dark:bg-dark-white   rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none  border flex flex-col sm:flex-row 2xl:flex-col 2xl:block lg:justify-between sm:items-center space-x-5 2xl:space-x-0 ">
           <div>
             <div className="chart-heading mb-4 xl:flex justify-between items-center">
@@ -167,7 +174,7 @@ export default function RightSideBar() {
             </div>
           </div>
         </div>
-      
+     
         {/* top-platform */}
         <div className="top-platform bg-white dark:bg-dark-white   rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none  border ">
           {/* heading */}
diff --git a/src/components/Subscriptions/SideMenuSub.jsx b/src/components/Subscriptions/SideMenuSub.jsx
new file mode 100644
index 0000000..1963bbe
--- /dev/null
+++ b/src/components/Subscriptions/SideMenuSub.jsx
@@ -0,0 +1,25 @@
+import React, { useState } from "react";
+import { Link } from "react-router-dom";
+import Icons from "../Helpers/Icons";
+
+
+export default function SideMenuSub() {
+  return (
+    <>
+        <div className="top-platform bg-white dark:bg-dark-white   rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none  border ">
+          {/* heading */}
+          <div className="heading flex justify-between items-center mb-3.5">
+            <h3 className="text-xl font-bold   text-dark-gray dark:text-white">
+              Subsription
+            </h3>
+            <div>
+            </div>
+          </div>
+
+          <div className="platform-list flex flex-col gap-4">
+ 
+          </div>
+        </div>
+    </>
+  );
+}