diff --git a/src/Components/Banner/BannerTable.jsx b/src/Components/Banner/BannerTable.jsx
index d98978e..9b7c1b3 100644
--- a/src/Components/Banner/BannerTable.jsx
+++ b/src/Components/Banner/BannerTable.jsx
@@ -30,6 +30,7 @@ import {
   WarningIcon,
 } from "@chakra-ui/icons";
 import ToastBox from "../ToastBox";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const BannerCommunity = ({
   dataArray,
diff --git a/src/Components/Banner/BannerView.jsx b/src/Components/Banner/BannerView.jsx
index 7dcd194..6c80bd2 100644
--- a/src/Components/Banner/BannerView.jsx
+++ b/src/Components/Banner/BannerView.jsx
@@ -16,6 +16,7 @@ import {
   VStack,
 } from "@chakra-ui/react";
 import BannerMainCard from "./BannerMainCard";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const BannerView = ({data, isLoading, editLink, center}) => {
   const banner = data?.data;
@@ -64,12 +65,12 @@ const BannerView = ({data, isLoading, editLink, center}) => {
               rounded={8}
               w={500}
               h={240}
-              src={`https://rubix.betadelivery.com/${banner?.banner_image}`}
+              src={`${API_URL}/${banner?.banner_image}`}
               alt="Selected Image"
             /> */}
 
             <BannerMainCard 
-            imgLink={`https://rubix.betadelivery.com/${banner?.banner_image}`}
+            imgLink={`${API_URL}/${banner?.banner_image}`}
             heading={banner?.Heading}
             subHeading={banner?.sub_heading}
             buttonTitle={banner?.CTO_button_title}
diff --git a/src/Pages/BlogsAndArticles/BlogsAndArticles.jsx b/src/Pages/BlogsAndArticles/BlogsAndArticles.jsx
index 5fc05de..9374a80 100644
--- a/src/Pages/BlogsAndArticles/BlogsAndArticles.jsx
+++ b/src/Pages/BlogsAndArticles/BlogsAndArticles.jsx
@@ -54,6 +54,7 @@ import Header from "../../Components/Header";
 import ToastBox from "../../Components/ToastBox";
 import TabularView from "../../Components/TabularView/TabularView";
 import { TABLE_PAGINATION } from "../../Constants/Paginations";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const BlogsAndArticles = () => {
   // ====================================================[Hooks]===================================================================
@@ -158,7 +159,7 @@ const BlogsAndArticles = () => {
           <Avatar
             size="sm"
             name="KC Reddy"
-            src={`https://rubix.betadelivery.com/${item.profile_image}`}
+            src={`${API_URL}/${item.profile_image}`}
           />
           <span className="d-flex flex-column">
             <Text
diff --git a/src/Pages/BlogsAndArticles/EditBlogsAndArticles.jsx b/src/Pages/BlogsAndArticles/EditBlogsAndArticles.jsx
index 939e9dc..9ee1f57 100644
--- a/src/Pages/BlogsAndArticles/EditBlogsAndArticles.jsx
+++ b/src/Pages/BlogsAndArticles/EditBlogsAndArticles.jsx
@@ -32,6 +32,7 @@ import { motion } from "framer-motion";
 import Loader01 from "../../Components/Loaders/Loader01";
 import Header from "../../Components/Header";
 import ToastBox from "../../Components/ToastBox";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const EditBlogsAndArticles = () => {
   const { id } = useParams();
@@ -75,9 +76,9 @@ const EditBlogsAndArticles = () => {
 
   useEffect(() => {
     if (data?.data) {
-      setSelectedImage(`https://rubix.betadelivery.com/${blog?.profile_image}`);
+      setSelectedImage(`${API_URL}/${blog?.profile_image}`);
       setSelectedImageLarge(
-        `https://rubix.betadelivery.com/${blog?.content_image_large}`
+        `${API_URL}/${blog?.content_image_large}`
       );
       setValue("author_name", blog?.author_name);
       setValue("author_designation", blog?.author_designation);
diff --git a/src/Pages/BlogsAndArticles/ViewBlogsAndArticles.jsx b/src/Pages/BlogsAndArticles/ViewBlogsAndArticles.jsx
index b0223b5..f28d4e6 100644
--- a/src/Pages/BlogsAndArticles/ViewBlogsAndArticles.jsx
+++ b/src/Pages/BlogsAndArticles/ViewBlogsAndArticles.jsx
@@ -14,6 +14,7 @@ import { useGetBlogByIdQuery } from "../../Services/api.service";
 import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
 import { OPACITY_ON_LOAD } from "../../Layout/animations";
 import Header from "../../Components/Header";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ViewBlogsAndArticles = () => {
   const { id } = useParams();
@@ -66,7 +67,7 @@ const ViewBlogsAndArticles = () => {
               rounded={8}
               w={500}
               h={240}
-              src={`https://rubix.betadelivery.com/${blog?.content_image_large}`}
+              src={`${API_URL}/${blog?.content_image_large}`}
               alt="Selected Image"
             />
             {/* <Button
@@ -191,7 +192,7 @@ const ViewBlogsAndArticles = () => {
                     rounded={8}
                     w={214}
                     h={240}
-                    src={`https://rubix.betadelivery.com/${blog?.profile_image}`}
+                    src={`${API_URL}/${blog?.profile_image}`}
                     alt="Selected Image"
                   />
                 </Box>
diff --git a/src/Pages/Community/CommCard.jsx b/src/Pages/Community/CommCard.jsx
index 3fa1a66..a0e0b22 100644
--- a/src/Pages/Community/CommCard.jsx
+++ b/src/Pages/Community/CommCard.jsx
@@ -4,6 +4,7 @@ import { Text, SimpleGrid, Card, Image, Box, Flex } from "@chakra-ui/react";
 // import map from "../../assets/images/map-pin.png";
 import linkedin from "../../assets/linkedin.png";
 import { Link } from "react-router-dom";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const CommCard = ({ id, imageUrl, name, jobTitle, description, linkdin }) => {
   return (
@@ -32,7 +33,7 @@ const CommCard = ({ id, imageUrl, name, jobTitle, description, linkdin }) => {
             },
           }}
         >
-          <Image src={`https://rubix.betadelivery.com/${imageUrl}`} />
+          <Image src={`${API_URL}/${imageUrl}`} />
         </Text>
         <Text
           position={"relative"}
diff --git a/src/Pages/Community/Community.jsx b/src/Pages/Community/Community.jsx
index c8948cd..310490b 100644
--- a/src/Pages/Community/Community.jsx
+++ b/src/Pages/Community/Community.jsx
@@ -176,7 +176,7 @@ const Community = () => {
           <Avatar
             size="sm"
             name="KC Reddy"
-            src={`https://rubix.betadelivery.com/${item.profile_image}`}
+            src={`${API_URL}/${item.profile_image}`}
           />
           <span className="d-flex flex-column">
             <Text
diff --git a/src/Pages/Community/CommunityBannerCard.jsx b/src/Pages/Community/CommunityBannerCard.jsx
index b0ceba2..3ba2e29 100644
--- a/src/Pages/Community/CommunityBannerCard.jsx
+++ b/src/Pages/Community/CommunityBannerCard.jsx
@@ -13,6 +13,7 @@ import {
 import React from "react";
 import WebButton from "../../Components/WebButton";
 import { formatDate } from "../../Components/Functions/UTCConvertor";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const CommunityBannerCard = ({
   bgImage,
@@ -46,7 +47,7 @@ const CommunityBannerCard = ({
         // border={"1px solid #9B4651"}
         borderRadius={'sm'}
         overflow={"hidden"}
-        bgImage={`https://rubix.betadelivery.com/${bgImage}`}
+        bgImage={`${API_URL}/${bgImage}`}
         bgSize="cover"
         bgPosition="center"
         // backgroundColor={status ? "#ffe5ea": '#ffffff'}
@@ -164,7 +165,7 @@ const CommunityBannerCard = ({
               rounded={"md"}
               w={130}
               h={"75px"}
-              src={`https://rubix.betadelivery.com/${bgImage}`}
+              src={`${API_URL}/${bgImage}`}
             />
           </Box> */}
         </Box>
diff --git a/src/Pages/Community/ComunityEditPage.jsx b/src/Pages/Community/ComunityEditPage.jsx
index 4cc20b0..85703ac 100644
--- a/src/Pages/Community/ComunityEditPage.jsx
+++ b/src/Pages/Community/ComunityEditPage.jsx
@@ -32,6 +32,7 @@ import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
 import fallbackImage from "../../assets/fallBackImage.png";
 import Header from "../../Components/Header";
 import ToastBox from "../../Components/ToastBox";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ComunityEditPage = () => {
   const { id } = useParams();
@@ -63,7 +64,7 @@ const ComunityEditPage = () => {
   useEffect(() => {
     if (data?.data) {
       setSelectedImage(
-        `https://rubix.betadelivery.com/${data?.data?.profile_image}`
+        `${API_URL}/${data?.data?.profile_image}`
       );
       setValue("member_name", data?.data?.member_name);
       setValue("designation", data?.data?.designation);
diff --git a/src/Pages/Community/ComunityViewPage.jsx b/src/Pages/Community/ComunityViewPage.jsx
index fc25710..260c214 100644
--- a/src/Pages/Community/ComunityViewPage.jsx
+++ b/src/Pages/Community/ComunityViewPage.jsx
@@ -9,6 +9,7 @@ import { Box, Divider, Image, Tag } from "@chakra-ui/react";
 import Header from "../../Components/Header";
 import { OPACITY_ON_LOAD } from "../../Layout/animations";
 import { formatDate } from "../../Components/Functions/UTCConvertor";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ComunityViewPage = () => {
   const { id } = useParams();
@@ -59,7 +60,7 @@ const ComunityViewPage = () => {
               rounded={8}
               w={214}
               h={240}
-              src={`https://rubix.betadelivery.com/${data?.data?.profile_image}`}
+              src={`${API_URL}/${data?.data?.profile_image}`}
               alt="Selected Image"
             />
             {/* <Button
diff --git a/src/Pages/Events/EditEvents.jsx b/src/Pages/Events/EditEvents.jsx
index a24f327..c26223f 100644
--- a/src/Pages/Events/EditEvents.jsx
+++ b/src/Pages/Events/EditEvents.jsx
@@ -80,7 +80,7 @@ const EditEvents = () => {
   useEffect(() => {
     if (data?.data) {
       setSelectedImage(
-        `https://rubix.betadelivery.com/${data?.data?.banner_image}`
+        `${API_URL}/${data?.data?.banner_image}`
       );
       setValue("title", data?.data?.title);
       setValue("content", data?.data?.content);
diff --git a/src/Pages/Events/ViewEvents.jsx b/src/Pages/Events/ViewEvents.jsx
index 183a318..a641088 100644
--- a/src/Pages/Events/ViewEvents.jsx
+++ b/src/Pages/Events/ViewEvents.jsx
@@ -6,6 +6,7 @@ import FullscreenLoaders from '../../Components/Loaders/FullscreenLoaders';
 import { OPACITY_ON_LOAD } from '../../Layout/animations';
 import Header from '../../Components/Header';
 import { formatDate } from '../../Components/Functions/UTCConvertor';
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ViewEvents = () => {
     const { id } = useParams();
@@ -61,7 +62,7 @@ const ViewEvents = () => {
               objectFit='cover'
               w={500}
               h={240}
-              src={`https://rubix.betadelivery.com/${events?.banner_image}`}
+              src={`${API_URL}/${events?.banner_image}`}
               alt="Selected Image"
             />
           </Box>
diff --git a/src/Pages/Faq/ViewFaq.jsx b/src/Pages/Faq/ViewFaq.jsx
index 22a3de5..55caa3d 100644
--- a/src/Pages/Faq/ViewFaq.jsx
+++ b/src/Pages/Faq/ViewFaq.jsx
@@ -11,6 +11,7 @@ import { AttachmentIcon } from "@chakra-ui/icons";
 import extractFilename from "../../Components/Functions/FileNameAlter";
 import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
 import pdf from "../../assets/pdfscreen.png";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ViewFaq = () => {
   const { id } = useParams();
@@ -49,7 +50,7 @@ const ViewFaq = () => {
               objectFit="cover"
               w={500}
               h={240}
-              src={`https://rubix.betadelivery.com/${viewPolicy?.banner_image}`}
+              src={`${API_URL}/${viewPolicy?.banner_image}`}
               alt="Selected Image"
             />
           </Box>
diff --git a/src/Pages/News/EditNews.jsx b/src/Pages/News/EditNews.jsx
index b5b30b3..29159e0 100644
--- a/src/Pages/News/EditNews.jsx
+++ b/src/Pages/News/EditNews.jsx
@@ -31,6 +31,7 @@ import { formatDate } from "../../Components/Functions/UTCConvertor";
 import { TiWarning } from "react-icons/ti";
 import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
 import ToastBox from "../../Components/ToastBox";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const EditNews = () => {
   const { id } = useParams();
@@ -67,7 +68,7 @@ const EditNews = () => {
   useEffect(() => {
     if (data?.data) {
       setSelectedImage(
-        `https://rubix.betadelivery.com/${data?.data?.banner_image}`
+        `${API_URL}/${data?.data?.banner_image}`
       );
       setValue("title", data?.data?.title);
       setValue("meta_description", data?.data?.meta_description);
diff --git a/src/Pages/News/ViewNews.jsx b/src/Pages/News/ViewNews.jsx
index 298b972..05e9f41 100644
--- a/src/Pages/News/ViewNews.jsx
+++ b/src/Pages/News/ViewNews.jsx
@@ -9,6 +9,7 @@ import {
 import { useNavigate, useParams } from "react-router-dom";
 import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
 import { formatDate } from "../../Components/Functions/UTCConvertor";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ViewNews = () => {
   const { id } = useParams();
@@ -60,7 +61,7 @@ const ViewNews = () => {
               objectFit="cover"
               w={500}
               h={240}
-              src={`https://rubix.betadelivery.com/${news?.banner_image}`}
+              src={`${API_URL}/${news?.banner_image}`}
               alt="Selected Image"
             />
           </Box>
diff --git a/src/Pages/Partners/EditPartners.jsx b/src/Pages/Partners/EditPartners.jsx
index a898796..29d548e 100644
--- a/src/Pages/Partners/EditPartners.jsx
+++ b/src/Pages/Partners/EditPartners.jsx
@@ -35,6 +35,7 @@ import Loader01 from "../../Components/Loaders/Loader01";
 import { motion } from "framer-motion";
 import ToastBox from "../../Components/ToastBox";
 import ReactQuill from "react-quill";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const EditPartner = () => {
   const { id } = useParams();
@@ -69,7 +70,7 @@ const EditPartner = () => {
   useEffect(() => {
     if (data?.data) {
       setSelectedImage(
-        `https://rubix.betadelivery.com/${data?.data?.company_logo}`
+        `${API_URL}/${data?.data?.company_logo}`
       );
       setValue("website_link", data?.data?.website_link);
       setValue("description", data?.data?.description);
diff --git a/src/Pages/Partners/ViewPartner.jsx b/src/Pages/Partners/ViewPartner.jsx
index 8b1fc30..5e364bc 100644
--- a/src/Pages/Partners/ViewPartner.jsx
+++ b/src/Pages/Partners/ViewPartner.jsx
@@ -11,6 +11,7 @@ import { AttachmentIcon } from "@chakra-ui/icons";
 import extractFilename from "../../Components/Functions/FileNameAlter";
 import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
 import pdf from "../../assets/pdfscreen.png";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ViewPartner = () => {
   const { id } = useParams();
@@ -53,7 +54,7 @@ const ViewPartner = () => {
               objectFit="cover"
               w={500}
               h={240}
-              src={`https://rubix.betadelivery.com/${viewPolicy?.company_logo}`}
+              src={`${API_URL}/${viewPolicy?.company_logo}`}
               alt="Selected Image"
             />
           </Box>
diff --git a/src/Pages/Policy/EditPolicy.jsx b/src/Pages/Policy/EditPolicy.jsx
index 4d3d000..ad0a752 100644
--- a/src/Pages/Policy/EditPolicy.jsx
+++ b/src/Pages/Policy/EditPolicy.jsx
@@ -32,6 +32,7 @@ import Loader01 from "../../Components/Loaders/Loader01";
 import { motion } from "framer-motion";
 import ToastBox from "../../Components/ToastBox";
 import ReactQuill from "react-quill";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const EditPolicy = () => {
   const { id } = useParams();
@@ -67,7 +68,7 @@ const EditPolicy = () => {
   useEffect(() => {
     if (data?.data) {
       setSelectedImage(
-        `https://rubix.betadelivery.com/${data?.data?.banner_image}`
+        `${API_URL}/${data?.data?.banner_image}`
       );
       setValue("title", data?.data?.title);
       setValue("content", data?.data?.content);
diff --git a/src/Pages/Policy/ViewPolicy.jsx b/src/Pages/Policy/ViewPolicy.jsx
index e73f98e..aa55c6d 100644
--- a/src/Pages/Policy/ViewPolicy.jsx
+++ b/src/Pages/Policy/ViewPolicy.jsx
@@ -8,6 +8,7 @@ import { AttachmentIcon } from "@chakra-ui/icons";
 import extractFilename from "../../Components/Functions/FileNameAlter";
 import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
 import pdf from "../../assets/pdfscreen.png";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ViewPolicy = () => {
   const { id } = useParams();
@@ -50,7 +51,7 @@ const ViewPolicy = () => {
               objectFit="cover"
               w={500}
               h={240}
-              src={`https://rubix.betadelivery.com/${viewPolicy?.banner_image}`}
+              src={`${API_URL}/${viewPolicy?.banner_image}`}
               alt="Selected Image"
             />
           </Box>
diff --git a/src/Pages/Terms/EditTerms.jsx b/src/Pages/Terms/EditTerms.jsx
index 0449cb5..a8d2324 100644
--- a/src/Pages/Terms/EditTerms.jsx
+++ b/src/Pages/Terms/EditTerms.jsx
@@ -35,6 +35,7 @@ import Loader01 from "../../Components/Loaders/Loader01";
 import { motion } from "framer-motion";
 import ToastBox from "../../Components/ToastBox";
 import ReactQuill from "react-quill";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const EditTerms = () => {
   const { id } = useParams();
@@ -71,7 +72,7 @@ const EditTerms = () => {
   useEffect(() => {
     if (data?.data) {
       setSelectedImage(
-        `https://rubix.betadelivery.com/${data?.data?.banner_image}`
+        `${API_URL}/${data?.data?.banner_image}`
       );
       setValue("title", data?.data?.title);
       setValue("content", data?.data?.content);
diff --git a/src/Pages/Terms/ViewTerms.jsx b/src/Pages/Terms/ViewTerms.jsx
index d1d7568..0a03ee9 100644
--- a/src/Pages/Terms/ViewTerms.jsx
+++ b/src/Pages/Terms/ViewTerms.jsx
@@ -8,6 +8,7 @@ import { AttachmentIcon } from "@chakra-ui/icons";
 import extractFilename from "../../Components/Functions/FileNameAlter";
 import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
 import pdf from "../../assets/pdfscreen.png";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ViewTerms = () => {
   const { id } = useParams();
@@ -50,7 +51,7 @@ const ViewTerms = () => {
               objectFit="cover"
               w={500}
               h={240}
-              src={`https://rubix.betadelivery.com/${viewTerms?.banner_image}`}
+              src={`${API_URL}/${viewTerms?.banner_image}`}
               alt="Selected Image"
             />
           </Box>
diff --git a/src/Pages/Usecase/EditUseCase.jsx b/src/Pages/Usecase/EditUseCase.jsx
index 0132241..8c7a829 100644
--- a/src/Pages/Usecase/EditUseCase.jsx
+++ b/src/Pages/Usecase/EditUseCase.jsx
@@ -33,6 +33,7 @@ import { motion } from "framer-motion";
 import Loader01 from "../../Components/Loaders/Loader01";
 import Header from "../../Components/Header";
 import ToastBox from "../../Components/ToastBox";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const EditUseCase = () => {
   const { id } = useParams();
@@ -77,9 +78,9 @@ const EditUseCase = () => {
 
   useEffect(() => {
     if (data?.data) {
-      setSelectedImage(`https://rubix.betadelivery.com/${blog?.icon}`);
+      setSelectedImage(`${API_URL}/${blog?.icon}`);
       setSelectedImageLarge(
-        `https://rubix.betadelivery.com/${blog?.bannerImage}`
+        `${API_URL}/${blog?.bannerImage}`
       );
       setValue("meta_description", blog?.meta_description);
       setValue("title", blog?.title);
diff --git a/src/Pages/Usecase/Usecase.jsx b/src/Pages/Usecase/Usecase.jsx
index 1c25a8c..d8950e5 100644
--- a/src/Pages/Usecase/Usecase.jsx
+++ b/src/Pages/Usecase/Usecase.jsx
@@ -36,6 +36,7 @@ import Header from "../../Components/Header";
 import { TABLE_PAGINATION } from "../../Constants/Paginations";
 import TabularView from "../../Components/TabularView/TabularView";
 import ToastBox from "../../Components/ToastBox";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const Usecase = () => {
   // ====================================================[Hooks]===================================================================
@@ -143,7 +144,7 @@ const Usecase = () => {
               w={"35px"}
               h={"35px"}
               rounded={"full"}
-              src={`https://rubix.betadelivery.com/${item?.icon}`}
+              src={`${API_URL}/${item?.icon}`}
             />
             <Text as={"span"}>{item?.title}</Text>
           </Box>
diff --git a/src/Pages/Usecase/ViewUseCase.jsx b/src/Pages/Usecase/ViewUseCase.jsx
index ed400b5..a1fd13b 100644
--- a/src/Pages/Usecase/ViewUseCase.jsx
+++ b/src/Pages/Usecase/ViewUseCase.jsx
@@ -8,6 +8,7 @@ import {
 import { useNavigate, useParams } from "react-router-dom";
 import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
 import { formatDate } from "../../Components/Functions/UTCConvertor";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ViewUseCase = () => {
   const { id } = useParams();
@@ -59,7 +60,7 @@ const ViewUseCase = () => {
               objectFit='cover'
               w={"100px"}
               h={"100px"}
-              src={`https://rubix.betadelivery.com/${usecase?.icon}`}
+              src={`${API_URL}/${usecase?.icon}`}
               alt="Selected Image"
             />
           </Box>
@@ -81,7 +82,7 @@ const ViewUseCase = () => {
               objectFit='cover'
               w={500}
               h={240}
-              src={`https://rubix.betadelivery.com/${usecase?.bannerImage}`}
+              src={`${API_URL}/${usecase?.bannerImage}`}
               alt="Selected Image"
             />
           </Box>
diff --git a/src/Pages/Videos/EditVideos.jsx b/src/Pages/Videos/EditVideos.jsx
index 81080a3..4587bb3 100644
--- a/src/Pages/Videos/EditVideos.jsx
+++ b/src/Pages/Videos/EditVideos.jsx
@@ -30,6 +30,7 @@ import Loader01 from "../../Components/Loaders/Loader01";
 import { motion } from "framer-motion";
 import { TiWarning } from "react-icons/ti";
 import ToastBox from "../../Components/ToastBox";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const EditVideos = () => {
   const { id } = useParams();
@@ -64,7 +65,7 @@ const EditVideos = () => {
   useEffect(() => {
     if (data?.data?.data) {
       setSelectedImage(
-        `https://rubix.betadelivery.com/${data?.data?.data?.thumbnail}`
+        `${API_URL}/${data?.data?.data?.thumbnail}`
       );
       setValue("title", data?.data?.data?.title);
       setValue("description", data?.data?.data?.description);
diff --git a/src/Pages/Videos/ViewVideos.jsx b/src/Pages/Videos/ViewVideos.jsx
index 2ad2b7a..c193e92 100644
--- a/src/Pages/Videos/ViewVideos.jsx
+++ b/src/Pages/Videos/ViewVideos.jsx
@@ -5,6 +5,7 @@ import { useGetVideosByIdQuery } from "../../Services/api.service";
 import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
 import Header from "../../Components/Header";
 import { OPACITY_ON_LOAD } from "../../Layout/animations";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ViewVideos = () => {
   const { id } = useParams();
@@ -60,7 +61,7 @@ const ViewVideos = () => {
               objectFit="cover"
               w={500}
               h={240}
-              src={`https://rubix.betadelivery.com/${videos?.thumbnail}`}
+              src={`${API_URL}/${videos?.thumbnail}`}
               alt="Selected Image"
             />
           </Box>
diff --git a/src/Pages/Whitepapers/EditWhitepaper.jsx b/src/Pages/Whitepapers/EditWhitepaper.jsx
index 9dd6dce..3f56811 100644
--- a/src/Pages/Whitepapers/EditWhitepaper.jsx
+++ b/src/Pages/Whitepapers/EditWhitepaper.jsx
@@ -32,6 +32,7 @@ import extractFilename from "../../Components/Functions/FileNameAlter";
 import Loader01 from "../../Components/Loaders/Loader01";
 import { motion } from "framer-motion";
 import ToastBox from "../../Components/ToastBox";
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const EditWhitepaper = () => {
   const { id } = useParams();
@@ -61,7 +62,7 @@ const EditWhitepaper = () => {
   useEffect(() => {
     if (data?.data?.data) {
       setSelectedImage(
-        `https://rubix.betadelivery.com/${data?.data?.data?.bannerImage}`
+        `${API_URL}/${data?.data?.data?.bannerImage}`
       );
       setValue("title", data?.data?.data?.title);
       setValue("image", data?.data?.data?.image);
diff --git a/src/Pages/Whitepapers/ViewWhitePaper.jsx b/src/Pages/Whitepapers/ViewWhitePaper.jsx
index d1e6744..381142b 100644
--- a/src/Pages/Whitepapers/ViewWhitePaper.jsx
+++ b/src/Pages/Whitepapers/ViewWhitePaper.jsx
@@ -8,6 +8,7 @@ import { AttachmentIcon } from "@chakra-ui/icons";
 import extractFilename from "../../Components/Functions/FileNameAlter";
 import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
 import pdf from "../../assets/pdfscreen.png"
+const API_URL = import.meta.env.VITE_API_BASE_URL;
 
 const ViewWhitePaper = () => {
   const { id } = useParams();
@@ -60,7 +61,7 @@ const ViewWhitePaper = () => {
               objectFit="cover"
               w={500}
               h={240}
-              src={`https://rubix.betadelivery.com/${whitepaper?.bannerImage}`}
+              src={`${API_URL}/${whitepaper?.bannerImage}`}
               alt="Selected Image"
             />
           </Box>
diff --git a/src/Services/api.service.js b/src/Services/api.service.js
index a78ddca..17f6af6 100644
--- a/src/Services/api.service.js
+++ b/src/Services/api.service.js
@@ -1,9 +1,6 @@
 // Need to use the React-specific entry point to import createApi
 import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
-
-
-
-const baseUrl = import.meta.env.VITE_API_BASE_URL
+const baseUrl = import.meta.env.VITE_API_BASE_URL + "/api"
 
 // Define a service using a base URL and expected endpoints
 export const rubixApi = createApi({