diff --git a/accesories section.txt b/accesories section.txt
new file mode 100644
index 0000000..e1de74e
--- /dev/null
+++ b/accesories section.txt	
@@ -0,0 +1,12 @@
+accesories section
+know more for each
+landing : aio - fyro -2
+          laptop
+
+
+AIO page:
+1. power backup section
+2. sleek section
+3. cut enerygy bills
+4. compact
+5. affordable
diff --git a/dist/assets/imgs/zeno/aio/aio.png b/dist/assets/imgs/zeno/aio/aio.png
new file mode 100644
index 0000000..383fb63
Binary files /dev/null and b/dist/assets/imgs/zeno/aio/aio.png differ
diff --git a/dist/assets/imgs/zeno/aio/anti-glare.png b/dist/assets/imgs/zeno/aio/anti-glare.png
new file mode 100644
index 0000000..4ead4b0
Binary files /dev/null and b/dist/assets/imgs/zeno/aio/anti-glare.png differ
diff --git a/dist/assets/imgs/zeno/aio/icon_typec.png b/dist/assets/imgs/zeno/aio/icon_typec.png
new file mode 100644
index 0000000..5e0f437
Binary files /dev/null and b/dist/assets/imgs/zeno/aio/icon_typec.png differ
diff --git a/dist/assets/imgs/zeno/aio/power-backup.jpg b/dist/assets/imgs/zeno/aio/power-backup.jpg
new file mode 100644
index 0000000..3adbb9d
Binary files /dev/null and b/dist/assets/imgs/zeno/aio/power-backup.jpg differ
diff --git a/dist/assets/imgs/zeno/aio/power-backup1.jpg b/dist/assets/imgs/zeno/aio/power-backup1.jpg
new file mode 100644
index 0000000..d462f53
Binary files /dev/null and b/dist/assets/imgs/zeno/aio/power-backup1.jpg differ
diff --git a/dist/assets/imgs/zeno/aio/sleek.jpg b/dist/assets/imgs/zeno/aio/sleek.jpg
new file mode 100644
index 0000000..450dddc
Binary files /dev/null and b/dist/assets/imgs/zeno/aio/sleek.jpg differ
diff --git a/dist/assets/imgs/zeno/aio/tuv.png b/dist/assets/imgs/zeno/aio/tuv.png
new file mode 100644
index 0000000..437289f
Binary files /dev/null and b/dist/assets/imgs/zeno/aio/tuv.png differ
diff --git a/dist/css/style.css b/dist/css/style.css
index 52d0b09..dacbe3a 100644
--- a/dist/css/style.css
+++ b/dist/css/style.css
@@ -89,7 +89,7 @@ button {
   line-height: inherit;
   text-decoration: none;
   cursor: pointer;
-  color: #333333 !important;
+  color: #333333;
 }
 
 a,
