{"id":50,"date":"2026-02-03T06:10:05","date_gmt":"2026-02-03T06:10:05","guid":{"rendered":"https:\/\/denoxlubs.jnjdesignstudio.com\/?page_id=50"},"modified":"2026-04-30T02:28:09","modified_gmt":"2026-04-30T02:28:09","slug":"main","status":"publish","type":"page","link":"https:\/\/denoxlubs.jnjdesignstudio.com\/","title":{"rendered":"Main"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"50\" class=\"elementor elementor-50\">\n\t\t\t\t<div class=\"elementor-element elementor-element-649da776 e-con-full e-flex e-con e-parent\" data-id=\"649da776\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-56f3c855 e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"56f3c855\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-339fd704 e-con-full e-flex e-con e-child\" data-id=\"339fd704\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2db7b68 elementor-widget elementor-widget-heading\" data-id=\"2db7b68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Performance You Can Trust<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e1acc0 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"0e1acc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Welcome to DENOX, High-performance industrial lubricants since 2013.Protecting your machinery\u00a0with advanced chemical engineering.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9e71f7 elementor-widget elementor-widget-jkit_button\" data-id=\"d9e71f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jkit_button.default\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-button  icon-position-after jeg_module___6a1e8144c66bf\" ><a href=\"https:\/\/denoxlubs.jnjdesignstudio.com\/index.php\/get-a-quote\/\" class=\"jkit-button-wrapper\">Get a Technical Support<i aria-hidden=\"true\" class=\" icon_search\"><\/i><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77da1bf e-con-full e-flex e-con e-parent\" data-id=\"77da1bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d9677b elementor-widget elementor-widget-html\" data-id=\"3d9677b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hanken+Grotesk:wght@700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n<style>\n    \/* --- \u8dd1\u9a6c\u706f\u5916\u6846 --- *\/\n    .dnx-cert-slider {\n        width: 100%;\n        overflow: hidden;\n        background-color: transparent; \n        padding: 30px 0;\n        display: flex;\n        align-items: center;\n        position: relative;\n    }\n\n    \/* \u5de6\u53f3\u6e10\u53d8\u6a21\u7cca - \u786e\u4fdd\u5b8c\u7f8e\u6d88\u5931\u5728\u80cc\u666f\u4e2d *\/\n    .dnx-cert-slider::before, .dnx-cert-slider::after {\n        content: ''; position: absolute; top: 0; width: 100px; height: 100%; z-index: 2;\n    }\n    .dnx-cert-slider::before { \n        left: 0; \n        background: linear-gradient(to right, rgba(61, 57, 53, 1), transparent); \n    }\n    .dnx-cert-slider::after { \n        right: 0; \n        background: linear-gradient(to left, rgba(61, 57, 53, 1), transparent); \n    }\n\n    \/* --- \u6ed1\u52a8\u8f68\u9053 --- *\/\n    .cert-track {\n        display: flex;\n        width: max-content;\n        animation: smoothScroll 30s linear infinite; \/* \u7a0d\u5fae\u653e\u6162\u4e00\u70b9\u70b9\uff0c\u8ba9\u6587\u6848\u66f4\u5bb9\u6613\u9605\u8bfb *\/\n    }\n\n    .dnx-cert-slider:hover .cert-track {\n        animation-play-state: paused;\n    }\n\n    \/* --- \u5355\u4e2a\u9879\u76ee\u6837\u5f0f --- *\/\n    .cert-item {\n        font-family: 'Hanken Grotesk', sans-serif; \n        font-size: 16px;\n        font-weight: 800;\n        color: #FFFFFF;\n        text-transform: uppercase;\n        letter-spacing: 1.8px;\n        display: flex;\n        align-items: center;\n        margin: 0 50px; \n        white-space: nowrap; \n    }\n\n    \/* --- \u56fe\u6807\u6837\u5f0f (Denox Gold) --- *\/\n    .cert-item i {\n        color: #DAAA00; \n        font-size: 20px;\n        margin-right: 14px;\n    }\n\n    @keyframes smoothScroll {\n        0% { transform: translateX(0); }\n        100% { transform: translateX(-50%); } \n    }\n\n    \/* --- \u54cd\u5e94\u5f0f\u9002\u914d --- *\/\n    @media (max-width: 768px) {\n        .cert-item { font-size: 13px; margin: 0 25px; letter-spacing: 1px; }\n        .cert-item i { font-size: 18px; margin-right: 8px; }\n        .dnx-cert-slider::before, .dnx-cert-slider::after { width: 50px; } \n    }\n<\/style>\n\n<div class=\"dnx-cert-slider\">\n    <div class=\"cert-track\">\n        \n        <div class=\"cert-item\"><i class=\"fas fa-shield-halved\"><\/i> Advanced Wear Protection<\/div>\n        <div class=\"cert-item\"><i class=\"fas fa-microscope\"><\/i> High-Efficacy Formulation<\/div>\n        <div class=\"cert-item\"><i class=\"fas fa-handshake\"><\/i> Trusted by Industrial Partners<\/div>\n        <div class=\"cert-item\"><i class=\"fas fa-gauge-high\"><\/i> Peak Engine Performance<\/div>\n        <div class=\"cert-item\"><i class=\"fas fa-star\"><\/i> 100% Customer Satisfaction<\/div>\n        <div class=\"cert-item\"><i class=\"fas fa-industry\"><\/i> Heavy-Duty Proven Quality<\/div>\n\n        <div class=\"cert-item\"><i class=\"fas fa-shield-halved\"><\/i> Advanced Wear Protection<\/div>\n        <div class=\"cert-item\"><i class=\"fas fa-microscope\"><\/i> High-Efficacy Formulation<\/div>\n        <div class=\"cert-item\"><i class=\"fas fa-handshake\"><\/i> Trusted by Industrial Partners<\/div>\n        <div class=\"cert-item\"><i class=\"fas fa-gauge-high\"><\/i> Peak Engine Performance<\/div>\n        <div class=\"cert-item\"><i class=\"fas fa-star\"><\/i> 100% Customer Satisfaction<\/div>\n        <div class=\"cert-item\"><i class=\"fas fa-industry\"><\/i> Heavy-Duty Proven Quality<\/div>\n        \n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9137ca1 e-flex e-con-boxed e-con e-parent\" data-id=\"9137ca1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-90bd61d e-con-full e-flex e-con e-child\" data-id=\"90bd61d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-21df8e4 e-con-full e-flex e-con e-child\" data-id=\"21df8e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42ccc1a elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"42ccc1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"mdi mdi-circle-medium\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">ESTABLISHED IN 2013<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18818a0 elementor-widget-tablet__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"18818a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Expert Support &amp; Advanced Technology\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25eb2b9 elementor-widget elementor-widget-text-editor\" data-id=\"25eb2b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"about-text\"><p>With a strong presence across Malaysia and the Intra-Asia market, we provide not just products but also expert support through our trained sales, marketing, and technical teams.<\/p><p>Our lubricants are produced with premium materials and advanced technology, ensuring consistent performance, safety, and environmental compliance.<\/p><\/div><div class=\"about-stats\"><div class=\"stat-card\">\u00a0<\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e3a4c3 e-grid e-con-full elementor-invisible e-con e-child\" data-id=\"2e3a4c3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9422c2d elementor-widget-mobile__width-initial e-transform e-transform elementor-widget elementor-widget-elementskit-funfact\" data-id=\"9422c2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-center     \">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner position_top\">\n\t\t\t\t\t\t\t\t\t<div class=\"funfact-icon\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"elementskit-funfact-icon jki jki-oil-bottle-light\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"1000\"\n\t\t\t\t\t\t      data-animation-duration=\"3500\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\tK+\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<h3 class=\"funfact-title\">Products Sold Monthly <\/h3>\t\t\t\t\t<div class=\"elementor-background-overlay elementskit-funfact-overlay\"><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3c93c0 elementor-widget-mobile__width-initial e-transform e-transform elementor-widget elementor-widget-elementskit-funfact\" data-id=\"c3c93c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-center     \">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner position_top\">\n\t\t\t\t\t\t\t\t\t<div class=\"funfact-icon\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"elementskit-funfact-icon e-font-icon-svg e-fab-deezer\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M451.46,244.71H576V172H451.46Zm0-173.89v72.67H576V70.82Zm0,275.06H576V273.2H451.46ZM0,447.09H124.54V374.42H0Zm150.47,0H275V374.42H150.47Zm150.52,0H425.53V374.42H301Zm150.47,0H576V374.42H451.46ZM301,345.88H425.53V273.2H301Zm-150.52,0H275V273.2H150.47Zm0-101.17H275V172H150.47Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"20\"\n\t\t\t\t\t\t      data-animation-duration=\"3500\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\t+\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<h3 class=\"funfact-title\">Years of Development<\/h3>\t\t\t\t\t<div class=\"elementor-background-overlay elementskit-funfact-overlay\"><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f6b19b elementor-widget-mobile__width-initial e-transform e-transform elementor-widget elementor-widget-elementskit-funfact\" data-id=\"1f6b19b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-center     \">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner position_top\">\n\t\t\t\t\t\t\t\t\t<div class=\"funfact-icon\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"elementskit-funfact-icon jki jki-building-solid\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"4\"\n\t\t\t\t\t\t      data-animation-duration=\"3500\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\t+\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<h3 class=\"funfact-title\">Strategic HQ &amp; Branches<\/h3>\t\t\t\t\t<div class=\"elementor-background-overlay elementskit-funfact-overlay\"><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59d327d elementor-widget-mobile__width-initial e-transform e-transform elementor-widget elementor-widget-elementskit-funfact\" data-id=\"59d327d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-center     \">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner position_top\">\n\t\t\t\t\t\t\t\t\t<div class=\"funfact-icon\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"elementskit-funfact-icon jki jki-team-1-light\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"50\"\n\t\t\t\t\t\t      data-animation-duration=\"3500\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\tK+\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<h3 class=\"funfact-title\">Sales &amp; Service Partners<\/h3>\t\t\t\t\t<div class=\"elementor-background-overlay elementskit-funfact-overlay\"><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2f267c e-flex e-con-boxed e-con e-parent\" data-id=\"c2f267c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:187,&quot;url&quot;:&quot;https:\\\/\\\/denoxlubs.jnjdesignstudio.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/DenoxHomePageDesign_3SeelingPoint2-1.jpg&quot;},{&quot;id&quot;:188,&quot;url&quot;:&quot;https:\\\/\\\/denoxlubs.jnjdesignstudio.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/DenoxHomePageDesign_3SeelingPoint3-1.jpg&quot;},{&quot;id&quot;:190,&quot;url&quot;:&quot;https:\\\/\\\/denoxlubs.jnjdesignstudio.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/DenoxHomePageDesign1.jpg&quot;},{&quot;id&quot;:191,&quot;url&quot;:&quot;https:\\\/\\\/denoxlubs.jnjdesignstudio.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/DenoxHomePageDesign2.jpg&quot;},{&quot;id&quot;:192,&quot;url&quot;:&quot;https:\\\/\\\/denoxlubs.jnjdesignstudio.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/DenoxHomePageDesign3.jpg&quot;},{&quot;id&quot;:193,&quot;url&quot;:&quot;https:\\\/\\\/denoxlubs.jnjdesignstudio.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/DenoxHomePageDesign5.jpg&quot;}],&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_slide_duration&quot;:2000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b29ca85 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"b29ca85\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0fe8ec4 e-con-full e-flex e-con e-child\" data-id=\"0fe8ec4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-665a65c elementor-widget elementor-widget-jkit_video_button\" data-id=\"665a65c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jkit_video_button.default\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-video-button jeg_module__1_6a1e8144c90c6\"  data-autoplay=\"0\" data-loop=\"0\" data-controls=\"0\" data-type=\"youtube\" data-mute=\"0\" data-start=\"0\" data-end=\"0\"><a href=\"https:\/\/www.youtube.com\/watch?v=MLpWrANjFbI\" class=\"jkit-video-popup-btn glow-enable\" aria-label=\"video-button\"><span class=\"icon-position-before\"><svg viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M371.7 238l-176-107c-15.8-8.8-35.7 2.5-35.7 21v208c0 18.4 19.8 29.8 35.7 21l176-101c16.4-9.1 16.4-32.8 0-42zM504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256z\"><\/path><\/svg><\/span><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48df91d1 e-con-full e-flex e-con e-parent\" data-id=\"48df91d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-64e42d8 e-con-full e-flex e-con e-child\" data-id=\"64e42d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-63b6a3e0 e-flex e-con-boxed e-con e-child\" data-id=\"63b6a3e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22ff7d4 elementor-widget-mobile__width-initial e-transform e-transform elementor-widget elementor-widget-elementskit-funfact\" data-id=\"22ff7d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-center     \">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner position_left\">\n\t\t\t\t\t\t\t\t\t<div class=\"funfact-icon\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"elementskit-funfact-icon e-font-icon-svg e-far-handshake\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M519.2 127.9l-47.6-47.6A56.252 56.252 0 0 0 432 64H205.2c-14.8 0-29.1 5.9-39.6 16.3L118 127.9H0v255.7h64c17.6 0 31.8-14.2 31.9-31.7h9.1l84.6 76.4c30.9 25.1 73.8 25.7 105.6 3.8 12.5 10.8 26 15.9 41.1 15.9 18.2 0 35.3-7.4 48.8-24 22.1 8.7 48.2 2.6 64-16.8l26.2-32.3c5.6-6.9 9.1-14.8 10.9-23h57.9c.1 17.5 14.4 31.7 31.9 31.7h64V127.9H519.2zM48 351.6c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16c0 8.9-7.2 16-16 16zm390-6.9l-26.1 32.2c-2.8 3.4-7.8 4-11.3 1.2l-23.9-19.4-30 36.5c-6 7.3-15 4.8-18 2.4l-36.8-31.5-15.6 19.2c-13.9 17.1-39.2 19.7-55.3 6.6l-97.3-88H96V175.8h41.9l61.7-61.6c2-.8 3.7-1.5 5.7-2.3H262l-38.7 35.5c-29.4 26.9-31.1 72.3-4.4 101.3 14.8 16.2 61.2 41.2 101.5 4.4l8.2-7.5 108.2 87.8c3.4 2.8 3.9 7.9 1.2 11.3zm106-40.8h-69.2c-2.3-2.8-4.9-5.4-7.7-7.7l-102.7-83.4 12.5-11.4c6.5-6 7-16.1 1-22.6L367 167.1c-6-6.5-16.1-6.9-22.6-1l-55.2 50.6c-9.5 8.7-25.7 9.4-34.6 0-9.3-9.9-8.5-25.1 1.2-33.9l65.6-60.1c7.4-6.8 17-10.5 27-10.5l83.7-.2c2.1 0 4.1.8 5.5 2.3l61.7 61.6H544v128zm48 47.7c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16c0 8.9-7.2 16-16 16z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"15\"\n\t\t\t\t\t\t      data-animation-duration=\"3500\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\tK+ Clients Across M&#039;sia\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<h3 class=\"funfact-title\"><\/h3>\t\t\t\t\t<div class=\"elementor-background-overlay elementskit-funfact-overlay\"><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-501f276 elementor-widget-laptop__width-initial elementor-widget elementor-widget-heading\" data-id=\"501f276\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nationwide Network. Our customer across all malaysia<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57ef25b9 e-con-full e-flex e-con e-child\" data-id=\"57ef25b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5588a3 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"e5588a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    :root {\n        --dnx-gold: #C69A00;\n        --dnx-dark: #111111;\n        --dnx-gray: #71717A;\n        --dnx-bg-grey: #F1F5F9;\n        --dnx-red-stealth: rgba(180, 0, 0, 0.6); \n    }\n\n    .dnx-map-wrapper {\n        position: relative; height: 650px; background: #FFF;\n        border: 1px solid #EDEDED; overflow: hidden; font-family: 'Inter', sans-serif;\n        display: flex; touch-action: pan-y;\n    }\n\n    #denox-map { width: 100%; height: 100%; z-index: 1; filter: contrast(1.02); transition: opacity 0.3s; }\n\n    \/* --- SIDEBAR SNAPPY TRANSITION --- *\/\n    #dnx-drawer {\n        position: absolute; right: 0; top: 0; width: 350px; height: 100%;\n        background: #FFFFFF; z-index: 1000; transform: translateX(0); \n        transition: transform 0.4s cubic-bezier(0.2, 1, 0.3, 1); \/* \u66f4\u5feb\u7684\u54cd\u5e94\u66f2\u7ebf *\/\n        display: flex; box-shadow: -20px 0 50px rgba(0,0,0,0.05);\n    }\n    #dnx-drawer.is-closed { transform: translateX(305px); }\n\n    \/* GOLDEN HANDLE & FLOW ANIMATION *\/\n    .drawer-handle {\n        width: 45px; display: flex; flex-direction: column;\n        align-items: center; justify-content: center; cursor: pointer; color: #FFFFFF !important;\n        background: linear-gradient(180deg, var(--dnx-gold) 0%, #B8860B 100%);\n        position: relative; overflow: hidden; gap: 12px;\n    }\n    .drawer-handle::before {\n        content: ''; position: absolute; top: -100%; left: 0; width: 100%; height: 200%;\n        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.4), transparent);\n        animation: flowGold 3s infinite linear;\n    }\n    @keyframes flowGold { 0% { transform: translateY(-50%); } 100% { transform: translateY(50%); } }\n\n    .drawer-handle i { font-size: 14px; animation: moveArrow 1.2s infinite ease-in-out; }\n    @keyframes moveArrow { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(5px); } }\n\n    .drawer-handle span { writing-mode: vertical-rl; text-transform: uppercase; font-weight: 900; font-size: 10px; letter-spacing: 2px; }\n\n    .drawer-content { flex: 1; display: flex; flex-direction: column; background: #fff; overflow: hidden; position: relative; }\n\n    #close-sidebar-x {\n        position: absolute; top: 15px; right: 15px; font-size: 24px; color: #D1D5DB;\n        cursor: pointer; z-index: 10; line-height: 1; padding: 5px; transition: 0.2s;\n    }\n    #close-sidebar-x:hover { color: var(--dnx-gold); }\n\n    .coverage-banner { padding: 45px 30px 20px; }\n    .coverage-banner h2 { \n        margin: 0; font-size: clamp(18px, 5vw, 24px); font-weight: 900; \n        background: linear-gradient(135deg, #B8860B 0%, var(--dnx-gold) 100%);\n        -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -1px;\n    }\n    .coverage-banner p { margin: 8px 0 0; font-size: 9px; color: var(--dnx-gray); text-transform: uppercase; letter-spacing: 2px; font-weight: 800; }\n\n    \/* TAB SYSTEM *\/\n    .region-nav { display: flex; border-bottom: 1px solid #EEE; padding: 0 10px; }\n    .region-tab {\n        flex: 1; padding: 15px 0; text-align: center; cursor: pointer;\n        font-size: 9px; font-weight: 800; color: #D1D5DB; text-transform: uppercase; position: relative;\n    }\n    .region-tab.active { color: var(--dnx-dark); }\n    .region-tab.active::after { content: ''; position: absolute; bottom: -1px; left: 25%; right: 25%; height: 2px; background: var(--dnx-gold); }\n\n    .region-container { flex: 1; overflow-y: auto; }\n    .region-section { display: none; }\n    .region-section.active { display: block; }\n\n    ul.loc-ul { list-style: none; padding: 0; margin: 0; }\n    .loc-item { padding: 18px 25px; border-bottom: 1px solid #FAFAFA; cursor: pointer; transition: 0.2s; }\n    .loc-item:hover { background: #FAFAFA; }\n    .loc-item.active { background: var(--dnx-bg-grey) !important; border-left: 6px solid var(--dnx-gray); }\n    \n    .loc-info b { display: block; font-size: 12px; font-weight: 900; color: var(--dnx-dark); text-transform: uppercase; }\n    .loc-info span { font-size: 10px; color: var(--dnx-gray); display: block; margin-top: 2px; }\n\n    \/* DOTS *\/\n    .dnx-dot { width: 11px; height: 11px; background: var(--dnx-red-stealth); border-radius: 50%; position: absolute; top: -5px; left: -5px; cursor: pointer; }\n    .dnx-dot-active { width: 17px; height: 17px; top: -8px; left: -8px; background: var(--dnx-gold) !important; border: 3px solid #fff; box-shadow: 0 0 25px var(--dnx-gold); z-index: 1100; }\n    .dnx-hq-dot { width: 22px; height: 22px; background: var(--dnx-gold); border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 20px rgba(218,170,0,0.6); position: absolute; top: -11px; left: -11px; cursor: pointer; }\n    .dnx-hq-dot::after { content:''; position:absolute; top:50%; left:50%; width:100%; height:100%; border: 2.5px solid var(--dnx-gold); border-radius:50%; transform:translate(-50%,-50%); animation: silkRipple 3s infinite ease-out; }\n\n    \/* POPUP & BREATHING [X] *\/\n    .leaflet-popup-content-wrapper { border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border: 1px solid #EEE; padding: 0; }\n    .dnx-popup-box { padding: 18px; max-width: 230px; }\n    .dnx-popup-box b { font-size: 14px; font-weight: 900; text-transform: uppercase; border-bottom: 2px solid var(--dnx-gold); display: block; margin-bottom: 8px; padding-bottom: 8px; }\n    .dnx-popup-box p { font-size: 10px; color: #666; line-height: 1.6; margin-bottom: 15px; }\n    .dnx-popup-btns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }\n    .dnx-popup-btn { height: 42px; display: flex; align-items: center; justify-content: center; background: #F8F9FA; color: var(--dnx-dark); border-radius: 8px; font-size: 18px; transition: 0.3s; }\n    .dnx-popup-btn:hover { background: var(--dnx-gold); color: #fff; }\n\n    .leaflet-container a.leaflet-popup-close-button {\n        color: #A1A1AA !important; font-size: 22px !important; \n        padding: 10px !important; right: 12px !important; top: 8px !important; \n        animation: breathingClose 2s infinite ease-in-out;\n    }\n    @keyframes breathingClose { 0%, 100% { transform: scale(1); opacity: 0.5; } 50% { transform: scale(1.15); opacity: 1; color: var(--dnx-gold) !important; } }\n\n    @media (max-width: 768px) {\n        .dnx-map-wrapper { height: 550px; }\n        #dnx-drawer { width: 85%; }\n        .dnx-popup-box { max-width: 190px; padding: 12px; }\n    }\n<\/style>\n\n<div class=\"dnx-map-wrapper\" id=\"map-section\">\n    <div id=\"denox-map\"><\/div>\n    <div id=\"dnx-drawer\">\n        <div class=\"drawer-handle\" id=\"drawer-toggle\">\n            <i class=\"fas fa-chevron-right\"><\/i>\n            <span>Explore Nationwide<\/span>\n        <\/div>\n        <div class=\"drawer-content\">\n            <div id=\"close-sidebar-x\">\u00d7<\/div>\n            <div class=\"coverage-banner\"><h2>27 LOCATIONS<\/h2><p>STRATEGIC COVERAGE<\/p><\/div>\n            <div class=\"region-nav\">\n                <div id=\"tab-west\" class=\"region-tab active\" onclick=\"switchRegion('west')\">West<\/div>\n                <div id=\"tab-east\" class=\"region-tab\" onclick=\"switchRegion('east')\">East<\/div>\n            <\/div>\n            <div class=\"region-container\">\n                <div id=\"sect-west\" class=\"region-section active\"><ul id=\"west-list\" class=\"loc-ul\"><\/ul><\/div>\n                <div id=\"sect-east\" class=\"region-section\"><ul id=\"east-list\" class=\"loc-ul\"><\/ul><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nlet markers = [];\nconst isMobileDev = window.innerWidth <= 768;\n\nfunction switchRegion(r) {\n    document.querySelectorAll('.region-tab').forEach(t => t.classList.remove('active'));\n    document.querySelectorAll('.region-section').forEach(s => s.classList.remove('active'));\n    document.getElementById('tab-' + r).classList.add('active');\n    document.getElementById('sect-' + r).classList.add('active');\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const HQ_POS = [2.8252, 101.4984], PERLIS_POS = [6.4449, 100.2048], SABAH_POS = [5.9788, 116.0753], KUCHING_POS = [1.5533, 110.3592], FULL_POS = [4.5, 112.5];\n    let cruiseTimer = null, autoCloseTimer = null, coolingTimer = null;\n\n    const mapEl = document.getElementById('denox-map');\n    const map = L.map('denox-map', { zoomSnap: 0.1, attributionControl: false, scrollWheelZoom: false, zoomControl: false, tap: false });\n    L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_all\/{z}\/{x}\/{y}{r}.png').addTo(map);\n\n    const drawer = document.getElementById('dnx-drawer'), phone = \"60134128688\";\n\n    \/\/ \ud83d\ude80 \u5168\u91cf 27 \u4e2a\u5730\u70b9\uff1a\u5dde\u5c5e\u8865\u5b8c (No Undefined) \ud83d\ude80\n    const locations = [\n        { r: \"west\", s: \"Selangor\", c: \"Kuala Langat (HQ)\", lat: HQ_POS[0], lng: HQ_POS[1], hq: true, d: \"Flagship National Headquarters. The central hub for innovation, R&D, and nationwide distribution excellence.\" },\n        { r: \"west\", s: \"Perlis\", c: \"Kangar\", lat: PERLIS_POS[0], lng: PERLIS_POS[1], d: \"Northern corridor strategic node ensuring seamless supply chain reliability for heavy-duty border sectors.\" },\n        { r: \"west\", s: \"Kedah\", c: \"Alor Setar\", lat: 6.1210, lng: 100.3601, d: \"Regional supply powerhouse supporting Kedah\u2019s extensive manufacturing and agricultural machinery requirements.\" },\n        { r: \"west\", s: \"Kedah\", c: \"Sungai Petani\", lat: 5.6470, lng: 100.4877, d: \"Vital manufacturing supply link in the central-northern region, providing rapid-response industrial lubrication.\" },\n        { r: \"west\", s: \"Penang\", c: \"George Town\", lat: 5.4141, lng: 100.3288, d: \"Island-specific specialized node serving precision industries and maritime operations with advanced tech.\" },\n        { r: \"west\", s: \"Penang\", c: \"Butterworth\", lat: 5.3942, lng: 100.3664, d: \"Mainland industrial logistics anchor optimized for rapid bulk distribution across northern manufacturing hubs.\" },\n        { r: \"west\", s: \"Perak\", c: \"Ipoh\", lat: 4.5975, lng: 101.0901, d: \"Kinta Valley industrial anchor providing reliable support and efficiency for heavy processing equipment sectors.\" },\n        { r: \"west\", s: \"Perak\", c: \"Taiping\", lat: 4.8517, lng: 100.7415, d: \"Strategic North Perak partner focused on logistical excellence and timely support for regional industries.\" },\n        { r: \"west\", s: \"Perak\", c: \"Seri Manjung\", lat: 4.1947, lng: 100.6629, d: \"Coastal maritime specialist hub delivering critical lubricants for terminal machinery and coastal industries.\" },\n        { r: \"west\", s: \"Kelantan\", c: \"Kota Bharu\", lat: 6.1254, lng: 102.2386, d: \"Strategic East Coast gateway hub ensuring robust supply reliability for Kelantan\u2019s regional industrial fleets.\" },\n        { r: \"west\", s: \"Terengganu\", c: \"Kuala Terengganu\", lat: 5.3117, lng: 103.1324, d: \"Expert Oil & Gas support node providing mission-critical lubrication for extreme offshore environments.\" },\n        { r: \"west\", s: \"Pahang\", c: \"Kuantan\", lat: 3.8077, lng: 103.3260, d: \"Premier East Coast logistics hub supporting Kuantan Port economic zones with industrial management.\" },\n        { r: \"west\", s: \"Pahang\", c: \"Temerloh\", lat: 3.4475, lng: 102.4175, d: \"Central Pahang distribution link providing essential support for transport and agricultural fleets.\" },\n        { r: \"west\", s: \"Kuala Lumpur\", c: \"Cheras\", lat: 3.1390, lng: 101.6869, d: \"Metropolitan distribution anchor serving KL\u2019s commercial transport and high-frequency construction fleets.\" },\n        { r: \"west\", s: \"Selangor\", c: \"Petaling Jaya\", lat: 3.1073, lng: 101.6067, d: \"Prime service hub for high-performance automotive and corporate fleets in Selangor's commercial heart.\" },\n        { r: \"west\", s: \"Selangor\", c: \"Shah Alam\", lat: 3.0738, lng: 101.5183, d: \"Central manufacturing zone specialist delivering zero-downtime industrial lubrication for the primary hub.\" },\n        { r: \"west\", s: \"Selangor\", c: \"Klang\", lat: 3.0449, lng: 101.4456, d: \"Maritime powerhouse supporting Malaysia\u2019s primary port gateway with heavy-duty terminal lubrication.\" },\n        { r: \"west\", s: \"Negeri Sembilan\", c: \"Seremban\", lat: 2.7258, lng: 101.9424, d: \"Industrial corridor specialist ensuring technical excellence for manufacturing zones in Nilai and Senawang.\" },\n        { r: \"west\", s: \"Melaka\", c: \"Melaka City\", lat: 2.1896, lng: 102.2501, d: \"Strategic Southern link bridging the gap for industrial and automotive sectors across Melaka corridor.\" },\n        { r: \"west\", s: \"Johor\", c: \"Batu Pahat\", lat: 1.8548, lng: 102.9325, d: \"Industrial partner managing specialized lubrication demands for large-scale textile and transport fleets.\" },\n        { r: \"west\", s: \"Johor\", c: \"Johor Bahru\", lat: 1.4927, lng: 103.7414, d: \"The Main Southern Gateway serving Iskandar industrial region and trans-border heavy transport fleets.\" },\n        { r: \"east\", s: \"Sarawak\", c: \"Kuching\", lat: 1.5533, lng: 110.3592, d: \"Sarawak state flagship hub. Central command point for state industrial and automotive distribution.\" },\n        { r: \"east\", s: \"Sarawak\", c: \"Miri\", lat: 4.3995, lng: 113.9842, d: \"Northern Sarawak Oil & Gas specialist hub delivering extreme-pressure lubrication for energy sectors.\" },\n        { r: \"east\", s: \"Sarawak\", c: \"Sibu\", lat: 2.2873, lng: 111.8305, d: \"Central Sarawak logistics link supporting timber and shipping industries with robust technical support.\" },\n        { r: \"east\", s: \"Sarawak\", c: \"Bintulu\", lat: 3.1736, lng: 113.0410, d: \"Logistics command for LNG and heavy industrial zones managing energy corridor distribution.\" },\n        { r: \"east\", s: \"Sabah\", c: \"Kota Kinabalu\", lat: 5.9788, lng: 116.0753, d: \"Sabah strategic flagship center serving state major maritime, industrial, and logistical transport sectors.\" },\n        { r: \"east\", s: \"Sabah\", c: \"Sandakan\", lat: 5.8394, lng: 118.1172, d: \"East Sabah strategic supply node catering to plantation, logistics, and maritime supply chains.\" }\n    ];\n\n    function updateMarkers(activeLat, activeLng) {\n        markers.forEach(m => {\n            const el = m.getElement().querySelector('div');\n            if (!el.classList.contains('dnx-hq-dot')) {\n                if (m.getLatLng().lat === activeLat && m.getLatLng().lng === activeLng) el.classList.add('dnx-dot-active');\n                else el.classList.remove('dnx-dot-active');\n            }\n        });\n    }\n\n    locations.forEach(loc => {\n        const icon = L.divIcon({ className: '', html: `<div class=\"${loc.hq ? 'dnx-hq-dot' : 'dnx-dot'}\"><\/div>`, iconSize:[0,0] });\n        const marker = L.marker([loc.lat, loc.lng], { icon: icon }).addTo(map);\n        markers.push(marker);\n\n        marker.on('click', (e) => { \n            L.DomEvent.stopPropagation(e); stopCruise(); drawer.classList.add('is-closed');\n            map.flyTo([loc.lat, loc.lng], 12, { duration: 1.5 });\n            updateMarkers(loc.lat, loc.lng);\n            const popupContent = `<div class=\"dnx-popup-box\"><b>${loc.c}<\/b><p>${loc.d}<\/p><div class=\"dnx-popup-btns\">\n                <a href=\"tel:${phone}\" class=\"dnx-popup-btn\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n                <a href=\"https:\/\/waze.com\/ul?ll=${loc.lat},${loc.lng}&navigate=yes\" target=\"_blank\" class=\"dnx-popup-btn\"><i class=\"fab fa-waze\"><\/i><\/a>\n                <a href=\"https:\/\/maps.google.com\/?q=${loc.lat},${loc.lng}\" target=\"_blank\" class=\"dnx-popup-btn\"><i class=\"fas fa-map-marker-alt\"><\/i><\/a>\n            <\/div><\/div>`;\n            marker.bindPopup(popupContent, { autoPanPadding: [50, 50] }).openPopup();\n            resetCooling();\n        });\n\n        const li = document.createElement('li');\n        li.className = 'loc-item';\n        li.innerHTML = `<div class=\"loc-info\"><b>${loc.c}<\/b><span>${loc.s}<\/span><\/div>`;\n        li.onclick = () => { \n            stopCruise(); drawer.classList.add('is-closed'); map.flyTo([loc.lat, loc.lng], 12, { duration: 1.5 });\n            document.querySelectorAll('.loc-item').forEach(el => el.classList.remove('active'));\n            li.classList.add('active'); updateMarkers(loc.lat, loc.lng);\n            const popupContent = `<div class=\"dnx-popup-box\"><b>${loc.c}<\/b><p>${loc.d}<\/p><div class=\"dnx-popup-btns\">\n                <a href=\"tel:${phone}\" class=\"dnx-popup-btn\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n                <a href=\"https:\/\/waze.com\/ul?ll=${loc.lat},${loc.lng}&navigate=yes\" target=\"_blank\" class=\"dnx-popup-btn\"><i class=\"fab fa-waze\"><\/i><\/a>\n                <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=${loc.lat},${loc.lng}\" target=\"_blank\" class=\"dnx-popup-btn\"><i class=\"fas fa-map-marker-alt\"><\/i><\/a>\n            <\/div><\/div>`;\n            setTimeout(() => { marker.bindPopup(popupContent).openPopup(); }, 1600);\n            resetCooling();\n        };\n        document.getElementById(loc.r === 'west' ? 'west-list' : 'east-list').appendChild(li);\n    });\n\n    function resetCooling() {\n        if(!isMobileDev) return;\n        mapEl.style.pointerEvents = 'auto'; clearTimeout(coolingTimer);\n        coolingTimer = setTimeout(() => { mapEl.style.pointerEvents = 'none'; }, 2000);\n    }\n    document.getElementById('map-section').addEventListener('touchstart', resetCooling);\n    if(isMobileDev) mapEl.style.pointerEvents = 'none';\n\n    \/\/ \ud83d\ude80 \u6838\u5fc3\u5bfc\u6f14\u5de1\u822a\uff1a\u4e00\u5f00\u59cb\u5c31\u98de \ud83d\ude80\n    let cruiseIdx = 0;\n    const cruisePlan = [\n        { p: PERLIS_POS, z: 9.5, d: 2.0, r: 'west' }, { p: HQ_POS, z: 12, d: 2.5, r: 'west' }, \n        { p: SABAH_POS, z: 8.5, d: 9, r: 'east' }, { p: KUCHING_POS, z: 8.5, d: 9, r: 'east' },\n        { p: FULL_POS, z: isMobileDev ? 4.8 : 5.6, d: 9, r: 'all' } \n    ];\n\n    function runCruise() { \n        const s = cruisePlan[cruiseIdx];\n        map.flyTo(s.p, s.z, { animate: true, duration: s.d }); \n        if(s.r === 'east') { \n            switchRegion('east'); drawer.classList.remove('is-closed'); \n            setTimeout(() => { if(cruiseTimer) drawer.classList.add('is-closed'); }, 6000);\n        }\n        cruiseIdx = (cruiseIdx + 1) % cruisePlan.length; \n    }\n\n    function startCruise() { \n        if(cruiseTimer) clearInterval(cruiseTimer);\n        runCruise(); \n        cruiseTimer = setInterval(runCruise, 15000); \n    }\n    function stopCruise() { clearInterval(cruiseTimer); clearTimeout(autoCloseTimer); cruiseTimer = null; }\n\n    map.on('popupclose', () => { drawer.classList.remove('is-closed'); map.flyTo(FULL_POS, isMobileDev ? 4.8 : 5.6, { duration: 2.5 }); updateMarkers(0,0); setTimeout(startCruise, 3500); });\n    document.getElementById('close-sidebar-x').onclick = () => { drawer.classList.add('is-closed'); startCruise(); };\n    document.getElementById('drawer-toggle').onclick = () => { \n        if(drawer.classList.contains('is-closed')) { drawer.classList.remove('is-closed'); stopCruise(); } \n        else { drawer.classList.add('is-closed'); startCruise(); }\n    };\n\n    \/\/ \ud83d\udd25 \u95ea\u51fb\u6838\u5fc3\uff1a1\u79d2\uff08\u624b\u673a\uff09\/ 2\u79d2\uff08\u684c\u9762\uff09\u51c6\u65f6\u542f\u52a8\uff0c\u4e0d\u8fdf\u949d \ud83d\udd25\n    autoCloseTimer = setTimeout(() => { \n        drawer.classList.add('is-closed'); \n        startCruise(); \n    }, isMobileDev ? 1000 : 2000);\n\n    const obs = new IntersectionObserver(e => { if(!e[0].isIntersecting) stopCruise(); }, {threshold: 0.3});\n    obs.observe(document.getElementById('map-section'));\n    map.setView(FULL_POS, isMobileDev ? 4.8 : 5.6);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06282ea e-flex e-con-boxed e-con e-parent\" data-id=\"06282ea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e74a82 elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"6e74a82\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"mdi mdi-circle-medium\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Expert Our  Product &amp; Solutions<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f9f1ea elementor-widget-tablet__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1f9f1ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">6 CORE PERFORMANCE MATRIX<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45bbe0c e-con-full e-flex e-con e-parent\" data-id=\"45bbe0c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28a16c5 elementor-widget elementor-widget-html\" data-id=\"28a16c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hanken+Grotesk:wght@700;800;900&family=Inter:wght@400;600;700;800&family=Noto+Serif:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n<style>\n    \/* ========================================================\n       \u2728 B2B Industrial Slider Variables\n       ======================================================== *\/\n    :root {\n        --ind-bg: #F4F6F8;        \n        --ind-text: #1C1A19;      \n        --ind-hl: #DAAA00;        \n        --ind-white: #FFFFFF;\n        --ind-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n        --ind-hover: 0 20px 40px rgba(218, 170, 0, 0.25);\n    }\n\n    * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\n    \n    .dnx-slider-section { \n        font-family: 'Inter', sans-serif; \n        background-color: var(--ind-bg); \n        padding: 60px 0 60px 5%; \/* \u53f3\u4fa7\u7559\u7a7a\uff0c\u6697\u793a\u53ef\u4ee5\u6ed1\u52a8 *\/\n        max-width: 1400px; \n        margin: 0 auto;\n        overflow: hidden;\n    }\n\n    \/* ========================================================\n       1\ufe0f\u20e3 \u6a2a\u5411\u6ed1\u52a8\u8f68\u9053 (Horizontal Auto-Slider Track)\n       ======================================================== *\/\n    .ind-slider-track { \n        display: flex; \n        gap: 15px; \n        overflow-x: auto; \n        padding-bottom: 25px; \/* \u7ed9\u9634\u5f71\u7559\u51fa\u7a7a\u95f4 *\/\n        scroll-snap-type: x mandatory; \n        scrollbar-width: none; \/* Firefox \u9690\u85cf\u6eda\u52a8\u6761 *\/\n        scroll-behavior: smooth;\n    }\n    .ind-slider-track::-webkit-scrollbar { display: none; } \/* Chrome \u9690\u85cf\u6eda\u52a8\u6761 *\/\n\n    \/* ========================================================\n       2\ufe0f\u20e3 \u7edd\u5bf9\u76f4\u89d2\u957f\u65b9\u5f62 (Pure Rectangle, Reduced Height)\n       ======================================================== *\/\n    .ind-card {\n        flex: 0 0 auto; \/* \u9632\u6b62\u88ab\u6324\u538b *\/\n        width: 280px; \/* \u7535\u8111\u7aef\u5bbd\u5ea6 *\/\n        height: 320px; \/* \u2b07\ufe0f \u9ad8\u5ea6\u5927\u5e45\u964d\u4f4e *\/\n        border-radius: 0px; \/* \u7edd\u5bf9\u76f4\u89d2 *\/\n        position: relative;\n        overflow: hidden;\n        cursor: pointer;\n        background-color: #000;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        border-bottom: 4px solid transparent;\n        scroll-snap-align: start;\n    }\n\n    .ind-card-bg {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background-size: cover; background-position: center;\n        transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);\n        z-index: 1; opacity: 0.85;\n    }\n    .ind-card:hover .ind-card-bg { transform: scale(1.15); opacity: 1;}\n\n    \/* 0-100% \u6781\u81f4\u9ed1\u6e10\u53d8 *\/\n    .ind-gradient {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background: linear-gradient(to bottom, rgba(20, 18, 17, 0) 0%, rgba(20, 18, 17, 0.2) 30%, rgba(20, 18, 17, 0.95) 85%, rgba(20, 18, 17, 1) 100%);\n        z-index: 2; transition: 0.5s ease;\n    }\n    .ind-card:hover .ind-gradient { background: linear-gradient(to bottom, rgba(20, 18, 17, 0) 0%, rgba(20, 18, 17, 0.5) 30%, rgba(20, 18, 17, 1) 85%, rgba(20, 18, 17, 1) 100%); }\n    \n    .ind-card:hover { transform: translateY(-8px); box-shadow: var(--ind-shadow); border-bottom: 4px solid var(--ind-hl); }\n\n    \/* \u5361\u7247\u5185\u90e8\u6587\u5b57\u5e03\u5c40 *\/\n    .ind-content {\n        position: absolute; bottom: 0; left: 0; width: 100%;\n        padding: 20px 20px; z-index: 3;\n        display: flex; flex-direction: column; justify-content: flex-end;\n    }\n\n    .ind-content h3 {\n        font-family: 'Hanken Grotesk', sans-serif; font-size: 1.4rem; font-weight: 900; \n        color: #FFFFFF; margin: 0 0 8px 0; text-transform: uppercase; letter-spacing: -0.5px; line-height: 1.1;\n    }\n\n    .ind-content p {\n        font-family: 'Noto Serif', serif; font-size: 12px; color: rgba(255,255,255,0.75);\n        margin: 0 0 15px 0; line-height: 1.5; transition: 0.4s;\n    }\n    .ind-card:hover .ind-content p { color: #FFFFFF; }\n\n    \/* \u6781\u7b80\u5de6\u5bf9\u9f50 Details \u6309\u94ae *\/\n    .ind-btn {\n        font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 800; color: var(--ind-hl);\n        text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px;\n        transition: 0.3s; letter-spacing: 1px;\n    }\n    .ind-btn i { font-size: 9px; transition: 0.3s; }\n    .ind-card:hover .ind-btn { color: var(--ind-white); }\n    .ind-card:hover .ind-btn i { transform: translateX(6px); color: var(--ind-hl);}\n\n    \/* ========================================================\n       3\ufe0f\u20e3 \u6c89\u6d78\u5f0f\u5f39\u7a97 (\u4fdd\u7559 0px \u76f4\u89d2\u4e0e\u4e13\u4e1a\u6570\u636e\u8868)\n       ======================================================== *\/\n    .dnx-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.85); backdrop-filter: blur(8px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s ease; padding: 20px; }\n    .dnx-modal-overlay.active { opacity: 1; visibility: visible; }\n    \n    .dnx-modal-box { background: var(--ind-white); width: 100%; max-width: 900px; border-radius: 0px; display: flex; overflow: hidden; max-height: 90vh; transform: scale(0.95); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-shadow: 0 40px 100px rgba(0,0,0,0.5); }\n    .dnx-modal-overlay.active .dnx-modal-box { transform: scale(1); }\n\n    .modal-left { width: 35%; background: var(--ind-text); padding: 50px 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--ind-white); text-align: center; }\n    .modal-left h2 { font-family: 'Hanken Grotesk', sans-serif; font-size: 2.5rem; margin: 0 0 10px; line-height: 1.1; text-transform: uppercase; border-bottom: 3px solid var(--ind-hl); padding-bottom: 15px;}\n\n    .modal-right { width: 65%; padding: 40px; position: relative; background: var(--ind-white); overflow-y: auto; }\n    .modal-close { position: absolute; top: 20px; right: 25px; font-size: 32px; color: #ccc; cursor: pointer; transition: 0.3s; line-height: 1; }\n    .modal-close:hover { color: var(--ind-text); transform: rotate(90deg); }\n\n    .modal-tabs { display: flex; gap: 8px; margin-bottom: 30px; flex-wrap: wrap; border-bottom: 2px solid var(--ind-bg); padding-bottom: 15px; }\n    .tab-btn { background: transparent; border: 1px solid #ddd; padding: 10px 16px; border-radius: 0px; font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 800; color: #666; cursor: pointer; transition: 0.3s; text-transform: uppercase; }\n    .tab-btn:hover { border-color: var(--ind-text); color: var(--ind-text); }\n    .tab-btn.active { background: var(--ind-text); color: var(--ind-hl); border-color: var(--ind-text); }\n\n    .tab-content { display: none; animation: fadeIn 0.4s ease; }\n    .tab-content.active { display: block; }\n    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n    .modal-right h4 { font-family: 'Inter', sans-serif; font-size: 1.1rem; text-transform: uppercase; color: var(--ind-text); font-weight: 900; margin: 0 0 12px; border-left: 4px solid var(--ind-hl); padding-left: 10px; }\n    .modal-right p { font-family: 'Noto Serif', serif; font-size: 14px; color: #555; line-height: 1.6; margin-bottom: 25px; }\n\n    .table-wrapper { width: 100%; overflow-x: auto; margin-bottom: 25px; border: 1px solid #eee; }\n    .specs-table { width: 100%; border-collapse: collapse; font-family: 'Inter', sans-serif; font-size: 13px; min-width: 450px;}\n    .specs-table th, .specs-table td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #eee; }\n    .specs-table th { background: #FAFAFA; color: var(--ind-text); font-weight: 800; text-transform: uppercase; font-size: 11px;}\n    .specs-table tr:nth-child(even) { background: #FCFCFC; }\n\n    .modal-actions { margin-top: 30px; border-top: 1px solid #eee; padding-top: 20px; }\n    .btn-wa-smart { width: 100%; text-align: center; font-family: 'Inter', sans-serif; font-weight: 800; padding: 16px; border-radius: 0px; text-transform: uppercase; font-size: 14px; display: flex; justify-content: center; align-items: center; gap: 10px; background: #25D366; color: #fff; border: none; cursor: pointer; transition: 0.3s;}\n    .btn-wa-smart:hover { background: #1ebe57; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4); }\n\n    \/* ========================================================\n       \ud83d\udcf1 \u54cd\u5e94\u5f0f\uff1a\u5b9e\u73b0 \"2 Row but Can See Can Slide\"\n       ======================================================== *\/\n    @media (max-width: 768px) {\n        .dnx-slider-section { padding: 40px 0 40px 5%; }\n        \n        .ind-card { \n            \/* \u6838\u5fc3\uff1a\u5bbd\u5ea6\u8bbe\u4e3a 42vw\uff0c\u8fd9\u6837\u4e00\u6392\u6b63\u597d\u663e\u793a 2 \u4e2a\u5361\u7247\uff0c\u53f3\u8fb9\u8fd8\u80fd\u9732\u51fa\u7b2c 3 \u4e2a\u5361\u7247\u7684\u8fb9\u7f18 *\/\n            width: 42vw; \n            height: 220px; \/* \u8fdb\u4e00\u6b65\u964d\u4f4e\u9ad8\u5ea6\uff0c\u5b8c\u7f8e\u9002\u5e94\u624b\u673a *\/\n        } \n        \n        .ind-content { padding: 15px 15px; }\n        .ind-content h3 { font-size: 1.1rem; margin-bottom: 5px; }\n        .ind-content p { font-size: 10px; margin-bottom: 12px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }\n        \n        \/* \u624b\u673a\u7aef\u5f39\u7a97\u9002\u914d *\/\n        .dnx-modal-box { flex-direction: column; max-height: 85vh; }\n        .modal-left { width: 100%; padding: 25px 20px; flex-direction: row; gap: 15px; text-align: left; border-bottom: 4px solid var(--ind-hl); }\n        .modal-left h2 { font-size: 1.6rem; border: none; padding: 0; margin: 0;}\n        .modal-right { width: 100%; padding: 25px; }\n        .modal-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; scrollbar-width: none;}\n        .modal-tabs::-webkit-scrollbar { display: none; }\n        .tab-btn { flex-shrink: 0; }\n    }\n<\/style>\n\n<div class=\"dnx-slider-section\">\n\n    <div class=\"ind-slider-track\" id=\"dnx-auto-slider\">\n\n        <div class=\"ind-card\" onclick=\"openCatModal('modal-engine-oil')\">\n            <div class=\"ind-card-bg\" style=\"background-image: url('https:\/\/denoxlubs.jnjdesignstudio.com\/wp-content\/uploads\/2026\/03\/engine-oil.jpg');\"><\/div>\n            <div class=\"ind-gradient\"><\/div>\n            <div class=\"ind-content\">\n                <h3>Engine Oil<\/h3>\n                <p>For passenger cars, fleets, and machinery.<\/p>\n                <span class=\"ind-btn\">Details <i class=\"fas fa-arrow-right\"><\/i><\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"ind-card\" onclick=\"openCatModal('modal-gear-oil')\">\n            <div class=\"ind-card-bg\" style=\"background-image: url('https:\/\/denoxlubs.jnjdesignstudio.com\/wp-content\/uploads\/2026\/02\/gear-oil.jpg\"><\/div>\n            <div class=\"ind-gradient\"><\/div>\n            <div class=\"ind-content\">\n                <h3>Gear Oil<\/h3>\n                <p>High-load capacity for industrial transmissions.<\/p>\n                <span class=\"ind-btn\">Details <i class=\"fas fa-arrow-right\"><\/i><\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"ind-card\" onclick=\"openCatModal('modal-hydraulic-oil')\">\n            <div class=\"ind-card-bg\" style=\"background-image: url('https:\/\/denoxlubs.jnjdesignstudio.com\/wp-content\/uploads\/2026\/02\/hydraulic-oil.jpg\"><\/div>\n            <div class=\"ind-gradient\"><\/div>\n            <div class=\"ind-content\">\n                <h3>Hydraulic<\/h3>\n                <p>Premium anti-wear fluids for high-pressure systems.<\/p>\n                <span class=\"ind-btn\">Details <i class=\"fas fa-arrow-right\"><\/i><\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"ind-card\" onclick=\"openCatModal('modal-cutting')\">\n            <div class=\"ind-card-bg\" style=\"background-image: url('https:\/\/denoxlubs.jnjdesignstudio.com\/wp-content\/uploads\/2026\/03\/cutting-coolant.jpg');\"><\/div>\n            <div class=\"ind-gradient\"><\/div>\n            <div class=\"ind-content\">\n                <h3>Coolant<\/h3>\n                <p>Advanced fluids for CNC machining operations.<\/p>\n                <span class=\"ind-btn\">Details <i class=\"fas fa-arrow-right\"><\/i><\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"ind-card\" onclick=\"openCatModal('modal-grease')\">\n            <div class=\"ind-card-bg\" style=\"background-image: url('https:\/\/denoxlubs.jnjdesignstudio.com\/wp-content\/uploads\/2026\/02\/grease.jpg\"><\/div>\n            <div class=\"ind-gradient\"><\/div>\n            <div class=\"ind-content\">\n                <h3>Grease<\/h3>\n                <p>Extreme pressure and high-temp industrial use.<\/p>\n                <span class=\"ind-btn\">Details <i class=\"fas fa-arrow-right\"><\/i><\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"ind-card\" onclick=\"openCatModal('modal-white-oil')\">\n            <div class=\"ind-card-bg\" style=\"background-image: url('https:\/\/denoxlubs.jnjdesignstudio.com\/wp-content\/uploads\/2026\/02\/white-oil.jpg');\"><\/div>\n            <div class=\"ind-gradient\"><\/div>\n            <div class=\"ind-content\">\n                <h3>White Oil<\/h3>\n                <p>Refined mineral oils for cosmetics and pharma.<\/p>\n                <span class=\"ind-btn\">Details <i class=\"fas fa-arrow-right\"><\/i><\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<div class=\"dnx-modal-overlay\" id=\"modal-engine-oil\" onclick=\"closeCatModal(event, 'modal-engine-oil')\">\n    <div class=\"dnx-modal-box\">\n        <div class=\"modal-left\"><h2>Engine Oil<\/h2><\/div>\n        <div class=\"modal-right\">\n            <span class=\"modal-close\" onclick=\"forceCatClose('modal-engine-oil')\">&times;<\/span>\n            \n            <div class=\"modal-tabs\">\n                <button class=\"tab-btn active\" onclick=\"switchTab(this, 'tab-fully')\">Fully Synthetic<\/button>\n                <button class=\"tab-btn\" onclick=\"switchTab(this, 'tab-semi')\">Semi Synthetic<\/button>\n                <button class=\"tab-btn\" onclick=\"switchTab(this, 'tab-heavy')\">Heavy-Duty<\/button>\n                <button class=\"tab-btn\" onclick=\"switchTab(this, 'tab-multi')\">Multi-Grades<\/button>\n                <button class=\"tab-btn\" onclick=\"switchTab(this, 'tab-single')\">Single-Grade<\/button>\n            <\/div>\n\n            <div id=\"tab-fully\" class=\"tab-content active\">\n                <h4>Fully Synthetic Series<\/h4>\n                <p>Engineered for modern high-performance engines. Exceptional sludge and deposit control.<\/p>\n                <div class=\"table-wrapper\">\n                    <table class=\"specs-table\">\n                        <tr><th>SAE Grade<\/th><th>5W-40D<\/th><th>5W-30SN<\/th><th>10W-40SN<\/th><\/tr>\n                        <tr><td>Density, g\/cm\u00b3<\/td><td>0.8536<\/td><td>0.8535<\/td><td>0.8559<\/td><\/tr>\n                        <tr><td>Viscosity @ 40\u00b0C<\/td><td>79.5<\/td><td>68.75<\/td><td>91.3<\/td><\/tr>\n                        <tr><td>Viscosity @ 100\u00b0C<\/td><td>13.5<\/td><td>11.95<\/td><td>14.3<\/td><\/tr>\n                        <tr><td>Viscosity Index<\/td><td>160<\/td><td>171<\/td><td>155<\/td><\/tr>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <div id=\"tab-semi\" class=\"tab-content\">\n                <h4>Semi Synthetic Series<\/h4>\n                <p>Advanced anti-wear agents reducing friction for improved fuel efficiency. (15W-40 CI4)<\/p>\n                <div class=\"table-wrapper\">\n                    <table class=\"specs-table\">\n                        <tr><th>SAE Grade<\/th><th>15W-40 CI4<\/th><\/tr>\n                        <tr><td>Density, g\/cm\u00b3<\/td><td>0.8750<\/td><\/tr>\n                        <tr><td>Viscosity @ 40\u00b0C<\/td><td>110.5<\/td><\/tr>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <div id=\"tab-heavy\" class=\"tab-content\">\n                <h4>Heavy-Duty Diesel<\/h4>\n                <p>For modern diesel engines equipped with advanced after-treatment systems. (10W-40 CJ4)<\/p>\n                <div class=\"table-wrapper\">\n                    <table class=\"specs-table\">\n                        <tr><th>SAE Grade<\/th><th>10W-40 CJ4<\/th><\/tr>\n                        <tr><td>Density, g\/cm\u00b3<\/td><td>0.8650<\/td><\/tr>\n                        <tr><td>Viscosity @ 40\u00b0C<\/td><td>98.5<\/td><\/tr>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <div id=\"tab-multi\" class=\"tab-content\">\n                <h4>Conventional Multi-Grades<\/h4>\n                <p>Reliable protection for legacy vehicles. Available in <strong>10W-30 SL\/CF<\/strong>, <strong>15W-40 SL\/CF<\/strong>, and <strong>20W-50 SL\/CF<\/strong>.<\/p>\n            <\/div>\n\n            <div id=\"tab-single\" class=\"tab-content\">\n                <h4>Conventional Single-Grade<\/h4>\n                <p>Plain high-viscosity oil formulated for robust performance in older engines. (SAE 40)<\/p>\n                <div class=\"table-wrapper\">\n                    <table class=\"specs-table\">\n                        <tr><th>SAE Grade<\/th><th>SAE 40<\/th><\/tr>\n                        <tr><td>Density, g\/cm\u00b3<\/td><td>0.8850<\/td><\/tr>\n                        <tr><td>Viscosity Index<\/td><td>95<\/td><\/tr>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <div class=\"modal-actions\"><button class=\"btn-wa-smart\" onclick=\"smartWaLink('Engine Oil')\"><i class=\"fab fa-whatsapp\"><\/i> Get Quotation<\/button><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"dnx-modal-overlay\" id=\"modal-gear-oil\" onclick=\"closeCatModal(event, 'modal-gear-oil')\">\n    <div class=\"dnx-modal-box\">\n        <div class=\"modal-left\"><h2>Gear Oil<\/h2><\/div>\n        <div class=\"modal-right\">\n            <span class=\"modal-close\" onclick=\"forceCatClose('modal-gear-oil')\">&times;<\/span>\n            <h4>Industrial & Automotive Gear Oils<\/h4>\n            <p>High-load carrying capacity oils designed to protect industrial gears, transmissions, and heavy machinery from wear and thermal breakdown.<\/p>\n            <div class=\"modal-actions\"><button class=\"btn-wa-smart\" onclick=\"smartWaLink('Gear Oil')\"><i class=\"fab fa-whatsapp\"><\/i> Get Quotation<\/button><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"dnx-modal-overlay\" id=\"modal-hydraulic-oil\" onclick=\"closeCatModal(event, 'modal-hydraulic-oil')\">\n    <div class=\"dnx-modal-box\">\n        <div class=\"modal-left\"><h2>Hydraulic Oil<\/h2><\/div>\n        <div class=\"modal-right\">\n            <span class=\"modal-close\" onclick=\"forceCatClose('modal-hydraulic-oil')\">&times;<\/span>\n            <h4>Anti-Wear Hydraulic Fluids<\/h4>\n            <p>Premium anti-wear hydraulic fluids engineered to maintain system efficiency, resist oxidation, and prevent corrosion in high-pressure manufacturing environments.<\/p>\n            <div class=\"modal-actions\"><button class=\"btn-wa-smart\" onclick=\"smartWaLink('Hydraulic Oil')\"><i class=\"fab fa-whatsapp\"><\/i> Get Quotation<\/button><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"dnx-modal-overlay\" id=\"modal-cutting\" onclick=\"closeCatModal(event, 'modal-cutting')\">\n    <div class=\"dnx-modal-box\">\n        <div class=\"modal-left\"><h2>Cutting<br>Coolant<\/h2><\/div>\n        <div class=\"modal-right\">\n            <span class=\"modal-close\" onclick=\"forceCatClose('modal-cutting')\">&times;<\/span>\n            <h4>Metalworking Fluids<\/h4>\n            <p>Advanced soluble cutting coolants formulated to extend tool life, provide excellent cooling, and deliver superior surface finish for CNC machining.<\/p>\n            <div class=\"modal-actions\"><button class=\"btn-wa-smart\" onclick=\"smartWaLink('Cutting Coolant')\"><i class=\"fab fa-whatsapp\"><\/i> Get Quotation<\/button><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"dnx-modal-overlay\" id=\"modal-grease\" onclick=\"closeCatModal(event, 'modal-grease')\">\n    <div class=\"dnx-modal-box\">\n        <div class=\"modal-left\"><h2>Grease<\/h2><\/div>\n        <div class=\"modal-right\">\n            <span class=\"modal-close\" onclick=\"forceCatClose('modal-grease')\">&times;<\/span>\n            <h4>High-Temperature & EP Greases<\/h4>\n            <p>Multi-purpose and extreme pressure (EP) greases designed for automotive wheel bearings, chassis lubrication, and heavy industrial applications.<\/p>\n            <div class=\"modal-actions\"><button class=\"btn-wa-smart\" onclick=\"smartWaLink('Grease')\"><i class=\"fab fa-whatsapp\"><\/i> Get Quotation<\/button><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"dnx-modal-overlay\" id=\"modal-white-oil\" onclick=\"closeCatModal(event, 'modal-white-oil')\">\n    <div class=\"dnx-modal-box\">\n        <div class=\"modal-left\"><h2>White Oil<\/h2><\/div>\n        <div class=\"modal-right\">\n            <span class=\"modal-close\" onclick=\"forceCatClose('modal-white-oil')\">&times;<\/span>\n            <h4>Technical & Food Grade White Oils<\/h4>\n            <p>Highly refined, colorless, and odorless mineral oils suitable for cosmetics, pharmaceuticals, food processing, and specialized industrial uses.<\/p>\n            <div class=\"modal-actions\"><button class=\"btn-wa-smart\" onclick=\"smartWaLink('White Oil')\"><i class=\"fab fa-whatsapp\"><\/i> Get Quotation<\/button><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const track = document.getElementById('dnx-auto-slider');\n        let autoPlayInterval;\n\n        \/\/ \u6838\u5fc3\u529f\u80fd\uff1a\u81ea\u52a8\u8f6e\u64ad\n        function startAutoPlay() {\n            autoPlayInterval = setInterval(() => {\n                const card = track.querySelector('.ind-card');\n                if(!card) return;\n                \n                \/\/ \u6bcf\u6b21\u6eda\u52a8\u7684\u8ddd\u79bb\uff1a\u4e00\u4e2a\u5361\u7247\u7684\u5bbd\u5ea6 + \u95f4\u8ddd(15)\n                const scrollAmount = card.offsetWidth + 15; \n                \n                \/\/ \u5982\u679c\u6eda\u52a8\u5230\u5e95\u90e8\uff0c\u5e73\u6ed1\u5730\u5f39\u56de\u5f00\u5934\n                if (track.scrollLeft + track.clientWidth >= track.scrollWidth - 10) {\n                    track.scrollTo({ left: 0, behavior: 'smooth' });\n                } else {\n                    track.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n                }\n            }, 3500); \/\/ \u6bcf 3.5 \u79d2\u6ed1\u52a8\u4e00\u6b21\n        }\n\n        function stopAutoPlay() {\n            clearInterval(autoPlayInterval);\n        }\n\n        \/\/ \u521d\u59cb\u5316\u81ea\u52a8\u8f6e\u64ad\n        startAutoPlay();\n\n        \/\/ \u4ea4\u4e92\u4f53\u9a8c\uff1a\u5f53\u5ba2\u6237\u624b\u6307\u653e\u4e0a\u53bb\/\u9f20\u6807\u60ac\u505c\u65f6\uff0c\u6682\u505c\u6ed1\u52a8\n        track.addEventListener('mouseenter', stopAutoPlay);\n        track.addEventListener('mouseleave', startAutoPlay);\n        track.addEventListener('touchstart', stopAutoPlay, {passive: true});\n        track.addEventListener('touchend', startAutoPlay, {passive: true});\n    });\n\n    \/* ================= \u5f39\u7a97\u4e0e WhatsApp \u903b\u8f91 ================= *\/\n    function openCatModal(modalId) {\n        document.getElementById(modalId).classList.add('active');\n        document.body.style.overflow = 'hidden'; \n    }\n    function closeCatModal(event, modalId) {\n        if (event.target.id === modalId) {\n            document.getElementById(modalId).classList.remove('active');\n            document.body.style.overflow = 'auto'; \n        }\n    }\n    function forceCatClose(modalId) {\n        document.getElementById(modalId).classList.remove('active');\n        document.body.style.overflow = 'auto';\n    }\n\n    function switchTab(btnElement, targetId) {\n        const parentModal = btnElement.closest('.modal-right');\n        const allBtns = parentModal.querySelectorAll('.tab-btn');\n        const allContents = parentModal.querySelectorAll('.tab-content');\n        \n        allBtns.forEach(btn => btn.classList.remove('active'));\n        allContents.forEach(content => content.classList.remove('active'));\n\n        btnElement.classList.add('active');\n        document.getElementById(targetId).classList.add('active');\n    }\n\n    function smartWaLink(categoryName) {\n        let activeTabName = \"\";\n        const activeOverlay = document.querySelector('.dnx-modal-overlay.active');\n        if(activeOverlay && categoryName === 'Engine Oil') {\n            const activeTab = activeOverlay.querySelector('.tab-btn.active');\n            if(activeTab) activeTabName = \" - \" + activeTab.innerText;\n        }\n\n        const waNumber = \"60134128688\";\n        const message = `Hi Denox, I am exploring your [ ${categoryName}${activeTabName} ] on the homepage. Could you provide a quotation and tech specs?`;\n        window.open(`https:\/\/wa.me\/${waNumber}?text=${encodeURIComponent(message)}`, '_blank');\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b579ac0 e-flex e-con-boxed e-con e-parent\" data-id=\"b579ac0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5282caec e-con-full e-grid e-con e-child\" data-id=\"5282caec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-702c28ad elementor-widget elementor-widget-heading\" data-id=\"702c28ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Are you ready to find out about the Denox?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0c044e elementor-widget elementor-widget-jkit_button\" data-id=\"c0c044e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jkit_button.default\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-button  icon-position-after jeg_module__2_6a1e8144c9e79\" ><a href=\"https:\/\/denoxlubs.jnjdesignstudio.com\/index.php\/get-a-quote\/\" class=\"jkit-button-wrapper\">Contact Us Now<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5f64c7 elementor-widget elementor-widget-text-editor\" data-id=\"a5f64c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"about-text\"><p>We&#8217;d love to hear from you.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Performance You Can Trust Welcome to DENOX, High-performance industrial lubricants since 2013.Protecting your machinery\u00a0with advanced chemical engineering. Get a Technical Support Advanced Wear Protection High-Efficacy Formulation Trusted by Industrial Partners Peak Engine Performance 100% Customer Satisfaction Heavy-Duty Proven Quality Advanced Wear Protection High-Efficacy Formulation Trusted by Industrial Partners Peak Engine Performance 100% Customer Satisfaction Heavy-Duty [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/denoxlubs.jnjdesignstudio.com\/index.php\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/denoxlubs.jnjdesignstudio.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/denoxlubs.jnjdesignstudio.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/denoxlubs.jnjdesignstudio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/denoxlubs.jnjdesignstudio.com\/index.php\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":914,"href":"https:\/\/denoxlubs.jnjdesignstudio.com\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":2980,"href":"https:\/\/denoxlubs.jnjdesignstudio.com\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions\/2980"}],"wp:attachment":[{"href":"https:\/\/denoxlubs.jnjdesignstudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}