{"id":215,"date":"2026-05-26T14:52:47","date_gmt":"2026-05-26T07:52:47","guid":{"rendered":"https:\/\/vattuhaianh.vn\/?page_id=215"},"modified":"2026-07-23T12:08:07","modified_gmt":"2026-07-23T05:08:07","slug":"trang-chu","status":"publish","type":"page","link":"https:\/\/vattuhaianh.vn\/","title":{"rendered":"Trang ch\u1ee7"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"215\" class=\"elementor elementor-215\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bade5e8 e-con-full e-flex e-con e-parent\" data-id=\"bade5e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3899e4b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3899e4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"ha-hero\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   \u1ea2NH DESKTOP\r\n   3840 \u00d7 2160\r\n   WebP\r\n   16:9\r\n\r\n   \u1ea2NH MOBILE\r\n   1080 \u00d7 1920\r\n   WebP\r\n   9:16\r\n========================================================= *\/\r\n\r\n\/* =========================================================\r\n   HERO IMAGE MANAGER\r\n   CH\u1ec8 THAY LINK T\u1ea0I \u0110\u00c2Y\r\n========================================================= *\/\r\n\r\n:root{\r\n\/* ===== Slide 1 ===== *\/\r\n\/* Desktop *\/\r\n--ha-slide1-desktop:url(\"https:\/\/vattuhaianh.vn\/wp-content\/uploads\/2026\/07\/123-scaled.png\");\r\n\/* Mobile *\/\r\n--ha-slide1-mobile:url(\"https:\/\/vattuhaianh.vn\/wp-content\/uploads\/2026\/07\/234.png\");\r\n\r\n\/* ===== Slide 2 ===== *\/\r\n\/* Desktop *\/\r\n--ha-slide2-desktop:url(\"https:\/\/images.unsplash.com\/photo-1565793298595-6a879b1d9492?q=80&w=2000\");\r\n\/* Mobile *\/\r\n--ha-slide2-mobile:url(\"https:\/\/images.unsplash.com\/photo-1565793298595-6a879b1d9492?q=80&w=1000\");\r\n\r\n\/* ===== Slide 3 ===== *\/\r\n\/* Desktop *\/\r\n--ha-slide3-desktop:url(\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=2000\");\r\n\/* Mobile *\/\r\n--ha-slide3-mobile:url(\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=1000\");\r\n\r\n\/* ===== Position \u1ea3nh ===== *\/\r\n--ha-slide1-position:center center;\r\n--ha-slide2-position:center center;\r\n--ha-slide3-position:center center;\r\n}\r\n\r\n\r\n#ha-hero,\r\n#ha-hero *{\r\nmargin:0;\r\npadding:0;\r\nbox-sizing:border-box;\r\nfont-family:Inter,Arial,sans-serif;\r\n}\r\n\r\n\r\n#ha-hero{\r\nposition:relative;\r\nwidth:100%;\r\nheight:calc(100vh - 65px);height:calc(100dvh - 65px);\r\nmin-height:620px;\r\noverflow:hidden;\r\nbackground:#071b35;\r\nisolation:isolate;\r\ncontain:layout paint style;\r\n-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;\r\n}\r\n\r\n\r\n\/* SLIDE *\/\r\n\r\n#ha-hero .ha-slide{\r\n\r\nposition:absolute;\r\ninset:0;\r\n\r\nopacity:0;\r\ntransform:translateZ(0) scale(1.08);\r\n\r\nbackground-size:cover;\r\nbackground-position:center center;\r\nbackground-repeat:no-repeat;\r\n\r\ndisplay:flex;\r\nalign-items:center;\r\n\r\ntransition:opacity 1.4s ease,transform 6s linear,filter .6s ease;\r\n\r\nz-index:1;\r\n\r\noverflow:hidden;\r\n\r\nwill-change:transform,opacity,filter;\r\n\r\nbackface-visibility:hidden;\r\nperspective:1000px;\r\n\r\nimage-rendering:auto;\r\n\r\nfilter:brightness(1.06)contrast(1.08)saturate(1.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND IMAGE\r\n========================================================= *\/\r\n#ha-hero .ha-slide1{\r\n\r\nbackground-image:var(--ha-slide1-desktop);\r\nbackground-position:var(--ha-slide1-position);\r\n\r\n}\r\n\r\n#ha-hero .ha-slide2{\r\n\r\nbackground-image:var(--ha-slide2-desktop);\r\nbackground-position:var(--ha-slide2-position);\r\n\r\n}\r\n\r\n#ha-hero .ha-slide3{\r\n\r\nbackground-image:var(--ha-slide3-desktop);\r\nbackground-position:var(--ha-slide3-position);\r\n\r\n}\r\n\r\n\r\n#ha-hero .ha-slide.ha-active{\r\n\r\nopacity:1;\r\n\r\ntransform:translateZ(0) scale(1.03);\r\n\r\nfilter:brightness(1.10)contrast(1.10)saturate(1.10);\r\n\r\nz-index:2;\r\n\r\nanimation:haHeroZoom 6s linear forwards;\r\n\r\n}\r\n\r\n\r\n@keyframes haHeroZoom{from{\r\n\r\ntransform:translateZ(0) scale(1.03);\r\n\r\n}to{\r\n\r\ntransform:translateZ(0) scale(1);\r\n\r\n}\r\n\r\n}\r\n\r\n\r\n\r\n\/* OVERLAY *\/\r\n\r\n#ha-hero .ha-overlay{\r\n\r\nposition:absolute;\r\ninset:0;\r\n\r\nbackground:linear-gradient(90deg,rgba(6,20,38,.58),rgba(6,20,38,.22)\r\n),linear-gradient(180deg,rgba(255,255,255,.05),transparent 45%\r\n);\r\n\r\nz-index:1;\r\n\r\n}\r\n\r\n\r\n#ha-hero .ha-slide::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\ninset:0;\r\n\r\npointer-events:none;\r\n\r\nbackground:radial-gradient(circle at 70% 28%,rgba(255,255,255,.12),transparent 55%\r\n\r\n),linear-gradient(180deg,rgba(255,255,255,.03),transparent 45%\r\n\r\n);\r\n\r\nmix-blend-mode:screen;\r\n\r\nopacity:.9;\r\n\r\nz-index:1;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n#ha-hero .ha-content{\r\n\r\nposition:relative;\r\nz-index:5;\r\n\r\nwidth:100%;\r\nmax-width:1400px;\r\n\r\npadding-left:7%;\r\npadding-right:7%;\r\npadding-bottom:130px;\r\n\r\ncolor:#fff;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-tag{\r\n\r\nfont-size:14px;\r\nletter-spacing:5px;\r\nfont-weight:400;\r\n\r\nmargin-bottom:35px;\r\n\r\nopacity:0;\r\ntransform:translateY(30px);\r\n\r\ntransition:.8s .2s;\r\n\r\ncolor:#fff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n#ha-hero h1{\r\n\r\nfont-size:clamp(42px,5.2vw,78px);\r\n\r\nfont-weight:300;\r\n\r\nline-height:1.08;\r\n\r\nletter-spacing:-1px;\r\n\r\nmax-width:900px;\r\n\r\nmargin-bottom:30px;\r\n\r\ncolor:#fff;\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(40px);\r\n\r\ntransition:.9s .35s;\r\n\r\ntext-shadow:\r\n\r\n0 2px 10px rgba(0,0,0,.18);\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero p{\r\n\r\nfont-size:22px;\r\n\r\nfont-weight:300;\r\n\r\nletter-spacing:.5px;\r\n\r\nline-height:1.5;\r\n\r\nmax-width:700px;\r\n\r\ncolor:#fff;\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(40px);\r\n\r\ntransition:.8s .55s;\r\n\r\ntext-shadow:\r\n\r\n0 2px 8px rgba(0,0,0,.15);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n#ha-hero .ha-cta{\r\n\r\nmargin-top:45px;\r\n\r\ndisplay:flex;\r\n\r\nalign-items:center;\r\n\r\ngap:30px;\r\n\r\nfont-size:22px;\r\n\r\ncolor:#fff;\r\n\r\ntext-decoration:none;\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(30px);\r\n\r\ntransition:.8s .75s;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-circle{\r\n\r\nwidth:70px;\r\nheight:70px;\r\n\r\nborder:2px solid #fff;\r\n\r\nborder-radius:50%;\r\n\r\ndisplay:flex;\r\n\r\nalign-items:center;\r\njustify-content:center;\r\n\r\nfont-size:30px;\r\n\r\ntransition:.3s;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-cta:hover .ha-circle{\r\n\r\nbackground:#fff;\r\n\r\ncolor:#071b35;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ACTIVE TEXT *\/\r\n\r\n#ha-hero .ha-slide.ha-active .ha-tag,\r\n#ha-hero .ha-slide.ha-active h1,\r\n#ha-hero .ha-slide.ha-active p,\r\n#ha-hero .ha-slide.ha-active .ha-cta{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* PROGRESS *\/\r\n\r\n#ha-hero .ha-progress{\r\n\r\nposition:absolute;\r\n\r\nleft:0;\r\n\r\nbottom:70px;\r\n\r\nwidth:100%;\r\n\r\npadding:0 7%;\r\n\r\ndisplay:flex;\r\n\r\ngap:20px;\r\n\r\nz-index:50;\r\n\r\npointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-bar{\r\n\r\nheight:6px;\r\n\r\nflex:1;\r\n\r\nbackground:rgba(255,255,255,.35);\r\n\r\nborder-radius:20px;\r\n\r\noverflow:hidden;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-fill{\r\n\r\nheight:100%;\r\n\r\nwidth:0;\r\n\r\nbackground:linear-gradient(\r\n90deg,\r\n#35d06f,\r\n#00c8ff\r\n);\r\n\r\nborder-radius:20px;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-bar.ha-active .ha-fill{\r\n\r\nanimation:\r\nhaHeroProgress 6s linear forwards;\r\n\r\n}\r\n\r\n\r\n@keyframes haHeroProgress{\r\n\r\nfrom{\r\nwidth:0;\r\n}\r\n\r\nto{\r\nwidth:100%;\r\n}\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n#ha-hero .ha-slide:after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nleft:0;\r\nright:0;\r\nbottom:0;\r\n\r\nheight:220px;\r\n\r\nbackground:linear-gradient(0deg,rgba(0,0,0,.40),transparent\r\n);\r\n\r\nz-index:2;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:768px){\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE IMAGE\r\n========================================================= *\/\r\n#ha-hero .ha-slide1{\r\n\r\nbackground-image:var(--ha-slide1-mobile);\r\n\r\n}\r\n\r\n#ha-hero .ha-slide2{\r\n\r\nbackground-image:var(--ha-slide2-mobile);\r\n\r\n}\r\n\r\n#ha-hero .ha-slide3{\r\n\r\nbackground-image:var(--ha-slide3-mobile);\r\n\r\n}\r\n\r\n\r\n#ha-hero{\r\n\r\nheight:calc(100vh - 65px);height:calc(100dvh - 65px);\r\n\r\nmin-height:520px;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-content{\r\n\r\npadding-left:25px;\r\n\r\npadding-right:25px;\r\n\r\npadding-bottom:170px;\r\n\r\nalign-self:flex-start;\r\n\r\nmargin-top:95px;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-tag{\r\n\r\nfont-size:10px;\r\n\r\nletter-spacing:3px;\r\n\r\nmargin-bottom:20px;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero h1{\r\n\r\nfont-size:36px;\r\n\r\nline-height:1.12;\r\n\r\nletter-spacing:-.8px;\r\n\r\nmax-width:340px;\r\n\r\nmargin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero p{\r\n\r\nfont-size:15px;\r\n\r\nline-height:1.55;\r\n\r\nmax-width:300px;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-cta{\r\n\r\nmargin-top:28px;\r\n\r\nfont-size:16px;\r\n\r\ngap:18px;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-circle{\r\n\r\nwidth:54px;\r\n\r\nheight:54px;\r\n\r\nfont-size:21px;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-progress{\r\n\r\nbottom:38px;\r\n\r\npadding:0 25px;\r\n\r\ngap:8px;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-bar{\r\n\r\nheight:4px;\r\n\r\n}\r\n\r\n\r\n\r\n#ha-hero .ha-bar.ha-active{\r\n\r\nflex:3;\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n\r\n\/* VECTOR ARROW *\/\r\n#ha-hero .ha-circle svg{\r\n\r\nwidth:28px;\r\nheight:28px;\r\n\r\nfill:none;\r\n\r\nstroke:currentColor;\r\n\r\nstroke-width:2;\r\n\r\nstroke-linecap:round;\r\n\r\nstroke-linejoin:round;\r\n\r\ntransition:.35s ease;\r\n\r\n}\r\n\r\n#ha-hero .ha-cta:hover .ha-circle svg{\r\n\r\ntransform:translate(4px,-4px);\r\n\r\n}\r\n\r\n#ha-hero .ha-circle{\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\n}\r\n\r\n#ha-hero .ha-circle:before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\ninset:0;\r\n\r\nborder-radius:50%;\r\n\r\nbackground:#fff;\r\n\r\ntransform:scale(0);\r\n\r\ntransition:.35s ease;\r\n\r\nz-index:-1;\r\n\r\n}\r\n\r\n#ha-hero .ha-cta:hover .ha-circle:before{\r\n\r\ntransform:scale(1);\r\n\r\n}\r\n\r\n#ha-hero .ha-cta:hover .ha-circle{\r\n\r\ncolor:#071b35;\r\n\r\nborder-color:#fff;\r\n\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"ha-slide ha-active ha-slide1\">\r\n\r\n<div class=\"ha-overlay\"><\/div>\r\n\r\n<div class=\"ha-content\">\r\n\r\n<h1>\r\nLeading supplier<br>\r\nof industrial materials<br>\r\nin Vietnam\r\n<\/h1>\r\n\r\n<p>\r\nReliable solutions for factories,\r\nprojects and construction partners.\r\n<\/p>\r\n\r\n\r\n<a href=\"#\" class=\"ha-cta\">\r\n\r\nExplore products\r\n\r\n<div class=\"ha-circle\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7H17V16\"\/><\/svg><\/div>\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"ha-slide ha-slide2\">\r\n\r\n<div class=\"ha-overlay\"><\/div>\r\n\r\n<div class=\"ha-content\">\r\n\r\n<h1>\r\n10,000+ product codes<br>\r\nready in warehouse\r\n<\/h1>\r\n\r\n\r\n<p>\r\nFast supply chain.\r\nProfessional industrial solutions.\r\n<\/p>\r\n\r\n\r\n<a href=\"#\" class=\"ha-cta\">\r\n\r\nGet quotation\r\n\r\n<div class=\"ha-circle\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7H17V16\"\/><\/svg><\/div>\r\n\r\n<\/a>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"ha-slide ha-slide3\">\r\n\r\n<div class=\"ha-overlay\"><\/div>\r\n\r\n<div class=\"ha-content\">\r\n\r\n\r\n\r\n\r\n<h1>\r\nPartner for every<br>\r\nindustrial project\r\n<\/h1>\r\n\r\n\r\n<p>\r\nTrusted by enterprises,\r\nfactories and contractors.\r\n<\/p>\r\n\r\n\r\n<a href=\"#\" class=\"ha-cta\">\r\n\r\nContact us\r\n\r\n<div class=\"ha-circle\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7H17V16\"\/><\/svg><\/div>\r\n\r\n<\/a>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"ha-progress\">\r\n\r\n<div class=\"ha-bar ha-active\">\r\n<div class=\"ha-fill\"><\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"ha-bar\">\r\n<div class=\"ha-fill\"><\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"ha-bar\">\r\n<div class=\"ha-fill\"><\/div>\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\nconst hero=document.querySelector(\"#ha-hero\");\r\n\r\nif(!hero) return;\r\n\r\n\r\nlet index=0;\r\n\r\n\r\nconst slides=hero.querySelectorAll(\".ha-slide\");\r\n\r\nconst bars=hero.querySelectorAll(\".ha-bar\");\r\n\r\nlet startX=0;let currentX=0;let isDragging=false;let autoSlide;\r\n\r\n\r\n\r\nfunction changeHero(){\r\n\r\n\r\nslides.forEach(item=>{\r\nitem.classList.remove(\"ha-active\");\r\n});\r\n\r\n\r\nbars.forEach(item=>{\r\n\r\nitem.classList.remove(\"ha-active\");\r\n\r\nlet fill=item.querySelector(\".ha-fill\");\r\n\r\nfill.style.animation=\"none\";\r\n\r\nvoid fill.offsetWidth;\r\n\r\nfill.style.animation=\"\";\r\n\r\n});\r\n\r\n\r\n\r\nslides[index].classList.add(\"ha-active\");\r\n\r\nbars[index].classList.add(\"ha-active\");\r\n\r\n\r\n}\r\n\r\n\r\nfunction nextSlide(){index++;if(index>=slides.length){index=0;\r\n}changeHero();\r\n\r\n}function prevSlide(){index--;if(index<0){index=slides.length-1;\r\n}changeHero();\r\n\r\n}\r\n\r\n\r\n\r\n\r\nautoSlide=setInterval(function(){nextSlide();\r\n\r\n},6000);\r\n\r\n\r\n\r\nfunction resetTimer(){clearInterval(autoSlide);autoSlide=setInterval(function(){nextSlide();\r\n\r\n},6000);\r\n\r\n}\r\n\r\nhero.addEventListener(\"touchstart\",function(e){startX=e.touches[0].clientX;\r\n\r\n});\r\n\r\nhero.addEventListener(\"touchend\",function(e){currentX=e.changedTouches[0].clientX;let diff=currentX-startX;if(Math.abs(diff)<60)return;if(diff<0){nextSlide();\r\n\r\n}else{prevSlide();\r\n\r\n}resetTimer();\r\n\r\n});\r\n\r\nhero.addEventListener(\"mousedown\",function(e){isDragging=true;startX=e.clientX;\r\n\r\n});\r\n\r\nhero.addEventListener(\"mouseup\",function(e){if(!isDragging)return;isDragging=false;currentX=e.clientX;let diff=currentX-startX;if(Math.abs(diff)<60)return;if(diff<0){nextSlide();\r\n\r\n}else{prevSlide();\r\n\r\n}resetTimer();\r\n\r\n});\r\n\r\nhero.addEventListener(\"mouseleave\",function(){isDragging=false;\r\n\r\n});\r\n\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c081936 e-con-full e-flex e-con e-parent\" data-id=\"c081936\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-391f1ff elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"391f1ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     AIRBUS STYLE SECTION - V\u1ec0 CH\u00daNG T\u00d4I (100% ISOLATED)\r\n========================================================= -->\r\n\r\n<div id=\"ha-about-scope\">\r\n\r\n<style>\r\n\r\n\/* ===========================\r\n   COMPLETE ISOLATION\r\n=========================== *\/\r\n\r\n#ha-about-scope,\r\n#ha-about-scope *,\r\n#ha-about-scope *::before,\r\n#ha-about-scope *::after{\r\n    all:revert;\r\n    box-sizing:border-box;\r\n}\r\n\r\n#ha-about-scope{\r\n    display:block;\r\n    width:100%;\r\n    background:#fff;\r\n    padding:80px 6%;\r\n    color:#0f172a;\r\n    font-family:Inter,Arial,Helvetica,sans-serif;\r\n}\r\n\r\n#ha-about-scope *,\r\n#ha-about-scope *::before,\r\n#ha-about-scope *::after{\r\n    font-family:inherit;\r\n}\r\n\r\n#ha-about-scope a{\r\n    text-decoration:none;\r\n    color:inherit;\r\n}\r\n\r\n#ha-about-scope img{\r\n    display:block;\r\n    max-width:100%;\r\n    border:0;\r\n}\r\n\r\n#ha-about-scope ul,\r\n#ha-about-scope ol{\r\n    list-style:none;\r\n    padding:0;\r\n    margin:0;\r\n}\r\n\r\n\/* ===========================\r\n   LAYOUT\r\n=========================== *\/\r\n\r\n#ha-about-scope .ha-main-container{\r\n    max-width:1240px;\r\n    margin:0 auto;\r\n}\r\n\r\n#ha-about-scope .ha-corp-wrapper{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:90px;\r\n}\r\n\r\n#ha-about-scope .ha-corp-content{\r\n    flex:1;\r\n}\r\n\r\n\/* Khung \u1ea3nh Corporate Architecture Frame *\/\r\n#ha-about-scope .ha-corp-image{\r\n    flex:1;\r\n    position:relative;\r\n    padding:40px 0 60px 60px;\r\n}\r\n\r\n\/* ===========================\r\n   TYPOGRAPHY\r\n=========================== *\/\r\n\r\n#ha-about-scope .ha-about-title{\r\n    margin:0 0 10px;\r\n    font-size:72px;\r\n    font-weight:400;\r\n    line-height:1;\r\n    letter-spacing:-2px;\r\n    color:#00205B;\r\n}\r\n\r\n#ha-about-scope .ha-lead{\r\n    font-size:18px;\r\n    line-height:1.8;\r\n    color:#1f2937;\r\n    margin:0 0 20px;\r\n}\r\n\r\n#ha-about-scope .ha-text{\r\n    margin:0 0 18px;\r\n    font-size:15px;\r\n    line-height:1.9;\r\n    color:#475569;\r\n}\r\n\r\n\/* ===========================\r\n   BUTTON\r\n=========================== *\/\r\n\r\n#ha-about-scope .ha-action{\r\n    margin-top:38px;\r\n}\r\n\r\n#ha-about-scope .ha-btn-outline{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:14px;\r\n    padding:18px 34px;\r\n    border:1.5px solid #00205B;\r\n    color:#00205B;\r\n    font-size:12px;\r\n    font-weight:600;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    transition:.35s;\r\n    cursor:pointer;\r\n    background:transparent;\r\n}\r\n\r\n#ha-about-scope .ha-btn-outline:hover{\r\n    background:#00205B;\r\n    color:#fff;\r\n}\r\n\r\n\/* ===========================\r\n   IMAGE & FRAME EFFECTS\r\n=========================== *\/\r\n\r\n#ha-about-scope .ha-corp-image::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:-25px;\r\n    top:70px;\r\n    width:82%;\r\n    height:78%;\r\n    background:#F3F6FA;\r\n    background-image:\r\n    linear-gradient(\r\n    90deg,\r\n    rgba(0,32,91,.025) 1px,\r\n    transparent 1px\r\n    ),\r\n    linear-gradient(\r\n    rgba(0,32,91,.025) 1px,\r\n    transparent 1px\r\n    );\r\n    background-size:60px 60px;\r\n    transform:translate(-10px,20px);\r\n    z-index:0;\r\n}\r\n\r\n#ha-about-scope .ha-corp-image img{\r\n    position:relative;\r\n    z-index:2;\r\n    width:100%;\r\n    height:700px;\r\n    object-fit:cover;\r\n    border-radius:0;\r\n    transform:translateY(-20px);\r\n    filter:contrast(1.05) brightness(.98);\r\n    box-shadow:0 40px 90px rgba(15,23,42,.18);\r\n}\r\n\r\n#ha-about-scope .ha-corp-image::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    right:-20px;\r\n    top:-20px;\r\n    width:90px;\r\n    height:90px;\r\n    border-top:1px solid #F58220;\r\n    border-right:1px solid #F58220;\r\n    z-index:3;\r\n}\r\n\r\n#ha-about-scope .ha-watermark{\r\n    position:absolute;\r\n    right:-10px;\r\n    bottom:20px;\r\n    font-size:220px;\r\n    font-weight:700;\r\n    letter-spacing:-15px;\r\n    color:rgba(0,32,91,.035);\r\n    z-index:1;\r\n    line-height:1;\r\n}\r\n\r\n#ha-about-scope .ha-label{\r\n    position:absolute;\r\n    top:25px;\r\n    left:25px;\r\n    z-index:4;\r\n    font-size:11px;\r\n    letter-spacing:3px;\r\n    color:#fff;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\/* ===========================\r\n   RESPONSIVE\r\n=========================== *\/\r\n\r\n@media(max-width:1024px){\r\n#ha-about-scope .ha-corp-wrapper{\r\n    flex-direction:column;\r\n    gap:50px;\r\n}\r\n#ha-about-scope .ha-corp-image{\r\n    padding:0;\r\n}\r\n#ha-about-scope .ha-corp-image::before{\r\n    display:block;\r\n    left:-15px;\r\n    top:60px;\r\n    width:75%;\r\n    height:70%;\r\n}\r\n}\r\n\r\n@media(max-width:768px){\r\n#ha-about-scope .ha-about-title{\r\n    font-size:52px;\r\n}\r\n#ha-about-scope .ha-corp-image{\r\n    padding:0;\r\n}\r\n#ha-about-scope .ha-corp-image img{\r\n    height:420px;\r\n    transform:none;\r\n}\r\n#ha-about-scope .ha-corp-image::before{\r\n    left:-8px;\r\n    top:35px;\r\n    width:85%;\r\n    height:75%;\r\n    transform:none;\r\n}\r\n#ha-about-scope .ha-watermark{\r\n    font-size:120px;\r\n}\r\n#ha-about-scope .ha-corp-image::after{\r\n    right:10px;\r\n    top:-10px;\r\n    width:65px;\r\n    height:65px;\r\n}\r\n}\r\n\r\n@media(max-width:520px){\r\n#ha-about-scope{\r\n    padding:40px 18px;\r\n}\r\n#ha-about-scope .ha-about-title{\r\n    font-size:38px;\r\n}\r\n#ha-about-scope .ha-corp-image img{\r\n    height:360px;\r\n}\r\n#ha-about-scope .ha-btn-outline{\r\n    width:100%;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"ha-main-container\">\r\n\r\n<div class=\"ha-corp-wrapper\">\r\n\r\n<div class=\"ha-corp-content\">\r\n\r\n<h1 class=\"ha-about-title\">\r\nV\u1ec1 ch\u00fang t\u00f4i\r\n<\/h1>\r\n\r\n<p class=\"ha-text ha-lead\">\r\nV\u1eadt t\u01b0 H\u1ea3i Anh v\u1eadn h\u00e0nh nh\u01b0 m\u1ed9t h\u1ec7 th\u1ed1ng cung \u1ee9ng c\u00f4ng nghi\u1ec7p c\u00f3 c\u1ea5u tr\u00fac, ph\u1ee5c v\u1ee5 c\u00e1c d\u1ef1 \u00e1n s\u1ea3n xu\u1ea5t, x\u00e2y d\u1ef1ng v\u00e0 k\u1ef9 thu\u1eadt quy m\u00f4 l\u1edbn th\u00f4ng qua m\u1ea1ng l\u01b0\u1edbi ph\u00e2n ph\u1ed1i \u1ed5n \u0111\u1ecbnh v\u00e0 t\u00edch h\u1ee3p.\r\n<\/p>\r\n\r\n<p class=\"ha-text\">\r\nDoanh nghi\u1ec7p t\u1eadp trung x\u00e2y d\u1ef1ng chu\u1ed7i cung \u1ee9ng \u0111\u00e1ng tin c\u1eady, \u0111\u1ea3m b\u1ea3o t\u00ednh nh\u1ea5t qu\u00e1n v\u1ec1 ngu\u1ed3n h\u00e0ng, t\u1ed1i \u01b0u v\u1eadn h\u00e0nh v\u00e0 gia t\u0103ng gi\u00e1 tr\u1ecb h\u1ee3p t\u00e1c d\u00e0i h\u1ea1n trong c\u00e1c l\u0129nh v\u1ef1c c\u00f4ng nghi\u1ec7p.\r\n<\/p>\r\n\r\n<p class=\"ha-text\">\r\nV\u1edbi t\u01b0 duy h\u1ec7 th\u1ed1ng, ch\u00fang t\u00f4i k\u1ebft n\u1ed1i nh\u00e0 s\u1ea3n xu\u1ea5t, nh\u00e0 ph\u00e2n ph\u1ed1i v\u00e0 \u0111\u1ed1i t\u00e1c c\u00f4ng nghi\u1ec7p th\u00e0nh m\u1ed9t h\u1ec7 sinh th\u00e1i cung \u1ee9ng th\u1ed1ng nh\u1ea5t.\r\n<\/p>\r\n\r\n<p class=\"ha-text\">\r\nM\u1ed7i gi\u1ea3i ph\u00e1p cung \u1ee9ng \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng d\u1ef1a tr\u00ean ti\u00eau ch\u00ed \u1ed5n \u0111\u1ecbnh, minh b\u1ea1ch v\u00e0 hi\u1ec7u qu\u1ea3, gi\u00fap kh\u00e1ch h\u00e0ng ch\u1ee7 \u0111\u1ed9ng trong k\u1ebf ho\u1ea1ch s\u1ea3n xu\u1ea5t, thi c\u00f4ng v\u00e0 v\u1eadn h\u00e0nh \u1edf m\u1ecdi quy m\u00f4 d\u1ef1 \u00e1n.\r\n<\/p>\r\n\r\n<p class=\"ha-text\">\r\nTh\u00f4ng qua vi\u1ec7c kh\u00f4ng ng\u1eebng m\u1edf r\u1ed9ng n\u0103ng l\u1ef1c v\u1eadn h\u00e0nh v\u00e0 n\u00e2ng cao ch\u1ea5t l\u01b0\u1ee3ng d\u1ecbch v\u1ee5, V\u1eadt t\u01b0 H\u1ea3i Anh h\u01b0\u1edbng \u0111\u1ebfn vi\u1ec7c tr\u1edf th\u00e0nh \u0111\u1ed1i t\u00e1c cung \u1ee9ng chi\u1ebfn l\u01b0\u1ee3c, \u0111\u1ed3ng h\u00e0nh c\u00f9ng s\u1ef1 ph\u00e1t tri\u1ec3n b\u1ec1n v\u1eefng c\u1ee7a doanh nghi\u1ec7p trong n\u01b0\u1edbc v\u00e0 qu\u1ed1c t\u1ebf.\r\n<\/p>\r\n\r\n<div class=\"ha-action\">\r\n\r\n<a href=\"#\" class=\"ha-btn-outline\">\r\n\r\nXEM TH\u00caM V\u1ec0 CH\u00daNG T\u00d4I\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<div class=\"ha-corp-image\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/vattuhaianh.vn\/wp-content\/uploads\/2026\/07\/nhamy01.jpg\" alt=\"V\u1eadt t\u01b0 H\u1ea3i Anh\">\r\n\r\n<!-- Watermark HA -->\r\n<div class=\"ha-watermark\">HA<\/div>\r\n\r\n<!-- Nh\u00e3n nh\u1ecf ki\u1ec3u t\u1eadp \u0111o\u00e0n -->\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b6195 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a4b6195\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"ha-premium-contact\">\r\n\r\n<a href=\"tel:0901612789\" class=\"ha-btn ha-phone\" aria-label=\"G\u1ecdi ngay\">\r\n\r\n<svg viewBox=\"0 0 64 64\">\r\n<circle cx=\"32\" cy=\"32\" r=\"23\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.6\"\/>\r\n<g transform=\"translate(-4.6,1.6)\">\r\n<path fill=\"#fff\" d=\"M24.8 20.5 C24.8 19.4 25.7 18.5 26.8 18.5 H30.4 C31.3 18.5 32.1 19.1 32.4 20 L33.9 25 C34.2 26 33.8 27 33 27.6 L30.8 29.2 C32.3 32.1 34.8 34.7 37.8 36.2 L39.4 34 C40 33.2 41 32.8 42 33.1 L47 34.6 C47.9 34.9 48.5 35.7 48.5 36.6 V40.2 C48.5 41.3 47.6 42.2 46.5 42.2 C34.4 42.2 24.8 32.6 24.8 20.5Z\"\/>\r\n<\/g>\r\n<\/svg>\r\n\r\n<\/a>\r\n\r\n<a href=\"https:\/\/zalo.me\/0901612789\" class=\"ha-btn ha-zalo\" aria-label=\"Zalo\">\r\n\r\n<svg viewBox=\"0 0 64 64\">\r\n<circle cx=\"32\" cy=\"32\" r=\"23\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.6\"\/>\r\n<text x=\"32\" y=\"32\"\r\nfill=\"#fff\"\r\ntext-anchor=\"middle\"\r\ndominant-baseline=\"middle\"\r\nfont-family=\"Arial,Helvetica,sans-serif\"\r\nfont-size=\"11.5\"\r\nfont-weight=\"800\"\r\nletter-spacing=\".9px\">\r\nZalo\r\n<\/text>\r\n<\/svg>\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/*==========================================================\r\nRESET\r\n==========================================================*\/\r\n\r\n#ha-premium-contact,\r\n#ha-premium-contact *,\r\n#ha-premium-contact *:before,\r\n#ha-premium-contact *:after{\r\nmargin:0;\r\npadding:0;\r\nbox-sizing:border-box;\r\n}\r\n\r\n\/*==========================================================\r\nDESKTOP\r\n==========================================================*\/\r\n\r\n#ha-premium-contact{\r\n\r\n--ha-btn-size:50px;\r\n--ha-icon-size:34px;\r\n--ha-gap:14px;\r\n\r\nposition:fixed;\r\nright:24px;\r\nbottom:95px;\r\n\r\ndisplay:flex;\r\nflex-direction:column;\r\ngap:var(--ha-gap);\r\n\r\nz-index:999999;\r\n\r\n}\r\n\r\n\/*==========================================================\r\nBUTTON\r\n==========================================================*\/\r\n\r\n#ha-premium-contact .ha-btn{\r\n\r\nwidth:var(--ha-btn-size);\r\nheight:var(--ha-btn-size);\r\n\r\nborder-radius:50%;\r\n\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\n\r\ntext-decoration:none;\r\n\r\nposition:relative;\r\noverflow:hidden;\r\n\r\nbackground:linear-gradient(160deg,#133B72 0%,#0C58C9 48%,#2A7BFF 100%);\r\n\r\nborder:1px solid rgba(255,255,255,.18);\r\nbackdrop-filter:blur(18px);\r\n-webkit-backdrop-filter:blur(18px);\r\nfilter:drop-shadow(0 0 18px rgba(60,140,255,.22));\r\n\r\nbox-shadow:\r\n0 32px 60px rgba(0,40,120,.20),\r\n0 12px 28px rgba(0,0,0,.12),\r\n0 2px 8px rgba(255,255,255,.18) inset,\r\n0 -10px 18px rgba(0,0,0,.12) inset;\r\n\r\ntransition:\r\ntransform .35s cubic-bezier(.2,.8,.2,1),\r\nbox-shadow .35s,\r\nfilter .35s;\r\n\r\n}\r\n\r\n\/* k\u00ednh *\/\r\n\r\n#ha-premium-contact .ha-btn:before{\r\n\r\ncontent:\"\";\r\nposition:absolute;\r\n\r\nleft:-35%;\r\ntop:-35%;\r\n\r\nwidth:170%;\r\nheight:170%;\r\n\r\nbackground:\r\nradial-gradient(circle,\r\nrgba(255,255,255,.22),\r\ntransparent 62%);\r\n\r\npointer-events:none;\r\n\r\n}\r\n\r\n\/* Vi\u1ec1n ph\u00e1t s\u00e1ng CNC *\/\r\n\r\n#ha-premium-contact .ha-btn:after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\ninset:-3px;\r\n\r\nborder-radius:50%;\r\n\r\nborder:1px solid rgba(255,255,255,.22);\r\n\r\nopacity:.6;\r\n\r\npointer-events:none;\r\n\r\n}\r\n\r\n\/* Hover *\/\r\n\r\n#ha-premium-contact .ha-btn:hover{\r\n\r\ntransform:translateY(-4px) scale(1.04);\r\n\r\nbox-shadow:\r\n0 42px 70px rgba(0,60,180,.28),\r\n0 20px 36px rgba(0,0,0,.14),\r\n0 2px 8px rgba(255,255,255,.25) inset,\r\n0 -12px 22px rgba(0,0,0,.12) inset;\r\n\r\n}\r\n\r\n\/*==========================================================\r\nSVG\r\n==========================================================*\/\r\n\r\n#ha-premium-contact svg{\r\n\r\nwidth:var(--ha-icon-size);\r\nheight:var(--ha-icon-size);\r\n\r\ndisplay:block;\r\noverflow:visible;\r\n\r\n}\r\n\r\n#ha-premium-contact text{\r\n\r\nfont-smooth:always;\r\n-webkit-font-smoothing:antialiased;\r\n\r\n}\r\n\r\n\/*==========================================================\r\nMOBILE\r\n==========================================================*\/\r\n\r\n@media(max-width:768px){\r\n\r\n#ha-premium-contact{\r\n\r\n--ha-btn-size:44px;\r\n--ha-icon-size:30px;\r\n--ha-gap:12px;\r\n\r\nright:14px;\r\nbottom:72px;\r\n\r\n}\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-523bfb5 e-flex e-con-boxed e-con e-parent\" data-id=\"523bfb5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-401832c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"401832c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================\nHA PRODUCT TITLE\n100% ISOLATED\n========================================================== -->\n\n<div class=\"ha-product-title-v2\">\n\n<style>\n\n.ha-product-title-v2,\n.ha-product-title-v2 *,\n.ha-product-title-v2 *::before,\n.ha-product-title-v2 *::after{\n    margin:0;\n    padding:0;\n    box-sizing:border-box;\n}\n\n\/*=========================\nCH\u1ec8NH T\u1ea0I \u0110\u00c2Y\n=========================*\/\n\n.ha-product-title-v2{\n\n    --title-desktop:48px;\n    --title-tablet:48px;\n    --title-mobile:28px;\n\n    --font-weight:400;\n\n    --font-color:#00205B;\n\n    --font-family:\"Inter\",Arial,Helvetica,sans-serif;\n\n    --container:1240px;\n\n    padding:80px 6% 40px;\n\n}\n\n\/*=========================*\/\n\n.ha-product-title-v2 .ha-container{\n\n    max-width:var(--container);\n\n    margin:0 auto;\n\n}\n\n.ha-product-title-v2 .ha-title{\n\n    display:block !important;\n\n    font-family:var(--font-family) !important;\n\n    font-size:var(--title-desktop) !important;\n\n    font-weight:var(--font-weight) !important;\n\n    line-height:1 !important;\n\n    letter-spacing:-2px !important;\n\n    color:var(--font-color) !important;\n\n    text-align:left !important;\n\n    margin:0 !important;\n\n    padding:0 !important;\n\n    border:0 !important;\n\n    text-decoration:none !important;\n\n    text-transform:none !important;\n\n    font-style:normal !important;\n\n    font-variant:normal !important;\n\n    font-stretch:normal !important;\n\n    font-synthesis:none !important;\n\n    -webkit-font-smoothing:antialiased;\n\n    text-rendering:optimizeLegibility;\n\n}\n\n@media(max-width:991px){\n\n.ha-product-title-v2{\n\npadding:60px 5% 30px;\n\n}\n\n.ha-product-title-v2 .ha-title{\n\nfont-size:var(--title-tablet) !important;\n\n}\n\n}\n\n@media(max-width:767px){\n\n.ha-product-title-v2{\n\npadding:40px 20px 20px;\n\n}\n\n.ha-product-title-v2 .ha-title{\n\nfont-size:var(--title-mobile) !important;\n\nline-height:1.15 !important;\n\nletter-spacing:-1px !important;\n\n}\n\n}\n\n<\/style>\n\n<div class=\"ha-container\">\n\n<div class=\"ha-title\" role=\"heading\" aria-level=\"1\">\nDanh m\u1ee5c s\u1ea3n ph\u1ea9m\n<\/div>\n\n<\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c8bded elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9c8bded\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\n     INTER FONT\r\n========================= -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================\r\n   CATEGORY SYSTEM v9 (FINAL CLEAN UI)\r\n========================= *\/\r\n\r\n.ha-cat-section,\r\n.ha-cat-section *{\r\n    box-sizing:border-box;\r\n    font-family:'Inter', sans-serif !important;\r\n}\r\n\r\n.ha-cat-section{\r\n    max-width:1280px;\r\n    margin:auto;\r\n    padding:60px 20px;\r\n    background:transparent;\r\n    position:relative;\r\n}\r\n\r\n\/* =========================\r\n   SCROLL AREA (HORIZONTAL)\r\n========================= *\/\r\n\r\n.ha-cat-grid{\r\n    display:flex;\r\n    overflow-x:auto;\r\n    gap:14px;\r\n    padding-bottom:10px;\r\n\r\n    scroll-snap-type:x mandatory;\r\n    -webkit-overflow-scrolling:touch;\r\n\r\n    scrollbar-width:none;\r\n}\r\n\r\n.ha-cat-grid::-webkit-scrollbar{\r\n    display:none;\r\n}\r\n\r\n\/* =========================\r\n   ITEM STYLE (ENTERPRISE NODE)\r\n========================= *\/\r\n\r\n.ha-cat-item{\r\n    flex:0 0 auto;\r\n    min-width:84px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-decoration:none !important;\r\n    color:#0f172a;\r\n\r\n    padding:12px 6px;\r\n    border-radius:12px;\r\n\r\n    transition:.25s ease;\r\n    scroll-snap-align:center;\r\n}\r\n\r\n.ha-cat-item:hover{\r\n    transform:translateY(-3px);\r\n}\r\n\r\n.ha-cat-item img{\r\n    width:42px;\r\n    height:42px;\r\n    object-fit:contain;\r\n    margin-bottom:8px;\r\n    filter:grayscale(25%);\r\n    transition:.25s;\r\n}\r\n\r\n.ha-cat-item:hover img{\r\n    filter:grayscale(0%);\r\n    transform:scale(1.06);\r\n}\r\n\r\n.ha-cat-item span{\r\n    font-size:12px;\r\n    font-weight:600;\r\n    text-align:center;\r\n    line-height:1.25;\r\n    color:#0f172a;\r\n    opacity:.85;\r\n}\r\n\r\n\/* =========================\r\n   CUSTOM SCROLL BAR (MOBILE ONLY)\r\n========================= *\/\r\n\r\n.ha-scrollbar{\r\n    width:100%;\r\n    height:2px;\r\n    background:rgba(7,25,60,.10);\r\n    border-radius:999px;\r\n    margin-top:10px;\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    display:none;\r\n}\r\n\r\n.ha-scrollbar-thumb{\r\n    height:100%;\r\n    width:35px;\r\n    background:#07193C;\r\n    border-radius:999px;\r\n    position:absolute;\r\n    left:0;\r\n    transition:transform .12s linear;\r\n}\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media(max-width:991px){\r\n\r\n    .ha-cat-item{\r\n        min-width:90px;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================\r\n   MOBILE ONLY\r\n========================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n.ha-cat-section{\r\n    padding:40px 10px;\r\n}\r\n\r\n.ha-cat-grid{\r\n    gap:12px;\r\n}\r\n\r\n.ha-scrollbar{\r\n    display:block;\r\n}\r\n\r\n.ha-cat-item{\r\n    min-width:82px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"ha-cat-section\">\r\n\r\n    <div class=\"ha-cat-grid\" id=\"catScroll\">\r\n\r\n        <a class=\"ha-cat-item\" href=\"#\"><img decoding=\"async\" src=\"images\/kim-khi.png\" alt=\"\"><span>Kim kh\u00ed<\/span><\/a>\r\n\r\n        <a class=\"ha-cat-item\" href=\"#\"><img decoding=\"async\" src=\"images\/bao-ho.png\" alt=\"\"><span>B\u1ea3o h\u1ed9 lao \u0111\u1ed9ng<\/span><\/a>\r\n\r\n        <a class=\"ha-cat-item\" href=\"#\"><img decoding=\"async\" src=\"images\/dung-cu.png\" alt=\"\"><span>D\u1ee5ng c\u1ee5 c\u1ea7m tay<\/span><\/a>\r\n\r\n        <a class=\"ha-cat-item\" href=\"#\"><img decoding=\"async\" src=\"images\/thiet-bi-dien.png\" alt=\"\"><span>Thi\u1ebft b\u1ecb \u0111i\u1ec7n<\/span><\/a>\r\n\r\n        <a class=\"ha-cat-item\" href=\"#\"><img decoding=\"async\" src=\"images\/bulong.png\" alt=\"\"><span>Bu l\u00f4ng \u1ed1c v\u00edt<\/span><\/a>\r\n\r\n        <a class=\"ha-cat-item\" href=\"#\"><img decoding=\"async\" src=\"images\/keo.png\" alt=\"\"><span>Keo & Silicone<\/span><\/a>\r\n\r\n        <a class=\"ha-cat-item\" href=\"#\"><img decoding=\"async\" src=\"images\/nhom-kinh.png\" alt=\"\"><span>Nh\u00f4m k\u00ednh<\/span><\/a>\r\n\r\n        <a class=\"ha-cat-item\" href=\"#\"><img decoding=\"async\" src=\"images\/phu-kien-cua.png\" alt=\"\"><span>Ph\u1ee5 ki\u1ec7n c\u1eeda<\/span><\/a>\r\n\r\n        <a class=\"ha-cat-item\" href=\"#\"><img decoding=\"async\" src=\"images\/nang-luong.png\" alt=\"\"><span>N\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi<\/span><\/a>\r\n\r\n        <a class=\"ha-cat-item\" href=\"#\"><img decoding=\"async\" src=\"images\/cong-nghiep.png\" alt=\"\"><span>C\u00f4ng nghi\u1ec7p<\/span><\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ha-scrollbar\">\r\n        <div class=\"ha-scrollbar-thumb\" id=\"scrollThumb\"><\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nconst container = document.getElementById(\"catScroll\");\r\nconst thumb = document.getElementById(\"scrollThumb\");\r\nconst track = document.querySelector(\".ha-scrollbar\");\r\n\r\nfunction updateScroll(){\r\n\r\n    const maxScroll = container.scrollWidth - container.clientWidth;\r\n\r\n    const percent = maxScroll > 0\r\n        ? container.scrollLeft \/ maxScroll\r\n        : 0;\r\n\r\n    const trackWidth = track.clientWidth;\r\n    const thumbWidth = 35;\r\n\r\n    const maxMove = trackWidth - thumbWidth;\r\n\r\n    thumb.style.transform = `translateX(${percent * maxMove}px)`;\r\n\r\n}\r\n\r\ncontainer.addEventListener(\"scroll\", updateScroll);\r\nwindow.addEventListener(\"resize\", updateScroll);\r\n\r\nupdateScroll();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e635a21 e-con-full e-flex e-con e-parent\" data-id=\"e635a21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa9d3b7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fa9d3b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================\r\nHA PRODUCT TITLE V3\r\n100% ISOLATED - NO CONFLICT\r\n========================================================== -->\r\n\r\n<div class=\"ha-pt-v3\">\r\n\r\n<style>\r\n\r\n.ha-pt-v3,\r\n.ha-pt-v3 *,\r\n.ha-pt-v3 *:before,\r\n.ha-pt-v3 *:after{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\n.ha-pt-v3{\r\n\r\n    width:100%;\r\n    padding:80px 6% 40px;\r\n\r\n}\r\n\r\n.ha-pt-v3 .ha-wrap{\r\n\r\n    max-width:1240px;\r\n    margin:0 auto;\r\n\r\n}\r\n\r\n.ha-pt-v3 .ha-title{\r\n\r\n    \/*=========================\r\n      CH\u1ec8NH T\u1ea0I \u0110\u00c2Y\r\n    =========================*\/\r\n\r\n    font-size:48px !important;\r\n    font-weight:400 !important;\r\n\r\n    \/*=========================*\/\r\n\r\n    font-family:Inter,Arial,Helvetica,sans-serif !important;\r\n\r\n    color:#00205B !important;\r\n\r\n    line-height:1 !important;\r\n\r\n    letter-spacing:-2px !important;\r\n\r\n    text-align:left !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    border:none !important;\r\n\r\n    text-transform:none !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n}\r\n\r\n@media(max-width:991px){\r\n\r\n.ha-pt-v3{\r\n\r\npadding:60px 5% 30px;\r\n\r\n}\r\n\r\n.ha-pt-v3 .ha-title{\r\n\r\nfont-size:48px !important;\r\n\r\n}\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n.ha-pt-v3{\r\n\r\npadding:40px 20px 20px;\r\n\r\n}\r\n\r\n.ha-pt-v3 .ha-title{\r\n\r\nfont-size:28px !important;\r\n\r\nline-height:1.15 !important;\r\n\r\nletter-spacing:-1px !important;\r\n\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"ha-wrap\">\r\n\r\n<h1 class=\"ha-title\">S\u1ea3n ph\u1ea9m<\/h1>\r\n\r\n<\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-000fdc5 e-con-full e-flex e-con e-parent\" data-id=\"000fdc5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a305ce9 elementor-widget elementor-widget-html\" data-id=\"a305ce9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"ha-glance\">\r\n\r\n<style>\r\n\r\n#ha-glance,\r\n#ha-glance *{\r\nmargin:0;\r\npadding:0;\r\nbox-sizing:border-box;\r\nfont-family:Inter,Helvetica,Arial,sans-serif;\r\n}\r\n\r\n\r\n#ha-glance{\r\npadding:140px 7%;\r\nbackground:#f5f5f3;\r\ncolor:#171717;\r\n}\r\n\r\n\r\n#ha-glance .wrap{\r\nmax-width:1480px;\r\nmargin:auto;\r\n}\r\n\r\n\r\n\/*=================\r\nTITLE\r\n=================*\/\r\n\r\n#ha-glance .title{\r\nfont-size:clamp(44px,5vw,72px);\r\nfont-weight:300;\r\nletter-spacing:-3px;\r\nline-height:1.08;\r\nmargin-bottom:110px;\r\ncolor:#00205B;\r\n}\r\n\r\n\r\n\/*=================\r\nDESKTOP\r\n=================*\/\r\n\r\n#ha-glance .facts{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(6,1fr);\r\ngap:50px 40px;\r\n}\r\n\r\n\r\n#ha-glance .fact{\r\npadding-bottom:35px;\r\nborder-bottom:1px solid #d5d5d5;\r\n}\r\n\r\n\r\n\/* H\u00e0ng 1 *\/\r\n\r\n#ha-glance .fact:nth-child(1){\r\ngrid-column:1\/3;\r\n}\r\n\r\n#ha-glance .fact:nth-child(2){\r\ngrid-column:3\/5;\r\n}\r\n\r\n#ha-glance .fact:nth-child(3){\r\ngrid-column:5\/7;\r\n}\r\n\r\n\r\n\/* H\u00e0ng 2 *\/\r\n\r\n#ha-glance .fact:nth-child(4){\r\ngrid-column:2\/4;\r\n}\r\n\r\n#ha-glance .fact:nth-child(5){\r\ngrid-column:4\/6;\r\n}\r\n\r\n\r\n\/*=================\r\nNUMBER\r\nPhong c\u00e1ch Corporate\r\n=================*\/\r\n\r\n#ha-glance .number{\r\nfont-size:clamp(48px,3vw,56px);\r\nfont-weight:100;\r\nletter-spacing:0;\r\nline-height:1.08;\r\nmargin-bottom:10px;\r\ncolor:#171717;\r\nopacity:.92;\r\n}\r\n\r\n\r\n\/*=================\r\nLABEL\r\n=================*\/\r\n\r\n#ha-glance .label{\r\nfont-size:15px;\r\nfont-weight:300;\r\nline-height:1.75;\r\nwhite-space:nowrap;\r\ncolor:#424242;\r\n}\r\n\r\n\r\n\/*=================\r\nMOBILE\r\n=================*\/\r\n\r\n@media(max-width:900px){\r\n\r\n#ha-glance{\r\npadding:80px 25px;\r\n}\r\n\r\n\r\n#ha-glance .title{\r\nmargin-bottom:70px;\r\n}\r\n\r\n\r\n#ha-glance .facts{\r\ndisplay:flex;\r\nflex-direction:column;\r\ngap:0;\r\nborder-top:1px solid #d5d5d5;\r\n}\r\n\r\n\r\n#ha-glance .fact{\r\ndisplay:block !important;\r\npadding:55px 0;\r\nborder-left:none;\r\nborder-bottom:1px solid #d5d5d5;\r\ngrid-column:auto !important;\r\n}\r\n\r\n\r\n#ha-glance .number{\r\nfont-size:44px;\r\nfont-weight:100;\r\nletter-spacing:0;\r\nline-height:1.08;\r\nmargin-bottom:10px;\r\ncolor:#171717;\r\nopacity:.92;\r\n}\r\n\r\n\r\n#ha-glance .label{\r\nfont-size:14px;\r\nfont-weight:300;\r\nline-height:1.75;\r\nwhite-space:nowrap;\r\ncolor:#424242;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"wrap\">\r\n\r\n\r\n<div class=\"title\">\r\nT\u1ea1i sao<br>\r\nch\u1ecdn ch\u00fang t\u00f4i\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"facts\">\r\n\r\n\r\n<div class=\"fact\">\r\n\r\n<div class=\"number\">\r\n15+\r\n<\/div>\r\n\r\n<div class=\"label\">\r\nN\u0103m ph\u00e1t tri\u1ec3n & kinh nghi\u1ec7m\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"fact\">\r\n\r\n<div class=\"number\">\r\n10.000+\r\n<\/div>\r\n\r\n<div class=\"label\">\r\nDanh m\u1ee5c s\u1ea3n ph\u1ea9m cung \u1ee9ng\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"fact\">\r\n\r\n<div class=\"number\">\r\n500+\r\n<\/div>\r\n\r\n<div class=\"label\">\r\nKh\u00e1ch h\u00e0ng doanh nghi\u1ec7p\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"fact\">\r\n\r\n<div class=\"number\">\r\n63\r\n<\/div>\r\n\r\n<div class=\"label\">\r\nT\u1ec9nh th\u00e0nh ph\u1ee5c v\u1ee5\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"fact\">\r\n\r\n<div class=\"number\">\r\n24\/7\r\n<\/div>\r\n\r\n<div class=\"label\">\r\n\u0110\u1ed3ng h\u00e0nh & h\u1ed7 tr\u1ee3\r\n<\/div>\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>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fba90fb e-con e-atomic-element e-flexbox-base e-60bd9d2 \" data-id=\"fba90fb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fba90fb\" data-e-type=\"e-flexbox\" data-id=\"fba90fb\">\n    \t\t<div class=\"elementor-element elementor-element-d28e33b elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d28e33b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================\r\nHA PRODUCT TITLE\r\n100% ISOLATED\r\nDesktop Left | Tablet Left | Mobile Left\r\n========================================================== -->\r\n\r\n<div id=\"ha-product-title-partner\">\r\n\r\n<style>\r\n\r\n\/* ==========================================================\r\nRESET (Scoped)\r\n========================================================== *\/\r\n\r\n#ha-product-title-partner,\r\n#ha-product-title-partner *,\r\n#ha-product-title-partner *::before,\r\n#ha-product-title-partner *::after{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\n\/* ==========================================================\r\nSECTION\r\n========================================================== *\/\r\n\r\n#ha-product-title-partner{\r\n\r\n    \/*==================================================\r\n      FONT FAMILY\r\n    ==================================================*\/\r\n    --ha-font-family:\"Inter\",Arial,Helvetica,sans-serif;\r\n\r\n    \/*==================================================\r\n      DESKTOP\r\n    ==================================================*\/\r\n    --ha-title-desktop:48px;\r\n\r\n    \/*==================================================\r\n      TABLET\r\n    ==================================================*\/\r\n    --ha-title-tablet:50px;\r\n\r\n    \/*==================================================\r\n      MOBILE\r\n    ==================================================*\/\r\n    --ha-title-mobile:28px;\r\n\r\n    --ha-font-weight:400;\r\n    --ha-font-color:#00205B;\r\n    --ha-line-height:1;\r\n    --ha-letter-spacing:-2px;\r\n\r\n    \/*==================================================\r\n      CONTAINER\r\n    ==================================================*\/\r\n    --ha-container-width:1240px;\r\n\r\n    \/*==================================================\r\n      DESKTOP PADDING\r\n    ==================================================*\/\r\n    --ha-padding-top:80px;\r\n    --ha-padding-bottom:40px;\r\n    --ha-padding-side:6%;\r\n\r\n    width:100%;\r\n    display:block;\r\n    position:relative;\r\n\r\n    isolation:isolate;\r\n    overflow:hidden;\r\n\r\n    background:transparent;\r\n\r\n    padding:\r\n        var(--ha-padding-top)\r\n        var(--ha-padding-side)\r\n        var(--ha-padding-bottom);\r\n\r\n}\r\n\r\n\/* ==========================================================\r\nCONTAINER\r\n========================================================== *\/\r\n\r\n#ha-product-title-partner .ha-container{\r\n\r\n    width:100%;\r\n    max-width:var(--ha-container-width);\r\n\r\n    margin:0 auto;\r\n\r\n    display:flex;\r\n    justify-content:flex-start;\r\n    align-items:center;\r\n\r\n    text-align:left;\r\n\r\n}\r\n\r\n\/* ==========================================================\r\nTITLE\r\n========================================================== *\/\r\n\r\n#ha-product-title-partner .ha-title{\r\n\r\n    display:block;\r\n    width:100%;\r\n\r\n    font-family:var(--ha-font-family);\r\n\r\n    font-size:var(--ha-title-desktop) !important;\r\n\r\n    font-weight:var(--ha-font-weight);\r\n\r\n    line-height:var(--ha-line-height);\r\n\r\n    letter-spacing:var(--ha-letter-spacing);\r\n\r\n    color:var(--ha-font-color);\r\n\r\n    text-align:left !important;\r\n\r\n    word-break:break-word;\r\n\r\n    text-rendering:optimizeLegibility;\r\n    -webkit-font-smoothing:antialiased;\r\n    -moz-osx-font-smoothing:grayscale;\r\n\r\n}\r\n\r\n\/* ==========================================================\r\nTABLET\r\n========================================================== *\/\r\n\r\n@media only screen and (max-width:991px){\r\n\r\n    #ha-product-title-partner{\r\n\r\n        --ha-padding-top:60px;\r\n        --ha-padding-bottom:30px;\r\n        --ha-padding-side:5%;\r\n\r\n    }\r\n\r\n    #ha-product-title-partner .ha-title{\r\n\r\n        font-size:var(--ha-title-tablet) !important;\r\n        text-align:left !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n\/* ==========================================================\r\nMOBILE\r\n========================================================== *\/\r\n\r\n@media only screen and (max-width:767px){\r\n\r\n    #ha-product-title-partner{\r\n\r\n        --ha-padding-top:40px;\r\n        --ha-padding-bottom:20px;\r\n        --ha-padding-side:20px;\r\n\r\n    }\r\n\r\n    \/* Container c\u0103n tr\u00e1i *\/\r\n\r\n    #ha-product-title-partner .ha-container{\r\n\r\n        justify-content:flex-start;\r\n        text-align:left;\r\n\r\n    }\r\n\r\n    \/* Title c\u0103n tr\u00e1i *\/\r\n\r\n    #ha-product-title-partner .ha-title{\r\n\r\n        font-size:var(--ha-title-mobile) !important;\r\n\r\n        line-height:1.15 !important;\r\n\r\n        letter-spacing:-1px !important;\r\n\r\n        text-align:left !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"ha-container\">\r\n\r\n    <h1 class=\"ha-title\">\r\n        Kh\u00e1ch h\u00e0ng &amp; \u0111\u1ed1i t\u00e1c\r\n    <\/h1>\r\n\r\n<\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19dd0e3 elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"19dd0e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ha-partners\">\r\n\r\n<style>\r\n\r\n\/*=====================================================\r\nHAIANH PREMIUM PARTNER MARQUEE\r\nDESKTOP PERFECT ALIGN\r\n100% ISOLATED\r\n=====================================================*\/\r\n\r\n.ha-partners,\r\n.ha-partners *,\r\n.ha-partners *:before,\r\n.ha-partners *:after{\r\nmargin:0;\r\npadding:0;\r\nbox-sizing:border-box;\r\n}\r\n\r\n.ha-partners{\r\nwidth:100%;\r\noverflow:hidden;\r\nfont-family:Inter,Arial,sans-serif;\r\nbackground:;\r\n}\r\n\r\n.ha-partners-inner{\r\nmax-width:1280px;\r\nmargin:auto;\r\npadding:90px 40px;\r\n}\r\n\r\n\/* ROW *\/\r\n\r\n.ha-row{\r\noverflow:hidden;\r\nposition:relative;\r\npadding:34px 0;\r\nborder-top:1px solid #ececec;\r\n}\r\n\r\n.ha-row:last-child{\r\nborder-bottom:1px solid #ececec;\r\n}\r\n\r\n\/* TRACK *\/\r\n\r\n.ha-track{\r\ndisplay:flex;\r\nwidth:max-content;\r\nmin-width:200%;\r\nanimation:haScroll 20s linear infinite;\r\nwill-change:transform;\r\n}\r\n\r\n.ha-row:hover .ha-track{\r\nanimation-play-state:paused;\r\n}\r\n\r\n\/* GROUP *\/\r\n\r\n.ha-group{\r\n\r\nwidth:100vw;\r\n\r\ndisplay:flex;\r\njustify-content:space-around;\r\nalign-items:center;\r\nflex-shrink:0;\r\n\r\n}\r\n\r\n\/* LOGO *\/\r\n\r\n.ha-logo{\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\ntext-decoration:none;\r\nopacity:.9;\r\ntransition:.3s;\r\npadding:10px;\r\n}\r\n\r\n.ha-logo:hover{\r\nopacity:.55;\r\ntransform:translateY(-2px);\r\n}\r\n\r\n.ha-logo img{\r\n\r\nheight:42px;\r\nwidth:auto;\r\nmax-width:180px;\r\ndisplay:block;\r\nobject-fit:contain;\r\n\r\n}\r\n\r\n\/* SPEED *\/\r\n\r\n.ha-row:nth-child(2) .ha-track{\r\nanimation-duration:22s;\r\nanimation-direction:reverse;\r\n}\r\n\r\n.ha-row:nth-child(3) .ha-track{\r\nanimation-duration:18s;\r\n}\r\n\r\n\/* LOOP *\/\r\n\r\n@keyframes haScroll{\r\n\r\n0%{\r\ntransform:translateX(0);\r\n}\r\n\r\n100%{\r\ntransform:translateX(-50%);\r\n}\r\n\r\n}\r\n\r\n\/*======================\r\nTABLET\r\n======================*\/\r\n\r\n@media(max-width:991px){\r\n\r\n.ha-partners-inner{\r\npadding:70px 24px;\r\n}\r\n\r\n.ha-row{\r\npadding:24px 0;\r\n}\r\n\r\n.ha-track{\r\nanimation-duration:16s;\r\n}\r\n\r\n.ha-row:nth-child(2) .ha-track{\r\nanimation-duration:17s;\r\n}\r\n\r\n.ha-row:nth-child(3) .ha-track{\r\nanimation-duration:15s;\r\n}\r\n\r\n.ha-group{\r\nwidth:100%;\r\njustify-content:space-between;\r\ngap:45px;\r\n}\r\n\r\n.ha-logo img{\r\nheight:34px;\r\nmax-width:130px;\r\n}\r\n\r\n}\r\n\r\n\/*======================\r\nMOBILE\r\n======================*\/\r\n\r\n@media(max-width:767px){\r\n\r\n.ha-partners-inner{\r\npadding:55px 16px;\r\n}\r\n\r\n.ha-row{\r\npadding:18px 0;\r\n}\r\n\r\n.ha-track{\r\nwidth:max-content;\r\nmin-width:unset;\r\nanimation-duration:10s;\r\n}\r\n\r\n.ha-row:nth-child(2) .ha-track{\r\nanimation-duration:11s;\r\n}\r\n\r\n.ha-row:nth-child(3) .ha-track{\r\nanimation-duration:10s;\r\n}\r\n\r\n.ha-group{\r\nwidth:auto;\r\njustify-content:flex-start;\r\ngap:34px;\r\npadding-right:34px;\r\n}\r\n\r\n.ha-logo img{\r\nheight:24px;\r\nmax-width:95px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"ha-partners-inner\">\r\n\r\n<!-- ROW 1 -->\r\n\r\n<div class=\"ha-row\">\r\n<div class=\"ha-track\">\r\n\r\n<div class=\"ha-group\">\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/abb.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/siemens.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/schneider.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/bosch.png\"><\/a>\r\n<\/div>\r\n\r\n<div class=\"ha-group\">\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/abb.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/siemens.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/schneider.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/bosch.png\"><\/a>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- ROW 2 -->\r\n\r\n<div class=\"ha-row\">\r\n<div class=\"ha-track\">\r\n\r\n<div class=\"ha-group\">\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/festo.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/omron.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/mitsubishi.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/delta.png\"><\/a>\r\n<\/div>\r\n\r\n<div class=\"ha-group\">\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/festo.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/omron.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/mitsubishi.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/delta.png\"><\/a>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- ROW 3 -->\r\n\r\n<div class=\"ha-row\">\r\n<div class=\"ha-track\">\r\n\r\n<div class=\"ha-group\">\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/phoenix.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/sick.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/wago.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/rittal.png\"><\/a>\r\n<\/div>\r\n\r\n<div class=\"ha-group\">\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/phoenix.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/sick.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/wago.png\"><\/a>\r\n<a href=\"#\" class=\"ha-logo\"><img decoding=\"async\" src=\"images\/rittal.png\"><\/a>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c163a71 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c163a71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================\r\nHA PRODUCT TITLE\r\n100% ISOLATED\r\nDesktop Left | Tablet Left | Mobile Left\r\n========================================================== -->\r\n\r\n<div id=\"ha-product-title-contact\">\r\n\r\n<style>\r\n\r\n\/* ==========================================================\r\nRESET (Scoped)\r\n========================================================== *\/\r\n\r\n#ha-product-title-contact,\r\n#ha-product-title-contact *,\r\n#ha-product-title-contact *::before,\r\n#ha-product-title-contact *::after{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\n\/* ==========================================================\r\nSECTION\r\n========================================================== *\/\r\n\r\n#ha-product-title-contact{\r\n\r\n    --ha-font-family:\"Inter\",Arial,Helvetica,sans-serif;\r\n\r\n    --ha-title-desktop:48px;\r\n    --ha-title-tablet:50px;\r\n    --ha-title-mobile:28px;\r\n\r\n    --ha-font-weight:400;\r\n    --ha-font-color:#00205B;\r\n    --ha-line-height:1;\r\n    --ha-letter-spacing:-2px;\r\n\r\n    --ha-container-width:1240px;\r\n\r\n    --ha-padding-top:80px;\r\n    --ha-padding-bottom:40px;\r\n    --ha-padding-side:6%;\r\n\r\n    width:100%;\r\n    display:block;\r\n    position:relative;\r\n\r\n    isolation:isolate;\r\n    overflow:hidden;\r\n\r\n    background:transparent;\r\n\r\n    padding:\r\n        var(--ha-padding-top)\r\n        var(--ha-padding-side)\r\n        var(--ha-padding-bottom);\r\n}\r\n\r\n\/* ==========================================================\r\nCONTAINER\r\n========================================================== *\/\r\n\r\n#ha-product-title-contact .ha-container{\r\n\r\n    width:100%;\r\n    max-width:var(--ha-container-width);\r\n    margin:0 auto;\r\n\r\n    display:flex;\r\n    justify-content:flex-start;\r\n    align-items:center;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\/* ==========================================================\r\nTITLE\r\n========================================================== *\/\r\n\r\n#ha-product-title-contact .ha-title{\r\n\r\n    display:block;\r\n    width:100%;\r\n\r\n    font-family:var(--ha-font-family);\r\n    font-size:var(--ha-title-desktop) !important;\r\n    font-weight:var(--ha-font-weight);\r\n    line-height:var(--ha-line-height);\r\n    letter-spacing:var(--ha-letter-spacing);\r\n    color:var(--ha-font-color);\r\n\r\n    text-align:left !important;\r\n\r\n    word-break:normal;\r\n    white-space:normal;\r\n\r\n    \/* \u2b50 FIX QUAN TR\u1eccNG: gi\u1edbi h\u1ea1n \u0111\u1ed9 d\u00e0i d\u00f2ng tr\u00ean desktop *\/\r\n    max-width:720px;\r\n\r\n    text-rendering:optimizeLegibility;\r\n    -webkit-font-smoothing:antialiased;\r\n    -moz-osx-font-smoothing:grayscale;\r\n}\r\n\r\n\/* ==========================================================\r\nTABLET\r\n========================================================== *\/\r\n\r\n@media only screen and (max-width:991px){\r\n\r\n    #ha-product-title-contact{\r\n\r\n        --ha-padding-top:60px;\r\n        --ha-padding-bottom:30px;\r\n        --ha-padding-side:5%;\r\n    }\r\n\r\n    #ha-product-title-contact .ha-title{\r\n        font-size:var(--ha-title-tablet) !important;\r\n        max-width:100%;\r\n    }\r\n}\r\n\r\n\/* ==========================================================\r\nMOBILE\r\n========================================================== *\/\r\n\r\n@media only screen and (max-width:767px){\r\n\r\n    #ha-product-title-contact{\r\n\r\n        --ha-padding-top:40px;\r\n        --ha-padding-bottom:20px;\r\n        --ha-padding-side:20px;\r\n    }\r\n\r\n    #ha-product-title-contact .ha-container{\r\n        justify-content:flex-start;\r\n        text-align:left;\r\n    }\r\n\r\n    #ha-product-title-contact .ha-title{\r\n\r\n        font-size:var(--ha-title-mobile) !important;\r\n        line-height:1.15 !important;\r\n        letter-spacing:-1px !important;\r\n        max-width:100%;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"ha-container\">\r\n\r\n    <h1 class=\"ha-title\">\r\n        Li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i \u0111\u1ec3 nh\u1eadn t\u01b0 v\u1ea5n b\u00e1o gi\u00e1?\r\n    <\/h1>\r\n\r\n<\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d866845 e-con-full e-flex e-con e-parent\" data-id=\"d866845\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6de62b6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6de62b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"ha-enterprise-contact\">\r\n\r\n<style>\r\n\r\n#ha-enterprise-contact,\r\n#ha-enterprise-contact *{\r\n    box-sizing:border-box;\r\n    font-family:Inter,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\r\n}\r\n\r\n#ha-enterprise-contact{\r\n    color:#0b1220;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n#ha-enterprise-contact .hero{\r\n    max-width:1280px;\r\n    margin:auto;\r\n    padding:120px 24px 60px;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n#ha-enterprise-contact .grid{\r\n    max-width:1280px;\r\n    margin:auto;\r\n    padding:40px 24px 120px;\r\n    display:grid;\r\n    grid-template-columns:1.1fr .9fr;\r\n    gap:80px;\r\n}\r\n\r\n\/* LEFT *\/\r\n\r\n#ha-enterprise-contact .panel{\r\n    border-top:1px solid #e5e7eb;\r\n}\r\n\r\n#ha-enterprise-contact .row{\r\n    padding:22px 0;\r\n    border-bottom:1px solid #e5e7eb;\r\n}\r\n\r\n#ha-enterprise-contact .label{\r\n    font-size:11px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    color:#64748b;\r\n}\r\n\r\n#ha-enterprise-contact .value{\r\n    margin-top:6px;\r\n    font-size:15px;\r\n    line-height:1.7;\r\n}\r\n\r\n\/* FORM CARD *\/\r\n\r\n#ha-enterprise-contact .card{\r\n    background:rgba(255,255,255,.82);\r\n    backdrop-filter:blur(16px);\r\n    border:1px solid rgba(229,231,235,.9);\r\n    border-radius:20px;\r\n    padding:40px;\r\n    box-shadow:0 30px 80px rgba(0,0,0,.06);\r\n}\r\n\r\n#ha-enterprise-contact form{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:14px;\r\n}\r\n\r\n#ha-enterprise-contact input,\r\n#ha-enterprise-contact textarea{\r\n    width:100%;\r\n    border:1px solid #e5e7eb;\r\n    border-radius:10px;\r\n    padding:15px 16px;\r\n    font-size:15px;\r\n    outline:none;\r\n    transition:.25s;\r\n    background:transparent;\r\n}\r\n\r\n#ha-enterprise-contact textarea{\r\n    min-height:140px;\r\n    resize:none;\r\n}\r\n\r\n#ha-enterprise-contact input:focus,\r\n#ha-enterprise-contact textarea:focus{\r\n    border-color:#07193C;\r\n    box-shadow:0 0 0 3px rgba(7,25,60,.08);\r\n}\r\n\r\n\/* BUTTON - \u0110\u00c3 CH\u1ec8NH S\u1eecA FULL WIDTH V\u00c0 C\u0102N GI\u1eeeA *\/\r\n\r\n#ha-enterprise-contact button{\r\n    margin-top:8px;\r\n    height:54px;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border:1.5px solid #07193C;\r\n    border-radius:0px;\r\n    background:transparent;\r\n    color:#07193C;\r\n    font-weight:600;\r\n    font-size:15px;\r\n    cursor:pointer;\r\n    transition:.3s;\r\n}\r\n\r\n#ha-enterprise-contact button:hover{\r\n    background:#07193C;\r\n    color:#fff;\r\n}\r\n\r\n#ha-enterprise-contact button.loading{\r\n    opacity:.7;\r\n    pointer-events:none;\r\n}\r\n\r\n\/* POPUP *\/\r\n\r\n#ha-enterprise-contact .popup{\r\n    position:fixed;\r\n    inset:0;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    background:rgba(0,0,0,.45);\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transition:.3s;\r\n    z-index:99999;\r\n}\r\n\r\n#ha-enterprise-contact .popup.show{\r\n    opacity:1;\r\n    visibility:visible;\r\n}\r\n\r\n#ha-enterprise-contact .popup-box{\r\n    width:420px;\r\n    max-width:92%;\r\n    background:#fff;\r\n    border-radius:18px;\r\n    padding:40px;\r\n    text-align:center;\r\n    box-shadow:0 30px 80px rgba(0,0,0,.18);\r\n}\r\n\r\n#ha-enterprise-contact .popup-box svg{\r\n    width:72px;\r\n    height:72px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n#ha-enterprise-contact .popup-box h2{\r\n    font-size:28px;\r\n    margin-bottom:12px;\r\n}\r\n\r\n#ha-enterprise-contact .popup-box p{\r\n    color:#64748b;\r\n    line-height:1.8;\r\n    margin-bottom:28px;\r\n}\r\n\r\n#ha-enterprise-contact .popup-box button{\r\n    width:100%;\r\n}\r\n\r\n@media(max-width:900px){\r\n\r\n#ha-enterprise-contact .grid{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n}\r\n\r\n#ha-enterprise-contact .card{\r\n    padding:26px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"hero\"><\/section>\r\n\r\n<section class=\"grid\">\r\n\r\n<div>\r\n\r\n<div class=\"panel\">\r\n\r\n<div class=\"row\">\r\n<div class=\"label\">Tr\u1ee5 s\u1edf<\/div>\r\n<div class=\"value\">Vi\u1ec7t Nam<\/div>\r\n<\/div>\r\n\r\n<div class=\"row\">\r\n<div class=\"label\">\u0110i\u1ec7n tho\u1ea1i<\/div>\r\n<div class=\"value\">+84 123 456 789<\/div>\r\n<\/div>\r\n\r\n<div class=\"row\">\r\n<div class=\"label\">Email<\/div>\r\n<div class=\"value\">vattuhaianh.vn@gmail.com<\/div>\r\n<\/div>\r\n\r\n<div class=\"row\">\r\n<div class=\"label\">B\u1ed9 ph\u1eadn<\/div>\r\n<div class=\"value\">Ph\u00f2ng H\u1ee3p t\u00e1c Doanh nghi\u1ec7p<\/div>\r\n<\/div>\r\n\r\n<div class=\"row\">\r\n<div class=\"label\">Gi\u1edd l\u00e0m vi\u1ec7c<\/div>\r\n<div class=\"value\">Th\u1ee9 Hai - Th\u1ee9 B\u1ea3y | 08:00 - 17:30<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"card\">\r\n\r\n<form id=\"contactForm\">\r\n\r\n<input name=\"name\" placeholder=\"H\u1ecd v\u00e0 t\u00ean *\" required>\r\n\r\n<input name=\"company\" placeholder=\"T\u00ean c\u00f4ng ty *\" required>\r\n\r\n<input name=\"phone\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i *\" required>\r\n\r\n<input type=\"email\" name=\"email\" placeholder=\"Email *\" required>\r\n\r\n<textarea name=\"message\" placeholder=\"N\u1ed9i dung c\u1ea7n t\u01b0 v\u1ea5n *\" required><\/textarea>\r\n\r\n<input type=\"hidden\" name=\"_subject\" value=\"Y\u00eau c\u1ea7u li\u00ean h\u1ec7 m\u1edbi\">\r\n\r\n<input type=\"hidden\" name=\"_captcha\" value=\"true\">\r\n\r\n<input type=\"hidden\" name=\"_template\" value=\"table\">\r\n\r\n<\/form>\r\n\r\n<button id=\"submitBtn\">\r\nG\u1eedi y\u00eau c\u1ea7u \u2192\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<div class=\"popup\" id=\"thankPopup\">\r\n\r\n<div class=\"popup-box\">\r\n\r\n<svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n<circle cx=\"32\" cy=\"32\" r=\"30\" stroke=\"#22c55e\" stroke-width=\"4\"\/>\r\n<path d=\"M18 33L28 43L46 22\"\r\nstroke=\"#22c55e\"\r\nstroke-width=\"4\"\r\nstroke-linecap=\"round\"\r\nstroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n\r\n<h2>C\u1ea3m \u01a1n!<\/h2>\r\n\r\n<p>\r\nY\u00eau c\u1ea7u c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c g\u1eedi th\u00e0nh c\u00f4ng.<br><br>\r\n\u0110\u1ed9i ng\u0169 c\u1ee7a ch\u00fang t\u00f4i s\u1ebd li\u00ean h\u1ec7 v\u1edbi b\u1ea1n trong th\u1eddi gian s\u1edbm nh\u1ea5t.\r\n<\/p>\r\n\r\n<button onclick=\"closePopup()\">\r\n\u0110\u00f3ng\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nconst form=document.getElementById(\"contactForm\");\r\nconst btn=document.getElementById(\"submitBtn\");\r\n\r\nbtn.onclick=async()=>{\r\n\r\nif(!form.reportValidity()) return;\r\n\r\nbtn.classList.add(\"loading\");\r\nbtn.innerHTML=\"\u0110ang g\u1eedi...\";\r\n\r\nconst data=new FormData(form);\r\n\r\ntry{\r\n\r\nconst res=await fetch(\"https:\/\/formsubmit.co\/ajax\/vattuhaianh.vn@gmail.com\",{\r\nmethod:\"POST\",\r\nbody:data,\r\nheaders:{\r\nAccept:\"application\/json\"\r\n}\r\n});\r\n\r\nconst json=await res.json();\r\n\r\nif(json.success){\r\n\r\ndocument.getElementById(\"thankPopup\").classList.add(\"show\");\r\n\r\nform.reset();\r\n\r\n}\r\n\r\n}catch(e){\r\n\r\nalert(\"Kh\u00f4ng th\u1ec3 g\u1eedi y\u00eau c\u1ea7u. Vui l\u00f2ng th\u1eed l\u1ea1i.\");\r\n\r\n}\r\n\r\nbtn.classList.remove(\"loading\");\r\nbtn.innerHTML=\"G\u1eedi y\u00eau c\u1ea7u \u2192\";\r\n\r\n}\r\n\r\nfunction closePopup(){\r\n\r\ndocument.getElementById(\"thankPopup\").classList.remove(\"show\");\r\n\r\n}\r\n\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Leading supplier of industrial materials in Vietnam Reliable solutions for factories, projects and construction partners. Explore products 10,000+ product codes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"","ast-banner-title-visibility":"","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":"","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-215","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vattuhaianh.vn\/index.php?rest_route=\/wp\/v2\/pages\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vattuhaianh.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vattuhaianh.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vattuhaianh.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vattuhaianh.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=215"}],"version-history":[{"count":1642,"href":"https:\/\/vattuhaianh.vn\/index.php?rest_route=\/wp\/v2\/pages\/215\/revisions"}],"predecessor-version":[{"id":5383,"href":"https:\/\/vattuhaianh.vn\/index.php?rest_route=\/wp\/v2\/pages\/215\/revisions\/5383"}],"wp:attachment":[{"href":"https:\/\/vattuhaianh.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}