diff --git a/dist/js/main.js b/dist/js/main.js
index a4ae628..cb2a715 100644
--- a/dist/js/main.js
+++ b/dist/js/main.js
@@ -1,1717 +1,1858 @@
 (function ($) {
-    "use strict";
-    
-    /*--
+  "use strict";
+
+  /*--
     Menu Stick
     -----------------------------------*/
 
-    let width = $(window).width();
+  let width = $(window).width();
 
-    const ADD_SUB_NAV_CONTAINER = 'ADD_SUB_NAV_CONTAINER';
-    const REMOVE_SUB_NAV_CONTAINER = 'REMOVE_SUB_NAV_CONTAINER';
+  const ADD_SUB_NAV_CONTAINER = "ADD_SUB_NAV_CONTAINER";
+  const REMOVE_SUB_NAV_CONTAINER = "REMOVE_SUB_NAV_CONTAINER";
 
-    var header = $('.sticky-bar');
-    var win = $(window);
-    let ele_page = $("body").hasClass("product_pg");
+  var header = $(".sticky-bar");
+  var win = $(window);
+  let ele_page = $("body").hasClass("product_pg");
   let win_wid = win.width();
-  
-    let ram_page = window.location.pathname;
-    let loc= ram_page.includes('ramproducts.html');
-    let loc_2= ram_page.includes('allinones.html');
-    let loc_3= ram_page.includes('laptops.html');
-        function naChanges(){
-            if(loc === true){
-                $("svg").find("path").attr("fill","#000");
-            }
-            else if(loc_2 === true || loc_3 === true){
-                if(window.location.href.includes("?Zeno") || window.location.href.includes("?AIO%20Fyro") || window.location.href.includes("?FYRO") || window.location.href.includes("?AIO%20Zeno")){
-                    if(win_wid <=1199){
-                        $(".user-icon").find('path').attr('fill',"#000");
-                        $(".cart_icon").find('path').attr('fill',"#000");
-                      }else{
-                        $("svg").find("path").attr("fill","#fff");
-                      }
-                   
-                }else{
-                    $("svg").find("path").attr("fill","#000");
-                }
-            }
-            else{
-                $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
-            }
-           
-        }
-        setTimeout(naChanges, 1000);
-        let $body_pg = $("body").hasClass("services_page");
-        if ($body_pg == true) {
-            $(".main-menu").find("nav ul li a").addClass("text-dark");
-            let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
-            $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
-            $(".header-bottom").addClass("sticky-bar stick");
-            $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
-           
-        }
 
-        
-
-        function subNavContainer(option){
-
-            let urlName = window.location.href;
-
-
-            if(!urlName.toLowerCase().includes('zeno') && !urlName.toLowerCase().includes('fyro')){
-                return;
-            }
-
-            if(option === ADD_SUB_NAV_CONTAINER){
-                $('.sub_nav_container').removeClass('d-none');
-            }else if(option === REMOVE_SUB_NAV_CONTAINER){
-                $('.sub_nav_container').addClass('d-none');
-            }
-        }
-   
-       win.on('scroll', function() {
-        var scroll = win.scrollTop();
-        // const mainContainerIsThere = document.querySelector('.mainContanierProduct').getBoundingClientRect();
-
-        // if(mainContainerIsThere.top <200){
-        //     $('.sub_nav_container').removeClass('d-none');
-        // }else{
-        //     $('.sub_nav_container').addClass('d-none');
-        // }
-
-        if (scroll < 100) {
-            $('.sub_nav_container').addClass('d-none');
-            if(window.location.href.includes("?Zeno") || window.location.href.includes("?FYRO") || window.location.href.includes("?AIO%20Fyro") || window.location.href.includes("?AIO%20Zeno")){
-                header.addClass('stick');
-            }else{
-                header.removeClass('stick');
-            }
-            
-            $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
-            $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
-            $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
-            header.removeClass('bg-white');
-            $(".hover_tab_1").find("svg").find("path").attr("fill","#fff");
-            $(".hover_tab_2").find("svg").find("path").attr("fill","#fff");
-            $('.header-bottom-flex').find('svg path').attr('fill','#fff');
-            $(".main-menu").find("nav ul li a").addClass("text-dark");
-            $("svg").find("path").attr("fill","#000");  
-           // $("body").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
-            $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
-           
-            if(!$('.iframcontainer').hasClass('d-none')){
-                subNavContainer(REMOVE_SUB_NAV_CONTAINER);
-            }
-            
-            if ($body_pg == true) {
-                $(".main-menu").find("nav ul li a").addClass("text-dark");
-                let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
-                $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
-                $(".header-bottom").addClass("sticky-bar stick");
-            }else{
-                let $about_pg = $("body").hasClass("about_page");
-                if($about_pg == true){
-                    $(".main-menu").find("nav ul li a").addClass("text-dark");
-                    let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
-                    $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
-                    $(".header-bottom").addClass("sticky-bar stick");
-                    $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
-                }else{
-                    if(loc === true || loc_2 === true || loc_3 === true){
-                        if(window.location.href.includes("?Zeno") || window.location.href.includes("?FYRO") || window.location.href.includes("?AIO%20Fyro") || window.location.href.includes("?AIO%20Zeno")){
-                            if(win_wid <=1199){
-                                $(".user-icon").find('path').attr('fill',"#000");
-                                $(".cart_icon").find('path').attr('fill',"#000");
-                              }else{
-                                let imgs = `/dist/assets/imgs/anwi-logo-2.png`;
-                                $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
-                                // $(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
-                                //$('.same-style').find('svg path').attr('fill','#fff');
-                                //$('.header-bottom-flex').find('svg path').attr('fill','#fff');
-                                $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
-                              }
-                        }
-                        else{
-                            let imgs = `/dist/assets/imgs/anwi-logo-1.png`;
-                             $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
-                            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
-                            $('.same-style').find('svg path').attr('fill','#000');
-                            $('.header-bottom-flex').find('svg path').attr('fill','#000');
-                            $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
-                        }
-                    } else{
-                        let contact_pg = $("body").hasClass("contact_page");
-                        if(contact_pg === true){
-                            $(".main-menu").find("nav ul li a").addClass("text-dark");
-                            let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
-                            $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
-                            $('.header-bottom-flex').find('svg path').attr('fill','#000');
-                        }else{
-                            let $body_pg = $("body").hasClass("main_pg");
-                            if($body_pg === true){
-                                let img_src = `/dist/assets/imgs/anwi-logo-2.png`;
-                                $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
-                                $(".main-menu").find("nav ul li a").removeClass("text-dark");
-                                $('.header-bottom-flex').find('svg path').attr('fill','#fff');
-                               $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
-                            }
-                            else{
-                                let $suport = $("body").hasClass("support_pg");
-                                if($suport === true){
-                                    // let img_src = `/dist/assets/imgs/anwi-logo-2.png`;
-                                    // $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
-                                    // $(".main-menu").find("nav ul li a").removeClass("text-dark");
-                                    // $('.header-bottom-flex').find('svg path').attr('fill','#fff');
-                                    $(".main-menu").find("nav ul li a").addClass("text-dark");
-                                    let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
-                                    $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
-                                    $('.same-style').find('svg path').attr('fill','#000');
-    
-                                }
-                                $(".main-menu").find("nav ul li a").removeClass("text-white");
-                            }
-                        }
-                    }
-                }
-              
-            }
+  let ram_page = window.location.pathname;
+  let loc = ram_page.includes("ramproducts.html");
+  let loc_2 = ram_page.includes("allinones.html");
+  let loc_3 = ram_page.includes("laptops.html");
+  function naChanges() {
+    if (loc === true) {
+      $("svg").find("path").attr("fill", "#000");
+    } else if (loc_2 === true || loc_3 === true) {
+      if (
+        window.location.href.includes("?Zeno") ||
+        window.location.href.includes("?AIO%20Fyro") ||
+        window.location.href.includes("?FYRO") ||
+        window.location.href.includes("?AIO%20Zeno")
+      ) {
+        if (win_wid <= 1199) {
+          $(".user-icon").find("path").attr("fill", "#000");
+          $(".cart_icon").find("path").attr("fill", "#000");
         } else {
-            header.addClass('stick');
-            subNavContainer(ADD_SUB_NAV_CONTAINER);
-                $(".header-bottom").addClass("sticky-bar stick");
-                let src = `/dist/assets/imgs/anwi-logo-1.png`;
-                $(".logo-menu-wrap").find(".logo a img").attr("src",src);
-                $(".main-menu").find("nav ul li a").removeClass("text-white");
-                $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
-                $('.header-bottom-flex').find('svg path').attr('fill','#000')
-                let $body_pg = $("body").hasClass("services_page");
-                if ($body_pg == true) {
-                    let src = `/dist/assets/imgs/anwi-logo-1.png`;
-                    $(".logo-menu-wrap").find(".logo a img").attr("src",src);
-                    $(".main-menu").find("nav ul li a").removeClass("text-white");
-                }
-                let $about_pg = $("body").hasClass("about_page");
-                if($about_pg == true){
-                    $(".main-menu").find("nav ul li a").addClass("text-dark");
-                    let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
-                    $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
-                    $(".header-bottom").addClass("sticky-bar stick");
-                }
+          $("svg").find("path").attr("fill", "#fff");
         }
-        });
-        $("nav ul li").each(function(){
-            let nav_item = $(this).find("ul").hasClass("pb-3");
-            if(window.location.href.includes("?Zeno") || window.location.href.includes("?FYRO") || window.location.href.includes("?AIO%20Fyro") || window.location.href.includes("?AIO%20Zeno")){
-                $(".header-bottom").addClass("bg-white");
-                $(".header-bottom").addClass("stick");
-            }
-            else{
-                $(".header-bottom").removeClass("bg-white");
-            }
-            if(nav_item === true){
-                $(this).on("mouseenter",function(){
-                    $(".sub_nav_container").addClass("d-none");
-                   let nav_cls =  $(".header-bottom").hasClass("stick");
-                    if(nav_cls === false){
-                        $(".header-bottom").addClass("bg-white");
-                        let src = `/dist/assets/imgs/anwi-logo-1.png`;
-                        $(".logo-menu-wrap").find(".logo a img").attr("src",src);
-                        $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
-                        $('.header-bottom-flex').find('svg path').attr('fill','#000');
-                    }
-                });
-                $(this).on("mouseleave",function(){
-                    let nav_cls =  $(".header-bottom").hasClass("stick");
-                    let product_detail = window.location.pathname;
-                    let detail = product_detail.includes("productdetails.html");
-                    if(detail === true){
-                        $(".sub_nav_container").removeClass("d-none");
-                    }
+      } else {
+        $("svg").find("path").attr("fill", "#000");
+      }
+    } else {
+      $("body.product_pg")
+        .find(".header-large-device")
+        .find(".header-action-wrap")
+        .find(".same-style")
+        .find("svg")
+        .find("path")
+        .attr("fill", "#fff");
+    }
+  }
+  setTimeout(naChanges, 1000);
+  let $body_pg = $("body").hasClass("services_page");
+  if ($body_pg == true) {
+    $(".main-menu").find("nav ul li a").addClass("text-dark");
+    let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
+    $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
+    $(".header-bottom").addClass("sticky-bar stick");
+    $("body.services_page")
+      .find(".header-large-device")
+      .find(".header-action-wrap")
+      .find(".same-style")
+      .find("svg")
+      .find("path")
+      .attr("fill", "#000");
+  }
 
-                    if(nav_cls === false){
-                        let ram_page = window.location.pathname;
-                        let loc= ram_page.includes('ramproducts.html');
-                        if(loc === false){
-                            let contact_pg = $("body").hasClass("contact_page");
-                            let product_pg = $("body").hasClass("product_pg");
-                            if(contact_pg === true){
-                                $(".header-bottom").removeClass("bg-white");
-                                $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
-                                let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
-                                $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
-                            }else if(product_pg === true){
-                                $(".header-bottom").removeClass("bg-white");
-                                $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
-                                let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
-                                $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
-                                $('.header-bottom-flex').find('svg path').attr('fill','#000');
-                            }else{
-                                    let $body_pg = $("body").hasClass("main_pg");
-                                    if($body_pg === true ){
-                                        let src = `/dist/assets/imgs/anwi-logo-2.png`;
-                                        $(".logo-menu-wrap").find(".logo a img").attr("src",src);
-                                        header.removeClass('bg-white');
-                                        $('.header-bottom-flex').find('svg path').attr('fill','#fff'); 
-                                        $(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
-                                    }
-                                    else{
-                                        let $body_nav = $("body").attr("class");
-                                        if($body_nav === "support_pg" || $body_nav === "media_page" || $body_nav === "meter_pg"){
-                                            $(".header-bottom").removeClass('bg-white');
-                                            $(".main-menu").find("nav ul li a").addClass("text-dark");
-                                            let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
-                                            $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
-                                            $('.header-bottom-flex nav').find('path').attr('fill','#000'); 
-                                        }else{
-                                            $(".header-bottom").addClass("bg-white");
-                                        }
-                                            
-                                    }
-                             
-                                // let src = `/dist/assets/imgs/anwi-logo-2.png`;
-                                // $(".logo-menu-wrap").find(".logo a img").attr("src",src);
-                                // $(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
-                                // $('.header-bottom-flex').find('svg path').attr('fill','#fff'); 
-                            }
-                        }else{
-                            if (scroll < 100) {
-                                header.removeClass('bg-white');
-                            }
-                            else{
-                                $(".header-bottom").addClass("bg-white");
-                            }
-                            
-                            $(".sticky-bar").addClass("stick");
-                            $(".satoshi_font").removeClass("text-white");
-                        }
-                    }
-                })
-            }
-        })
-       
+  function subNavContainer(option) {
+    let urlName = window.location.href;
 
-    /*--------------------------------
+    if (
+      !urlName.toLowerCase().includes("zeno") &&
+      !urlName.toLowerCase().includes("fyro")
+    ) {
+      return;
+    }
+
+    if (option === ADD_SUB_NAV_CONTAINER) {
+      $(".sub_nav_container").removeClass("d-none");
+    } else if (option === REMOVE_SUB_NAV_CONTAINER) {
+      $(".sub_nav_container").addClass("d-none");
+    }
+  }
+
+  win.on("scroll", function () {
+    var scroll = win.scrollTop();
+    // const mainContainerIsThere = document.querySelector('.mainContanierProduct').getBoundingClientRect();
+
+    // if(mainContainerIsThere.top <200){
+    //     $('.sub_nav_container').removeClass('d-none');
+    // }else{
+    //     $('.sub_nav_container').addClass('d-none');
+    // }
+
+    if (scroll < 100) {
+      $(".sub_nav_container").addClass("d-none");
+      if (
+        window.location.href.includes("?Zeno") ||
+        window.location.href.includes("?FYRO") ||
+        window.location.href.includes("?AIO%20Fyro") ||
+        window.location.href.includes("?AIO%20Zeno")
+      ) {
+        header.addClass("stick");
+      } else {
+        header.removeClass("stick");
+      }
+
+      $("body.about_page")
+        .find(".header-large-device")
+        .find(".header-action-wrap")
+        .find(".same-style")
+        .find("svg")
+        .find("path")
+        .attr("fill", "#fff");
+      $("body.product_pg")
+        .find(".header-large-device")
+        .find(".header-action-wrap")
+        .find(".same-style")
+        .find("svg")
+        .find("path")
+        .attr("fill", "#fff");
+      $("body.services_page")
+        .find(".header-large-device")
+        .find(".header-action-wrap")
+        .find(".same-style")
+        .find("svg")
+        .find("path")
+        .attr("fill", "#fff");
+      header.removeClass("bg-white");
+      $(".hover_tab_1").find("svg").find("path").attr("fill", "#fff");
+      $(".hover_tab_2").find("svg").find("path").attr("fill", "#fff");
+      $(".header-bottom-flex").find("svg path").attr("fill", "#fff");
+      $(".main-menu").find("nav ul li a").addClass("text-dark");
+      $("svg").find("path").attr("fill", "#000");
+      // $("body").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
+      $("body.services_page")
+        .find(".header-large-device")
+        .find(".header-action-wrap")
+        .find(".same-style")
+        .find("svg")
+        .find("path")
+        .attr("fill", "#fff");
+
+      if (!$(".iframcontainer").hasClass("d-none")) {
+        subNavContainer(REMOVE_SUB_NAV_CONTAINER);
+      }
+
+      if ($body_pg == true) {
+        $(".main-menu").find("nav ul li a").addClass("text-dark");
+        let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
+        $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
+        $(".header-bottom").addClass("sticky-bar stick");
+      } else {
+        let $about_pg = $("body").hasClass("about_page");
+        if ($about_pg == true) {
+          $(".main-menu").find("nav ul li a").addClass("text-dark");
+          let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
+          $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
+          $(".header-bottom").addClass("sticky-bar stick");
+          $("body.about_page")
+            .find(".header-large-device")
+            .find(".header-action-wrap")
+            .find(".same-style")
+            .find("svg")
+            .find("path")
+            .attr("fill", "#000");
+        } else {
+          if (loc === true || loc_2 === true || loc_3 === true) {
+            if (
+              window.location.href.includes("?Zeno") ||
+              window.location.href.includes("?FYRO") ||
+              window.location.href.includes("?AIO%20Fyro") ||
+              window.location.href.includes("?AIO%20Zeno")
+            ) {
+              if (win_wid <= 1199) {
+                $(".user-icon").find("path").attr("fill", "#000");
+                $(".cart_icon").find("path").attr("fill", "#000");
+              } else {
+                let imgs = `/dist/assets/imgs/anwi-logo-2.png`;
+                $(".logo-menu-wrap").find(".logo img").attr("src", imgs);
+                // $(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
+                //$('.same-style').find('svg path').attr('fill','#fff');
+                //$('.header-bottom-flex').find('svg path').attr('fill','#fff');
+                $(".header-bottom.sticky-bar.stick").removeClass(
+                  "sticky-bar stick"
+                );
+              }
+            } else {
+              let imgs = `/dist/assets/imgs/anwi-logo-1.png`;
+              $(".main-menu")
+                .find("nav ul li a")
+                .addClass("text-dark")
+                .removeClass("text-white");
+              $(".logo-menu-wrap").find(".logo img").attr("src", imgs);
+              $(".same-style").find("svg path").attr("fill", "#000");
+              $(".header-bottom-flex").find("svg path").attr("fill", "#000");
+              $(".header-bottom.sticky-bar.stick").removeClass(
+                "sticky-bar stick"
+              );
+            }
+          } else {
+            let contact_pg = $("body").hasClass("contact_page");
+            if (contact_pg === true) {
+              $(".main-menu").find("nav ul li a").addClass("text-dark");
+              let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
+              $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
+              $(".header-bottom-flex").find("svg path").attr("fill", "#000");
+            } else {
+              let $body_pg = $("body").hasClass("main_pg");
+              if ($body_pg === true) {
+                let img_src = `/dist/assets/imgs/anwi-logo-2.png`;
+                $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
+                $(".main-menu").find("nav ul li a").removeClass("text-dark");
+                $(".header-bottom-flex").find("svg path").attr("fill", "#fff");
+                $(".header-bottom.sticky-bar.stick").removeClass(
+                  "sticky-bar stick"
+                );
+              } else {
+                let $suport = $("body").hasClass("support_pg");
+                if ($suport === true) {
+                  // let img_src = `/dist/assets/imgs/anwi-logo-2.png`;
+                  // $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
+                  // $(".main-menu").find("nav ul li a").removeClass("text-dark");
+                  // $('.header-bottom-flex').find('svg path').attr('fill','#fff');
+                  $(".main-menu").find("nav ul li a").addClass("text-dark");
+                  let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
+                  $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
+                  $(".same-style").find("svg path").attr("fill", "#000");
+                }
+                $(".main-menu").find("nav ul li a").removeClass("text-white");
+              }
+            }
+          }
+        }
+      }
+    } else {
+      header.addClass("stick");
+      subNavContainer(ADD_SUB_NAV_CONTAINER);
+      $(".header-bottom").addClass("sticky-bar stick");
+      let src = `/dist/assets/imgs/anwi-logo-1.png`;
+      $(".logo-menu-wrap").find(".logo a img").attr("src", src);
+      $(".main-menu").find("nav ul li a").removeClass("text-white");
+      $("body.product_pg")
+        .find(".header-large-device")
+        .find(".header-action-wrap")
+        .find(".same-style")
+        .find("svg")
+        .find("path")
+        .attr("fill", "#000");
+      $(".header-bottom-flex").find("svg path").attr("fill", "#000");
+      let $body_pg = $("body").hasClass("services_page");
+      if ($body_pg == true) {
+        let src = `/dist/assets/imgs/anwi-logo-1.png`;
+        $(".logo-menu-wrap").find(".logo a img").attr("src", src);
+        $(".main-menu").find("nav ul li a").removeClass("text-white");
+      }
+      let $about_pg = $("body").hasClass("about_page");
+      if ($about_pg == true) {
+        $(".main-menu").find("nav ul li a").addClass("text-dark");
+        let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
+        $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
+        $(".header-bottom").addClass("sticky-bar stick");
+      }
+    }
+  });
+  $("nav ul li").each(function () {
+    let nav_item = $(this).find("ul").hasClass("pb-3");
+    if (
+      window.location.href.includes("?Zeno") ||
+      window.location.href.includes("?FYRO") ||
+      window.location.href.includes("?AIO%20Fyro") ||
+      window.location.href.includes("?AIO%20Zeno")
+    ) {
+      $(".header-bottom").addClass("bg-white");
+      $(".header-bottom").addClass("stick");
+    } else {
+      $(".header-bottom").removeClass("bg-white");
+    }
+    if (nav_item === true) {
+      $(this).on("mouseenter", function () {
+        $(".sub_nav_container").addClass("d-none");
+        let nav_cls = $(".header-bottom").hasClass("stick");
+        if (nav_cls === false) {
+          $(".header-bottom").addClass("bg-white");
+          let src = `/dist/assets/imgs/anwi-logo-1.png`;
+          $(".logo-menu-wrap").find(".logo a img").attr("src", src);
+          $(".main-menu")
+            .find("nav ul li a")
+            .addClass("text-dark")
+            .removeClass("text-white");
+          $(".header-bottom-flex").find("svg path").attr("fill", "#000");
+        }
+      });
+      $(this).on("mouseleave", function () {
+        let nav_cls = $(".header-bottom").hasClass("stick");
+        let product_detail = window.location.pathname;
+        let detail = product_detail.includes("productdetails.html");
+        if (detail === true) {
+          $(".sub_nav_container").removeClass("d-none");
+        }
+
+        if (nav_cls === false) {
+          let ram_page = window.location.pathname;
+          let loc = ram_page.includes("ramproducts.html");
+          if (loc === false) {
+            let contact_pg = $("body").hasClass("contact_page");
+            let product_pg = $("body").hasClass("product_pg");
+            if (contact_pg === true) {
+              $(".header-bottom").removeClass("bg-white");
+              $(".main-menu")
+                .find("nav ul li a")
+                .addClass("text-dark")
+                .removeClass("text-white");
+              let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
+              $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
+            } else if (product_pg === true) {
+              $(".header-bottom").removeClass("bg-white");
+              $(".main-menu")
+                .find("nav ul li a")
+                .addClass("text-dark")
+                .removeClass("text-white");
+              let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
+              $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
+              $(".header-bottom-flex").find("svg path").attr("fill", "#000");
+            } else {
+              let $body_pg = $("body").hasClass("main_pg");
+              if ($body_pg === true) {
+                let src = `/dist/assets/imgs/anwi-logo-2.png`;
+                $(".logo-menu-wrap").find(".logo a img").attr("src", src);
+                header.removeClass("bg-white");
+                $(".header-bottom-flex").find("svg path").attr("fill", "#fff");
+                $(".main-menu")
+                  .find("nav ul li a")
+                  .addClass("text-white")
+                  .removeClass("text-dark");
+              } else {
+                let $body_nav = $("body").attr("class");
+                if (
+                  $body_nav === "support_pg" ||
+                  $body_nav === "media_page" ||
+                  $body_nav === "meter_pg"
+                ) {
+                  $(".header-bottom").removeClass("bg-white");
+                  $(".main-menu").find("nav ul li a").addClass("text-dark");
+                  let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
+                  $(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
+                  $(".header-bottom-flex nav")
+                    .find("path")
+                    .attr("fill", "#000");
+                } else {
+                  $(".header-bottom").addClass("bg-white");
+                }
+              }
+
+              // let src = `/dist/assets/imgs/anwi-logo-2.png`;
+              // $(".logo-menu-wrap").find(".logo a img").attr("src",src);
+              // $(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
+              // $('.header-bottom-flex').find('svg path').attr('fill','#fff');
+            }
+          } else {
+            if (scroll < 100) {
+              header.removeClass("bg-white");
+            } else {
+              $(".header-bottom").addClass("bg-white");
+            }
+
+            $(".sticky-bar").addClass("stick");
+            $(".satoshi_font").removeClass("text-white");
+          }
+        }
+        $(".header-bottom").removeClass("bg-white");
+      });
+    }
+  });
+
+  /*--------------------------------
         Slider active 1
     -----------------------------------*/
-    sliders();
-    function sliders(){
-        if(window.location.href.includes('login')) return;
-        $('.slider-active-1').slick({
+  sliders();
+  function sliders() {
+    if (window.location.href.includes("login")) return;
+    $(".slider-active-1").slick({
+      slidesToShow: 1,
+      slidesToScroll: 1,
+      fade: true,
+      loop: true,
+      dots: false,
+      arrows: true,
+      prevArrow:
+        '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
+      nextArrow:
+        '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
+      responsive: [
+        {
+          breakpoint: 1500,
+          settings: {
             slidesToShow: 1,
             slidesToScroll: 1,
-            fade: true,
-            loop: true,
-            dots: false,
-            arrows: true,
-            prevArrow: '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
-            nextArrow: '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
-            responsive: [{
-                    breakpoint: 1500,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 1199,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 991,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 767,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                }
-            ]
-        });
-        
-        /*--------------------------------
+          },
+        },
+        {
+          breakpoint: 1199,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 991,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 767,
+          settings: {
+            autoplay: false,
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+      ],
+    });
+
+    /*--------------------------------
             Slider active 2
         -----------------------------------*/
-        $('.slider-active-2').slick({
+    $(".slider-active-2").slick({
+      slidesToShow: 1,
+      slidesToScroll: 1,
+      fade: true,
+      loop: true,
+      dots: true,
+      arrows: false,
+      prevArrow:
+        '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
+      nextArrow:
+        '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
+      responsive: [
+        {
+          breakpoint: 1500,
+          settings: {
             slidesToShow: 1,
             slidesToScroll: 1,
-            fade: true,
-            loop: true,
-            dots: true,
-            arrows: false,
-            prevArrow: '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
-            nextArrow: '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
-            responsive: [{
-                    breakpoint: 1500,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 1199,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 991,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 767,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                }
-            ]
-        });
-        
-        /*--
+          },
+        },
+        {
+          breakpoint: 1199,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 991,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 767,
+          settings: {
+            autoplay: false,
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+      ],
+    });
+
+    /*--
             Slider active 3
         -----------------------------------*/
-        $('.slider-active-3').slick({
-            arrows: false,
-            infinite: true,
-            slidesToShow: 1,
+    $(".slider-active-3").slick({
+      arrows: false,
+      infinite: true,
+      slidesToShow: 1,
+      dots: true,
+      fade: true,
+      autoplay: false,
+      autoplaySpeed: 5000,
+      customPaging: function (slider, i) {
+        var thumb = $(slider.$slides[i]).data("thumb");
+        return '<button class="overlay"><img src="' + thumb + '"></button>';
+      },
+      responsive: [
+        {
+          breakpoint: 767,
+          settings: {
             dots: true,
-            fade: true,
             autoplay: false,
             autoplaySpeed: 5000,
-            customPaging : function(slider, i) {
-                var thumb = $(slider.$slides[i]).data('thumb');
-                return '<button class="overlay"><img src="'+thumb+'"></button>';
-            },
-            responsive: [
-                {
-                breakpoint: 767,
-                    settings: {
-                        dots: true,
-                        autoplay: false,
-                        autoplaySpeed: 5000,
-                    }
-                }
-            ]
-        });
-        
-        
-        /*--------------------------------
+          },
+        },
+      ],
+    });
+
+    /*--------------------------------
             slider active 4
         -----------------------------------*/
-        $('.slider-active-4').slick({
+    $(".slider-active-4").slick({
+      slidesToShow: 1,
+      slidesToScroll: 1,
+      fade: true,
+      loop: true,
+      dots: true,
+      arrows: false,
+      prevArrow:
+        '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
+      nextArrow:
+        '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
+      responsive: [
+        {
+          breakpoint: 1500,
+          settings: {
             slidesToShow: 1,
             slidesToScroll: 1,
-            fade: true,
-            loop: true,
-            dots: true,
-            arrows: false,
-            prevArrow: '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
-            nextArrow: '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
-            responsive: [{
-                    breakpoint: 1500,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 1199,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 991,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 767,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                }
-            ]
-        });
-        
-        /*--------------------------------
+          },
+        },
+        {
+          breakpoint: 1199,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 991,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 767,
+          settings: {
+            autoplay: false,
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+      ],
+    });
+
+    /*--------------------------------
             Slider active 5
         -----------------------------------*/
-        $('.slider-active-5').slick({
-            slidesToShow: 1,
-            slidesToScroll: 1,
-            fade: true,
-            loop: true,
-            dots: true,
-            arrows: false,
-            prevArrow: '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
-            nextArrow: '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
-        });
-        
-        
-        /*--------------------------------
+    $(".slider-active-5").slick({
+      slidesToShow: 1,
+      slidesToScroll: 1,
+      fade: true,
+      loop: true,
+      dots: true,
+      arrows: false,
+      prevArrow:
+        '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
+      nextArrow:
+        '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
+    });
+
+    /*--------------------------------
             Product slider active 1
         -----------------------------------*/
-        $('.product-slider-active-1').slick({
+    $(".product-slider-active-1").slick({
+      slidesToShow: 3,
+      slidesToScroll: 1,
+      loop: true,
+      dots: false,
+      arrows: false,
+      responsive: [
+        {
+          breakpoint: 1500,
+          settings: {
             slidesToShow: 3,
             slidesToScroll: 1,
-            loop: true,
-            dots: false,
-            arrows: false,
-            responsive: [{
-                    breakpoint: 1500,
-                    settings: {
-                        slidesToShow: 3,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 1199,
-                    settings: {
-                        slidesToShow: 3,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 991,
-                    settings: {
-                        slidesToShow: 2,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 767,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 2,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 575,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                }
-            ]
-        });
-        
-        
-        /*--------------------------------
-            Product slider active 2
-        -----------------------------------*/
-        $('.product-slider-active-2').slick({
-            slidesToShow: 6,
+          },
+        },
+        {
+          breakpoint: 1199,
+          settings: {
+            slidesToShow: 3,
             slidesToScroll: 1,
-            loop: true,
-            dots: false,
-            arrows: false,
-            responsive: [{
-                    breakpoint: 1500,
-                    settings: {
-                        slidesToShow: 6,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 1199,
-                    settings: {
-                        slidesToShow: 4,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 991,
-                    settings: {
-                        slidesToShow: 3,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 767,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 2,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 575,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                }
-            ]
-        });
-        
-        
-        /*--------------------------------
-            Product slider active 3
-        -----------------------------------*/
-        $('.product-slider-active-3').slick({
+          },
+        },
+        {
+          breakpoint: 991,
+          settings: {
             slidesToShow: 2,
             slidesToScroll: 1,
-            loop: true,
-            dots: false,
-            arrows: false,
-            responsive: [{
-                    breakpoint: 1500,
-                    settings: {
-                        slidesToShow: 2,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 1199,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 991,
-                    settings: {
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 767,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 575,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                }
-            ]
-        });
-        
-        /*--------------------------------
-            Product slider active 4
+          },
+        },
+        {
+          breakpoint: 767,
+          settings: {
+            autoplay: false,
+            slidesToShow: 2,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 575,
+          settings: {
+            autoplay: false,
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+      ],
+    });
+
+    /*--------------------------------
+            Product slider active 2
         -----------------------------------*/
-        $('.product-slider-active-4').slick({
+    $(".product-slider-active-2").slick({
+      slidesToShow: 6,
+      slidesToScroll: 1,
+      loop: true,
+      dots: false,
+      arrows: false,
+      responsive: [
+        {
+          breakpoint: 1500,
+          settings: {
+            slidesToShow: 6,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 1199,
+          settings: {
             slidesToShow: 4,
             slidesToScroll: 1,
-            loop: true,
-            dots: false,
-            arrows: false,
-            responsive: [{
-                    breakpoint: 1500,
-                    settings: {
-                        slidesToShow: 4,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 1199,
-                    settings: {
-                        slidesToShow: 3,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 991,
-                    settings: {
-                        slidesToShow: 2,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 767,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 2,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 575,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 1,
-                        slidesToScroll: 1,
-                    }
-                }
-            ]
-        });
-        
-        
-        /*--------------------------------
+          },
+        },
+        {
+          breakpoint: 991,
+          settings: {
+            slidesToShow: 3,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 767,
+          settings: {
+            autoplay: false,
+            slidesToShow: 2,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 575,
+          settings: {
+            autoplay: false,
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+      ],
+    });
+
+    /*--------------------------------
+            Product slider active 3
+        -----------------------------------*/
+    $(".product-slider-active-3").slick({
+      slidesToShow: 2,
+      slidesToScroll: 1,
+      loop: true,
+      dots: false,
+      arrows: false,
+      responsive: [
+        {
+          breakpoint: 1500,
+          settings: {
+            slidesToShow: 2,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 1199,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 991,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 767,
+          settings: {
+            autoplay: false,
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 575,
+          settings: {
+            autoplay: false,
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+      ],
+    });
+
+    /*--------------------------------
+            Product slider active 4
+        -----------------------------------*/
+    $(".product-slider-active-4").slick({
+      slidesToShow: 4,
+      slidesToScroll: 1,
+      loop: true,
+      dots: false,
+      arrows: false,
+      responsive: [
+        {
+          breakpoint: 1500,
+          settings: {
+            slidesToShow: 4,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 1199,
+          settings: {
+            slidesToShow: 3,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 991,
+          settings: {
+            slidesToShow: 2,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 767,
+          settings: {
+            autoplay: false,
+            slidesToShow: 2,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 575,
+          settings: {
+            autoplay: false,
+            slidesToShow: 1,
+            slidesToScroll: 1,
+          },
+        },
+      ],
+    });
+
+    /*--------------------------------
             Brand logo active
         -----------------------------------*/
-        $('.brand-logo-active , .brand-logo-active-2').slick({
+    $(".brand-logo-active , .brand-logo-active-2").slick({
+      slidesToShow: 6,
+      slidesToScroll: 1,
+      loop: true,
+      dots: false,
+      arrows: false,
+      responsive: [
+        {
+          breakpoint: 1500,
+          settings: {
             slidesToShow: 6,
             slidesToScroll: 1,
-            loop: true,
-            dots: false,
-            arrows: false,
-            responsive: [{
-                    breakpoint: 1500,
-                    settings: {
-                        slidesToShow: 6,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 1199,
-                    settings: {
-                        slidesToShow: 5,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 991,
-                    settings: {
-                        slidesToShow: 4,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 767,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 3,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 575,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 2,
-                        slidesToScroll: 1,
-                    }
-                }
-            ]
-        });
-        
-        /*--------------------------------
+          },
+        },
+        {
+          breakpoint: 1199,
+          settings: {
+            slidesToShow: 5,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 991,
+          settings: {
+            slidesToShow: 4,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 767,
+          settings: {
+            autoplay: false,
+            slidesToShow: 3,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 575,
+          settings: {
+            autoplay: false,
+            slidesToShow: 2,
+            slidesToScroll: 1,
+          },
+        },
+      ],
+    });
+
+    /*--------------------------------
             Brand logo active 3
         -----------------------------------*/
-        $('.brand-logo-active-3').slick({
+    $(".brand-logo-active-3").slick({
+      slidesToShow: 6,
+      slidesToScroll: 1,
+      loop: true,
+      dots: true,
+      arrows: false,
+      responsive: [
+        {
+          breakpoint: 1500,
+          settings: {
             slidesToShow: 6,
             slidesToScroll: 1,
-            loop: true,
-            dots: true,
-            arrows: false,
-            responsive: [{
-                    breakpoint: 1500,
-                    settings: {
-                        slidesToShow: 6,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 1199,
-                    settings: {
-                        slidesToShow: 5,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 991,
-                    settings: {
-                        slidesToShow: 4,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 767,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 3,
-                        slidesToScroll: 1,
-                    }
-                },
-                {
-                    breakpoint: 575,
-                    settings: {
-                        autoplay: false,
-                        slidesToShow: 2,
-                        slidesToScroll: 1,
-                    }
-                }
-            ]
-        });
-    }
-    
-    /*---------------------
+          },
+        },
+        {
+          breakpoint: 1199,
+          settings: {
+            slidesToShow: 5,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 991,
+          settings: {
+            slidesToShow: 4,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 767,
+          settings: {
+            autoplay: false,
+            slidesToShow: 3,
+            slidesToScroll: 1,
+          },
+        },
+        {
+          breakpoint: 575,
+          settings: {
+            autoplay: false,
+            slidesToShow: 2,
+            slidesToScroll: 1,
+          },
+        },
+      ],
+    });
+  }
+
+  /*---------------------
         Countdown 1
       --------------------- */
-    $('.timer-1 [data-countdown]').each(function() {
-        var $this = $(this),
-            finalDate = $(this).data('countdown');
-        $this.countdown(finalDate, function(event) {
-            $this.html(event.strftime('<span class="cdown day"> <span>%-D </span><p>Days</p></span> <span class="cdown hour"> <span> %-H</span> <p>Hours</p></span> <span class="cdown minutes"><span>%M</span> <p>Minutes</p> </span>'));
-        });
+  $(".timer-1 [data-countdown]").each(function () {
+    var $this = $(this),
+      finalDate = $(this).data("countdown");
+    $this.countdown(finalDate, function (event) {
+      $this.html(
+        event.strftime(
+          '<span class="cdown day"> <span>%-D </span><p>Days</p></span> <span class="cdown hour"> <span> %-H</span> <p>Hours</p></span> <span class="cdown minutes"><span>%M</span> <p>Minutes</p> </span>'
+        )
+      );
     });
-    
-    $('.timer-2 [data-countdown]').each(function() {
-        var $this = $(this),
-            finalDate = $(this).data('countdown');
-        $this.countdown(finalDate, function(event) {
-            $this.html(event.strftime('<span class="cdown day"> <span>%-D </span><p>Day</p></span> <span class="cdown hour"> <span> %-H</span> <p>Hour</p></span> <span class="cdown minutes"><span>%M</span> <p>Minute</p> </span> <span class="cdown second"><span>%S</span> <p>Second</p> </span>'));
-        });
+  });
+
+  $(".timer-2 [data-countdown]").each(function () {
+    var $this = $(this),
+      finalDate = $(this).data("countdown");
+    $this.countdown(finalDate, function (event) {
+      $this.html(
+        event.strftime(
+          '<span class="cdown day"> <span>%-D </span><p>Day</p></span> <span class="cdown hour"> <span> %-H</span> <p>Hour</p></span> <span class="cdown minutes"><span>%M</span> <p>Minute</p> </span> <span class="cdown second"><span>%S</span> <p>Second</p> </span>'
+        )
+      );
     });
-    
-    $('.timer-3 [data-countdown]').each(function() {
-        var $this = $(this),
-            finalDate = $(this).data('countdown');
-        $this.countdown(finalDate, function(event) {
-            $this.html(event.strftime('<span class="cdown hour"> <span> %-H</span> <p>Hour</p></span> <span class="cdown minutes"><span>%M</span> <p>Minute</p> </span> <span class="cdown second"><span>%S</span> <p>Second</p> </span>'));
-        });
+  });
+
+  $(".timer-3 [data-countdown]").each(function () {
+    var $this = $(this),
+      finalDate = $(this).data("countdown");
+    $this.countdown(finalDate, function (event) {
+      $this.html(
+        event.strftime(
+          '<span class="cdown hour"> <span> %-H</span> <p>Hour</p></span> <span class="cdown minutes"><span>%M</span> <p>Minute</p> </span> <span class="cdown second"><span>%S</span> <p>Second</p> </span>'
+        )
+      );
     });
-    
-    /*---------------------
+  });
+
+  /*---------------------
         svg img color
     --------------------- */
-    // Elements to inject
-      var mySVGsToInject = document.querySelectorAll('img.inject-me');
-      // Do the injection
-      SVGInjector(mySVGsToInject);
-    
-    
-    /*------ Wow Active ----*/
-    new WOW().init();
-    
-    
-    /*------------
+  // Elements to inject
+  var mySVGsToInject = document.querySelectorAll("img.inject-me");
+  // Do the injection
+  SVGInjector(mySVGsToInject);
+
+  /*------ Wow Active ----*/
+  new WOW().init();
+
+  /*------------
         ScrollUp
     ------------------ */
-    // $.scrollUp({
-    //     scrollText: '<i class="icofont-arrow-up"></i>',
-    //     easingType: 'linear',
-    //     scrollSpeed: 900,
-    //     animation: 'fade'
-    // });
-    
-    /*----------------------------
+  // $.scrollUp({
+  //     scrollText: '<i class="icofont-arrow-up"></i>',
+  //     easingType: 'linear',
+  //     scrollSpeed: 900,
+  //     animation: 'fade'
+  // });
+
+  /*----------------------------
     	Cart Plus Minus Button
     ------------------------------ */
-    var CartPlusMinus = $('.cart-plus-minus');
-    CartPlusMinus.prepend('<div class="dec qtybutton">-</div>');
-    CartPlusMinus.append('<div class="inc qtybutton">+</div>');
-    $(".qtybutton").on("click", function() {
-        var $button = $(this);
-        var oldValue = $button.parent().find("input").val();
-        if ($button.text() === "+") {
-            var newVal = parseFloat(oldValue) + 1;
-        } else {
-            // Don't allow decrementing below zero
-            if (oldValue > 0) {
-                var newVal = parseFloat(oldValue) - 1;
-            } else {
-                newVal = 1;
-            }
-        }
-        $button.parent().find("input").val(newVal);
-    });
-    
-    
-    /*------- Color active -----*/
-    $('.pro-details-color-content').on('click', 'a', function(e){
-        e.preventDefault();
-        $(this).addClass('active').parent().siblings().children('a').removeClass('active');
-    });
-    
-    
-    /*--------------------------------
+  var CartPlusMinus = $(".cart-plus-minus");
+  CartPlusMinus.prepend('<div class="dec qtybutton">-</div>');
+  CartPlusMinus.append('<div class="inc qtybutton">+</div>');
+  $(".qtybutton").on("click", function () {
+    var $button = $(this);
+    var oldValue = $button.parent().find("input").val();
+    if ($button.text() === "+") {
+      var newVal = parseFloat(oldValue) + 1;
+    } else {
+      // Don't allow decrementing below zero
+      if (oldValue > 0) {
+        var newVal = parseFloat(oldValue) - 1;
+      } else {
+        newVal = 1;
+      }
+    }
+    $button.parent().find("input").val(newVal);
+  });
+
+  /*------- Color active -----*/
+  $(".pro-details-color-content").on("click", "a", function (e) {
+    e.preventDefault();
+    $(this)
+      .addClass("active")
+      .parent()
+      .siblings()
+      .children("a")
+      .removeClass("active");
+  });
+
+  /*--------------------------------
         Cart active
     -----------------------------------*/
-    if ($('.pro-details-action').length) {
-        var $body = $('body'),
-            $cartWrap = $('.pro-details-action'),
-            $cartContent = $cartWrap.find('.product-dec-social');
-        $cartWrap.on('click', '.social', function(e) {
-            e.preventDefault();
-            var $this = $(this);
-            if (!$this.parent().hasClass('show')) {
-                $this.siblings('.product-dec-social').addClass('show').parent().addClass('show');
-            } else {
-                $this.siblings('.product-dec-social').removeClass('show').parent().removeClass('show');
-            }
-        });
-        /*Close When Click Outside*/
-        $body.on('click', function(e) {
-            var $target = e.target;
-            if (!$($target).is('.pro-details-action') && !$($target).parents().is('.pro-details-action') && $cartWrap.hasClass('show')) {
-                $cartWrap.removeClass('show');
-                $cartContent.removeClass('show');
-            }
-        });
-    }
-    
-    /* Language-dropdown */
-    $(".language-dropdown-active").on("click", function(e) {
-        e.preventDefault();
-        $(this).parent().find('.language-dropdown').slideToggle('medium');
-    })
-    
-    /* NiceSelect */
-    $('.nice-select').niceSelect();
-    
-    
-    /*--------------------------------
+  if ($(".pro-details-action").length) {
+    var $body = $("body"),
+      $cartWrap = $(".pro-details-action"),
+      $cartContent = $cartWrap.find(".product-dec-social");
+    $cartWrap.on("click", ".social", function (e) {
+      e.preventDefault();
+      var $this = $(this);
+      if (!$this.parent().hasClass("show")) {
+        $this
+          .siblings(".product-dec-social")
+          .addClass("show")
+          .parent()
+          .addClass("show");
+      } else {
+        $this
+          .siblings(".product-dec-social")
+          .removeClass("show")
+          .parent()
+          .removeClass("show");
+      }
+    });
+    /*Close When Click Outside*/
+    $body.on("click", function (e) {
+      var $target = e.target;
+      if (
+        !$($target).is(".pro-details-action") &&
+        !$($target).parents().is(".pro-details-action") &&
+        $cartWrap.hasClass("show")
+      ) {
+        $cartWrap.removeClass("show");
+        $cartContent.removeClass("show");
+      }
+    });
+  }
+
+  /* Language-dropdown */
+  $(".language-dropdown-active").on("click", function (e) {
+    e.preventDefault();
+    $(this).parent().find(".language-dropdown").slideToggle("medium");
+  });
+
+  /* NiceSelect */
+  $(".nice-select").niceSelect();
+
+  /*--------------------------------
         Testimonial active
     -----------------------------------*/
-    $('.testimonial-active , .testimonial-active-2').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        loop: true,
-        dots: false,
-        arrows: false,
-        responsive: [{
-                breakpoint: 1500,
-                settings: {
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 1199,
-                settings: {
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 991,
-                settings: {
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 767,
-                settings: {
-                    autoplay: false,
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 575,
-                settings: {
-                    autoplay: false,
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            }
-        ]
+  $(".testimonial-active , .testimonial-active-2").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    loop: true,
+    dots: false,
+    arrows: false,
+    responsive: [
+      {
+        breakpoint: 1500,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 1199,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 991,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 767,
+        settings: {
+          autoplay: false,
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 575,
+        settings: {
+          autoplay: false,
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+    ],
+  });
+
+  /*====== SidebarCart ======*/
+  function miniCart() {
+    var navbarTrigger = $(".cart-active"),
+      endTrigger = $(".cart-close"),
+      container = $(".sidebar-cart-active"),
+      wrapper2 = $(".main-wrapper");
+
+    wrapper2.prepend('<div class="body-overlay"></div>');
+
+    navbarTrigger.on("click", function (e) {
+      e.preventDefault();
+      container.addClass("inside");
+      wrapper2.addClass("overlay-active");
     });
-    
-    
-    
-    
-    /*====== SidebarCart ======*/
-    function miniCart() {
-        var navbarTrigger = $('.cart-active'),
-            endTrigger = $('.cart-close'),
-            container = $('.sidebar-cart-active'),
-            wrapper2 = $('.main-wrapper');
-        
-        wrapper2.prepend('<div class="body-overlay"></div>');
-        
-        navbarTrigger.on('click', function(e) {
-            e.preventDefault();
-            container.addClass('inside');
-            wrapper2.addClass('overlay-active');
-        });
-        
-        endTrigger.on('click', function() {
-            container.removeClass('inside');
-            wrapper2.removeClass('overlay-active');
-        });
-        
-        $('.body-overlay').on('click', function() {
-            container.removeClass('inside');
-            wrapper2.removeClass('overlay-active');
-        });
-    };
-    miniCart();
-    
-    /*-------------------------------
+
+    endTrigger.on("click", function () {
+      container.removeClass("inside");
+      wrapper2.removeClass("overlay-active");
+    });
+
+    $(".body-overlay").on("click", function () {
+      container.removeClass("inside");
+      wrapper2.removeClass("overlay-active");
+    });
+  }
+  miniCart();
+
+  /*-------------------------------
 	   Header Search Toggle
     -----------------------------------*/
-    var searchToggle = $('.search-toggle');
-    searchToggle.on('click', function(e){
-        e.preventDefault();
-        if($(this).hasClass('open')){
-           $(this).removeClass('open');
-           $(this).siblings('.search-wrap-3').removeClass('open');
-        }else{
-           $(this).addClass('open');
-           $(this).siblings('.search-wrap-3').addClass('open');
-        }
-    })
-    
-    
-     /*====== Sidebar Active ======*/
-    function sidebarActive() {
-        var navbarTrigger = $('.sidebar-active'),
-            endTrigger = $('.sidebar-close'),
-            container = $('.clickalbe-sidebar-wrapper-active'),
-            wrapper3 = $('.main-wrapper-2');
-        
-        wrapper3.prepend('<div class="body-overlay-2"></div>');
-        
-        navbarTrigger.on('click', function(e) {
-            e.preventDefault();
-            container.addClass('sidebar-visible');
-            wrapper3.addClass('overlay-active-2');
-        });
-        
-        endTrigger.on('click', function() {
-            container.removeClass('sidebar-visible');
-            wrapper3.removeClass('overlay-active-2');
-        });
-        
-        $('.body-overlay-2').on('click', function() {
-            container.removeClass('sidebar-visible');
-            wrapper3.removeClass('overlay-active-2');
-        });
-    };
-    sidebarActive();
-    
-    /*====== clickable Main Menu active ======*/
-    var $clickableMainMenu = $('.clickable-mainmenu-wrap'),
-        $clickableSubMenu = $clickableMainMenu.find('.sub-menu-2');
-    /*Add Toggle Button in Off Canvas Sub Menu*/
-    $clickableSubMenu.siblings('a').append('<span class="menu-expand"><i class="fa-solid fa-plus"></i></span>');
-    /*Close Off Canvas Sub Menu*/
-    $clickableSubMenu.slideUp();
-    /*Category Sub Menu Toggle*/
-    $clickableMainMenu.on('click', 'li a, li .menu-expand', function(e) {
-        var $this = $(this);
-        if ($this.parent('li').hasClass('has-sub-menu') || ($this.attr('href') === '#' || $this.hasClass('menu-expand'))) {
-            e.preventDefault();
-            if ($this.siblings('ul:visible').length) {
-                $this.parent('li').removeClass('active').children('ul').slideUp().siblings('a').find('.menu-expand svg').removeClass('fa-minus').addClass('fa-plus');
-                $this.parent('li').siblings('li').removeClass('active').find('ul:visible').slideUp().siblings('a').find('.menu-expand isvg').removeClass('fa-minus').addClass(' fa-plus ');
-            } else {
-                $this.parent('li').addClass('active').children('ul').slideDown().siblings('a').find('.menu-expand svg').removeClass(' fa-plus ').addClass('fa-minus');
-                $this.parent('li').siblings('li').removeClass('active').find('ul:visible').slideUp().siblings('a').find('.menu-expand svg').removeClass('fa-minus').addClass(' fa-plus ');
-            }
-        }
+  var searchToggle = $(".search-toggle");
+  searchToggle.on("click", function (e) {
+    e.preventDefault();
+    if ($(this).hasClass("open")) {
+      $(this).removeClass("open");
+      $(this).siblings(".search-wrap-3").removeClass("open");
+    } else {
+      $(this).addClass("open");
+      $(this).siblings(".search-wrap-3").addClass("open");
+    }
+  });
+
+  /*====== Sidebar Active ======*/
+  function sidebarActive() {
+    var navbarTrigger = $(".sidebar-active"),
+      endTrigger = $(".sidebar-close"),
+      container = $(".clickalbe-sidebar-wrapper-active"),
+      wrapper3 = $(".main-wrapper-2");
+
+    wrapper3.prepend('<div class="body-overlay-2"></div>');
+
+    navbarTrigger.on("click", function (e) {
+      e.preventDefault();
+      container.addClass("sidebar-visible");
+      wrapper3.addClass("overlay-active-2");
     });
-  
-   
-     /*====== Sidebar menu Active ======*/
-    function mobileMenuActive() {
-        var navbarTrigger = $('.mobile-menu-button-active'),
-            endTrigger = $('.sidebar-close'),
-            container = $('.mobile-menu-active'),
-            wrapper4 = $('.main-wrapper-3');
-        
-        wrapper4.prepend('<div class="body-overlay-3"></div>');
-        
-        navbarTrigger.on('click', function(e) {
-            e.preventDefault();
-            container.addClass('sidebar-visible');
-            wrapper4.addClass('overlay-active-3');
-        });
-        
-        endTrigger.on('click', function() {
-            container.removeClass('sidebar-visible');
-            wrapper4.removeClass('overlay-active-3');
-        });
-        
-        $('.body-overlay-3').on('click', function() {
-            container.removeClass('sidebar-visible');
-            wrapper4.removeClass('overlay-active-3');
-        });
-    };
-    mobileMenuActive();
-    
-    /*--- Language currency active ----*/
-    $('.mobile-language-active').on('click', function(e) {
-        e.preventDefault();
-        $('.lang-dropdown-active').slideToggle(900);
+
+    endTrigger.on("click", function () {
+      container.removeClass("sidebar-visible");
+      wrapper3.removeClass("overlay-active-2");
     });
-    
-    
-    /*------------------------------------
+
+    $(".body-overlay-2").on("click", function () {
+      container.removeClass("sidebar-visible");
+      wrapper3.removeClass("overlay-active-2");
+    });
+  }
+  sidebarActive();
+
+  /*====== clickable Main Menu active ======*/
+  var $clickableMainMenu = $(".clickable-mainmenu-wrap"),
+    $clickableSubMenu = $clickableMainMenu.find(".sub-menu-2");
+  /*Add Toggle Button in Off Canvas Sub Menu*/
+  $clickableSubMenu
+    .siblings("a")
+    .append(
+      '<span class="menu-expand"><i class="fa-solid fa-plus"></i></span>'
+    );
+  /*Close Off Canvas Sub Menu*/
+  $clickableSubMenu.slideUp();
+  /*Category Sub Menu Toggle*/
+  $clickableMainMenu.on("click", "li a, li .menu-expand", function (e) {
+    var $this = $(this);
+    if (
+      $this.parent("li").hasClass("has-sub-menu") ||
+      $this.attr("href") === "#" ||
+      $this.hasClass("menu-expand")
+    ) {
+      e.preventDefault();
+      if ($this.siblings("ul:visible").length) {
+        $this
+          .parent("li")
+          .removeClass("active")
+          .children("ul")
+          .slideUp()
+          .siblings("a")
+          .find(".menu-expand svg")
+          .removeClass("fa-minus")
+          .addClass("fa-plus");
+        $this
+          .parent("li")
+          .siblings("li")
+          .removeClass("active")
+          .find("ul:visible")
+          .slideUp()
+          .siblings("a")
+          .find(".menu-expand isvg")
+          .removeClass("fa-minus")
+          .addClass(" fa-plus ");
+      } else {
+        $this
+          .parent("li")
+          .addClass("active")
+          .children("ul")
+          .slideDown()
+          .siblings("a")
+          .find(".menu-expand svg")
+          .removeClass(" fa-plus ")
+          .addClass("fa-minus");
+        $this
+          .parent("li")
+          .siblings("li")
+          .removeClass("active")
+          .find("ul:visible")
+          .slideUp()
+          .siblings("a")
+          .find(".menu-expand svg")
+          .removeClass("fa-minus")
+          .addClass(" fa-plus ");
+      }
+    }
+  });
+
+  /*====== Sidebar menu Active ======*/
+  function mobileMenuActive() {
+    var navbarTrigger = $(".mobile-menu-button-active"),
+      endTrigger = $(".sidebar-close"),
+      container = $(".mobile-menu-active"),
+      wrapper4 = $(".main-wrapper-3");
+
+    wrapper4.prepend('<div class="body-overlay-3"></div>');
+
+    navbarTrigger.on("click", function (e) {
+      e.preventDefault();
+      container.addClass("sidebar-visible");
+      wrapper4.addClass("overlay-active-3");
+    });
+
+    endTrigger.on("click", function () {
+      container.removeClass("sidebar-visible");
+      wrapper4.removeClass("overlay-active-3");
+    });
+
+    $(".body-overlay-3").on("click", function () {
+      container.removeClass("sidebar-visible");
+      wrapper4.removeClass("overlay-active-3");
+    });
+  }
+  mobileMenuActive();
+
+  /*--- Language currency active ----*/
+  $(".mobile-language-active").on("click", function (e) {
+    e.preventDefault();
+    $(".lang-dropdown-active").slideToggle(900);
+  });
+
+  /*------------------------------------
         Testimonial img slider active
     -----------------------------------*/
-    $('.testimonial-img-slider-active').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        draggable: false,
-        fade: false,
-        asNavFor: '.testimonial-active-3',
-    });
+  $(".testimonial-img-slider-active").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    arrows: false,
+    draggable: false,
+    fade: false,
+    asNavFor: ".testimonial-active-3",
+  });
 
-    /*--------------------------------
+  /*--------------------------------
        Testimonial active 3
     -----------------------------------*/
-    $('.testimonial-active-3').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        asNavFor: '.testimonial-img-slider-active , .testimonial-img-slider-active-3',
-        dots: true,
-        focusOnSelect: true,
-        fade: true,
-        arrows: false
-    });
-    
-    /*----------------------------------------------------------
+  $(".testimonial-active-3").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    asNavFor:
+      ".testimonial-img-slider-active , .testimonial-img-slider-active-3",
+    dots: true,
+    focusOnSelect: true,
+    fade: true,
+    arrows: false,
+  });
+
+  /*----------------------------------------------------------
         Testimonial img slider active 3 ( home mega fashion )
     --------------------------------------------------------------*/
-    $('.testimonial-img-slider-active-3').on('init afterChange',function(){
-        const titleImg = document.querySelector('.testimonial-next-img img');
-        const activeSlide = document.querySelector('.testimonial-img-slider.slick-current');
-        titleImg.src = activeSlide.nextSibling.querySelector('img').src;
-    });
-    $('.testimonial-img-slider-active-3').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        draggable: false,
-        fade: false,
-        asNavFor: '.testimonial-active-3'
-    });
-    
-    
-    
-    
-    // Isotope active
-    // $('.grid').imagesLoaded(function() {
-    //     // init Isotope
-    //     var $grid = $('.grid').isotope({
-    //         itemSelector: '.grid-item',
-    //         percentPosition: true,
-    //         layoutMode: 'masonry',
-    //         masonry: {
-    //             // use outer width of grid-sizer for columnWidth
-    //             columnWidth: '.grid-item',
-    //         }
-    //     });
-    // });
-    
-    /*--------------------------
+  $(".testimonial-img-slider-active-3").on("init afterChange", function () {
+    const titleImg = document.querySelector(".testimonial-next-img img");
+    const activeSlide = document.querySelector(
+      ".testimonial-img-slider.slick-current"
+    );
+    titleImg.src = activeSlide.nextSibling.querySelector("img").src;
+  });
+  $(".testimonial-img-slider-active-3").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    arrows: false,
+    draggable: false,
+    fade: false,
+    asNavFor: ".testimonial-active-3",
+  });
+
+  // Isotope active
+  // $('.grid').imagesLoaded(function() {
+  //     // init Isotope
+  //     var $grid = $('.grid').isotope({
+  //         itemSelector: '.grid-item',
+  //         percentPosition: true,
+  //         layoutMode: 'masonry',
+  //         masonry: {
+  //             // use outer width of grid-sizer for columnWidth
+  //             columnWidth: '.grid-item',
+  //         }
+  //     });
+  // });
+
+  /*--------------------------
         Isotope active
     ---------------------------- */
-    
-    // $('.grid-2').imagesLoaded(function() {
-    //     // init Isotope
-    //     $('.grid-2').isotope({
-    //         itemSelector: '.grid-item-2',
-    //         percentPosition: true,
-    //         layoutMode: 'masonry',
-    //         masonry: {
-    //             // use outer width of grid-sizer for columnWidth
-    //             columnWidth: '.grid-sizer',
-    //         }
-    //     });
-    // });
-    /*--------------------------
+
+  // $('.grid-2').imagesLoaded(function() {
+  //     // init Isotope
+  //     $('.grid-2').isotope({
+  //         itemSelector: '.grid-item-2',
+  //         percentPosition: true,
+  //         layoutMode: 'masonry',
+  //         masonry: {
+  //             // use outer width of grid-sizer for columnWidth
+  //             columnWidth: '.grid-sizer',
+  //         }
+  //     });
+  // });
+  /*--------------------------
         Isotope active
     ---------------------------- */
-    
-    // $('.grid-3').imagesLoaded(function() {
-    //     // init Isotope
-    //     $('.grid-3').isotope({
-    //         itemSelector: '.grid-item-3',
-    //         percentPosition: true,
-    //         layoutMode: 'masonry',
-    //         masonry: {
-    //             // use outer width of grid-sizer for columnWidth
-    //             columnWidth: 1,
-    //         }
-    //     });
-    // });
-    
-    /*------------------------------------
+
+  // $('.grid-3').imagesLoaded(function() {
+  //     // init Isotope
+  //     $('.grid-3').isotope({
+  //         itemSelector: '.grid-item-3',
+  //         percentPosition: true,
+  //         layoutMode: 'masonry',
+  //         masonry: {
+  //             // use outer width of grid-sizer for columnWidth
+  //             columnWidth: 1,
+  //         }
+  //     });
+  // });
+
+  /*------------------------------------
         testimonial img slider active 2
     --------------------------------------*/
-    $('.testimonial-img-slider-active-2').slick({
-        slidesToShow: 5,
-        slidesToScroll: 1,
-        arrows: false,
-        dots: false,
-        focusOnSelect: true,
-        draggable: false,
-        fade: false,
-        asNavFor: '.testimonial-active-4',
-        responsive: [
-            {
-                breakpoint: 1199,
-                settings: {
-                    slidesToShow: 4,
-                }
-            },
-            {
-                breakpoint: 991,
-                settings: {
-                    slidesToShow: 5,
-                }
-            },
-            {
-                breakpoint: 767,
-                settings: {
-                    slidesToShow: 3,
-                }
-            },
-            {
-                breakpoint: 575,
-                settings: {
-                    slidesToShow: 2,
-                }
-            }
-        ]
-    });
+  $(".testimonial-img-slider-active-2").slick({
+    slidesToShow: 5,
+    slidesToScroll: 1,
+    arrows: false,
+    dots: false,
+    focusOnSelect: true,
+    draggable: false,
+    fade: false,
+    asNavFor: ".testimonial-active-4",
+    responsive: [
+      {
+        breakpoint: 1199,
+        settings: {
+          slidesToShow: 4,
+        },
+      },
+      {
+        breakpoint: 991,
+        settings: {
+          slidesToShow: 5,
+        },
+      },
+      {
+        breakpoint: 767,
+        settings: {
+          slidesToShow: 3,
+        },
+      },
+      {
+        breakpoint: 575,
+        settings: {
+          slidesToShow: 2,
+        },
+      },
+    ],
+  });
 
-    /*--------------------------------
+  /*--------------------------------
         Testimonial active 4
     -----------------------------------*/
-    $('.testimonial-active-4').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        asNavFor: '.testimonial-img-slider-active-2',
-        dots: false,
-        focusOnSelect: true,
-        fade: true,
-        arrows: false
-    });
-    
-    /*--------------------------------
+  $(".testimonial-active-4").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    asNavFor: ".testimonial-img-slider-active-2",
+    dots: false,
+    focusOnSelect: true,
+    fade: true,
+    arrows: false,
+  });
+
+  /*--------------------------------
         Testimonial active 5
     -----------------------------------*/
-    $('.testimonial-active-5').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        dots: false,
-        fade: false,
-        arrows: false,
-        responsive: [{
-                breakpoint: 1500,
-                settings: {
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 1199,
-                settings: {
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 991,
-                settings: {
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 767,
-                settings: {
-                    autoplay: true,
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            }
-        ]
-    });
-    
-    /*--------------------------------
+  $(".testimonial-active-5").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    dots: false,
+    fade: false,
+    arrows: false,
+    responsive: [
+      {
+        breakpoint: 1500,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 1199,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 991,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 767,
+        settings: {
+          autoplay: true,
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+    ],
+  });
+
+  /*--------------------------------
         Categori slider active
     -----------------------------------*/
-    $('.categori-slider-active').slick({
-        slidesToShow: 6,
-        slidesToScroll: 1,
-        dots: false,
-        fade: false,
-        arrows: false,
-        responsive: [{
-                breakpoint: 1500,
-                settings: {
-                    slidesToShow: 6,
-                    slidesToScroll: 1, 
-                }
-            },
-            {
-                breakpoint: 1199,
-                settings: {
-                    slidesToShow: 6,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 991,
-                settings: {
-                    slidesToShow: 4,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 767,
-                settings: {
-                    autoplay: true,
-                    slidesToShow: 3,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 575,
-                settings: {
-                    autoplay: true,
-                    slidesToShow: 2,
-                    slidesToScroll: 1,
-                }
-            }
-        ]
-    });
-    
-    
-    /*--------------------------------
+  $(".categori-slider-active").slick({
+    slidesToShow: 6,
+    slidesToScroll: 1,
+    dots: false,
+    fade: false,
+    arrows: false,
+    responsive: [
+      {
+        breakpoint: 1500,
+        settings: {
+          slidesToShow: 6,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 1199,
+        settings: {
+          slidesToShow: 6,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 991,
+        settings: {
+          slidesToShow: 4,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 767,
+        settings: {
+          autoplay: true,
+          slidesToShow: 3,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 575,
+        settings: {
+          autoplay: true,
+          slidesToShow: 2,
+          slidesToScroll: 1,
+        },
+      },
+    ],
+  });
+
+  /*--------------------------------
         Testimonial active 6
     -----------------------------------*/
-    $('.testimonial-active-6').slick({
-        slidesToShow: 2,
-        slidesToScroll: 1,
-        dots: true,
-        fade: false,
-        arrows: false,
-        responsive: [{
-                breakpoint: 1500,
-                settings: {
-                    slidesToShow: 2,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 1199,
-                settings: {
-                    slidesToShow: 2,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 991,
-                settings: {
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 767,
-                settings: {
-                    autoplay: true,
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            }
-        ]
-    });
-    
-    /*--------------------------------
+  $(".testimonial-active-6").slick({
+    slidesToShow: 2,
+    slidesToScroll: 1,
+    dots: true,
+    fade: false,
+    arrows: false,
+    responsive: [
+      {
+        breakpoint: 1500,
+        settings: {
+          slidesToShow: 2,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 1199,
+        settings: {
+          slidesToShow: 2,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 991,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 767,
+        settings: {
+          autoplay: true,
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+    ],
+  });
+
+  /*--------------------------------
         Product img slider active
     -----------------------------------*/
-    $('.product-img-slider-active').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        dots: true,
-        fade: false,
-        arrows: false,
-    });
-    
-    /*--------------------------------
+  $(".product-img-slider-active").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    dots: true,
+    fade: false,
+    arrows: false,
+  });
+
+  /*--------------------------------
         Testimonial active 7
     -----------------------------------*/
-    $('.testimonial-active-7').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        dots: false,
-        fade: false,
-        arrows: false,
-    });
-    
-    /*--------------------------------
+  $(".testimonial-active-7").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    dots: false,
+    fade: false,
+    arrows: false,
+  });
+
+  /*--------------------------------
         Product details 3 img slider
     -----------------------------------*/
-    $('.product-details-3-img-slider').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        dots: true,
-        loop: true,
-        fade: false,
-        arrows: false,
-    });
-    /*--------------------------------
+  $(".product-details-3-img-slider").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    dots: true,
+    loop: true,
+    fade: false,
+    arrows: false,
+  });
+  /*--------------------------------
         Product details 3 img slider 2
     -----------------------------------*/
-    $('.product-details-3-img-slider-2').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        dots: true,
-        loop: true,
-        fade: false,
-        arrows: false,
+  $(".product-details-3-img-slider-2").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    dots: true,
+    loop: true,
+    fade: false,
+    arrows: false,
+  });
+
+  /*====== SidebarSearch ======*/
+  function sidebarSearch() {
+    var searchTrigger = $(".search-active"),
+      endTriggersearch = $(".megashop-search-close"),
+      container = $(".main-search-active");
+
+    searchTrigger.on("click", function (e) {
+      e.preventDefault();
+      container.addClass("search-visible");
     });
-   
-    
-     /*====== SidebarSearch ======*/
-    function sidebarSearch() {
-        var searchTrigger = $('.search-active'),
-            endTriggersearch = $('.megashop-search-close'),
-            container = $('.main-search-active');
-        
-        searchTrigger.on('click', function(e) {
-            e.preventDefault();
-            container.addClass('search-visible');
-        });
-        
-        endTriggersearch.on('click', function() {
-            container.removeClass('search-visible');
-        });
-        
-    };
-    sidebarSearch();
-    
-    /*---------------------
+
+    endTriggersearch.on("click", function () {
+      container.removeClass("search-visible");
+    });
+  }
+  sidebarSearch();
+
+  /*---------------------
         Price range
     --------------------- */
-    // var sliderrange = $('#slider-range');
-    // var amountprice = $('#amount');
-    // $(function() {
-    //     sliderrange.slider({
-    //         range: true,
-    //         min: 16,
-    //         max: 400,
-    //         values: [0, 300],
-    //         slide: function(event, ui) {
-    //             amountprice.val("$" + ui.values[0] + " - $" + ui.values[1]);
-    //         }
-    //     });
-    //     amountprice.val("$" + sliderrange.slider("values", 0) +
-    //         " - $" + sliderrange.slider("values", 1));
-    // });
-    
-    
-    /*---------------------
+  // var sliderrange = $('#slider-range');
+  // var amountprice = $('#amount');
+  // $(function() {
+  //     sliderrange.slider({
+  //         range: true,
+  //         min: 16,
+  //         max: 400,
+  //         values: [0, 300],
+  //         slide: function(event, ui) {
+  //             amountprice.val("$" + ui.values[0] + " - $" + ui.values[1]);
+  //         }
+  //     });
+  //     amountprice.val("$" + sliderrange.slider("values", 0) +
+  //         " - $" + sliderrange.slider("values", 1));
+  // });
+
+  /*---------------------
         Video popup
     --------------------- */
-    // $('.video-popup').magnificPopup({
-    //     type: 'iframe',
-    //     mainClass: 'mfp-fade',
-    //     removalDelay: 160,
-    //     preloader: false,
-    //     zoom: {
-    //         enabled: true,
-    //     }
-    // });
-    
-    
-    /*-------------------------------------
+  // $('.video-popup').magnificPopup({
+  //     type: 'iframe',
+  //     mainClass: 'mfp-fade',
+  //     removalDelay: 160,
+  //     preloader: false,
+  //     zoom: {
+  //         enabled: true,
+  //     }
+  // });
+
+  /*-------------------------------------
         checkout one click toggle function
     ---------------------------------------*/
-    var checked = $( '.sin-payment input:checked' )
-    if(checked){
-        $(checked).siblings( '.payment-box' ).slideDown(900);
-    };
-	 $( '.sin-payment input' ).on('change', function() {
-        $( '.payment-box' ).slideUp(900);
-        $(this).siblings( '.payment-box' ).slideToggle(900);
-    });
-    
-    
-    /*-----------------------
+  var checked = $(".sin-payment input:checked");
+  if (checked) {
+    $(checked).siblings(".payment-box").slideDown(900);
+  }
+  $(".sin-payment input").on("change", function () {
+    $(".payment-box").slideUp(900);
+    $(this).siblings(".payment-box").slideToggle(900);
+  });
+
+  /*-----------------------
         Shop filter active 
     ------------------------- */
-    $('.shop-filter-active').on('click', function(e) {
-        e.preventDefault();
-        $('.product-filter-wrapper').slideToggle();
-    })
-    var shopFiltericon = $('.shop-filter-active');
-    shopFiltericon.on('click', function() {
-        $('.shop-filter-active').toggleClass('active');
-    })
-    
-    
-  
-    
-    /*--
+  $(".shop-filter-active").on("click", function (e) {
+    e.preventDefault();
+    $(".product-filter-wrapper").slideToggle();
+  });
+  var shopFiltericon = $(".shop-filter-active");
+  shopFiltericon.on("click", function () {
+    $(".shop-filter-active").toggleClass("active");
+  });
+
+  /*--
         Product details slider 2
     -----------------------------------*/
-    $('.pro-dec-big-img-slider-2').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        draggable: false,
-        fade: false,
-        asNavFor: '.product-dec-slider-2',
-    });
-    
-    /*--
+  $(".pro-dec-big-img-slider-2").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    arrows: false,
+    draggable: false,
+    fade: false,
+    asNavFor: ".product-dec-slider-2",
+  });
+
+  /*--
         Product details 2 slick carousel as Nav
     --------------------------------------------*/
-    $('.product-dec-slider-2').slick({
-        slidesToShow: 7,
-        slidesToScroll: 1,
-        vertical: true,
-        asNavFor: '.pro-dec-big-img-slider-2',
-        dots: false,
-        focusOnSelect:true,
-        fade: false,
-        arrows: false,
-        responsive: [
-            {
-                breakpoint: 1199,
-                settings: {
-                    slidesToShow: 5,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 991,
-                settings: {
-                    slidesToShow: 7,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 767,
-                settings: {
-                    slidesToShow: 5,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 575,
-                settings: {
-                    autoplay: true,
-                    slidesToShow: 3,
-                }
-            }
-        ]
-    });
-    
-    
-    // Instantiate EasyZoom instances
-    // var $easyzoom = $('.easyzoom').easyZoom();
-    
-    
-    /*--------------------------------
+  $(".product-dec-slider-2").slick({
+    slidesToShow: 7,
+    slidesToScroll: 1,
+    vertical: true,
+    asNavFor: ".pro-dec-big-img-slider-2",
+    dots: false,
+    focusOnSelect: true,
+    fade: false,
+    arrows: false,
+    responsive: [
+      {
+        breakpoint: 1199,
+        settings: {
+          slidesToShow: 5,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 991,
+        settings: {
+          slidesToShow: 7,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 767,
+        settings: {
+          slidesToShow: 5,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 575,
+        settings: {
+          autoplay: true,
+          slidesToShow: 3,
+        },
+      },
+    ],
+  });
+
+  // Instantiate EasyZoom instances
+  // var $easyzoom = $('.easyzoom').easyZoom();
+
+  /*--------------------------------
         Product details slider 5 active
     -----------------------------------*/
-    $('.product-details-slider-5-active').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        dots: false,
-        loop: true,
-        fade: false,
-        arrows: false,
-    });
-    
-    /*--------------------------------
+  $(".product-details-slider-5-active").slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    dots: false,
+    loop: true,
+    fade: false,
+    arrows: false,
+  });
+
+  /*--------------------------------
         Product details tab small
     -----------------------------------*/
-    $('.product-details-tab-small').slick({
-        slidesToShow: 5,
-        slidesToScroll: 1,
-        dots: false,
-        loop: true,
-        fade: false,
-        arrows: false,
-        responsive: [
-            {
-                breakpoint: 767,
-                settings: {
-                    slidesToShow: 3,
-                    slidesToScroll: 1,
-                }
-            }
-        ]
-    });
-    
-    /*--------------------------
+  $(".product-details-tab-small").slick({
+    slidesToShow: 5,
+    slidesToScroll: 1,
+    dots: false,
+    loop: true,
+    fade: false,
+    arrows: false,
+    responsive: [
+      {
+        breakpoint: 767,
+        settings: {
+          slidesToShow: 3,
+          slidesToScroll: 1,
+        },
+      },
+    ],
+  });
+
+  /*--------------------------
         Tab active
     ---------------------------- */
-	var ProductDetailsSmall = $('.product-details-tab-small a');
-    ProductDetailsSmall.on('click', function(e) {
-        e.preventDefault();
-        var $href = $(this).attr('href');
-        ProductDetailsSmall.removeClass('active');
-        $(this).addClass('active');
-        $('.product-details-tab-large .tab-pane').removeClass('active');
-        $('.product-details-tab-large ' + $href).addClass('active');
-    })
-    
-    // $('.multiple-items').slick({
-    //     infinite: true,
-    //     slidesToShow: 3,
-    //     slidesToScroll: 3
-    //   });
-    
-    //   $('.slider-hero').slick({
-    //     dots: false,
-    //     lazyLoad: 'ondemand',
-    //     // autoplay: true,
-    //     // autoplaySpeed: 1000,
-    //     slidesToShow: 4,
-    //     slidesToScroll: 1,
-    //     responsive: [
-    //         {
-    //           breakpoint: 1024,
-    //           settings: {
-    //             slidesToShow: 3,
-    //             slidesToScroll: 3,
-    //             infinite: true,
-    //           }
-    //         },
-    //         {
-    //           breakpoint: 600,
-    //           settings: {
-    //             slidesToShow: 2,
-    //             slidesToScroll: 2
-    //           }
-    //         },
-    //         {
-    //           breakpoint: 480,
-    //           settings: {
-    //             slidesToShow: 1,
-    //             slidesToScroll: 1
-    //           }
-    //         },
-    //         {
-    //             breakpoint: 1199,
-    //             settings: {
-    //                 slidesToShow: 5,
-    //                 slidesToScroll: 1,
-    //             }
-    //         },
-    //         {
-    //             breakpoint: 991,
-    //             settings: {
-    //                 slidesToShow: 3,
-    //                 slidesToScroll: 1,
-    //             }
-    //         },
-    //         {
-    //             breakpoint: 767,
-    //             settings: {
-    //                 slidesToShow: 3,
-    //                 slidesToScroll: 1,
-    //             }
-    //         },
-    //         {
-    //             breakpoint: 575,
-    //             settings: {
-    //                 autoplay: true,
-    //                 slidesToShow: 3,
-    //             }
-    //         }
-    //         // You can unslick at a given breakpoint now by adding:
-    //         // settings: "unslick"
-    //         // instead of a settings object
-    //     ]
-    // });
+  var ProductDetailsSmall = $(".product-details-tab-small a");
+  ProductDetailsSmall.on("click", function (e) {
+    e.preventDefault();
+    var $href = $(this).attr("href");
+    ProductDetailsSmall.removeClass("active");
+    $(this).addClass("active");
+    $(".product-details-tab-large .tab-pane").removeClass("active");
+    $(".product-details-tab-large " + $href).addClass("active");
+  });
 
-    //pres overview slider
-    $(".press_slider-hero").slick({
-        dots: false,
-        lazyLoad: 'ondemand',
-        // autoplay: true,
-        // autoplaySpeed: 1000,
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        responsive: [
-            {
-              breakpoint: 1024,
-              settings: {
-                slidesToShow: 1,
-                slidesToScroll: 1,
-                infinite: true,
-              }
-            },
-            {
-              breakpoint: 600,
-              settings: {
-                slidesToShow: 1,
-                slidesToScroll: 1
-              }
-            },
-            {
-              breakpoint: 480,
-              settings: {
-                slidesToShow: 1,
-                slidesToScroll: 1
-              }
-            },
-            {
-                breakpoint: 1199,
-                settings: {
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 991,
-                settings: {
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 767,
-                settings: {
-                    slidesToShow: 1,
-                    slidesToScroll: 1,
-                }
-            },
-            {
-                breakpoint: 575,
-                settings: {
-                    autoplay: true,
-                    slidesToShow: 1,
-                }
-            }
-        ]
-    });
-
-    setTimeout(()=>{
-        if(width<=600){
-            $('.same-style').find('svg path').attr('fill','#000')
-        }
-    },300)
-    
+  // $('.multiple-items').slick({
+  //     infinite: true,
+  //     slidesToShow: 3,
+  //     slidesToScroll: 3
+  //   });
 
+  //   $('.slider-hero').slick({
+  //     dots: false,
+  //     lazyLoad: 'ondemand',
+  //     // autoplay: true,
+  //     // autoplaySpeed: 1000,
+  //     slidesToShow: 4,
+  //     slidesToScroll: 1,
+  //     responsive: [
+  //         {
+  //           breakpoint: 1024,
+  //           settings: {
+  //             slidesToShow: 3,
+  //             slidesToScroll: 3,
+  //             infinite: true,
+  //           }
+  //         },
+  //         {
+  //           breakpoint: 600,
+  //           settings: {
+  //             slidesToShow: 2,
+  //             slidesToScroll: 2
+  //           }
+  //         },
+  //         {
+  //           breakpoint: 480,
+  //           settings: {
+  //             slidesToShow: 1,
+  //             slidesToScroll: 1
+  //           }
+  //         },
+  //         {
+  //             breakpoint: 1199,
+  //             settings: {
+  //                 slidesToShow: 5,
+  //                 slidesToScroll: 1,
+  //             }
+  //         },
+  //         {
+  //             breakpoint: 991,
+  //             settings: {
+  //                 slidesToShow: 3,
+  //                 slidesToScroll: 1,
+  //             }
+  //         },
+  //         {
+  //             breakpoint: 767,
+  //             settings: {
+  //                 slidesToShow: 3,
+  //                 slidesToScroll: 1,
+  //             }
+  //         },
+  //         {
+  //             breakpoint: 575,
+  //             settings: {
+  //                 autoplay: true,
+  //                 slidesToShow: 3,
+  //             }
+  //         }
+  //         // You can unslick at a given breakpoint now by adding:
+  //         // settings: "unslick"
+  //         // instead of a settings object
+  //     ]
+  // });
 
+  //pres overview slider
+  $(".press_slider-hero").slick({
+    dots: false,
+    lazyLoad: "ondemand",
+    // autoplay: true,
+    // autoplaySpeed: 1000,
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    responsive: [
+      {
+        breakpoint: 1024,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+          infinite: true,
+        },
+      },
+      {
+        breakpoint: 600,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 480,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 1199,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 991,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 767,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 575,
+        settings: {
+          autoplay: true,
+          slidesToShow: 1,
+        },
+      },
+    ],
+  });
 
+  setTimeout(() => {
+    if (width <= 600) {
+      $(".same-style").find("svg path").attr("fill", "#000");
+    }
+  }, 300);
 })(jQuery);
-
diff --git a/index.html b/index.html
index 0c6368b..5ee4bc6 100644
--- a/index.html
+++ b/index.html
@@ -92,7 +92,6 @@
                     </div>
                 </div>
             </div>
-            </div>
         </section>
         <!-- end-banner -->
 
@@ -117,7 +116,7 @@
                             <div class="">
                                 <div
                                     class="card ms-auto Two_four_inch_Card border-0 notes bg-gray-background rounded-4 pt-5">
-                                    <img src="./dist/assets/imgs/productimg/home-aio.png"
+                                    <img src="./dist/assets/imgs/zeno/aio/aio.png"
                                         class="img-fluid  w-65 w-sm-75 mx-auto success-img" alt="...">
                                     <div class="card-body px-lg-5 pb-lg-5 pt-0">
                                         <h5 class="card-text satoshi_font fw-bold ms-md-0 ms-5">Zeno All-in-One 23.8
@@ -134,10 +133,8 @@
                                         </ul>
 
                                         <h5 class="card-text my-3"><small class="satoshi_font text-black-50">Starting
-                                                from ₹ 37,990</small></h5>
-                                        <a class="btn btn-dark "
-                                            href="/laptopdetails.html?AIO%20Zeno#productId=106633230000026#itemid=106633240000110">Buy
-                                            Now</a>
+                                                from ₹ 35,585</small></h5>
+                                        <a class="btn btn-dark " href="/zeno-aio-landing.html">Know More</a>
                                         <p></p>
                                     </div>
                                 </div>
diff --git a/zeno-aio-landing.html b/zeno-aio-landing.html
index 86b8dde..a197464 100644
--- a/zeno-aio-landing.html
+++ b/zeno-aio-landing.html
@@ -23,7 +23,7 @@
     <main class="main-body home-main-container loading-main" id="home-main-container">
         <!-- banner section  -->
         <section>
-            <div class="container">
+            <div class="container px-0">
                 <img src="./dist/assets/imgs/zeno/aio/banner-1-DT.jpg" alt="">
                 <h2 class="md:text-7xl text-4xl text-center font-semibold">Anwi Zeno AIO</h2>
                 <h4 class="md:text-5xl text-2xl text-center my-3">Sleek Elegance,<span class="font-semibold"> Powerful
@@ -41,7 +41,7 @@
         </section>
         <!-- stand section  -->
         <section>
-            <div class="container bg-black md:py-24 py-12">
+            <div class="container bg-black md:py-20 py-12 md:my-24 my-12">
                 <div class="md:grid grid-cols-5 max-w-7xl my-5 mx-auto">
                     <div class="text-white col-span-2 flex flex-col justify-center">
                         <h2 class="text-3xl font-semibold">View Flexibly</h2>
@@ -55,13 +55,13 @@
         </section>
         <!-- display section  -->
         <section>
-            <div class="container">
-                <div class=" max-w-7xl m-auto md:text-center my-5 relative">
+            <div class="container px-0">
+                <div class=" max-w-5xl m-auto md:text-center my-5 relative">
                     <h2 class="text-2xl uppercase "><span
                             class="text-cyan-700 tracking-widest border-t-2 border-cyan-700 pt-2">Display</span>
                     </h2>
                     <h3 class="md:text-5xl text-3xl font-semibold my-4"><span>Display of brilliance</span></h3>
-                    <div class="md:mx-44 md:text-xl font-medium">The space-saving ANWI M3402WFA is remarkably slim and
+                    <div class="md:text-xl font-medium">The space-saving ANWI Zeno is remarkably slim and
                         light,
                         and
                         its NanoEdge
@@ -76,33 +76,30 @@
                         comfort and low blue-light emissions — so your eyes stay fresh during long viewing sessions.
                     </div>
 
-                    <div class="grid md:grid-cols-5 grid-cols-2 my-12">
-                        <div class="" data-gaid="" data-index="1">
-                            <div class="md:text-5xl text-3xl font-medium text-cyan-700">24”</div>
-                            <div class=""><span>FHD NanoEdge display</span>
+                    <div class="grid md:grid-cols-5 grid-cols-2 my-12 font-bold">
+                        <div class="flex flex-col space-y-3">
+                            <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">24”</div>
+                            <div class=""><span class="">FHD NanoEdge display</span>
                             </div>
                         </div>
-                        <div class="" data-gaid="" data-index="2">
-                            <div class="md:text-5xl text-3xl font-medium text-cyan-700">88%</div>
+                        <div class="flex flex-col space-y-3">
+                            <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">88%</div>
                             <div class=""><span>screen-to-body ratio</span>
                             </div>
                         </div>
-                        <div class="" data-gaid="" data-index="3">
-                            <div class="md:text-5xl text-3xl font-medium text-cyan-700">100%</div>
+                        <div class="flex flex-col space-y-3">
+                            <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">100%</div>
                             <div class=""><span>sRGB color gamut</span>
                             </div>
                         </div>
-                        <div class="" data-gaid="" data-index="4">
-                            <div class=""><img class="img img__icon img__icon4"
-                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
-                                    alt="An icon for TÜV Rheinland-certified eye care">
+                        <div class="flex flex-col space-y-3">
+                            <div class=""><img class="m-auto" src="./dist/assets/imgs/zeno/aio/tuv.png" alt="eye care">
                             </div>
-                            <div class=""><span>TÜV Rheinland-certified eye care</span>
+                            <div class=""><span>TÜV Rheinland- <br> certified eye care</span>
                             </div>
                         </div>
-                        <div class="" data-gaid="" data-index="5">
-                            <div class=""><img class="img img__icon img__icon5"
-                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
+                        <div class="flex flex-col space-y-3">
+                            <div class=""><img class="m-auto" src="./dist/assets/imgs/zeno/aio/anti-glare.png"
                                     alt="An icon for anti-glare display">
                             </div>
                             <div class=""><span>anti-glare display</span>
@@ -117,7 +114,7 @@
         </section>
         <!-- audio section  -->
         <section>
-            <div class="relative container">
+            <div class="relative container px-0">
                 <div>
                     <img src="./dist/assets/imgs/zeno/aio/audio.jpg" alt="">
                 </div>
@@ -132,7 +129,7 @@
                     <div class="font-medium md:text-xl">ANWI SonicMaster, developed by the ANWI Golden Ear team,
                         empowers
                         ANWI
-                        M3402WFA with
+                        Zeno with
                         quality audio that delivers wider frequency range for clearer vocals and rich, deep bass.
                         SonicMaster is a tailored mix of superior hardware and clever software designed to give you full
                         audio controls for truly immersive sound for movies, music and games.</div>
@@ -141,7 +138,7 @@
         </section>
         <!-- beginners section  -->
         <section>
-            <div class="container my-5">
+            <div class="container my-5 px-0">
                 <div class="grid md:grid-cols-2 gap-5 mx-3">
                     <div class=""><img
                             src="https://in-files.apjonlinecdn.com/landingpages/content-pages/hp-aio-desktop/images/w100_everyday_img2_v2.jpg"
@@ -182,44 +179,42 @@
                         <span>Fast, reliable connectivity</span>
                     </h3>
                     <div class="max-w-4xl m-auto md:text-xl font-medium">
-                        ANWI M3402WFA is loaded with the latest connectivity, including an HDMI-in port that lets you
+                        ANWI Zeno is loaded with the latest connectivity, including an HDMI-in port that lets you
                         hook up video and audio from an external source — enabling amazing big-screen experiences for
                         your laptop, mobile device, game console or even a set-top TV box. There are also three USB 3.2
                         Gen 1 ports for connecting all your peripherals, an HDMI-out port for attaching an external
                         display and an SD card reader<sup class="footnote-num"><a href="#"
-                                aria-label="Footnote 2">2</a></sup> for everyday convenience. ANWI M3402WFA also has
+                                aria-label="Footnote 2">2</a></sup> for everyday convenience. ANWI Zeno also has
                         integrated security, with a built-in Kensington lock slot for simple and effective physical
                         protection.</div>
 
                     <div
-                        class="grid md:grid-cols-4 grid-cols-2 gap-8 text-center max-w-3xl mx-auto md:my-24 my-8 font-medium">
-                        <div class="">
-                            <div class="text-5xl font-medium text-cyan-700"><img class="m-auto"
-                                    src="./dist/assets/imgs/zeno/aio/icon_typea.png"
+                        class="grid md:grid-cols-4 grid-cols-2 gap-8 text-center max-w-4xl mx-auto md:my-24 my-8 font-medium">
+                        <div class="flex flex-col justify-between space-y-4">
+                            <div><img class="m-auto" src="./dist/assets/imgs/zeno/aio/icon_typea.png"
                                     alt="An icon for USB 3.2 Gen 1 Type-A x 3">
                             </div>
-                            <div class="wd__feature__describe"><span>USB 3.2 Gen 1 Type-A x 3</span>
+                            <div class=""><span class="font-bold">USB 3.2 Gen 1 Type-A x 3</span>
                             </div>
                         </div>
-                        <div class="">
-                            <div class="text-5xl font-medium text-cyan-700"><img class="img img__icon img__icon1"
-                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
-                                    alt="An icon for USB-C® 3.2 Gen 1">
+                        <div class="flex flex-col justify-between space-y-4">
+                            <div><img class="m-auto" src="./dist/assets/imgs/zeno/aio/icon_typec.png"
+                                    alt="icon for USB-C">
                             </div>
-                            <div class=""><span>USB-C<sup role="img" aria-label="registered" class="sign-reg">®</sup>
+                            <div class=""><span class="font-bold">USB-C<sup role="img" aria-label="registered">®</sup>
                                     3.2 Gen 1</span>
                             </div>
                         </div>
-                        <div class="">
-                            <div class="text-3xl font-medium text-cyan-700 ">10x</div>
-                            <div class=""><span>faster than USB 2.0</span>
+                        <div class="flex flex-col justify-between space-y-4">
+                            <div class="text-5xl font-normal text-cyan-700 ">10x</div>
+                            <div class=""><span class="font-bold">faster than USB 2.0</span>
                             </div>
                         </div>
-                        <div class="">
+                        <div class="flex flex-col justify-between space-y-4">
                             <div class="text-5xl font-medium text-cyan-700 text-center"><img class="m-auto"
                                     src="./dist/assets/imgs/zeno/aio/icon_typed.png" alt="An icon for HDMI-in Port">
                             </div>
-                            <div class=""><span>HDMI-in Port</span>
+                            <div class=""><span class="font-bold">HDMI-in Port</span>
                             </div>
                         </div>
                     </div>
@@ -229,7 +224,7 @@
         </section>
         <!-- secure section  -->
         <section>
-            <div class="container max-sm:my-12">
+            <div class="container max-sm:my-12 px-0">
                 <div class="relative">
                     <img src="./dist/assets/imgs/zeno/aio/security.jpg" alt="" class="">
                     <div class="md:absolute top-16 max-w-xl right-16">
@@ -240,47 +235,92 @@
                             <span>Optional Fingerprint Scanner for Peace of Mind.</span>
                         </h3>
                         <div class="md:text-xl font-medium">Remote working is
-                            accelerating, and with it the need to keep your crucial data safe. That’s why ANWI M3402WFA
+                            accelerating, and with it the need to keep your crucial data safe. That’s why ANWI Zeno
                             is equipped with first-class security. The camera’s shutter slides across in a moment for
                             instant privacy, whenever you need it. There’s also the all-new Microsoft Pluton chip that
                             bakes security into the CPU core, ensuring both code integrity and the latest protection —
-                            virtually eliminating the risk of leaks through hacking. ANWI M3402WFA also has a Kensington
+                            virtually eliminating the risk of leaks through hacking. ANWI Zeno also has a Kensington
                             slot that provides a way to physically safeguard the machine, preventing theft of the PC
                             from unsupervised locations.</div>
                     </div>
                 </div>
             </div>
         </section>
+        <!-- power backup section  -->
         <section>
-            <div class="container p-3" style="background: #e2e2e2;">
-                <h2 class="text-center font-weight-600 my-4">
+            <div class="container max-w-5xl">
+                <div class="content">
+                    <div class="text-center space-y-5">
+                        <h3 class="text-4xl text-red-800 font-semibold">Never Stop</h3>
+                        <h4 class="text-3xl font-normal text-black">Zeno's 60-Min Power Backup Keeps You
+                            Productive.</h4>
+                    </div>
+                </div>
+                <div>
+                    <div>
+                        <img src="./dist/assets/imgs/zeno/aio/power-backup.jpg" alt="">
+                    </div>
+                </div>
+                <div class="d-none">
+                    <div>
+                        <div>
+                            <div>100W</div>
+                            <p>Type-C Portable Hyper Charger*</p>
+                            <p>*Type-C Charger is not available in India.</p>
+                        </div>
+                        <div>
+                            <div>10 Hours</div>
+                            <p>1080P Video Playing</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- sleek section  -->
+        <section>
+            <div class=" text-center container max-w-7xl m-auto">
+                <div class="my-12 md:my-24 max-w-5xl mx-auto">
+                    <h2 class="uppercase tracking-widest"><span
+                            class="text-cyan-700 border-t-2 border-cyan-700 text-2xl">Sleek</span>
+                    </h2>
+                    <h3 class="my-6 md:text-5xl text-3xl font-semibold"><span>Minimalist aesthetic</span>
+                    </h3>
+                    <div class="font-medium text-xl">ASUS M3402WFA has a fresh and minimalist aesthetic look to
+                        complement
+                        vibrant
+                        lifestyles, with a beautiful integrated stand. Designed for complete stability and a
+                        sleek appearance, it fits perfectly almost anywhere — from modern homes to home offices.
+                    </div>
+                </div>
+                <div><img class="w-full" src="./dist/assets/imgs/zeno/aio/sleek.jpg" alt="">
+                </div>
+            </div>
+        </section>
+        <section>
+            <div class="container p-3 max-w-6xl my-12 md:my-24">
+                <h2 class="font-semibold text-2xl md:text-4xl">
                     Zeno: Experience Desktop Power
                 </h2>
-                <div class="d-flex">
-                    <h3 class="font-weight-lighter">
+                <div class="md:grid grid-cols-2">
+                    <h3 class="flex flex-col justify-center text-xl md:text-3xl">
                         Upgradability in <br>
-                        <div style="white-space: nowrap; font-weight: 800;" class="pt-4">Sleek
+                        <div class="pt-2 font-semibold">Sleek
                             All-in-One</div> Design
                     </h3>
                     <div class="ms-5">
-                        <img src="./dist/assets/imgs/zeno/aio/aio1.jpeg" alt="" class="w-100">
+                        <img src="./dist/assets/imgs/zeno/aio/aio.png" alt="" class="w-100">
                     </div>
                 </div>
             </div>
         </section>
         <section>
-            <div class="container">
-                <img src="./dist/assets/imgs/zeno/aio/front.jpeg" alt="">
-            </div>
-        </section>
-        <section>
-            <div class="container">
+            <div class="container px-0">
 
                 <img src="./dist/assets/imgs/zeno/aio/inner-panel.jpeg" alt="">
             </div>
         </section>
         <section>
-            <div class="container">
+            <div class="container px-0">
 
                 <img src="./dist/assets/imgs/zeno/aio/rear.jpeg" alt="">
             </div>
@@ -306,6 +346,7 @@
     <script src="./dist/js/plugins/aos.js"></script>
     <script>
         AOS.init();
+        $('#navbar-head').addClass('absolute w-100 shadow-none');
     </script>
 </body>