code added

dist/Js/auth/apiservice.js

 //let SERVERNAME = 'https://anwi.bizgaze.app';
-let SERVERNAME = 'http://beta.bizgaze.com';
-const STAT = 'b276960fddf84e8cb63de6e32d31529b';
+//let SERVERNAME = 'http://beta.bizgaze.com';
+ let SERVERNAME = 'http://localhost:3088';
 
+//template
+const STAT = '8041f78ba55b4847bc4aacaeae9d24ef';
+
+//live
+//const STAT = '0c7ef2b000ca431290065753dfda56fe';
 
 function imgServerNameBuild(path){
-    return `${SERVERNAME}/${path}`;
+    return `https://appassets.bizgaze.app/${path}`;
 }
 
 
         url:`${SERVERNAME}/${url}`,
         method:'post',
         data:data,
-        headers: {
-            'Authorization': `Basic b67607dd-283e-478e-b2cf-35736e8bad69`,
-            'Content-Type': 'application/json'
-        },
+        // headers: {
+        //     'Authorization': `Basic b67607dd-283e-478e-b2cf-35736e8bad69`,
+        //     'Content-Type': 'application/json'
+        // },
     }
     let response = await axios(config);
 

dist/Js/auth/login.js

       $('.error_msg').show();
       $('.error_msg .error_msg_res').html(`User doesn't exists with the email,  <a href="#" class="alert-link register_sectionbtn" id="register_sectionbtn">Sign Up </a>`);
       $(".register_sectionbtn").click(function(){
+   
+      
         $(".login_section").css("display","none");
         $(".register_section").css("display","block");
         $(".login_section").find("#User_Email").removeClass("is-invalid");

dist/Js/components/authloader/authloader.js

   .loader{
       transition: all 0.7s ease-in-out;
   
-    border:10px solid #ebebeb;
-    border-bottom-color:#26B8BF;
-    width: 100px;
-    height: 100px;
+    border:5px solid #ebebeb;
+    border-bottom-color:black;
+    width: 20px;
+    height: 20px;
     border-radius:50%;
     -webkit-font-smoothing: antialiased !important;
     margin:30px 0px;

dist/Js/myaccount/Address.js

       console.log(cookieRes);
       const { errorMsg, isError, response } =
         await API_SERVICES_ACTIONS.getAPIService(
-          `apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
+          `apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`
         );
       let res = JSON.parse(response.result);
       debugger;
     });
   async function getCountryStateCurrency() {
     const countryRes = await API_SERVICES_ACTIONS.getAPIService(
-      "apis/v4/bizgaze/integrations/products/getcountry"
+      "apis/v4/bizgaze/integrations/anwiauth/getcountry"
     );
     if (countryRes.isError) {
       alert("something went wrong");
       }
     }
     const stateRes = await API_SERVICES_ACTIONS.getAPIService(
-      `apis/v4/bizgaze/integrations/products/getcities/countryid/${countryID}`
+      `apis/v4/bizgaze/integrations/anwiauth/getcities/countryid/${countryID}`
     );
 
     if (stateRes.isError) {
     });
 
     const currencyRes = await API_SERVICES_ACTIONS.getAPIService(
-      "apis/v4/bizgaze/integrations/products/getcurrencies"
+      "apis/v4/bizgaze/integrations/anwiauth/getcurrencies"
     );
 
     if (currencyRes.isError) {
 
   async function getCountryId() {
     const countryRes = await API_SERVICES_ACTIONS.getAPIService(
-      "apis/v4/bizgaze/integrations/products/getcountry"
+      "apis/v4/bizgaze/integrations/anwiauth/getcountry"
     );
 
     if (countryRes.isError) {
     let { userId, name } = cookieRes;
     const { errorMsg, isError, response } =
       await API_SERVICES_ACTIONS.getAPIService(
-        `apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
+        `apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`
       );
     let resAnwi = JSON.parse(response.result);
     console.log(resAnwi, "befores");

dist/Js/myaccount/Profile.js

     let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
     console.log(cookieRes);
     const { errorMsg, isError, response } = await API_SERVICES_ACTIONS.getAPIService(
-      `apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
+      `apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`
     );
     let res = JSON.parse(response.result);
     debugger;
     let { userId, name } = cookieRes;
     const { errorMsg, isError, response } =
       await API_SERVICES_ACTIONS.getAPIService(
-        `apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
+        `apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`
       );
     let resAnwi = JSON.parse(response.result);
     console.log(resAnwi, "previous profilesave");

dist/Js/myaccount/myaccount_warrenty.js

     debugger
     let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
     console.log(url);
-    const STAT = `05b2f2ca510344968c65e1ebf49a5595`
+    // const STAT = `05b2f2ca510344968c65e1ebf49a5595`
     const config = {
         url,
         method: "get",

dist/Js/myaccount/orderdetails.js

 // validatesession()
 debugger
 let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
-let { userId} = cookieRes;
-// let userId = '106631380000095';
-let port = "https://anwi.bizgaze.app";
+ let { userId} = cookieRes;
+ //let userId = '106631380000048';
+ debugger;
+let port = SERVERNAME;
 // let port = "http://localhost:3088";
   let url = `${port}/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`;
+  // /apis/v4/bizgaze/integrations/products/salesorderdetailsbyorgid/phonenumber/
   // https://anwi.bizgaze.app/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/{organizationid}
   const config = {
     url,
     method: "get",
     headers: {
-      'Authorization': `stat 05b2f2ca510344968c65e1ebf49a5595 `,
+      'Authorization': `stat ${STAT} `,
       'Content-Type': 'application/json'
   }
   };

dist/Js/navbar.js

 navINIT();
 
 function navINIT() {
-    loadCart();
+    if(!window.location.href.includes('orderconfirmation')){
+        loadCart();
+    }
+   
     function loadHelper(src = './dist/js/utils/helpers.js'){
         if ($(`script[src="${src}"]`).length > 0) {
           return new Promise((resolve) => resolve());
                                     <nav>
                                         <ul class="mb-0 p-0">
                                             <li><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li>
-                                            <li><a href="./ramproducts.html" class="satoshi_font">MEMORIES</a></li>
+                                            <li><a href="./ramproducts.html" class="satoshi_font">MEMORY</a></li>
                                             <li><a href="./support.html" class="satoshi_font">SUPPORT</a></li>
                                             <li><a href="./press.html" class="satoshi_font">PRESS</a></li>
                                             <li><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
                                 </div>
                                 <div class="same-style header-cart">
                                 <a class="cart-active1 position-relative" href="./shopping-cart.html"><i class="fa-solid fa-cart-shopping"></i>
-                                <span class="position-absolute cartnumcount d-none"  style="top:-15%;right:-115%">0</span>
+                                <span class="position-absolute cartnumcount d-none" >0</span>
                                 </a>
                                 </div>
                             </div>

dist/Js/orderDetails/order_summary.js

 // let user_number =window.localStorage.getItem('Userphonenumber');
 let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
 let { userId} = cookieRes;
-// let userId = '106631380000095';
-let port = "https://anwi.bizgaze.app";
+//  let userId = '106631380000048';
+let port = SERVERNAME;
 // let port = "http://localhost:3088";
   // let url = `${port}/apis/v4/bizgaze/integrations/products/salesorderdetailsbyphonenumber/phonenumber/${user_number}`;
   let url = `${port}/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`;
     url,
     method: "get",
     headers: {
-      'Authorization': `stat 05b2f2ca510344968c65e1ebf49a5595 `,
+      'Authorization': `stat ${STAT} `,
       'Content-Type': 'application/json'
   }
   };

dist/Js/productdetails/productdetails.js

 
     let group = {};
 
+    let loadingActions = {
+        addLoader(){
+            $('.loadingCall').removeClass('d-none');
+            $('.mainContanierProduct').addClass('d-none');
+        },
+        removeLoader(){
+            $('.loadingCall').addClass('d-none');
+            $('.mainContanierProduct').removeClass('d-none');
+        }
+    }
+
     let currentClick = null;
     debugger;
     if(productId){
+        loadingActions.addLoader();
         updateProductId(productId);
        getProductDetails(productId);
         appendSpecs(productId)
         let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`,true);
 
         if(resData.isError){
+            loadingActions.removeLoader();
             alert(resData.errorMsg.message);
             return;
         }
         res = JSON.parse(res.result);
         // console.log(res);
 
-      if(!res) return;
+      if(!res) {
+        loadingActions.removeLoader();
+        return;
+      };
 
         
        
         // }
 
         $('#spec-container-details').children().slice(1).find('.specsmallcard').removeClass('specsmallcard');
+
         addeventlisteners();
+        loadingActions.removeLoader();
         return;
         // let resTwo = await postStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`);
             

dist/Js/products/products.js

         let gb =  tags[tags.length-1];
         const [currencySymbol,amount] = getCurrencySymbol(pricelist);
         let priceAmt = `${currencySymbol} ${amount}`;
+        
+        return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
+        <div class="card border bg-gray-3 rounded-3 p-1 h-100">
+        <img src="${img}" alt="${itemname}" class="w-100 h-100"></a>
+            <div class="card-body">
+                <h5 class="card-title satoshi_font mb-0">${itemname}</h5>
+            </div>
+            <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
+                <li class="border-0 py-0">
+                    <span class="satoshi_font">  <h6>${gb}</h6> <h6>${ramTech}</h6></span>
+                </li>
+                <li class="border-0 py-0">
+                    <span class="satoshi_font"><h6>${priceAmt}</h6></span>
+                </li>
+            </ul>
+            <div class="card-body text-center">
+                <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="btn bg-white font-1-2 px-5 w-100">Details
+                </a>
+            </div>
+        </div>
+    </div>`;
+
+        //abhi anna design
         return ` 
         
             <!--desktop--->

dist/Js/shoppingcart/addtocart.js

 
             addToCartFun();
             debugger;
-            toasterHelper('success',"Item added to cart");
+            toasterHelper('success',"Item added to cart","toast-top-right");
            
            $('#addtocart').html('Go to cart');
         });

dist/Js/shoppingcart/select_delivery.js

     async function appendFormDetails(){
         let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
         console.log(cookieRes);
-        const { errorMsg, isError, response } = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`);
+        const { errorMsg, isError, response } = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`);
         let res = JSON.parse(response.result)[0];
         debugger;
         const {cityid, lobid,organizationname,addressline,cityname,phonenumber,zipcode,name } =res;
     async function getAddressRes() {
         let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
         console.log(cookieRes);
-        const { errorMsg, isError, response } = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`);
+        const { errorMsg, isError, response } = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`);
 
         let res = JSON.parse(response.result);
         console.log(res, 'befores');
         
         let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
         let { userId, name } = cookieRes;
-        const { errorMsg, isError, response } = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`);
+        const { errorMsg, isError, response } = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`);
 
         let resAnwi = JSON.parse(response.result);
         console.log(resAnwi, 'befores');
     }
 
     async function getCountryId(){
-        const countryRes = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/products/getcountry');;
+        const countryRes = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/anwiauth/getcountry');;
         
         if (countryRes.isError) {
             alert("something went wrong");
     }
 
     async function getCountryStateCurrency() {
-        const countryRes = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/products/getcountry');;
+        const countryRes = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/anwiauth/getcountry');;
 
         if (countryRes.isError) {
             alert("something went wrong");
             }
         }
 
-        const stateRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getcities/countryid/${countryID}`);
+        const stateRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/anwiauth/getcities/countryid/${countryID}`);
 
         if (stateRes.isError) {
             alert("something went wrong");
 
        
 
-        const currencyRes = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/products/getcurrencies');
+        const currencyRes = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/anwiauth/getcurrencies');
 
         if(currencyRes.isError){
             alert("something went wrong");

dist/Js/utils/helpers.js

     }
 }
 
-function toasterHelper(type,message){
+function toasterHelper(type,message,align='toast-top-center'){
     // toasterOpts()
     debugger;
-    toasterOpts();
+    toasterOpts(align);
 Command: toastr[type](message);
 
-function toasterOpts(){
+function toasterOpts(align){
     toastr.options = {
         "closeButton": true,
         "debug": false,
         "newestOnTop": true,
         "progressBar": true,
-        "positionClass": "toast-top-center",
+        "positionClass": align,
         "preventDuplicates": true,
         "onclick": null,
         "showDuration": "300",

dist/Js/warranty.js

       $(".error_phonenumber").addClass("d-none");
       $("#Add_serial_number_inp").removeClass("border-danger");
       $("#Add_phonenumber_inp").removeClass("border-danger");
-      let port = "https://anwi.bizgaze.app";
+      let port = SERVERNAME;
       debugger;
       let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
       console.log(url);
-      const STAT = `05b2f2ca510344968c65e1ebf49a5595`;
+      //const STAT = `05b2f2ca510344968c65e1ebf49a5595`;
       const config = {
         url,
         method: "get",
     if (serial_no_inp != "") {
       $(".error_serial_num").addClass("d-none");
       $("#Add_serial_number_inp").removeClass("border-danger");
-      let port = "https://anwi.bizgaze.app";
+      let port = SERVERNAME;
       debugger;
       let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
       console.log(url);
-      const STAT = `05b2f2ca510344968c65e1ebf49a5595`;
+      // const STAT = `05b2f2ca510344968c65e1ebf49a5595`;
       const config = {
         url,
         method: "get",

dist/css/style.css

   background-color: #FCF9F2;
 }
 
+.h-40p{
+  height:40px;
+}
+
 .gradient-bg-1 {
   background: -webkit-gradient(linear, left top, left bottom, from(#12126a), to(#360fbb));
   background: -webkit-linear-gradient(top, #12126a 0%, #360fbb 100%);
 }
 .addr_phone{
   cursor: not-allowed;
+}
+
+.toast-top-right {
+    top: 47px !important;
+    right: 12px !important;
+}
+
+.cartnumcount{
+  white-space: nowrap;
+  text-align: center;
+  line-height: 18px;
+  padding: 0 6px;
+  height: 18px;
+  background: #6a59d3;
+  position: absolute;
+  border-radius: 50%;
+  font-size: 12px;
+  color: #fff;
+  left: 22px;
+  top: -8px;
+
+}
+
+.loadingCall{
+  position: sticky;
+  top: 0px;
+  left: 0px;
+  width: 100vw;
+  height: 100vh;
+  background-color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.checkoutbtn{
+  width:180px;
+  height:40px;
+  border-radius: 5px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+ 
+}
+
+.checkoutbtn .spinner-border{
+  height: 15px;
+  width: 15px;
+  margin-top: 4px;
 }

index.html

     <script src="./dist/js/plugins/jquery-ui.js"></script>
     <script src="./dist/js/plugins/magnific-popup.js"></script> -->
     <!-- Main JS -->
-    <script src="./dist/js/utils/helpers.js"></script>
+
     <script src="./dist/js/main.js"></script>
     <script src="./dist/js/index/index.js"></script>
 

login.html

                                                     <span class="loader"></span>
                                                 </div>
                                                 <a href="#" class="btn bg-gradient-anwi text-white w-100 fw-500"
-                                                    id="register_btn" type="submit">REGISTER</a>
+                                                    id="register_btn" type="submit">Sign Up</a>
                                             </div>
                                         </div>
                                         <div class="my-3 mt-4">
     <script src="./dist/js/main.js"></script>
     <script>
         $(".register_sectionbtn").click(function(){
+          debugger;
+          $('#User_Email').val('');
+        $('#User_password').val('');
           $(".login_section").css("display","none");
           $(".register_section").css("display","block");
           $(".login_section").find("#User_Email").removeClass("is-invalid");
           $('.error_msg').hide();
         });
         $("#login_sectionbtn").click(function(){
+            $("#register_form").find('#User_Email').val('');
+            $("#register_form").find('#User_password').val('');
           $(".login_section").css("display","block");
           $(".register_section").css("display","none");
           $(".register_section").find("#User_Email").removeClass("is-invalid");

press.html

         totalCount = ele.closest('.image-list').find('.image-item').length;
         eleIndex = ele.index() + 1;
         eleImgSrc = ele.find('img').attr('src');
-        console.log(ele)
+      //  console.log(ele)
         let ele_con = ele.find('p').text();
         $('.image-slider-modal .image-view-list').html('<li class="p-md-5 p-3"><img src="'+eleImgSrc+'" alt="'+ele_con+'" class="w-75 mx-auto"/><p style="position:fixed;bottom:90px;left:14.4%;font-size:1rem;background: rgb(32, 38, 57);padding: 3px 5px;" class="fw-600 text-white slider_post_name">"'+ele_con+'"</p></li>');
         for (var i = 1; i <= totalCount; i++) {
             $('.image-slider-modal .thumbnail-list li').removeClass('show');
             $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex - 1) + ')').addClass('show');
             eleImgSrc = $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex - 1) + ') img').attr('src');
-            console.log(eleImgSrc);
+           // console.log(eleImgSrc);
             let eleCon1 = $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex + 1) + ') p').text();
-            console.log(eleCon1)
+//console.log(eleCon1)
             $('.image-slider-modal .image-view-list').html('<li class="p-md-5 p-3 text-center"><img src="'+eleImgSrc+'" alt="'+eleCon1+'" class="w-75 mx-auto"/><p style="position:fixed;bottom:90px;left:14.4%;font-size:1rem;background: rgb(32, 38, 57);padding: 3px 5px;" class="fw-600 text-white slider_post_name">"'+eleCon1+'"</p></li>');
           }
         }
       $('.bg-overlay, .image-slider-modal').removeClass('show');
     }
 
+    // document.querySelector('body','onbeforeunload',(e)=>{
+    //   localStorage.removeItem('Isloggedin');
+    // });
+
+   
 
   </script>
 </body>

productdetails.html

     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
     <link rel="stylesheet" href="./dist/toaster/toastr.css" />
-    
+
     <title>Anwi</title>
 
 </head>
                 </div>
             </div>
         </section>
-        <div class="container mainContanierProduct">
+        <div class="loadingCall">
+            <div class="spinner-border" role="status">
+                <span class="visually-hidden">Loading...</span>
+            </div>
+        </div>
+        <div class="container mainContanierProduct d-none">
             <div class="row">
                 <div class="col-xl-7 ">
                     <div class=" bgproductDGen  border-0 ">
                         <div class="row">
                             <div class="d-none">
-                            <!-- <div class="d-none d-xl-flex flex-column col-xl-2"> -->
+                                <!-- <div class="d-none d-xl-flex flex-column col-xl-2"> -->
                                 <div class=" d-flex flex-column gap-2 p-2 d-none">
                                     <input type="hidden" id="productidtag">
                                     <input type="hidden" id="itemidtag">
-                                   <!--  <div class="product-item-gallery active-gallery-img">
+                                    <!--  <div class="product-item-gallery active-gallery-img">
                                         <img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt=""
                                             class="w-100 h-100">
                                     </div>
                             <div class="col-xl-12" type="button" data-toggle="modal" data-target="#exampleModal">
                                 <div
                                     class=" productDetailsShadow productDetailsMain  card border-0 box-shodow d-flex justify-content-center align-items-center">
-                                    <img src="./dist/assets/imgs/nophoto.png" alt=""
-                                        class="card-img img-fluid">
+                                    <img src="./dist/assets/imgs/nophoto.png" alt="" class="card-img img-fluid">
                                 </div>
                             </div>
 
                                 <option value="2">2</option>
                                 <option value="3">3</option>
                                 <option value="4">4</option>
+                                <option value="5">5</option>
+                                <option value="6">6</option>
+                                <option value="7">7</option>
+                                <option value="8">8</option>
+                                <option value="9">9</option>
+                                <option value="10">10</option>
+
+
                             </select>
                         </div>
                         <div class="text-danger pt-2 insufficientqty d-none">Insufficient quantity</div>
-                        <div class=" d-flex  gap-2">
+                        <div class=" d-flex  gap-2 mt-2">
                             <button id="addtocart" class="w-100 btn bg-black text-white" style="border-radius: 5px;">
                                 Add to cart
                             </button>
 
             <!-- tabs -->
             <div class="row tabsContainer">
-            
+
                 <div class="col-lg-12 ">
-                    <div class="dec-review-topbar no-transition nav mb-65 productdetailstabs d-flex gap-4" role="tablist">
+                    <div class="dec-review-topbar no-transition nav mb-65 productdetailstabs d-flex gap-4"
+                        role="tablist">
                         <!-- <a class="active font-1-5 no-transition" data-bs-toggle="tab" href="#des-details1"  aria-selected="true" role="tab">Description</a> -->
 
-                        <a data-bs-toggle="tab" href="#des-details2" aria-selected="false" role="tab" class="active font-1-5 no-transition" tabindex="-1">Specification</a>
-                      
+                        <a data-bs-toggle="tab" href="#des-details2" aria-selected="false" role="tab"
+                            class="active font-1-5 no-transition" tabindex="-1">Specification</a>
+
                     </div>
                     <div class="tab-content dec-review-bottom">
                         <!-- <div id="des-details1" class="tab-pane active show" role="tabpanel">
                                 </table>
                             </div> -->
                             <div class="d-flex gap-5 specContainer mt-3">
-                                <div  class="specContainerleft">
+                                <div class="specContainerleft">
                                     <div class="">
                                         <div class="row  border-bottom">
                                             <div class="col-sm-6 bg-gray-3">
-                                                Manufacturer	
+                                                Manufacturer
                                             </div>
                                             <div class="col-sm-6">
-                                                26/F TOWER ONE TIME SQUARE 1 MATHESON STREET CAUSEWAY BAY HK	
+                                                26/F TOWER ONE TIME SQUARE 1 MATHESON STREET CAUSEWAY BAY HK
                                             </div>
                                         </div>
                                     </div>
                                     <div class="">
                                         <div class="row  border-bottom">
                                             <div class="col-sm-6 bg-gray-3">
-                                                Model Name	
+                                                Model Name
                                             </div>
                                             <div class="col-sm-6">
                                                 ‎ORA 16 GB RAM DDR5 SDRAM 4800 MHz
                                     <div class="">
                                         <div class="row  border-bottom">
                                             <div class="col-sm-6 bg-gray-3">
-                                                Product Dimensions	
+                                                Product Dimensions
                                             </div>
                                             <div class="col-sm-6">
-                                                8 x 3.1 x 0.3 cm; 10 Grams  
+                                                8 x 3.1 x 0.3 cm; 10 Grams
                                             </div>
                                         </div>
                                     </div>
-                                   
+
                                 </div>
                                 <div class="specContainerRight">
-                                    
+
                                     <div class="">
                                         <div class="row  border-bottom">
                                             <div class="col-sm-6 bg-gray-3">
                                     <div class="">
                                         <div class="row  border-bottom">
                                             <div class="col-sm-6 bg-gray-3">
-                                                RAM Size	
+                                                RAM Size
                                             </div>
                                             <div class="col-sm-6">
                                                 16 GB
                                     <div class="">
                                         <div class="row  border-bottom">
                                             <div class="col-sm-6 bg-gray-3">
-                                                Ram Memory Technology	
+                                                Ram Memory Technology
                                             </div>
                                             <div class="col-sm-6">
                                                 DDR5, SO-DIMM
-    
+
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                       
+
                     </div>
                 </div>
-              
+
             </div>
         </div>
 
     <div id="footer-head" class="sec-space-1"></div>
     <!-- end-footer -->
 
-  
+
 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/js/jquery.min.js"></script>
 
 
     <script src="./libs/cookies.min.js"></script>
-  
+
 
     <script src="./dist/js/navbar.js"></script>
-<script src="./dist/js/footer.js"></script>
+    <script src="./dist/js/footer.js"></script>
     <script src="./dist/js/utils/helpers.js"></script>
     <script src="./dist/js/auth/apiservice.js"></script>
     <script src="./dist/js/shoppingcart/addtocart.js"></script>

ramproducts.html

     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
     <title>Ram | Anwi</title>
     <style>
-        .card:hover{
+        /* .card:hover{
             box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
         }
         .card:hover img{
             transform: scale(1.1);
-            /* rotate: 10deg; */
-        }
-        .card:hover .btn{
+            
+        } */
+        /* .card:hover .btn{
             background-color: #000 !important;
             color:#ffff !important;
         }
         .card-title{
             font-size: 1.2rem;
-        }
+        } */
     </style>
 </head>
 

selectdelivery.html

                             </div>
                         </div>
                         <div class="pb-3 d-none d-flex justify-content-end">
-                            <a class="text-uppercase  detailsAddressBtn  ordernowbtn bg-gradient-anwi btn btn-sm mt-3 text-white px-4">Order Now</a>
+                            <a class="text-uppercase  detailsAddressBtn  ordernowbtn bg-gradient-anwi btn btn-sm mt-3 text-white px-4 h-40p d-flex justify-content-center align-items-center">Order Now</a>
                         </div>
                     </div>
                 </div>

shopping-cart.html

     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
     <title>Anwi</title>
+
 </head>
 
 <body>
       <!-- end-navbar -->
 
     <!-- main-body -->
-    <main class="shopping-cart-main-container main-body pb-0">
+    <main class="shopping-cart-main-container main-body pb-0 ">
         <section class="services h-100 pt-3  bg-gradient-anwi">
             <div class="container pt-5 ">
                 <div class="text-center text-white ">
                 </div>
             </div>
         </section>
-        <div class="shopping-cart-details py-5 bg-gradient-violet ">
+        <div class="shopping-cart-details py-5 bg-gradient-violet  h-100">
             <div class="container pt-4">
                 <div class="row align-items-center bg-white border-radius-top py-1 d-none d-md-flex shopping-cart-details-row-1 border-bottom">
                     <div class="col-md-2">
                     </div>
                 </div>
                 <div class="d-flex justify-content-end align-items-center pt-4">
-                    <div class="btn btn-dark button_dark checkoutbtn"><div class="spinner-border d-none" role="status">
+                    <div class=" checkoutbtn bg-gradient-anwi btn btn-sm mt-3 text-white px-4"><div class="spinner-border d-none" role="status">
                       
                       </div><span>Check out</span></div>
                 </div>

storageproducts.html

     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
     <title>Storage | Anwi</title>
     <style>
-        .card:hover{
+        /* .card:hover{
             box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
         }
         .card:hover img{
             transform: scale(1.1);
-            /* rotate: 10deg; */
-        }
-        .card:hover .btn{
+        } */
+        /* .card:hover .btn{
             background-color: #000 !important;
             color:#ffff !important;
         }
         .card-title{
             font-size: 1.2rem;
-        }
+        } */
     </style>
 </head>