{"id":59,"date":"2025-11-06T14:21:50","date_gmt":"2025-11-06T07:21:50","guid":{"rendered":"https:\/\/wucode.net\/staging\/?page_id=59"},"modified":"2026-04-25T13:31:32","modified_gmt":"2026-04-25T06:31:32","slug":"hoi-dap","status":"publish","type":"page","link":"https:\/\/www.wucode.net\/en\/hoi-dap\/","title":{"rendered":"FAQ"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"59\" class=\"elementor elementor-59\" data-elementor-post-type=\"page\">\n\t\t\t\t<div role=\"main\" class=\"elementor-element elementor-element-d75b938 e-con-full e-flex e-con e-parent\" data-id=\"d75b938\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5098b82 elementor-widget elementor-widget-particle_hero_section\" data-id=\"5098b82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"particle_hero_section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<style>\n\t\t\t#container-ph_canvas_5098b82 {\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\t\t\t#canvas-ph_canvas_5098b82 {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0; left: 0; right: 0; bottom: 0;\n\t\t\t\tz-index: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\t#container-ph_canvas_5098b82 .ph-overlay {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0; left: 0; right: 0; bottom: 0;\n\t\t\t\tz-index: 5;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\t#container-ph_canvas_5098b82 .ph-content-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\tz-index: 10;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\ttext-align: center;\n\t\t\t\tpointer-events: none; \n\t\t\t}\n\t\t\t#container-ph_canvas_5098b82 .ph-button {\n\t\t\t\tpointer-events: auto;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t<\/style>\n\n\t\t<div id=\"container-ph_canvas_5098b82\" class=\"ph-container\">\n\t\t\t<canvas id=\"canvas-ph_canvas_5098b82\"><\/canvas>\n\t\t\t<div class=\"ph-overlay\"><\/div> <!-- Th\u00eam Background Overlay -->\n\t\t\t\n\t\t\t<div class=\"ph-content-wrapper\" id=\"content-ph_canvas_5098b82\">\n\t\t\t\t<div class=\"ph-heading-1\"><\/div>\n\t\t\t\t<div class=\"ph-heading-2\"><\/div>\n\t\t\t\t\n\t\t\t\t<a class=\"ph-button\">\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<script>\n\t\t(function() {\n\t\t\tconst initCanvasWidget = () => {\n\t\t\t\tconst instanceId = 'ph_canvas_5098b82';\n\t\t\t\tconst config = {\"shapeType\":\"complex-svg\",\"shapeText\":null,\"shapeFontSize\":1200,\"iconPath\":null,\"iconViewBox\":null,\"svgSource\":\"media\",\"svgUrl\":\"https:\\\/\\\/www.wucode.net\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/QA-banner.png\",\"svgInline\":null,\"shapeThickness\":15,\"particleShape\":\"diamond\",\"colors\":{\"base\":\"#000000\",\"accent1\":\"#000000\",\"accent2\":\"#000000\",\"shape\":null},\"triggerMode\":{\"desktop\":\"scroll\",\"tablet\":\"\",\"mobile\":\"\"},\"shapeSize\":{\"desktop\":70,\"tablet\":50,\"mobile\":60},\"totalParticles\":{\"desktop\":3500,\"tablet\":3000,\"mobile\":1500},\"particleSize\":{\"desktop\":2,\"tablet\":1.2,\"mobile\":1},\"animationSpeed\":{\"desktop\":0.1,\"tablet\":\"\",\"mobile\":0.15},\"shapePositionX\":{\"desktop\":0.7,\"tablet\":\"\",\"mobile\":0.7},\"shapePositionY\":{\"desktop\":0.5,\"tablet\":\"\",\"mobile\":0.8}};\n\t\t\t\tconst canvas = document.getElementById('canvas-' + instanceId);\n\t\t\t\tconst container = document.getElementById('container-' + instanceId);\n\t\t\t\t\n\t\t\t\tif (!canvas || !container || container.clientWidth === 0 || container.clientHeight === 0) {\n\t\t\t\t\tsetTimeout(initCanvasWidget, 100);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tconst ctx = canvas.getContext('2d', { willReadFrequently: true });\n\t\t\t\t\n\t\t\t\tlet isHovered = false;\n\t\t\t\tlet animationFrameId;\n\t\t\t\tlet particles = [];\n\t\t\t\tlet targetPoints = [];\n\t\t\t\tlet shapeParticleCount = 0;\n\t\t\t\tlet width = 0;\n\t\t\t\tlet height = 0;\n\t\t\t\tlet hoverTime = 0;\n\t\t\t\tlet isIntersecting = false;\n\t\t\t\tlet isVisible = true; \n\n\t\t\t\tconst getResVal = (valObj, w) => {\n\t\t\t\t\tif (w <= 767 && valObj.mobile !== '') return parseFloat(valObj.mobile);\n\t\t\t\t\tif (w <= 1024 && valObj.tablet !== '') return parseFloat(valObj.tablet);\n\t\t\t\t\treturn parseFloat(valObj.desktop);\n\t\t\t\t};\n\t\t\t\t\n\t\t\t\tconst getResString = (valObj, w) => {\n\t\t\t\t\tif (w <= 767 && valObj.mobile !== '') return valObj.mobile;\n\t\t\t\t\tif (w <= 1024 && valObj.tablet !== '') return valObj.tablet;\n\t\t\t\t\treturn valObj.desktop;\n\t\t\t\t};\n\n\t\t\t\tconst handleHoverIn = () => {\n\t\t\t\t\tif (getResString(config.triggerMode, window.innerWidth) === 'hover') isHovered = true;\n\t\t\t\t};\n\t\t\t\t\n\t\t\t\tconst handleHoverOut = () => {\n\t\t\t\t\tif (getResString(config.triggerMode, window.innerWidth) === 'hover') isHovered = false;\n\t\t\t\t};\n\n\t\t\t\tcontainer.addEventListener('mouseenter', handleHoverIn);\n\t\t\t\tcontainer.addEventListener('mouseleave', handleHoverOut);\n\t\t\t\tcontainer.addEventListener('touchstart', handleHoverIn, { passive: true });\n\t\t\t\tcontainer.addEventListener('touchend', handleHoverOut);\n\t\t\t\tcontainer.addEventListener('touchcancel', handleHoverOut);\n\n\t\t\t\tconst observer = new IntersectionObserver((entries) => {\n\t\t\t\t\tentries.forEach(entry => {\n\t\t\t\t\t\tisVisible = entry.isIntersecting; \n\t\t\t\t\t\t\n\t\t\t\t\t\tif (entry.intersectionRatio >= 0.4) {\n\t\t\t\t\t\t\tisIntersecting = true;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tisIntersecting = false;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tif (getResString(config.triggerMode, window.innerWidth) === 'scroll') {\n\t\t\t\t\t\t\tisHovered = isIntersecting;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}, { threshold: [0, 0.4] });\n\t\t\t\tobserver.observe(container);\n\n\t\t\t\tconst dpr = window.devicePixelRatio || 1;\n\n\t\t\t\tconst initParticles = async () => {\n\t\t\t\t\twidth = container.clientWidth;\n\t\t\t\t\theight = container.clientHeight;\n\n\t\t\t\t\tif (width <= 0 || height <= 0) return false;\n\n\t\t\t\t\tconst currentTrigger = getResString(config.triggerMode, window.innerWidth);\n\t\t\t\t\tif (currentTrigger === 'scroll') {\n\t\t\t\t\t\tisHovered = isIntersecting;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tisHovered = false; \n\t\t\t\t\t}\n\n\t\t\t\t\tconst currentParticlesCount = getResVal(config.totalParticles, window.innerWidth);\n\t\t\t\t\tconst currentPSize = getResVal(config.particleSize, window.innerWidth);\n\t\t\t\t\tconst currentSpeed = getResVal(config.animationSpeed, window.innerWidth);\n\t\t\t\t\tconst currentPosX = getResVal(config.shapePositionX, window.innerWidth);\n\t\t\t\t\tconst currentPosY = getResVal(config.shapePositionY, window.innerWidth);\n\t\t\t\t\tconst currentShapeSize = getResVal(config.shapeSize, window.innerWidth);\n\n\t\t\t\t\tcanvas.width = width * dpr;\n\t\t\t\t\tcanvas.height = height * dpr;\n\t\t\t\t\tcanvas.style.width = width + 'px';\n\t\t\t\t\tcanvas.style.height = height + 'px';\n\t\t\t\t\t\n\t\t\t\t\tctx.setTransform(1, 0, 0, 1, 0, 0);\n\t\t\t\t\tctx.scale(dpr, dpr);\n\n\t\t\t\t\tconst offCanvas = document.createElement('canvas');\n\t\t\t\t\tconst offCtx = offCanvas.getContext('2d', { willReadFrequently: true });\n\t\t\t\t\toffCanvas.width = width;\n\t\t\t\t\toffCanvas.height = height;\n\t\t\t\t\t\n\t\t\t\t\tconst maxAllowedWidth = width * (currentShapeSize \/ 100);\n\t\t\t\t\t\n\t\t\t\t\tif (config.shapeType === 'complex-svg') {\n\t\t\t\t\t\tawait new Promise((resolve) => {\n\t\t\t\t\t\t\tconst img = new Image();\n\t\t\t\t\t\t\timg.crossOrigin = \"Anonymous\"; \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\timg.onload = () => {\n\t\t\t\t\t\t\t\tconst imgAspect = img.width \/ (img.height || 1);\n\t\t\t\t\t\t\t\tlet drawWidth = maxAllowedWidth;\n\t\t\t\t\t\t\t\tlet drawHeight = drawWidth \/ imgAspect;\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tif (drawHeight > height * (currentShapeSize \/ 100)) {\n\t\t\t\t\t\t\t\t\tdrawHeight = height * (currentShapeSize \/ 100);\n\t\t\t\t\t\t\t\t\tdrawWidth = drawHeight * imgAspect;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\toffCtx.drawImage(\n\t\t\t\t\t\t\t\t\timg, \n\t\t\t\t\t\t\t\t\twidth * currentPosX - drawWidth \/ 2, \n\t\t\t\t\t\t\t\t\theight * currentPosY - drawHeight \/ 2, \n\t\t\t\t\t\t\t\t\tdrawWidth, \n\t\t\t\t\t\t\t\t\tdrawHeight\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tresolve();\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\timg.onerror = resolve; \n\n\t\t\t\t\t\t\tif (config.svgSource === 'media' && config.svgUrl) {\n\t\t\t\t\t\t\t\timg.src = config.svgUrl;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\timg.src = 'data:image\/svg+xml;charset=utf-8,' + encodeURIComponent(config.svgInline);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\n\t\t\t\t\t} else if (config.shapeType === 'icon') {\n\t\t\t\t\t\tconst path = new Path2D(config.iconPath);\n\t\t\t\t\t\tconst scale = maxAllowedWidth \/ config.iconViewBox;\n\t\t\t\t\t\t\n\t\t\t\t\t\toffCtx.translate(width * currentPosX, height * currentPosY);\n\t\t\t\t\t\toffCtx.scale(scale, scale);\n\t\t\t\t\t\toffCtx.translate(-config.iconViewBox \/ 2, -config.iconViewBox \/ 2);\n\t\t\t\t\t\t\n\t\t\t\t\t\toffCtx.lineWidth = config.shapeThickness \/ scale; \n\t\t\t\t\t\toffCtx.strokeStyle = 'black';\n\t\t\t\t\t\toffCtx.lineCap = 'round';\n\t\t\t\t\t\toffCtx.lineJoin = 'round';\n\t\t\t\t\t\toffCtx.stroke(path);\n\t\t\t\t\t\t\n\t\t\t\t\t\toffCtx.setTransform(1, 0, 0, 1, 0, 0); \n\t\t\t\t\t} else {\n\t\t\t\t\t\tlet fontSize = config.shapeFontSize;\n\t\t\t\t\t\toffCtx.font = \"bold \" + fontSize + \"px sans-serif\";\n\t\t\t\t\t\t\n\t\t\t\t\t\tlet textWidth = offCtx.measureText(config.shapeText).width;\n\t\t\t\t\t\tif (textWidth > maxAllowedWidth && textWidth > 0) {\n\t\t\t\t\t\t\tfontSize = Math.floor(fontSize * (maxAllowedWidth \/ textWidth));\n\t\t\t\t\t\t\toffCtx.font = \"bold \" + fontSize + \"px sans-serif\";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\toffCtx.textAlign = 'center';\n\t\t\t\t\t\toffCtx.textBaseline = 'middle';\n\t\t\t\t\t\toffCtx.lineWidth = config.shapeThickness;\n\t\t\t\t\t\toffCtx.strokeStyle = 'black';\n\t\t\t\t\t\toffCtx.lineCap = 'round';\n\t\t\t\t\t\toffCtx.lineJoin = 'round';\n\t\t\t\t\t\toffCtx.strokeText(config.shapeText, width * currentPosX, height * currentPosY);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst imgData = offCtx.getImageData(0, 0, width, height).data;\n\t\t\t\t\ttargetPoints = [];\n\t\t\t\t\tconst gap = Math.max(Math.floor(width \/ 250), 4); \n\n\t\t\t\t\tfor (let y = 0; y < height; y += gap) {\n\t\t\t\t\t\tfor (let x = 0; x < width; x += gap) {\n\t\t\t\t\t\t\tconst index = (y * width + x) * 4;\n\t\t\t\t\t\t\tconst r = imgData[index];\n\t\t\t\t\t\t\tconst g = imgData[index + 1];\n\t\t\t\t\t\t\tconst b = imgData[index + 2];\n\t\t\t\t\t\t\tconst alpha = imgData[index + 3];\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (alpha > 50) {\n\t\t\t\t\t\t\t\tconst originalColor = config.shapeType === 'complex-svg' \n\t\t\t\t\t\t\t\t\t? \"rgba(\" + r + \",\" + g + \",\" + b + \",\" + (alpha \/ 255) + \")\" \n\t\t\t\t\t\t\t\t\t: config.colors.shape;\n\t\t\t\t\t\t\t\ttargetPoints.push({ x: x, y: y, color: originalColor });\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (targetPoints.length > currentParticlesCount * 0.85) {\n\t\t\t\t\t\ttargetPoints.sort(() => Math.random() - 0.5);\n\t\t\t\t\t\ttargetPoints = targetPoints.slice(0, Math.floor(currentParticlesCount * 0.85));\n\t\t\t\t\t}\n\n\t\t\t\t\tparticles = [];\n\t\t\t\t\tshapeParticleCount = targetPoints.length;\n\n\t\t\t\t\tfor (let i = 0; i < currentParticlesCount; i++) {\n\t\t\t\t\t\tconst isShapeParticle = i < shapeParticleCount;\n\t\t\t\t\t\tconst target = isShapeParticle ? targetPoints[i] : null;\n\n\t\t\t\t\t\tlet particleType = 'bg-float';\n\t\t\t\t\t\tif (isShapeParticle) {\n\t\t\t\t\t\t\tparticleType = 'shape';\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tparticleType = Math.random() < 0.25 ? 'bg-suck' : 'bg-float';\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst randomShapeTarget = shapeParticleCount > 0 \n\t\t\t\t\t\t\t? targetPoints[Math.floor(Math.random() * shapeParticleCount)] \n\t\t\t\t\t\t\t: { x: width * currentPosX, y: height * currentPosY };\n\n\t\t\t\t\t\tlet hoverColor = config.colors.base;\n\t\t\t\t\t\tif (isShapeParticle) {\n\t\t\t\t\t\t\thoverColor = target.color; \n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rand = Math.random();\n\t\t\t\t\t\t\tif (rand > 0.98) hoverColor = config.colors.accent1;\n\t\t\t\t\t\t\telse if (rand > 0.8) hoverColor = config.colors.accent2;\n\t\t\t\t\t\t\telse hoverColor = config.colors.base;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tparticles.push({\n\t\t\t\t\t\t\tx: Math.random() * width,\n\t\t\t\t\t\t\ty: Math.random() * height,\n\t\t\t\t\t\t\toriginX: Math.random() * width,\n\t\t\t\t\t\t\toriginY: Math.random() * height,\n\t\t\t\t\t\t\ttargetX: target ? target.x : Math.random() * width,\n\t\t\t\t\t\t\ttargetY: target ? target.y : Math.random() * height,\n\t\t\t\t\t\t\tmagnetX: randomShapeTarget.x,\n\t\t\t\t\t\t\tmagnetY: randomShapeTarget.y,\n\t\t\t\t\t\t\ttype: particleType,\n\t\t\t\t\t\t\tsize: Math.random() * (currentPSize * 0.8) + (currentPSize * 0.4),\n\t\t\t\t\t\t\tcolorHover: hoverColor,\n\t\t\t\t\t\t\tvx: (Math.random() - 0.5) * 0.3,\n\t\t\t\t\t\t\tvy: (Math.random() - 0.5) * 0.3,\n\t\t\t\t\t\t\tconfigSpeed: currentSpeed\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tparticles.sort((a, b) => a.colorHover.localeCompare(b.colorHover));\n\t\t\t\t\t\n\t\t\t\t\treturn true;\n\t\t\t\t};\n\n\t\t\t\tconst draw = () => {\n\t\t\t\t\tif (!document.body.contains(canvas)) {\n\t\t\t\t\t\tif (animationFrameId) cancelAnimationFrame(animationFrameId);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tanimationFrameId = requestAnimationFrame(draw);\n\n\t\t\t\t\tif (!isVisible) return; \n\n\t\t\t\t\tif (width > 0 && height > 0) {\n\t\t\t\t\t\tctx.clearRect(0, 0, width, height);\n\n\t\t\t\t\t\tif (isHovered) hoverTime++; else hoverTime = 0;\n\n\t\t\t\t\t\tlet lastColor = null;\n\t\t\t\t\t\tctx.beginPath(); \n\n\t\t\t\t\t\tparticles.forEach(p => {\n\t\t\t\t\t\t\tlet tx, ty;\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (isHovered) {\n\t\t\t\t\t\t\t\tif (p.type === 'shape') {\n\t\t\t\t\t\t\t\t\ttx = p.targetX; ty = p.targetY;\n\t\t\t\t\t\t\t\t\tp.x += (tx - p.x) * p.configSpeed;\n\t\t\t\t\t\t\t\t\tp.y += (ty - p.y) * p.configSpeed;\n\t\t\t\t\t\t\t\t} else if (p.type === 'bg-suck' && hoverTime > 40) {\n\t\t\t\t\t\t\t\t\tconst dx = p.magnetX - p.originX;\n\t\t\t\t\t\t\t\t\tconst dy = p.magnetY - p.originY;\n\t\t\t\t\t\t\t\t\tconst dist = Math.sqrt(dx * dx + dy * dy);\n\n\t\t\t\t\t\t\t\t\tif (dist < 20) {\n\t\t\t\t\t\t\t\t\t\tconst angle = Math.random() * Math.PI * 2;\n\t\t\t\t\t\t\t\t\t\tconst radius = Math.max(width, height) * 0.6; \n\t\t\t\t\t\t\t\t\t\tp.originX = width \/ 2 + Math.cos(angle) * radius;\n\t\t\t\t\t\t\t\t\t\tp.originY = height \/ 2 + Math.sin(angle) * radius;\n\t\t\t\t\t\t\t\t\t\tp.x = p.originX; p.y = p.originY;\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tconst newTarget = shapeParticleCount > 0 \n\t\t\t\t\t\t\t\t\t\t\t? targetPoints[Math.floor(Math.random() * shapeParticleCount)] \n\t\t\t\t\t\t\t\t\t\t\t: { x: width \/ 2, y: height \/ 2 };\n\t\t\t\t\t\t\t\t\t\tp.magnetX = newTarget.x;\n\t\t\t\t\t\t\t\t\t\tp.magnetY = newTarget.y;\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tp.originX += dx * 0.01; \n\t\t\t\t\t\t\t\t\t\tp.originY += dy * 0.01;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\ttx = p.originX; ty = p.originY;\n\t\t\t\t\t\t\t\t\tp.x += (tx - p.x) * p.configSpeed;\n\t\t\t\t\t\t\t\t\tp.y += (ty - p.y) * p.configSpeed;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tp.originX += p.vx; p.originY += p.vy;\n\t\t\t\t\t\t\t\t\tif (p.originX < 0 || p.originX > width) p.vx *= -1;\n\t\t\t\t\t\t\t\t\tif (p.originY < 0 || p.originY > height) p.vy *= -1;\n\t\t\t\t\t\t\t\t\ttx = p.originX; ty = p.originY;\n\t\t\t\t\t\t\t\t\tp.x += (tx - p.x) * p.configSpeed;\n\t\t\t\t\t\t\t\t\tp.y += (ty - p.y) * p.configSpeed;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tp.originX += p.vx; p.originY += p.vy;\n\t\t\t\t\t\t\t\tif (p.originX < 0 || p.originX > width) p.vx *= -1;\n\t\t\t\t\t\t\t\tif (p.originY < 0 || p.originY > height) p.vy *= -1;\n\t\t\t\t\t\t\t\ttx = p.originX; ty = p.originY;\n\t\t\t\t\t\t\t\tp.x += (tx - p.x) * p.configSpeed;\n\t\t\t\t\t\t\t\tp.y += (ty - p.y) * p.configSpeed;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tlet currentColor = isHovered ? p.colorHover : config.colors.base;\n\n\t\t\t\t\t\t\tif (currentColor !== lastColor) {\n\t\t\t\t\t\t\t\tif (lastColor !== null) ctx.fill(); \n\t\t\t\t\t\t\t\tctx.fillStyle = currentColor;\n\t\t\t\t\t\t\t\tctx.beginPath();\n\t\t\t\t\t\t\t\tlastColor = currentColor;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\/\/ Thu\u1eadt to\u00e1n v\u1ebd h\u00ecnh d\u1ea1ng (Shape Generator)\n\t\t\t\t\t\t\tif (config.particleShape === 'square') {\n\t\t\t\t\t\t\t\tctx.rect(p.x - p.size, p.y - p.size, p.size * 2, p.size * 2);\n\t\t\t\t\t\t\t} else if (config.particleShape === 'triangle') {\n\t\t\t\t\t\t\t\tctx.moveTo(p.x, p.y - p.size);\n\t\t\t\t\t\t\t\tctx.lineTo(p.x + p.size, p.y + p.size);\n\t\t\t\t\t\t\t\tctx.lineTo(p.x - p.size, p.y + p.size);\n\t\t\t\t\t\t\t\tctx.lineTo(p.x, p.y - p.size);\n\t\t\t\t\t\t\t} else if (config.particleShape === 'diamond') {\n\t\t\t\t\t\t\t\tctx.moveTo(p.x, p.y - p.size);\n\t\t\t\t\t\t\t\tctx.lineTo(p.x + p.size, p.y);\n\t\t\t\t\t\t\t\tctx.lineTo(p.x, p.y + p.size);\n\t\t\t\t\t\t\t\tctx.lineTo(p.x - p.size, p.y);\n\t\t\t\t\t\t\t\tctx.lineTo(p.x, p.y - p.size);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ Default l\u00e0 Circle (H\u00ecnh tr\u00f2n)\n\t\t\t\t\t\t\t\tctx.moveTo(p.x + p.size, p.y);\n\t\t\t\t\t\t\t\tctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\t\n\t\t\t\t\t\tif (lastColor !== null) ctx.fill(); \n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\tconst run = async () => {\n\t\t\t\t\tif (document.fonts) {\n\t\t\t\t\t\tawait document.fonts.ready;\n\t\t\t\t\t}\n\t\t\t\t\tawait initParticles();\n\t\t\t\t\tdraw();\n\t\t\t\t};\n\n\t\t\t\trun();\n\n\t\t\t\tlet resizeTimeout;\n\t\t\t\tconst resizeObserver = new ResizeObserver((entries) => {\n\t\t\t\t\tfor (let entry of entries) {\n\t\t\t\t\t\tclearTimeout(resizeTimeout);\n\t\t\t\t\t\tresizeTimeout = setTimeout(async () => {\n\t\t\t\t\t\t\tawait initParticles();\n\t\t\t\t\t\t}, 150);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tresizeObserver.observe(container);\n\t\t\t};\n\n\t\t\tif (document.readyState === 'loading') {\n\t\t\t\tdocument.addEventListener('DOMContentLoaded', initCanvasWidget);\n\t\t\t} else {\n\t\t\t\tsetTimeout(initCanvasWidget, 50);\n\t\t\t}\n\t\t})();\n\t\t<\/script>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"main\" class=\"elementor-element elementor-element-ea82d0e e-flex e-con-boxed e-con e-child\" data-id=\"ea82d0e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48f060e elementor-widget elementor-widget-heading\" data-id=\"48f060e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21a0e94 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"21a0e94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">D\u01b0\u1edbi \u0111\u00e2y ch\u00fang t\u00f4i cung c\u1ea5p m\u1ed9t s\u1ed1 h\u01b0\u1edbng d\u1eabn h\u1eefu \u00edch gi\u00fap b\u1ea1n ti\u1ebft ki\u1ec7m th\u1eddi gian trong vi\u1ec7c x\u00e1c \u0111\u1ecbnh xem ch\u00fang t\u00f4i c\u00f3 ph\u00f9 h\u1ee3p v\u1edbi b\u1ea1n ho\u1eb7c d\u1ef1 \u00e1n c\u1ee7a b\u1ea1n hay kh\u00f4ng.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"main\" class=\"elementor-element elementor-element-f5e2fbd e-flex e-con-boxed e-con e-parent\" data-id=\"f5e2fbd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5994228 elementor-widget elementor-widget-n-accordion\" data-id=\"5994228\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9390\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-9390\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> B\u1ea1n \u0111ang l\u00e0m d\u1ef1 \u00e1n g\u00ec? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"main region\" aria-labelledby=\"e-n-accordion-item-9390\" class=\"elementor-element elementor-element-24b3cb2 e-con-full e-flex e-con e-child\" data-id=\"24b3cb2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c0293a elementor-widget elementor-widget-text-editor\" data-id=\"4c0293a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Quy m\u00f4 d\u1ef1 \u00e1n c\u1ee7a ch\u00fang t\u00f4i \u0111a d\u1ea1ng, th\u01b0\u1eddng ph\u1ee5 thu\u1ed9c v\u00e0o lo\u1ea1i h\u00ecnh d\u1ecbch v\u1ee5. C\u00e1c d\u1ef1 \u00e1n ch\u00fang t\u00f4i y\u00eau th\u00edch \u0111\u1ec1u b\u1eaft ngu\u1ed3n t\u1eeb t\u01b0 duy chi\u1ebfn l\u01b0\u1ee3c s\u00e2u s\u1eafc, t\u1ea1o ra t\u00e1c \u0111\u1ed9ng kinh doanh th\u1ef1c s\u1ef1, lu\u00f4n \u0111\u01b0\u1ee3c d\u1eabn d\u1eaft b\u1edfi thi\u1ebft k\u1ebf \u0111\u1eb9p m\u1eaft.<br \/>V\u00ed d\u1ee5 1: \u0110\u1ecbnh v\u1ecb th\u01b0\u01a1ng hi\u1ec7u &gt; Gi\u1ecdng \u0111i\u1ec7u\/Vi\u1ebft qu\u1ea3ng c\u00e1o &gt; Nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u &gt; Thi\u1ebft k\u1ebf web, UX v\u00e0 ph\u00e1t tri\u1ec3n &gt; Quan h\u1ec7 \u0111\u1ed1i t\u00e1c SiteCare \u0111ang di\u1ec5n ra.<\/p><p>V\u00ed d\u1ee5 2: B\u1ea1n c\u00f3 th\u1ec3 \u0111\u00e3 tr\u1ea3i qua m\u1ed9t quy tr\u00ecnh x\u00e2y d\u1ef1ng th\u01b0\u01a1ng hi\u1ec7u v\u00e0 \u0111ang t\u00ecm ki\u1ebfm KOTA \u0111\u1ec3 hi\u1ec7n th\u1ef1c h\u00f3a n\u00f3 th\u00f4ng qua quy tr\u00ecnh thi\u1ebft k\u1ebf v\u00e0 ph\u00e1t tri\u1ec3n web c\u1ee7a ch\u00fang t\u00f4i.<br \/>B\u1ea1n kh\u00f4ng ch\u1eafc m\u00ecnh c\u1ea7n g\u00ec? Ch\u00fang t\u00f4i lu\u00f4n s\u1eb5n l\u00f2ng <a href=\"https:\/\/www.wucode.net\/lien-he\/\">tr\u00f2 chuy\u1ec7n<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9391\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9391\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> B\u1ea1n l\u00e0m vi\u1ec7c v\u1edbi ng\u00e2n s\u00e1ch n\u00e0o? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"main region\" aria-labelledby=\"e-n-accordion-item-9391\" class=\"elementor-element elementor-element-1db896c e-con-full e-flex e-con e-child\" data-id=\"1db896c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-120f2c2 elementor-widget elementor-widget-text-editor\" data-id=\"120f2c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ch\u00fang t\u00f4i kh\u00f4ng cung c\u1ea5p c\u00e1c gi\u1ea3i ph\u00e1p &#8220;s\u1eb5n s\u00e0ng s\u1eed d\u1ee5ng&#8221; v\u00e0 do \u0111\u00f3 kh\u00f4ng c\u00f3 b\u1ea5t k\u1ef3 m\u1ee9c gi\u00e1 &#8220;s\u1eb5n s\u00e0ng s\u1eed d\u1ee5ng&#8221;. Ph\u1ea7n l\u1edbn c\u00e1c d\u1ef1 \u00e1n tr\u1ecdn g\u00f3i c\u1ee7a ch\u00fang t\u00f4i c\u00f3 gi\u00e1 t\u1eeb 30.000 \u0111\u1ebfn 150.000 b\u1ea3ng Anh,<br \/>nh\u01b0ng chi ph\u00ed d\u1ef1 \u00e1n s\u1ebd ph\u1ee5 thu\u1ed9c v\u00e0o ph\u1ea1m vi c\u00f4ng vi\u1ec7c cu\u1ed1i c\u00f9ng v\u00e0 thay \u0111\u1ed5i t\u00f9y theo t\u1eebng d\u1ef1 \u00e1n. Ch\u00fang t\u00f4i th\u01b0\u1eddng c\u00f3 quy m\u00f4 d\u1ef1 \u00e1n t\u1ed1i thi\u1ec3u l\u00e0 25.000 b\u1ea3ng Anh. Ch\u00fang t\u00f4i \u01b0u ti\u00ean th\u1ecfa thu\u1eadn m\u1ed9t m\u1ee9c chi ph\u00ed c\u1ed1 \u0111\u1ecbnh v\u1edbi c\u00e1c kho\u1ea3n thanh to\u00e1n theo m\u1ed1c \u0111\u00e3 th\u1ecfa thu\u1eadn.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9392\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9392\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\">  M\u1ed9t d\u1ef1 \u00e1n trung b\u00ecnh m\u1ea5t bao l\u00e2u? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"main region\" aria-labelledby=\"e-n-accordion-item-9392\" class=\"elementor-element elementor-element-7895ec8 e-con-full e-flex e-con e-child\" data-id=\"7895ec8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bc9bca elementor-widget elementor-widget-text-editor\" data-id=\"1bc9bca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>M\u1ed9t d\u1ef1 \u00e1n thi\u1ebft k\u1ebf v\u00e0 x\u00e2y d\u1ef1ng web c\u00f3 th\u1ec3 k\u00e9o d\u00e0i kho\u1ea3ng 12-14 tu\u1ea7n, trong khi vi\u1ec7c \u0111\u01b0a th\u01b0\u01a1ng hi\u1ec7u v\u00e0o web v\u00e0 c\u00e1c s\u1ea3n ph\u1ea9m ti\u1ebfp th\u1ecb cho m\u1ed9t chi\u1ebfn d\u1ecbch ra m\u1eaft c\u00f3 th\u1ec3 m\u1ea5t 6 th\u00e1ng ho\u1eb7c h\u01a1n.<br \/>Lu\u00f4n c\u00f3 nhi\u1ec1u c\u00e1ch \u0111\u1ec3 xem x\u00e9t c\u00e1c m\u1ee5c ti\u00eau kinh doanh (ch\u1eb3ng h\u1ea1n nh\u01b0 ra m\u1eaft theo t\u1eebng giai \u0111o\u1ea1n), v\u00ec v\u1eady ngay c\u1ea3 khi khung th\u1eddi gian c\u1ee7a b\u1ea1n kh\u00f4ng ph\u00f9 h\u1ee3p, th\u00ec vi\u1ec7c li\u00ean h\u1ec7 v\u1eabn lu\u00f4n \u0111\u00e1ng gi\u00e1.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9393\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9393\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> B\u1ea1n c\u00f3 th\u1ec3 b\u1eaft \u0111\u1ea7u ngay \u0111\u01b0\u1ee3c kh\u00f4ng? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"main region\" aria-labelledby=\"e-n-accordion-item-9393\" class=\"elementor-element elementor-element-621a225 e-flex e-con-boxed e-con e-child\" data-id=\"621a225\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27040e8 elementor-widget elementor-widget-text-editor\" data-id=\"27040e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Vi\u1ec7c b\u1eaft \u0111\u1ea7u d\u1ef1 \u00e1n th\u01b0\u1eddng bao g\u1ed3m c\u00f4ng vi\u1ec7c t\u1eeb ph\u00eda kh\u00e1ch h\u00e0ng \u0111\u1ec3 \u0111\u1ea1t \u0111\u01b0\u1ee3c th\u1ecfa thu\u1eadn, thu th\u1eadp d\u1eef li\u1ec7u v\u00e0 b\u1eaft \u0111\u1ea7u tr\u1ea3 l\u1eddi b\u1ea3ng c\u00e2u h\u1ecfi. Ngo\u00e0i ra c\u00f2n c\u00f3 c\u00e1c ho\u1ea1t \u0111\u1ed9ng h\u01b0\u1edbng d\u1eabn chung nh\u01b0 qu\u1ea3n l\u00fd d\u1ef1 \u00e1n v\u00e0 l\u1eadp l\u1ecbch tr\u00ecnh d\u1ef1 \u00e1n. Ch\u00fang t\u00f4i c\u0169ng s\u1ebd c\u00f3 bu\u1ed5i kh\u1edfi \u0111\u1ed9ng n\u1ed9i b\u1ed9 \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o s\u1ef1 th\u1ed1ng nh\u1ea5t c\u1ee7a nh\u00f3m. Bu\u1ed5i kh\u1edfi \u0111\u1ed9ng v\u1edbi kh\u00e1ch h\u00e0ng l\u00e0 c\u1ed9t m\u1ed1c \u0111\u1ea7u ti\u00ean, v\u00e0 th\u01b0\u1eddng di\u1ec5n ra trong kho\u1ea3ng th\u1eddi gian t\u1eeb 2-4 tu\u1ea7n k\u1ec3 t\u1eeb khi k\u00fd th\u1ecfa thu\u1eadn.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9394\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9394\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> T\u00f4i r\u1ea5t th\u00edch c\u00f4ng vi\u1ec7c c\u1ee7a b\u1ea1n nh\u01b0ng t\u00f4i kh\u00f4ng th\u1ea5y c\u00f3 kinh nghi\u1ec7m trong l\u0129nh v\u1ef1c c\u1ee7a m\u00ecnh. <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"main region\" aria-labelledby=\"e-n-accordion-item-9394\" class=\"elementor-element elementor-element-903e382 e-flex e-con-boxed e-con e-child\" data-id=\"903e382\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d704031 elementor-widget elementor-widget-text-editor\" data-id=\"d704031\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ch\u00fang t\u00f4i ch\u1ee7 \u0111\u1ed9ng \u0111i\u1ec1u ch\u1ec9nh v\u00e0 thay \u0111\u1ed5i danh m\u1ee5c \u0111\u1ea7u t\u01b0 \u0111\u1ec3 gi\u1eef cho trang web lu\u00f4n h\u1ea5p d\u1eabn v\u00e0 ph\u00f9 h\u1ee3p.<\/p><p>Trong h\u01a1n 9 n\u0103m qua, ch\u00fang t\u00f4i r\u1ea5t may m\u1eafn \u0111\u01b0\u1ee3c h\u1ee3p t\u00e1c v\u1edbi nhi\u1ec1u l\u0129nh v\u1ef1c v\u00e0 th\u01b0\u01a1ng hi\u1ec7u kh\u00e1c nhau, c\u1ea3 B2B l\u1eabn B2C. Ch\u00fang t\u00f4i t\u1ef1 h\u00e0o v\u00ec kh\u00f4ng t\u1eadp trung v\u00e0o m\u1ed9t ng\u00e0nh duy nh\u1ea5t m\u00e0 lu\u00f4n mang \u0111\u1ebfn kinh nghi\u1ec7m t\u1eeb nhi\u1ec1u ng\u00e0nh kh\u00e1c nhau cho t\u1eebng y\u00eau c\u1ea7u. \u0110\u00e2y ch\u00ednh l\u00e0 \u0111i\u1ec1u t\u1ea1o n\u00ean s\u1ef1 kh\u00e1c bi\u1ec7t c\u1ee7a KOTA.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9395\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9395\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> B\u1ea1n c\u00f3 l\u00e0m vi\u1ec7c v\u1edbi m\u1eabu kh\u00f4ng? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"main region\" aria-labelledby=\"e-n-accordion-item-9395\" class=\"elementor-element elementor-element-9136faa e-flex e-con-boxed e-con e-child\" data-id=\"9136faa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-728dafa elementor-widget elementor-widget-text-editor\" data-id=\"728dafa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Kh\u00f4ng. Ch\u00fang t\u00f4i t\u1ef1 h\u00e0o v\u1ec1 c\u1ea3 gi\u1ea3i ph\u00e1p thi\u1ebft k\u1ebf v\u00e0 x\u00e2y d\u1ef1ng \u0111\u01b0\u1ee3c t\u00f9y ch\u1ec9nh theo y\u00eau c\u1ea7u c\u1ee7a d\u1ef1 \u00e1n.<br \/>C\u00e1c m\u1eabu th\u01b0\u1eddng ch\u1ee9a \u0111\u1ea7y m\u00e3 code c\u1ed3ng k\u1ec1nh v\u00e0 nhi\u1ec1u v\u1ea5n \u0111\u1ec1 kh\u00e1c m\u00e0 sau n\u00e0y m\u1edbi \u0111\u01b0\u1ee3c ph\u00e1t hi\u1ec7n.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9396\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9396\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> B\u1ea1n h\u1ee3p t\u00e1c v\u1edbi nh\u1eefng kh\u00e1ch h\u00e0ng n\u00e0o v\u00e0 kh\u00e1ch h\u00e0ng l\u00fd t\u01b0\u1edfng c\u1ee7a b\u1ea1n l\u00e0 ai? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"main region\" aria-labelledby=\"e-n-accordion-item-9396\" class=\"elementor-element elementor-element-f826750 e-flex e-con-boxed e-con e-child\" data-id=\"f826750\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4eed04 elementor-widget elementor-widget-text-editor\" data-id=\"d4eed04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ch\u00fang t\u00f4i r\u1ea5t may m\u1eafn khi nh\u1eadn \u0111\u01b0\u1ee3c m\u1ed9t l\u01b0\u1ee3ng l\u1edbn y\u00eau c\u1ea7u t\u1eeb m\u1ea1ng l\u01b0\u1edbi gi\u1edbi thi\u1ec7u v\u00e0 c\u00e1c \u0111\u1ed1i t\u00e1c th\u01b0\u01a1ng hi\u1ec7u. Do \u0111\u00f3, ch\u00fang t\u00f4i c\u00f3 l\u1ee3i th\u1ebf trong vi\u1ec7c l\u1ef1a ch\u1ecdn \u0111\u1ed1i t\u00e1c m\u1ed9t c\u00e1ch c\u1ea9n th\u1eadn;<\/p><ul><li>Ch\u00fang t\u00f4i h\u1ee3p t\u00e1c v\u1edbi c\u00e1c th\u01b0\u01a1ng hi\u1ec7u m\u00e0 ch\u00fang t\u00f4i c\u1ea3m th\u1ea5y c\u00f3 th\u1ec3 mang l\u1ea1i gi\u00e1 tr\u1ecb to l\u1edbn cho doanh nghi\u1ec7p c\u1ee7a h\u1ecd.<\/li><li>Ch\u00fang t\u00f4i h\u1ee3p t\u00e1c v\u1edbi c\u00e1c th\u01b0\u01a1ng hi\u1ec7u m\u00e0 ch\u00fang t\u00f4i t\u00e2m huy\u1ebft.<\/li><li>Ch\u00fang t\u00f4i h\u1ee3p t\u00e1c v\u1edbi c\u00e1c th\u01b0\u01a1ng hi\u1ec7u kh\u00f4ng mu\u1ed1n gi\u1ea3i ph\u00e1p t\u1ee9c th\u1eddi m\u00e0 mu\u1ed1n m\u1ed9t \u0111\u1ed1i t\u00e1c l\u00e2u d\u00e0i m\u00e0 h\u1ecd c\u00f3 th\u1ec3 tin t\u01b0\u1edfng.<\/li><\/ul><p>Doanh nghi\u1ec7p c\u1ee7a ch\u00fang t\u00f4i \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng d\u1ef1a tr\u00ean s\u1ef1 gi\u1edbi thi\u1ec7u v\u00e0 \u0111\u1ec1 xu\u1ea5t, do \u0111\u00f3, \u0111i\u1ec1u quan tr\u1ecdng l\u00e0 \u0111\u1ed1i t\u00e1c ti\u1ebfp theo c\u1ee7a ch\u00fang t\u00f4i s\u1ebd ti\u1ebfp t\u1ee5c ph\u00e1t tri\u1ec3n theo c\u00f9ng m\u1ed9t h\u01b0\u1edbng.<\/p><p>B\u1ea1n ch\u01b0a ch\u1eafc ch\u1eafn v\u1ec1 nhu c\u1ea7u c\u1ee7a m\u00ecnh? Ch\u00fang t\u00f4i lu\u00f4n s\u1eb5n l\u00f2ng <a href=\"https:\/\/www.wucode.net\/lien-he\/\">tr\u00f2 chuy\u1ec7n<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9397\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"8\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9397\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> B\u1ea1n c\u00f3 l\u00e0m vi\u1ec7c v\u1edbi kh\u00e1ch h\u00e0ng qu\u1ed1c t\u1ebf kh\u00f4ng? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"main region\" aria-labelledby=\"e-n-accordion-item-9397\" class=\"elementor-element elementor-element-dead374 e-flex e-con-boxed e-con e-child\" data-id=\"dead374\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-715bafe elementor-widget elementor-widget-text-editor\" data-id=\"715bafe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>C\u00f3. Kh\u00e1ch h\u00e0ng c\u1ee7a ch\u00fang t\u00f4i c\u00f3 m\u1eb7t \u1edf kh\u1eafp m\u1ecdi n\u01a1i, t\u1eeb Ch\u00e2u \u00c2u v\u00e0 V\u01b0\u01a1ng qu\u1ed1c Anh, \u0111\u1ebfn M\u1ef9 ho\u1eb7c Trung \u0110\u00f4ng. Ch\u00fang t\u00f4i th\u00edch \u0111\u1eafm m\u00ecnh v\u00e0o nh\u1eefng qu\u1ed1c gia, n\u1ec1n v\u0103n h\u00f3a v\u00e0 doanh nghi\u1ec7p m\u1edbi. M\u1ed9t s\u1ed1 kh\u00e1ch h\u00e0ng th\u00edch c\u00e1c k\u00eanh Slack c\u1ed9ng t\u00e1c v\u00e0 m\u1ed9t s\u1ed1 cu\u1ed9c g\u1ecdi h\u00e0ng tu\u1ea7n. Quy tr\u00ecnh c\u1ee7a ch\u00fang t\u00f4i kh\u00f4ng th\u1ec3 th\u01b0\u01a1ng l\u01b0\u1ee3ng, nh\u01b0ng giao ti\u1ebfp th\u00ec c\u00f3 th\u1ec3. \u0110\u1ecdc th\u00eam v\u1ec1 quy tr\u00ecnh c\u1ee7a ch\u00fang t\u00f4i <a href=\"https:\/\/www.wucode.net\/hoi-dap\/\">t\u1ea1i \u0111\u00e2y<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9398\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"9\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9398\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> B\u1ea1n c\u00f3 cung c\u1ea5p h\u1ed7 tr\u1ee3 li\u00ean t\u1ee5c kh\u00f4ng? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"main region\" aria-labelledby=\"e-n-accordion-item-9398\" class=\"elementor-element elementor-element-28dfa44 e-flex e-con-boxed e-con e-child\" data-id=\"28dfa44\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f96fbd6 elementor-widget elementor-widget-text-editor\" data-id=\"f96fbd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>SiteCare l\u00e0 m\u1ed9t ph\u1ea7n quan tr\u1ecdng trong ho\u1ea1t \u0111\u1ed9ng kinh doanh c\u1ee7a ch\u00fang t\u00f4i, \u0111\u1ea3m b\u1ea3o s\u1ef1 th\u00e0nh c\u00f4ng c\u1ee7a d\u1ef1 \u00e1n trong th\u1eddi gian d\u00e0i. Ch\u00fang t\u00f4i kh\u00f4ng ch\u1ec9 cung c\u1ea5p d\u1ecbch v\u1ee5 b\u1ea3o tr\u00ec v\u00e0 b\u1ea3o m\u1eadt theo \u0111\u00fang y\u00eau c\u1ea7u m\u00e0 c\u00f2n h\u1ed7 tr\u1ee3 thi\u1ebft k\u1ebf v\u00e0 ti\u1ebfp th\u1ecb. M\u1ee5c ti\u00eau c\u1ee7a ch\u00fang t\u00f4i l\u00e0 tr\u1edf th\u00e0nh m\u1ed9t ph\u1ea7n m\u1edf r\u1ed9ng c\u1ee7a \u0111\u1ed9i ng\u0169 ti\u1ebfp th\u1ecb n\u1ed9i b\u1ed9 c\u1ee7a b\u1ea1n, v\u00e0 ch\u00fang t\u00f4i s\u1ebd thi\u1ebft k\u1ebf m\u1ed9t \u0111\u1ed9i ng\u0169 v\u00e0 d\u1ecbch v\u1ee5 ph\u00f9 h\u1ee3p \u0111\u1ec3 h\u1ed7 tr\u1ee3 \u0111\u1ed9i ng\u0169 n\u1ed9i b\u1ed9 c\u1ee7a b\u1ea1n. B\u1ea1n c\u00f3 th\u1ec3 t\u00ecm hi\u1ec3u th\u00eam v\u1ec1 SiteCare <a href=\"https:\/\/www.wucode.net\/hoi-dap\/\">t\u1ea1i \u0111\u00e2y<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"main\" class=\"elementor-element elementor-element-ad28ffe e-grid e-con-boxed e-con e-parent\" data-id=\"ad28ffe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div role=\"main\" class=\"elementor-element elementor-element-df165f7 e-con-full e-flex e-con e-child\" data-id=\"df165f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb16142 elementor-grid-1 elementor-widget__width-inherit elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"fb16142\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:&quot;2296&quot;,&quot;columns&quot;:1,&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;_skin&quot;:&quot;post&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\">\n\t\t<style id=\"loop-2296\">.elementor-2296 .elementor-element.elementor-element-42af4e0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-mockup-wrapper{top:-60px;max-width:70%;}.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-laptop{width:100%;}.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-mobile{width:40%;}.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-graphic{height:400px;margin:0px 0px 0px 0px;border-radius:20px;}.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-graphic-overlay{background-color:var( --e-global-color-text );opacity:0.2;}.elementor-2296 .elementor-element.elementor-element-fddd3db{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-mockup-wrapper{top:-25px;max-width:50%;}.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-laptop{width:100%;}.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-graphic{height:200px;}}@media(max-width:767px){.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-mockup-wrapper{top:-35px;max-width:50%;}.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-mobile{width:50%;}.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-graphic{height:200px;}}\/* Start custom CSS for pro_case_study_banner, class: .elementor-element-fddd3db *\/.elementor-2296 .elementor-element.elementor-element-fddd3db .ew-cs-mockup-wrapper {\n    transform: unset !important;\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2296\" class=\"elementor elementor-2296 e-loop-item e-loop-item-6529 post-6529 case-studies type-case-studies status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div role=\"main\" class=\"elementor-element elementor-element-42af4e0 e-flex e-con-boxed e-con e-parent\" data-id=\"42af4e0\" 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-fddd3db elementor-widget__width-inherit elementor-widget elementor-widget-pro_case_study_banner\" data-id=\"fddd3db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"pro_case_study_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- STYLES SCOPED CHO WIDGET N\u00c0Y -->\n\t\t<style>\n\t\t\t.elementor-element-fddd3db .ew-cs-card {\n\t\t\t\tborder: 1px solid #f1f5f9;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tposition: relative;\n\t\t\t\ttransition: all 500ms ease-out;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic-overlay {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\n\t\t\t\/* Mockup Layout Essentials *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-mockup-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\ttransform: translateY(3rem);\n\t\t\t\ttransform-origin: bottom;\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t\tz-index: 10;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop {\n\t\t\t\tposition: relative;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-lid {\n\t\t\t\tbackground: #121212;\n\t\t\t\tpadding: 0.625rem;\n\t\t\t\tborder-radius: 0.75rem 0.75rem 0 0;\n\t\t\t\tposition: relative;\n\t\t\t\tborder-left: 2px solid #2a2a2a;\n\t\t\t\tborder-right: 2px solid #2a2a2a;\n\t\t\t\tborder-top: 2px solid #2a2a2a;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 16\/10;\n\t\t\t\tborder-radius: 0.25rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-base {\n\t\t\t\tposition: relative;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: linear-gradient(to bottom, #d9d9d9, #999999);\n\t\t\t\twidth: 116%;\n\t\t\t\tmargin-left: -8%;\n\t\t\t\tborder-radius: 0 0 0.5rem 0.5rem;\n\t\t\t\tborder-top: 1px solid rgba(255, 255, 255, 0.5);\n\t\t\t\tbox-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-trackpad {\n\t\t\t\twidth: 20%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: #b3b3b3;\n\t\t\t\tborder-radius: 0 0 0.375rem 0.375rem;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\tright: -0.5rem;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\tz-index: 20;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tbox-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1) 75ms;\n\t\t\t}\n\n\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-frame {\n\t\t\t\tbackground: linear-gradient(to bottom right, #e4e4e7, #a1a1aa, #e4e4e7);\n\t\t\t\tpadding: 2px;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-inner {\n\t\t\t\tbackground: #0a0a0a;\n\t\t\t\tpadding: 0.375rem;\n\t\t\t\tborder-radius: 1.15rem;\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 9\/19;\n\t\t\t\tborder-radius: 0.8rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t\/* Glare Effect Animation *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-glare {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tbackground: linear-gradient(125deg,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 45%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.4) 50%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 55%,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 100%);\n\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\tz-index: 10;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\n\t\t\t@keyframes glareSweepDouble {\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 1 *\/\n\t\t\t\t0% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t5% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t35% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t36% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* Kho\u1ea3ng ngh\u1ec9 c\u1ef1c ng\u1eafn v\u00e0 reset v\u1ecb tr\u00ed *\/\n\t\t\t\t37% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 2 *\/\n\t\t\t\t45% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t75% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t80% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t100% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-notch {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0.5rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 35%;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: black;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-home {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0.375rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 33%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: rgba(255, 255, 255, 0.9);\n\t\t\t\tmix-blend-mode: screen;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t}\n\t\t<\/style>\n\n\n\t\t<div class=\"ew-cs-card\">\n\n\n\n\n\t\t\t<!-- Graphic Header -->\n\t\t\t<div class=\"ew-cs-graphic\" style=\"background-image:radial-gradient(circle at center, #118c6b 0%, #1c5068 100%) !important;\">\n\t\t\t\t<div class=\"ew-cs-graphic-overlay\"><\/div>\n\t\t\t\t<div class=\"ew-cs-graphic-blur\"><\/div>\n\n\t\t\t\t<!-- Dolly Zoom Mockup Group -->\n\t\t\t\t<div class=\"ew-cs-mockup-wrapper\">\n\t\t\t\t\t<!-- Laptop -->\n\t\t\t\t\t<div class=\"ew-cs-laptop\">\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-lid\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-camera\"><\/div>\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/08\/tcwellness-dektop.png\" alt=\"Laptop Screenshot\" class=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-base\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-trackpad\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Mobile -->\n\t\t\t\t\t<div class=\"ew-cs-mobile\">\n\t\t\t\t\t\t<div class=\"ew-cs-mobile-frame\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-inner\">\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-notch\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/08\/tcwellness-mobile.png\" alt=\"Mobile Screenshot\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-home\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\t\t<script>\n\t\t\t\t(function () {\n\t\t\t\t\tconst initScroll = function () {\n\t\t\t\t\t\tconst rawId = \"fddd3db\";\n\t\t\t\t\t\tconst widgets = document.querySelectorAll('.elementor-element-' + rawId + ' .ew-cs-card');\n\n\t\t\t\t\t\twidgets.forEach(widget => {\n\t\t\t\t\t\t\tif (widget.dataset.scrollInited) return;\n\t\t\t\t\t\t\twidget.dataset.scrollInited = true;\n\n\t\t\t\t\t\t\tconst wrapper = widget.querySelector('.ew-cs-mockup-wrapper');\n\t\t\t\t\t\t\tif (!wrapper) return;\n\n\t\t\t\t\t\t\tconst startPos = 50;\n\t\t\t\t\t\t\tconst endPos = 0;\n\t\t\t\t\t\t\tconst startZoom = 1.25;\n\t\t\t\t\t\t\tconst endZoom = 0.8;\n\n\t\t\t\t\t\t\tlet ticking = false;\n\t\t\t\t\t\t\tconst onScroll = () => {\n\t\t\t\t\t\t\t\tconst rect = widget.getBoundingClientRect();\n\t\t\t\t\t\t\t\tconst windowHeight = window.innerHeight || document.documentElement.clientHeight;\n\n\t\t\t\t\t\t\t\tconst totalDistance = windowHeight + rect.height;\n\t\t\t\t\t\t\t\tconst scrolled = windowHeight - rect.top;\n\n\t\t\t\t\t\t\t\tlet progress = scrolled \/ totalDistance;\n\t\t\t\t\t\t\t\tprogress = Math.max(0, Math.min(1, progress));\n\n\t\t\t\t\t\t\t\tconst currentPos = startPos + (endPos - startPos) * progress;\n\t\t\t\t\t\t\t\tconst currentZoom = startZoom + (endZoom - startZoom) * progress;\n\n\t\t\t\t\t\t\t\twrapper.style.transform = `translateY(${currentPos}px) scale(${currentZoom})`;\n\n\t\t\t\t\t\t\t\tconst glares = widget.querySelectorAll('.ew-cs-glare');\n\t\t\t\t\t\t\t\tglares.forEach(glare => {\n\t\t\t\t\t\t\t\t\tconst glareX = -150 + (progress * 300);\n\t\t\t\t\t\t\t\t\tconst glareOpacity = progress < 0.5 ? progress * 2 : (1 - progress) * 2;\n\t\t\t\t\t\t\t\t\tglare.style.transform = `translateX(${glareX}%) skewX(-30deg)`;\n\t\t\t\t\t\t\t\t\tglare.style.opacity = Math.max(0, Math.min(1, glareOpacity));\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\twindow.addEventListener('scroll', () => {\n\t\t\t\t\t\t\t\tif (!ticking) {\n\t\t\t\t\t\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\t\t\t\tticking = false;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tticking = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, { passive: true });\n\n\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\twindow.addEventListener('resize', onScroll, { passive: true });\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\n\t\t\t\t\tinitScroll();\n\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', initScroll);\n\t\t\t\t\twindow.addEventListener('load', initScroll);\n\t\t\t\t\t\/\/ Backup for Elementor's dynamic loading\n\t\t\t\t\tsetTimeout(initScroll, 1000);\n\t\t\t\t})();\n\t\t\t<\/script>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2296\" class=\"elementor elementor-2296 e-loop-item e-loop-item-4402 post-4402 case-studies type-case-studies status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div role=\"main\" class=\"elementor-element elementor-element-42af4e0 e-flex e-con-boxed e-con e-parent\" data-id=\"42af4e0\" 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-fddd3db elementor-widget__width-inherit elementor-widget elementor-widget-pro_case_study_banner\" data-id=\"fddd3db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"pro_case_study_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- STYLES SCOPED CHO WIDGET N\u00c0Y -->\n\t\t<style>\n\t\t\t.elementor-element-fddd3db .ew-cs-card {\n\t\t\t\tborder: 1px solid #f1f5f9;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tposition: relative;\n\t\t\t\ttransition: all 500ms ease-out;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic-overlay {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\n\t\t\t\/* Mockup Layout Essentials *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-mockup-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\ttransform: translateY(3rem);\n\t\t\t\ttransform-origin: bottom;\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t\tz-index: 10;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop {\n\t\t\t\tposition: relative;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-lid {\n\t\t\t\tbackground: #121212;\n\t\t\t\tpadding: 0.625rem;\n\t\t\t\tborder-radius: 0.75rem 0.75rem 0 0;\n\t\t\t\tposition: relative;\n\t\t\t\tborder-left: 2px solid #2a2a2a;\n\t\t\t\tborder-right: 2px solid #2a2a2a;\n\t\t\t\tborder-top: 2px solid #2a2a2a;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 16\/10;\n\t\t\t\tborder-radius: 0.25rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-base {\n\t\t\t\tposition: relative;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: linear-gradient(to bottom, #d9d9d9, #999999);\n\t\t\t\twidth: 116%;\n\t\t\t\tmargin-left: -8%;\n\t\t\t\tborder-radius: 0 0 0.5rem 0.5rem;\n\t\t\t\tborder-top: 1px solid rgba(255, 255, 255, 0.5);\n\t\t\t\tbox-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-trackpad {\n\t\t\t\twidth: 20%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: #b3b3b3;\n\t\t\t\tborder-radius: 0 0 0.375rem 0.375rem;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\tright: -0.5rem;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\tz-index: 20;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tbox-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1) 75ms;\n\t\t\t}\n\n\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-frame {\n\t\t\t\tbackground: linear-gradient(to bottom right, #e4e4e7, #a1a1aa, #e4e4e7);\n\t\t\t\tpadding: 2px;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-inner {\n\t\t\t\tbackground: #0a0a0a;\n\t\t\t\tpadding: 0.375rem;\n\t\t\t\tborder-radius: 1.15rem;\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 9\/19;\n\t\t\t\tborder-radius: 0.8rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t\/* Glare Effect Animation *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-glare {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tbackground: linear-gradient(125deg,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 45%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.4) 50%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 55%,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 100%);\n\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\tz-index: 10;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\n\t\t\t@keyframes glareSweepDouble {\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 1 *\/\n\t\t\t\t0% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t5% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t35% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t36% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* Kho\u1ea3ng ngh\u1ec9 c\u1ef1c ng\u1eafn v\u00e0 reset v\u1ecb tr\u00ed *\/\n\t\t\t\t37% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 2 *\/\n\t\t\t\t45% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t75% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t80% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t100% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-notch {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0.5rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 35%;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: black;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-home {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0.375rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 33%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: rgba(255, 255, 255, 0.9);\n\t\t\t\tmix-blend-mode: screen;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t}\n\t\t<\/style>\n\n\n\t\t<div class=\"ew-cs-card\">\n\n\n\n\n\t\t\t<!-- Graphic Header -->\n\t\t\t<div class=\"ew-cs-graphic\" style=\"background-image:radial-gradient(circle at center, #5acbf1 0%, #19a8da 100%) !important;\">\n\t\t\t\t<div class=\"ew-cs-graphic-overlay\"><\/div>\n\t\t\t\t<div class=\"ew-cs-graphic-blur\"><\/div>\n\n\t\t\t\t<!-- Dolly Zoom Mockup Group -->\n\t\t\t\t<div class=\"ew-cs-mockup-wrapper\">\n\t\t\t\t\t<!-- Laptop -->\n\t\t\t\t\t<div class=\"ew-cs-laptop\">\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-lid\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-camera\"><\/div>\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/04\/iceberg-desktop.png\" alt=\"Laptop Screenshot\" class=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-base\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-trackpad\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Mobile -->\n\t\t\t\t\t<div class=\"ew-cs-mobile\">\n\t\t\t\t\t\t<div class=\"ew-cs-mobile-frame\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-inner\">\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-notch\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/04\/iceberg-mobile.png\" alt=\"Mobile Screenshot\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-home\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\t\t<script>\n\t\t\t\t(function () {\n\t\t\t\t\tconst initScroll = function () {\n\t\t\t\t\t\tconst rawId = \"fddd3db\";\n\t\t\t\t\t\tconst widgets = document.querySelectorAll('.elementor-element-' + rawId + ' .ew-cs-card');\n\n\t\t\t\t\t\twidgets.forEach(widget => {\n\t\t\t\t\t\t\tif (widget.dataset.scrollInited) return;\n\t\t\t\t\t\t\twidget.dataset.scrollInited = true;\n\n\t\t\t\t\t\t\tconst wrapper = widget.querySelector('.ew-cs-mockup-wrapper');\n\t\t\t\t\t\t\tif (!wrapper) return;\n\n\t\t\t\t\t\t\tconst startPos = 50;\n\t\t\t\t\t\t\tconst endPos = 0;\n\t\t\t\t\t\t\tconst startZoom = 1.25;\n\t\t\t\t\t\t\tconst endZoom = 0.8;\n\n\t\t\t\t\t\t\tlet ticking = false;\n\t\t\t\t\t\t\tconst onScroll = () => {\n\t\t\t\t\t\t\t\tconst rect = widget.getBoundingClientRect();\n\t\t\t\t\t\t\t\tconst windowHeight = window.innerHeight || document.documentElement.clientHeight;\n\n\t\t\t\t\t\t\t\tconst totalDistance = windowHeight + rect.height;\n\t\t\t\t\t\t\t\tconst scrolled = windowHeight - rect.top;\n\n\t\t\t\t\t\t\t\tlet progress = scrolled \/ totalDistance;\n\t\t\t\t\t\t\t\tprogress = Math.max(0, Math.min(1, progress));\n\n\t\t\t\t\t\t\t\tconst currentPos = startPos + (endPos - startPos) * progress;\n\t\t\t\t\t\t\t\tconst currentZoom = startZoom + (endZoom - startZoom) * progress;\n\n\t\t\t\t\t\t\t\twrapper.style.transform = `translateY(${currentPos}px) scale(${currentZoom})`;\n\n\t\t\t\t\t\t\t\tconst glares = widget.querySelectorAll('.ew-cs-glare');\n\t\t\t\t\t\t\t\tglares.forEach(glare => {\n\t\t\t\t\t\t\t\t\tconst glareX = -150 + (progress * 300);\n\t\t\t\t\t\t\t\t\tconst glareOpacity = progress < 0.5 ? progress * 2 : (1 - progress) * 2;\n\t\t\t\t\t\t\t\t\tglare.style.transform = `translateX(${glareX}%) skewX(-30deg)`;\n\t\t\t\t\t\t\t\t\tglare.style.opacity = Math.max(0, Math.min(1, glareOpacity));\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\twindow.addEventListener('scroll', () => {\n\t\t\t\t\t\t\t\tif (!ticking) {\n\t\t\t\t\t\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\t\t\t\tticking = false;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tticking = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, { passive: true });\n\n\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\twindow.addEventListener('resize', onScroll, { passive: true });\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\n\t\t\t\t\tinitScroll();\n\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', initScroll);\n\t\t\t\t\twindow.addEventListener('load', initScroll);\n\t\t\t\t\t\/\/ Backup for Elementor's dynamic loading\n\t\t\t\t\tsetTimeout(initScroll, 1000);\n\t\t\t\t})();\n\t\t\t<\/script>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2296\" class=\"elementor elementor-2296 e-loop-item e-loop-item-4392 post-4392 case-studies type-case-studies status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div role=\"main\" class=\"elementor-element elementor-element-42af4e0 e-flex e-con-boxed e-con e-parent\" data-id=\"42af4e0\" 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-fddd3db elementor-widget__width-inherit elementor-widget elementor-widget-pro_case_study_banner\" data-id=\"fddd3db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"pro_case_study_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- STYLES SCOPED CHO WIDGET N\u00c0Y -->\n\t\t<style>\n\t\t\t.elementor-element-fddd3db .ew-cs-card {\n\t\t\t\tborder: 1px solid #f1f5f9;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tposition: relative;\n\t\t\t\ttransition: all 500ms ease-out;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic-overlay {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\n\t\t\t\/* Mockup Layout Essentials *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-mockup-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\ttransform: translateY(3rem);\n\t\t\t\ttransform-origin: bottom;\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t\tz-index: 10;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop {\n\t\t\t\tposition: relative;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-lid {\n\t\t\t\tbackground: #121212;\n\t\t\t\tpadding: 0.625rem;\n\t\t\t\tborder-radius: 0.75rem 0.75rem 0 0;\n\t\t\t\tposition: relative;\n\t\t\t\tborder-left: 2px solid #2a2a2a;\n\t\t\t\tborder-right: 2px solid #2a2a2a;\n\t\t\t\tborder-top: 2px solid #2a2a2a;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 16\/10;\n\t\t\t\tborder-radius: 0.25rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-base {\n\t\t\t\tposition: relative;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: linear-gradient(to bottom, #d9d9d9, #999999);\n\t\t\t\twidth: 116%;\n\t\t\t\tmargin-left: -8%;\n\t\t\t\tborder-radius: 0 0 0.5rem 0.5rem;\n\t\t\t\tborder-top: 1px solid rgba(255, 255, 255, 0.5);\n\t\t\t\tbox-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-trackpad {\n\t\t\t\twidth: 20%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: #b3b3b3;\n\t\t\t\tborder-radius: 0 0 0.375rem 0.375rem;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\tright: -0.5rem;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\tz-index: 20;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tbox-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1) 75ms;\n\t\t\t}\n\n\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-frame {\n\t\t\t\tbackground: linear-gradient(to bottom right, #e4e4e7, #a1a1aa, #e4e4e7);\n\t\t\t\tpadding: 2px;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-inner {\n\t\t\t\tbackground: #0a0a0a;\n\t\t\t\tpadding: 0.375rem;\n\t\t\t\tborder-radius: 1.15rem;\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 9\/19;\n\t\t\t\tborder-radius: 0.8rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t\/* Glare Effect Animation *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-glare {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tbackground: linear-gradient(125deg,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 45%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.4) 50%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 55%,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 100%);\n\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\tz-index: 10;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\n\t\t\t@keyframes glareSweepDouble {\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 1 *\/\n\t\t\t\t0% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t5% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t35% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t36% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* Kho\u1ea3ng ngh\u1ec9 c\u1ef1c ng\u1eafn v\u00e0 reset v\u1ecb tr\u00ed *\/\n\t\t\t\t37% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 2 *\/\n\t\t\t\t45% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t75% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t80% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t100% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-notch {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0.5rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 35%;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: black;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-home {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0.375rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 33%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: rgba(255, 255, 255, 0.9);\n\t\t\t\tmix-blend-mode: screen;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t}\n\t\t<\/style>\n\n\n\t\t<div class=\"ew-cs-card\">\n\n\n\n\n\t\t\t<!-- Graphic Header -->\n\t\t\t<div class=\"ew-cs-graphic\" style=\"background-image:radial-gradient(circle at center, #fe0006 0%, #216ada 100%) !important;\">\n\t\t\t\t<div class=\"ew-cs-graphic-overlay\"><\/div>\n\t\t\t\t<div class=\"ew-cs-graphic-blur\"><\/div>\n\n\t\t\t\t<!-- Dolly Zoom Mockup Group -->\n\t\t\t\t<div class=\"ew-cs-mockup-wrapper\">\n\t\t\t\t\t<!-- Laptop -->\n\t\t\t\t\t<div class=\"ew-cs-laptop\">\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-lid\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-camera\"><\/div>\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/04\/gutscheinlab-desktop.png\" alt=\"Laptop Screenshot\" class=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-base\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-trackpad\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Mobile -->\n\t\t\t\t\t<div class=\"ew-cs-mobile\">\n\t\t\t\t\t\t<div class=\"ew-cs-mobile-frame\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-inner\">\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-notch\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/04\/gutscheinlab-mobile.png\" alt=\"Mobile Screenshot\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-home\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\t\t<script>\n\t\t\t\t(function () {\n\t\t\t\t\tconst initScroll = function () {\n\t\t\t\t\t\tconst rawId = \"fddd3db\";\n\t\t\t\t\t\tconst widgets = document.querySelectorAll('.elementor-element-' + rawId + ' .ew-cs-card');\n\n\t\t\t\t\t\twidgets.forEach(widget => {\n\t\t\t\t\t\t\tif (widget.dataset.scrollInited) return;\n\t\t\t\t\t\t\twidget.dataset.scrollInited = true;\n\n\t\t\t\t\t\t\tconst wrapper = widget.querySelector('.ew-cs-mockup-wrapper');\n\t\t\t\t\t\t\tif (!wrapper) return;\n\n\t\t\t\t\t\t\tconst startPos = 50;\n\t\t\t\t\t\t\tconst endPos = 0;\n\t\t\t\t\t\t\tconst startZoom = 1.25;\n\t\t\t\t\t\t\tconst endZoom = 0.8;\n\n\t\t\t\t\t\t\tlet ticking = false;\n\t\t\t\t\t\t\tconst onScroll = () => {\n\t\t\t\t\t\t\t\tconst rect = widget.getBoundingClientRect();\n\t\t\t\t\t\t\t\tconst windowHeight = window.innerHeight || document.documentElement.clientHeight;\n\n\t\t\t\t\t\t\t\tconst totalDistance = windowHeight + rect.height;\n\t\t\t\t\t\t\t\tconst scrolled = windowHeight - rect.top;\n\n\t\t\t\t\t\t\t\tlet progress = scrolled \/ totalDistance;\n\t\t\t\t\t\t\t\tprogress = Math.max(0, Math.min(1, progress));\n\n\t\t\t\t\t\t\t\tconst currentPos = startPos + (endPos - startPos) * progress;\n\t\t\t\t\t\t\t\tconst currentZoom = startZoom + (endZoom - startZoom) * progress;\n\n\t\t\t\t\t\t\t\twrapper.style.transform = `translateY(${currentPos}px) scale(${currentZoom})`;\n\n\t\t\t\t\t\t\t\tconst glares = widget.querySelectorAll('.ew-cs-glare');\n\t\t\t\t\t\t\t\tglares.forEach(glare => {\n\t\t\t\t\t\t\t\t\tconst glareX = -150 + (progress * 300);\n\t\t\t\t\t\t\t\t\tconst glareOpacity = progress < 0.5 ? progress * 2 : (1 - progress) * 2;\n\t\t\t\t\t\t\t\t\tglare.style.transform = `translateX(${glareX}%) skewX(-30deg)`;\n\t\t\t\t\t\t\t\t\tglare.style.opacity = Math.max(0, Math.min(1, glareOpacity));\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\twindow.addEventListener('scroll', () => {\n\t\t\t\t\t\t\t\tif (!ticking) {\n\t\t\t\t\t\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\t\t\t\tticking = false;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tticking = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, { passive: true });\n\n\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\twindow.addEventListener('resize', onScroll, { passive: true });\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\n\t\t\t\t\tinitScroll();\n\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', initScroll);\n\t\t\t\t\twindow.addEventListener('load', initScroll);\n\t\t\t\t\t\/\/ Backup for Elementor's dynamic loading\n\t\t\t\t\tsetTimeout(initScroll, 1000);\n\t\t\t\t})();\n\t\t\t<\/script>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2296\" class=\"elementor elementor-2296 e-loop-item e-loop-item-3028 post-3028 case-studies type-case-studies status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div role=\"main\" class=\"elementor-element elementor-element-42af4e0 e-flex e-con-boxed e-con e-parent\" data-id=\"42af4e0\" 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-fddd3db elementor-widget__width-inherit elementor-widget elementor-widget-pro_case_study_banner\" data-id=\"fddd3db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"pro_case_study_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- STYLES SCOPED CHO WIDGET N\u00c0Y -->\n\t\t<style>\n\t\t\t.elementor-element-fddd3db .ew-cs-card {\n\t\t\t\tborder: 1px solid #f1f5f9;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tposition: relative;\n\t\t\t\ttransition: all 500ms ease-out;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic-overlay {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\n\t\t\t\/* Mockup Layout Essentials *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-mockup-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\ttransform: translateY(3rem);\n\t\t\t\ttransform-origin: bottom;\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t\tz-index: 10;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop {\n\t\t\t\tposition: relative;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-lid {\n\t\t\t\tbackground: #121212;\n\t\t\t\tpadding: 0.625rem;\n\t\t\t\tborder-radius: 0.75rem 0.75rem 0 0;\n\t\t\t\tposition: relative;\n\t\t\t\tborder-left: 2px solid #2a2a2a;\n\t\t\t\tborder-right: 2px solid #2a2a2a;\n\t\t\t\tborder-top: 2px solid #2a2a2a;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 16\/10;\n\t\t\t\tborder-radius: 0.25rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-base {\n\t\t\t\tposition: relative;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: linear-gradient(to bottom, #d9d9d9, #999999);\n\t\t\t\twidth: 116%;\n\t\t\t\tmargin-left: -8%;\n\t\t\t\tborder-radius: 0 0 0.5rem 0.5rem;\n\t\t\t\tborder-top: 1px solid rgba(255, 255, 255, 0.5);\n\t\t\t\tbox-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-trackpad {\n\t\t\t\twidth: 20%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: #b3b3b3;\n\t\t\t\tborder-radius: 0 0 0.375rem 0.375rem;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\tright: -0.5rem;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\tz-index: 20;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tbox-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1) 75ms;\n\t\t\t}\n\n\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-frame {\n\t\t\t\tbackground: linear-gradient(to bottom right, #e4e4e7, #a1a1aa, #e4e4e7);\n\t\t\t\tpadding: 2px;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-inner {\n\t\t\t\tbackground: #0a0a0a;\n\t\t\t\tpadding: 0.375rem;\n\t\t\t\tborder-radius: 1.15rem;\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 9\/19;\n\t\t\t\tborder-radius: 0.8rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t\/* Glare Effect Animation *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-glare {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tbackground: linear-gradient(125deg,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 45%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.4) 50%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 55%,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 100%);\n\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\tz-index: 10;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\n\t\t\t@keyframes glareSweepDouble {\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 1 *\/\n\t\t\t\t0% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t5% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t35% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t36% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* Kho\u1ea3ng ngh\u1ec9 c\u1ef1c ng\u1eafn v\u00e0 reset v\u1ecb tr\u00ed *\/\n\t\t\t\t37% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 2 *\/\n\t\t\t\t45% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t75% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t80% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t100% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-notch {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0.5rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 35%;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: black;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-home {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0.375rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 33%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: rgba(255, 255, 255, 0.9);\n\t\t\t\tmix-blend-mode: screen;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t}\n\t\t<\/style>\n\n\n\t\t<div class=\"ew-cs-card\">\n\n\n\n\n\t\t\t<!-- Graphic Header -->\n\t\t\t<div class=\"ew-cs-graphic\" style=\"background-image:radial-gradient(circle at center, #eabf75 0%, #b48a43 100%) !important;\">\n\t\t\t\t<div class=\"ew-cs-graphic-overlay\"><\/div>\n\t\t\t\t<div class=\"ew-cs-graphic-blur\"><\/div>\n\n\t\t\t\t<!-- Dolly Zoom Mockup Group -->\n\t\t\t\t<div class=\"ew-cs-mockup-wrapper\">\n\t\t\t\t\t<!-- Laptop -->\n\t\t\t\t\t<div class=\"ew-cs-laptop\">\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-lid\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-camera\"><\/div>\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/03\/foyuan-amulet-desktop.png\" alt=\"Laptop Screenshot\" class=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-base\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-trackpad\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Mobile -->\n\t\t\t\t\t<div class=\"ew-cs-mobile\">\n\t\t\t\t\t\t<div class=\"ew-cs-mobile-frame\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-inner\">\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-notch\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/03\/foyuan-amulet-v2-mobile.png\" alt=\"Mobile Screenshot\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-home\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\t\t<script>\n\t\t\t\t(function () {\n\t\t\t\t\tconst initScroll = function () {\n\t\t\t\t\t\tconst rawId = \"fddd3db\";\n\t\t\t\t\t\tconst widgets = document.querySelectorAll('.elementor-element-' + rawId + ' .ew-cs-card');\n\n\t\t\t\t\t\twidgets.forEach(widget => {\n\t\t\t\t\t\t\tif (widget.dataset.scrollInited) return;\n\t\t\t\t\t\t\twidget.dataset.scrollInited = true;\n\n\t\t\t\t\t\t\tconst wrapper = widget.querySelector('.ew-cs-mockup-wrapper');\n\t\t\t\t\t\t\tif (!wrapper) return;\n\n\t\t\t\t\t\t\tconst startPos = 50;\n\t\t\t\t\t\t\tconst endPos = 0;\n\t\t\t\t\t\t\tconst startZoom = 1.25;\n\t\t\t\t\t\t\tconst endZoom = 0.8;\n\n\t\t\t\t\t\t\tlet ticking = false;\n\t\t\t\t\t\t\tconst onScroll = () => {\n\t\t\t\t\t\t\t\tconst rect = widget.getBoundingClientRect();\n\t\t\t\t\t\t\t\tconst windowHeight = window.innerHeight || document.documentElement.clientHeight;\n\n\t\t\t\t\t\t\t\tconst totalDistance = windowHeight + rect.height;\n\t\t\t\t\t\t\t\tconst scrolled = windowHeight - rect.top;\n\n\t\t\t\t\t\t\t\tlet progress = scrolled \/ totalDistance;\n\t\t\t\t\t\t\t\tprogress = Math.max(0, Math.min(1, progress));\n\n\t\t\t\t\t\t\t\tconst currentPos = startPos + (endPos - startPos) * progress;\n\t\t\t\t\t\t\t\tconst currentZoom = startZoom + (endZoom - startZoom) * progress;\n\n\t\t\t\t\t\t\t\twrapper.style.transform = `translateY(${currentPos}px) scale(${currentZoom})`;\n\n\t\t\t\t\t\t\t\tconst glares = widget.querySelectorAll('.ew-cs-glare');\n\t\t\t\t\t\t\t\tglares.forEach(glare => {\n\t\t\t\t\t\t\t\t\tconst glareX = -150 + (progress * 300);\n\t\t\t\t\t\t\t\t\tconst glareOpacity = progress < 0.5 ? progress * 2 : (1 - progress) * 2;\n\t\t\t\t\t\t\t\t\tglare.style.transform = `translateX(${glareX}%) skewX(-30deg)`;\n\t\t\t\t\t\t\t\t\tglare.style.opacity = Math.max(0, Math.min(1, glareOpacity));\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\twindow.addEventListener('scroll', () => {\n\t\t\t\t\t\t\t\tif (!ticking) {\n\t\t\t\t\t\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\t\t\t\tticking = false;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tticking = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, { passive: true });\n\n\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\twindow.addEventListener('resize', onScroll, { passive: true });\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\n\t\t\t\t\tinitScroll();\n\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', initScroll);\n\t\t\t\t\twindow.addEventListener('load', initScroll);\n\t\t\t\t\t\/\/ Backup for Elementor's dynamic loading\n\t\t\t\t\tsetTimeout(initScroll, 1000);\n\t\t\t\t})();\n\t\t\t<\/script>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2296\" class=\"elementor elementor-2296 e-loop-item e-loop-item-2525 post-2525 case-studies type-case-studies status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div role=\"main\" class=\"elementor-element elementor-element-42af4e0 e-flex e-con-boxed e-con e-parent\" data-id=\"42af4e0\" 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-fddd3db elementor-widget__width-inherit elementor-widget elementor-widget-pro_case_study_banner\" data-id=\"fddd3db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"pro_case_study_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- STYLES SCOPED CHO WIDGET N\u00c0Y -->\n\t\t<style>\n\t\t\t.elementor-element-fddd3db .ew-cs-card {\n\t\t\t\tborder: 1px solid #f1f5f9;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tposition: relative;\n\t\t\t\ttransition: all 500ms ease-out;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic-overlay {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\n\t\t\t\/* Mockup Layout Essentials *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-mockup-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\ttransform: translateY(3rem);\n\t\t\t\ttransform-origin: bottom;\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t\tz-index: 10;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop {\n\t\t\t\tposition: relative;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-lid {\n\t\t\t\tbackground: #121212;\n\t\t\t\tpadding: 0.625rem;\n\t\t\t\tborder-radius: 0.75rem 0.75rem 0 0;\n\t\t\t\tposition: relative;\n\t\t\t\tborder-left: 2px solid #2a2a2a;\n\t\t\t\tborder-right: 2px solid #2a2a2a;\n\t\t\t\tborder-top: 2px solid #2a2a2a;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 16\/10;\n\t\t\t\tborder-radius: 0.25rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-base {\n\t\t\t\tposition: relative;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: linear-gradient(to bottom, #d9d9d9, #999999);\n\t\t\t\twidth: 116%;\n\t\t\t\tmargin-left: -8%;\n\t\t\t\tborder-radius: 0 0 0.5rem 0.5rem;\n\t\t\t\tborder-top: 1px solid rgba(255, 255, 255, 0.5);\n\t\t\t\tbox-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-trackpad {\n\t\t\t\twidth: 20%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: #b3b3b3;\n\t\t\t\tborder-radius: 0 0 0.375rem 0.375rem;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\tright: -0.5rem;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\tz-index: 20;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tbox-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1) 75ms;\n\t\t\t}\n\n\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-frame {\n\t\t\t\tbackground: linear-gradient(to bottom right, #e4e4e7, #a1a1aa, #e4e4e7);\n\t\t\t\tpadding: 2px;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-inner {\n\t\t\t\tbackground: #0a0a0a;\n\t\t\t\tpadding: 0.375rem;\n\t\t\t\tborder-radius: 1.15rem;\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 9\/19;\n\t\t\t\tborder-radius: 0.8rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t\/* Glare Effect Animation *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-glare {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tbackground: linear-gradient(125deg,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 45%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.4) 50%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 55%,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 100%);\n\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\tz-index: 10;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\n\t\t\t@keyframes glareSweepDouble {\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 1 *\/\n\t\t\t\t0% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t5% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t35% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t36% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* Kho\u1ea3ng ngh\u1ec9 c\u1ef1c ng\u1eafn v\u00e0 reset v\u1ecb tr\u00ed *\/\n\t\t\t\t37% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 2 *\/\n\t\t\t\t45% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t75% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t80% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t100% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-notch {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0.5rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 35%;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: black;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-home {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0.375rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 33%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: rgba(255, 255, 255, 0.9);\n\t\t\t\tmix-blend-mode: screen;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t}\n\t\t<\/style>\n\n\n\t\t<div class=\"ew-cs-card\">\n\n\n\n\n\t\t\t<!-- Graphic Header -->\n\t\t\t<div class=\"ew-cs-graphic\" style=\"background-image:radial-gradient(circle at center, #fff9f5 0%, #f9a292 100%) !important;\">\n\t\t\t\t<div class=\"ew-cs-graphic-overlay\"><\/div>\n\t\t\t\t<div class=\"ew-cs-graphic-blur\"><\/div>\n\n\t\t\t\t<!-- Dolly Zoom Mockup Group -->\n\t\t\t\t<div class=\"ew-cs-mockup-wrapper\">\n\t\t\t\t\t<!-- Laptop -->\n\t\t\t\t\t<div class=\"ew-cs-laptop\">\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-lid\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-camera\"><\/div>\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/03\/seirbeautyschool-desktop.png\" alt=\"Laptop Screenshot\" class=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-base\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-trackpad\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Mobile -->\n\t\t\t\t\t<div class=\"ew-cs-mobile\">\n\t\t\t\t\t\t<div class=\"ew-cs-mobile-frame\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-inner\">\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-notch\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/03\/seirbeautyschool-mobile.png\" alt=\"Mobile Screenshot\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-home\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\t\t<script>\n\t\t\t\t(function () {\n\t\t\t\t\tconst initScroll = function () {\n\t\t\t\t\t\tconst rawId = \"fddd3db\";\n\t\t\t\t\t\tconst widgets = document.querySelectorAll('.elementor-element-' + rawId + ' .ew-cs-card');\n\n\t\t\t\t\t\twidgets.forEach(widget => {\n\t\t\t\t\t\t\tif (widget.dataset.scrollInited) return;\n\t\t\t\t\t\t\twidget.dataset.scrollInited = true;\n\n\t\t\t\t\t\t\tconst wrapper = widget.querySelector('.ew-cs-mockup-wrapper');\n\t\t\t\t\t\t\tif (!wrapper) return;\n\n\t\t\t\t\t\t\tconst startPos = 50;\n\t\t\t\t\t\t\tconst endPos = 0;\n\t\t\t\t\t\t\tconst startZoom = 1.25;\n\t\t\t\t\t\t\tconst endZoom = 0.8;\n\n\t\t\t\t\t\t\tlet ticking = false;\n\t\t\t\t\t\t\tconst onScroll = () => {\n\t\t\t\t\t\t\t\tconst rect = widget.getBoundingClientRect();\n\t\t\t\t\t\t\t\tconst windowHeight = window.innerHeight || document.documentElement.clientHeight;\n\n\t\t\t\t\t\t\t\tconst totalDistance = windowHeight + rect.height;\n\t\t\t\t\t\t\t\tconst scrolled = windowHeight - rect.top;\n\n\t\t\t\t\t\t\t\tlet progress = scrolled \/ totalDistance;\n\t\t\t\t\t\t\t\tprogress = Math.max(0, Math.min(1, progress));\n\n\t\t\t\t\t\t\t\tconst currentPos = startPos + (endPos - startPos) * progress;\n\t\t\t\t\t\t\t\tconst currentZoom = startZoom + (endZoom - startZoom) * progress;\n\n\t\t\t\t\t\t\t\twrapper.style.transform = `translateY(${currentPos}px) scale(${currentZoom})`;\n\n\t\t\t\t\t\t\t\tconst glares = widget.querySelectorAll('.ew-cs-glare');\n\t\t\t\t\t\t\t\tglares.forEach(glare => {\n\t\t\t\t\t\t\t\t\tconst glareX = -150 + (progress * 300);\n\t\t\t\t\t\t\t\t\tconst glareOpacity = progress < 0.5 ? progress * 2 : (1 - progress) * 2;\n\t\t\t\t\t\t\t\t\tglare.style.transform = `translateX(${glareX}%) skewX(-30deg)`;\n\t\t\t\t\t\t\t\t\tglare.style.opacity = Math.max(0, Math.min(1, glareOpacity));\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\twindow.addEventListener('scroll', () => {\n\t\t\t\t\t\t\t\tif (!ticking) {\n\t\t\t\t\t\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\t\t\t\tticking = false;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tticking = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, { passive: true });\n\n\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\twindow.addEventListener('resize', onScroll, { passive: true });\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\n\t\t\t\t\tinitScroll();\n\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', initScroll);\n\t\t\t\t\twindow.addEventListener('load', initScroll);\n\t\t\t\t\t\/\/ Backup for Elementor's dynamic loading\n\t\t\t\t\tsetTimeout(initScroll, 1000);\n\t\t\t\t})();\n\t\t\t<\/script>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2296\" class=\"elementor elementor-2296 e-loop-item e-loop-item-2506 post-2506 case-studies type-case-studies status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div role=\"main\" class=\"elementor-element elementor-element-42af4e0 e-flex e-con-boxed e-con e-parent\" data-id=\"42af4e0\" 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-fddd3db elementor-widget__width-inherit elementor-widget elementor-widget-pro_case_study_banner\" data-id=\"fddd3db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"pro_case_study_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- STYLES SCOPED CHO WIDGET N\u00c0Y -->\n\t\t<style>\n\t\t\t.elementor-element-fddd3db .ew-cs-card {\n\t\t\t\tborder: 1px solid #f1f5f9;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tposition: relative;\n\t\t\t\ttransition: all 500ms ease-out;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic-overlay {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\n\t\t\t\/* Mockup Layout Essentials *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-mockup-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\ttransform: translateY(3rem);\n\t\t\t\ttransform-origin: bottom;\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t\tz-index: 10;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop {\n\t\t\t\tposition: relative;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-lid {\n\t\t\t\tbackground: #121212;\n\t\t\t\tpadding: 0.625rem;\n\t\t\t\tborder-radius: 0.75rem 0.75rem 0 0;\n\t\t\t\tposition: relative;\n\t\t\t\tborder-left: 2px solid #2a2a2a;\n\t\t\t\tborder-right: 2px solid #2a2a2a;\n\t\t\t\tborder-top: 2px solid #2a2a2a;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 16\/10;\n\t\t\t\tborder-radius: 0.25rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-base {\n\t\t\t\tposition: relative;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: linear-gradient(to bottom, #d9d9d9, #999999);\n\t\t\t\twidth: 116%;\n\t\t\t\tmargin-left: -8%;\n\t\t\t\tborder-radius: 0 0 0.5rem 0.5rem;\n\t\t\t\tborder-top: 1px solid rgba(255, 255, 255, 0.5);\n\t\t\t\tbox-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-trackpad {\n\t\t\t\twidth: 20%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: #b3b3b3;\n\t\t\t\tborder-radius: 0 0 0.375rem 0.375rem;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\tright: -0.5rem;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\tz-index: 20;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tbox-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1) 75ms;\n\t\t\t}\n\n\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-frame {\n\t\t\t\tbackground: linear-gradient(to bottom right, #e4e4e7, #a1a1aa, #e4e4e7);\n\t\t\t\tpadding: 2px;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-inner {\n\t\t\t\tbackground: #0a0a0a;\n\t\t\t\tpadding: 0.375rem;\n\t\t\t\tborder-radius: 1.15rem;\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 9\/19;\n\t\t\t\tborder-radius: 0.8rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t\/* Glare Effect Animation *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-glare {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tbackground: linear-gradient(125deg,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 45%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.4) 50%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 55%,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 100%);\n\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\tz-index: 10;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\n\t\t\t@keyframes glareSweepDouble {\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 1 *\/\n\t\t\t\t0% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t5% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t35% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t36% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* Kho\u1ea3ng ngh\u1ec9 c\u1ef1c ng\u1eafn v\u00e0 reset v\u1ecb tr\u00ed *\/\n\t\t\t\t37% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 2 *\/\n\t\t\t\t45% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t75% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t80% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t100% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-notch {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0.5rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 35%;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: black;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-home {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0.375rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 33%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: rgba(255, 255, 255, 0.9);\n\t\t\t\tmix-blend-mode: screen;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t}\n\t\t<\/style>\n\n\n\t\t<div class=\"ew-cs-card\">\n\n\n\n\n\t\t\t<!-- Graphic Header -->\n\t\t\t<div class=\"ew-cs-graphic\" style=\"background-image:radial-gradient(circle at center, #ff602f 0%, #077da3 100%) !important;\">\n\t\t\t\t<div class=\"ew-cs-graphic-overlay\"><\/div>\n\t\t\t\t<div class=\"ew-cs-graphic-blur\"><\/div>\n\n\t\t\t\t<!-- Dolly Zoom Mockup Group -->\n\t\t\t\t<div class=\"ew-cs-mockup-wrapper\">\n\t\t\t\t\t<!-- Laptop -->\n\t\t\t\t\t<div class=\"ew-cs-laptop\">\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-lid\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-camera\"><\/div>\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/03\/colourstyle-desktop.png\" alt=\"Laptop Screenshot\" class=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-base\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-trackpad\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Mobile -->\n\t\t\t\t\t<div class=\"ew-cs-mobile\">\n\t\t\t\t\t\t<div class=\"ew-cs-mobile-frame\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-inner\">\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-notch\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/03\/colourstyle-mobile.png\" alt=\"Mobile Screenshot\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-home\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\t\t<script>\n\t\t\t\t(function () {\n\t\t\t\t\tconst initScroll = function () {\n\t\t\t\t\t\tconst rawId = \"fddd3db\";\n\t\t\t\t\t\tconst widgets = document.querySelectorAll('.elementor-element-' + rawId + ' .ew-cs-card');\n\n\t\t\t\t\t\twidgets.forEach(widget => {\n\t\t\t\t\t\t\tif (widget.dataset.scrollInited) return;\n\t\t\t\t\t\t\twidget.dataset.scrollInited = true;\n\n\t\t\t\t\t\t\tconst wrapper = widget.querySelector('.ew-cs-mockup-wrapper');\n\t\t\t\t\t\t\tif (!wrapper) return;\n\n\t\t\t\t\t\t\tconst startPos = 50;\n\t\t\t\t\t\t\tconst endPos = 0;\n\t\t\t\t\t\t\tconst startZoom = 1.25;\n\t\t\t\t\t\t\tconst endZoom = 0.8;\n\n\t\t\t\t\t\t\tlet ticking = false;\n\t\t\t\t\t\t\tconst onScroll = () => {\n\t\t\t\t\t\t\t\tconst rect = widget.getBoundingClientRect();\n\t\t\t\t\t\t\t\tconst windowHeight = window.innerHeight || document.documentElement.clientHeight;\n\n\t\t\t\t\t\t\t\tconst totalDistance = windowHeight + rect.height;\n\t\t\t\t\t\t\t\tconst scrolled = windowHeight - rect.top;\n\n\t\t\t\t\t\t\t\tlet progress = scrolled \/ totalDistance;\n\t\t\t\t\t\t\t\tprogress = Math.max(0, Math.min(1, progress));\n\n\t\t\t\t\t\t\t\tconst currentPos = startPos + (endPos - startPos) * progress;\n\t\t\t\t\t\t\t\tconst currentZoom = startZoom + (endZoom - startZoom) * progress;\n\n\t\t\t\t\t\t\t\twrapper.style.transform = `translateY(${currentPos}px) scale(${currentZoom})`;\n\n\t\t\t\t\t\t\t\tconst glares = widget.querySelectorAll('.ew-cs-glare');\n\t\t\t\t\t\t\t\tglares.forEach(glare => {\n\t\t\t\t\t\t\t\t\tconst glareX = -150 + (progress * 300);\n\t\t\t\t\t\t\t\t\tconst glareOpacity = progress < 0.5 ? progress * 2 : (1 - progress) * 2;\n\t\t\t\t\t\t\t\t\tglare.style.transform = `translateX(${glareX}%) skewX(-30deg)`;\n\t\t\t\t\t\t\t\t\tglare.style.opacity = Math.max(0, Math.min(1, glareOpacity));\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\twindow.addEventListener('scroll', () => {\n\t\t\t\t\t\t\t\tif (!ticking) {\n\t\t\t\t\t\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\t\t\t\tticking = false;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tticking = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, { passive: true });\n\n\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\twindow.addEventListener('resize', onScroll, { passive: true });\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\n\t\t\t\t\tinitScroll();\n\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', initScroll);\n\t\t\t\t\twindow.addEventListener('load', initScroll);\n\t\t\t\t\t\/\/ Backup for Elementor's dynamic loading\n\t\t\t\t\tsetTimeout(initScroll, 1000);\n\t\t\t\t})();\n\t\t\t<\/script>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2296\" class=\"elementor elementor-2296 e-loop-item e-loop-item-2498 post-2498 case-studies type-case-studies status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div role=\"main\" class=\"elementor-element elementor-element-42af4e0 e-flex e-con-boxed e-con e-parent\" data-id=\"42af4e0\" 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-fddd3db elementor-widget__width-inherit elementor-widget elementor-widget-pro_case_study_banner\" data-id=\"fddd3db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"pro_case_study_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- STYLES SCOPED CHO WIDGET N\u00c0Y -->\n\t\t<style>\n\t\t\t.elementor-element-fddd3db .ew-cs-card {\n\t\t\t\tborder: 1px solid #f1f5f9;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tposition: relative;\n\t\t\t\ttransition: all 500ms ease-out;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic-overlay {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\n\t\t\t\/* Mockup Layout Essentials *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-mockup-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\ttransform: translateY(3rem);\n\t\t\t\ttransform-origin: bottom;\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t\tz-index: 10;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop {\n\t\t\t\tposition: relative;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-lid {\n\t\t\t\tbackground: #121212;\n\t\t\t\tpadding: 0.625rem;\n\t\t\t\tborder-radius: 0.75rem 0.75rem 0 0;\n\t\t\t\tposition: relative;\n\t\t\t\tborder-left: 2px solid #2a2a2a;\n\t\t\t\tborder-right: 2px solid #2a2a2a;\n\t\t\t\tborder-top: 2px solid #2a2a2a;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 16\/10;\n\t\t\t\tborder-radius: 0.25rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-base {\n\t\t\t\tposition: relative;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: linear-gradient(to bottom, #d9d9d9, #999999);\n\t\t\t\twidth: 116%;\n\t\t\t\tmargin-left: -8%;\n\t\t\t\tborder-radius: 0 0 0.5rem 0.5rem;\n\t\t\t\tborder-top: 1px solid rgba(255, 255, 255, 0.5);\n\t\t\t\tbox-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-trackpad {\n\t\t\t\twidth: 20%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: #b3b3b3;\n\t\t\t\tborder-radius: 0 0 0.375rem 0.375rem;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\tright: -0.5rem;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\tz-index: 20;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tbox-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1) 75ms;\n\t\t\t}\n\n\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-frame {\n\t\t\t\tbackground: linear-gradient(to bottom right, #e4e4e7, #a1a1aa, #e4e4e7);\n\t\t\t\tpadding: 2px;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-inner {\n\t\t\t\tbackground: #0a0a0a;\n\t\t\t\tpadding: 0.375rem;\n\t\t\t\tborder-radius: 1.15rem;\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 9\/19;\n\t\t\t\tborder-radius: 0.8rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t\/* Glare Effect Animation *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-glare {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tbackground: linear-gradient(125deg,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 45%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.4) 50%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 55%,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 100%);\n\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\tz-index: 10;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\n\t\t\t@keyframes glareSweepDouble {\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 1 *\/\n\t\t\t\t0% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t5% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t35% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t36% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* Kho\u1ea3ng ngh\u1ec9 c\u1ef1c ng\u1eafn v\u00e0 reset v\u1ecb tr\u00ed *\/\n\t\t\t\t37% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 2 *\/\n\t\t\t\t45% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t75% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t80% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t100% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-notch {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0.5rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 35%;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: black;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-home {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0.375rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 33%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: rgba(255, 255, 255, 0.9);\n\t\t\t\tmix-blend-mode: screen;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t}\n\t\t<\/style>\n\n\n\t\t<div class=\"ew-cs-card\">\n\n\n\n\n\t\t\t<!-- Graphic Header -->\n\t\t\t<div class=\"ew-cs-graphic\" style=\"background-image:radial-gradient(circle at center, #ffca04 0%, #1c242c 100%) !important;\">\n\t\t\t\t<div class=\"ew-cs-graphic-overlay\"><\/div>\n\t\t\t\t<div class=\"ew-cs-graphic-blur\"><\/div>\n\n\t\t\t\t<!-- Dolly Zoom Mockup Group -->\n\t\t\t\t<div class=\"ew-cs-mockup-wrapper\">\n\t\t\t\t\t<!-- Laptop -->\n\t\t\t\t\t<div class=\"ew-cs-laptop\">\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-lid\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-camera\"><\/div>\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/03\/imperialprop-desktop.png\" alt=\"Laptop Screenshot\" class=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-base\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-trackpad\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Mobile -->\n\t\t\t\t\t<div class=\"ew-cs-mobile\">\n\t\t\t\t\t\t<div class=\"ew-cs-mobile-frame\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-inner\">\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-notch\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2026\/03\/imperialprop-mobile.png\" alt=\"Mobile Screenshot\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-home\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\t\t<script>\n\t\t\t\t(function () {\n\t\t\t\t\tconst initScroll = function () {\n\t\t\t\t\t\tconst rawId = \"fddd3db\";\n\t\t\t\t\t\tconst widgets = document.querySelectorAll('.elementor-element-' + rawId + ' .ew-cs-card');\n\n\t\t\t\t\t\twidgets.forEach(widget => {\n\t\t\t\t\t\t\tif (widget.dataset.scrollInited) return;\n\t\t\t\t\t\t\twidget.dataset.scrollInited = true;\n\n\t\t\t\t\t\t\tconst wrapper = widget.querySelector('.ew-cs-mockup-wrapper');\n\t\t\t\t\t\t\tif (!wrapper) return;\n\n\t\t\t\t\t\t\tconst startPos = 50;\n\t\t\t\t\t\t\tconst endPos = 0;\n\t\t\t\t\t\t\tconst startZoom = 1.25;\n\t\t\t\t\t\t\tconst endZoom = 0.8;\n\n\t\t\t\t\t\t\tlet ticking = false;\n\t\t\t\t\t\t\tconst onScroll = () => {\n\t\t\t\t\t\t\t\tconst rect = widget.getBoundingClientRect();\n\t\t\t\t\t\t\t\tconst windowHeight = window.innerHeight || document.documentElement.clientHeight;\n\n\t\t\t\t\t\t\t\tconst totalDistance = windowHeight + rect.height;\n\t\t\t\t\t\t\t\tconst scrolled = windowHeight - rect.top;\n\n\t\t\t\t\t\t\t\tlet progress = scrolled \/ totalDistance;\n\t\t\t\t\t\t\t\tprogress = Math.max(0, Math.min(1, progress));\n\n\t\t\t\t\t\t\t\tconst currentPos = startPos + (endPos - startPos) * progress;\n\t\t\t\t\t\t\t\tconst currentZoom = startZoom + (endZoom - startZoom) * progress;\n\n\t\t\t\t\t\t\t\twrapper.style.transform = `translateY(${currentPos}px) scale(${currentZoom})`;\n\n\t\t\t\t\t\t\t\tconst glares = widget.querySelectorAll('.ew-cs-glare');\n\t\t\t\t\t\t\t\tglares.forEach(glare => {\n\t\t\t\t\t\t\t\t\tconst glareX = -150 + (progress * 300);\n\t\t\t\t\t\t\t\t\tconst glareOpacity = progress < 0.5 ? progress * 2 : (1 - progress) * 2;\n\t\t\t\t\t\t\t\t\tglare.style.transform = `translateX(${glareX}%) skewX(-30deg)`;\n\t\t\t\t\t\t\t\t\tglare.style.opacity = Math.max(0, Math.min(1, glareOpacity));\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\twindow.addEventListener('scroll', () => {\n\t\t\t\t\t\t\t\tif (!ticking) {\n\t\t\t\t\t\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\t\t\t\tticking = false;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tticking = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, { passive: true });\n\n\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\twindow.addEventListener('resize', onScroll, { passive: true });\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\n\t\t\t\t\tinitScroll();\n\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', initScroll);\n\t\t\t\t\twindow.addEventListener('load', initScroll);\n\t\t\t\t\t\/\/ Backup for Elementor's dynamic loading\n\t\t\t\t\tsetTimeout(initScroll, 1000);\n\t\t\t\t})();\n\t\t\t<\/script>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2296\" class=\"elementor elementor-2296 e-loop-item e-loop-item-473 post-473 case-studies type-case-studies status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div role=\"main\" class=\"elementor-element elementor-element-42af4e0 e-flex e-con-boxed e-con e-parent\" data-id=\"42af4e0\" 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-fddd3db elementor-widget__width-inherit elementor-widget elementor-widget-pro_case_study_banner\" data-id=\"fddd3db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"pro_case_study_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- STYLES SCOPED CHO WIDGET N\u00c0Y -->\n\t\t<style>\n\t\t\t.elementor-element-fddd3db .ew-cs-card {\n\t\t\t\tborder: 1px solid #f1f5f9;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tposition: relative;\n\t\t\t\ttransition: all 500ms ease-out;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic-overlay {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\n\t\t\t\/* Mockup Layout Essentials *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-mockup-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\ttransform: translateY(3rem);\n\t\t\t\ttransform-origin: bottom;\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t\tz-index: 10;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop {\n\t\t\t\tposition: relative;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-lid {\n\t\t\t\tbackground: #121212;\n\t\t\t\tpadding: 0.625rem;\n\t\t\t\tborder-radius: 0.75rem 0.75rem 0 0;\n\t\t\t\tposition: relative;\n\t\t\t\tborder-left: 2px solid #2a2a2a;\n\t\t\t\tborder-right: 2px solid #2a2a2a;\n\t\t\t\tborder-top: 2px solid #2a2a2a;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 16\/10;\n\t\t\t\tborder-radius: 0.25rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-base {\n\t\t\t\tposition: relative;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: linear-gradient(to bottom, #d9d9d9, #999999);\n\t\t\t\twidth: 116%;\n\t\t\t\tmargin-left: -8%;\n\t\t\t\tborder-radius: 0 0 0.5rem 0.5rem;\n\t\t\t\tborder-top: 1px solid rgba(255, 255, 255, 0.5);\n\t\t\t\tbox-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-trackpad {\n\t\t\t\twidth: 20%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: #b3b3b3;\n\t\t\t\tborder-radius: 0 0 0.375rem 0.375rem;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\tright: -0.5rem;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\tz-index: 20;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tbox-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1) 75ms;\n\t\t\t}\n\n\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-frame {\n\t\t\t\tbackground: linear-gradient(to bottom right, #e4e4e7, #a1a1aa, #e4e4e7);\n\t\t\t\tpadding: 2px;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-inner {\n\t\t\t\tbackground: #0a0a0a;\n\t\t\t\tpadding: 0.375rem;\n\t\t\t\tborder-radius: 1.15rem;\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 9\/19;\n\t\t\t\tborder-radius: 0.8rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t\/* Glare Effect Animation *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-glare {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tbackground: linear-gradient(125deg,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 45%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.4) 50%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 55%,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 100%);\n\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\tz-index: 10;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\n\t\t\t@keyframes glareSweepDouble {\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 1 *\/\n\t\t\t\t0% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t5% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t35% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t36% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* Kho\u1ea3ng ngh\u1ec9 c\u1ef1c ng\u1eafn v\u00e0 reset v\u1ecb tr\u00ed *\/\n\t\t\t\t37% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 2 *\/\n\t\t\t\t45% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t75% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t80% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t100% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-notch {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0.5rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 35%;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: black;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-home {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0.375rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 33%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: rgba(255, 255, 255, 0.9);\n\t\t\t\tmix-blend-mode: screen;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t}\n\t\t<\/style>\n\n\n\t\t<div class=\"ew-cs-card\">\n\n\n\n\n\t\t\t<!-- Graphic Header -->\n\t\t\t<div class=\"ew-cs-graphic\" style=\"background-image:radial-gradient(circle at center, #00579d 0%, #000000 100%) !important;\">\n\t\t\t\t<div class=\"ew-cs-graphic-overlay\"><\/div>\n\t\t\t\t<div class=\"ew-cs-graphic-blur\"><\/div>\n\n\t\t\t\t<!-- Dolly Zoom Mockup Group -->\n\t\t\t\t<div class=\"ew-cs-mockup-wrapper\">\n\t\t\t\t\t<!-- Laptop -->\n\t\t\t\t\t<div class=\"ew-cs-laptop\">\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-lid\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-camera\"><\/div>\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2025\/11\/sfkshop-desktop.png\" alt=\"Laptop Screenshot\" class=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-base\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-trackpad\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Mobile -->\n\t\t\t\t\t<div class=\"ew-cs-mobile\">\n\t\t\t\t\t\t<div class=\"ew-cs-mobile-frame\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-inner\">\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-notch\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2025\/11\/sfkshop-mobile.png\" alt=\"Mobile Screenshot\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-home\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\t\t<script>\n\t\t\t\t(function () {\n\t\t\t\t\tconst initScroll = function () {\n\t\t\t\t\t\tconst rawId = \"fddd3db\";\n\t\t\t\t\t\tconst widgets = document.querySelectorAll('.elementor-element-' + rawId + ' .ew-cs-card');\n\n\t\t\t\t\t\twidgets.forEach(widget => {\n\t\t\t\t\t\t\tif (widget.dataset.scrollInited) return;\n\t\t\t\t\t\t\twidget.dataset.scrollInited = true;\n\n\t\t\t\t\t\t\tconst wrapper = widget.querySelector('.ew-cs-mockup-wrapper');\n\t\t\t\t\t\t\tif (!wrapper) return;\n\n\t\t\t\t\t\t\tconst startPos = 50;\n\t\t\t\t\t\t\tconst endPos = 0;\n\t\t\t\t\t\t\tconst startZoom = 1.25;\n\t\t\t\t\t\t\tconst endZoom = 0.8;\n\n\t\t\t\t\t\t\tlet ticking = false;\n\t\t\t\t\t\t\tconst onScroll = () => {\n\t\t\t\t\t\t\t\tconst rect = widget.getBoundingClientRect();\n\t\t\t\t\t\t\t\tconst windowHeight = window.innerHeight || document.documentElement.clientHeight;\n\n\t\t\t\t\t\t\t\tconst totalDistance = windowHeight + rect.height;\n\t\t\t\t\t\t\t\tconst scrolled = windowHeight - rect.top;\n\n\t\t\t\t\t\t\t\tlet progress = scrolled \/ totalDistance;\n\t\t\t\t\t\t\t\tprogress = Math.max(0, Math.min(1, progress));\n\n\t\t\t\t\t\t\t\tconst currentPos = startPos + (endPos - startPos) * progress;\n\t\t\t\t\t\t\t\tconst currentZoom = startZoom + (endZoom - startZoom) * progress;\n\n\t\t\t\t\t\t\t\twrapper.style.transform = `translateY(${currentPos}px) scale(${currentZoom})`;\n\n\t\t\t\t\t\t\t\tconst glares = widget.querySelectorAll('.ew-cs-glare');\n\t\t\t\t\t\t\t\tglares.forEach(glare => {\n\t\t\t\t\t\t\t\t\tconst glareX = -150 + (progress * 300);\n\t\t\t\t\t\t\t\t\tconst glareOpacity = progress < 0.5 ? progress * 2 : (1 - progress) * 2;\n\t\t\t\t\t\t\t\t\tglare.style.transform = `translateX(${glareX}%) skewX(-30deg)`;\n\t\t\t\t\t\t\t\t\tglare.style.opacity = Math.max(0, Math.min(1, glareOpacity));\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\twindow.addEventListener('scroll', () => {\n\t\t\t\t\t\t\t\tif (!ticking) {\n\t\t\t\t\t\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\t\t\t\tticking = false;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tticking = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, { passive: true });\n\n\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\twindow.addEventListener('resize', onScroll, { passive: true });\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\n\t\t\t\t\tinitScroll();\n\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', initScroll);\n\t\t\t\t\twindow.addEventListener('load', initScroll);\n\t\t\t\t\t\/\/ Backup for Elementor's dynamic loading\n\t\t\t\t\tsetTimeout(initScroll, 1000);\n\t\t\t\t})();\n\t\t\t<\/script>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2296\" class=\"elementor elementor-2296 e-loop-item e-loop-item-472 post-472 case-studies type-case-studies status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div role=\"main\" class=\"elementor-element elementor-element-42af4e0 e-flex e-con-boxed e-con e-parent\" data-id=\"42af4e0\" 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-fddd3db elementor-widget__width-inherit elementor-widget elementor-widget-pro_case_study_banner\" data-id=\"fddd3db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"pro_case_study_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- STYLES SCOPED CHO WIDGET N\u00c0Y -->\n\t\t<style>\n\t\t\t.elementor-element-fddd3db .ew-cs-card {\n\t\t\t\tborder: 1px solid #f1f5f9;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tposition: relative;\n\t\t\t\ttransition: all 500ms ease-out;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-graphic-overlay {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\n\t\t\t\/* Mockup Layout Essentials *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-mockup-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 90%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\ttransform: translateY(3rem);\n\t\t\t\ttransform-origin: bottom;\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t\tz-index: 10;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop {\n\t\t\t\tposition: relative;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1);\n\t\t\t}\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-lid {\n\t\t\t\tbackground: #121212;\n\t\t\t\tpadding: 0.625rem;\n\t\t\t\tborder-radius: 0.75rem 0.75rem 0 0;\n\t\t\t\tposition: relative;\n\t\t\t\tborder-left: 2px solid #2a2a2a;\n\t\t\t\tborder-right: 2px solid #2a2a2a;\n\t\t\t\tborder-top: 2px solid #2a2a2a;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 16\/10;\n\t\t\t\tborder-radius: 0.25rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-base {\n\t\t\t\tposition: relative;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: linear-gradient(to bottom, #d9d9d9, #999999);\n\t\t\t\twidth: 116%;\n\t\t\t\tmargin-left: -8%;\n\t\t\t\tborder-radius: 0 0 0.5rem 0.5rem;\n\t\t\t\tborder-top: 1px solid rgba(255, 255, 255, 0.5);\n\t\t\t\tbox-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-laptop-trackpad {\n\t\t\t\twidth: 20%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: #b3b3b3;\n\t\t\t\tborder-radius: 0 0 0.375rem 0.375rem;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\tright: -0.5rem;\n\t\t\t\t\/* width controlled by settings *\/\n\t\t\t\tz-index: 20;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tbox-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);\n\t\t\t\ttransition: all 800ms cubic-bezier(0.25, 1, 0.5, 1) 75ms;\n\t\t\t}\n\n\n\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-frame {\n\t\t\t\tbackground: linear-gradient(to bottom right, #e4e4e7, #a1a1aa, #e4e4e7);\n\t\t\t\tpadding: 2px;\n\t\t\t\tborder-radius: 1.25rem;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-inner {\n\t\t\t\tbackground: #0a0a0a;\n\t\t\t\tpadding: 0.375rem;\n\t\t\t\tborder-radius: 1.15rem;\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-screen {\n\t\t\t\tbackground: #0f172a;\n\t\t\t\taspect-ratio: 9\/19;\n\t\t\t\tborder-radius: 0.8rem;\n\t\t\t\toverflow: hidden;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t\/* Glare Effect Animation *\/\n\t\t\t.elementor-element-fddd3db .ew-cs-glare {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tbackground: linear-gradient(125deg,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 45%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.4) 50%,\n\t\t\t\t\t\trgba(255, 255, 255, 0.05) 55%,\n\t\t\t\t\t\trgba(255, 255, 255, 0) 100%);\n\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\tz-index: 10;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\n\t\t\t@keyframes glareSweepDouble {\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 1 *\/\n\t\t\t\t0% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t5% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t35% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t36% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* Kho\u1ea3ng ngh\u1ec9 c\u1ef1c ng\u1eafn v\u00e0 reset v\u1ecb tr\u00ed *\/\n\t\t\t\t37% {\n\t\t\t\t\ttransform: translateX(-200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t\/* L\u1ea7n qu\u00e9t 2 *\/\n\t\t\t\t45% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t75% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t80% {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\n\t\t\t\t100% {\n\t\t\t\t\ttransform: translateX(200%) skewX(-30deg);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-notch {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0.5rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 35%;\n\t\t\t\theight: 0.625rem;\n\t\t\t\tbackground: black;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);\n\t\t\t}\n\n\t\t\t.elementor-element-fddd3db .ew-cs-mobile-home {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0.375rem;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: 33%;\n\t\t\t\theight: 0.25rem;\n\t\t\t\tbackground: rgba(255, 255, 255, 0.9);\n\t\t\t\tmix-blend-mode: screen;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tz-index: 20;\n\t\t\t}\n\t\t<\/style>\n\n\n\t\t<div class=\"ew-cs-card\">\n\n\n\n\n\t\t\t<!-- Graphic Header -->\n\t\t\t<div class=\"ew-cs-graphic\" style=\"background-image:radial-gradient(circle at center, #b19b7b 0%, #004776 100%) !important;\">\n\t\t\t\t<div class=\"ew-cs-graphic-overlay\"><\/div>\n\t\t\t\t<div class=\"ew-cs-graphic-blur\"><\/div>\n\n\t\t\t\t<!-- Dolly Zoom Mockup Group -->\n\t\t\t\t<div class=\"ew-cs-mockup-wrapper\">\n\t\t\t\t\t<!-- Laptop -->\n\t\t\t\t\t<div class=\"ew-cs-laptop\">\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-lid\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-camera\"><\/div>\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2025\/11\/synergymar-desktop.png\" alt=\"Laptop Screenshot\" class=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"ew-cs-laptop-base\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-laptop-trackpad\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Mobile -->\n\t\t\t\t\t<div class=\"ew-cs-mobile\">\n\t\t\t\t\t\t<div class=\"ew-cs-mobile-frame\">\n\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-inner\">\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-notch\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-screen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.wucode.net\/wp-content\/uploads\/2025\/11\/synergymar-mobile.png\" alt=\"Mobile Screenshot\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"ew-cs-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-glare\"><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"ew-cs-mobile-home\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\t\t<script>\n\t\t\t\t(function () {\n\t\t\t\t\tconst initScroll = function () {\n\t\t\t\t\t\tconst rawId = \"fddd3db\";\n\t\t\t\t\t\tconst widgets = document.querySelectorAll('.elementor-element-' + rawId + ' .ew-cs-card');\n\n\t\t\t\t\t\twidgets.forEach(widget => {\n\t\t\t\t\t\t\tif (widget.dataset.scrollInited) return;\n\t\t\t\t\t\t\twidget.dataset.scrollInited = true;\n\n\t\t\t\t\t\t\tconst wrapper = widget.querySelector('.ew-cs-mockup-wrapper');\n\t\t\t\t\t\t\tif (!wrapper) return;\n\n\t\t\t\t\t\t\tconst startPos = 50;\n\t\t\t\t\t\t\tconst endPos = 0;\n\t\t\t\t\t\t\tconst startZoom = 1.25;\n\t\t\t\t\t\t\tconst endZoom = 0.8;\n\n\t\t\t\t\t\t\tlet ticking = false;\n\t\t\t\t\t\t\tconst onScroll = () => {\n\t\t\t\t\t\t\t\tconst rect = widget.getBoundingClientRect();\n\t\t\t\t\t\t\t\tconst windowHeight = window.innerHeight || document.documentElement.clientHeight;\n\n\t\t\t\t\t\t\t\tconst totalDistance = windowHeight + rect.height;\n\t\t\t\t\t\t\t\tconst scrolled = windowHeight - rect.top;\n\n\t\t\t\t\t\t\t\tlet progress = scrolled \/ totalDistance;\n\t\t\t\t\t\t\t\tprogress = Math.max(0, Math.min(1, progress));\n\n\t\t\t\t\t\t\t\tconst currentPos = startPos + (endPos - startPos) * progress;\n\t\t\t\t\t\t\t\tconst currentZoom = startZoom + (endZoom - startZoom) * progress;\n\n\t\t\t\t\t\t\t\twrapper.style.transform = `translateY(${currentPos}px) scale(${currentZoom})`;\n\n\t\t\t\t\t\t\t\tconst glares = widget.querySelectorAll('.ew-cs-glare');\n\t\t\t\t\t\t\t\tglares.forEach(glare => {\n\t\t\t\t\t\t\t\t\tconst glareX = -150 + (progress * 300);\n\t\t\t\t\t\t\t\t\tconst glareOpacity = progress < 0.5 ? progress * 2 : (1 - progress) * 2;\n\t\t\t\t\t\t\t\t\tglare.style.transform = `translateX(${glareX}%) skewX(-30deg)`;\n\t\t\t\t\t\t\t\t\tglare.style.opacity = Math.max(0, Math.min(1, glareOpacity));\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\twindow.addEventListener('scroll', () => {\n\t\t\t\t\t\t\t\tif (!ticking) {\n\t\t\t\t\t\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\t\t\t\tticking = false;\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\tticking = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, { passive: true });\n\n\t\t\t\t\t\t\tonScroll();\n\t\t\t\t\t\t\twindow.addEventListener('resize', onScroll, { passive: true });\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\n\t\t\t\t\tinitScroll();\n\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', initScroll);\n\t\t\t\t\twindow.addEventListener('load', initScroll);\n\t\t\t\t\t\/\/ Backup for Elementor's dynamic loading\n\t\t\t\t\tsetTimeout(initScroll, 1000);\n\t\t\t\t})();\n\t\t\t<\/script>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"main\" class=\"elementor-element elementor-element-f582bbe e-con-full e-flex e-con e-child\" data-id=\"f582bbe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-145ec8a elementor-headline--style-highlight elementor-widget elementor-widget-animated-headline\" data-id=\"145ec8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;marker&quot;:&quot;underline_zigzag&quot;,&quot;highlighted_text&quot;:&quot;C\\u1ea7n Th\\u00eam S\\u1ef1 Gi\\u00fap \\u0110\\u1ee1 ?&quot;,&quot;headline_style&quot;:&quot;highlight&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;highlight_animation_duration&quot;:1200,&quot;highlight_iteration_delay&quot;:8000}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t<div class=\"elementor-headline\">\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">C\u1ea7n Th\u00eam S\u1ef1 Gi\u00fap \u0110\u1ee1 ?<\/span>\n\t\t\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t<\/a>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47bd36d elementor-widget elementor-widget-heading\" data-id=\"47bd36d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">H\u00e3y li\u00ean h\u1ec7 \u0111\u1ec3 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt chuy\u00ean nghi\u1ec7p.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12b79c3 elementor-widget elementor-widget-heading\" data-id=\"12b79c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">H\u00e3y li\u00ean h\u1ec7 v\u1edbi \u0111\u1ed9i ng\u0169 c\u1ee7a ch\u00fang t\u00f4i \u0111\u1ec3 nh\u1eadn \u0111\u01b0\u1ee3c h\u01b0\u1edbng d\u1eabn chuy\u00ean m\u00f4n v\u00e0 h\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt \u0111\u00e1ng tin c\u1eady ph\u00f9 h\u1ee3p v\u1edbi nhu c\u1ea7u kinh doanh c\u1ee7a b\u1ea1n.<\/div>\t\t\t\t<\/div>\n\t\t<div role=\"main\" class=\"elementor-element elementor-element-89d2d08 e-con-full e-flex e-con e-child\" data-id=\"89d2d08\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b31721 elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget__width-inherit elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"5b31721\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"tel:%200908083563\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"h\u1ed7 tr\u1ee3 qua \u0111i\u1ec7n tho\u1ea1i\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-square-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48zm-16.39 307.37l-15 65A15 15 0 0 1 354 416C194 416 64 286.29 64 126a15.7 15.7 0 0 1 11.63-14.61l65-15A18.23 18.23 0 0 1 144 96a16.27 16.27 0 0 1 13.79 9.09l30 70A17.9 17.9 0 0 1 189 181a17 17 0 0 1-5.5 11.61l-37.89 31a231.91 231.91 0 0 0 110.78 110.78l31-37.89A17 17 0 0 1 299 291a17.85 17.85 0 0 1 5.91 1.21l70 30A16.25 16.25 0 0 1 384 336a17.41 17.41 0 0 1-.39 3.37z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"tel:%200908083563\" >\n\t\t\t\t\t\t\th\u1ed7 tr\u1ee3 qua \u0111i\u1ec7n tho\u1ea1i\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t(+84) 90808 - 3563\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2366e65 elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget__width-inherit elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"2366e65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"mailto:%20chris@wucodenet\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"H\u1ed7 tr\u1ee3 qua email\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope-square\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM178.117 262.104C87.429 196.287 88.353 196.121 64 177.167V152c0-13.255 10.745-24 24-24h272c13.255 0 24 10.745 24 24v25.167c-24.371 18.969-23.434 19.124-114.117 84.938-10.5 7.655-31.392 26.12-45.883 25.894-14.503.218-35.367-18.227-45.883-25.895zM384 217.775V360c0 13.255-10.745 24-24 24H88c-13.255 0-24-10.745-24-24V217.775c13.958 10.794 33.329 25.236 95.303 70.214 14.162 10.341 37.975 32.145 64.694 32.01 26.887.134 51.037-22.041 64.72-32.025 61.958-44.965 81.325-59.406 95.283-70.199z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"mailto:%20chris@wucodenet\" >\n\t\t\t\t\t\t\tH\u1ed7 tr\u1ee3 qua email\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tchris@wucode.net\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p D\u01b0\u1edbi \u0111\u00e2y ch\u00fang t\u00f4i cung c\u1ea5p m\u1ed9t s\u1ed1 h\u01b0\u1edbng d\u1eabn h\u1eefu \u00edch gi\u00fap b\u1ea1n ti\u1ebft ki\u1ec7m th\u1eddi gian trong vi\u1ec7c x\u00e1c \u0111\u1ecbnh xem ch\u00fang t\u00f4i c\u00f3 ph\u00f9 h\u1ee3p v\u1edbi b\u1ea1n ho\u1eb7c d\u1ef1 \u00e1n c\u1ee7a b\u1ea1n hay kh\u00f4ng. B\u1ea1n \u0111ang l\u00e0m d\u1ef1 \u00e1n g\u00ec? Quy m\u00f4 d\u1ef1 \u00e1n c\u1ee7a ch\u00fang t\u00f4i \u0111a [&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":{"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.wucode.net\/en\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wucode.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wucode.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wucode.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wucode.net\/en\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":322,"href":"https:\/\/www.wucode.net\/en\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":4824,"href":"https:\/\/www.wucode.net\/en\/wp-json\/wp\/v2\/pages\/59\/revisions\/4824"}],"wp:attachment":[{"href":"https:\/\/www.wucode.net\/en\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}