{"id":13,"date":"2026-09-22T05:43:29","date_gmt":"2026-09-22T05:43:29","guid":{"rendered":"https:\/\/chinhantechecommerce.qcfixer.co\/?page_id=13"},"modified":"2026-09-22T06:21:26","modified_gmt":"2026-09-22T06:21:26","slug":"demo","status":"publish","type":"page","link":"https:\/\/chinhantechecommerce.qcfixer.co\/?page_id=13","title":{"rendered":"Demo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<section class=\"elementor-element elementor-element-2f3c733 e-con e-atomic-element e-flexbox-base e-24c043a \" data-id=\"2f3c733\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2f3c733\" data-e-type=\"e-flexbox\" data-id=\"2f3c733\">\n    <div class=\"elementor-element elementor-element-74ac3a1 e-con e-atomic-element e-flexbox-base e-74ac3a1-735e83a \" data-id=\"74ac3a1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"74ac3a1\" data-e-type=\"e-flexbox\" data-id=\"74ac3a1\">\n    \t\t<div class=\"elementor-element elementor-element-325030a elementor-widget elementor-widget-html\" data-id=\"325030a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     CHIN HAN TECH \u2014 INTERACTIVE HEADER\r\n     ========================================================= -->\r\n\r\n<style>\r\n#cht-header,\r\n#cht-header * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#cht-header {\r\n    --cht-red: #ed1c24;\r\n    --cht-dark: #071015;\r\n\r\n    position: relative;\r\n    z-index: 9999;\r\n    width: 100%;\r\n    height: 86px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n#cht-header a {\r\n    text-decoration: none;\r\n}\r\n\r\n\/* =========================\r\n   HEADER BAR\r\n========================= *\/\r\n\r\n.cht-h-bar {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 86px;\r\n\r\n    background: #071015;\r\n\r\n    border-bottom: 1px solid rgba(255,255,255,.12);\r\n\r\n    transition:\r\n        background .35s ease,\r\n        box-shadow .35s ease,\r\n        backdrop-filter .35s ease;\r\n}\r\n\r\n#cht-header.cht-sticky .cht-h-bar {\r\n    position: fixed;\r\n\r\n    background: rgba(7,16,21,.94);\r\n\r\n    backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n\r\n    box-shadow:\r\n        0 8px 30px rgba(0,0,0,.18);\r\n}\r\n\r\n.cht-h-inner {\r\n    width: min(1500px, calc(100% - 60px));\r\n    height: 100%;\r\n\r\n    margin: auto;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 45px;\r\n}\r\n\r\n\r\n\/* =========================\r\n   LOGO\r\n========================= *\/\r\n\r\n.cht-h-logo {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    color: #fff;\r\n}\r\n\r\n.cht-h-logo-mark {\r\n    position: relative;\r\n\r\n    font-size: 35px;\r\n    line-height: 1;\r\n\r\n    color: var(--cht-red);\r\n\r\n    font-weight: 900;\r\n    font-style: italic;\r\n\r\n    letter-spacing: -5px;\r\n\r\n    transition: transform .35s ease;\r\n}\r\n\r\n.cht-h-logo:hover .cht-h-logo-mark {\r\n    transform: skew(-5deg) scale(1.08);\r\n}\r\n\r\n.cht-h-logo-text strong {\r\n    display: block;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 17px;\r\n    line-height: 1;\r\n\r\n    letter-spacing: .5px;\r\n}\r\n\r\n.cht-h-logo-text small {\r\n    display: block;\r\n\r\n    margin-top: 5px;\r\n\r\n    color: rgba(255,255,255,.55);\r\n\r\n    font-size: 7px;\r\n\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n\r\n\/* =========================\r\n   NAVIGATION\r\n========================= *\/\r\n\r\n.cht-h-nav {\r\n    margin-left: auto;\r\n\r\n    height: 100%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 33px;\r\n}\r\n\r\n.cht-h-nav-item {\r\n    position: relative;\r\n\r\n    height: 100%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.cht-h-nav-link {\r\n    position: relative;\r\n\r\n    height: 100%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 6px;\r\n\r\n    color: rgba(255,255,255,.82) !important;\r\n\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n\r\n    transition: color .25s ease;\r\n}\r\n\r\n.cht-h-nav-link::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    bottom: 21px;\r\n\r\n    width: 0;\r\n    height: 2px;\r\n\r\n    background: var(--cht-red);\r\n\r\n    transform: translateX(-50%);\r\n\r\n    transition: width .3s ease;\r\n}\r\n\r\n.cht-h-nav-link:hover,\r\n.cht-h-nav-link.active {\r\n    color: #fff !important;\r\n}\r\n\r\n.cht-h-nav-link:hover::after,\r\n.cht-h-nav-link.active::after {\r\n    width: 100%;\r\n}\r\n\r\n.cht-h-arrow {\r\n    font-size: 8px;\r\n\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.cht-h-nav-item:hover .cht-h-arrow {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================\r\n   DROPDOWN\r\n========================= *\/\r\n\r\n.cht-h-dropdown {\r\n    position: absolute;\r\n\r\n    top: calc(100% - 5px);\r\n    left: 50%;\r\n\r\n    width: 245px;\r\n\r\n    padding: 12px;\r\n\r\n    background: #fff;\r\n\r\n    border-radius: 4px;\r\n\r\n    box-shadow:\r\n        0 20px 55px rgba(0,0,0,.2);\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    transform:\r\n        translate(-50%, 15px);\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        transform .25s ease,\r\n        visibility .25s;\r\n}\r\n\r\n.cht-h-nav-item:hover .cht-h-dropdown {\r\n    opacity: 1;\r\n    visibility: visible;\r\n\r\n    transform:\r\n        translate(-50%, 0);\r\n}\r\n\r\n.cht-h-dropdown::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -6px;\r\n    left: 50%;\r\n\r\n    width: 12px;\r\n    height: 12px;\r\n\r\n    background: #fff;\r\n\r\n    transform:\r\n        translateX(-50%)\r\n        rotate(45deg);\r\n}\r\n\r\n.cht-h-dropdown a {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    padding: 13px 14px;\r\n\r\n    color: #222 !important;\r\n\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n\r\n    border-radius: 3px;\r\n\r\n    transition: .25s ease;\r\n}\r\n\r\n.cht-h-dropdown a:hover {\r\n    padding-left: 19px;\r\n\r\n    background: #f5f5f5;\r\n\r\n    color: var(--cht-red) !important;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ENQUIRY BUTTON\r\n========================= *\/\r\n\r\n.cht-h-cta {\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    flex-shrink: 0;\r\n\r\n    min-width: 142px;\r\n    height: 46px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    background: var(--cht-red);\r\n\r\n    color: #fff !important;\r\n\r\n    border-radius: 3px;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.cht-h-cta::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -120%;\r\n\r\n    width: 80%;\r\n    height: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,.25),\r\n            transparent\r\n        );\r\n\r\n    transform: skewX(-20deg);\r\n\r\n    transition: left .6s ease;\r\n}\r\n\r\n.cht-h-cta:hover::before {\r\n    left: 140%;\r\n}\r\n\r\n.cht-h-cta:hover {\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 10px 25px rgba(237,28,36,.28);\r\n}\r\n\r\n.cht-h-cta-arrow {\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.cht-h-cta:hover .cht-h-cta-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE BUTTON\r\n========================= *\/\r\n\r\n.cht-h-mobile-btn {\r\n    display: none;\r\n\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    margin-left: auto;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n    background: transparent;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n.cht-h-mobile-btn span {\r\n    display: block;\r\n\r\n    width: 25px;\r\n    height: 2px;\r\n\r\n    margin: 5px auto;\r\n\r\n    background: #fff;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        opacity .3s ease;\r\n}\r\n\r\n#cht-header.mobile-open\r\n.cht-h-mobile-btn span:nth-child(1) {\r\n    transform:\r\n        translateY(7px)\r\n        rotate(45deg);\r\n}\r\n\r\n#cht-header.mobile-open\r\n.cht-h-mobile-btn span:nth-child(2) {\r\n    opacity: 0;\r\n}\r\n\r\n#cht-header.mobile-open\r\n.cht-h-mobile-btn span:nth-child(3) {\r\n    transform:\r\n        translateY(-7px)\r\n        rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .cht-h-inner {\r\n        width: calc(100% - 40px);\r\n    }\r\n\r\n    .cht-h-nav {\r\n        position: fixed;\r\n\r\n        top: 86px;\r\n        left: 0;\r\n\r\n        width: 100%;\r\n        height: calc(100vh - 86px);\r\n\r\n        padding: 25px;\r\n\r\n        display: block;\r\n\r\n        overflow-y: auto;\r\n\r\n        background: #071015;\r\n\r\n        opacity: 0;\r\n        visibility: hidden;\r\n\r\n        transform: translateY(-15px);\r\n\r\n        transition:\r\n            opacity .3s ease,\r\n            visibility .3s ease,\r\n            transform .3s ease;\r\n    }\r\n\r\n    #cht-header.mobile-open\r\n    .cht-h-nav {\r\n        opacity: 1;\r\n        visibility: visible;\r\n\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .cht-h-nav-item {\r\n        display: block;\r\n\r\n        height: auto;\r\n\r\n        border-bottom:\r\n            1px solid rgba(255,255,255,.1);\r\n    }\r\n\r\n    .cht-h-nav-link {\r\n        height: auto;\r\n\r\n        padding: 19px 5px;\r\n\r\n        justify-content: space-between;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n    .cht-h-nav-link::after {\r\n        display: none;\r\n    }\r\n\r\n    .cht-h-dropdown {\r\n        position: static;\r\n\r\n        width: 100%;\r\n\r\n        padding: 0 0 12px;\r\n\r\n        display: none;\r\n\r\n        background: transparent;\r\n\r\n        box-shadow: none;\r\n\r\n        opacity: 1;\r\n        visibility: visible;\r\n\r\n        transform: none;\r\n    }\r\n\r\n    .cht-h-nav-item.mobile-dropdown-open\r\n    .cht-h-dropdown {\r\n        display: block;\r\n    }\r\n\r\n    .cht-h-dropdown::before {\r\n        display: none;\r\n    }\r\n\r\n    .cht-h-dropdown a {\r\n        padding: 13px 15px;\r\n\r\n        color:\r\n            rgba(255,255,255,.65) !important;\r\n    }\r\n\r\n    .cht-h-dropdown a:hover {\r\n        background:\r\n            rgba(255,255,255,.06);\r\n\r\n        color: #fff !important;\r\n    }\r\n\r\n    .cht-h-cta {\r\n        display: none;\r\n    }\r\n\r\n    .cht-h-mobile-btn {\r\n        display: block;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 600px) {\r\n\r\n    #cht-header,\r\n    .cht-h-bar {\r\n        height: 74px;\r\n    }\r\n\r\n    .cht-h-inner {\r\n        width: calc(100% - 30px);\r\n    }\r\n\r\n    .cht-h-nav {\r\n        top: 74px;\r\n\r\n        height:\r\n            calc(100vh - 74px);\r\n    }\r\n\r\n    .cht-h-logo-mark {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .cht-h-logo-text strong {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .cht-h-logo-text small {\r\n        font-size: 6px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<header id=\"cht-header\">\r\n\r\n    <div class=\"cht-h-bar\">\r\n\r\n        <div class=\"cht-h-inner\">\r\n\r\n            <!-- LOGO -->\r\n\r\n            <a href=\"\/\" class=\"cht-h-logo\">\r\n\r\n                <div class=\"cht-h-logo-mark\">\r\n                    CH\r\n                <\/div>\r\n\r\n                <div class=\"cht-h-logo-text\">\r\n\r\n                    <strong>\r\n                        CHIN HAN TECH\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        PRECISION FOR A BETTER TOMORROW\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- NAVIGATION -->\r\n\r\n            <nav class=\"cht-h-nav\">\r\n\r\n                <div class=\"cht-h-nav-item\">\r\n\r\n                    <a href=\"\/\"\r\n                       class=\"cht-h-nav-link active\">\r\n\r\n                        Home\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cht-h-nav-item\">\r\n\r\n                    <a href=\"\/about-us\/\"\r\n                       class=\"cht-h-nav-link\">\r\n\r\n                        About Us\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- PRODUCTS -->\r\n\r\n                <div class=\"cht-h-nav-item cht-h-has-dropdown\">\r\n\r\n                    <a href=\"\/products\/\"\r\n                       class=\"cht-h-nav-link\">\r\n\r\n                        Products\r\n\r\n                        <span class=\"cht-h-arrow\">\r\n                            \u25bc\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"cht-h-dropdown\">\r\n\r\n                        <a href=\"#\">\r\n                            Automotive Parts\r\n                            <span>\u2192<\/span>\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Industrial Components\r\n                            <span>\u2192<\/span>\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Hoses & Fittings\r\n                            <span>\u2192<\/span>\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Custom Solutions\r\n                            <span>\u2192<\/span>\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- INDUSTRIES -->\r\n\r\n                <div class=\"cht-h-nav-item cht-h-has-dropdown\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"cht-h-nav-link\">\r\n\r\n                        Industries\r\n\r\n                        <span class=\"cht-h-arrow\">\r\n                            \u25bc\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"cht-h-dropdown\">\r\n\r\n                        <a href=\"#\">\r\n                            Automotive\r\n                            <span>\u2192<\/span>\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Manufacturing\r\n                            <span>\u2192<\/span>\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Industrial\r\n                            <span>\u2192<\/span>\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Aftermarket\r\n                            <span>\u2192<\/span>\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cht-h-nav-item\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"cht-h-nav-link\">\r\n\r\n                        Our Capabilities\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cht-h-nav-item\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"cht-h-nav-link\">\r\n\r\n                        News\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cht-h-nav-item\">\r\n\r\n                    <a href=\"#\"\r\n                       class=\"cht-h-nav-link\">\r\n\r\n                        Contact\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/nav>\r\n\r\n\r\n            <!-- CTA -->\r\n\r\n            <a href=\"#\"\r\n               class=\"cht-h-cta\">\r\n\r\n                <span>\r\n                    Enquire Now\r\n                <\/span>\r\n\r\n                <span class=\"cht-h-cta-arrow\">\r\n                    \u2192\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- MOBILE BUTTON -->\r\n\r\n            <button\r\n                class=\"cht-h-mobile-btn\"\r\n                id=\"chtMobileButton\"\r\n                aria-label=\"Open navigation\">\r\n\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const header =\r\n        document.getElementById(\"cht-header\");\r\n\r\n    const mobileButton =\r\n        document.getElementById(\"chtMobileButton\");\r\n\r\n\r\n    \/* ==============================\r\n       STICKY HEADER\r\n    ============================== *\/\r\n\r\n    function updateHeader() {\r\n\r\n        if (window.scrollY > 30) {\r\n\r\n            header.classList.add(\r\n                \"cht-sticky\"\r\n            );\r\n\r\n        } else {\r\n\r\n            header.classList.remove(\r\n                \"cht-sticky\"\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n    updateHeader();\r\n\r\n    window.addEventListener(\r\n        \"scroll\",\r\n        updateHeader,\r\n        { passive: true }\r\n    );\r\n\r\n\r\n    \/* ==============================\r\n       MOBILE MENU\r\n    ============================== *\/\r\n\r\n    mobileButton.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n            header.classList.toggle(\r\n                \"mobile-open\"\r\n            );\r\n\r\n            document.body.style.overflow =\r\n                header.classList.contains(\r\n                    \"mobile-open\"\r\n                )\r\n                ? \"hidden\"\r\n                : \"\";\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ==============================\r\n       MOBILE DROPDOWNS\r\n    ============================== *\/\r\n\r\n    const dropdownItems =\r\n        header.querySelectorAll(\r\n            \".cht-h-has-dropdown\"\r\n        );\r\n\r\n    dropdownItems.forEach(function (item) {\r\n\r\n        const link =\r\n            item.querySelector(\r\n                \".cht-h-nav-link\"\r\n            );\r\n\r\n        link.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                if (\r\n                    window.innerWidth <= 1100\r\n                ) {\r\n\r\n                    event.preventDefault();\r\n\r\n                    item.classList.toggle(\r\n                        \"mobile-dropdown-open\"\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n\r\n    \/* ==============================\r\n       RESET ON RESIZE\r\n    ============================== *\/\r\n\r\n    window.addEventListener(\r\n        \"resize\",\r\n        function () {\r\n\r\n            if (window.innerWidth > 1100) {\r\n\r\n                header.classList.remove(\r\n                    \"mobile-open\"\r\n                );\r\n\r\n                document.body.style.overflow =\r\n                    \"\";\r\n\r\n                dropdownItems.forEach(\r\n                    function (item) {\r\n\r\n                        item.classList.remove(\r\n                            \"mobile-dropdown-open\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/section>\n<section class=\"elementor-element elementor-element-b4af78c e-con e-atomic-element e-flexbox-base e-b4af78c-205086c \" data-id=\"b4af78c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b4af78c\" data-e-type=\"e-flexbox\" data-id=\"b4af78c\">\n    <div class=\"elementor-element elementor-element-fa3627a e-con e-atomic-element e-flexbox-base e-fa3627a-4057e01 \" data-id=\"fa3627a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fa3627a\" data-e-type=\"e-flexbox\" data-id=\"fa3627a\">\n    \t\t<div class=\"elementor-element elementor-element-f126285 elementor-widget elementor-widget-html\" data-id=\"f126285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     CHIN HAN TECH\r\n     BRANDS WE DISTRIBUTE\r\n     100VH \/ REFERENCE-STYLE LAYOUT\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n#cht-brands,\r\n#cht-brands * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#cht-brands {\r\n    --red: #ed1c24;\r\n    --white: #ffffff;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100vh;\r\n    min-height: 720px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #050505;\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        \"Geist Sans\",\r\n        \"GeistSans\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n#cht-brands .chtb-bg {\r\n    position: absolute;\r\n    z-index: 0;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0,0,0,.78) 0%,\r\n            rgba(0,0,0,.46) 48%,\r\n            rgba(0,0,0,.64) 100%\r\n        ),\r\n        url(\"YOUR-BACKGROUND-IMAGE.jpg\")\r\n        center center \/ cover no-repeat;\r\n\r\n    transform: scale(1.02);\r\n\r\n    transition:\r\n        transform 12s ease;\r\n}\r\n\r\n\r\n#cht-brands:hover .chtb-bg {\r\n    transform: scale(1.055);\r\n}\r\n\r\n\r\n\/* cinematic shading *\/\r\n\r\n#cht-brands .chtb-bg::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,.10) 0%,\r\n            rgba(0,0,0,.02) 42%,\r\n            rgba(0,0,0,.38) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER CONTAINER\r\n========================================================= *\/\r\n\r\n#cht-brands .chtb-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            1500px,\r\n            calc(100% - 70px)\r\n        );\r\n\r\n    height: 100%;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        clamp(55px, 8vh, 95px)\r\n        0\r\n        clamp(35px, 5vh, 60px);\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE AREA\r\n========================================================= *\/\r\n\r\n#cht-brands .chtb-heading {\r\n    position: relative;\r\n\r\n    flex: 0 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTITLE\r\n========================================================= *\/\r\n\r\n#cht-brands .chtb-subtitle {\r\n    margin:\r\n        0 0 18px;\r\n\r\n    padding: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        \"Geist Sans\",\r\n        \"GeistSans\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-style: normal;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 24px;\r\n\r\n    letter-spacing: 4px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* remove any decorative lines *\/\r\n\r\n#cht-brands\r\n.chtb-subtitle::before,\r\n#cht-brands\r\n.chtb-subtitle::after {\r\n    display: none !important;\r\n\r\n    content: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#cht-brands .chtb-title {\r\n    max-width: 850px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        \"Editorial\",\r\n        \"Editorial New\",\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            68px,\r\n            6.5vw,\r\n            115px\r\n        );\r\n\r\n    font-style: normal;\r\n\r\n    font-weight: 200;\r\n\r\n    line-height: .92;\r\n\r\n    letter-spacing: -4px;\r\n}\r\n\r\n\r\n#cht-brands .chtb-title span {\r\n    display: block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOWER CONTENT\r\n\r\n   CAROUSEL LEFT\r\n   DESCRIPTION RIGHT\r\n========================================================= *\/\r\n\r\n#cht-brands .chtb-lower {\r\n    width: 100%;\r\n\r\n    margin-top: auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        340px;\r\n\r\n    align-items: center;\r\n\r\n    gap: 65px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAROUSEL COLUMN\r\n========================================================= *\/\r\n\r\n#cht-brands .chtb-carousel-column {\r\n    min-width: 0;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAROUSEL\r\n========================================================= *\/\r\n\r\n#cht-brands .chtb-carousel {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    -webkit-mask-image:\r\n        linear-gradient(\r\n            to right,\r\n            transparent 0%,\r\n            #000 3%,\r\n            #000 97%,\r\n            transparent 100%\r\n        );\r\n\r\n    mask-image:\r\n        linear-gradient(\r\n            to right,\r\n            transparent 0%,\r\n            #000 3%,\r\n            #000 97%,\r\n            transparent 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOVING TRACK\r\n========================================================= *\/\r\n\r\n#cht-brands .chtb-track {\r\n    display: flex !important;\r\n\r\n    flex-direction: row !important;\r\n\r\n    flex-wrap: nowrap !important;\r\n\r\n    align-items: center;\r\n\r\n    width: max-content;\r\n\r\n    white-space: nowrap;\r\n\r\n    animation:\r\n        chtBrandScroll\r\n        38s\r\n        linear\r\n        infinite;\r\n\r\n    will-change: transform;\r\n}\r\n\r\n\r\n\/* pause on hover *\/\r\n\r\n#cht-brands\r\n.chtb-carousel:hover\r\n.chtb-track {\r\n    animation-play-state: paused;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n#cht-brands .chtb-logo {\r\n    position: relative;\r\n\r\n    width: 210px;\r\n    min-width: 210px;\r\n\r\n    height: 100px;\r\n\r\n    flex:\r\n        0 0 210px !important;\r\n\r\n    display: flex !important;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin: 0;\r\n\r\n    padding:\r\n        10px 25px;\r\n\r\n    border: 0 !important;\r\n\r\n    background:\r\n        transparent !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    opacity: .67;\r\n\r\n    transition:\r\n        opacity .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n\/* remove all card effects *\/\r\n\r\n#cht-brands\r\n.chtb-logo::before,\r\n#cht-brands\r\n.chtb-logo::after {\r\n    display: none !important;\r\n\r\n    content: none !important;\r\n}\r\n\r\n\r\n#cht-brands\r\n.chtb-logo:hover {\r\n    opacity: 1;\r\n\r\n    transform:\r\n        scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REAL LOGO IMAGE SUPPORT\r\n========================================================= *\/\r\n\r\n#cht-brands\r\n.chtb-logo img {\r\n    display: block;\r\n\r\n    width: auto;\r\n    max-width: 100%;\r\n\r\n    height: auto;\r\n    max-height: 60px;\r\n\r\n    margin: 0 auto;\r\n\r\n    object-fit: contain;\r\n\r\n    filter:\r\n        grayscale(1)\r\n        brightness(0)\r\n        invert(1);\r\n\r\n    transition:\r\n        filter .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n#cht-brands\r\n.chtb-logo:hover img {\r\n    filter: none;\r\n\r\n    transform:\r\n        scale(1.04);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEMPORARY TEXT LOGOS\r\n========================================================= *\/\r\n\r\n#cht-brands\r\n.chtb-logo-text {\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    color: #ffffff;\r\n\r\n    white-space: nowrap;\r\n\r\n    text-align: center;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 25px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n#cht-brands\r\n.chtb-logo:hover\r\n.chtb-logo-text {\r\n    transform:\r\n        scale(1.05);\r\n}\r\n\r\n\r\n\/* Brand approximations *\/\r\n\r\n#cht-brands .infinity {\r\n    font-size: 28px;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n#cht-brands .harman {\r\n    font-size: 22px;\r\n}\r\n\r\n\r\n#cht-brands .dls {\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 37px;\r\n}\r\n\r\n\r\n#cht-brands .ground-zero {\r\n    font-size: 19px;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n#cht-brands .eton {\r\n    font-size: 31px;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n#cht-brands .polk {\r\n    font-size: 34px;\r\n\r\n    text-transform: lowercase;\r\n}\r\n\r\n\r\n#cht-brands .stp {\r\n    font-size: 32px;\r\n}\r\n\r\n\r\n#cht-brands .alpine {\r\n    font-size: 28px;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n#cht-brands .kenwood {\r\n    font-size: 25px;\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n#cht-brands .vibe {\r\n    font-size: 32px;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n#cht-brands .phoenix {\r\n    font-size: 21px;\r\n}\r\n\r\n\r\n#cht-brands .iroad {\r\n    font-size: 31px;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n#cht-brands .vueroid {\r\n    font-size: 27px;\r\n}\r\n\r\n\r\n#cht-brands .four {\r\n    font-size: 34px;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT DESCRIPTION\r\n========================================================= *\/\r\n\r\n#cht-brands\r\n.chtb-content {\r\n    width: 100%;\r\n    max-width: 340px;\r\n\r\n    justify-self: end;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION FONT\r\n   GEIST SANS 300\r\n========================================================= *\/\r\n\r\n#cht-brands\r\n.chtb-description {\r\n    margin:\r\n        0 0 28px;\r\n\r\n    color:\r\n        rgba(255,255,255,.80);\r\n\r\n    font-family:\r\n        \"Geist Sans\",\r\n        \"GeistSans\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 18px;\r\n\r\n    font-style: normal;\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n   GEIST SANS 600\r\n========================================================= *\/\r\n\r\n#cht-brands\r\n.chtb-button {\r\n    position: relative;\r\n\r\n    width: 280px;\r\n    height: 66px;\r\n\r\n    padding:\r\n        0 30px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.32);\r\n\r\n    background:\r\n        rgba(0,0,0,.25);\r\n\r\n    backdrop-filter:\r\n        blur(6px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(6px);\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    text-decoration: none;\r\n\r\n    font-family:\r\n        \"Geist Sans\",\r\n        \"GeistSans\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-style: normal;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 24px;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        border-color .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n\/* red fill *\/\r\n\r\n#cht-brands\r\n.chtb-button::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        var(--red);\r\n\r\n    transform:\r\n        translateX(-101%);\r\n\r\n    transition:\r\n        transform .45s\r\n        cubic-bezier(\r\n            .77,\r\n            0,\r\n            .18,\r\n            1\r\n        );\r\n}\r\n\r\n\r\n#cht-brands\r\n.chtb-button-text,\r\n#cht-brands\r\n.chtb-button-arrow {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n#cht-brands\r\n.chtb-button-arrow {\r\n    font-size: 20px;\r\n\r\n    transition:\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n#cht-brands\r\n.chtb-button:hover {\r\n    border-color:\r\n        var(--red);\r\n\r\n    transform:\r\n        translateY(-3px);\r\n}\r\n\r\n\r\n#cht-brands\r\n.chtb-button:hover::before {\r\n    transform:\r\n        translateX(0);\r\n}\r\n\r\n\r\n#cht-brands\r\n.chtb-button:hover\r\n.chtb-button-arrow {\r\n    transform:\r\n        translateX(6px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAROUSEL ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes chtBrandScroll {\r\n\r\n    0% {\r\n        transform:\r\n            translate3d(\r\n                0,\r\n                0,\r\n                0\r\n            );\r\n    }\r\n\r\n    100% {\r\n        transform:\r\n            translate3d(\r\n                -50%,\r\n                0,\r\n                0\r\n            );\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n========================================================= *\/\r\n\r\n#cht-brands\r\n.chtb-reveal {\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(30px);\r\n\r\n    transition:\r\n        opacity .8s ease,\r\n        transform .8s ease;\r\n}\r\n\r\n\r\n#cht-brands\r\n.chtb-reveal.is-visible {\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (\r\n    max-width: 1100px\r\n) {\r\n\r\n    #cht-brands {\r\n        height: auto;\r\n\r\n        min-height: 100vh;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-inner {\r\n        width:\r\n            calc(100% - 50px);\r\n\r\n        min-height: 100vh;\r\n\r\n        padding:\r\n            65px 0\r\n            50px;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-lower {\r\n        margin-top: 80px;\r\n\r\n        grid-template-columns:\r\n            minmax(0, 1fr)\r\n            300px;\r\n\r\n        gap: 35px;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-logo {\r\n        width: 190px;\r\n\r\n        min-width: 190px;\r\n\r\n        flex-basis:\r\n            190px !important;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-content {\r\n        max-width: 300px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (\r\n    max-width: 767px\r\n) {\r\n\r\n    #cht-brands {\r\n        height: auto;\r\n\r\n        min-height: 100vh;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-inner {\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n        min-height: 100vh;\r\n\r\n        padding:\r\n            55px 0\r\n            40px;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-subtitle {\r\n        margin-bottom: 13px;\r\n\r\n        font-size: 10px;\r\n\r\n        line-height: 18px;\r\n\r\n        letter-spacing: 3px;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-title {\r\n        font-size:\r\n            clamp(\r\n                52px,\r\n                16vw,\r\n                75px\r\n            );\r\n\r\n        line-height: .94;\r\n\r\n        letter-spacing: -3px;\r\n    }\r\n\r\n\r\n    \/*\r\n       Mobile changes to vertical because\r\n       there isn't enough horizontal room.\r\n    *\/\r\n\r\n    #cht-brands\r\n    .chtb-lower {\r\n        margin-top: 70px;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n\r\n        gap: 45px;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-carousel-column {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-logo {\r\n        width: 165px;\r\n        min-width: 165px;\r\n\r\n        height: 80px;\r\n\r\n        flex-basis:\r\n            165px !important;\r\n\r\n        padding:\r\n            10px 20px;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-logo img {\r\n        max-height: 45px;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-logo-text {\r\n        font-size: 20px;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-content {\r\n        max-width: 420px;\r\n\r\n        justify-self: auto;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-description {\r\n        font-size: 16px;\r\n\r\n        line-height: 1.55;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-button {\r\n        width: 245px;\r\n\r\n        height: 60px;\r\n\r\n        padding:\r\n            0 23px;\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (\r\n    max-width: 420px\r\n) {\r\n\r\n    #cht-brands\r\n    .chtb-title {\r\n        font-size:\r\n            clamp(\r\n                47px,\r\n                15vw,\r\n                64px\r\n            );\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-lower {\r\n        margin-top: 55px;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-logo {\r\n        width: 145px;\r\n\r\n        min-width: 145px;\r\n\r\n        flex-basis:\r\n            145px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (\r\n    prefers-reduced-motion:\r\n    reduce\r\n) {\r\n\r\n    #cht-brands\r\n    .chtb-track {\r\n        animation: none;\r\n    }\r\n\r\n\r\n    #cht-brands\r\n    .chtb-bg {\r\n        transition: none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     SECTION\r\n========================================================= -->\r\n\r\n<section id=\"cht-brands\">\r\n\r\n\r\n    <!-- BACKGROUND -->\r\n\r\n    <div class=\"chtb-bg\"><\/div>\r\n\r\n\r\n\r\n    <div class=\"chtb-inner\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADING\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"\r\n                chtb-heading\r\n                chtb-reveal\r\n            \">\r\n\r\n\r\n            <div class=\"chtb-subtitle\">\r\n\r\n                Our Partners\r\n\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"chtb-title\">\r\n\r\n                <span>\r\n                    Brands We\r\n                <\/span>\r\n\r\n                <span>\r\n                    Distribute\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             LOWER ROW\r\n\r\n             LEFT  = CAROUSEL\r\n             RIGHT = DESCRIPTION + BUTTON\r\n        ================================================== -->\r\n\r\n        <div class=\"chtb-lower\">\r\n\r\n\r\n            <!-- =============================================\r\n                 LEFT \u2014 CAROUSEL\r\n            ============================================== -->\r\n\r\n            <div\r\n                class=\"\r\n                    chtb-carousel-column\r\n                    chtb-reveal\r\n                \">\r\n\r\n\r\n                <div class=\"chtb-carousel\">\r\n\r\n\r\n                    <div class=\"chtb-track\">\r\n\r\n\r\n                        <!-- =============================\r\n                             ORIGINAL LOGOS\r\n                        ============================== -->\r\n\r\n\r\n                        <!-- 01 INFINITY -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    infinity\r\n                                \">\r\n\r\n                                Infinity\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 02 HARMAN KARDON -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    harman\r\n                                \">\r\n\r\n                                harman\/kardon\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 03 DLS -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    dls\r\n                                \">\r\n\r\n                                DLS\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 04 GROUND ZERO -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    ground-zero\r\n                                \">\r\n\r\n                                GROUND ZERO\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 05 ETON -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    eton\r\n                                \">\r\n\r\n                                ETON\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 06 POLK -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    polk\r\n                                \">\r\n\r\n                                polk\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 07 STP -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    stp\r\n                                \">\r\n\r\n                                STP\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 08 ALPINE -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    alpine\r\n                                \">\r\n\r\n                                ALPINE\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 09 KENWOOD -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    kenwood\r\n                                \">\r\n\r\n                                KENWOOD\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 10 VIBE -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    vibe\r\n                                \">\r\n\r\n                                VIBE\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 11 PHOENIX GOLD -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    phoenix\r\n                                \">\r\n\r\n                                PHOENIX GOLD\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 12 IROAD -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    iroad\r\n                                \">\r\n\r\n                                IROAD\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 13 VUEROID -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    vueroid\r\n                                \">\r\n\r\n                                VUEROID\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- 14 FOUR -->\r\n\r\n                        <div class=\"chtb-logo\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    four\r\n                                \">\r\n\r\n                                FOUR\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- =============================\r\n                             DUPLICATE LOGOS\r\n                             Seamless auto loop\r\n                        ============================== -->\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    infinity\r\n                                \">\r\n\r\n                                Infinity\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    harman\r\n                                \">\r\n\r\n                                harman\/kardon\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    dls\r\n                                \">\r\n\r\n                                DLS\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    ground-zero\r\n                                \">\r\n\r\n                                GROUND ZERO\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    eton\r\n                                \">\r\n\r\n                                ETON\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    polk\r\n                                \">\r\n\r\n                                polk\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    stp\r\n                                \">\r\n\r\n                                STP\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    alpine\r\n                                \">\r\n\r\n                                ALPINE\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    kenwood\r\n                                \">\r\n\r\n                                KENWOOD\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    vibe\r\n                                \">\r\n\r\n                                VIBE\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    phoenix\r\n                                \">\r\n\r\n                                PHOENIX GOLD\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    iroad\r\n                                \">\r\n\r\n                                IROAD\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    vueroid\r\n                                \">\r\n\r\n                                VUEROID\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"chtb-logo\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <div\r\n                                class=\"\r\n                                    chtb-logo-text\r\n                                    four\r\n                                \">\r\n\r\n                                FOUR\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =============================================\r\n                 RIGHT \u2014 DESCRIPTION + BUTTON\r\n            ============================================== -->\r\n\r\n            <div\r\n                class=\"\r\n                    chtb-content\r\n                    chtb-reveal\r\n                \">\r\n\r\n\r\n                <p class=\"chtb-description\">\r\n\r\n                    We partner with leading\r\n                    automotive audio, electronics\r\n                    and technology brands to bring\r\n                    proven products and trusted\r\n                    performance to our customers.\r\n\r\n                <\/p>\r\n\r\n\r\n\r\n                <a\r\n                    href=\"#\"\r\n                    class=\"chtb-button\">\r\n\r\n\r\n                    <span class=\"chtb-button-text\">\r\n\r\n                        View Our Brands\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"chtb-button-arrow\">\r\n\r\n                        \u2192\r\n\r\n                    <\/span>\r\n\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     JAVASCRIPT\r\n========================================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const section =\r\n        document.getElementById(\r\n            \"cht-brands\"\r\n        );\r\n\r\n\r\n    if (!section) {\r\n        return;\r\n    }\r\n\r\n\r\n    const revealItems =\r\n        section.querySelectorAll(\r\n            \".chtb-reveal\"\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       INTERSECTION OBSERVER\r\n    ====================================================== *\/\r\n\r\n    if (\r\n        \"IntersectionObserver\"\r\n        in window\r\n    ) {\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                entry.isIntersecting\r\n                            ) {\r\n\r\n                                entry.target\r\n                                    .classList\r\n                                    .add(\r\n                                        \"is-visible\"\r\n                                    );\r\n\r\n\r\n                                observer\r\n                                    .unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n                    threshold: 0.12\r\n                }\r\n\r\n            );\r\n\r\n\r\n        revealItems.forEach(\r\n            function (\r\n                item,\r\n                index\r\n            ) {\r\n\r\n                item.style\r\n                    .transitionDelay =\r\n                    (\r\n                        index * 120\r\n                    )\r\n                    + \"ms\";\r\n\r\n\r\n                observer.observe(\r\n                    item\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FALLBACK\r\n    ====================================================== *\/\r\n\r\n    else {\r\n\r\n        revealItems.forEach(\r\n            function (item) {\r\n\r\n                item.classList.add(\r\n                    \"is-visible\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/section>\n<section class=\"elementor-element elementor-element-7274174 e-con e-atomic-element e-flexbox-base e-7274174-a9c35e3 \" data-id=\"7274174\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7274174\" data-e-type=\"e-flexbox\" data-id=\"7274174\">\n    <div class=\"elementor-element elementor-element-68413d6 e-con e-atomic-element e-flexbox-base e-68413d6-6f3f258 \" data-id=\"68413d6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"68413d6\" data-e-type=\"e-flexbox\" data-id=\"68413d6\">\n    \t\t<div class=\"elementor-element elementor-element-9271c06 elementor-widget elementor-widget-html\" data-id=\"9271c06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   CHIN HAN TECH \u2014 HOMEPAGE REDESIGN\r\n   Elementor HTML Widget Version\r\n   ========================================================= *\/\r\n\r\n#cht-site,\r\n#cht-site * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#cht-site {\r\n    --red: #ed1c24;\r\n    --red-dark: #c90f17;\r\n    --black: #071015;\r\n    --dark: #0b1419;\r\n    --dark-2: #101b21;\r\n    --white: #ffffff;\r\n    --light: #f5f6f7;\r\n    --grey: #6e7478;\r\n    --border: #e5e5e5;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: #fff;\r\n    color: #111;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n#cht-site a {\r\n    text-decoration: none;\r\n    color: inherit;\r\n}\r\n\r\n#cht-site img {\r\n    display: block;\r\n    max-width: 100%;\r\n}\r\n\r\n.cht-container {\r\n    width: min(1500px, calc(100% - 60px));\r\n    margin: 0 auto;\r\n}\r\n\r\n.cht-red {\r\n    color: var(--red);\r\n}\r\n\r\n.cht-eyebrow {\r\n    margin: 0 0 14px;\r\n    color: var(--red);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cht-section-title {\r\n    margin: 0;\r\n    font-size: clamp(34px, 4vw, 58px);\r\n    line-height: .95;\r\n    font-weight: 900;\r\n    letter-spacing: -2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cht-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    min-height: 54px;\r\n    padding: 0 26px;\r\n    border: 1px solid transparent;\r\n    border-radius: 4px;\r\n    background: var(--red);\r\n    color: #fff !important;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    transition: .3s ease;\r\n}\r\n\r\n.cht-btn:hover {\r\n    background: var(--red-dark);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.cht-btn-outline {\r\n    background: transparent;\r\n    border-color: rgba(255,255,255,.55);\r\n}\r\n\r\n.cht-btn-outline:hover {\r\n    background: #fff;\r\n    color: #111 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.cht-header {\r\n    position: relative;\r\n    z-index: 1000;\r\n    height: 84px;\r\n    background: #fff;\r\n    border-bottom: 1px solid rgba(0,0,0,.07);\r\n}\r\n\r\n.cht-header-inner {\r\n    height: 84px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 35px;\r\n}\r\n\r\n.cht-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.cht-logo-mark {\r\n    color: var(--red);\r\n    font-size: 36px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    font-style: italic;\r\n}\r\n\r\n.cht-logo-copy strong {\r\n    display: block;\r\n    color: #101010;\r\n    font-size: 17px;\r\n    letter-spacing: .7px;\r\n}\r\n\r\n.cht-logo-copy small {\r\n    display: block;\r\n    margin-top: 2px;\r\n    color: #777;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: .8px;\r\n}\r\n\r\n.cht-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 34px;\r\n    margin-left: auto;\r\n}\r\n\r\n.cht-nav a {\r\n    position: relative;\r\n    padding: 32px 0;\r\n    color: #171717;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n}\r\n\r\n.cht-nav a::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 22px;\r\n    width: 0;\r\n    height: 2px;\r\n    background: var(--red);\r\n    transition: width .3s ease;\r\n}\r\n\r\n.cht-nav a:hover,\r\n.cht-nav a.active {\r\n    color: var(--red);\r\n}\r\n\r\n.cht-nav a:hover::after,\r\n.cht-nav a.active::after {\r\n    width: 100%;\r\n}\r\n\r\n.cht-header-cta {\r\n    padding: 14px 20px;\r\n    background: var(--red);\r\n    border-radius: 4px;\r\n    color: #fff !important;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    white-space: nowrap;\r\n}\r\n\r\n.cht-menu-button {\r\n    display: none;\r\n    width: 44px;\r\n    height: 44px;\r\n    padding: 0;\r\n    border: 0;\r\n    background: transparent;\r\n    cursor: pointer;\r\n}\r\n\r\n.cht-menu-button span {\r\n    display: block;\r\n    width: 25px;\r\n    height: 2px;\r\n    margin: 5px auto;\r\n    background: #111;\r\n}\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n.cht-hero {\r\n    position: relative;\r\n    min-height: 680px;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    background:\r\n        linear-gradient(90deg,\r\n        rgba(4,10,14,.98) 0%,\r\n        rgba(4,10,14,.88) 37%,\r\n        rgba(4,10,14,.35) 64%,\r\n        rgba(4,10,14,.15) 100%),\r\n        url(\"https:\/\/images.unsplash.com\/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=2000&q=85\")\r\n        center 55% \/ cover no-repeat;\r\n}\r\n\r\n.cht-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, transparent 65%, rgba(0,0,0,.35));\r\n    pointer-events: none;\r\n}\r\n\r\n.cht-hero-inner {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: 100%;\r\n}\r\n\r\n.cht-hero-content {\r\n    max-width: 760px;\r\n    color: #fff;\r\n}\r\n\r\n.cht-hero-eyebrow {\r\n    margin-bottom: 22px;\r\n    color: #fff;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    font-weight: 800;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cht-hero h1 {\r\n    margin: 0 0 24px;\r\n    font-size: clamp(58px, 7vw, 105px);\r\n    line-height: .84;\r\n    font-weight: 900;\r\n    letter-spacing: -5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cht-hero p {\r\n    max-width: 600px;\r\n    margin: 0 0 32px;\r\n    color: rgba(255,255,255,.84);\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cht-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n}\r\n\r\n.cht-hero-index {\r\n    position: absolute;\r\n    z-index: 4;\r\n    right: max(30px, calc((100vw - 1500px) \/ 2));\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 165px;\r\n}\r\n\r\n.cht-index-item {\r\n    padding: 18px 0;\r\n    border-bottom: 1px solid rgba(255,255,255,.18);\r\n    color: rgba(255,255,255,.45);\r\n    cursor: pointer;\r\n    transition: .3s;\r\n}\r\n\r\n.cht-index-item strong {\r\n    display: block;\r\n    margin-bottom: 6px;\r\n    font-size: 13px;\r\n}\r\n\r\n.cht-index-item span {\r\n    font-size: 12px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.cht-index-item.active {\r\n    color: #fff;\r\n}\r\n\r\n.cht-index-item.active strong {\r\n    color: var(--red);\r\n}\r\n\r\n\/* =========================================================\r\n   TRUST BAR\r\n   ========================================================= *\/\r\n\r\n.cht-trust {\r\n    background: var(--dark);\r\n    color: #fff;\r\n    border-top: 1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.cht-trust-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n}\r\n\r\n.cht-trust-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    min-height: 110px;\r\n    padding: 20px 28px;\r\n    border-right: 1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.cht-trust-item:first-child {\r\n    border-left: 1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.cht-trust-icon {\r\n    width: 45px;\r\n    height: 45px;\r\n    flex: 0 0 45px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid var(--red);\r\n    border-radius: 50%;\r\n    color: var(--red);\r\n    font-size: 19px;\r\n    font-weight: 900;\r\n}\r\n\r\n.cht-trust-item strong {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    font-size: 14px;\r\n}\r\n\r\n.cht-trust-item span {\r\n    color: #8e989e;\r\n    font-size: 11px;\r\n}\r\n\r\n\/* =========================================================\r\n   PRODUCTS\r\n   ========================================================= *\/\r\n\r\n.cht-products {\r\n    padding: 105px 0 115px;\r\n    background: #fff;\r\n}\r\n\r\n.cht-section-heading {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 50px;\r\n    margin-bottom: 48px;\r\n}\r\n\r\n.cht-section-description {\r\n    max-width: 480px;\r\n    color: #656565;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cht-view-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-top: 15px;\r\n    color: var(--red) !important;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n.cht-product-wrap {\r\n    position: relative;\r\n}\r\n\r\n.cht-product-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n.cht-product-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #fff;\r\n    border: 1px solid var(--border);\r\n    transition: transform .35s ease, box-shadow .35s ease;\r\n}\r\n\r\n.cht-product-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 18px 50px rgba(0,0,0,.12);\r\n}\r\n\r\n.cht-product-image {\r\n    height: 270px;\r\n    overflow: hidden;\r\n    background: #ddd;\r\n}\r\n\r\n.cht-product-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform .7s ease;\r\n}\r\n\r\n.cht-product-card:hover img {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.cht-product-body {\r\n    min-height: 190px;\r\n    padding: 25px;\r\n}\r\n\r\n.cht-product-body h3 {\r\n    margin: 0 0 12px;\r\n    font-size: 21px;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cht-product-body p {\r\n    margin: 0 0 22px;\r\n    color: #747474;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cht-card-link {\r\n    color: var(--red) !important;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* =========================================================\r\n   CAPABILITIES\r\n   ========================================================= *\/\r\n\r\n.cht-capabilities {\r\n    position: relative;\r\n    min-height: 680px;\r\n    display: flex;\r\n    align-items: center;\r\n    background:\r\n        linear-gradient(90deg,\r\n        rgba(5,13,18,.97) 0%,\r\n        rgba(5,13,18,.88) 40%,\r\n        rgba(5,13,18,.42) 70%),\r\n        url(\"https:\/\/images.unsplash.com\/photo-1565043666747-69f6646db940?auto=format&fit=crop&w=2000&q=85\")\r\n        center \/ cover no-repeat;\r\n    color: #fff;\r\n}\r\n\r\n.cht-capability-layout {\r\n    display: grid;\r\n    grid-template-columns: 1fr .72fr;\r\n    gap: 100px;\r\n    align-items: center;\r\n}\r\n\r\n.cht-capability-copy {\r\n    max-width: 650px;\r\n}\r\n\r\n.cht-capability-copy p {\r\n    max-width: 580px;\r\n    margin: 28px 0 32px;\r\n    color: rgba(255,255,255,.72);\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.cht-capability-list {\r\n    display: grid;\r\n    gap: 10px;\r\n}\r\n\r\n.cht-capability-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding: 20px;\r\n    border-bottom: 1px solid rgba(255,255,255,.12);\r\n    transition: background .3s ease, transform .3s ease;\r\n}\r\n\r\n.cht-capability-item:hover {\r\n    background: rgba(255,255,255,.06);\r\n    transform: translateX(8px);\r\n}\r\n\r\n.cht-capability-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    flex: 0 0 52px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(255,255,255,.4);\r\n    border-radius: 50%;\r\n    font-size: 20px;\r\n}\r\n\r\n.cht-capability-item strong {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    font-size: 14px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cht-capability-item span {\r\n    color: rgba(255,255,255,.6);\r\n    font-size: 12px;\r\n}\r\n\r\n\/* =========================================================\r\n   INDUSTRIES\r\n   ========================================================= *\/\r\n\r\n.cht-industries {\r\n    background: #fff;\r\n}\r\n\r\n.cht-industry-grid {\r\n    display: grid;\r\n    grid-template-columns: 48% 52%;\r\n    min-height: 650px;\r\n}\r\n\r\n.cht-industry-copy {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 90px max(40px, calc((100vw - 1500px) \/ 2));\r\n    padding-right: 80px;\r\n}\r\n\r\n.cht-industry-copy-inner {\r\n    width: 100%;\r\n    max-width: 650px;\r\n}\r\n\r\n.cht-industry-copy p {\r\n    margin: 26px 0 36px;\r\n    color: #666;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cht-industry-icons {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n    margin: 0 0 38px;\r\n}\r\n\r\n.cht-industry-item {\r\n    text-align: center;\r\n}\r\n\r\n.cht-industry-circle {\r\n    width: 76px;\r\n    height: 76px;\r\n    display: grid;\r\n    place-items: center;\r\n    margin: 0 auto 12px;\r\n    background: #f3f3f3;\r\n    border-radius: 50%;\r\n    font-size: 27px;\r\n    transition: .3s ease;\r\n}\r\n\r\n.cht-industry-item:hover .cht-industry-circle {\r\n    background: var(--red);\r\n    color: #fff;\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.cht-industry-item span {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n}\r\n\r\n.cht-industry-image {\r\n    position: relative;\r\n    min-height: 650px;\r\n    overflow: hidden;\r\n}\r\n\r\n.cht-industry-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.cht-industry-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(90deg, rgba(0,0,0,.1), rgba(0,0,0,.3));\r\n}\r\n\r\n.cht-performance-text {\r\n    position: absolute;\r\n    z-index: 2;\r\n    left: 60px;\r\n    bottom: 60px;\r\n    color: #fff;\r\n    font-family: Georgia, serif;\r\n    font-size: clamp(38px, 5vw, 70px);\r\n    line-height: .85;\r\n    font-style: italic;\r\n    transform: rotate(-6deg);\r\n}\r\n\r\n\/* =========================================================\r\n   IMPACT\r\n   ========================================================= *\/\r\n\r\n.cht-impact {\r\n    position: relative;\r\n    padding: 70px 0;\r\n    background:\r\n        linear-gradient(rgba(5,13,18,.92), rgba(5,13,18,.92)),\r\n        url(\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2000&q=80\")\r\n        center \/ cover;\r\n    color: #fff;\r\n}\r\n\r\n.cht-impact-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.4fr repeat(4, .65fr);\r\n    align-items: center;\r\n    gap: 30px;\r\n}\r\n\r\n.cht-impact-title h2 {\r\n    margin: 0;\r\n    font-size: clamp(36px, 4vw, 58px);\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cht-stat {\r\n    text-align: center;\r\n    border-left: 1px solid rgba(255,255,255,.15);\r\n}\r\n\r\n.cht-stat-number {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    font-size: 38px;\r\n    font-weight: 900;\r\n}\r\n\r\n.cht-stat-label {\r\n    color: rgba(255,255,255,.65);\r\n    font-size: 11px;\r\n}\r\n\r\n\/* =========================================================\r\n   NEWS\r\n   ========================================================= *\/\r\n\r\n.cht-news {\r\n    padding: 105px 0;\r\n    background: #f7f7f7;\r\n}\r\n\r\n.cht-news-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n}\r\n\r\n.cht-news-card {\r\n    overflow: hidden;\r\n    background: #fff;\r\n    border: 1px solid #e7e7e7;\r\n    transition: .35s ease;\r\n}\r\n\r\n.cht-news-card:hover {\r\n    transform: translateY(-7px);\r\n    box-shadow: 0 18px 45px rgba(0,0,0,.1);\r\n}\r\n\r\n.cht-news-image {\r\n    height: 245px;\r\n    overflow: hidden;\r\n}\r\n\r\n.cht-news-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: .6s ease;\r\n}\r\n\r\n.cht-news-card:hover img {\r\n    transform: scale(1.06);\r\n}\r\n\r\n.cht-news-content {\r\n    padding: 25px;\r\n}\r\n\r\n.cht-news-date {\r\n    margin-bottom: 13px;\r\n    color: #888;\r\n    font-size: 10px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cht-news-content h3 {\r\n    min-height: 52px;\r\n    margin: 0 0 22px;\r\n    font-size: 18px;\r\n    line-height: 1.35;\r\n}\r\n\r\n\/* =========================================================\r\n   BRANDS\r\n   ========================================================= *\/\r\n\r\n.cht-brands {\r\n    padding: 45px 0;\r\n    background: #fff;\r\n    border-top: 1px solid #eee;\r\n}\r\n\r\n.cht-brands-title {\r\n    margin-bottom: 35px;\r\n    text-align: center;\r\n    color: #555;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cht-brand-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    align-items: center;\r\n    gap: 40px;\r\n}\r\n\r\n.cht-brand {\r\n    color: #777;\r\n    text-align: center;\r\n    font-size: 22px;\r\n    font-weight: 900;\r\n    filter: grayscale(1);\r\n    opacity: .7;\r\n    transition: .3s;\r\n}\r\n\r\n.cht-brand:hover {\r\n    color: var(--red);\r\n    opacity: 1;\r\n    filter: grayscale(0);\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.cht-cta {\r\n    padding: 75px 0;\r\n    background: var(--red);\r\n    color: #fff;\r\n}\r\n\r\n.cht-cta-inner {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n}\r\n\r\n.cht-cta h2 {\r\n    max-width: 800px;\r\n    margin: 0;\r\n    font-size: clamp(34px, 4vw, 56px);\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cht-cta .cht-btn {\r\n    background: #fff;\r\n    color: #111 !important;\r\n}\r\n\r\n.cht-cta .cht-btn:hover {\r\n    background: #111;\r\n    color: #fff !important;\r\n}\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n   ========================================================= *\/\r\n\r\n.cht-footer {\r\n    background: #071015;\r\n    color: #fff;\r\n}\r\n\r\n.cht-footer-main {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr .75fr .85fr 1.1fr;\r\n    gap: 70px;\r\n    padding: 80px 0 65px;\r\n}\r\n\r\n.cht-footer-logo .cht-logo-copy strong {\r\n    color: #fff;\r\n}\r\n\r\n.cht-footer-about {\r\n    max-width: 330px;\r\n    margin: 24px 0;\r\n    color: #8f999f;\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cht-socials {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n\r\n.cht-socials a {\r\n    width: 38px;\r\n    height: 38px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(255,255,255,.15);\r\n    border-radius: 50%;\r\n    font-size: 12px;\r\n    transition: .3s;\r\n}\r\n\r\n.cht-socials a:hover {\r\n    background: var(--red);\r\n    border-color: var(--red);\r\n}\r\n\r\n.cht-footer h4 {\r\n    margin: 0 0 25px;\r\n    font-size: 15px;\r\n}\r\n\r\n.cht-footer-links {\r\n    display: grid;\r\n    gap: 12px;\r\n}\r\n\r\n.cht-footer-links a,\r\n.cht-contact-line {\r\n    color: #a5adb2 !important;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.cht-footer-links a:hover {\r\n    color: var(--red) !important;\r\n}\r\n\r\n.cht-contact-line {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.cht-contact-line strong {\r\n    color: #fff;\r\n}\r\n\r\n.cht-footer-bottom {\r\n    border-top: 1px solid rgba(255,255,255,.1);\r\n}\r\n\r\n.cht-footer-bottom-inner {\r\n    min-height: 70px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    color: #6f797f;\r\n    font-size: 10px;\r\n}\r\n\r\n\/* =========================================================\r\n   REVEAL ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n.cht-reveal {\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n    transition: opacity .7s ease, transform .7s ease;\r\n}\r\n\r\n.cht-reveal.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* =========================================================\r\n   BACK TO TOP\r\n   ========================================================= *\/\r\n\r\n.cht-back-top {\r\n    position: fixed;\r\n    z-index: 999;\r\n    right: 25px;\r\n    bottom: 25px;\r\n    width: 46px;\r\n    height: 46px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    background: var(--red);\r\n    color: #fff;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(10px);\r\n    transition: .3s;\r\n}\r\n\r\n.cht-back-top.show {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .cht-container {\r\n        width: min(100% - 40px, 1500px);\r\n    }\r\n\r\n    .cht-nav,\r\n    .cht-header-cta {\r\n        display: none;\r\n    }\r\n\r\n    .cht-menu-button {\r\n        display: block;\r\n        margin-left: auto;\r\n    }\r\n\r\n    .cht-header.open .cht-nav {\r\n        position: absolute;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 0;\r\n        top: 84px;\r\n        left: 0;\r\n        width: 100%;\r\n        padding: 20px 30px;\r\n        background: #fff;\r\n        box-shadow: 0 15px 30px rgba(0,0,0,.1);\r\n    }\r\n\r\n    .cht-header.open .cht-nav a {\r\n        padding: 15px 0;\r\n        border-bottom: 1px solid #eee;\r\n    }\r\n\r\n    .cht-header.open .cht-nav a::after {\r\n        display: none;\r\n    }\r\n\r\n    .cht-hero-index {\r\n        display: none;\r\n    }\r\n\r\n    .cht-product-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .cht-capability-layout {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 50px;\r\n    }\r\n\r\n    .cht-industry-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .cht-industry-image {\r\n        min-height: 520px;\r\n    }\r\n\r\n    .cht-impact-grid {\r\n        grid-template-columns: repeat(4, 1fr);\r\n    }\r\n\r\n    .cht-impact-title {\r\n        grid-column: 1 \/ -1;\r\n        margin-bottom: 25px;\r\n        text-align: center;\r\n    }\r\n\r\n    .cht-footer-main {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .cht-container {\r\n        width: calc(100% - 30px);\r\n    }\r\n\r\n    .cht-header,\r\n    .cht-header-inner {\r\n        height: 72px;\r\n    }\r\n\r\n    .cht-header.open .cht-nav {\r\n        top: 72px;\r\n    }\r\n\r\n    .cht-logo-mark {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .cht-logo-copy strong {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .cht-hero {\r\n        min-height: 650px;\r\n        background-position: 65% center;\r\n    }\r\n\r\n    .cht-hero::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: rgba(0,0,0,.22);\r\n    }\r\n\r\n    .cht-hero h1 {\r\n        font-size: 54px;\r\n        letter-spacing: -3px;\r\n    }\r\n\r\n    .cht-hero p {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .cht-trust-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .cht-trust-item {\r\n        min-height: 100px;\r\n        padding: 18px 12px;\r\n    }\r\n\r\n    .cht-trust-item:first-child {\r\n        border-left: 0;\r\n    }\r\n\r\n    .cht-trust-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n        flex-basis: 38px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .cht-products,\r\n    .cht-news {\r\n        padding: 75px 0;\r\n    }\r\n\r\n    .cht-section-heading {\r\n        display: block;\r\n    }\r\n\r\n    .cht-section-description {\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .cht-product-grid,\r\n    .cht-news-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .cht-product-image {\r\n        height: 250px;\r\n    }\r\n\r\n    .cht-capabilities {\r\n        padding: 80px 0;\r\n    }\r\n\r\n    .cht-capability-layout {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .cht-industry-copy {\r\n        padding: 75px 20px;\r\n    }\r\n\r\n    .cht-industry-icons {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .cht-industry-image {\r\n        min-height: 420px;\r\n    }\r\n\r\n    .cht-performance-text {\r\n        left: 25px;\r\n        bottom: 40px;\r\n    }\r\n\r\n    .cht-impact-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .cht-stat {\r\n        padding: 20px 5px;\r\n    }\r\n\r\n    .cht-brand-row {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .cht-cta-inner {\r\n        display: block;\r\n    }\r\n\r\n    .cht-cta h2 {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .cht-footer-main {\r\n        grid-template-columns: 1fr;\r\n        gap: 45px;\r\n    }\r\n\r\n    .cht-footer-bottom-inner {\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        padding: 20px 0;\r\n        text-align: center;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"cht-site\">\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n         ===================================================== -->\r\n    <header class=\"cht-header\" id=\"chtHeader\">\r\n        <div class=\"cht-container cht-header-inner\">\r\n\r\n            <a href=\"#\" class=\"cht-logo\">\r\n                <div class=\"cht-logo-mark\">CH<\/div>\r\n\r\n                <div class=\"cht-logo-copy\">\r\n                    <strong>CHIN HAN TECH<\/strong>\r\n                    <small>PRECISION FOR A BETTER TOMORROW<\/small>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <nav class=\"cht-nav\">\r\n                <a href=\"#home\" class=\"active\">Home<\/a>\r\n                <a href=\"#about\">About Us<\/a>\r\n                <a href=\"#products\">Products<\/a>\r\n                <a href=\"#industries\">Industries<\/a>\r\n                <a href=\"#capabilities\">Our Capabilities<\/a>\r\n                <a href=\"#news\">News<\/a>\r\n                <a href=\"#contact\">Contact<\/a>\r\n            <\/nav>\r\n\r\n            <a href=\"#contact\" class=\"cht-header-cta\">\r\n                Enquire Now &nbsp; \u2192\r\n            <\/a>\r\n\r\n            <button class=\"cht-menu-button\" id=\"chtMenuButton\" aria-label=\"Menu\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         HERO\r\n         ===================================================== -->\r\n    <section class=\"cht-hero\" id=\"home\">\r\n\r\n        <div class=\"cht-container cht-hero-inner\">\r\n\r\n            <div class=\"cht-hero-content\">\r\n\r\n                <div class=\"cht-hero-eyebrow\">\r\n                    Precision Components<br>\r\n                    For A Higher Tomorrow\r\n                <\/div>\r\n\r\n                <h1>\r\n                    Driven By<br>\r\n                    <span class=\"cht-red\">Precision<\/span>\r\n                <\/h1>\r\n\r\n                <p>\r\n                    Supplying high-quality automotive and industrial\r\n                    components backed by dependable service,\r\n                    technical expertise and long-term partnerships.\r\n                <\/p>\r\n\r\n                <div class=\"cht-hero-actions\">\r\n                    <a href=\"#products\" class=\"cht-btn\">\r\n                        Explore Our Products \u2192\r\n                    <\/a>\r\n\r\n                    <a href=\"#about\" class=\"cht-btn cht-btn-outline\">\r\n                        About Chin Han Tech\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cht-hero-index\">\r\n            <div class=\"cht-index-item active\">\r\n                <strong>01<\/strong>\r\n                <span>Automotive<br>Excellence<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"cht-index-item\">\r\n                <strong>02<\/strong>\r\n                <span>Industrial<br>Solutions<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"cht-index-item\">\r\n                <strong>03<\/strong>\r\n                <span>A Better<br>Tomorrow<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         TRUST BAR\r\n         ===================================================== -->\r\n    <section class=\"cht-trust\">\r\n        <div class=\"cht-container cht-trust-grid\">\r\n\r\n            <div class=\"cht-trust-item\">\r\n                <div class=\"cht-trust-icon\">\u2713<\/div>\r\n                <div>\r\n                    <strong>Trusted Partner<\/strong>\r\n                    <span>Years of industry experience<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cht-trust-item\">\r\n                <div class=\"cht-trust-icon\">\u25c6<\/div>\r\n                <div>\r\n                    <strong>Quality Products<\/strong>\r\n                    <span>Reliable & durable solutions<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cht-trust-item\">\r\n                <div class=\"cht-trust-icon\">\u25ce<\/div>\r\n                <div>\r\n                    <strong>Global Supply<\/strong>\r\n                    <span>Serving local & international markets<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cht-trust-item\">\r\n                <div class=\"cht-trust-icon\">\u260e<\/div>\r\n                <div>\r\n                    <strong>Customer Support<\/strong>\r\n                    <span>Here when you need us<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         PRODUCTS\r\n         ===================================================== -->\r\n    <section class=\"cht-products\" id=\"products\">\r\n        <div class=\"cht-container\">\r\n\r\n            <div class=\"cht-section-heading cht-reveal\">\r\n\r\n                <div>\r\n                    <div class=\"cht-eyebrow\">Our Products<\/div>\r\n\r\n                    <h2 class=\"cht-section-title\">\r\n                        Explore Our Range\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"cht-section-description\">\r\n                    From automotive performance parts to industrial\r\n                    components, we provide reliable products designed\r\n                    to meet your requirements.\r\n\r\n                    <br>\r\n\r\n                    <a href=\"#\" class=\"cht-view-link\">\r\n                        View All Products \u2192\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"cht-product-grid\">\r\n\r\n                <article class=\"cht-product-card cht-reveal\">\r\n\r\n                    <div class=\"cht-product-image\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=900&q=85\"\r\n                            alt=\"Automotive Parts\">\r\n                    <\/div>\r\n\r\n                    <div class=\"cht-product-body\">\r\n                        <h3>Automotive<br>Parts<\/h3>\r\n\r\n                        <p>\r\n                            Performance and replacement components\r\n                            engineered for reliability.\r\n                        <\/p>\r\n\r\n                        <a href=\"#\" class=\"cht-card-link\">\r\n                            Explore \u2192\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <article class=\"cht-product-card cht-reveal\">\r\n\r\n                    <div class=\"cht-product-image\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1530124566582-a618bc2615dc?auto=format&fit=crop&w=900&q=85\"\r\n                            alt=\"Industrial Components\">\r\n                    <\/div>\r\n\r\n                    <div class=\"cht-product-body\">\r\n                        <h3>Industrial<br>Components<\/h3>\r\n\r\n                        <p>\r\n                            Precision components for manufacturing\r\n                            and industrial applications.\r\n                        <\/p>\r\n\r\n                        <a href=\"#\" class=\"cht-card-link\">\r\n                            Explore \u2192\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <article class=\"cht-product-card cht-reveal\">\r\n\r\n                    <div class=\"cht-product-image\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=900&q=85\"\r\n                            alt=\"Hoses and Fittings\">\r\n                    <\/div>\r\n\r\n                    <div class=\"cht-product-body\">\r\n                        <h3>Hoses &<br>Fittings<\/h3>\r\n\r\n                        <p>\r\n                            Durable fluid-transfer solutions for\r\n                            demanding environments.\r\n                        <\/p>\r\n\r\n                        <a href=\"#\" class=\"cht-card-link\">\r\n                            Explore \u2192\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <article class=\"cht-product-card cht-reveal\">\r\n\r\n                    <div class=\"cht-product-image\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1589792923962-537704632910?auto=format&fit=crop&w=900&q=85\"\r\n                            alt=\"Custom Solutions\">\r\n                    <\/div>\r\n\r\n                    <div class=\"cht-product-body\">\r\n                        <h3>Custom<br>Solutions<\/h3>\r\n\r\n                        <p>\r\n                            Tailored solutions developed around\r\n                            your technical requirements.\r\n                        <\/p>\r\n\r\n                        <a href=\"#\" class=\"cht-card-link\">\r\n                            Explore \u2192\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         CAPABILITIES\r\n         ===================================================== -->\r\n    <section class=\"cht-capabilities\" id=\"capabilities\">\r\n\r\n        <div class=\"cht-container cht-capability-layout\">\r\n\r\n            <div class=\"cht-capability-copy cht-reveal\">\r\n\r\n                <div class=\"cht-eyebrow\">\r\n                    Why Choose Chin Han Tech\r\n                <\/div>\r\n\r\n                <h2 class=\"cht-section-title\">\r\n                    <span class=\"cht-red\">More Than<\/span><br>\r\n                    Just Supply\r\n                <\/h2>\r\n\r\n                <p>\r\n                    We are committed to delivering quality,\r\n                    reliability and value to our customers.\r\n                    Our focus is on building long-term partnerships\r\n                    through dependable products, responsive service\r\n                    and technical solutions.\r\n                <\/p>\r\n\r\n                <a href=\"#\" class=\"cht-btn\">\r\n                    Our Capabilities \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cht-capability-list cht-reveal\">\r\n\r\n                <div class=\"cht-capability-item\">\r\n                    <div class=\"cht-capability-icon\">\u2713<\/div>\r\n\r\n                    <div>\r\n                        <strong>Quality Assurance<\/strong>\r\n                        <span>Products you can trust<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cht-capability-item\">\r\n                    <div class=\"cht-capability-icon\">\u265f<\/div>\r\n\r\n                    <div>\r\n                        <strong>Industry Experience<\/strong>\r\n                        <span>Serving diverse industries<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cht-capability-item\">\r\n                    <div class=\"cht-capability-icon\">\u2699<\/div>\r\n\r\n                    <div>\r\n                        <strong>Custom Solutions<\/strong>\r\n                        <span>Tailored to your requirements<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cht-capability-item\">\r\n                    <div class=\"cht-capability-icon\">\u260e<\/div>\r\n\r\n                    <div>\r\n                        <strong>Dedicated Support<\/strong>\r\n                        <span>Always ready to assist<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         INDUSTRIES\r\n         ===================================================== -->\r\n    <section class=\"cht-industries\" id=\"industries\">\r\n\r\n        <div class=\"cht-industry-grid\">\r\n\r\n            <div class=\"cht-industry-copy\">\r\n\r\n                <div class=\"cht-industry-copy-inner cht-reveal\">\r\n\r\n                    <div class=\"cht-eyebrow\">\r\n                        Our Industries\r\n                    <\/div>\r\n\r\n                    <h2 class=\"cht-section-title\">\r\n                        Powering<br>\r\n                        <span class=\"cht-red\">Different Industries<\/span>\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Our products and technical solutions support\r\n                        a wide range of sectors including automotive,\r\n                        manufacturing, engineering and aftermarket\r\n                        applications.\r\n                    <\/p>\r\n\r\n                    <div class=\"cht-industry-icons\">\r\n\r\n                        <div class=\"cht-industry-item\">\r\n                            <div class=\"cht-industry-circle\">\u25c6<\/div>\r\n                            <span>Automotive<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"cht-industry-item\">\r\n                            <div class=\"cht-industry-circle\">\u25a6<\/div>\r\n                            <span>Manufacturing<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"cht-industry-item\">\r\n                            <div class=\"cht-industry-circle\">\u2699<\/div>\r\n                            <span>Industrial<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"cht-industry-item\">\r\n                            <div class=\"cht-industry-circle\">\u2692<\/div>\r\n                            <span>Aftermarket<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <a href=\"#\" class=\"cht-btn\">\r\n                        Learn More About Our Industries \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cht-industry-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1504215680853-026ed2a45def?auto=format&fit=crop&w=1300&q=85\"\r\n                    alt=\"Automotive Industry\">\r\n\r\n                <div class=\"cht-performance-text\">\r\n                    Built for<br>\r\n                    Performance\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         IMPACT \/ COUNTERS\r\n         ===================================================== -->\r\n    <section class=\"cht-impact\">\r\n\r\n        <div class=\"cht-container cht-impact-grid\">\r\n\r\n            <div class=\"cht-impact-title cht-reveal\">\r\n\r\n                <div class=\"cht-eyebrow\">\r\n                    Our Impact\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Trusted <span class=\"cht-red\">Globally<\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cht-stat cht-reveal\">\r\n                <span class=\"cht-stat-number\"\r\n                      data-target=\"20\">0+<\/span>\r\n\r\n                <span class=\"cht-stat-label\">\r\n                    Years of Experience\r\n                <\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cht-stat cht-reveal\">\r\n                <span class=\"cht-stat-number\"\r\n                      data-target=\"500\">0+<\/span>\r\n\r\n                <span class=\"cht-stat-label\">\r\n                    Product Variants\r\n                <\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cht-stat cht-reveal\">\r\n                <span class=\"cht-stat-number\"\r\n                      data-target=\"100\">0+<\/span>\r\n\r\n                <span class=\"cht-stat-label\">\r\n                    Business Partners\r\n                <\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cht-stat cht-reveal\">\r\n                <span class=\"cht-stat-number\"\r\n                      data-target=\"10\">0+<\/span>\r\n\r\n                <span class=\"cht-stat-label\">\r\n                    Industries Served\r\n                <\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         NEWS\r\n         ===================================================== -->\r\n    <section class=\"cht-news\" id=\"news\">\r\n\r\n        <div class=\"cht-container\">\r\n\r\n            <div class=\"cht-section-heading cht-reveal\">\r\n\r\n                <div>\r\n                    <div class=\"cht-eyebrow\">\r\n                        Latest News\r\n                    <\/div>\r\n\r\n                    <h2 class=\"cht-section-title\">\r\n                        Updates & Insights\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <a href=\"#\" class=\"cht-view-link\">\r\n                    View All News \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cht-news-grid\">\r\n\r\n                <article class=\"cht-news-card cht-reveal\">\r\n\r\n                    <div class=\"cht-news-image\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=900&q=85\"\r\n                            alt=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"cht-news-content\">\r\n\r\n                        <div class=\"cht-news-date\">\r\n                            12 Sep 2026\r\n                        <\/div>\r\n\r\n                        <h3>\r\n                            The Importance of Quality Automotive Components\r\n                        <\/h3>\r\n\r\n                        <a href=\"#\" class=\"cht-card-link\">\r\n                            Read More \u2192\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n                <\/article>\r\n\r\n\r\n                <article class=\"cht-news-card cht-reveal\">\r\n\r\n                    <div class=\"cht-news-image\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1565043666747-69f6646db940?auto=format&fit=crop&w=900&q=85\"\r\n                            alt=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"cht-news-content\">\r\n\r\n                        <div class=\"cht-news-date\">\r\n                            05 Sep 2026\r\n                        <\/div>\r\n\r\n                        <h3>\r\n                            Our Commitment to Precision and Reliability\r\n                        <\/h3>\r\n\r\n                        <a href=\"#\" class=\"cht-card-link\">\r\n                            Read More \u2192\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n                <\/article>\r\n\r\n\r\n                <article class=\"cht-news-card cht-reveal\">\r\n\r\n                    <div class=\"cht-news-image\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=900&q=85\"\r\n                            alt=\"\">\r\n                    <\/div>\r\n\r\n                    <div class=\"cht-news-content\">\r\n\r\n                        <div class=\"cht-news-date\">\r\n                            28 Aug 2026\r\n                        <\/div>\r\n\r\n                        <h3>\r\n                            Expanding Our Capabilities for a Stronger Tomorrow\r\n                        <\/h3>\r\n\r\n                        <a href=\"#\" class=\"cht-card-link\">\r\n                            Read More \u2192\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         BRANDS\r\n         ===================================================== -->\r\n    <section class=\"cht-brands\">\r\n\r\n        <div class=\"cht-container\">\r\n\r\n            <div class=\"cht-brands-title\">\r\n                Trusted By Leading Brands\r\n            <\/div>\r\n\r\n            <div class=\"cht-brand-row\">\r\n\r\n                <div class=\"cht-brand\">DENSO<\/div>\r\n                <div class=\"cht-brand\">BOSCH<\/div>\r\n                <div class=\"cht-brand\">AISIN<\/div>\r\n                <div class=\"cht-brand\">MANN<\/div>\r\n                <div class=\"cht-brand\">Continental<\/div>\r\n                <div class=\"cht-brand\">VALEO<\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTACT CTA\r\n         ===================================================== -->\r\n    <section class=\"cht-cta\" id=\"contact\">\r\n\r\n        <div class=\"cht-container cht-cta-inner cht-reveal\">\r\n\r\n            <h2>\r\n                Looking For The Right Solution\r\n                For Your Business?\r\n            <\/h2>\r\n\r\n            <a href=\"#\" class=\"cht-btn\">\r\n                Get In Touch \u2192\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         FOOTER\r\n         ===================================================== -->\r\n    <footer class=\"cht-footer\">\r\n\r\n        <div class=\"cht-container cht-footer-main\">\r\n\r\n            <div>\r\n\r\n                <a href=\"#\" class=\"cht-logo cht-footer-logo\">\r\n\r\n                    <div class=\"cht-logo-mark\">\r\n                        CH\r\n                    <\/div>\r\n\r\n                    <div class=\"cht-logo-copy\">\r\n                        <strong>CHIN HAN TECH<\/strong>\r\n                        <small>PRECISION FOR A BETTER TOMORROW<\/small>\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n                <p class=\"cht-footer-about\">\r\n                    Your trusted partner for automotive and\r\n                    industrial components. Focused on quality,\r\n                    reliability and long-term value.\r\n                <\/p>\r\n\r\n                <div class=\"cht-socials\">\r\n                    <a href=\"#\">f<\/a>\r\n                    <a href=\"#\">in<\/a>\r\n                    <a href=\"#\">\u25b6<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n                <h4>Quick Links<\/h4>\r\n\r\n                <div class=\"cht-footer-links\">\r\n                    <a href=\"#home\">Home<\/a>\r\n                    <a href=\"#about\">About Us<\/a>\r\n                    <a href=\"#products\">Products<\/a>\r\n                    <a href=\"#industries\">Industries<\/a>\r\n                    <a href=\"#capabilities\">Our Capabilities<\/a>\r\n                    <a href=\"#news\">News<\/a>\r\n                    <a href=\"#contact\">Contact<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n                <h4>Products<\/h4>\r\n\r\n                <div class=\"cht-footer-links\">\r\n                    <a href=\"#\">Automotive Parts<\/a>\r\n                    <a href=\"#\">Industrial Components<\/a>\r\n                    <a href=\"#\">Hoses & Fittings<\/a>\r\n                    <a href=\"#\">Custom Solutions<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n                <h4>Contact Us<\/h4>\r\n\r\n                <div class=\"cht-contact-line\">\r\n                    <strong>\u260e<\/strong>\r\n                    <span>+603-XXXX XXXX<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"cht-contact-line\">\r\n                    <strong>\u2709<\/strong>\r\n                    <span>enquiry@chinhantech.com<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"cht-contact-line\">\r\n                    <strong>\u25cf<\/strong>\r\n\r\n                    <span>\r\n                        Chin Han Tech<br>\r\n                        Malaysia\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cht-footer-bottom\">\r\n\r\n            <div class=\"cht-container cht-footer-bottom-inner\">\r\n\r\n                <div>\r\n                    \u00a9 2026 Chin Han Tech. All rights reserved.\r\n                <\/div>\r\n\r\n                <div>\r\n                    Privacy Policy &nbsp; | &nbsp; Terms of Use\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/footer>\r\n\r\n\r\n    <button class=\"cht-back-top\"\r\n            id=\"chtBackTop\"\r\n            aria-label=\"Back to top\">\r\n        \u2191\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \/* =========================================\r\n       MOBILE MENU\r\n       ========================================= *\/\r\n\r\n    const header = document.getElementById(\"chtHeader\");\r\n    const menuButton = document.getElementById(\"chtMenuButton\");\r\n\r\n    if (menuButton) {\r\n        menuButton.addEventListener(\"click\", function () {\r\n            header.classList.toggle(\"open\");\r\n        });\r\n    }\r\n\r\n    document.querySelectorAll(\"#cht-site .cht-nav a\").forEach(function(link) {\r\n\r\n        link.addEventListener(\"click\", function() {\r\n            header.classList.remove(\"open\");\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* =========================================\r\n       SMOOTH SCROLL\r\n       ========================================= *\/\r\n\r\n    document.querySelectorAll('#cht-site a[href^=\"#\"]').forEach(function(anchor) {\r\n\r\n        anchor.addEventListener(\"click\", function(e) {\r\n\r\n            const targetId = this.getAttribute(\"href\");\r\n\r\n            if (!targetId || targetId === \"#\") {\r\n                return;\r\n            }\r\n\r\n            const target = document.querySelector(targetId);\r\n\r\n            if (target) {\r\n\r\n                e.preventDefault();\r\n\r\n                target.scrollIntoView({\r\n                    behavior: \"smooth\",\r\n                    block: \"start\"\r\n                });\r\n\r\n            }\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* =========================================\r\n       SCROLL REVEAL\r\n       ========================================= *\/\r\n\r\n    const revealItems = document.querySelectorAll(\".cht-reveal\");\r\n\r\n    const revealObserver = new IntersectionObserver(function(entries) {\r\n\r\n        entries.forEach(function(entry) {\r\n\r\n            if (entry.isIntersecting) {\r\n\r\n                entry.target.classList.add(\"visible\");\r\n\r\n                revealObserver.unobserve(entry.target);\r\n\r\n            }\r\n\r\n        });\r\n\r\n    }, {\r\n        threshold: 0.12\r\n    });\r\n\r\n    revealItems.forEach(function(item) {\r\n        revealObserver.observe(item);\r\n    });\r\n\r\n\r\n    \/* =========================================\r\n       NUMBER COUNTERS\r\n       ========================================= *\/\r\n\r\n    const counters = document.querySelectorAll(\".cht-stat-number\");\r\n\r\n    let countersStarted = false;\r\n\r\n    const counterSection = document.querySelector(\".cht-impact\");\r\n\r\n    const counterObserver = new IntersectionObserver(function(entries) {\r\n\r\n        if (entries[0].isIntersecting && !countersStarted) {\r\n\r\n            countersStarted = true;\r\n\r\n            counters.forEach(function(counter) {\r\n\r\n                const target = parseInt(counter.dataset.target);\r\n                const duration = 1400;\r\n                const startTime = performance.now();\r\n\r\n                function updateCounter(currentTime) {\r\n\r\n                    const elapsed = currentTime - startTime;\r\n\r\n                    const progress = Math.min(elapsed \/ duration, 1);\r\n\r\n                    const value = Math.floor(progress * target);\r\n\r\n                    counter.textContent = value + \"+\";\r\n\r\n                    if (progress < 1) {\r\n                        requestAnimationFrame(updateCounter);\r\n                    }\r\n\r\n                }\r\n\r\n                requestAnimationFrame(updateCounter);\r\n\r\n            });\r\n\r\n        }\r\n\r\n    }, {\r\n        threshold: 0.4\r\n    });\r\n\r\n    if (counterSection) {\r\n        counterObserver.observe(counterSection);\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       HERO INDEX INTERACTION\r\n       ========================================= *\/\r\n\r\n    const heroIndexes = document.querySelectorAll(\".cht-index-item\");\r\n\r\n    heroIndexes.forEach(function(item) {\r\n\r\n        item.addEventListener(\"mouseenter\", function() {\r\n\r\n            heroIndexes.forEach(function(index) {\r\n                index.classList.remove(\"active\");\r\n            });\r\n\r\n            this.classList.add(\"active\");\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* =========================================\r\n       BACK TO TOP\r\n       ========================================= *\/\r\n\r\n    const backTop = document.getElementById(\"chtBackTop\");\r\n\r\n    window.addEventListener(\"scroll\", function() {\r\n\r\n        if (window.scrollY > 700) {\r\n            backTop.classList.add(\"show\");\r\n        } else {\r\n            backTop.classList.remove(\"show\");\r\n        }\r\n\r\n    });\r\n\r\n    backTop.addEventListener(\"click\", function() {\r\n\r\n        window.scrollTo({\r\n            top: 0,\r\n            behavior: \"smooth\"\r\n        });\r\n\r\n    });\r\n\r\n\r\n})();\r\n<\/script>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/section>\n<section class=\"elementor-element elementor-element-71ce09e e-con e-atomic-element e-flexbox-base e-71ce09e-d514142 \" data-id=\"71ce09e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"71ce09e\" data-e-type=\"e-flexbox\" data-id=\"71ce09e\">\n    <div class=\"elementor-element elementor-element-fd1777f e-con e-atomic-element e-flexbox-base e-fd1777f-6cda922 \" data-id=\"fd1777f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd1777f\" data-e-type=\"e-flexbox\" data-id=\"fd1777f\">\n    \t\t<div class=\"elementor-element elementor-element-a1b3bc1 elementor-widget elementor-widget-html\" data-id=\"a1b3bc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     CHIN HAN TECH \u2014 INTERACTIVE FOOTER\r\n     ========================================================= -->\r\n\r\n<style>\r\n#cht-footer,\r\n#cht-footer * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#cht-footer {\r\n    --red: #ed1c24;\r\n    --dark: #071015;\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--dark);\r\n\r\n    color: #fff;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n}\r\n\r\n#cht-footer a {\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\/* ==========================\r\n   RED CTA\r\n========================== *\/\r\n\r\n.cht-f-cta {\r\n    position: relative;\r\n\r\n    padding: 75px 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--red);\r\n}\r\n\r\n.cht-f-cta::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    right: -180px;\r\n    top: -250px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.18);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.cht-f-cta::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 350px;\r\n    height: 350px;\r\n\r\n    right: -90px;\r\n    top: -180px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.18);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.cht-f-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(1500px, calc(100% - 60px));\r\n\r\n    margin: auto;\r\n}\r\n\r\n.cht-f-cta-inner {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 60px;\r\n}\r\n\r\n.cht-f-eyebrow {\r\n    margin-bottom: 13px;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    opacity: .8;\r\n}\r\n\r\n.cht-f-cta h2 {\r\n    max-width: 850px;\r\n\r\n    margin: 0;\r\n\r\n    font-size:\r\n        clamp(34px, 4vw, 58px);\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cht-f-cta-button {\r\n    position: relative;\r\n\r\n    min-width: 180px;\r\n    height: 56px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 15px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #fff;\r\n\r\n    color: #111 !important;\r\n\r\n    border-radius: 3px;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n.cht-f-cta-button:hover {\r\n    background: #071015;\r\n\r\n    color: #fff !important;\r\n\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.cht-f-cta-button span {\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.cht-f-cta-button:hover span {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* ==========================\r\n   MAIN FOOTER\r\n========================== *\/\r\n\r\n.cht-f-main {\r\n    position: relative;\r\n\r\n    padding: 85px 0 70px;\r\n}\r\n\r\n.cht-f-main::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 650px;\r\n    height: 650px;\r\n\r\n    left: -350px;\r\n    bottom: -430px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(237,28,36,.09),\r\n            transparent 65%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.cht-f-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1.5fr .8fr .9fr 1.2fr;\r\n\r\n    gap: 75px;\r\n}\r\n\r\n\r\n\/* ==========================\r\n   LOGO\r\n========================== *\/\r\n\r\n.cht-f-logo {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    color: #fff !important;\r\n}\r\n\r\n.cht-f-logo-mark {\r\n    color: var(--red);\r\n\r\n    font-size: 37px;\r\n\r\n    font-weight: 900;\r\n    font-style: italic;\r\n\r\n    letter-spacing: -5px;\r\n\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.cht-f-logo:hover\r\n.cht-f-logo-mark {\r\n    transform:\r\n        scale(1.08)\r\n        skew(-5deg);\r\n}\r\n\r\n.cht-f-logo-text strong {\r\n    display: block;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 17px;\r\n\r\n    letter-spacing: .5px;\r\n}\r\n\r\n.cht-f-logo-text small {\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color: rgba(255,255,255,.45);\r\n\r\n    font-size: 7px;\r\n\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n.cht-f-description {\r\n    max-width: 330px;\r\n\r\n    margin: 25px 0;\r\n\r\n    color: #849097;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* ==========================\r\n   SOCIALS\r\n========================== *\/\r\n\r\n.cht-f-socials {\r\n    display: flex;\r\n\r\n    gap: 10px;\r\n}\r\n\r\n.cht-f-socials a {\r\n    width: 40px;\r\n    height: 40px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.15);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #fff !important;\r\n\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.cht-f-socials a:hover {\r\n    background: var(--red);\r\n\r\n    border-color: var(--red);\r\n\r\n    transform: translateY(-4px);\r\n}\r\n\r\n\r\n\/* ==========================\r\n   COLUMNS\r\n========================== *\/\r\n\r\n.cht-f-column h4 {\r\n    position: relative;\r\n\r\n    margin: 0 0 28px;\r\n\r\n    padding-bottom: 12px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n.cht-f-column h4::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 28px;\r\n    height: 2px;\r\n\r\n    background: var(--red);\r\n}\r\n\r\n.cht-f-links {\r\n    display: grid;\r\n\r\n    gap: 13px;\r\n}\r\n\r\n.cht-f-links a {\r\n    position: relative;\r\n\r\n    width: fit-content;\r\n\r\n    color: #8f999f !important;\r\n\r\n    font-size: 12px;\r\n\r\n    transition:\r\n        color .25s ease,\r\n        padding-left .25s ease;\r\n}\r\n\r\n.cht-f-links a::before {\r\n    content: \"\u2192\";\r\n\r\n    position: absolute;\r\n\r\n    left: -15px;\r\n\r\n    color: var(--red);\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        left .25s ease;\r\n}\r\n\r\n.cht-f-links a:hover {\r\n    padding-left: 16px;\r\n\r\n    color: #fff !important;\r\n}\r\n\r\n.cht-f-links a:hover::before {\r\n    left: 0;\r\n\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\/* ==========================\r\n   CONTACT\r\n========================== *\/\r\n\r\n.cht-f-contact {\r\n    display: grid;\r\n\r\n    gap: 19px;\r\n}\r\n\r\n.cht-f-contact-item {\r\n    display: flex;\r\n\r\n    gap: 14px;\r\n\r\n    color: #8f999f;\r\n\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.cht-f-contact-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n\r\n    flex: 0 0 36px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.12);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: var(--red);\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.cht-f-contact-item:hover\r\n.cht-f-contact-icon {\r\n    background: var(--red);\r\n\r\n    border-color: var(--red);\r\n\r\n    color: #fff;\r\n\r\n    transform: scale(1.08);\r\n}\r\n\r\n.cht-f-contact-item strong {\r\n    display: block;\r\n\r\n    margin-bottom: 2px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* ==========================\r\n   BOTTOM\r\n========================== *\/\r\n\r\n.cht-f-bottom {\r\n    border-top:\r\n        1px solid rgba(255,255,255,.1);\r\n}\r\n\r\n.cht-f-bottom-inner {\r\n    min-height: 72px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    color: #68737a;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n.cht-f-bottom-links {\r\n    display: flex;\r\n\r\n    gap: 20px;\r\n}\r\n\r\n.cht-f-bottom-links a {\r\n    color: #68737a !important;\r\n\r\n    transition: color .25s ease;\r\n}\r\n\r\n.cht-f-bottom-links a:hover {\r\n    color: #fff !important;\r\n}\r\n\r\n\r\n\/* ==========================\r\n   BACK TOP\r\n========================== *\/\r\n\r\n#chtFooterTop {\r\n    position: fixed;\r\n\r\n    z-index: 9998;\r\n\r\n    right: 25px;\r\n    bottom: 25px;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--red);\r\n\r\n    color: #fff;\r\n\r\n    font-size: 18px;\r\n\r\n    cursor: pointer;\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    transform:\r\n        translateY(15px)\r\n        scale(.9);\r\n\r\n    box-shadow:\r\n        0 10px 30px\r\n        rgba(237,28,36,.3);\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n#chtFooterTop.show {\r\n    opacity: 1;\r\n    visibility: visible;\r\n\r\n    transform:\r\n        translateY(0)\r\n        scale(1);\r\n}\r\n\r\n#chtFooterTop:hover {\r\n    transform:\r\n        translateY(-4px)\r\n        scale(1.04);\r\n}\r\n\r\n\r\n\/* ==========================\r\n   RESPONSIVE\r\n========================== *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .cht-f-grid {\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n\r\n        gap: 55px;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .cht-f-container {\r\n        width:\r\n            calc(100% - 30px);\r\n    }\r\n\r\n    .cht-f-cta {\r\n        padding: 60px 0;\r\n    }\r\n\r\n    .cht-f-cta-inner {\r\n        display: block;\r\n    }\r\n\r\n    .cht-f-cta h2 {\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .cht-f-cta-button {\r\n        width: fit-content;\r\n\r\n        padding: 0 25px;\r\n    }\r\n\r\n    .cht-f-main {\r\n        padding: 65px 0 50px;\r\n    }\r\n\r\n    .cht-f-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 45px;\r\n    }\r\n\r\n    .cht-f-bottom-inner {\r\n        padding: 22px 0;\r\n\r\n        flex-direction: column;\r\n\r\n        justify-content: center;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<footer id=\"cht-footer\">\r\n\r\n    <!-- CTA -->\r\n\r\n    <section class=\"cht-f-cta\">\r\n\r\n        <div class=\"cht-f-container\">\r\n\r\n            <div class=\"cht-f-cta-inner\">\r\n\r\n                <div>\r\n\r\n                    <div class=\"cht-f-eyebrow\">\r\n                        Let's Work Together\r\n                    <\/div>\r\n\r\n                    <h2>\r\n                        Ready To Find The\r\n                        Right Solution For\r\n                        Your Business?\r\n                    <\/h2>\r\n\r\n                <\/div>\r\n\r\n                <a href=\"#\"\r\n                   class=\"cht-f-cta-button\">\r\n\r\n                    Get In Touch\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- MAIN -->\r\n\r\n    <section class=\"cht-f-main\">\r\n\r\n        <div class=\"cht-f-container\">\r\n\r\n            <div class=\"cht-f-grid\">\r\n\r\n\r\n                <!-- COMPANY -->\r\n\r\n                <div>\r\n\r\n                    <a href=\"\/\"\r\n                       class=\"cht-f-logo\">\r\n\r\n                        <div class=\"cht-f-logo-mark\">\r\n                            CH\r\n                        <\/div>\r\n\r\n                        <div class=\"cht-f-logo-text\">\r\n\r\n                            <strong>\r\n                                CHIN HAN TECH\r\n                            <\/strong>\r\n\r\n                            <small>\r\n                                PRECISION FOR A BETTER TOMORROW\r\n                            <\/small>\r\n\r\n                        <\/div>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <p class=\"cht-f-description\">\r\n\r\n                        Your trusted partner for\r\n                        automotive and industrial\r\n                        components. Delivering quality,\r\n                        reliability and long-term value\r\n                        through dependable products\r\n                        and service.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"cht-f-socials\">\r\n\r\n                        <a href=\"#\"\r\n                           aria-label=\"Facebook\">\r\n                            f\r\n                        <\/a>\r\n\r\n                        <a href=\"#\"\r\n                           aria-label=\"LinkedIn\">\r\n                            in\r\n                        <\/a>\r\n\r\n                        <a href=\"#\"\r\n                           aria-label=\"YouTube\">\r\n                            \u25b6\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- QUICK LINKS -->\r\n\r\n                <div class=\"cht-f-column\">\r\n\r\n                    <h4>\r\n                        Quick Links\r\n                    <\/h4>\r\n\r\n                    <div class=\"cht-f-links\">\r\n\r\n                        <a href=\"\/\">Home<\/a>\r\n\r\n                        <a href=\"\/about-us\/\">\r\n                            About Us\r\n                        <\/a>\r\n\r\n                        <a href=\"\/products\/\">\r\n                            Products\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Industries\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Our Capabilities\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            News\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Contact\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- PRODUCTS -->\r\n\r\n                <div class=\"cht-f-column\">\r\n\r\n                    <h4>\r\n                        Products\r\n                    <\/h4>\r\n\r\n                    <div class=\"cht-f-links\">\r\n\r\n                        <a href=\"#\">\r\n                            Automotive Parts\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Industrial Components\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Hoses & Fittings\r\n                        <\/a>\r\n\r\n                        <a href=\"#\">\r\n                            Custom Solutions\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CONTACT -->\r\n\r\n                <div class=\"cht-f-column\">\r\n\r\n                    <h4>\r\n                        Contact Us\r\n                    <\/h4>\r\n\r\n\r\n                    <div class=\"cht-f-contact\">\r\n\r\n                        <div class=\"cht-f-contact-item\">\r\n\r\n                            <div class=\"cht-f-contact-icon\">\r\n                                \u260e\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    Call Us\r\n                                <\/strong>\r\n\r\n                                +603-XXXX XXXX\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cht-f-contact-item\">\r\n\r\n                            <div class=\"cht-f-contact-icon\">\r\n                                \u2709\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    Email\r\n                                <\/strong>\r\n\r\n                                enquiry@chinhantech.com\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cht-f-contact-item\">\r\n\r\n                            <div class=\"cht-f-contact-icon\">\r\n                                \u25cf\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    Location\r\n                                <\/strong>\r\n\r\n                                Chin Han Tech<br>\r\n                                Malaysia\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- BOTTOM -->\r\n\r\n    <div class=\"cht-f-bottom\">\r\n\r\n        <div class=\"\r\n            cht-f-container\r\n            cht-f-bottom-inner\r\n        \">\r\n\r\n            <div>\r\n                \u00a9 2026 Chin Han Tech.\r\n                All rights reserved.\r\n            <\/div>\r\n\r\n            <div class=\"cht-f-bottom-links\">\r\n\r\n                <a href=\"#\">\r\n                    Privacy Policy\r\n                <\/a>\r\n\r\n                <a href=\"#\">\r\n                    Terms of Use\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<button\r\n    id=\"chtFooterTop\"\r\n    aria-label=\"Back to top\">\r\n    \u2191\r\n<\/button>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const topButton =\r\n        document.getElementById(\r\n            \"chtFooterTop\"\r\n        );\r\n\r\n\r\n    function updateTopButton() {\r\n\r\n        if (window.scrollY > 600) {\r\n\r\n            topButton.classList.add(\r\n                \"show\"\r\n            );\r\n\r\n        } else {\r\n\r\n            topButton.classList.remove(\r\n                \"show\"\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    window.addEventListener(\r\n        \"scroll\",\r\n        updateTopButton,\r\n        { passive: true }\r\n    );\r\n\r\n\r\n    topButton.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n            window.scrollTo({\r\n                top: 0,\r\n                behavior: \"smooth\"\r\n            });\r\n\r\n        }\r\n    );\r\n\r\n\r\n    updateTopButton();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/section>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CH CHIN HAN TECH PRECISION FOR A BETTER TOMORROW Home About Us Products \u25bc Automotive Parts \u2192 Industrial Components \u2192 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chinhantechecommerce.qcfixer.co\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chinhantechecommerce.qcfixer.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chinhantechecommerce.qcfixer.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chinhantechecommerce.qcfixer.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chinhantechecommerce.qcfixer.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":28,"href":"https:\/\/chinhantechecommerce.qcfixer.co\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/chinhantechecommerce.qcfixer.co\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/chinhantechecommerce.qcfixer.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}