Solu\u00e7\u00f5es de Linha de Revestimento<\/title>\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@300;400;500;600;700&display=swap');\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n .cl-section {\r\n width: 100%;\r\n height: 680px;\r\n background: #f4f7fa;\r\n font-family: 'Barlow', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n }\r\n\r\n \/* \u2500\u2500 Left Panel \u2500\u2500 *\/\r\n .cl-left {\r\n width: 300px;\r\n flex-shrink: 0;\r\n padding: 56px 32px 40px 48px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .cl-label {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: 3.5px;\r\n text-transform: uppercase;\r\n color: #2e7dd1;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .cl-title {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 34px;\r\n font-weight: 600;\r\n color: #0a1628;\r\n line-height: 1.15;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .cl-title span {\r\n display: block;\r\n color: #2e7dd1;\r\n }\r\n\r\n .cl-desc {\r\n font-size: 13.5px;\r\n color: #6b7a8d;\r\n line-height: 1.7;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .cl-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #0a1628;\r\n color: #fff;\r\n padding: 12px 28px;\r\n border-radius: 50px;\r\n font-family: 'Barlow', sans-serif;\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n text-decoration: none;\r\n transition: background 0.3s, transform 0.2s;\r\n width: fit-content;\r\n cursor: pointer;\r\n border: none;\r\n }\r\n .cl-btn:hover {\r\n background: #2e7dd1;\r\n transform: translateY(-1px);\r\n }\r\n .cl-btn svg {\r\n width: 15px; height: 15px;\r\n transition: transform 0.3s;\r\n }\r\n .cl-btn:hover svg {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* \u2500\u2500 Line List \u2500\u2500 *\/\r\n .cl-line-list {\r\n margin-top: 28px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .cl-line-item {\r\n font-family: 'Barlow', sans-serif;\r\n font-size: 12.5px;\r\n font-weight: 400;\r\n color: #9aa8b8;\r\n padding: 9px 0;\r\n border-left: 2px solid transparent;\r\n padding-left: 14px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n line-height: 1.3;\r\n }\r\n\r\n .cl-line-item:hover {\r\n color: #0a1628;\r\n }\r\n\r\n .cl-line-item.active {\r\n color: #0a1628;\r\n font-weight: 600;\r\n border-left-color: #2e7dd1;\r\n }\r\n\r\n .cl-line-num {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: #2e7dd1;\r\n min-width: 18px;\r\n }\r\n\r\n \/* \u2500\u2500 Watermark \u2500\u2500 *\/\r\n .cl-watermark {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 88px;\r\n font-weight: 700;\r\n color: rgba(10, 22, 40, 0.04);\r\n position: absolute;\r\n bottom: 32px;\r\n left: 48px;\r\n line-height: 1;\r\n white-space: nowrap;\r\n pointer-events: none;\r\n user-select: none;\r\n }\r\n\r\n \/* \u2500\u2500 Right Panel \u2500\u2500 *\/\r\n .cl-right {\r\n flex: 1;\r\n min-width: 0;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n\r\n .cl-image-wrapper {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n padding: 40px 60px 80px 20px;\r\n }\r\n\r\n .cl-slide-img {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) translateX(60px);\r\n max-width: calc(100% - 80px);\r\n max-height: calc(100% - 120px);\r\n object-fit: contain;\r\n opacity: 0;\r\n transition: opacity 0.5s ease, transform 0.5s ease;\r\n pointer-events: none;\r\n }\r\n\r\n .cl-slide-img.active {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) translateX(0);\r\n pointer-events: auto;\r\n }\r\n\r\n \/* \u2500\u2500 Bottom Bar \u2500\u2500 *\/\r\n .cl-bottom {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 72px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n gap: 24px;\r\n padding: 0 48px;\r\n z-index: 5;\r\n }\r\n\r\n .cl-dots {\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n }\r\n\r\n .cl-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #c8d4e0;\r\n cursor: pointer;\r\n transition: all 0.35s;\r\n border: none;\r\n padding: 0;\r\n }\r\n .cl-dot.active {\r\n width: 28px;\r\n border-radius: 4px;\r\n background: #2e7dd1;\r\n }\r\n\r\n .cl-nav {\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n .cl-arrow {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n border: 1.5px solid #d0d8e2;\r\n background: rgba(255,255,255,0.9);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.25s;\r\n color: #0a1628;\r\n }\r\n .cl-arrow:hover {\r\n border-color: #2e7dd1;\r\n background: #2e7dd1;\r\n color: #fff;\r\n }\r\n .cl-arrow svg {\r\n width: 17px; height: 17px;\r\n }\r\n\r\n \/* \u2500\u2500 Image Name (top-left of image area) \u2500\u2500 *\/\r\n .cl-img-name {\r\n position: absolute;\r\n top: 32px;\r\n left: 30px;\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 54px;\r\n font-weight: 600;\r\n color: #0a1628;\r\n z-index: 5;\r\n letter-spacing: 0.3px;\r\n transition: opacity 0.3s;\r\n }\r\n\r\n .cl-counter {\r\n position: absolute;\r\n top: 28px;\r\n right: 48px;\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #99a8b8;\r\n letter-spacing: 2px;\r\n z-index: 5;\r\n }\r\n .cl-counter .cur {\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #0a1628;\r\n }\r\n\r\n \/* \u2500\u2500 Mobile \u2500\u2500 *\/\r\n @media (max-width: 860px) {\r\n .cl-section {\r\n flex-direction: column;\r\n height: auto;\r\n }\r\n .cl-left {\r\n width: 100%;\r\n padding: 32px 24px 20px;\r\n }\r\n .cl-title { font-size: 26px; }\r\n .cl-desc { margin-bottom: 24px; }\r\n .cl-watermark { display: none; }\r\n\r\n .cl-right {\r\n width: 100%;\r\n height: 420px;\r\n min-height: 420px;\r\n position: relative;\r\n }\r\n\r\n .cl-image-wrapper {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n padding: 70px 16px 80px;\r\n }\r\n\r\n .cl-slide-img {\r\n max-width: calc(100% - 32px);\r\n max-height: calc(100% - 60px);\r\n }\r\n\r\n .cl-img-name {\r\n font-size: 26px;\r\n top: 16px;\r\n left: 20px;\r\n right: 70px;\r\n line-height: 1.2;\r\n }\r\n\r\n .cl-counter {\r\n right: 20px;\r\n top: 18px;\r\n }\r\n\r\n .cl-bottom {\r\n height: 64px;\r\n padding: 0 20px;\r\n justify-content: center;\r\n gap: 20px;\r\n }\r\n\r\n .cl-arrow {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .cl-left {\r\n padding: 24px 20px 16px;\r\n }\r\n .cl-title { font-size: 24px; }\r\n .cl-desc { font-size: 13px; }\r\n\r\n .cl-right {\r\n height: 380px;\r\n min-height: 380px;\r\n }\r\n\r\n .cl-image-wrapper {\r\n padding: 60px 12px 72px;\r\n }\r\n\r\n .cl-img-name {\r\n font-size: 22px;\r\n top: 14px;\r\n left: 16px;\r\n right: 60px;\r\n }\r\n\r\n .cl-counter {\r\n right: 16px;\r\n top: 16px;\r\n font-size: 12px;\r\n }\r\n .cl-counter .cur {\r\n font-size: 17px;\r\n }\r\n\r\n .cl-bottom {\r\n height: 56px;\r\n padding: 0 16px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"cl-section\">\r\n <div class=\"cl-left\">\r\n <div class=\"cl-label\">Solu\u00e7\u00f5es<\/div>\r\n <h2 class=\"cl-title\">\r\n Revestimento Conformal\r\n <span>Solu\u00e7\u00f5es de Linha<\/span>\r\n <\/h2>\r\n <p class=\"cl-desc\">Linhas completas de produ\u00e7\u00e3o de revestimento conformal de PCBA, inline e offline, com sistemas integrados de cura, transportador e retorno.<\/p>\r\n <a class=\"cl-btn\" href=\"#\">\r\n Saiba Mais\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div class=\"cl-watermark\" id=\"watermark\">LINE-01<\/div>\r\n <\/div>\r\n\r\n <div class=\"cl-right\">\r\n <div class=\"cl-img-name\" id=\"imgName\">Linha Compacta de Revestimento Dupla Face<\/div>\r\n <div class=\"cl-counter\"><span class=\"cur\" id=\"counterCur\">01<\/span> \/ <span id=\"counterTotal\">05<\/span><\/div>\r\n <div class=\"cl-image-wrapper\" id=\"imageWrapper\">\r\n <img decoding=\"async\" class=\"cl-slide-img active\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Online-PCBA-Conformal-Coating-Line-with-Return-Conveyor-scaled_\u7ed3\u679c.webp\" alt=\"Linha Compacta de Revestimento Dupla Face\" data-name=\"Linha Compacta de Revestimento Dupla Face\" data-code=\"LINE-01\">\r\n <img decoding=\"async\" class=\"cl-slide-img\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/Online-PCBA-Conformal-Coating-Line-with-Return-Conveyor-scaled_\u7ed3\u679c.png\" alt=\"Linha de Revestimento Dupla Face\" data-name=\"Linha de Revestimento Dupla Face\" data-code=\"LINE-02\">\r\n <img decoding=\"async\" class=\"cl-slide-img\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/Online-PCBA-Conformal-Coating-Line-with-Return-Conveyor-scaled_-2\u7ed3\u679c.png\" alt=\"Revestimento Dupla Face + Cura IR\" data-name=\"Revestimento Dupla Face + Cura IR\" data-code=\"LINE-03\">\r\n <img decoding=\"async\" class=\"cl-slide-img\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/Online-PCBA-Conformal-Coating-Line-with-Return-Conveyor-scaled_-1-\u7ed3\u679c.png\" alt=\"Linha de Revestimento + Transportador de Retorno\" data-name=\"Linha de Revestimento + Transportador de Retorno\" data-code=\"LINE-04\">\r\n <img decoding=\"async\" class=\"cl-slide-img\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/Online-PCBA-Conformal-Coating-Line-with-Return-Conveyor-scaled_\u7ed3\u679c-1.png\" alt=\"Linha de Revestimento + Cura UV\" data-name=\"Linha de Revestimento + Cura UV\" data-code=\"LINE-05\">\r\n <\/div>\r\n\r\n <div class=\"cl-bottom\">\r\n <div class=\"cl-dots\" id=\"dots\"><\/div>\r\n <div class=\"cl-nav\">\r\n <button class=\"cl-arrow\" id=\"prevBtn\" aria-label=\"Anterior\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <button class=\"cl-arrow\" id=\"nextBtn\" aria-label=\"Pr\u00f3ximo\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n const imgs = Array.from(document.querySelectorAll('.cl-slide-img'));\r\n const dotsWrap = document.getElementById('dots');\r\n const slideName = document.getElementById('imgName');\r\n const counterCur = document.getElementById('counterCur');\r\n const watermark = document.getElementById('watermark');\r\n const lineItems = Array.from(document.querySelectorAll('.cl-line-item'));\r\n const total = imgs.length;\r\n let current = 0;\r\n let animating = false;\r\n\r\n imgs.forEach((_, i) => {\r\n const d = document.createElement('button');\r\n d.className = 'cl-dot' + (i === 0 ? ' active' : '');\r\n d.addEventListener('click', () => goTo(i));\r\n dotsWrap.appendChild(d);\r\n });\r\n const dots = Array.from(dotsWrap.querySelectorAll('.cl-dot'));\r\n\r\n lineItems.forEach(item => {\r\n item.addEventListener('click', () => goTo(parseInt(item.dataset.index)));\r\n });\r\n\r\n function goTo(index, direction) {\r\n if (animating || index === current) return;\r\n animating = true;\r\n\r\n const prev = current;\r\n if (index < 0) index = total - 1;\r\n if (index >= total) index = 0;\r\n\r\n if (direction === undefined) {\r\n direction = index > prev ? 'next' : 'prev';\r\n }\r\n\r\n const oldImg = imgs[prev];\r\n const newImg = imgs[index];\r\n\r\n oldImg.classList.remove('active');\r\n oldImg.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n oldImg.style.transform = direction === 'next'\r\n ? 'translate(-50%, -50%) translateX(-60px)'\r\n : 'translate(-50%, -50%) translateX(60px)';\r\n oldImg.style.opacity = '0';\r\n\r\n newImg.style.transition = 'none';\r\n newImg.style.transform = direction === 'next'\r\n ? 'translate(-50%, -50%) translateX(60px)'\r\n : 'translate(-50%, -50%) translateX(-60px)';\r\n newImg.style.opacity = '0';\r\n void newImg.offsetWidth;\r\n\r\n newImg.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n newImg.classList.add('active');\r\n newImg.style.transform = 'translate(-50%, -50%) translateX(0)';\r\n newImg.style.opacity = '1';\r\n\r\n current = index;\r\n\r\n dots.forEach((d, i) => d.classList.toggle('active', i === current));\r\n lineItems.forEach((l, i) => l.classList.toggle('active', i === current));\r\n counterCur.textContent = String(current + 1).padStart(2, '0');\r\n watermark.textContent = imgs[current].dataset.code;\r\n slideName.textContent = imgs[current].dataset.name;\r\n\r\n setTimeout(() => {\r\n oldImg.style.transform = '';\r\n oldImg.style.opacity = '';\r\n oldImg.style.transition = '';\r\n animating = false;\r\n }, 520);\r\n }\r\n\r\n document.getElementById('prevBtn').addEventListener('click', () => goTo(current - 1, 'prev'));\r\n document.getElementById('nextBtn').addEventListener('click', () => goTo(current + 1, 'next'));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'ArrowLeft') goTo(current - 1, 'prev');\r\n if (e.key === 'ArrowRight') goTo(current + 1, 'next');\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d17b9e8 e-con-full e-flex e-con e-parent\" data-id=\"d17b9e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2756316 elementor-widget elementor-widget-html\" data-id=\"2756316\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Company Profile \u2013 SANCO<\/title>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@400;500;600;700;800&display=swap');\r\n\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nbody{font-family:'Barlow',sans-serif;background:#fff}\r\n\r\n\/* \u2550\u2550 HERO \u2550\u2550 *\/\r\n.cp-hero{\r\n position:relative;\r\n height:720px;\r\n overflow:hidden;\r\n}\r\n.cp-hero-img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n object-position:center 40%;\r\n display:block;\r\n}\r\n.cp-hero-overlay{\r\n position:absolute;\r\n inset:0;\r\n background:rgba(10,20,40,.50);\r\n}\r\n\r\n.cp-hero-content{\r\n position:absolute;\r\n inset:0;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:flex-end;\r\n \/* \u4e0e body \u540c\u6837\u7684\u5bb9\u5668\u903b\u8f91 *\/\r\n max-width:1200px;\r\n margin:0 auto;\r\n padding:0 48px 56px;\r\n}\r\n.cp-hero-label{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:15px;\r\n font-weight:700;\r\n letter-spacing:8px;\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.55);\r\n margin-bottom:10px;\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n.cp-hero-label::before{\r\n content:'';\r\n width:24px;\r\n height:1.5px;\r\n background:rgba(255,255,255,.4);\r\n display:block;\r\n}\r\n.cp-hero-title{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:82px;\r\n font-weight:700;\r\n color:#fff;\r\n line-height:1.05;\r\n letter-spacing:-0.5px;\r\n}\r\n\r\n\/* breadcrumb *\/\r\n.cp-breadcrumb{\r\n background:#0a1628;\r\n padding:13px 72px;\r\n font-size:12.5px;\r\n color:rgba(255,255,255,.45);\r\n display:flex;\r\n align-items:center;\r\n gap:6px;\r\n}\r\n\r\n\/* \u2550\u2550 BODY \u2550\u2550 *\/\r\n.cp-body{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:0;\r\n max-width:1200px;\r\n margin:72px auto;\r\n padding:0 48px;\r\n align-items:center;\r\n}\r\n.cp-text{padding-right:56px}\r\n\r\n.cp-eyebrow{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:11px;\r\n font-weight:700;\r\n letter-spacing:4px;\r\n text-transform:uppercase;\r\n color:#2e7dd1;\r\n margin-bottom:16px;\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n.cp-eyebrow::before{\r\n content:'';\r\n width:24px;\r\n height:2px;\r\n background:#2e7dd1;\r\n display:block;\r\n}\r\n.cp-heading{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:40px;\r\n font-weight:700;\r\n color:#0a1628;\r\n line-height:1.1;\r\n margin-bottom:24px;\r\n}\r\n.cp-heading em{\r\n font-style:normal;\r\n color:#2e7dd1;\r\n}\r\n.cp-divider{\r\n width:40px;\r\n height:3px;\r\n background:linear-gradient(90deg,#084da4,#2e7dd1);\r\n border-radius:2px;\r\n margin-bottom:22px;\r\n}\r\n.cp-desc{\r\n font-size:14px;\r\n color:#4a5568;\r\n line-height:1.85;\r\n}\r\n.cp-desc p + p{margin-top:14px}\r\n\r\n.cp-img-wrap{\r\n position:relative;\r\n}\r\n.cp-factory-img{\r\n width:100%;\r\n aspect-ratio:4\/3;\r\n object-fit:cover;\r\n display:block;\r\n border-radius:2px;\r\n box-shadow:0 20px 60px rgba(8,77,164,.12);\r\n}\r\n.cp-img-wrap::before{\r\n content:'';\r\n position:absolute;\r\n top:-12px;\r\n right:-12px;\r\n width:60%;\r\n height:60%;\r\n border-top:3px solid #2e7dd1;\r\n border-right:3px solid #2e7dd1;\r\n border-radius:2px;\r\n pointer-events:none;\r\n z-index:-1;\r\n}\r\n.cp-img-wrap::after{\r\n content:'';\r\n position:absolute;\r\n bottom:-12px;\r\n left:-12px;\r\n width:40%;\r\n height:40%;\r\n border-bottom:3px solid #084da4;\r\n border-left:3px solid #084da4;\r\n border-radius:2px;\r\n pointer-events:none;\r\n z-index:-1;\r\n}\r\n\r\n@media(max-width:860px){\r\n .cp-hero{height:280px}\r\n .cp-hero-content{padding:0 24px 36px}\r\n .cp-hero-title{font-size:34px}\r\n .cp-breadcrumb{padding:12px 24px}\r\n .cp-body{\r\n grid-template-columns:1fr;\r\n padding:0 24px;\r\n margin:48px auto;\r\n gap:40px;\r\n }\r\n .cp-text{padding-right:0}\r\n .cp-img-wrap::before,\r\n .cp-img-wrap::after{display:none}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cp-hero\">\r\n <img decoding=\"async\" class=\"cp-hero-img\"\r\n src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/%E5%85%AC%E5%8F%B8-logo_%E7%BB%93%E6%9E%9C.webp\"\r\n alt=\"SANCO Headquarters\">\r\n <div class=\"cp-hero-overlay\"><\/div>\r\n <div class=\"cp-hero-content\">\r\n <div class=\"cp-hero-label\">SANCO Technology<\/div>\r\n <h1 class=\"cp-hero-title\">Company Profile<\/h1>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"cp-body\">\r\n <div class=\"cp-text\">\r\n <div class=\"cp-eyebrow\">About SANCO<\/div>\r\n <h2 class=\"cp-heading\">Intelligent <em>Automation<\/em><br>for Electronics Manufacturing<\/h2>\r\n <div class=\"cp-divider\"><\/div>\r\n <div class=\"cp-desc\">\r\n <p>SANCO is a professional manufacturer focused on automation equipment for the electronics manufacturing industry, integrating R&D, production, sales, and service to provide global customers with one-stop intelligent manufacturing solutions.<\/p>\r\n <p>Our product range covers dispensing machines, coating machines, potting systems, curing equipment, transfer & handling systems, as well as precision valves and related automation units \u2014 widely used across consumer electronics, automotive electronics, semiconductors, communications, medical electronics, and industrial control industries.<\/p>\r\n <p>As a factory-based manufacturer, SANCO is backed by a mature production system, an experienced engineering team, and strong project execution capabilities \u2014 committed to providing high-performance, stable, and customized automation solutions worldwide.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cp-img-wrap\">\r\n <img decoding=\"async\" class=\"cp-factory-img\"\r\n src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Factory2_%E7%BB%93%E6%9E%9C.webp\"\r\n alt=\"SANCO Factory\">\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9051451 e-con-full e-flex e-con e-parent\" data-id=\"9051451\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7928acf elementor-widget elementor-widget-html\" data-id=\"7928acf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <meta name=\"description\" content=\"Sanco - Professional Dispensing, Coating, Potting, Curing Equipment and SMT Peripherals for Electronics Manufacturing\">\r\n <meta name=\"keywords\" content=\"dispensing machine, coating machine, potting machine, curing oven, SMT peripherals, piezo valve, coating valve\">\r\n <title>All Products - Sanco | Precision Fluid Dispensing Equipment<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #084da4;\r\n --primary-light: #e8f1fb;\r\n --text-dark: #1a1a2e;\r\n --text-gray: #64748b;\r\n --bg-white: #ffffff;\r\n --bg-gray: #f8fafc;\r\n --border: #e2e8f0;\r\n }\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { \r\n font-family: 'Plus Jakarta Sans', sans-serif; \r\n background: var(--bg-gray); \r\n color: var(--text-dark);\r\n line-height: 1.6;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 32px 24px;\r\n }\r\n \r\n \/* Header *\/\r\n .page-header {\r\n margin-bottom: 28px;\r\n }\r\n .page-title {\r\n font-size: 26px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n }\r\n .count {\r\n background: var(--primary-light);\r\n color: var(--primary);\r\n padding: 4px 14px;\r\n border-radius: 20px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n }\r\n .page-subtitle {\r\n font-size: 14px;\r\n color: var(--text-gray);\r\n margin-top: 6px;\r\n }\r\n \r\n \/* Product Grid *\/\r\n .product-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n \r\n \/* Product Card *\/\r\n .product-card {\r\n background: var(--bg-white);\r\n border-radius: 12px;\r\n border: 1px solid var(--border);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .product-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 24px rgba(8,77,164,0.12);\r\n border-color: var(--primary);\r\n }\r\n \r\n .product-image {\r\n height: 180px;\r\n background: linear-gradient(135deg, #f8fafc 0%, #e8f1fb 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n position: relative;\r\n }\r\n .product-image img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n transition: transform 0.3s ease;\r\n }\r\n .product-card:hover .product-image img {\r\n transform: scale(1.05);\r\n }\r\n \r\n .product-tag {\r\n position: absolute;\r\n top: 10px;\r\n left: 10px;\r\n background: var(--primary);\r\n color: white;\r\n padding: 3px 10px;\r\n border-radius: 4px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3px;\r\n }\r\n \r\n .product-info {\r\n padding: 16px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .product-name {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.4;\r\n min-height: 40px;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n .product-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--primary);\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n margin-top: auto;\r\n transition: gap 0.2s ease;\r\n }\r\n .product-link:hover {\r\n gap: 10px;\r\n }\r\n .product-link svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 900px) {\r\n .product-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n @media (max-width: 600px) {\r\n .container {\r\n padding: 20px 16px;\r\n }\r\n .page-title {\r\n font-size: 22px;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n .product-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n .product-image {\r\n height: 160px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <main class=\"container\">\r\n <header class=\"page-header\">\r\n <h1 class=\"page-title\">\r\n All Products\r\n <span class=\"count\">37 Products<\/span>\r\n <\/h1>\r\n <p class=\"page-subtitle\">Explore our complete range of precision fluid dispensing equipment<\/p>\r\n <\/header>\r\n \r\n <section class=\"product-grid\">\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-Inline-High-Speed-Dispensing-Machine_\u7ed3\u679c.webp\" alt=\"LM Series Inline High Speed Dispensing Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">LM Series Inline High Speed Dispensing Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/DS-series-Inline-High-Speed-Dispensing-Machine-scaled_\u7ed3\u679c.webp\" alt=\"DS Series Inline High Speed Dispensing Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">DS Series Inline High Speed Dispensing Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/offline-high-speed-dispenser_\u7ed3\u679c.webp\" alt=\"Offline High Speed Dispensing Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Offline High Speed Dispensing Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Desktop-visual-dispenser-machine-scaled_\u7ed3\u679c.webp\" alt=\"Desktop Visual Dispensing Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Desktop Visual Dispensing Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve_\u7ed3\u679c.webp\" alt=\"Piezo Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Piezo Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve-2_\u7ed3\u679c.webp\" alt=\"Piezo Valve II\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Piezo Valve II<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/piezo-Valve-Controller_\u7ed3\u679c.webp\" alt=\"Piezo Valve Controller\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Piezo Valve Controller<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/single-liquid-screw-valve-scaled_\u7ed3\u679c.webp\" alt=\"Single Liquid Screw Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Single Liquid Screw Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/dual-liquid.png\" alt=\"Dual Liquid Screw Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Dual Liquid Screw Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/pump_\u7ed3\u679c.webp\" alt=\"CANP-5G Pump\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">CANP-5G Pump<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Three-Axial-Coating-machine-1_\u7ed3\u679c.webp\" alt=\"Three Axial Coating Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Three Axial Coating Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Four-Axial-Coating-machine_\u7ed3\u679c.webp\" alt=\"Four Axial Coating Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Four Axial Coating Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u684c\u9762\u6d82\u8986-scaled_\u7ed3\u679c.webp\" alt=\"Desktop Coating Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Desktop Coating Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/G-300HP-high-pressure-valve.png\" alt=\"G-300HP High Pressure Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">G-300HP High Pressure Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/G-500HP-Diaphragm-valve-1.png\" alt=\"G-500HP Diaphragm Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">G-500HP Diaphragm Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/BF-028-film-spray-valve-1.png\" alt=\"BF-028 Film Spray Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">BF-028 Film Spray Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/SF-073-sector-spray-valve-1.png\" alt=\"SF-073 Sector Spray Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">SF-073 Sector Spray Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/G-420A-Precision-striker-valve.png\" alt=\"G-420A Precision Striker Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">G-420A Precision Striker Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/LF-001-conical-spray-valve.png\" alt=\"LF-001 Conical Spray Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">LF-001 Conical Spray Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Potting Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/inline_\u7ed3\u679c.webp\" alt=\"Inline Potting Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Inline Potting Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Potting Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/offline_\u7ed3\u679c.webp\" alt=\"Offline Potting Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Offline Potting Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/IR-Curing-oven_\u7ed3\u679c.webp\" alt=\"IR Curing Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">IR Curing Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Curing-Oven-1_\u7ed3\u679c.webp\" alt=\"UV Curing Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">UV Curing Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/IR-Curing-oven_\u7ed3\u679c.webp\" alt=\"Hot Wind Curing Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Hot Wind Curing Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Curing-Oven-1_\u7ed3\u679c.webp\" alt=\"UV LED Curing Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">UV LED Curing Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Vertical-oven_\u7ed3\u679c.webp\" alt=\"Vertical Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Vertical Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Lead-free-Hot-air-reflow-oven-scaled_\u7ed3\u679c.webp\" alt=\"Lead-free Hot Air Reflow Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Lead-free Hot Air Reflow Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-in_\u7ed3\u679c.webp\" alt=\"Elevator\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Elevator<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/PCB-Flipper_\u7ed3\u679c.webp\" alt=\"PCB Flipper\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">PCB Flipper<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Loader_\u7ed3\u679c.webp\" alt=\"Automatic Magazine Loader\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Automatic Magazine Loader<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Unloader-scaled_\u7ed3\u679c.webp\" alt=\"Fully Automatic Magazine Unloader\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Fully Automatic Magazine Unloader<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Conveyor_\u7ed3\u679c.webp\" alt=\"Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Conveyor_\u7ed3\u679c.webp\" alt=\"UV Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">UV Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Shuttle-conveyor-1_\u7ed3\u679c.webp\" alt=\"Shuttle Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Shuttle Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/NGOK-Conveyor_\u7ed3\u679c.webp\" alt=\"NG\/OK Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">NG\/OK Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Vertical-buffer-conveyor_\u7ed3\u679c.webp\" alt=\"Vertical Buffer Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Vertical Buffer Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Vertical-cooling-buffer-conveyor_\u7ed3\u679c.webp\" alt=\"Vertical Cooling Buffer Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Vertical Cooling Buffer Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n <\/section>\r\n <\/main>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4e5187 elementor-widget elementor-widget-html\" data-id=\"f4e5187\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n .sanco-logistics-section {\r\n padding: 100px 0;\r\n background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .sanco-logistics-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, #e0e7ff 50%, transparent);\r\n }\r\n\r\n .logistics-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Header Styling *\/\r\n .logistics-header {\r\n text-align: center;\r\n margin-bottom: 70px;\r\n }\r\n\r\n .logistics-label {\r\n display: inline-block;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: #0066cc;\r\n margin-bottom: 16px;\r\n padding: 6px 20px;\r\n background: rgba(0, 102, 204, 0.08);\r\n border-radius: 20px;\r\n }\r\n\r\n .logistics-main-title {\r\n font-size: 48px;\r\n font-weight: 800;\r\n color: #0d2137;\r\n margin-bottom: 20px;\r\n line-height: 1.2;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .logistics-main-title .text-highlight {\r\n color: #0066cc;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .logistics-main-title .text-highlight::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 8px;\r\n left: 0;\r\n width: 100%;\r\n height: 12px;\r\n background: rgba(0, 102, 204, 0.15);\r\n z-index: -1;\r\n border-radius: 6px;\r\n }\r\n\r\n .logistics-desc {\r\n font-size: 16px;\r\n color: #64748b;\r\n max-width: 680px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Featured Images - Modern Grid *\/\r\n .logistics-featured {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n margin-bottom: 100px;\r\n }\r\n\r\n .logistics-featured-item {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 16px;\r\n cursor: pointer;\r\n aspect-ratio: 1.33\/1;\r\n background: #fff;\r\n box-shadow: 0 4px 24px rgba(13, 33, 55, 0.08);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .logistics-featured-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.3) 100%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n z-index: 1;\r\n }\r\n\r\n .logistics-featured-item:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .logistics-featured-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 40px rgba(0, 102, 204, 0.2);\r\n }\r\n\r\n .logistics-featured-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .logistics-featured-item:hover img {\r\n transform: scale(1.08);\r\n }\r\n\r\n \/* Gallery Section *\/\r\n .logistics-gallery-section {\r\n margin-top: 80px;\r\n }\r\n\r\n .logistics-gallery-title {\r\n text-align: center;\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: #0d2137;\r\n margin-bottom: 50px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .logistics-gallery {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n .logistics-gallery-item {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n aspect-ratio: 1.33\/1;\r\n background: #fff;\r\n box-shadow: 0 2px 12px rgba(13, 33, 55, 0.06);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .logistics-gallery-item:hover {\r\n transform: translateY(-4px) scale(1.02);\r\n box-shadow: 0 8px 28px rgba(0, 102, 204, 0.15);\r\n z-index: 10;\r\n }\r\n\r\n .logistics-gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .logistics-gallery-item:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* Lightbox Overlay *\/\r\n .sanco-lightbox {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(13, 33, 55, 0.95);\r\n backdrop-filter: blur(8px);\r\n z-index: 99999;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 40px 20px;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .sanco-lightbox.show {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .sanco-lightbox-inner {\r\n position: relative;\r\n max-width: 90%;\r\n max-height: 90%;\r\n animation: lightboxZoom 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n @keyframes lightboxZoom {\r\n from {\r\n transform: scale(0.85);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .sanco-lightbox-inner img {\r\n max-width: 100%;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n border-radius: 12px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .sanco-lightbox-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n color: #fff;\r\n font-size: 24px;\r\n cursor: pointer;\r\n width: 44px;\r\n height: 44px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .sanco-lightbox-close:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: rotate(90deg);\r\n }\r\n\r\n .sanco-lightbox-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255, 255, 255, 0.15);\r\n border: 2px solid rgba(255, 255, 255, 0.25);\r\n border-radius: 50%;\r\n color: #fff;\r\n font-size: 28px;\r\n cursor: pointer;\r\n width: 56px;\r\n height: 56px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .sanco-lightbox-arrow:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n\r\n .sanco-lightbox-prev {\r\n left: 30px;\r\n }\r\n\r\n .sanco-lightbox-next {\r\n right: 30px;\r\n }\r\n\r\n .sanco-lightbox-counter {\r\n position: absolute;\r\n bottom: -45px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n color: #fff;\r\n font-size: 15px;\r\n font-weight: 500;\r\n background: rgba(255, 255, 255, 0.1);\r\n padding: 8px 20px;\r\n border-radius: 20px;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n \/* Tablet Responsive *\/\r\n @media (max-width: 1024px) {\r\n .sanco-logistics-section {\r\n padding: 80px 0;\r\n }\r\n\r\n .logistics-main-title {\r\n font-size: 40px;\r\n }\r\n\r\n .logistics-featured {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .logistics-featured-item:last-child {\r\n grid-column: span 2;\r\n max-width: 60%;\r\n margin: 0 auto;\r\n }\r\n\r\n .logistics-gallery {\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n gap: 16px;\r\n }\r\n\r\n .logistics-gallery-title {\r\n font-size: 32px;\r\n }\r\n }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 768px) {\r\n .sanco-logistics-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .logistics-wrapper {\r\n padding: 0 16px;\r\n }\r\n\r\n .logistics-header {\r\n margin-bottom: 50px;\r\n }\r\n\r\n .logistics-label {\r\n font-size: 10px;\r\n padding: 5px 16px;\r\n }\r\n\r\n .logistics-main-title {\r\n font-size: 32px;\r\n }\r\n\r\n .logistics-desc {\r\n font-size: 15px;\r\n }\r\n\r\n .logistics-featured {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .logistics-featured-item:last-child {\r\n grid-column: span 1;\r\n max-width: 100%;\r\n }\r\n\r\n .logistics-gallery-section {\r\n margin-top: 60px;\r\n }\r\n\r\n .logistics-gallery-title {\r\n font-size: 28px;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .logistics-gallery {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n }\r\n\r\n .sanco-lightbox-arrow {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 22px;\r\n }\r\n\r\n .sanco-lightbox-prev {\r\n left: 15px;\r\n }\r\n\r\n .sanco-lightbox-next {\r\n right: 15px;\r\n }\r\n\r\n .sanco-lightbox-close {\r\n top: -45px;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .logistics-main-title {\r\n font-size: 26px;\r\n }\r\n\r\n .logistics-gallery-title {\r\n font-size: 24px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"sanco-logistics-section\">\r\n <div class=\"logistics-wrapper\">\r\n \r\n <header class=\"logistics-header\">\r\n <span class=\"logistics-label\">GLOBAL PRESENCE SINCE 2015<\/span>\r\n <h2 class=\"logistics-main-title\">\r\n BUILDING <span class=\"text-highlight\">CONNECTIONS<\/span> WORLDWIDE\r\n <\/h2>\r\n <p class=\"logistics-desc\">\r\n Professional packaging and secure global shipping ensure SANCO's precision equipment reaches customers worldwide safely and on time.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"logistics-featured\">\r\n <div class=\"logistics-featured-item\" data-img-index=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-15-scaled_\u7ed3\u679c.webp\" \r\n alt=\"Professional wooden crate packaging for industrial equipment export\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-featured-item\" data-img-index=\"1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-14_\u7ed3\u679c-1.webp\" \r\n alt=\"Secure palletized shipping container for precision machinery\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-featured-item\" data-img-index=\"2\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-13_\u7ed3\u679c-1.webp\" \r\n alt=\"Heavy-duty export packaging for SMT equipment\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"logistics-gallery-section\">\r\n <h3 class=\"logistics-gallery-title\">Our Shipping Journey<\/h3>\r\n \r\n <div class=\"logistics-gallery\">\r\n <div class=\"logistics-gallery-item\" data-img-index=\"3\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-12-scaled_\u7ed3\u679c.webp\" \r\n alt=\"Industrial equipment loaded for international shipping\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"4\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-11-scaled_\u7ed3\u679c.webp\" \r\n alt=\"Warehouse packaging operation\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"5\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-9_\u7ed3\u679c-2.webp\" \r\n alt=\"Custom wooden crate for precision equipment\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"6\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-8_\u7ed3\u679c-1.webp\" \r\n alt=\"Protective packaging materials\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"7\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-7_\u7ed3\u679c-1.webp\" \r\n alt=\"Quality control inspection\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"8\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-6_\u7ed3\u679c-1.webp\" \r\n alt=\"Logistics warehouse operations\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"9\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-5-scaled_\u7ed3\u679c.webp\" \r\n alt=\"Secure strapping and bracing\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"10\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-4_\u7ed3\u679c-2.webp\" \r\n alt=\"Export documentation and labeling\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"11\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-3_\u7ed3\u679c-2.webp\" \r\n alt=\"Global shipping network\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"12\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-2_\u7ed3\u679c-1.webp\" \r\n alt=\"Professional freight forwarding\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"13\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-1_\u7ed3\u679c-1.webp\" \r\n alt=\"Equipment prepared for worldwide distribution\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"14\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/99999999_\u7ed3\u679c.webp\" \r\n alt=\"SANCO global logistics network\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"sanco-lightbox\" id=\"sancoLightbox\">\r\n <div class=\"sanco-lightbox-inner\">\r\n <button class=\"sanco-lightbox-close\" id=\"sancoCloseLightbox\">\u2715<\/button>\r\n <button class=\"sanco-lightbox-arrow sanco-lightbox-prev\" id=\"sancoPrevImg\">\u2039<\/button>\r\n <img decoding=\"async\" src=\"\" alt=\"\" id=\"sancoLightboxImg\">\r\n <button class=\"sanco-lightbox-arrow sanco-lightbox-next\" id=\"sancoNextImg\">\u203a<\/button>\r\n <div class=\"sanco-lightbox-counter\" id=\"sancoImgCounter\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n const lightbox = document.getElementById('sancoLightbox');\r\n const lightboxImg = document.getElementById('sancoLightboxImg');\r\n const closeBtn = document.getElementById('sancoCloseLightbox');\r\n const prevBtn = document.getElementById('sancoPrevImg');\r\n const nextBtn = document.getElementById('sancoNextImg');\r\n const counter = document.getElementById('sancoImgCounter');\r\n\r\n const allItems = document.querySelectorAll('[data-img-index]');\r\n let currentIdx = 0;\r\n\r\n \/\/ Open lightbox\r\n allItems.forEach(item => {\r\n item.addEventListener('click', function() {\r\n currentIdx = parseInt(this.getAttribute('data-img-index'));\r\n const img = this.querySelector('img');\r\n showLightbox(img.src, img.alt);\r\n });\r\n });\r\n\r\n function showLightbox(src, alt) {\r\n lightboxImg.src = src;\r\n lightboxImg.alt = alt;\r\n lightbox.classList.add('show');\r\n updateCounter();\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n \/\/ Close lightbox\r\n closeBtn.addEventListener('click', closeLightbox);\r\n lightbox.addEventListener('click', function(e) {\r\n if (e.target === lightbox) closeLightbox();\r\n });\r\n\r\n function closeLightbox() {\r\n lightbox.classList.remove('show');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n \/\/ Navigation\r\n prevBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentIdx = (currentIdx - 1 + allItems.length) % allItems.length;\r\n const img = allItems[currentIdx].querySelector('img');\r\n lightboxImg.src = img.src;\r\n lightboxImg.alt = img.alt;\r\n updateCounter();\r\n });\r\n\r\n nextBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentIdx = (currentIdx + 1) % allItems.length;\r\n const img = allItems[currentIdx].querySelector('img');\r\n lightboxImg.src = img.src;\r\n lightboxImg.alt = img.alt;\r\n updateCounter();\r\n });\r\n\r\n \/\/ Keyboard support\r\n document.addEventListener('keydown', function(e) {\r\n if (!lightbox.classList.contains('show')) return;\r\n if (e.key === 'Escape') closeLightbox();\r\n if (e.key === 'ArrowLeft') prevBtn.click();\r\n if (e.key === 'ArrowRight') nextBtn.click();\r\n });\r\n\r\n function updateCounter() {\r\n counter.textContent = `${currentIdx + 1} \/ ${allItems.length}`;\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23337f6 elementor-widget elementor-widget-html\" data-id=\"23337f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>SANCO Exhibition Gallery - Carousel<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background: #f8fafc;\r\n }\r\n\r\n \/* Main Section *\/\r\n .exhibition-section {\r\n padding: 80px 0;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Header *\/\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .section-subtitle {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: #084da4;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .section-subtitle::before {\r\n content: '';\r\n width: 40px;\r\n height: 2px;\r\n background: #084da4;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(36px, 6vw, 56px);\r\n font-weight: 700;\r\n color: #1a1a2e;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .section-title .highlight {\r\n color: #084da4;\r\n }\r\n\r\n .section-description {\r\n font-size: 16px;\r\n color: #6b7280;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Main Gallery Grid *\/\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 20px;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n height: 350px;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n box-shadow: 0 8px 30px rgba(0, 86, 179, 0.12);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 50px rgba(0, 86, 179, 0.25);\r\n }\r\n\r\n .gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .gallery-item:hover img {\r\n transform: scale(1.06);\r\n }\r\n\r\n \/* Infinite Carousel Section *\/\r\n .carousel-section {\r\n background: #fff;\r\n padding: 60px 0;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .carousel-title {\r\n text-align: center;\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: #1a1a2e;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .carousel-wrapper {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .carousel-track {\r\n display: flex;\r\n gap: 20px;\r\n animation: scroll 30s linear infinite;\r\n width: fit-content;\r\n will-change: transform;\r\n }\r\n\r\n .carousel-track:hover {\r\n animation-play-state: paused;\r\n }\r\n\r\n .carousel-item {\r\n flex-shrink: 0;\r\n width: 400px;\r\n height: 280px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .carousel-item:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n .carousel-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n @keyframes scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(calc(-400px * 10 - 20px * 10));\r\n }\r\n }\r\n\r\n \/* Lightbox *\/\r\n .lightbox {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.95);\r\n z-index: 9999;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .lightbox.active {\r\n display: flex;\r\n }\r\n\r\n .lightbox-content {\r\n position: relative;\r\n max-width: 90vw;\r\n max-height: 90vh;\r\n }\r\n\r\n .lightbox-content img {\r\n max-width: 100%;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n }\r\n\r\n .lightbox-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: none;\r\n border: none;\r\n color: #fff;\r\n font-size: 40px;\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .lightbox-close:hover {\r\n transform: rotate(90deg);\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .exhibition-section {\r\n padding: 50px 0;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .gallery-item {\r\n height: 280px;\r\n }\r\n\r\n .carousel-section {\r\n padding: 40px 0;\r\n }\r\n\r\n .carousel-title {\r\n font-size: 24px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .carousel-item {\r\n width: 300px;\r\n height: 220px;\r\n }\r\n\r\n @keyframes scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(calc(-300px * 10 - 20px * 10));\r\n }\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"exhibition-section\">\r\n <div class=\"container\">\r\n \r\n <header class=\"section-header\">\r\n <p class=\"section-subtitle\">Global Events 2024<\/p>\r\n <h2 class=\"section-title\">Building <span class=\"highlight\">Connections<\/span> Worldwide<\/h2>\r\n <p class=\"section-description\">From industry exhibitions to client partnerships, we capture the moments that define our journey.<\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"gallery-grid\">\r\n <article class=\"gallery-item\" data-index=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/54_\u7ed3\u679c.webp\" alt=\"Customer group photo at SANCO showroom\" loading=\"lazy\">\r\n <\/article>\r\n <article class=\"gallery-item\" data-index=\"1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u5ba2\u6237\u5408\u7167_\u7ed3\u679c.webp\" alt=\"SANCO team meeting with customers\" loading=\"lazy\">\r\n <\/article>\r\n <article class=\"gallery-item\" data-index=\"2\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-9_\u7ed3\u679c-1.webp\" alt=\"Product demonstration at exhibition booth\" loading=\"lazy\">\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"carousel-section\">\r\n <h3 class=\"carousel-title\">Our Exhibition Journey<\/h3>\r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n <div class=\"lightbox-content\">\r\n <button class=\"lightbox-close\" aria-label=\"Close\">×<\/button>\r\n <img decoding=\"async\" src=\"\" alt=\"\" id=\"lightbox-img\">\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n \/\/ Carousel images array - 10 images for carousel\r\n const carouselImages = [\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-21_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-18_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/54_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-10_\u7ed3\u679c-1.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/4-scaled_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-4_\u7ed3\u679c-1.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-20_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u5ba2\u6237\u5408\u7167_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u5ba2\u6237\u5408\u7167-scaled_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-3_\u7ed3\u679c-1.webp'\r\n ];\r\n\r\n \/\/ Wait for DOM to be ready\r\n function initCarousel() {\r\n const carouselTrack = document.getElementById('carouselTrack');\r\n if (!carouselTrack) {\r\n console.error('Carousel track not found!');\r\n return;\r\n }\r\n\r\n console.log('Initializing carousel with', carouselImages.length, 'images');\r\n\r\n const imagesToDuplicate = 3;\r\n\r\n for (let i = 0; i < imagesToDuplicate; i++) {\r\n carouselImages.forEach((src, index) => {\r\n const item = document.createElement('div');\r\n item.className = 'carousel-item';\r\n const img = document.createElement('img');\r\n img.src = src;\r\n img.alt = 'Exhibition photo';\r\n img.onerror = function() {\r\n console.error('Failed to load image:', src);\r\n };\r\n img.onload = function() {\r\n console.log('Image loaded:', src);\r\n };\r\n item.appendChild(img);\r\n carouselTrack.appendChild(item);\r\n });\r\n }\r\n\r\n console.log('Carousel initialized with', carouselTrack.children.length, 'items');\r\n }\r\n\r\n \/\/ Initialize when DOM is ready\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initCarousel);\r\n } else {\r\n initCarousel();\r\n }\r\n\r\n \/\/ Lightbox functionality\r\n function initLightbox() {\r\n const lightbox = document.getElementById('lightbox');\r\n const lightboxImg = document.getElementById('lightbox-img');\r\n const galleryItems = document.querySelectorAll('.gallery-item');\r\n\r\n if (!lightbox || !lightboxImg) return;\r\n\r\n \/\/ Open lightbox\r\n galleryItems.forEach(item => {\r\n item.addEventListener('click', () => {\r\n const img = item.querySelector('img');\r\n lightboxImg.src = img.src;\r\n lightboxImg.alt = img.alt;\r\n lightbox.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n });\r\n });\r\n\r\n \/\/ Close lightbox\r\n const closeBtn = document.querySelector('.lightbox-close');\r\n if (closeBtn) {\r\n closeBtn.addEventListener('click', closeLightbox);\r\n }\r\n lightbox.addEventListener('click', (e) => {\r\n if (e.target === lightbox) closeLightbox();\r\n });\r\n\r\n function closeLightbox() {\r\n lightbox.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n \/\/ Keyboard navigation\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n closeLightbox();\r\n }\r\n });\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initLightbox);\r\n } else {\r\n initLightbox();\r\n }\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9765151 elementor-widget elementor-widget-html\" data-id=\"9765151\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\/* Main Container *\/\r\n.cert-section-wrapper {\r\n width: 100%;\r\n max-width: 1740px;\r\n margin: 0 auto;\r\n padding: 60px 10px;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n background-color: #fcfcfc;\r\n}\r\n\r\n\/* Header *\/\r\n.cert-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.cert-header h2 {\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: #003366;\r\n margin: 0 0 15px 0;\r\n}\r\n\r\n.cert-header .underline {\r\n width: 60px;\r\n height: 4px;\r\n background: #084da4;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* Carousel Container *\/\r\n.cert-carousel-container {\r\n position: relative;\r\n width: 100%;\r\n padding: 0 60px;\r\n}\r\n\r\n\/* Page Container *\/\r\n.cert-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Pages *\/\r\n.cert-page {\r\n display: none;\r\n width: 100%;\r\n gap: 25px;\r\n min-height: 550px;\r\n}\r\n\r\n.cert-page.active {\r\n display: flex !important;\r\n}\r\n\r\n\/* Page 1 Layout: Left large + Right 2x2 grid *\/\r\n.cert-left-main {\r\n flex: 2;\r\n display: flex;\r\n}\r\n\r\n.cert-right-grid {\r\n flex: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n gap: 20px;\r\n}\r\n\r\n\/* Page 2 Layout: Two large images *\/\r\n.cert-grid-page2 {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 25px;\r\n width: 100%;\r\n}\r\n\r\n\/* Certificate Card *\/\r\n.cert-card {\r\n position: relative;\r\n background: #fff;\r\n border: 1px solid #e8e8e8;\r\n border-radius: 8px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\r\n padding: 20px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.cert-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 30px rgba(0,0,0,0.12);\r\n}\r\n\r\n.cert-card img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n}\r\n\r\n\/* Navigation Arrows *\/\r\n.cert-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(8, 77, 164, 0.9);\r\n border: none;\r\n border-radius: 50%;\r\n color: white;\r\n font-size: 24px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n}\r\n\r\n.cert-arrow:hover {\r\n background: #084da4;\r\n transform: translateY(-50%) scale(1.1);\r\n box-shadow: 0 6px 20px rgba(8, 77, 164, 0.3);\r\n}\r\n\r\n.cert-arrow:active {\r\n transform: translateY(-50%) scale(0.95);\r\n}\r\n\r\n.cert-arrow-left {\r\n left: 0;\r\n}\r\n\r\n.cert-arrow-right {\r\n right: 0;\r\n}\r\n\r\n.cert-arrow svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke-width: 3;\r\n}\r\n\r\n\/* Dots Indicator *\/\r\n.cert-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-top: 40px;\r\n}\r\n\r\n.cert-dot {\r\n width: 40px;\r\n height: 4px;\r\n background: #d0d0d0;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.cert-dot:hover {\r\n background: #a0a0a0;\r\n}\r\n\r\n.cert-dot.active {\r\n background: #084da4;\r\n width: 50px;\r\n}\r\n\r\n\/* Tablet Responsive *\/\r\n@media (max-width: 1024px) {\r\n .cert-carousel-container {\r\n padding: 0 50px;\r\n }\r\n\r\n .cert-arrow {\r\n width: 45px;\r\n height: 45px;\r\n font-size: 20px;\r\n }\r\n\r\n .cert-page.active {\r\n flex-direction: column;\r\n }\r\n\r\n .cert-page {\r\n min-height: auto;\r\n }\r\n\r\n .cert-card {\r\n min-height: 350px;\r\n }\r\n\r\n .cert-right-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n}\r\n\r\n\/* Mobile Responsive - Single Card Display *\/\r\n@media (max-width: 768px) {\r\n .cert-section-wrapper {\r\n padding: 40px 10px;\r\n }\r\n\r\n .cert-header h2 {\r\n font-size: 28px;\r\n }\r\n\r\n .cert-carousel-container {\r\n padding: 0 55px;\r\n }\r\n\r\n .cert-arrow {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 22px;\r\n }\r\n\r\n .cert-arrow svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n \/* Mobile: Show one card at a time *\/\r\n .cert-page {\r\n min-height: 400px;\r\n display: none;\r\n }\r\n\r\n .cert-page.active {\r\n display: block !important;\r\n }\r\n\r\n .cert-left-main,\r\n .cert-right-grid,\r\n .cert-grid-page2 {\r\n display: block;\r\n }\r\n\r\n .cert-card {\r\n width: 100%;\r\n min-height: 350px;\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Hide all cards except the active one on mobile *\/\r\n .cert-card {\r\n display: none;\r\n }\r\n\r\n .cert-card.mobile-active {\r\n display: flex !important;\r\n }\r\n\r\n .cert-dots {\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 30px;\r\n }\r\n\r\n .cert-dot {\r\n width: 30px;\r\n height: 3px;\r\n }\r\n\r\n .cert-dot.active {\r\n width: 40px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .cert-carousel-container {\r\n padding: 0 50px;\r\n }\r\n\r\n .cert-arrow {\r\n width: 46px;\r\n height: 46px;\r\n font-size: 20px;\r\n }\r\n\r\n .cert-arrow svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .cert-card {\r\n min-height: 300px;\r\n padding: 15px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cert-section-wrapper\">\r\n <div class=\"cert-header\">\r\n <h2>Qualification<\/h2>\r\n <div class=\"underline\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"cert-carousel-container\">\r\n \r\n <button class=\"cert-arrow cert-arrow-left\" aria-label=\"Previous certificate\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M15 18l-6-6 6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"cert-container\">\r\n \r\n <div class=\"cert-page active\" data-page=\"1\">\r\n <div class=\"cert-card cert-left-main\" data-cert=\"1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/ISO-9001-certificate_page-0001_\u7ed3\u679c-1.webp\" alt=\"ISO 9001 Certificate\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-right-grid\">\r\n <div class=\"cert-card\" data-cert=\"2\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-mecury-curing-oven-UV450-CE-cerification_page-0001_\u7ed3\u679c-1.webp\" alt=\"UV Mercury Curing Oven CE Certification\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-card\" data-cert=\"3\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Pump-for-material-delivery-CE-ceritification_page-0001_\u7ed3\u679c-1.webp\" alt=\"Pump Material Delivery CE Certification\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-card\" data-cert=\"4\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-dispensing-machine-CE-MD_page-0001_\u7ed3\u679c-1.webp\" alt=\"LM Series Dispensing Machine CE MD\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-card\" data-cert=\"5\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-dispensing-machine-CE-MD-1_page-0001_\u7ed3\u679c-1.webp\" alt=\"LM Series Dispensing Machine CE MD\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cert-page\" data-page=\"2\">\r\n <div class=\"cert-grid-page2\">\r\n <div class=\"cert-card\" data-cert=\"6\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-CE-LVD-1_page-0001_\u7ed3\u679c-1.webp\" alt=\"LM Series CE LVD Certificate\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-card\" data-cert=\"7\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Dispensing-machine-DS-series-and-coating-machine-CM-series-CE-certification_page-0001_\u7ed3\u679c.webp\" alt=\"DS and CM Series CE Certification\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"cert-arrow cert-arrow-right\" aria-label=\"Next certificate\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M9 18l6-6-6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"cert-dots\">\r\n <div class=\"cert-dot active\" data-goto=\"1\" aria-label=\"View page 1\"><\/div>\r\n <div class=\"cert-dot\" data-goto=\"2\" aria-label=\"View page 2\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const wrapper = document.querySelector('.cert-section-wrapper');\r\n if (!wrapper) return;\r\n\r\n const dots = wrapper.querySelectorAll('.cert-dot');\r\n const pages = wrapper.querySelectorAll('.cert-page');\r\n const cards = wrapper.querySelectorAll('.cert-card');\r\n const leftArrow = wrapper.querySelector('.cert-arrow-left');\r\n const rightArrow = wrapper.querySelector('.cert-arrow-right');\r\n\r\n let currentPage = 1;\r\n let currentMobileCard = 1;\r\n const totalPages = pages.length;\r\n const totalCards = cards.length;\r\n const isMobile = () => window.innerWidth <= 768;\r\n\r\n \/\/ Desktop: Switch pages\r\n function changePage(pageNum) {\r\n currentPage = pageNum;\r\n\r\n pages.forEach(page => {\r\n if (page.getAttribute('data-page') === String(pageNum)) {\r\n page.classList.add('active');\r\n } else {\r\n page.classList.remove('active');\r\n }\r\n });\r\n\r\n dots.forEach(dot => {\r\n if (dot.getAttribute('data-goto') === String(pageNum)) {\r\n dot.classList.add('active');\r\n } else {\r\n dot.classList.remove('active');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Mobile: Switch individual cards\r\n function changeMobileCard(cardNum) {\r\n currentMobileCard = cardNum;\r\n\r\n cards.forEach(card => {\r\n card.classList.remove('mobile-active');\r\n });\r\n\r\n const targetCard = wrapper.querySelector(`[data-cert=\"${cardNum}\"]`);\r\n if (targetCard) {\r\n targetCard.classList.add('mobile-active');\r\n }\r\n\r\n \/\/ Update dots for mobile (show current card position)\r\n const pageForCard = cardNum <= 5 ? 1 : 2;\r\n dots.forEach(dot => {\r\n if (dot.getAttribute('data-goto') === String(pageForCard)) {\r\n dot.classList.add('active');\r\n } else {\r\n dot.classList.remove('active');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Navigation: Previous\r\n function goToPrevious() {\r\n if (isMobile()) {\r\n currentMobileCard = currentMobileCard > 1 ? currentMobileCard - 1 : totalCards;\r\n changeMobileCard(currentMobileCard);\r\n } else {\r\n currentPage = currentPage > 1 ? currentPage - 1 : totalPages;\r\n changePage(currentPage);\r\n }\r\n }\r\n\r\n \/\/ Navigation: Next\r\n function goToNext() {\r\n if (isMobile()) {\r\n currentMobileCard = currentMobileCard < totalCards ? currentMobileCard + 1 : 1;\r\n changeMobileCard(currentMobileCard);\r\n } else {\r\n currentPage = currentPage < totalPages ? currentPage + 1 : 1;\r\n changePage(currentPage);\r\n }\r\n }\r\n\r\n \/\/ Event Listeners\r\n leftArrow.addEventListener('click', goToPrevious);\r\n rightArrow.addEventListener('click', goToNext);\r\n\r\n dots.forEach(dot => {\r\n dot.addEventListener('click', function() {\r\n const target = parseInt(this.getAttribute('data-goto'));\r\n if (!isMobile()) {\r\n changePage(target);\r\n }\r\n });\r\n });\r\n\r\n \/\/ Keyboard navigation\r\n document.addEventListener('keydown', function(e) {\r\n if (!wrapper.matches(':hover')) return;\r\n if (e.key === 'ArrowLeft') goToPrevious();\r\n if (e.key === 'ArrowRight') goToNext();\r\n });\r\n\r\n \/\/ Initialize mobile view if needed\r\n function initializeView() {\r\n if (isMobile()) {\r\n changeMobileCard(1);\r\n } else {\r\n changePage(1);\r\n }\r\n }\r\n\r\n \/\/ Handle window resize\r\n let resizeTimer;\r\n window.addEventListener('resize', function() {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(function() {\r\n initializeView();\r\n }, 250);\r\n });\r\n\r\n \/\/ Initialize on load\r\n initializeView();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b6a0c8 elementor-widget elementor-widget-html\" data-id=\"8b6a0c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.coop-case-section{\r\n position:relative;\r\n padding:110px 24px 95px;\r\n background:#f7f7f7;\r\n text-align:center;\r\n overflow:hidden;\r\n}\r\n\r\n.coop-case-section::before{\r\n content:'';\r\n position:absolute;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at 18% 42%, rgba(0,0,0,.035) 0 14%, transparent 15%),\r\n radial-gradient(circle at 30% 36%, rgba(0,0,0,.03) 0 10%, transparent 11%),\r\n radial-gradient(circle at 42% 44%, rgba(0,0,0,.028) 0 12%, transparent 13%),\r\n radial-gradient(circle at 58% 40%, rgba(0,0,0,.03) 0 11%, transparent 12%),\r\n radial-gradient(circle at 72% 42%, rgba(0,0,0,.03) 0 13%, transparent 14%),\r\n radial-gradient(circle at 84% 38%, rgba(0,0,0,.028) 0 9%, transparent 10%);\r\n opacity:.42;\r\n pointer-events:none;\r\n}\r\n\r\n.coop-case-inner{\r\n position:relative;\r\n z-index:1;\r\n max-width:1200px;\r\n margin:0 auto;\r\n}\r\n\r\n.coop-case-title{\r\n font-size:50px;\r\n font-weight:600;\r\n color:#8d8d8d;\r\n letter-spacing:1px;\r\n line-height:1.1;\r\n margin:0 0 26px;\r\n text-transform:uppercase;\r\n}\r\n\r\n.coop-case-desc{\r\n max-width:860px;\r\n margin:0 auto 48px;\r\n font-size:19px;\r\n line-height:1.9;\r\n color:#8b8b8b;\r\n}\r\n\r\n.coop-trapezoid{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:24px;\r\n}\r\n\r\n.coop-row{\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n gap:22px;\r\n width:100%;\r\n}\r\n\r\n.coop-row-top{max-width:1080px;}\r\n.coop-row-mid{max-width:860px;}\r\n.coop-row-bottom{max-width:660px;}\r\n\r\n.coop-logo-item{\r\n flex:0 0 auto;\r\n min-height:62px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:8px 10px;\r\n background:transparent;\r\n}\r\n\r\n.coop-row-top .coop-logo-item{width:130px;}\r\n.coop-row-mid .coop-logo-item{width:138px;}\r\n.coop-row-bottom .coop-logo-item{width:145px;}\r\n\r\n.coop-logo-item img{\r\n max-width:100%;\r\n max-height:34px;\r\n width:auto;\r\n height:auto;\r\n object-fit:contain;\r\n opacity:.95;\r\n transition:all .25s ease;\r\n}\r\n\r\n.coop-logo-item:hover img{\r\n transform:translateY(-1px);\r\n opacity:1;\r\n}\r\n\r\n.coop-row-top .coop-logo-item:nth-child(2),\r\n.coop-row-top .coop-logo-item:nth-child(6),\r\n.coop-row-mid .coop-logo-item:nth-child(1),\r\n.coop-row-mid .coop-logo-item:nth-child(4),\r\n.coop-row-bottom .coop-logo-item:nth-child(2){\r\n transform:translateY(4px);\r\n}\r\n\r\n.coop-row-top .coop-logo-item:nth-child(4),\r\n.coop-row-mid .coop-logo-item:nth-child(3),\r\n.coop-row-bottom .coop-logo-item:nth-child(4){\r\n transform:translateY(-3px);\r\n}\r\n\r\n@media (max-width: 1024px){\r\n .coop-row-top{max-width:920px;}\r\n .coop-row-mid{max-width:760px;}\r\n .coop-row-bottom{max-width:620px;}\r\n\r\n .coop-row{\r\n gap:16px;\r\n }\r\n\r\n .coop-row-top .coop-logo-item,\r\n .coop-row-mid .coop-logo-item,\r\n .coop-row-bottom .coop-logo-item{\r\n width:120px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px){\r\n .coop-case-section{\r\n padding:78px 18px 62px;\r\n }\r\n\r\n .coop-case-title{\r\n font-size:24px;\r\n margin-bottom:18px;\r\n }\r\n\r\n .coop-case-desc{\r\n font-size:11px;\r\n line-height:1.8;\r\n margin:0 auto 34px;\r\n }\r\n\r\n .coop-trapezoid{\r\n gap:14px;\r\n }\r\n\r\n .coop-row{\r\n flex-wrap:wrap;\r\n gap:12px;\r\n max-width:100%;\r\n }\r\n\r\n .coop-row-top,\r\n .coop-row-mid,\r\n .coop-row-bottom{\r\n max-width:100%;\r\n }\r\n\r\n .coop-row-top .coop-logo-item,\r\n .coop-row-mid .coop-logo-item,\r\n .coop-row-bottom .coop-logo-item{\r\n width:29%;\r\n min-height:48px;\r\n padding:6px;\r\n transform:none !important;\r\n }\r\n\r\n .coop-logo-item img{\r\n max-height:28px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"coop-case-section\">\r\n <div class=\"coop-case-inner\">\r\n <h2 class=\"coop-case-title\">COOPERATION CASE<\/h2>\r\n\r\n <div class=\"coop-case-desc\">\r\n SANCO has provided intelligent automation equipment and customized manufacturing solutions to customers\r\n across consumer electronics, automotive electronics, semiconductors, medical devices, communications,\r\n industrial control and other sectors, serving many well-known brands worldwide.\r\n <\/div>\r\n\r\n <div class=\"coop-trapezoid\">\r\n <div class=\"coop-row coop-row-top\">\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-1_\u7ed3\u679c.webp\" alt=\"Customer Logo 1\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-2_\u7ed3\u679c.webp\" alt=\"Customer Logo 2\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-3_\u7ed3\u679c.webp\" alt=\"Customer Logo 3\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-4_\u7ed3\u679c.webp\" alt=\"Customer Logo 4\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-5_\u7ed3\u679c.webp\" alt=\"Customer Logo 5\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-6_\u7ed3\u679c.webp\" alt=\"Customer Logo 6\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-7_\u7ed3\u679c.webp\" alt=\"Customer Logo 7\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"coop-row coop-row-mid\">\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-8_\u7ed3\u679c.webp\" alt=\"Customer Logo 8\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-9_\u7ed3\u679c.webp\" alt=\"Customer Logo 9\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-10_\u7ed3\u679c.webp\" alt=\"Customer Logo 10\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-12_\u7ed3\u679c.webp\" alt=\"Customer Logo 12\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-13_\u7ed3\u679c.webp\" alt=\"Customer Logo 13\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"coop-row coop-row-bottom\">\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-14_\u7ed3\u679c.webp\" alt=\"Customer Logo 14\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-15_\u7ed3\u679c.webp\" alt=\"Customer Logo 15\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-16_\u7ed3\u679c.webp\" alt=\"Customer Logo 16\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-17_\u7ed3\u679c.webp\" alt=\"Customer Logo 17\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2448f85 elementor-widget elementor-widget-html\" data-id=\"2448f85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ========== SANCO Get a Quote - Scoped Styles ========== *\/\r\n .sanco-quote-section * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .sanco-quote-section {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n color: #1a1a2e;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ========== Form Section ========== *\/\r\n .sanco-quote-section .form-section {\r\n padding: 80px 20px;\r\n background: #e4eaf3;\r\n position: relative;\r\n }\r\n\r\n .sanco-quote-section .form-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1.3fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n \/* ========== Left Side - Info ========== *\/\r\n .sanco-quote-section .form-info {\r\n color: #0a1628;\r\n }\r\n\r\n .sanco-quote-section .form-info h2 {\r\n font-size: 48px;\r\n font-weight: 800;\r\n margin-bottom: 24px;\r\n line-height: 1.2;\r\n color: #0a1628;\r\n }\r\n\r\n .sanco-quote-section .form-info > p {\r\n font-size: 18px;\r\n color: #555e6e;\r\n margin-bottom: 48px;\r\n line-height: 1.8;\r\n }\r\n\r\n .sanco-quote-section .info-features {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 28px;\r\n }\r\n\r\n .sanco-quote-section .info-feature {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n }\r\n\r\n .sanco-quote-section .info-feature-icon {\r\n width: 54px;\r\n height: 54px;\r\n background: rgba(8, 77, 164, 0.12);\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanco-quote-section .info-feature-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n color: #084da4;\r\n }\r\n\r\n .sanco-quote-section .info-feature-text h4 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #0a1628;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .sanco-quote-section .info-feature-text p {\r\n font-size: 16px;\r\n color: #6b7280;\r\n }\r\n\r\n \/* ========== Right Side - Form Card ========== *\/\r\n .sanco-quote-section .form-card {\r\n background: #fff;\r\n border-radius: 24px;\r\n padding: 48px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .sanco-quote-section .form-group {\r\n margin-bottom: 22px;\r\n }\r\n\r\n .sanco-quote-section .form-group label {\r\n display: block;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #0a1628;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .sanco-quote-section .form-group label .required {\r\n color: #ef4444;\r\n }\r\n\r\n .sanco-quote-section .form-group input,\r\n .sanco-quote-section .form-group select,\r\n .sanco-quote-section .form-group textarea {\r\n width: 100%;\r\n padding: 16px 18px;\r\n background: #f8fafc;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 12px;\r\n font-size: 16px;\r\n color: #0a1628;\r\n font-family: inherit;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .sanco-quote-section .form-group input::placeholder,\r\n .sanco-quote-section .form-group textarea::placeholder {\r\n color: #9ca3af;\r\n }\r\n\r\n .sanco-quote-section .form-group input:focus,\r\n .sanco-quote-section .form-group select:focus,\r\n .sanco-quote-section .form-group textarea:focus {\r\n outline: none;\r\n border-color: #3b82f6;\r\n background: #fff;\r\n box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\r\n }\r\n\r\n .sanco-quote-section .form-group select {\r\n cursor: pointer;\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 14px center;\r\n background-color: #f8fafc;\r\n }\r\n\r\n .sanco-quote-section .form-group textarea {\r\n resize: vertical;\r\n min-height: 130px;\r\n }\r\n\r\n .sanco-quote-section .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n }\r\n\r\n \/* Honeypot *\/\r\n .sanco-quote-section .hp-field {\r\n position: absolute;\r\n left: -9999px;\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n\r\n \/* ========== Submit Button ========== *\/\r\n .sanco-quote-section .submit-btn {\r\n width: 100%;\r\n padding: 20px 36px;\r\n background: linear-gradient(135deg, #0a1628 0%, #132744 100%);\r\n color: #fff;\r\n border: none;\r\n border-radius: 14px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n margin-top: 12px;\r\n font-family: inherit;\r\n }\r\n\r\n .sanco-quote-section .submit-btn:hover {\r\n background: linear-gradient(135deg, #132744 0%, #1a365d 100%);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(10, 22, 40, 0.4);\r\n }\r\n\r\n .sanco-quote-section .submit-btn:active {\r\n transform: translateY(0);\r\n }\r\n\r\n .sanco-quote-section .submit-btn svg {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .sanco-quote-section .submit-btn.loading {\r\n pointer-events: none;\r\n opacity: 0.7;\r\n }\r\n\r\n \/* ========== Quick Contact Buttons ========== *\/\r\n .sanco-quote-section .quick-buttons {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n margin-top: 16px;\r\n }\r\n\r\n .sanco-quote-section .quick-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 16px 20px;\r\n border-radius: 12px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n font-family: inherit;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: none;\r\n }\r\n\r\n .sanco-quote-section .quick-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanco-quote-section .quick-btn.whatsapp {\r\n background: #25D366;\r\n color: #fff;\r\n }\r\n\r\n .sanco-quote-section .quick-btn.whatsapp:hover {\r\n background: #1ebe5d;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35);\r\n }\r\n\r\n .sanco-quote-section .quick-btn.email-btn {\r\n background: #084da4;\r\n color: #fff;\r\n }\r\n\r\n .sanco-quote-section .quick-btn.email-btn:hover {\r\n background: #0a3d80;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(8, 77, 164, 0.35);\r\n }\r\n\r\n \/* ========== Privacy Notice ========== *\/\r\n .sanco-quote-section .privacy-notice {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-top: 24px;\r\n padding: 16px;\r\n background: #f8fafc;\r\n border-radius: 12px;\r\n }\r\n\r\n .sanco-quote-section .privacy-notice svg {\r\n width: 20px;\r\n height: 20px;\r\n color: #9ca3af;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .sanco-quote-section .privacy-notice p {\r\n font-size: 14px;\r\n color: #6b7280;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ========== Messages ========== *\/\r\n .sanco-quote-section .message {\r\n padding: 16px 20px;\r\n border-radius: 12px;\r\n margin-bottom: 22px;\r\n display: none;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 15px;\r\n }\r\n\r\n .sanco-quote-section .message.error {\r\n background: #fef2f2;\r\n border: 1px solid #fecaca;\r\n color: #dc2626;\r\n }\r\n\r\n .sanco-quote-section .message.success {\r\n background: #f0fdf4;\r\n border: 1px solid #bbf7d0;\r\n color: #16a34a;\r\n }\r\n\r\n .sanco-quote-section .message.show {\r\n display: flex;\r\n }\r\n\r\n \/* ========== Responsive ========== *\/\r\n @media (max-width: 1024px) {\r\n .sanco-quote-section .form-container {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .sanco-quote-section .form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .sanco-quote-section .form-card {\r\n padding: 28px 24px;\r\n }\r\n\r\n .sanco-quote-section .form-info h2 {\r\n font-size: 36px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sanco-quote-section .form-section {\r\n padding: 60px 16px;\r\n }\r\n\r\n .sanco-quote-section .form-info h2 {\r\n font-size: 30px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<div class=\"sanco-quote-section\">\r\n <section class=\"form-section\">\r\n <div class=\"form-container\">\r\n\r\n \r\n <div class=\"form-info\">\r\n <h2>Get a Quote<\/h2>\r\n <p>Fill out the form and our team will get back to you within 24 hours. We're here to help you find the perfect dispensing solution for your production needs.<\/p>\r\n\r\n <div class=\"info-features\">\r\n <div class=\"info-feature\">\r\n <div class=\"info-feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-feature-text\">\r\n <h4>Fast Response<\/h4>\r\n <p>Get a reply within 24 hours<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-feature\">\r\n <div class=\"info-feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-feature-text\">\r\n <h4>Expert Support<\/h4>\r\n <p>Technical guidance included<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-feature\">\r\n <div class=\"info-feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-feature-text\">\r\n <h4>Custom Solutions<\/h4>\r\n <p>Tailored to your requirements<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-card\">\r\n \r\n <div id=\"sanco-errorMessage\" class=\"message error\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <span><\/span>\r\n <\/div>\r\n\r\n <div id=\"sanco-successMessage\" class=\"message success\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/>\r\n <\/svg>\r\n <span>Thank you! Your message has been sent successfully. We'll get back to you within 24 hours.<\/span>\r\n <\/div>\r\n\r\n <form id=\"sancoContactForm\" action=\"https:\/\/api.form-data.com\/f\/FnvziDiv8iiDZg\" method=\"post\" target=\"_blank\">\r\n \r\n \r\n <div class=\"hp-field\" aria-hidden=\"true\">\r\n <label for=\"sanco-website\">Website<\/label>\r\n <input type=\"text\" name=\"website\" id=\"sanco-website\" tabindex=\"-1\" autocomplete=\"off\">\r\n <\/div>\r\n\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"sanco-name\">Full Name <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"sanco-name\" name=\"name\" placeholder=\"Your name\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"sanco-company\">Company<\/label>\r\n <input type=\"text\" id=\"sanco-company\" name=\"company\" placeholder=\"Company name\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"sanco-email\">Email Address <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"sanco-email\" name=\"email\" placeholder=\"your@email.com\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"sanco-phone\">Phone Number<\/label>\r\n <input type=\"tel\" id=\"sanco-phone\" name=\"phone\" placeholder=\"+1 234 567 890\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-group\">\r\n <label for=\"sanco-inquiry\">Inquiry Type<\/label>\r\n <select id=\"sanco-inquiry\" name=\"inquiry\">\r\n <option value=\"\">Select an option<\/option>\r\n <option value=\"product\">Product Inquiry<\/option>\r\n <option value=\"quote\">Request a Quote<\/option>\r\n <option value=\"support\">Technical Support<\/option>\r\n <option value=\"partnership\">Partnership<\/option>\r\n <option value=\"other\">Other<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-group\">\r\n <label for=\"sanco-message\">Message <span class=\"required\">*<\/span><\/label>\r\n <textarea id=\"sanco-message\" name=\"message\" placeholder=\"Please let us know the model you're interested in and the estimated quantity.\" required><\/textarea>\r\n <\/div>\r\n\r\n \r\n <button type=\"submit\" class=\"submit-btn\" id=\"sancoSubmitBtn\">\r\n <span>Get a Quote<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\r\n <\/svg>\r\n <\/button>\r\n\r\n \r\n <div class=\"quick-buttons\">\r\n <a href=\"https:\/\/wa.me\/8613417510586?text=Hello%2C I would like to get a quote for your products.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"quick-btn whatsapp\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n WhatsApp\r\n <\/a>\r\n <a href=\"mailto:info@sancofd.com?subject=Product Inquiry&body=Hello, I would like to inquire about your products.\" class=\"quick-btn email-btn\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/><\/svg>\r\n Email\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"privacy-notice\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\" \/>\r\n <\/svg>\r\n <p>Your information is secure and will never be shared with third parties. We respect your privacy.<\/p>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n \/\/ Scoped form functionality - won't interfere with page\r\n var formLoadTime = Date.now();\r\n\r\n document.getElementById('sancoContactForm').addEventListener('submit', function(e) {\r\n var honeypot = document.getElementById('sanco-website').value;\r\n var errorMessage = document.getElementById('sanco-errorMessage');\r\n var successMessage = document.getElementById('sanco-successMessage');\r\n var submitBtn = document.getElementById('sancoSubmitBtn');\r\n\r\n \/\/ Reset messages\r\n errorMessage.classList.remove('show');\r\n successMessage.classList.remove('show');\r\n\r\n \/\/ 1) Honeypot check\r\n if (honeypot) {\r\n e.preventDefault();\r\n errorMessage.querySelector('span').textContent = 'Bot detected. Please try again.';\r\n errorMessage.classList.add('show');\r\n return false;\r\n }\r\n\r\n \/\/ 2) Timing check\r\n var submitTime = Date.now();\r\n var timeDiff = (submitTime - formLoadTime) \/ 1000;\r\n if (timeDiff < 3) {\r\n e.preventDefault();\r\n errorMessage.querySelector('span').textContent = 'Please take your time to fill out the form.';\r\n errorMessage.classList.add('show');\r\n return false;\r\n }\r\n\r\n \/\/ 3) Email format validation\r\n var email = document.getElementById('sanco-email').value;\r\n var emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!emailRegex.test(email)) {\r\n e.preventDefault();\r\n errorMessage.querySelector('span').textContent = 'Please enter a valid email address.';\r\n errorMessage.classList.add('show');\r\n return false;\r\n }\r\n\r\n \/\/ 4) All checks passed \u2014 show loading state\r\n submitBtn.classList.add('loading');\r\n submitBtn.querySelector('span').textContent = 'Sending...';\r\n });\r\n})();\r\n<\/script>\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>Solu\u00e7\u00f5es de Linha de Revestimento Solu\u00e7\u00f5es Revestimento Conformal Solu\u00e7\u00f5es de Linha Linhas completas de produ\u00e7\u00e3o de revestimento conformal de PCBA, inline e offline, com sistemas integrados de cura, transportador e retorno. Saiba Mais LINE-01 Linha Compacta de Revestimento Dupla Face 01 \/ 05 Company Profile \u2013 SANCO SANCO Technology Company Profile About SANCO Intelligent Automationfor […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2966","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/pages\/2966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/comments?post=2966"}],"version-history":[{"count":155,"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/pages\/2966\/revisions"}],"predecessor-version":[{"id":6592,"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/pages\/2966\/revisions\/6592"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/media?parent=2966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSolu\u00e7\u00f5es de Linha de Revestimento<\/title>\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@300;400;500;600;700&display=swap');\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n .cl-section {\r\n width: 100%;\r\n height: 680px;\r\n background: #f4f7fa;\r\n font-family: 'Barlow', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n }\r\n\r\n \/* \u2500\u2500 Left Panel \u2500\u2500 *\/\r\n .cl-left {\r\n width: 300px;\r\n flex-shrink: 0;\r\n padding: 56px 32px 40px 48px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .cl-label {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: 3.5px;\r\n text-transform: uppercase;\r\n color: #2e7dd1;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .cl-title {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 34px;\r\n font-weight: 600;\r\n color: #0a1628;\r\n line-height: 1.15;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .cl-title span {\r\n display: block;\r\n color: #2e7dd1;\r\n }\r\n\r\n .cl-desc {\r\n font-size: 13.5px;\r\n color: #6b7a8d;\r\n line-height: 1.7;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .cl-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #0a1628;\r\n color: #fff;\r\n padding: 12px 28px;\r\n border-radius: 50px;\r\n font-family: 'Barlow', sans-serif;\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n text-decoration: none;\r\n transition: background 0.3s, transform 0.2s;\r\n width: fit-content;\r\n cursor: pointer;\r\n border: none;\r\n }\r\n .cl-btn:hover {\r\n background: #2e7dd1;\r\n transform: translateY(-1px);\r\n }\r\n .cl-btn svg {\r\n width: 15px; height: 15px;\r\n transition: transform 0.3s;\r\n }\r\n .cl-btn:hover svg {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* \u2500\u2500 Line List \u2500\u2500 *\/\r\n .cl-line-list {\r\n margin-top: 28px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .cl-line-item {\r\n font-family: 'Barlow', sans-serif;\r\n font-size: 12.5px;\r\n font-weight: 400;\r\n color: #9aa8b8;\r\n padding: 9px 0;\r\n border-left: 2px solid transparent;\r\n padding-left: 14px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n line-height: 1.3;\r\n }\r\n\r\n .cl-line-item:hover {\r\n color: #0a1628;\r\n }\r\n\r\n .cl-line-item.active {\r\n color: #0a1628;\r\n font-weight: 600;\r\n border-left-color: #2e7dd1;\r\n }\r\n\r\n .cl-line-num {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: #2e7dd1;\r\n min-width: 18px;\r\n }\r\n\r\n \/* \u2500\u2500 Watermark \u2500\u2500 *\/\r\n .cl-watermark {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 88px;\r\n font-weight: 700;\r\n color: rgba(10, 22, 40, 0.04);\r\n position: absolute;\r\n bottom: 32px;\r\n left: 48px;\r\n line-height: 1;\r\n white-space: nowrap;\r\n pointer-events: none;\r\n user-select: none;\r\n }\r\n\r\n \/* \u2500\u2500 Right Panel \u2500\u2500 *\/\r\n .cl-right {\r\n flex: 1;\r\n min-width: 0;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n\r\n .cl-image-wrapper {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n padding: 40px 60px 80px 20px;\r\n }\r\n\r\n .cl-slide-img {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) translateX(60px);\r\n max-width: calc(100% - 80px);\r\n max-height: calc(100% - 120px);\r\n object-fit: contain;\r\n opacity: 0;\r\n transition: opacity 0.5s ease, transform 0.5s ease;\r\n pointer-events: none;\r\n }\r\n\r\n .cl-slide-img.active {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) translateX(0);\r\n pointer-events: auto;\r\n }\r\n\r\n \/* \u2500\u2500 Bottom Bar \u2500\u2500 *\/\r\n .cl-bottom {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 72px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n gap: 24px;\r\n padding: 0 48px;\r\n z-index: 5;\r\n }\r\n\r\n .cl-dots {\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n }\r\n\r\n .cl-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #c8d4e0;\r\n cursor: pointer;\r\n transition: all 0.35s;\r\n border: none;\r\n padding: 0;\r\n }\r\n .cl-dot.active {\r\n width: 28px;\r\n border-radius: 4px;\r\n background: #2e7dd1;\r\n }\r\n\r\n .cl-nav {\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n .cl-arrow {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n border: 1.5px solid #d0d8e2;\r\n background: rgba(255,255,255,0.9);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.25s;\r\n color: #0a1628;\r\n }\r\n .cl-arrow:hover {\r\n border-color: #2e7dd1;\r\n background: #2e7dd1;\r\n color: #fff;\r\n }\r\n .cl-arrow svg {\r\n width: 17px; height: 17px;\r\n }\r\n\r\n \/* \u2500\u2500 Image Name (top-left of image area) \u2500\u2500 *\/\r\n .cl-img-name {\r\n position: absolute;\r\n top: 32px;\r\n left: 30px;\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 54px;\r\n font-weight: 600;\r\n color: #0a1628;\r\n z-index: 5;\r\n letter-spacing: 0.3px;\r\n transition: opacity 0.3s;\r\n }\r\n\r\n .cl-counter {\r\n position: absolute;\r\n top: 28px;\r\n right: 48px;\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #99a8b8;\r\n letter-spacing: 2px;\r\n z-index: 5;\r\n }\r\n .cl-counter .cur {\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #0a1628;\r\n }\r\n\r\n \/* \u2500\u2500 Mobile \u2500\u2500 *\/\r\n @media (max-width: 860px) {\r\n .cl-section {\r\n flex-direction: column;\r\n height: auto;\r\n }\r\n .cl-left {\r\n width: 100%;\r\n padding: 32px 24px 20px;\r\n }\r\n .cl-title { font-size: 26px; }\r\n .cl-desc { margin-bottom: 24px; }\r\n .cl-watermark { display: none; }\r\n\r\n .cl-right {\r\n width: 100%;\r\n height: 420px;\r\n min-height: 420px;\r\n position: relative;\r\n }\r\n\r\n .cl-image-wrapper {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n padding: 70px 16px 80px;\r\n }\r\n\r\n .cl-slide-img {\r\n max-width: calc(100% - 32px);\r\n max-height: calc(100% - 60px);\r\n }\r\n\r\n .cl-img-name {\r\n font-size: 26px;\r\n top: 16px;\r\n left: 20px;\r\n right: 70px;\r\n line-height: 1.2;\r\n }\r\n\r\n .cl-counter {\r\n right: 20px;\r\n top: 18px;\r\n }\r\n\r\n .cl-bottom {\r\n height: 64px;\r\n padding: 0 20px;\r\n justify-content: center;\r\n gap: 20px;\r\n }\r\n\r\n .cl-arrow {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .cl-left {\r\n padding: 24px 20px 16px;\r\n }\r\n .cl-title { font-size: 24px; }\r\n .cl-desc { font-size: 13px; }\r\n\r\n .cl-right {\r\n height: 380px;\r\n min-height: 380px;\r\n }\r\n\r\n .cl-image-wrapper {\r\n padding: 60px 12px 72px;\r\n }\r\n\r\n .cl-img-name {\r\n font-size: 22px;\r\n top: 14px;\r\n left: 16px;\r\n right: 60px;\r\n }\r\n\r\n .cl-counter {\r\n right: 16px;\r\n top: 16px;\r\n font-size: 12px;\r\n }\r\n .cl-counter .cur {\r\n font-size: 17px;\r\n }\r\n\r\n .cl-bottom {\r\n height: 56px;\r\n padding: 0 16px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"cl-section\">\r\n <div class=\"cl-left\">\r\n <div class=\"cl-label\">Solu\u00e7\u00f5es<\/div>\r\n <h2 class=\"cl-title\">\r\n Revestimento Conformal\r\n <span>Solu\u00e7\u00f5es de Linha<\/span>\r\n <\/h2>\r\n <p class=\"cl-desc\">Linhas completas de produ\u00e7\u00e3o de revestimento conformal de PCBA, inline e offline, com sistemas integrados de cura, transportador e retorno.<\/p>\r\n <a class=\"cl-btn\" href=\"#\">\r\n Saiba Mais\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div class=\"cl-watermark\" id=\"watermark\">LINE-01<\/div>\r\n <\/div>\r\n\r\n <div class=\"cl-right\">\r\n <div class=\"cl-img-name\" id=\"imgName\">Linha Compacta de Revestimento Dupla Face<\/div>\r\n <div class=\"cl-counter\"><span class=\"cur\" id=\"counterCur\">01<\/span> \/ <span id=\"counterTotal\">05<\/span><\/div>\r\n <div class=\"cl-image-wrapper\" id=\"imageWrapper\">\r\n <img decoding=\"async\" class=\"cl-slide-img active\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Online-PCBA-Conformal-Coating-Line-with-Return-Conveyor-scaled_\u7ed3\u679c.webp\" alt=\"Linha Compacta de Revestimento Dupla Face\" data-name=\"Linha Compacta de Revestimento Dupla Face\" data-code=\"LINE-01\">\r\n <img decoding=\"async\" class=\"cl-slide-img\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/Online-PCBA-Conformal-Coating-Line-with-Return-Conveyor-scaled_\u7ed3\u679c.png\" alt=\"Linha de Revestimento Dupla Face\" data-name=\"Linha de Revestimento Dupla Face\" data-code=\"LINE-02\">\r\n <img decoding=\"async\" class=\"cl-slide-img\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/Online-PCBA-Conformal-Coating-Line-with-Return-Conveyor-scaled_-2\u7ed3\u679c.png\" alt=\"Revestimento Dupla Face + Cura IR\" data-name=\"Revestimento Dupla Face + Cura IR\" data-code=\"LINE-03\">\r\n <img decoding=\"async\" class=\"cl-slide-img\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/Online-PCBA-Conformal-Coating-Line-with-Return-Conveyor-scaled_-1-\u7ed3\u679c.png\" alt=\"Linha de Revestimento + Transportador de Retorno\" data-name=\"Linha de Revestimento + Transportador de Retorno\" data-code=\"LINE-04\">\r\n <img decoding=\"async\" class=\"cl-slide-img\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/Online-PCBA-Conformal-Coating-Line-with-Return-Conveyor-scaled_\u7ed3\u679c-1.png\" alt=\"Linha de Revestimento + Cura UV\" data-name=\"Linha de Revestimento + Cura UV\" data-code=\"LINE-05\">\r\n <\/div>\r\n\r\n <div class=\"cl-bottom\">\r\n <div class=\"cl-dots\" id=\"dots\"><\/div>\r\n <div class=\"cl-nav\">\r\n <button class=\"cl-arrow\" id=\"prevBtn\" aria-label=\"Anterior\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <button class=\"cl-arrow\" id=\"nextBtn\" aria-label=\"Pr\u00f3ximo\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n const imgs = Array.from(document.querySelectorAll('.cl-slide-img'));\r\n const dotsWrap = document.getElementById('dots');\r\n const slideName = document.getElementById('imgName');\r\n const counterCur = document.getElementById('counterCur');\r\n const watermark = document.getElementById('watermark');\r\n const lineItems = Array.from(document.querySelectorAll('.cl-line-item'));\r\n const total = imgs.length;\r\n let current = 0;\r\n let animating = false;\r\n\r\n imgs.forEach((_, i) => {\r\n const d = document.createElement('button');\r\n d.className = 'cl-dot' + (i === 0 ? ' active' : '');\r\n d.addEventListener('click', () => goTo(i));\r\n dotsWrap.appendChild(d);\r\n });\r\n const dots = Array.from(dotsWrap.querySelectorAll('.cl-dot'));\r\n\r\n lineItems.forEach(item => {\r\n item.addEventListener('click', () => goTo(parseInt(item.dataset.index)));\r\n });\r\n\r\n function goTo(index, direction) {\r\n if (animating || index === current) return;\r\n animating = true;\r\n\r\n const prev = current;\r\n if (index < 0) index = total - 1;\r\n if (index >= total) index = 0;\r\n\r\n if (direction === undefined) {\r\n direction = index > prev ? 'next' : 'prev';\r\n }\r\n\r\n const oldImg = imgs[prev];\r\n const newImg = imgs[index];\r\n\r\n oldImg.classList.remove('active');\r\n oldImg.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n oldImg.style.transform = direction === 'next'\r\n ? 'translate(-50%, -50%) translateX(-60px)'\r\n : 'translate(-50%, -50%) translateX(60px)';\r\n oldImg.style.opacity = '0';\r\n\r\n newImg.style.transition = 'none';\r\n newImg.style.transform = direction === 'next'\r\n ? 'translate(-50%, -50%) translateX(60px)'\r\n : 'translate(-50%, -50%) translateX(-60px)';\r\n newImg.style.opacity = '0';\r\n void newImg.offsetWidth;\r\n\r\n newImg.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n newImg.classList.add('active');\r\n newImg.style.transform = 'translate(-50%, -50%) translateX(0)';\r\n newImg.style.opacity = '1';\r\n\r\n current = index;\r\n\r\n dots.forEach((d, i) => d.classList.toggle('active', i === current));\r\n lineItems.forEach((l, i) => l.classList.toggle('active', i === current));\r\n counterCur.textContent = String(current + 1).padStart(2, '0');\r\n watermark.textContent = imgs[current].dataset.code;\r\n slideName.textContent = imgs[current].dataset.name;\r\n\r\n setTimeout(() => {\r\n oldImg.style.transform = '';\r\n oldImg.style.opacity = '';\r\n oldImg.style.transition = '';\r\n animating = false;\r\n }, 520);\r\n }\r\n\r\n document.getElementById('prevBtn').addEventListener('click', () => goTo(current - 1, 'prev'));\r\n document.getElementById('nextBtn').addEventListener('click', () => goTo(current + 1, 'next'));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'ArrowLeft') goTo(current - 1, 'prev');\r\n if (e.key === 'ArrowRight') goTo(current + 1, 'next');\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d17b9e8 e-con-full e-flex e-con e-parent\" data-id=\"d17b9e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2756316 elementor-widget elementor-widget-html\" data-id=\"2756316\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Company Profile \u2013 SANCO<\/title>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@400;500;600;700;800&display=swap');\r\n\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nbody{font-family:'Barlow',sans-serif;background:#fff}\r\n\r\n\/* \u2550\u2550 HERO \u2550\u2550 *\/\r\n.cp-hero{\r\n position:relative;\r\n height:720px;\r\n overflow:hidden;\r\n}\r\n.cp-hero-img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n object-position:center 40%;\r\n display:block;\r\n}\r\n.cp-hero-overlay{\r\n position:absolute;\r\n inset:0;\r\n background:rgba(10,20,40,.50);\r\n}\r\n\r\n.cp-hero-content{\r\n position:absolute;\r\n inset:0;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:flex-end;\r\n \/* \u4e0e body \u540c\u6837\u7684\u5bb9\u5668\u903b\u8f91 *\/\r\n max-width:1200px;\r\n margin:0 auto;\r\n padding:0 48px 56px;\r\n}\r\n.cp-hero-label{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:15px;\r\n font-weight:700;\r\n letter-spacing:8px;\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.55);\r\n margin-bottom:10px;\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n.cp-hero-label::before{\r\n content:'';\r\n width:24px;\r\n height:1.5px;\r\n background:rgba(255,255,255,.4);\r\n display:block;\r\n}\r\n.cp-hero-title{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:82px;\r\n font-weight:700;\r\n color:#fff;\r\n line-height:1.05;\r\n letter-spacing:-0.5px;\r\n}\r\n\r\n\/* breadcrumb *\/\r\n.cp-breadcrumb{\r\n background:#0a1628;\r\n padding:13px 72px;\r\n font-size:12.5px;\r\n color:rgba(255,255,255,.45);\r\n display:flex;\r\n align-items:center;\r\n gap:6px;\r\n}\r\n\r\n\/* \u2550\u2550 BODY \u2550\u2550 *\/\r\n.cp-body{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:0;\r\n max-width:1200px;\r\n margin:72px auto;\r\n padding:0 48px;\r\n align-items:center;\r\n}\r\n.cp-text{padding-right:56px}\r\n\r\n.cp-eyebrow{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:11px;\r\n font-weight:700;\r\n letter-spacing:4px;\r\n text-transform:uppercase;\r\n color:#2e7dd1;\r\n margin-bottom:16px;\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n.cp-eyebrow::before{\r\n content:'';\r\n width:24px;\r\n height:2px;\r\n background:#2e7dd1;\r\n display:block;\r\n}\r\n.cp-heading{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:40px;\r\n font-weight:700;\r\n color:#0a1628;\r\n line-height:1.1;\r\n margin-bottom:24px;\r\n}\r\n.cp-heading em{\r\n font-style:normal;\r\n color:#2e7dd1;\r\n}\r\n.cp-divider{\r\n width:40px;\r\n height:3px;\r\n background:linear-gradient(90deg,#084da4,#2e7dd1);\r\n border-radius:2px;\r\n margin-bottom:22px;\r\n}\r\n.cp-desc{\r\n font-size:14px;\r\n color:#4a5568;\r\n line-height:1.85;\r\n}\r\n.cp-desc p + p{margin-top:14px}\r\n\r\n.cp-img-wrap{\r\n position:relative;\r\n}\r\n.cp-factory-img{\r\n width:100%;\r\n aspect-ratio:4\/3;\r\n object-fit:cover;\r\n display:block;\r\n border-radius:2px;\r\n box-shadow:0 20px 60px rgba(8,77,164,.12);\r\n}\r\n.cp-img-wrap::before{\r\n content:'';\r\n position:absolute;\r\n top:-12px;\r\n right:-12px;\r\n width:60%;\r\n height:60%;\r\n border-top:3px solid #2e7dd1;\r\n border-right:3px solid #2e7dd1;\r\n border-radius:2px;\r\n pointer-events:none;\r\n z-index:-1;\r\n}\r\n.cp-img-wrap::after{\r\n content:'';\r\n position:absolute;\r\n bottom:-12px;\r\n left:-12px;\r\n width:40%;\r\n height:40%;\r\n border-bottom:3px solid #084da4;\r\n border-left:3px solid #084da4;\r\n border-radius:2px;\r\n pointer-events:none;\r\n z-index:-1;\r\n}\r\n\r\n@media(max-width:860px){\r\n .cp-hero{height:280px}\r\n .cp-hero-content{padding:0 24px 36px}\r\n .cp-hero-title{font-size:34px}\r\n .cp-breadcrumb{padding:12px 24px}\r\n .cp-body{\r\n grid-template-columns:1fr;\r\n padding:0 24px;\r\n margin:48px auto;\r\n gap:40px;\r\n }\r\n .cp-text{padding-right:0}\r\n .cp-img-wrap::before,\r\n .cp-img-wrap::after{display:none}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cp-hero\">\r\n <img decoding=\"async\" class=\"cp-hero-img\"\r\n src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/%E5%85%AC%E5%8F%B8-logo_%E7%BB%93%E6%9E%9C.webp\"\r\n alt=\"SANCO Headquarters\">\r\n <div class=\"cp-hero-overlay\"><\/div>\r\n <div class=\"cp-hero-content\">\r\n <div class=\"cp-hero-label\">SANCO Technology<\/div>\r\n <h1 class=\"cp-hero-title\">Company Profile<\/h1>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"cp-body\">\r\n <div class=\"cp-text\">\r\n <div class=\"cp-eyebrow\">About SANCO<\/div>\r\n <h2 class=\"cp-heading\">Intelligent <em>Automation<\/em><br>for Electronics Manufacturing<\/h2>\r\n <div class=\"cp-divider\"><\/div>\r\n <div class=\"cp-desc\">\r\n <p>SANCO is a professional manufacturer focused on automation equipment for the electronics manufacturing industry, integrating R&D, production, sales, and service to provide global customers with one-stop intelligent manufacturing solutions.<\/p>\r\n <p>Our product range covers dispensing machines, coating machines, potting systems, curing equipment, transfer & handling systems, as well as precision valves and related automation units \u2014 widely used across consumer electronics, automotive electronics, semiconductors, communications, medical electronics, and industrial control industries.<\/p>\r\n <p>As a factory-based manufacturer, SANCO is backed by a mature production system, an experienced engineering team, and strong project execution capabilities \u2014 committed to providing high-performance, stable, and customized automation solutions worldwide.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cp-img-wrap\">\r\n <img decoding=\"async\" class=\"cp-factory-img\"\r\n src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Factory2_%E7%BB%93%E6%9E%9C.webp\"\r\n alt=\"SANCO Factory\">\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9051451 e-con-full e-flex e-con e-parent\" data-id=\"9051451\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7928acf elementor-widget elementor-widget-html\" data-id=\"7928acf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <meta name=\"description\" content=\"Sanco - Professional Dispensing, Coating, Potting, Curing Equipment and SMT Peripherals for Electronics Manufacturing\">\r\n <meta name=\"keywords\" content=\"dispensing machine, coating machine, potting machine, curing oven, SMT peripherals, piezo valve, coating valve\">\r\n <title>All Products - Sanco | Precision Fluid Dispensing Equipment<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #084da4;\r\n --primary-light: #e8f1fb;\r\n --text-dark: #1a1a2e;\r\n --text-gray: #64748b;\r\n --bg-white: #ffffff;\r\n --bg-gray: #f8fafc;\r\n --border: #e2e8f0;\r\n }\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { \r\n font-family: 'Plus Jakarta Sans', sans-serif; \r\n background: var(--bg-gray); \r\n color: var(--text-dark);\r\n line-height: 1.6;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 32px 24px;\r\n }\r\n \r\n \/* Header *\/\r\n .page-header {\r\n margin-bottom: 28px;\r\n }\r\n .page-title {\r\n font-size: 26px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n }\r\n .count {\r\n background: var(--primary-light);\r\n color: var(--primary);\r\n padding: 4px 14px;\r\n border-radius: 20px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n }\r\n .page-subtitle {\r\n font-size: 14px;\r\n color: var(--text-gray);\r\n margin-top: 6px;\r\n }\r\n \r\n \/* Product Grid *\/\r\n .product-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n \r\n \/* Product Card *\/\r\n .product-card {\r\n background: var(--bg-white);\r\n border-radius: 12px;\r\n border: 1px solid var(--border);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .product-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 24px rgba(8,77,164,0.12);\r\n border-color: var(--primary);\r\n }\r\n \r\n .product-image {\r\n height: 180px;\r\n background: linear-gradient(135deg, #f8fafc 0%, #e8f1fb 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n position: relative;\r\n }\r\n .product-image img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n transition: transform 0.3s ease;\r\n }\r\n .product-card:hover .product-image img {\r\n transform: scale(1.05);\r\n }\r\n \r\n .product-tag {\r\n position: absolute;\r\n top: 10px;\r\n left: 10px;\r\n background: var(--primary);\r\n color: white;\r\n padding: 3px 10px;\r\n border-radius: 4px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3px;\r\n }\r\n \r\n .product-info {\r\n padding: 16px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .product-name {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.4;\r\n min-height: 40px;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n .product-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--primary);\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n margin-top: auto;\r\n transition: gap 0.2s ease;\r\n }\r\n .product-link:hover {\r\n gap: 10px;\r\n }\r\n .product-link svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 900px) {\r\n .product-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n @media (max-width: 600px) {\r\n .container {\r\n padding: 20px 16px;\r\n }\r\n .page-title {\r\n font-size: 22px;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n .product-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n .product-image {\r\n height: 160px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <main class=\"container\">\r\n <header class=\"page-header\">\r\n <h1 class=\"page-title\">\r\n All Products\r\n <span class=\"count\">37 Products<\/span>\r\n <\/h1>\r\n <p class=\"page-subtitle\">Explore our complete range of precision fluid dispensing equipment<\/p>\r\n <\/header>\r\n \r\n <section class=\"product-grid\">\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-Inline-High-Speed-Dispensing-Machine_\u7ed3\u679c.webp\" alt=\"LM Series Inline High Speed Dispensing Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">LM Series Inline High Speed Dispensing Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/DS-series-Inline-High-Speed-Dispensing-Machine-scaled_\u7ed3\u679c.webp\" alt=\"DS Series Inline High Speed Dispensing Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">DS Series Inline High Speed Dispensing Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/offline-high-speed-dispenser_\u7ed3\u679c.webp\" alt=\"Offline High Speed Dispensing Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Offline High Speed Dispensing Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Desktop-visual-dispenser-machine-scaled_\u7ed3\u679c.webp\" alt=\"Desktop Visual Dispensing Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Desktop Visual Dispensing Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve_\u7ed3\u679c.webp\" alt=\"Piezo Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Piezo Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve-2_\u7ed3\u679c.webp\" alt=\"Piezo Valve II\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Piezo Valve II<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/piezo-Valve-Controller_\u7ed3\u679c.webp\" alt=\"Piezo Valve Controller\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Piezo Valve Controller<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/single-liquid-screw-valve-scaled_\u7ed3\u679c.webp\" alt=\"Single Liquid Screw Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Single Liquid Screw Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/dual-liquid.png\" alt=\"Dual Liquid Screw Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Dual Liquid Screw Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Dispensing Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/pump_\u7ed3\u679c.webp\" alt=\"CANP-5G Pump\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">CANP-5G Pump<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Three-Axial-Coating-machine-1_\u7ed3\u679c.webp\" alt=\"Three Axial Coating Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Three Axial Coating Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Four-Axial-Coating-machine_\u7ed3\u679c.webp\" alt=\"Four Axial Coating Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Four Axial Coating Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u684c\u9762\u6d82\u8986-scaled_\u7ed3\u679c.webp\" alt=\"Desktop Coating Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Desktop Coating Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/G-300HP-high-pressure-valve.png\" alt=\"G-300HP High Pressure Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">G-300HP High Pressure Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/G-500HP-Diaphragm-valve-1.png\" alt=\"G-500HP Diaphragm Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">G-500HP Diaphragm Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/BF-028-film-spray-valve-1.png\" alt=\"BF-028 Film Spray Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">BF-028 Film Spray Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/SF-073-sector-spray-valve-1.png\" alt=\"SF-073 Sector Spray Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">SF-073 Sector Spray Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/G-420A-Precision-striker-valve.png\" alt=\"G-420A Precision Striker Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">G-420A Precision Striker Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Coating Machine<\/span>\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/LF-001-conical-spray-valve.png\" alt=\"LF-001 Conical Spray Valve\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">LF-001 Conical Spray Valve<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Potting Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/inline_\u7ed3\u679c.webp\" alt=\"Inline Potting Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Inline Potting Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Potting Machine<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/offline_\u7ed3\u679c.webp\" alt=\"Offline Potting Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Offline Potting Machine<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/IR-Curing-oven_\u7ed3\u679c.webp\" alt=\"IR Curing Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">IR Curing Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Curing-Oven-1_\u7ed3\u679c.webp\" alt=\"UV Curing Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">UV Curing Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/IR-Curing-oven_\u7ed3\u679c.webp\" alt=\"Hot Wind Curing Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Hot Wind Curing Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Curing-Oven-1_\u7ed3\u679c.webp\" alt=\"UV LED Curing Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">UV LED Curing Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Vertical-oven_\u7ed3\u679c.webp\" alt=\"Vertical Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Vertical Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Curing Oven<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Lead-free-Hot-air-reflow-oven-scaled_\u7ed3\u679c.webp\" alt=\"Lead-free Hot Air Reflow Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Lead-free Hot Air Reflow Oven<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-in_\u7ed3\u679c.webp\" alt=\"Elevator\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Elevator<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/PCB-Flipper_\u7ed3\u679c.webp\" alt=\"PCB Flipper\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">PCB Flipper<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Loader_\u7ed3\u679c.webp\" alt=\"Automatic Magazine Loader\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Automatic Magazine Loader<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Unloader-scaled_\u7ed3\u679c.webp\" alt=\"Fully Automatic Magazine Unloader\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Fully Automatic Magazine Unloader<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Conveyor_\u7ed3\u679c.webp\" alt=\"Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Conveyor_\u7ed3\u679c.webp\" alt=\"UV Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">UV Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Shuttle-conveyor-1_\u7ed3\u679c.webp\" alt=\"Shuttle Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Shuttle Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/NGOK-Conveyor_\u7ed3\u679c.webp\" alt=\"NG\/OK Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">NG\/OK Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Vertical-buffer-conveyor_\u7ed3\u679c.webp\" alt=\"Vertical Buffer Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Vertical Buffer Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"product-card\">\r\n <div class=\"product-image\">\r\n <span class=\"product-tag\">Peripherals<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Vertical-cooling-buffer-conveyor_\u7ed3\u679c.webp\" alt=\"Vertical Cooling Buffer Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h2 class=\"product-name\">Vertical Cooling Buffer Conveyor<\/h2>\r\n <a href=\"\/product\/\" class=\"product-link\">View Details <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n <\/section>\r\n <\/main>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4e5187 elementor-widget elementor-widget-html\" data-id=\"f4e5187\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n .sanco-logistics-section {\r\n padding: 100px 0;\r\n background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .sanco-logistics-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, #e0e7ff 50%, transparent);\r\n }\r\n\r\n .logistics-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Header Styling *\/\r\n .logistics-header {\r\n text-align: center;\r\n margin-bottom: 70px;\r\n }\r\n\r\n .logistics-label {\r\n display: inline-block;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: #0066cc;\r\n margin-bottom: 16px;\r\n padding: 6px 20px;\r\n background: rgba(0, 102, 204, 0.08);\r\n border-radius: 20px;\r\n }\r\n\r\n .logistics-main-title {\r\n font-size: 48px;\r\n font-weight: 800;\r\n color: #0d2137;\r\n margin-bottom: 20px;\r\n line-height: 1.2;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .logistics-main-title .text-highlight {\r\n color: #0066cc;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .logistics-main-title .text-highlight::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 8px;\r\n left: 0;\r\n width: 100%;\r\n height: 12px;\r\n background: rgba(0, 102, 204, 0.15);\r\n z-index: -1;\r\n border-radius: 6px;\r\n }\r\n\r\n .logistics-desc {\r\n font-size: 16px;\r\n color: #64748b;\r\n max-width: 680px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Featured Images - Modern Grid *\/\r\n .logistics-featured {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n margin-bottom: 100px;\r\n }\r\n\r\n .logistics-featured-item {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 16px;\r\n cursor: pointer;\r\n aspect-ratio: 1.33\/1;\r\n background: #fff;\r\n box-shadow: 0 4px 24px rgba(13, 33, 55, 0.08);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .logistics-featured-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.3) 100%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n z-index: 1;\r\n }\r\n\r\n .logistics-featured-item:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .logistics-featured-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 40px rgba(0, 102, 204, 0.2);\r\n }\r\n\r\n .logistics-featured-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .logistics-featured-item:hover img {\r\n transform: scale(1.08);\r\n }\r\n\r\n \/* Gallery Section *\/\r\n .logistics-gallery-section {\r\n margin-top: 80px;\r\n }\r\n\r\n .logistics-gallery-title {\r\n text-align: center;\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: #0d2137;\r\n margin-bottom: 50px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .logistics-gallery {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n .logistics-gallery-item {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n aspect-ratio: 1.33\/1;\r\n background: #fff;\r\n box-shadow: 0 2px 12px rgba(13, 33, 55, 0.06);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .logistics-gallery-item:hover {\r\n transform: translateY(-4px) scale(1.02);\r\n box-shadow: 0 8px 28px rgba(0, 102, 204, 0.15);\r\n z-index: 10;\r\n }\r\n\r\n .logistics-gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .logistics-gallery-item:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* Lightbox Overlay *\/\r\n .sanco-lightbox {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(13, 33, 55, 0.95);\r\n backdrop-filter: blur(8px);\r\n z-index: 99999;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 40px 20px;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .sanco-lightbox.show {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .sanco-lightbox-inner {\r\n position: relative;\r\n max-width: 90%;\r\n max-height: 90%;\r\n animation: lightboxZoom 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n @keyframes lightboxZoom {\r\n from {\r\n transform: scale(0.85);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .sanco-lightbox-inner img {\r\n max-width: 100%;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n border-radius: 12px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .sanco-lightbox-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n color: #fff;\r\n font-size: 24px;\r\n cursor: pointer;\r\n width: 44px;\r\n height: 44px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .sanco-lightbox-close:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: rotate(90deg);\r\n }\r\n\r\n .sanco-lightbox-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255, 255, 255, 0.15);\r\n border: 2px solid rgba(255, 255, 255, 0.25);\r\n border-radius: 50%;\r\n color: #fff;\r\n font-size: 28px;\r\n cursor: pointer;\r\n width: 56px;\r\n height: 56px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .sanco-lightbox-arrow:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n\r\n .sanco-lightbox-prev {\r\n left: 30px;\r\n }\r\n\r\n .sanco-lightbox-next {\r\n right: 30px;\r\n }\r\n\r\n .sanco-lightbox-counter {\r\n position: absolute;\r\n bottom: -45px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n color: #fff;\r\n font-size: 15px;\r\n font-weight: 500;\r\n background: rgba(255, 255, 255, 0.1);\r\n padding: 8px 20px;\r\n border-radius: 20px;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n \/* Tablet Responsive *\/\r\n @media (max-width: 1024px) {\r\n .sanco-logistics-section {\r\n padding: 80px 0;\r\n }\r\n\r\n .logistics-main-title {\r\n font-size: 40px;\r\n }\r\n\r\n .logistics-featured {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .logistics-featured-item:last-child {\r\n grid-column: span 2;\r\n max-width: 60%;\r\n margin: 0 auto;\r\n }\r\n\r\n .logistics-gallery {\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n gap: 16px;\r\n }\r\n\r\n .logistics-gallery-title {\r\n font-size: 32px;\r\n }\r\n }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 768px) {\r\n .sanco-logistics-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .logistics-wrapper {\r\n padding: 0 16px;\r\n }\r\n\r\n .logistics-header {\r\n margin-bottom: 50px;\r\n }\r\n\r\n .logistics-label {\r\n font-size: 10px;\r\n padding: 5px 16px;\r\n }\r\n\r\n .logistics-main-title {\r\n font-size: 32px;\r\n }\r\n\r\n .logistics-desc {\r\n font-size: 15px;\r\n }\r\n\r\n .logistics-featured {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .logistics-featured-item:last-child {\r\n grid-column: span 1;\r\n max-width: 100%;\r\n }\r\n\r\n .logistics-gallery-section {\r\n margin-top: 60px;\r\n }\r\n\r\n .logistics-gallery-title {\r\n font-size: 28px;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .logistics-gallery {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n }\r\n\r\n .sanco-lightbox-arrow {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 22px;\r\n }\r\n\r\n .sanco-lightbox-prev {\r\n left: 15px;\r\n }\r\n\r\n .sanco-lightbox-next {\r\n right: 15px;\r\n }\r\n\r\n .sanco-lightbox-close {\r\n top: -45px;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .logistics-main-title {\r\n font-size: 26px;\r\n }\r\n\r\n .logistics-gallery-title {\r\n font-size: 24px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"sanco-logistics-section\">\r\n <div class=\"logistics-wrapper\">\r\n \r\n <header class=\"logistics-header\">\r\n <span class=\"logistics-label\">GLOBAL PRESENCE SINCE 2015<\/span>\r\n <h2 class=\"logistics-main-title\">\r\n BUILDING <span class=\"text-highlight\">CONNECTIONS<\/span> WORLDWIDE\r\n <\/h2>\r\n <p class=\"logistics-desc\">\r\n Professional packaging and secure global shipping ensure SANCO's precision equipment reaches customers worldwide safely and on time.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"logistics-featured\">\r\n <div class=\"logistics-featured-item\" data-img-index=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-15-scaled_\u7ed3\u679c.webp\" \r\n alt=\"Professional wooden crate packaging for industrial equipment export\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-featured-item\" data-img-index=\"1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-14_\u7ed3\u679c-1.webp\" \r\n alt=\"Secure palletized shipping container for precision machinery\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-featured-item\" data-img-index=\"2\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-13_\u7ed3\u679c-1.webp\" \r\n alt=\"Heavy-duty export packaging for SMT equipment\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"logistics-gallery-section\">\r\n <h3 class=\"logistics-gallery-title\">Our Shipping Journey<\/h3>\r\n \r\n <div class=\"logistics-gallery\">\r\n <div class=\"logistics-gallery-item\" data-img-index=\"3\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-12-scaled_\u7ed3\u679c.webp\" \r\n alt=\"Industrial equipment loaded for international shipping\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"4\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-11-scaled_\u7ed3\u679c.webp\" \r\n alt=\"Warehouse packaging operation\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"5\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-9_\u7ed3\u679c-2.webp\" \r\n alt=\"Custom wooden crate for precision equipment\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"6\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-8_\u7ed3\u679c-1.webp\" \r\n alt=\"Protective packaging materials\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"7\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-7_\u7ed3\u679c-1.webp\" \r\n alt=\"Quality control inspection\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"8\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-6_\u7ed3\u679c-1.webp\" \r\n alt=\"Logistics warehouse operations\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"9\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-5-scaled_\u7ed3\u679c.webp\" \r\n alt=\"Secure strapping and bracing\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"10\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-4_\u7ed3\u679c-2.webp\" \r\n alt=\"Export documentation and labeling\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"11\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-3_\u7ed3\u679c-2.webp\" \r\n alt=\"Global shipping network\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"12\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-2_\u7ed3\u679c-1.webp\" \r\n alt=\"Professional freight forwarding\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"13\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-1_\u7ed3\u679c-1.webp\" \r\n alt=\"Equipment prepared for worldwide distribution\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"logistics-gallery-item\" data-img-index=\"14\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/99999999_\u7ed3\u679c.webp\" \r\n alt=\"SANCO global logistics network\" \r\n loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"sanco-lightbox\" id=\"sancoLightbox\">\r\n <div class=\"sanco-lightbox-inner\">\r\n <button class=\"sanco-lightbox-close\" id=\"sancoCloseLightbox\">\u2715<\/button>\r\n <button class=\"sanco-lightbox-arrow sanco-lightbox-prev\" id=\"sancoPrevImg\">\u2039<\/button>\r\n <img decoding=\"async\" src=\"\" alt=\"\" id=\"sancoLightboxImg\">\r\n <button class=\"sanco-lightbox-arrow sanco-lightbox-next\" id=\"sancoNextImg\">\u203a<\/button>\r\n <div class=\"sanco-lightbox-counter\" id=\"sancoImgCounter\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n const lightbox = document.getElementById('sancoLightbox');\r\n const lightboxImg = document.getElementById('sancoLightboxImg');\r\n const closeBtn = document.getElementById('sancoCloseLightbox');\r\n const prevBtn = document.getElementById('sancoPrevImg');\r\n const nextBtn = document.getElementById('sancoNextImg');\r\n const counter = document.getElementById('sancoImgCounter');\r\n\r\n const allItems = document.querySelectorAll('[data-img-index]');\r\n let currentIdx = 0;\r\n\r\n \/\/ Open lightbox\r\n allItems.forEach(item => {\r\n item.addEventListener('click', function() {\r\n currentIdx = parseInt(this.getAttribute('data-img-index'));\r\n const img = this.querySelector('img');\r\n showLightbox(img.src, img.alt);\r\n });\r\n });\r\n\r\n function showLightbox(src, alt) {\r\n lightboxImg.src = src;\r\n lightboxImg.alt = alt;\r\n lightbox.classList.add('show');\r\n updateCounter();\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n \/\/ Close lightbox\r\n closeBtn.addEventListener('click', closeLightbox);\r\n lightbox.addEventListener('click', function(e) {\r\n if (e.target === lightbox) closeLightbox();\r\n });\r\n\r\n function closeLightbox() {\r\n lightbox.classList.remove('show');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n \/\/ Navigation\r\n prevBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentIdx = (currentIdx - 1 + allItems.length) % allItems.length;\r\n const img = allItems[currentIdx].querySelector('img');\r\n lightboxImg.src = img.src;\r\n lightboxImg.alt = img.alt;\r\n updateCounter();\r\n });\r\n\r\n nextBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentIdx = (currentIdx + 1) % allItems.length;\r\n const img = allItems[currentIdx].querySelector('img');\r\n lightboxImg.src = img.src;\r\n lightboxImg.alt = img.alt;\r\n updateCounter();\r\n });\r\n\r\n \/\/ Keyboard support\r\n document.addEventListener('keydown', function(e) {\r\n if (!lightbox.classList.contains('show')) return;\r\n if (e.key === 'Escape') closeLightbox();\r\n if (e.key === 'ArrowLeft') prevBtn.click();\r\n if (e.key === 'ArrowRight') nextBtn.click();\r\n });\r\n\r\n function updateCounter() {\r\n counter.textContent = `${currentIdx + 1} \/ ${allItems.length}`;\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23337f6 elementor-widget elementor-widget-html\" data-id=\"23337f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>SANCO Exhibition Gallery - Carousel<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background: #f8fafc;\r\n }\r\n\r\n \/* Main Section *\/\r\n .exhibition-section {\r\n padding: 80px 0;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Header *\/\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .section-subtitle {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: #084da4;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .section-subtitle::before {\r\n content: '';\r\n width: 40px;\r\n height: 2px;\r\n background: #084da4;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(36px, 6vw, 56px);\r\n font-weight: 700;\r\n color: #1a1a2e;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .section-title .highlight {\r\n color: #084da4;\r\n }\r\n\r\n .section-description {\r\n font-size: 16px;\r\n color: #6b7280;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Main Gallery Grid *\/\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 20px;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n height: 350px;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n box-shadow: 0 8px 30px rgba(0, 86, 179, 0.12);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 50px rgba(0, 86, 179, 0.25);\r\n }\r\n\r\n .gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .gallery-item:hover img {\r\n transform: scale(1.06);\r\n }\r\n\r\n \/* Infinite Carousel Section *\/\r\n .carousel-section {\r\n background: #fff;\r\n padding: 60px 0;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .carousel-title {\r\n text-align: center;\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: #1a1a2e;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .carousel-wrapper {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .carousel-track {\r\n display: flex;\r\n gap: 20px;\r\n animation: scroll 30s linear infinite;\r\n width: fit-content;\r\n will-change: transform;\r\n }\r\n\r\n .carousel-track:hover {\r\n animation-play-state: paused;\r\n }\r\n\r\n .carousel-item {\r\n flex-shrink: 0;\r\n width: 400px;\r\n height: 280px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .carousel-item:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n .carousel-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n @keyframes scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(calc(-400px * 10 - 20px * 10));\r\n }\r\n }\r\n\r\n \/* Lightbox *\/\r\n .lightbox {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.95);\r\n z-index: 9999;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .lightbox.active {\r\n display: flex;\r\n }\r\n\r\n .lightbox-content {\r\n position: relative;\r\n max-width: 90vw;\r\n max-height: 90vh;\r\n }\r\n\r\n .lightbox-content img {\r\n max-width: 100%;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n }\r\n\r\n .lightbox-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: none;\r\n border: none;\r\n color: #fff;\r\n font-size: 40px;\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .lightbox-close:hover {\r\n transform: rotate(90deg);\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .exhibition-section {\r\n padding: 50px 0;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .gallery-item {\r\n height: 280px;\r\n }\r\n\r\n .carousel-section {\r\n padding: 40px 0;\r\n }\r\n\r\n .carousel-title {\r\n font-size: 24px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .carousel-item {\r\n width: 300px;\r\n height: 220px;\r\n }\r\n\r\n @keyframes scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(calc(-300px * 10 - 20px * 10));\r\n }\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"exhibition-section\">\r\n <div class=\"container\">\r\n \r\n <header class=\"section-header\">\r\n <p class=\"section-subtitle\">Global Events 2024<\/p>\r\n <h2 class=\"section-title\">Building <span class=\"highlight\">Connections<\/span> Worldwide<\/h2>\r\n <p class=\"section-description\">From industry exhibitions to client partnerships, we capture the moments that define our journey.<\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"gallery-grid\">\r\n <article class=\"gallery-item\" data-index=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/54_\u7ed3\u679c.webp\" alt=\"Customer group photo at SANCO showroom\" loading=\"lazy\">\r\n <\/article>\r\n <article class=\"gallery-item\" data-index=\"1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u5ba2\u6237\u5408\u7167_\u7ed3\u679c.webp\" alt=\"SANCO team meeting with customers\" loading=\"lazy\">\r\n <\/article>\r\n <article class=\"gallery-item\" data-index=\"2\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-9_\u7ed3\u679c-1.webp\" alt=\"Product demonstration at exhibition booth\" loading=\"lazy\">\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"carousel-section\">\r\n <h3 class=\"carousel-title\">Our Exhibition Journey<\/h3>\r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n <div class=\"lightbox-content\">\r\n <button class=\"lightbox-close\" aria-label=\"Close\">×<\/button>\r\n <img decoding=\"async\" src=\"\" alt=\"\" id=\"lightbox-img\">\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n \/\/ Carousel images array - 10 images for carousel\r\n const carouselImages = [\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-21_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-18_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/54_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-10_\u7ed3\u679c-1.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/4-scaled_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-4_\u7ed3\u679c-1.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-20_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u5ba2\u6237\u5408\u7167_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u5ba2\u6237\u5408\u7167-scaled_\u7ed3\u679c.webp',\r\n 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-3_\u7ed3\u679c-1.webp'\r\n ];\r\n\r\n \/\/ Wait for DOM to be ready\r\n function initCarousel() {\r\n const carouselTrack = document.getElementById('carouselTrack');\r\n if (!carouselTrack) {\r\n console.error('Carousel track not found!');\r\n return;\r\n }\r\n\r\n console.log('Initializing carousel with', carouselImages.length, 'images');\r\n\r\n const imagesToDuplicate = 3;\r\n\r\n for (let i = 0; i < imagesToDuplicate; i++) {\r\n carouselImages.forEach((src, index) => {\r\n const item = document.createElement('div');\r\n item.className = 'carousel-item';\r\n const img = document.createElement('img');\r\n img.src = src;\r\n img.alt = 'Exhibition photo';\r\n img.onerror = function() {\r\n console.error('Failed to load image:', src);\r\n };\r\n img.onload = function() {\r\n console.log('Image loaded:', src);\r\n };\r\n item.appendChild(img);\r\n carouselTrack.appendChild(item);\r\n });\r\n }\r\n\r\n console.log('Carousel initialized with', carouselTrack.children.length, 'items');\r\n }\r\n\r\n \/\/ Initialize when DOM is ready\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initCarousel);\r\n } else {\r\n initCarousel();\r\n }\r\n\r\n \/\/ Lightbox functionality\r\n function initLightbox() {\r\n const lightbox = document.getElementById('lightbox');\r\n const lightboxImg = document.getElementById('lightbox-img');\r\n const galleryItems = document.querySelectorAll('.gallery-item');\r\n\r\n if (!lightbox || !lightboxImg) return;\r\n\r\n \/\/ Open lightbox\r\n galleryItems.forEach(item => {\r\n item.addEventListener('click', () => {\r\n const img = item.querySelector('img');\r\n lightboxImg.src = img.src;\r\n lightboxImg.alt = img.alt;\r\n lightbox.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n });\r\n });\r\n\r\n \/\/ Close lightbox\r\n const closeBtn = document.querySelector('.lightbox-close');\r\n if (closeBtn) {\r\n closeBtn.addEventListener('click', closeLightbox);\r\n }\r\n lightbox.addEventListener('click', (e) => {\r\n if (e.target === lightbox) closeLightbox();\r\n });\r\n\r\n function closeLightbox() {\r\n lightbox.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n \/\/ Keyboard navigation\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n closeLightbox();\r\n }\r\n });\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initLightbox);\r\n } else {\r\n initLightbox();\r\n }\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9765151 elementor-widget elementor-widget-html\" data-id=\"9765151\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\/* Main Container *\/\r\n.cert-section-wrapper {\r\n width: 100%;\r\n max-width: 1740px;\r\n margin: 0 auto;\r\n padding: 60px 10px;\r\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n background-color: #fcfcfc;\r\n}\r\n\r\n\/* Header *\/\r\n.cert-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.cert-header h2 {\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: #003366;\r\n margin: 0 0 15px 0;\r\n}\r\n\r\n.cert-header .underline {\r\n width: 60px;\r\n height: 4px;\r\n background: #084da4;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* Carousel Container *\/\r\n.cert-carousel-container {\r\n position: relative;\r\n width: 100%;\r\n padding: 0 60px;\r\n}\r\n\r\n\/* Page Container *\/\r\n.cert-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Pages *\/\r\n.cert-page {\r\n display: none;\r\n width: 100%;\r\n gap: 25px;\r\n min-height: 550px;\r\n}\r\n\r\n.cert-page.active {\r\n display: flex !important;\r\n}\r\n\r\n\/* Page 1 Layout: Left large + Right 2x2 grid *\/\r\n.cert-left-main {\r\n flex: 2;\r\n display: flex;\r\n}\r\n\r\n.cert-right-grid {\r\n flex: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n gap: 20px;\r\n}\r\n\r\n\/* Page 2 Layout: Two large images *\/\r\n.cert-grid-page2 {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 25px;\r\n width: 100%;\r\n}\r\n\r\n\/* Certificate Card *\/\r\n.cert-card {\r\n position: relative;\r\n background: #fff;\r\n border: 1px solid #e8e8e8;\r\n border-radius: 8px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\r\n padding: 20px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.cert-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 30px rgba(0,0,0,0.12);\r\n}\r\n\r\n.cert-card img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n}\r\n\r\n\/* Navigation Arrows *\/\r\n.cert-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(8, 77, 164, 0.9);\r\n border: none;\r\n border-radius: 50%;\r\n color: white;\r\n font-size: 24px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n}\r\n\r\n.cert-arrow:hover {\r\n background: #084da4;\r\n transform: translateY(-50%) scale(1.1);\r\n box-shadow: 0 6px 20px rgba(8, 77, 164, 0.3);\r\n}\r\n\r\n.cert-arrow:active {\r\n transform: translateY(-50%) scale(0.95);\r\n}\r\n\r\n.cert-arrow-left {\r\n left: 0;\r\n}\r\n\r\n.cert-arrow-right {\r\n right: 0;\r\n}\r\n\r\n.cert-arrow svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke-width: 3;\r\n}\r\n\r\n\/* Dots Indicator *\/\r\n.cert-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-top: 40px;\r\n}\r\n\r\n.cert-dot {\r\n width: 40px;\r\n height: 4px;\r\n background: #d0d0d0;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.cert-dot:hover {\r\n background: #a0a0a0;\r\n}\r\n\r\n.cert-dot.active {\r\n background: #084da4;\r\n width: 50px;\r\n}\r\n\r\n\/* Tablet Responsive *\/\r\n@media (max-width: 1024px) {\r\n .cert-carousel-container {\r\n padding: 0 50px;\r\n }\r\n\r\n .cert-arrow {\r\n width: 45px;\r\n height: 45px;\r\n font-size: 20px;\r\n }\r\n\r\n .cert-page.active {\r\n flex-direction: column;\r\n }\r\n\r\n .cert-page {\r\n min-height: auto;\r\n }\r\n\r\n .cert-card {\r\n min-height: 350px;\r\n }\r\n\r\n .cert-right-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n}\r\n\r\n\/* Mobile Responsive - Single Card Display *\/\r\n@media (max-width: 768px) {\r\n .cert-section-wrapper {\r\n padding: 40px 10px;\r\n }\r\n\r\n .cert-header h2 {\r\n font-size: 28px;\r\n }\r\n\r\n .cert-carousel-container {\r\n padding: 0 55px;\r\n }\r\n\r\n .cert-arrow {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 22px;\r\n }\r\n\r\n .cert-arrow svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n \/* Mobile: Show one card at a time *\/\r\n .cert-page {\r\n min-height: 400px;\r\n display: none;\r\n }\r\n\r\n .cert-page.active {\r\n display: block !important;\r\n }\r\n\r\n .cert-left-main,\r\n .cert-right-grid,\r\n .cert-grid-page2 {\r\n display: block;\r\n }\r\n\r\n .cert-card {\r\n width: 100%;\r\n min-height: 350px;\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Hide all cards except the active one on mobile *\/\r\n .cert-card {\r\n display: none;\r\n }\r\n\r\n .cert-card.mobile-active {\r\n display: flex !important;\r\n }\r\n\r\n .cert-dots {\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 30px;\r\n }\r\n\r\n .cert-dot {\r\n width: 30px;\r\n height: 3px;\r\n }\r\n\r\n .cert-dot.active {\r\n width: 40px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .cert-carousel-container {\r\n padding: 0 50px;\r\n }\r\n\r\n .cert-arrow {\r\n width: 46px;\r\n height: 46px;\r\n font-size: 20px;\r\n }\r\n\r\n .cert-arrow svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .cert-card {\r\n min-height: 300px;\r\n padding: 15px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cert-section-wrapper\">\r\n <div class=\"cert-header\">\r\n <h2>Qualification<\/h2>\r\n <div class=\"underline\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"cert-carousel-container\">\r\n \r\n <button class=\"cert-arrow cert-arrow-left\" aria-label=\"Previous certificate\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M15 18l-6-6 6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"cert-container\">\r\n \r\n <div class=\"cert-page active\" data-page=\"1\">\r\n <div class=\"cert-card cert-left-main\" data-cert=\"1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/ISO-9001-certificate_page-0001_\u7ed3\u679c-1.webp\" alt=\"ISO 9001 Certificate\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-right-grid\">\r\n <div class=\"cert-card\" data-cert=\"2\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-mecury-curing-oven-UV450-CE-cerification_page-0001_\u7ed3\u679c-1.webp\" alt=\"UV Mercury Curing Oven CE Certification\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-card\" data-cert=\"3\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Pump-for-material-delivery-CE-ceritification_page-0001_\u7ed3\u679c-1.webp\" alt=\"Pump Material Delivery CE Certification\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-card\" data-cert=\"4\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-dispensing-machine-CE-MD_page-0001_\u7ed3\u679c-1.webp\" alt=\"LM Series Dispensing Machine CE MD\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-card\" data-cert=\"5\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-dispensing-machine-CE-MD-1_page-0001_\u7ed3\u679c-1.webp\" alt=\"LM Series Dispensing Machine CE MD\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cert-page\" data-page=\"2\">\r\n <div class=\"cert-grid-page2\">\r\n <div class=\"cert-card\" data-cert=\"6\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-CE-LVD-1_page-0001_\u7ed3\u679c-1.webp\" alt=\"LM Series CE LVD Certificate\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-card\" data-cert=\"7\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Dispensing-machine-DS-series-and-coating-machine-CM-series-CE-certification_page-0001_\u7ed3\u679c.webp\" alt=\"DS and CM Series CE Certification\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"cert-arrow cert-arrow-right\" aria-label=\"Next certificate\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M9 18l6-6-6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"cert-dots\">\r\n <div class=\"cert-dot active\" data-goto=\"1\" aria-label=\"View page 1\"><\/div>\r\n <div class=\"cert-dot\" data-goto=\"2\" aria-label=\"View page 2\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const wrapper = document.querySelector('.cert-section-wrapper');\r\n if (!wrapper) return;\r\n\r\n const dots = wrapper.querySelectorAll('.cert-dot');\r\n const pages = wrapper.querySelectorAll('.cert-page');\r\n const cards = wrapper.querySelectorAll('.cert-card');\r\n const leftArrow = wrapper.querySelector('.cert-arrow-left');\r\n const rightArrow = wrapper.querySelector('.cert-arrow-right');\r\n\r\n let currentPage = 1;\r\n let currentMobileCard = 1;\r\n const totalPages = pages.length;\r\n const totalCards = cards.length;\r\n const isMobile = () => window.innerWidth <= 768;\r\n\r\n \/\/ Desktop: Switch pages\r\n function changePage(pageNum) {\r\n currentPage = pageNum;\r\n\r\n pages.forEach(page => {\r\n if (page.getAttribute('data-page') === String(pageNum)) {\r\n page.classList.add('active');\r\n } else {\r\n page.classList.remove('active');\r\n }\r\n });\r\n\r\n dots.forEach(dot => {\r\n if (dot.getAttribute('data-goto') === String(pageNum)) {\r\n dot.classList.add('active');\r\n } else {\r\n dot.classList.remove('active');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Mobile: Switch individual cards\r\n function changeMobileCard(cardNum) {\r\n currentMobileCard = cardNum;\r\n\r\n cards.forEach(card => {\r\n card.classList.remove('mobile-active');\r\n });\r\n\r\n const targetCard = wrapper.querySelector(`[data-cert=\"${cardNum}\"]`);\r\n if (targetCard) {\r\n targetCard.classList.add('mobile-active');\r\n }\r\n\r\n \/\/ Update dots for mobile (show current card position)\r\n const pageForCard = cardNum <= 5 ? 1 : 2;\r\n dots.forEach(dot => {\r\n if (dot.getAttribute('data-goto') === String(pageForCard)) {\r\n dot.classList.add('active');\r\n } else {\r\n dot.classList.remove('active');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Navigation: Previous\r\n function goToPrevious() {\r\n if (isMobile()) {\r\n currentMobileCard = currentMobileCard > 1 ? currentMobileCard - 1 : totalCards;\r\n changeMobileCard(currentMobileCard);\r\n } else {\r\n currentPage = currentPage > 1 ? currentPage - 1 : totalPages;\r\n changePage(currentPage);\r\n }\r\n }\r\n\r\n \/\/ Navigation: Next\r\n function goToNext() {\r\n if (isMobile()) {\r\n currentMobileCard = currentMobileCard < totalCards ? currentMobileCard + 1 : 1;\r\n changeMobileCard(currentMobileCard);\r\n } else {\r\n currentPage = currentPage < totalPages ? currentPage + 1 : 1;\r\n changePage(currentPage);\r\n }\r\n }\r\n\r\n \/\/ Event Listeners\r\n leftArrow.addEventListener('click', goToPrevious);\r\n rightArrow.addEventListener('click', goToNext);\r\n\r\n dots.forEach(dot => {\r\n dot.addEventListener('click', function() {\r\n const target = parseInt(this.getAttribute('data-goto'));\r\n if (!isMobile()) {\r\n changePage(target);\r\n }\r\n });\r\n });\r\n\r\n \/\/ Keyboard navigation\r\n document.addEventListener('keydown', function(e) {\r\n if (!wrapper.matches(':hover')) return;\r\n if (e.key === 'ArrowLeft') goToPrevious();\r\n if (e.key === 'ArrowRight') goToNext();\r\n });\r\n\r\n \/\/ Initialize mobile view if needed\r\n function initializeView() {\r\n if (isMobile()) {\r\n changeMobileCard(1);\r\n } else {\r\n changePage(1);\r\n }\r\n }\r\n\r\n \/\/ Handle window resize\r\n let resizeTimer;\r\n window.addEventListener('resize', function() {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(function() {\r\n initializeView();\r\n }, 250);\r\n });\r\n\r\n \/\/ Initialize on load\r\n initializeView();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b6a0c8 elementor-widget elementor-widget-html\" data-id=\"8b6a0c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.coop-case-section{\r\n position:relative;\r\n padding:110px 24px 95px;\r\n background:#f7f7f7;\r\n text-align:center;\r\n overflow:hidden;\r\n}\r\n\r\n.coop-case-section::before{\r\n content:'';\r\n position:absolute;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at 18% 42%, rgba(0,0,0,.035) 0 14%, transparent 15%),\r\n radial-gradient(circle at 30% 36%, rgba(0,0,0,.03) 0 10%, transparent 11%),\r\n radial-gradient(circle at 42% 44%, rgba(0,0,0,.028) 0 12%, transparent 13%),\r\n radial-gradient(circle at 58% 40%, rgba(0,0,0,.03) 0 11%, transparent 12%),\r\n radial-gradient(circle at 72% 42%, rgba(0,0,0,.03) 0 13%, transparent 14%),\r\n radial-gradient(circle at 84% 38%, rgba(0,0,0,.028) 0 9%, transparent 10%);\r\n opacity:.42;\r\n pointer-events:none;\r\n}\r\n\r\n.coop-case-inner{\r\n position:relative;\r\n z-index:1;\r\n max-width:1200px;\r\n margin:0 auto;\r\n}\r\n\r\n.coop-case-title{\r\n font-size:50px;\r\n font-weight:600;\r\n color:#8d8d8d;\r\n letter-spacing:1px;\r\n line-height:1.1;\r\n margin:0 0 26px;\r\n text-transform:uppercase;\r\n}\r\n\r\n.coop-case-desc{\r\n max-width:860px;\r\n margin:0 auto 48px;\r\n font-size:19px;\r\n line-height:1.9;\r\n color:#8b8b8b;\r\n}\r\n\r\n.coop-trapezoid{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:24px;\r\n}\r\n\r\n.coop-row{\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n gap:22px;\r\n width:100%;\r\n}\r\n\r\n.coop-row-top{max-width:1080px;}\r\n.coop-row-mid{max-width:860px;}\r\n.coop-row-bottom{max-width:660px;}\r\n\r\n.coop-logo-item{\r\n flex:0 0 auto;\r\n min-height:62px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:8px 10px;\r\n background:transparent;\r\n}\r\n\r\n.coop-row-top .coop-logo-item{width:130px;}\r\n.coop-row-mid .coop-logo-item{width:138px;}\r\n.coop-row-bottom .coop-logo-item{width:145px;}\r\n\r\n.coop-logo-item img{\r\n max-width:100%;\r\n max-height:34px;\r\n width:auto;\r\n height:auto;\r\n object-fit:contain;\r\n opacity:.95;\r\n transition:all .25s ease;\r\n}\r\n\r\n.coop-logo-item:hover img{\r\n transform:translateY(-1px);\r\n opacity:1;\r\n}\r\n\r\n.coop-row-top .coop-logo-item:nth-child(2),\r\n.coop-row-top .coop-logo-item:nth-child(6),\r\n.coop-row-mid .coop-logo-item:nth-child(1),\r\n.coop-row-mid .coop-logo-item:nth-child(4),\r\n.coop-row-bottom .coop-logo-item:nth-child(2){\r\n transform:translateY(4px);\r\n}\r\n\r\n.coop-row-top .coop-logo-item:nth-child(4),\r\n.coop-row-mid .coop-logo-item:nth-child(3),\r\n.coop-row-bottom .coop-logo-item:nth-child(4){\r\n transform:translateY(-3px);\r\n}\r\n\r\n@media (max-width: 1024px){\r\n .coop-row-top{max-width:920px;}\r\n .coop-row-mid{max-width:760px;}\r\n .coop-row-bottom{max-width:620px;}\r\n\r\n .coop-row{\r\n gap:16px;\r\n }\r\n\r\n .coop-row-top .coop-logo-item,\r\n .coop-row-mid .coop-logo-item,\r\n .coop-row-bottom .coop-logo-item{\r\n width:120px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px){\r\n .coop-case-section{\r\n padding:78px 18px 62px;\r\n }\r\n\r\n .coop-case-title{\r\n font-size:24px;\r\n margin-bottom:18px;\r\n }\r\n\r\n .coop-case-desc{\r\n font-size:11px;\r\n line-height:1.8;\r\n margin:0 auto 34px;\r\n }\r\n\r\n .coop-trapezoid{\r\n gap:14px;\r\n }\r\n\r\n .coop-row{\r\n flex-wrap:wrap;\r\n gap:12px;\r\n max-width:100%;\r\n }\r\n\r\n .coop-row-top,\r\n .coop-row-mid,\r\n .coop-row-bottom{\r\n max-width:100%;\r\n }\r\n\r\n .coop-row-top .coop-logo-item,\r\n .coop-row-mid .coop-logo-item,\r\n .coop-row-bottom .coop-logo-item{\r\n width:29%;\r\n min-height:48px;\r\n padding:6px;\r\n transform:none !important;\r\n }\r\n\r\n .coop-logo-item img{\r\n max-height:28px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"coop-case-section\">\r\n <div class=\"coop-case-inner\">\r\n <h2 class=\"coop-case-title\">COOPERATION CASE<\/h2>\r\n\r\n <div class=\"coop-case-desc\">\r\n SANCO has provided intelligent automation equipment and customized manufacturing solutions to customers\r\n across consumer electronics, automotive electronics, semiconductors, medical devices, communications,\r\n industrial control and other sectors, serving many well-known brands worldwide.\r\n <\/div>\r\n\r\n <div class=\"coop-trapezoid\">\r\n <div class=\"coop-row coop-row-top\">\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-1_\u7ed3\u679c.webp\" alt=\"Customer Logo 1\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-2_\u7ed3\u679c.webp\" alt=\"Customer Logo 2\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-3_\u7ed3\u679c.webp\" alt=\"Customer Logo 3\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-4_\u7ed3\u679c.webp\" alt=\"Customer Logo 4\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-5_\u7ed3\u679c.webp\" alt=\"Customer Logo 5\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-6_\u7ed3\u679c.webp\" alt=\"Customer Logo 6\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-7_\u7ed3\u679c.webp\" alt=\"Customer Logo 7\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"coop-row coop-row-mid\">\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-8_\u7ed3\u679c.webp\" alt=\"Customer Logo 8\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-9_\u7ed3\u679c.webp\" alt=\"Customer Logo 9\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-10_\u7ed3\u679c.webp\" alt=\"Customer Logo 10\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-12_\u7ed3\u679c.webp\" alt=\"Customer Logo 12\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-13_\u7ed3\u679c.webp\" alt=\"Customer Logo 13\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"coop-row coop-row-bottom\">\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-14_\u7ed3\u679c.webp\" alt=\"Customer Logo 14\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-15_\u7ed3\u679c.webp\" alt=\"Customer Logo 15\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-16_\u7ed3\u679c.webp\" alt=\"Customer Logo 16\"><\/div>\r\n <div class=\"coop-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/1-17_\u7ed3\u679c.webp\" alt=\"Customer Logo 17\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2448f85 elementor-widget elementor-widget-html\" data-id=\"2448f85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ========== SANCO Get a Quote - Scoped Styles ========== *\/\r\n .sanco-quote-section * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .sanco-quote-section {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n color: #1a1a2e;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ========== Form Section ========== *\/\r\n .sanco-quote-section .form-section {\r\n padding: 80px 20px;\r\n background: #e4eaf3;\r\n position: relative;\r\n }\r\n\r\n .sanco-quote-section .form-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1.3fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n \/* ========== Left Side - Info ========== *\/\r\n .sanco-quote-section .form-info {\r\n color: #0a1628;\r\n }\r\n\r\n .sanco-quote-section .form-info h2 {\r\n font-size: 48px;\r\n font-weight: 800;\r\n margin-bottom: 24px;\r\n line-height: 1.2;\r\n color: #0a1628;\r\n }\r\n\r\n .sanco-quote-section .form-info > p {\r\n font-size: 18px;\r\n color: #555e6e;\r\n margin-bottom: 48px;\r\n line-height: 1.8;\r\n }\r\n\r\n .sanco-quote-section .info-features {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 28px;\r\n }\r\n\r\n .sanco-quote-section .info-feature {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n }\r\n\r\n .sanco-quote-section .info-feature-icon {\r\n width: 54px;\r\n height: 54px;\r\n background: rgba(8, 77, 164, 0.12);\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanco-quote-section .info-feature-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n color: #084da4;\r\n }\r\n\r\n .sanco-quote-section .info-feature-text h4 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #0a1628;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .sanco-quote-section .info-feature-text p {\r\n font-size: 16px;\r\n color: #6b7280;\r\n }\r\n\r\n \/* ========== Right Side - Form Card ========== *\/\r\n .sanco-quote-section .form-card {\r\n background: #fff;\r\n border-radius: 24px;\r\n padding: 48px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .sanco-quote-section .form-group {\r\n margin-bottom: 22px;\r\n }\r\n\r\n .sanco-quote-section .form-group label {\r\n display: block;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #0a1628;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .sanco-quote-section .form-group label .required {\r\n color: #ef4444;\r\n }\r\n\r\n .sanco-quote-section .form-group input,\r\n .sanco-quote-section .form-group select,\r\n .sanco-quote-section .form-group textarea {\r\n width: 100%;\r\n padding: 16px 18px;\r\n background: #f8fafc;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 12px;\r\n font-size: 16px;\r\n color: #0a1628;\r\n font-family: inherit;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .sanco-quote-section .form-group input::placeholder,\r\n .sanco-quote-section .form-group textarea::placeholder {\r\n color: #9ca3af;\r\n }\r\n\r\n .sanco-quote-section .form-group input:focus,\r\n .sanco-quote-section .form-group select:focus,\r\n .sanco-quote-section .form-group textarea:focus {\r\n outline: none;\r\n border-color: #3b82f6;\r\n background: #fff;\r\n box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\r\n }\r\n\r\n .sanco-quote-section .form-group select {\r\n cursor: pointer;\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 14px center;\r\n background-color: #f8fafc;\r\n }\r\n\r\n .sanco-quote-section .form-group textarea {\r\n resize: vertical;\r\n min-height: 130px;\r\n }\r\n\r\n .sanco-quote-section .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n }\r\n\r\n \/* Honeypot *\/\r\n .sanco-quote-section .hp-field {\r\n position: absolute;\r\n left: -9999px;\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n\r\n \/* ========== Submit Button ========== *\/\r\n .sanco-quote-section .submit-btn {\r\n width: 100%;\r\n padding: 20px 36px;\r\n background: linear-gradient(135deg, #0a1628 0%, #132744 100%);\r\n color: #fff;\r\n border: none;\r\n border-radius: 14px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n margin-top: 12px;\r\n font-family: inherit;\r\n }\r\n\r\n .sanco-quote-section .submit-btn:hover {\r\n background: linear-gradient(135deg, #132744 0%, #1a365d 100%);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(10, 22, 40, 0.4);\r\n }\r\n\r\n .sanco-quote-section .submit-btn:active {\r\n transform: translateY(0);\r\n }\r\n\r\n .sanco-quote-section .submit-btn svg {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .sanco-quote-section .submit-btn.loading {\r\n pointer-events: none;\r\n opacity: 0.7;\r\n }\r\n\r\n \/* ========== Quick Contact Buttons ========== *\/\r\n .sanco-quote-section .quick-buttons {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n margin-top: 16px;\r\n }\r\n\r\n .sanco-quote-section .quick-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 16px 20px;\r\n border-radius: 12px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n font-family: inherit;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: none;\r\n }\r\n\r\n .sanco-quote-section .quick-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanco-quote-section .quick-btn.whatsapp {\r\n background: #25D366;\r\n color: #fff;\r\n }\r\n\r\n .sanco-quote-section .quick-btn.whatsapp:hover {\r\n background: #1ebe5d;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35);\r\n }\r\n\r\n .sanco-quote-section .quick-btn.email-btn {\r\n background: #084da4;\r\n color: #fff;\r\n }\r\n\r\n .sanco-quote-section .quick-btn.email-btn:hover {\r\n background: #0a3d80;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(8, 77, 164, 0.35);\r\n }\r\n\r\n \/* ========== Privacy Notice ========== *\/\r\n .sanco-quote-section .privacy-notice {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-top: 24px;\r\n padding: 16px;\r\n background: #f8fafc;\r\n border-radius: 12px;\r\n }\r\n\r\n .sanco-quote-section .privacy-notice svg {\r\n width: 20px;\r\n height: 20px;\r\n color: #9ca3af;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .sanco-quote-section .privacy-notice p {\r\n font-size: 14px;\r\n color: #6b7280;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ========== Messages ========== *\/\r\n .sanco-quote-section .message {\r\n padding: 16px 20px;\r\n border-radius: 12px;\r\n margin-bottom: 22px;\r\n display: none;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 15px;\r\n }\r\n\r\n .sanco-quote-section .message.error {\r\n background: #fef2f2;\r\n border: 1px solid #fecaca;\r\n color: #dc2626;\r\n }\r\n\r\n .sanco-quote-section .message.success {\r\n background: #f0fdf4;\r\n border: 1px solid #bbf7d0;\r\n color: #16a34a;\r\n }\r\n\r\n .sanco-quote-section .message.show {\r\n display: flex;\r\n }\r\n\r\n \/* ========== Responsive ========== *\/\r\n @media (max-width: 1024px) {\r\n .sanco-quote-section .form-container {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .sanco-quote-section .form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .sanco-quote-section .form-card {\r\n padding: 28px 24px;\r\n }\r\n\r\n .sanco-quote-section .form-info h2 {\r\n font-size: 36px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sanco-quote-section .form-section {\r\n padding: 60px 16px;\r\n }\r\n\r\n .sanco-quote-section .form-info h2 {\r\n font-size: 30px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<div class=\"sanco-quote-section\">\r\n <section class=\"form-section\">\r\n <div class=\"form-container\">\r\n\r\n \r\n <div class=\"form-info\">\r\n <h2>Get a Quote<\/h2>\r\n <p>Fill out the form and our team will get back to you within 24 hours. We're here to help you find the perfect dispensing solution for your production needs.<\/p>\r\n\r\n <div class=\"info-features\">\r\n <div class=\"info-feature\">\r\n <div class=\"info-feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-feature-text\">\r\n <h4>Fast Response<\/h4>\r\n <p>Get a reply within 24 hours<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-feature\">\r\n <div class=\"info-feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-feature-text\">\r\n <h4>Expert Support<\/h4>\r\n <p>Technical guidance included<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-feature\">\r\n <div class=\"info-feature-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-feature-text\">\r\n <h4>Custom Solutions<\/h4>\r\n <p>Tailored to your requirements<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-card\">\r\n \r\n <div id=\"sanco-errorMessage\" class=\"message error\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <span><\/span>\r\n <\/div>\r\n\r\n <div id=\"sanco-successMessage\" class=\"message success\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/>\r\n <\/svg>\r\n <span>Thank you! Your message has been sent successfully. We'll get back to you within 24 hours.<\/span>\r\n <\/div>\r\n\r\n <form id=\"sancoContactForm\" action=\"https:\/\/api.form-data.com\/f\/FnvziDiv8iiDZg\" method=\"post\" target=\"_blank\">\r\n \r\n \r\n <div class=\"hp-field\" aria-hidden=\"true\">\r\n <label for=\"sanco-website\">Website<\/label>\r\n <input type=\"text\" name=\"website\" id=\"sanco-website\" tabindex=\"-1\" autocomplete=\"off\">\r\n <\/div>\r\n\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"sanco-name\">Full Name <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"sanco-name\" name=\"name\" placeholder=\"Your name\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"sanco-company\">Company<\/label>\r\n <input type=\"text\" id=\"sanco-company\" name=\"company\" placeholder=\"Company name\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"sanco-email\">Email Address <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"sanco-email\" name=\"email\" placeholder=\"your@email.com\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"sanco-phone\">Phone Number<\/label>\r\n <input type=\"tel\" id=\"sanco-phone\" name=\"phone\" placeholder=\"+1 234 567 890\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-group\">\r\n <label for=\"sanco-inquiry\">Inquiry Type<\/label>\r\n <select id=\"sanco-inquiry\" name=\"inquiry\">\r\n <option value=\"\">Select an option<\/option>\r\n <option value=\"product\">Product Inquiry<\/option>\r\n <option value=\"quote\">Request a Quote<\/option>\r\n <option value=\"support\">Technical Support<\/option>\r\n <option value=\"partnership\">Partnership<\/option>\r\n <option value=\"other\">Other<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-group\">\r\n <label for=\"sanco-message\">Message <span class=\"required\">*<\/span><\/label>\r\n <textarea id=\"sanco-message\" name=\"message\" placeholder=\"Please let us know the model you're interested in and the estimated quantity.\" required><\/textarea>\r\n <\/div>\r\n\r\n \r\n <button type=\"submit\" class=\"submit-btn\" id=\"sancoSubmitBtn\">\r\n <span>Get a Quote<\/span>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\r\n <\/svg>\r\n <\/button>\r\n\r\n \r\n <div class=\"quick-buttons\">\r\n <a href=\"https:\/\/wa.me\/8613417510586?text=Hello%2C I would like to get a quote for your products.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"quick-btn whatsapp\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n WhatsApp\r\n <\/a>\r\n <a href=\"mailto:info@sancofd.com?subject=Product Inquiry&body=Hello, I would like to inquire about your products.\" class=\"quick-btn email-btn\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/><\/svg>\r\n Email\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"privacy-notice\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\" \/>\r\n <\/svg>\r\n <p>Your information is secure and will never be shared with third parties. We respect your privacy.<\/p>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n \/\/ Scoped form functionality - won't interfere with page\r\n var formLoadTime = Date.now();\r\n\r\n document.getElementById('sancoContactForm').addEventListener('submit', function(e) {\r\n var honeypot = document.getElementById('sanco-website').value;\r\n var errorMessage = document.getElementById('sanco-errorMessage');\r\n var successMessage = document.getElementById('sanco-successMessage');\r\n var submitBtn = document.getElementById('sancoSubmitBtn');\r\n\r\n \/\/ Reset messages\r\n errorMessage.classList.remove('show');\r\n successMessage.classList.remove('show');\r\n\r\n \/\/ 1) Honeypot check\r\n if (honeypot) {\r\n e.preventDefault();\r\n errorMessage.querySelector('span').textContent = 'Bot detected. Please try again.';\r\n errorMessage.classList.add('show');\r\n return false;\r\n }\r\n\r\n \/\/ 2) Timing check\r\n var submitTime = Date.now();\r\n var timeDiff = (submitTime - formLoadTime) \/ 1000;\r\n if (timeDiff < 3) {\r\n e.preventDefault();\r\n errorMessage.querySelector('span').textContent = 'Please take your time to fill out the form.';\r\n errorMessage.classList.add('show');\r\n return false;\r\n }\r\n\r\n \/\/ 3) Email format validation\r\n var email = document.getElementById('sanco-email').value;\r\n var emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!emailRegex.test(email)) {\r\n e.preventDefault();\r\n errorMessage.querySelector('span').textContent = 'Please enter a valid email address.';\r\n errorMessage.classList.add('show');\r\n return false;\r\n }\r\n\r\n \/\/ 4) All checks passed \u2014 show loading state\r\n submitBtn.classList.add('loading');\r\n submitBtn.querySelector('span').textContent = 'Sending...';\r\n });\r\n})();\r\n<\/script>\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>Solu\u00e7\u00f5es de Linha de Revestimento Solu\u00e7\u00f5es Revestimento Conformal Solu\u00e7\u00f5es de Linha Linhas completas de produ\u00e7\u00e3o de revestimento conformal de PCBA, inline e offline, com sistemas integrados de cura, transportador e retorno. Saiba Mais LINE-01 Linha Compacta de Revestimento Dupla Face 01 \/ 05 Company Profile \u2013 SANCO SANCO Technology Company Profile About SANCO Intelligent Automationfor […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2966","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/pages\/2966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/comments?post=2966"}],"version-history":[{"count":155,"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/pages\/2966\/revisions"}],"predecessor-version":[{"id":6592,"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/pages\/2966\/revisions\/6592"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/ar\/wp-json\/wp\/v2\/media?parent=2966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}