diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index fc42c3b..3921b89 100755
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -8612,7 +8612,7 @@ LND PAGE STYLE STARTS HERE
 /* interface images */
 .interface_section .owl-item .screen_frame_img img {
   transform: scale(.9);
-  border: 2px solid #000;
+  /* border: 2px solid #000; */
   border-radius: 20px;
   transition: 1s all;
   margin: 0 auto;
@@ -8622,6 +8622,6 @@ LND PAGE STYLE STARTS HERE
 
 .interface_section .owl-item.center .screen_frame_img img {
   transform: scale(1);
-  border: 3px solid #000;
-  padding: 5px;
+  /* border: 3px solid #000; */
+  /* padding: 5px; */
 }
\ No newline at end of file
diff --git a/src/assets/images/home/top_sliders/slide_1.png b/src/assets/images/home/top_sliders/slide_1.png
new file mode 100644
index 0000000..e47e1ad
Binary files /dev/null and b/src/assets/images/home/top_sliders/slide_1.png differ
diff --git a/src/assets/images/home/top_sliders/slide_2.png b/src/assets/images/home/top_sliders/slide_2.png
new file mode 100644
index 0000000..68fe75d
Binary files /dev/null and b/src/assets/images/home/top_sliders/slide_2.png differ
diff --git a/src/assets/images/home/top_sliders/slide_3.png b/src/assets/images/home/top_sliders/slide_3.png
new file mode 100644
index 0000000..1cfd587
Binary files /dev/null and b/src/assets/images/home/top_sliders/slide_3.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_1.png b/src/assets/images/slider/app_sliders/screen_1.png
new file mode 100644
index 0000000..1cfd587
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_1.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_2.png b/src/assets/images/slider/app_sliders/screen_2.png
new file mode 100644
index 0000000..e47e1ad
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_2.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_3.png b/src/assets/images/slider/app_sliders/screen_3.png
new file mode 100644
index 0000000..68fe75d
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_3.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_4.png b/src/assets/images/slider/app_sliders/screen_4.png
new file mode 100644
index 0000000..d80349f
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_4.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_5.png b/src/assets/images/slider/app_sliders/screen_5.png
new file mode 100644
index 0000000..95ec99e
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_5.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_6.png b/src/assets/images/slider/app_sliders/screen_6.png
new file mode 100644
index 0000000..e51aa87
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_6.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_7.png b/src/assets/images/slider/app_sliders/screen_7.png
new file mode 100644
index 0000000..90fd51d
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_7.png differ
diff --git a/src/components/HomeOne/FeaturedScreen.js b/src/components/HomeOne/FeaturedScreen.js
index 27103ee..ee048a4 100644
--- a/src/components/HomeOne/FeaturedScreen.js
+++ b/src/components/HomeOne/FeaturedScreen.js
@@ -40,32 +40,44 @@ export default function FeaturedScreen() {
                     <OwlCarousel id="screen_slider" {...screen_slider} className="owl-carousel owl-theme owl-loaded owl-drag">
                         <div className="item">
                             <div className="screen_frame_img">
-                                <img src={localImgLoad('images/slider/slider_1.png')} alt="image" />
+                                {/* <img src={localImgLoad('images/slider/slider_1.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_1.png')} alt="image" />
                             </div>
                         </div>
                         <div className="item">
                             <div className="screen_frame_img">
-                                <img src={localImgLoad('images/slider/slider_2.png')} alt="image" />
+                                {/* <img src={localImgLoad('images/slider/slider_2.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_2.png')} alt="image" />
                             </div>
                         </div>
                         <div className="item">
                             <div className="screen_frame_img">
-                                <img src={localImgLoad('images/slider/slider_3.png')} alt="image" />
+                                {/* <img src={localImgLoad('images/slider/slider_3.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_3.png')} alt="image" />
                             </div>
                         </div>
                         <div className="item">
                             <div className="screen_frame_img">
-                                <img src={localImgLoad('images/slider/slider_4.png')} alt="image" />
+                                {/* <img src={localImgLoad('images/slider/slider_4.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_6.png')} alt="image" />
                             </div>
                         </div>
                         <div className="item">
                             <div className="screen_frame_img">
-                                <img src={localImgLoad('images/slider/slider_5.png')} alt="image" />
+                                {/* <img src={localImgLoad('images/slider/slider_5.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_4.png')} alt="image" />
                             </div>
                         </div>
                         <div className="item">
                             <div className="screen_frame_img">
-                                <img src={localImgLoad('images/slider/slider_7.png')} alt="image" />
+                                {/* <img src={localImgLoad('images/slider/slider_7.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_7.png')} alt="image" />
+                            </div>
+                        </div>
+                        <div className="item">
+                            <div className="screen_frame_img">
+                                {/* <img src={localImgLoad('images/slider/slider_7.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_5.png')} alt="image" />
                             </div>
                         </div>
                     </OwlCarousel>
diff --git a/src/components/HomeOne/HeroHomeOne.js b/src/components/HomeOne/HeroHomeOne.js
index b13db0e..6ddf207 100644
--- a/src/components/HomeOne/HeroHomeOne.js
+++ b/src/components/HomeOne/HeroHomeOne.js
@@ -8,9 +8,14 @@ import shapeThree from '../../assets/images/shape/shape-3.png';
 import shapeFour from '../../assets/images/shape/shape-4.png';
 import getConfig from './../../Config/config'
 import CustomSlider from '../customSlider/CustomSlider';
-import SliderOne from '../../assets/images/home/app-slide-home-0.png'
-import SliderTwo from '../../assets/images/home/app-slide-home-1.png'
-import SliderThree from '../../assets/images/home/app-slide-home-2.png'
+
+// import SliderOne from '../../assets/images/home/app-slide-home-0.png'
+// import SliderTwo from '../../assets/images/home/app-slide-home-1.png'
+// import SliderThree from '../../assets/images/home/app-slide-home-2.png'
+
+import SliderOne from '../../assets/images/home/top_sliders/slide_1.png'
+import SliderTwo from '../../assets/images/home/top_sliders/slide_2.png'
+import SliderThree from '../../assets/images/home/top_sliders/slide_3.png'
 
 
 function HeroHomeOne() {