{"id":72,"date":"2026-04-15T05:24:49","date_gmt":"2026-04-15T05:24:49","guid":{"rendered":"https:\/\/coolproair.com\/?page_id=72"},"modified":"2026-04-15T06:56:04","modified_gmt":"2026-04-15T06:56:04","slug":"landing","status":"publish","type":"page","link":"https:\/\/coolproair.com\/","title":{"rendered":"Landing"},"content":{"rendered":"\t\t

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n \n \n\n \n \n \n\n \n \n\n

\n body {\n margin: 0;\n font-family: 'IBM Plex Sans Thai', system-ui, -apple-system, sans-serif;\n background: #0b1c2c;\n color: #fff;\n }\n\n .hero {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100vh;\n text-align: center;\n padding: 20px;\n }\n\n .cta {\n background: #00c2ff;\n color: #000;\n padding: 14px 24px;\n border-radius: 30px;\n font-weight: 600;\n text-decoration: none;\n display: inline-block;\n margin-top: 16px;\n }\n <\/style>\n\n \n <link rel=\"preload\" href=\"\/css\/style.min.css\" as=\"style\" onload=\"this.rel='stylesheet'\">\n\n <noscript>\n <link rel=\"stylesheet\" href=\"\/css\/style.min.css\">\n <\/noscript>\n\n <title>\u0e25\u0e49\u0e32\u0e07\u0e41\u0e2d\u0e23\u0e4c\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e25\u0e36\u0e01\u0e16\u0e36\u0e07\u0e02\u0e49\u0e32\u0e07\u0e43\u0e19<\/title>\n<\/head>\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap\">\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESET & VARIABLES\n \u0e41\u0e01\u0e49\u0e2a\u0e35\u0e2b\u0e25\u0e31\u0e01\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48 :root \u0e19\u0e35\u0e49\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n\n:root{\n \/* Colors *\/\n --cyan: #00D4E8;\n --navy: #060F1E;\n --card: #0F1E32;\n --dark2: #0C1D35;\n --white: #FFFFFF;\n --w80: rgba(255,255,255,.80);\n --w50: rgba(255,255,255,.50);\n --w20: rgba(255,255,255,.20);\n --w10: rgba(255,255,255,.10);\n --green: #22D07A;\n --gold: #F5C842;\n --red: #FF5555;\n --line: #06C755;\n\n \/* Sizing *\/\n --r: 14px;\n --rl: 20px;\n --max: 560px;\n}\n\n\/* \u2550\u2550\u2550\u2550 BASE (Mobile-first) \u2550\u2550\u2550\u2550 *\/\nhtml{scroll-behavior:smooth}\nbody{\n font-family:'IBM Plex Sans Thai',sans-serif;\n background:var(--navy);\n color:var(--white);\n font-size:16px;\n line-height:1.65;\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n padding-bottom:72px; \/* space for sticky bar *\/\n}\n\nimg{display:block;max-width:100%;height:auto}\na{text-decoration:none;color:inherit}\nbutton{cursor:pointer;font-family:inherit}\n\n\/* \u2550\u2550\u2550\u2550 SHARED HELPERS \u2550\u2550\u2550\u2550 *\/\n.sec{padding:52px 20px}\n.sec-tag{display:block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);text-align:center;margin-bottom:8px}\n.sec-title{font-size:clamp(22px,5vw,30px);font-weight:700;text-align:center;line-height:1.3;margin-bottom:8px}\n.sec-sub{font-size:14px;color:var(--w80);text-align:center;max-width:var(--max);margin:0 auto 32px}\n.card{background:var(--card);border:1px solid var(--w10);border-radius:var(--r)}\n\n\/* \u2550\u2550\u2550\u2550 BUTTONS \u2550\u2550\u2550\u2550 *\/\n.btn-cyan{\n display:inline-flex;align-items:center;justify-content:center;gap:8px;\n background:var(--cyan);color:var(--navy);\n font-size:16px;font-weight:700;\n padding:15px 28px;border-radius:50px;border:none;\n width:100%;transition:opacity .15s,transform .15s;\n}\n.btn-cyan:active{transform:scale(.98)}\n.btn-ghost{\n display:inline-flex;align-items:center;justify-content:center;gap:8px;\n background:transparent;color:var(--white);\n font-size:15px;font-weight:500;\n padding:14px 28px;border-radius:50px;\n border:1px solid var(--w20);width:100%;\n transition:border-color .15s,background .15s;\n}\n.btn-ghost:active{background:var(--w10)}\n.btn-line{\n display:inline-flex;align-items:center;justify-content:center;gap:6px;\n background:var(--line);color:#fff;\n font-size:14px;font-weight:700;\n padding:12px 20px;border-radius:40px;border:none;\n white-space:nowrap;transition:opacity .15s;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 0 \u2014 TOP BAR (Sticky)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.topbar{\n position:sticky;top:0;z-index:900;\n background:var(--dark2);\n border-bottom:1px solid var(--w10);\n display:flex;align-items:center;justify-content:space-between;\n padding:10px 16px;\n}\n.topbar-logo{font-size:14px;font-weight:700;color:var(--cyan)}\n.topbar-logo span{color:var(--white);font-weight:400}\n.topbar-btns{display:flex;gap:8px}\n.btn-call{\n display:inline-flex;align-items:center;gap:5px;\n background:var(--w10);color:var(--white);\n border:1px solid var(--w20);border-radius:40px;\n font-size:13px;font-weight:600;padding:7px 12px;\n transition:opacity .15s;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 1 \u2014 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero{\n padding:52px 20px 56px;\n text-align:center;\n background:linear-gradient(160deg,#060F1E 0%,#0A1E3A 60%,#072030 100%);\n position:relative;overflow:hidden;\n}\n\/* Glow circle \u2014 CSS only, \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49 JS *\/\n.hero::before{\n content:'';position:absolute;\n top:-120px;left:50%;transform:translateX(-50%);\n width:500px;height:500px;border-radius:50%;\n background:radial-gradient(circle,rgba(0,212,232,.10) 0%,transparent 70%);\n pointer-events:none;\n}\n\n.hero-badge{\n display:inline-flex;align-items:center;gap:7px;\n background:rgba(0,212,232,.10);border:1px solid rgba(0,212,232,.30);\n border-radius:40px;padding:6px 16px;\n font-size:12px;font-weight:600;color:var(--cyan);\n margin-bottom:20px;\n}\n.hero-dot{\n width:6px;height:6px;border-radius:50%;background:var(--cyan);\n animation:blink 1.4s ease-in-out infinite;\n}\n@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}\n\n.hero h1{\n font-size:clamp(28px,7vw,42px);\n font-weight:700;line-height:1.25;\n margin-bottom:14px;\n}\n.hero h1 .accent{color:var(--cyan)}\n.hero-sub{font-size:15px;color:var(--w80);max-width:440px;margin:0 auto 28px}\n\n.hero-btns{display:flex;flex-direction:column;gap:12px;max-width:340px;margin:0 auto}\n\n.hero-trust{\n display:flex;flex-wrap:wrap;justify-content:center;\n gap:14px 20px;margin-top:32px;\n}\n.trust-chip{\n display:flex;align-items:center;gap:6px;\n font-size:12px;color:var(--w80);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 2 \u2014 WHY US (Trust Signals)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.why{background:var(--dark2)}\n\n.why-grid{\n display:grid;grid-template-columns:repeat(3,1fr);\n gap:12px;max-width:var(--max);margin:0 auto;\n}\n.why-card{\n padding:18px 12px;text-align:center;\n background:var(--card);border:1px solid var(--w10);border-radius:var(--r);\n}\n.why-num{display:block;font-size:24px;font-weight:700;color:var(--cyan);margin-bottom:4px}\n.why-label{font-size:11px;color:var(--w80);line-height:1.4}\n\n.guarantee{\n display:flex;align-items:center;gap:16px;\n background:rgba(34,208,122,.07);\n border:1px solid rgba(34,208,122,.28);\n border-radius:var(--r);padding:18px 20px;\n max-width:var(--max);margin:20px auto 0;\n}\n.guarantee-icon{font-size:32px;flex-shrink:0}\n.guarantee-title{font-size:14px;font-weight:700;color:var(--green);margin-bottom:3px}\n.guarantee-desc{font-size:13px;color:var(--w80)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 3 \u2014 GALLERY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gallery{background:var(--navy)}\n\n.gal-filters{\n display:flex;flex-wrap:wrap;gap:8px;\n justify-content:center;margin-bottom:22px;\n}\n.gal-btn{\n font-family:inherit;font-size:13px;font-weight:600;\n padding:7px 16px;border-radius:40px;\n border:1px solid var(--w20);background:transparent;color:var(--w80);\n transition:all .18s;\n}\n.gal-btn.active,.gal-btn:active{\n border-color:var(--cyan);\n background:rgba(0,212,232,.12);color:var(--cyan);\n}\n\n.gal-grid{\n display:grid;grid-template-columns:1fr 1fr;\n gap:10px;max-width:var(--max);margin:0 auto;\n}\n.gal-wide{grid-column:1\/-1}\n.gal-wide figure{aspect-ratio:16\/7}\n\n.gal-item{border-radius:var(--r);overflow:hidden;border:1px solid var(--w10)}\n.gal-item figure{position:relative;margin:0;aspect-ratio:4\/3;overflow:hidden}\n.gal-item figure img{width:100%;height:100%;object-fit:cover;transition:transform .35s}\n.gal-item:hover figure img{transform:scale(1.05)}\n\n.gal-item figcaption{\n position:absolute;inset:auto 0 0;\n padding:28px 12px 10px;\n background:linear-gradient(to top,rgba(6,15,30,.90),transparent);\n opacity:0;transform:translateY(4px);\n transition:opacity .22s,transform .22s;\n}\n.gal-item:hover figcaption,\n.gal-item:focus-within figcaption{opacity:1;transform:translateY(0)}\n\n\/* Always show caption on touch devices *\/\n@media(hover:none){.gal-item figcaption{opacity:1;transform:translateY(0)}}\n\n.gal-tag{\n display:inline-block;\n background:rgba(0,212,232,.15);border:1px solid rgba(0,212,232,.30);\n border-radius:20px;padding:2px 9px;\n font-size:10px;font-weight:700;color:var(--cyan);margin-bottom:4px;\n}\n.gal-cap{font-size:12px;font-weight:600;color:var(--white)}\n\n\/* hide filtered items *\/\n.gal-item[hidden]{display:none}\n\n.gal-note{text-align:center;font-size:12px;color:var(--w50);margin-top:14px}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 4 \u2014 SERVICE HIGHLIGHTS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.highlights{background:var(--card)}\n\n.hl-list{display:flex;flex-direction:column;gap:14px;max-width:var(--max);margin:0 auto}\n.hl-card{\n display:flex;gap:16px;align-items:flex-start;\n padding:20px 18px;\n background:var(--navy);border:1px solid var(--w10);border-radius:var(--rl);\n}\n.hl-icon{\n width:48px;height:48px;border-radius:12px;flex-shrink:0;\n background:rgba(0,212,232,.10);border:1px solid rgba(0,212,232,.22);\n display:flex;align-items:center;justify-content:center;font-size:22px;\n}\n.hl-title{font-size:15px;font-weight:700;margin-bottom:5px}\n.hl-desc{font-size:13px;color:var(--w80);line-height:1.65}\n.hl-pill{\n display:inline-block;margin-top:9px;\n background:rgba(34,208,122,.10);border:1px solid rgba(34,208,122,.25);\n border-radius:20px;padding:2px 10px;\n font-size:11px;font-weight:700;color:var(--green);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 5 \u2014 PRICING\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.pricing{background:var(--dark2)}\n\n.price-grid{display:flex;flex-direction:column;gap:12px;max-width:var(--max);margin:0 auto}\n.price-card{\n padding:22px 18px;position:relative;overflow:hidden;\n background:var(--card);border:1px solid var(--w10);border-radius:var(--rl);\n}\n.price-card.featured{\n border-color:rgba(0,212,232,.50);\n background:linear-gradient(145deg,#0B2538,#0D2030);\n}\n.price-card.featured::before{\n content:'';position:absolute;top:0;left:0;right:0;height:3px;\n background:linear-gradient(90deg,var(--cyan),rgba(0,212,232,.15));\n}\n.price-badge{\n position:absolute;top:14px;right:14px;\n background:var(--cyan);color:var(--navy);\n font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;\n}\n.price-name{font-size:15px;font-weight:700;margin-bottom:3px}\n.price-desc{font-size:13px;color:var(--w80);margin-bottom:14px}\n.price-amount{font-size:34px;font-weight:700;color:var(--cyan);margin-bottom:14px}\n.price-amount span{font-size:15px;font-weight:400;color:var(--w80)}\n.price-hr{height:1px;background:var(--w10);margin:14px 0}\n.price-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}\n.price-features li{font-size:13px;color:var(--w80);display:flex;align-items:flex-start;gap:8px}\n.price-features li::before{content:'\u2713';color:var(--green);font-weight:700;flex-shrink:0;margin-top:1px}\n.price-btn{\n display:block;width:100%;padding:13px;border-radius:50px;\n font-family:inherit;font-size:15px;font-weight:700;text-align:center;\n border:1px solid rgba(0,212,232,.40);background:transparent;color:var(--cyan);\n transition:background .18s,color .18s;\n}\n.price-card.featured .price-btn,.price-btn:active{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}\n\n.price-note{text-align:center;font-size:13px;color:var(--w80);margin-top:18px}\n.price-note b{color:var(--green)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 6 \u2014 STEPPER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.how{background:var(--navy)}\n\n.steps{\n position:relative;max-width:var(--max);margin:0 auto;\n display:flex;flex-direction:column;\n}\n\/* vertical line *\/\n.steps::before{\n content:'';position:absolute;left:24px;top:28px;bottom:28px;\n width:2px;\n background:linear-gradient(to bottom,rgba(0,212,232,.7),rgba(0,212,232,.10));\n}\n\n.step{\n display:flex;gap:18px;align-items:flex-start;\n padding-bottom:24px;position:relative;\n opacity:0;transform:translateX(-12px);\n transition:opacity .45s,transform .45s;\n}\n.step:last-child{padding-bottom:0}\n.step.visible{opacity:1;transform:translateX(0)}\n.step:nth-child(2){transition-delay:.1s}\n.step:nth-child(3){transition-delay:.2s}\n.step:nth-child(4){transition-delay:.3s}\n\n.step-num{\n width:48px;height:48px;border-radius:50%;flex-shrink:0;\n background:var(--navy);border:2px solid rgba(0,212,232,.40);\n display:flex;align-items:center;justify-content:center;\n font-size:16px;font-weight:700;color:var(--cyan);\n position:relative;z-index:1;\n transition:background .3s,border-color .3s;\n}\n.step.visible .step-num{background:rgba(0,212,232,.12);border-color:var(--cyan)}\n\n.step-body{\n flex:1;background:var(--card);border:1px solid var(--w10);\n border-radius:var(--r);padding:16px 18px;\n transition:border-color .3s;\n}\n.step.visible .step-body{border-color:rgba(0,212,232,.18)}\n\n.step-icon{font-size:18px;margin-bottom:7px;display:block}\n.step-title{font-size:15px;font-weight:700;margin-bottom:4px}\n.step-desc{font-size:13px;color:var(--w80);line-height:1.6}\n.step-tag{\n display:inline-flex;align-items:center;gap:5px;\n margin-top:9px;background:rgba(0,212,232,.08);\n border:1px solid rgba(0,212,232,.18);border-radius:20px;\n padding:3px 11px;font-size:11px;font-weight:600;color:var(--cyan);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 7 \u2014 REVIEWS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.reviews{background:var(--dark2)}\n\n.rating-bar{\n display:flex;gap:18px;align-items:center;\n padding:20px;border-radius:var(--rl);\n background:var(--card);border:1px solid var(--w10);\n max-width:var(--max);margin:0 auto 24px;\n}\n.rating-big-num{font-size:42px;font-weight:700;color:var(--gold);display:block;line-height:1}\n.stars-row{display:flex;gap:2px;margin-top:4px}\n.stars-row span{color:var(--gold);font-size:13px}\n.rating-cnt{font-size:11px;color:var(--w50);margin-top:3px}\n.rating-bars{flex:1;display:flex;flex-direction:column;gap:5px}\n.bar-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--w80)}\n.bar-track{flex:1;height:5px;background:var(--w10);border-radius:3px;overflow:hidden}\n.bar-fill{height:100%;background:var(--gold);border-radius:3px}\n.bar-pct{min-width:28px;text-align:right;font-size:11px;color:var(--w50)}\n\n\/* Carousel *\/\n.rev-outer{position:relative;max-width:var(--max);margin:0 auto;overflow:hidden;border-radius:var(--rl)}\n.rev-track{display:flex;transition:transform .42s cubic-bezier(.4,0,.2,1);will-change:transform}\n.rev-slide{min-width:100%;padding:2px}\n\n.rev-card{padding:22px 20px;background:var(--card);border:1px solid var(--w10);border-radius:var(--rl)}\n.rev-quote{font-size:48px;line-height:.8;color:rgba(0,212,232,.15);font-family:Georgia,serif;display:block;margin-bottom:10px}\n.rev-stars{display:flex;gap:3px;margin-bottom:12px}\n.rev-stars span{color:var(--gold);font-size:16px}\n.rev-text{font-size:14px;color:var(--w80);line-height:1.70;margin-bottom:16px}\n.rev-text em{color:var(--cyan);font-style:normal;font-weight:600}\n.rev-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}\n.rev-person{display:flex;align-items:center;gap:10px}\n.rev-avatar{\n width:40px;height:40px;border-radius:50%;flex-shrink:0;\n background:rgba(0,212,232,.12);border:1px solid rgba(0,212,232,.25);\n display:flex;align-items:center;justify-content:center;\n font-size:13px;font-weight:700;color:var(--cyan);\n}\n.rev-name{font-size:14px;font-weight:700}\n.rev-date{font-size:12px;color:var(--w50);margin-top:1px}\n.rev-verified{\n display:inline-flex;align-items:center;gap:4px;\n background:rgba(34,208,122,.10);border:1px solid rgba(34,208,122,.22);\n border-radius:20px;padding:3px 10px;\n font-size:11px;font-weight:700;color:var(--green);white-space:nowrap;flex-shrink:0;\n}\n\n\/* Progress + Controls *\/\n.rev-progress{height:2px;background:var(--w10);border-radius:2px;margin-top:12px;overflow:hidden}\n.rev-prog-fill{height:100%;background:var(--cyan);border-radius:2px;width:0;transition:width .1s linear}\n.rev-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}\n.rev-arrow{\n width:36px;height:36px;border-radius:50%;\n background:var(--card);border:1px solid var(--w20);color:var(--white);\n font-size:18px;display:flex;align-items:center;justify-content:center;\n transition:border-color .18s,color .18s;\n}\n.rev-arrow:active{border-color:var(--cyan);color:var(--cyan)}\n.rev-dots{display:flex;gap:7px;align-items:center}\n.rev-dot{\n width:8px;height:8px;border-radius:50%;\n background:var(--w20);border:none;padding:0;\n transition:background .2s,width .2s,border-radius .2s;\n}\n.rev-dot.active{background:var(--cyan);width:22px;border-radius:4px}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 8 \u2014 FORM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.form-sec{background:linear-gradient(160deg,#061427,#091E38);border-top:1px solid var(--w10)}\n\n.form-box{\n padding:28px 20px 24px;\n background:var(--card);border:1px solid var(--w10);border-radius:var(--rl);\n max-width:480px;margin:0 auto;position:relative;overflow:hidden;\n}\n.form-box::before{\n content:'';position:absolute;top:0;left:0;right:0;height:3px;\n background:linear-gradient(90deg,var(--cyan),rgba(0,212,232,.15));\n}\n\n.form-badge{\n display:inline-flex;align-items:center;gap:7px;\n background:rgba(0,212,232,.10);border:1px solid rgba(0,212,232,.25);\n border-radius:40px;padding:5px 14px;\n font-size:12px;font-weight:600;color:var(--cyan);margin-bottom:12px;\n}\n.form-title{font-size:20px;font-weight:700;margin-bottom:5px}\n.form-sub{font-size:13px;color:var(--w80);margin-bottom:14px}\n.form-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}\n.form-chip{\n font-size:12px;color:var(--w80);\n background:var(--w10);border-radius:20px;padding:4px 11px;\n}\n.form-hr{height:1px;background:var(--w10);margin:18px 0}\n\n\/* Fields *\/\n.form-group{margin-bottom:13px}\n.form-group label{display:block;font-size:13px;font-weight:600;color:var(--w80);margin-bottom:6px}\n.form-group label .req{color:var(--cyan);margin-left:2px}\n\n.f-input{\n width:100%;padding:13px 15px;\n background:rgba(255,255,255,.06);\n border:1px solid var(--w20);border-radius:11px;\n color:var(--white);font-family:inherit;font-size:15px;\n outline:none;transition:border-color .2s,-webkit-appearance 0s;\n -webkit-appearance:none;\n}\n.f-input::placeholder{color:var(--w50)}\n.f-input:focus{border-color:var(--cyan);background:rgba(0,212,232,.04)}\n.f-input.err{border-color:var(--red)}\n.f-input option{background:#0C1D35}\n\n\/* Field error text *\/\n.f-err{font-size:12px;color:var(--red);display:none;margin-top:4px}\n.form-group.has-err .f-err{display:block}\n\n\/* Qty buttons *\/\n.qty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}\n.qty-btn{\n padding:10px 6px;border-radius:10px;\n border:1px solid var(--w20);background:rgba(255,255,255,.06);\n color:var(--w80);font-family:inherit;font-size:13px;font-weight:600;\n text-align:center;transition:all .18s;\n}\n.qty-btn.active,.qty-btn:active{border-color:var(--cyan);background:rgba(0,212,232,.12);color:var(--cyan)}\n\n\/* Submit button *\/\n.form-submit{\n width:100%;padding:16px;\n background:var(--cyan);color:var(--navy);border:none;border-radius:50px;\n font-family:inherit;font-size:17px;font-weight:700;\n box-shadow:0 0 28px rgba(0,212,232,.25);\n transition:opacity .2s,transform .15s;\n margin-top:4px;position:relative;\n}\n.form-submit:hover{opacity:.92}\n.form-submit:active{transform:scale(.98)}\n.form-submit:disabled{opacity:.55}\n\n\/* Loader inside button *\/\n.form-loader{\n display:none;width:20px;height:20px;\n border:2px solid rgba(6,15,30,.25);border-top-color:var(--navy);\n border-radius:50%;animation:spin .65s linear infinite;margin:0 auto;\n}\n@keyframes spin{to{transform:rotate(360deg)}}\n\n\/* LINE alt *\/\n.form-line-row{\n display:flex;align-items:center;justify-content:center;gap:10px;\n margin-top:16px;padding-top:16px;border-top:1px solid var(--w10);\n}\n.form-line-row span{font-size:13px;color:var(--w80)}\n.form-privacy{text-align:center;font-size:12px;color:var(--w50);margin-top:11px}\n\n\/* \u2550\u2550\u2550\u2550 THANK YOU PAGE \u2550\u2550\u2550\u2550 *\/\n#cp-thankyou{\n display:none;\n min-height:100vh;\n background:var(--navy);\n padding:60px 20px;\n text-align:center;\n align-items:center;justify-content:center;flex-direction:column;\n}\n.ty-icon{font-size:64px;margin-bottom:20px;animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}\n@keyframes popIn{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}\n.ty-title{font-size:clamp(24px,6vw,32px);font-weight:700;color:var(--green);margin-bottom:10px}\n.ty-desc{font-size:15px;color:var(--w80);line-height:1.75;max-width:380px;margin:0 auto 24px}\n.ty-eta{\n display:inline-flex;align-items:center;gap:8px;\n background:rgba(34,208,122,.10);border:1px solid rgba(34,208,122,.25);\n border-radius:20px;padding:8px 18px;\n font-size:13px;font-weight:700;color:var(--green);margin-bottom:28px;\n}\n.ty-info{\n background:var(--card);border:1px solid var(--w10);border-radius:var(--rl);\n padding:20px;max-width:340px;margin:0 auto 28px;text-align:left;\n}\n.ty-info-row{\n display:flex;justify-content:space-between;align-items:center;\n font-size:14px;padding:6px 0;border-bottom:1px solid var(--w10);\n}\n.ty-info-row:last-child{border-bottom:none}\n.ty-info-label{color:var(--w80)}\n.ty-info-val{font-weight:600;color:var(--white)}\n.ty-actions{display:flex;flex-direction:column;gap:12px;max-width:300px;margin:0 auto}\n\n\/* \u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550 *\/\nfooter{\n background:var(--dark2);border-top:1px solid var(--w10);\n padding:24px 20px;text-align:center;\n font-size:13px;color:var(--w50);\n}\nfooter strong{color:var(--w80)}\n\n\/* \u2550\u2550\u2550\u2550 STICKY BOTTOM BAR (Mobile) \u2550\u2550\u2550\u2550 *\/\n.sticky-cta{\n position:fixed;bottom:0;left:0;right:0;z-index:800;\n background:var(--dark2);border-top:1px solid var(--w10);\n padding:10px 16px;display:flex;gap:10px;\n box-shadow:0 -6px 24px rgba(0,0,0,.40);\n}\n.sticky-cta .btn-cyan{flex:1;font-size:15px;padding:13px 16px}\n.sticky-cta .btn-line{padding:12px 16px;flex-shrink:0}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE \u2014 Tablet 600px+\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(min-width:600px){\n .hero-btns{flex-direction:row;justify-content:center;max-width:none}\n .btn-cyan,.btn-ghost{width:auto;max-width:none}\n .qty-grid{grid-template-columns:repeat(4,1fr)}\n .why-card{padding:22px 16px}\n .rev-footer{flex-wrap:nowrap}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE \u2014 Desktop 860px+\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(min-width:860px){\n .hl-list{gap:16px}\n .price-grid{flex-direction:row;align-items:stretch}\n .price-card{flex:1}\n .sec{padding:64px 32px}\n}\n\n\/* Respect reduced motion *\/\n@media(prefers-reduced-motion:reduce){\n *,.step,.gal-item figure img{animation:none!important;transition:none!important}\n}\n<\/style>\n<\/head>\n<body>\n\n\n\n\n<header class=\"topbar\" id=\"topbar\">\n \n <div class=\"topbar-logo\">\u2744 CoolPro<span> \u0e41\u0e2d\u0e23\u0e4c\u0e2a\u0e30\u0e2d\u0e32\u0e14<\/span><\/div>\n <div class=\"topbar-btns\">\n \n <a href=\"tel:0812345678\" class=\"btn-call\" onclick=\"cpTrack('click_call_topbar')\">\n \ud83d\udcde \u0e42\u0e17\u0e23\u0e40\u0e25\u0e22\n <\/a>\n \n <a href=\"https:\/\/line.me\/ti\/p\/~@yourlineoa\" class=\"btn-line\" target=\"_blank\" rel=\"noopener\" onclick=\"cpTrack('click_line_topbar')\">\n \ud83d\udcac LINE\n <\/a>\n <\/div>\n<\/header>\n\n\n\n<section class=\"hero\" id=\"hero\">\n\n <div class=\"hero-badge\">\n <span class=\"hero-dot\"><\/span>\n \u0e23\u0e31\u0e1a\u0e08\u0e2d\u0e07\u0e04\u0e34\u0e27\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e15\u0e25\u0e2d\u0e14 24 \u0e0a\u0e21.\n <\/div>\n\n <h1>\n \u0e25\u0e49\u0e32\u0e07\u0e41\u0e2d\u0e23\u0e4c\u0e2a\u0e30\u0e2d\u0e32\u0e14<br>\n <span class=\"accent\">\u0e25\u0e36\u0e01\u0e16\u0e36\u0e07\u0e02\u0e49\u0e32\u0e07\u0e43\u0e19<\/span><br>\n \u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e01\u0e31\u0e1a\u0e0a\u0e48\u0e32\u0e07\u0e21\u0e37\u0e2d\u0e42\u0e1b\u0e23\n <\/h1>\n\n <p class=\"hero-sub\">\n \u0e19\u0e49\u0e33\u0e22\u0e32\u0e06\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e49\u0e2d Medical Grade \u00b7 \u0e0a\u0e48\u0e32\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e15\u0e23\u0e27\u0e08\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34 \u00b7 <strong>\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 30 \u0e27\u0e31\u0e19<\/strong>\n <\/p>\n\n <div class=\"hero-btns\">\n <a href=\"#form\" class=\"btn-cyan\" onclick=\"cpTrack('click_cta_hero')\">\n \ud83d\udcc5 \u0e08\u0e2d\u0e07\u0e04\u0e34\u0e27\u0e25\u0e49\u0e32\u0e07\u0e41\u0e2d\u0e23\u0e4c\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49\n <\/a>\n <a href=\"https:\/\/line.me\/ti\/p\/~@yourlineoa\" class=\"btn-ghost\" target=\"_blank\" rel=\"noopener\" onclick=\"cpTrack('click_line_hero')\">\n \ud83d\udcac \u0e40\u0e0a\u0e47\u0e04\u0e23\u0e32\u0e04\u0e32\u0e42\u0e1b\u0e23 \u0e1f\u0e23\u0e35!\n <\/a>\n <\/div>\n\n <div class=\"hero-trust\">\n <div class=\"trust-chip\">\u2b50 4.9 \/ 5 \u00b7 850+ \u0e23\u0e35\u0e27\u0e34\u0e27<\/div>\n <div class=\"trust-chip\">\ud83d\udee1\ufe0f \u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 30 \u0e27\u0e31\u0e19<\/div>\n <div class=\"trust-chip\">\u26a1 \u0e15\u0e23\u0e07\u0e40\u0e27\u0e25\u0e32 100%<\/div>\n <\/div>\n\n<\/section>\n\n\n\n<section class=\"sec why\" id=\"why\">\n\n <span class=\"sec-tag\">\u0e17\u0e33\u0e44\u0e21\u0e16\u0e36\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e23\u0e32<\/span>\n <h2 class=\"sec-title\">\u0e44\u0e27\u0e49\u0e43\u0e08\u0e44\u0e14\u0e49 \u0e44\u0e21\u0e48\u0e17\u0e34\u0e49\u0e07\u0e07\u0e32\u0e19<\/h2>\n <p class=\"sec-sub\">\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e08\u0e23\u0e34\u0e07\u0e08\u0e32\u0e01\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e44\u0e27\u0e49\u0e27\u0e32\u0e07\u0e43\u0e08\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 3 \u0e1b\u0e35<\/p>\n\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <span class=\"why-num\">850+<\/span>\n <span class=\"why-label\">\u0e23\u0e35\u0e27\u0e34\u0e27 5 \u0e14\u0e32\u0e27<\/span>\n <\/div>\n <div class=\"why-card\">\n <span class=\"why-num\">4.9<\/span>\n <span class=\"why-label\">\u0e04\u0e30\u0e41\u0e19\u0e19\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22<\/span>\n <\/div>\n <div class=\"why-card\">\n <span class=\"why-num\">30 \u0e27\u0e31\u0e19<\/span>\n <span class=\"why-label\">\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e07\u0e32\u0e19<\/span>\n <\/div>\n <\/div>\n\n <div class=\"guarantee\">\n <div class=\"guarantee-icon\">\ud83d\udee1\ufe0f<\/div>\n <div>\n <div class=\"guarantee-title\">\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e07\u0e32\u0e19 30 \u0e27\u0e31\u0e19\u0e40\u0e15\u0e47\u0e21<\/div>\n <div class=\"guarantee-desc\">\u0e16\u0e49\u0e32\u0e41\u0e2d\u0e23\u0e4c\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e20\u0e32\u0e22\u0e43\u0e19 30 \u0e27\u0e31\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e25\u0e49\u0e32\u0e07 \u0e40\u0e23\u0e32\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\u0e41\u0e01\u0e49\u0e43\u0e2b\u0e49\u0e1f\u0e23\u0e35\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02<\/div>\n <\/div>\n <\/div>\n\n<\/section>\n\n\n\n<section class=\"sec gallery\" id=\"gallery\">\n\n <span class=\"sec-tag\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07<\/span>\n <h2 class=\"sec-title\">\u0e01\u0e48\u0e2d\u0e19 & \u0e2b\u0e25\u0e31\u0e07 \u2014 \u0e40\u0e2b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e08\u0e23\u0e34\u0e07<\/h2>\n <p class=\"sec-sub\">\u0e17\u0e38\u0e01\u0e20\u0e32\u0e1e\u0e08\u0e32\u0e01\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07<\/p>\n\n <div class=\"gal-filters\" role=\"group\">\n <button class=\"gal-btn active\" onclick=\"galFilter(this,'all')\">\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/button>\n <button class=\"gal-btn\" onclick=\"galFilter(this,'work')\">\u0e0a\u0e48\u0e32\u0e07\u0e17\u0e33\u0e07\u0e32\u0e19<\/button>\n <button class=\"gal-btn\" onclick=\"galFilter(this,'ba')\">\u0e01\u0e48\u0e2d\u0e19-\u0e2b\u0e25\u0e31\u0e07<\/button>\n <button class=\"gal-btn\" onclick=\"galFilter(this,'tool')\">\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c<\/button>\n <\/div>\n\n <div class=\"gal-grid\" id=\"galGrid\">\n\n \n <div class=\"gal-item gal-wide\" data-cat=\"work\">\n <figure>\n <img fetchpriority=\"high\" decoding=\"async\"\n src=\"https:\/\/images.unsplash.com\/photo-1581578731548-c64695cc6952?w=900&h=395&fit=crop&q=80\"\n alt=\"\u0e0a\u0e48\u0e32\u0e07 CoolPro \u0e25\u0e49\u0e32\u0e07\u0e04\u0e2d\u0e22\u0e25\u0e4c\u0e40\u0e22\u0e47\u0e19\"\n width=\"900\" height=\"395\"\n loading=\"eager\"\n fetchpriority=\"high\"\n >\n <figcaption>\n <span class=\"gal-tag\">\u0e0a\u0e48\u0e32\u0e07\u0e17\u0e33\u0e07\u0e32\u0e19<\/span>\n <div class=\"gal-cap\">\u0e25\u0e49\u0e32\u0e07\u0e25\u0e36\u0e01\u0e16\u0e36\u0e07\u0e04\u0e2d\u0e22\u0e25\u0e4c\u0e40\u0e22\u0e47\u0e19 \u0e14\u0e49\u0e27\u0e22\u0e19\u0e49\u0e33\u0e22\u0e32 Medical Grade<\/div>\n <\/figcaption>\n <\/figure>\n <\/div>\n\n <div class=\"gal-item\" data-cat=\"ba\">\n <figure>\n <img loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1600494603989-9650cf6ddd3d?w=480&h=360&fit=crop&q=80\"\n alt=\"\u0e01\u0e48\u0e2d\u0e19\u0e25\u0e49\u0e32\u0e07\u0e41\u0e2d\u0e23\u0e4c \u0e1d\u0e38\u0e48\u0e19\u0e2d\u0e38\u0e14\u0e15\u0e31\u0e19\" width=\"480\" height=\"360\" loading=\"lazy\" decoding=\"async\">\n <figcaption><span class=\"gal-tag\">\u0e01\u0e48\u0e2d\u0e19<\/span><div class=\"gal-cap\">\u0e01\u0e48\u0e2d\u0e19\u0e25\u0e49\u0e32\u0e07 \u2014 \u0e1d\u0e38\u0e48\u0e19\u0e41\u0e25\u0e30\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e2d\u0e38\u0e14\u0e15\u0e31\u0e19<\/div><\/figcaption>\n <\/figure>\n <\/div>\n\n <div class=\"gal-item\" data-cat=\"ba\">\n <figure>\n <img loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?w=480&h=360&fit=crop&q=80\"\n alt=\"\u0e2b\u0e25\u0e31\u0e07\u0e25\u0e49\u0e32\u0e07\u0e41\u0e2d\u0e23\u0e4c \u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e2b\u0e21\u0e14\u0e08\u0e14\" width=\"480\" height=\"360\" loading=\"lazy\" decoding=\"async\">\n <figcaption><span class=\"gal-tag\">\u0e2b\u0e25\u0e31\u0e07<\/span><div class=\"gal-cap\">\u0e2b\u0e25\u0e31\u0e07\u0e25\u0e49\u0e32\u0e07 \u2014 \u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e0a\u0e49<\/div><\/figcaption>\n <\/figure>\n <\/div>\n\n <div class=\"gal-item\" data-cat=\"tool\">\n <figure>\n <img loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1621905251189-08b45d6a269e?w=480&h=360&fit=crop&q=80\"\n alt=\"\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e25\u0e49\u0e32\u0e07\u0e41\u0e2d\u0e23\u0e4c\" width=\"480\" height=\"360\" loading=\"lazy\" decoding=\"async\">\n <figcaption><span class=\"gal-tag\">\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c<\/span><div class=\"gal-cap\">\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 Grade A<\/div><\/figcaption>\n <\/figure>\n <\/div>\n\n <div class=\"gal-item\" data-cat=\"work\">\n <figure>\n <img loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1504148455328-c376907d081c?w=480&h=360&fit=crop&q=80\"\n alt=\"\u0e0a\u0e48\u0e32\u0e07\u0e2a\u0e27\u0e21\u0e0a\u0e38\u0e14 PPE\" width=\"480\" height=\"360\" loading=\"lazy\" decoding=\"async\">\n <figcaption><span class=\"gal-tag\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19<\/span><div class=\"gal-cap\">\u0e0a\u0e48\u0e32\u0e07\u0e2a\u0e27\u0e21\u0e0a\u0e38\u0e14 PPE \u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/div><\/figcaption>\n <\/figure>\n <\/div>\n\n <div class=\"gal-item\" data-cat=\"work\">\n <figure>\n <img loading=\"lazy\" src=\"https:\/\/images.unsplash.com\/photo-1527689368864-3a821dbccc34?w=480&h=360&fit=crop&q=80\"\n alt=\"\u0e0a\u0e48\u0e32\u0e07\u0e15\u0e23\u0e27\u0e08\u0e40\u0e0a\u0e47\u0e04\u0e23\u0e30\u0e1a\u0e1a\" width=\"480\" height=\"360\" loading=\"lazy\" decoding=\"async\">\n <figcaption><span class=\"gal-tag\">\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a<\/span><div class=\"gal-cap\">\u0e40\u0e0a\u0e47\u0e04\u0e41\u0e23\u0e07\u0e14\u0e31\u0e19\u0e01\u0e48\u0e2d\u0e19\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a<\/div><\/figcaption>\n <\/figure>\n <\/div>\n\n <\/div>\n\n <p class=\"gal-note\">\ud83d\udcf8 \u0e41\u0e17\u0e19\u0e17\u0e35\u0e48\u0e14\u0e49\u0e27\u0e22\u0e23\u0e39\u0e1b\u0e08\u0e23\u0e34\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e01\u0e48\u0e2d\u0e19 Go Live<\/p>\n\n<\/section>\n\n\n\n<section class=\"sec highlights\" id=\"service\">\n\n <span class=\"sec-tag\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 Premium<\/span>\n <h2 class=\"sec-title\">\u0e25\u0e49\u0e32\u0e07\u0e41\u0e2d\u0e23\u0e4c\u0e2d\u0e35\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a<br>\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e40\u0e04\u0e22\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a<\/h2>\n <p class=\"sec-sub\">\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e38\u0e13\u0e41\u0e25\u0e30\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27<\/p>\n\n <div class=\"hl-list\">\n\n <div class=\"hl-card\">\n <div class=\"hl-icon\">\ud83e\uddea<\/div>\n <div>\n <div class=\"hl-title\">\u0e19\u0e49\u0e33\u0e22\u0e32\u0e06\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25<\/div>\n <div class=\"hl-desc\">Disinfectant \u0e23\u0e30\u0e14\u0e31\u0e1a Medical Grade \u0e25\u0e49\u0e32\u0e07\u0e25\u0e36\u0e01\u0e16\u0e36\u0e07\u0e04\u0e2d\u0e22\u0e25\u0e4c\u0e40\u0e22\u0e47\u0e19\u0e41\u0e25\u0e30\u0e16\u0e32\u0e14\u0e19\u0e49\u0e33\u0e17\u0e34\u0e49\u0e07 \u0e01\u0e33\u0e08\u0e31\u0e14\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e04\u0e17\u0e35\u0e40\u0e23\u0e35\u0e22\u0e44\u0e14\u0e49 99.9%<\/div>\n <span class=\"hl-pill\">\u2713 \u0e01\u0e33\u0e08\u0e31\u0e14\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32 99.9%<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hl-card\">\n <div class=\"hl-icon\">\ud83e\udeaa<\/div>\n <div>\n <div class=\"hl-title\">\u0e0a\u0e48\u0e32\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e2d\u0e32\u0e0a\u0e0d\u0e32\u0e01\u0e23\u0e23\u0e21<\/div>\n <div class=\"hl-desc\">\u0e17\u0e38\u0e01\u0e04\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e41\u0e25\u0e30\u0e2d\u0e1a\u0e23\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 \u0e41\u0e15\u0e48\u0e07\u0e01\u0e32\u0e22\u0e2a\u0e38\u0e20\u0e32\u0e1e \u0e2a\u0e27\u0e21\u0e0a\u0e38\u0e14 PPE \u0e40\u0e02\u0e49\u0e32\u0e1a\u0e49\u0e32\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e2d\u0e2d\u0e01\u0e1a\u0e49\u0e32\u0e19\u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e48\u0e2d\u0e07\u0e23\u0e2d\u0e22<\/div>\n <span class=\"hl-pill\">\u2713 \u0e15\u0e23\u0e27\u0e08\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e17\u0e38\u0e01\u0e04\u0e19<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hl-card\">\n <div class=\"hl-icon\">\u23f0<\/div>\n <div>\n <div class=\"hl-title\">\u0e15\u0e23\u0e07\u0e40\u0e27\u0e25\u0e32 \u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e01\u0e48\u0e2d\u0e19\u0e16\u0e36\u0e07 30 \u0e19\u0e32\u0e17\u0e35<\/div>\n <div class=\"hl-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e1c\u0e48\u0e32\u0e19 LINE \u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e16\u0e49\u0e32\u0e0a\u0e48\u0e32\u0e07\u0e2a\u0e32\u0e22\u0e40\u0e01\u0e34\u0e19 15 \u0e19\u0e32\u0e17\u0e35\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e41\u0e08\u0e49\u0e07 \u0e25\u0e14 100 \u0e1a\u0e32\u0e17\u0e43\u0e2b\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35<\/div>\n <span class=\"hl-pill\">\u2713 \u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19 Real-time<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n<\/section>\n\n\n\n<section class=\"sec pricing\" id=\"pricing\">\n\n <span class=\"sec-tag\">\u0e23\u0e32\u0e04\u0e32<\/span>\n <h2 class=\"sec-title\">\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e41\u0e1d\u0e07<\/h2>\n <p class=\"sec-sub\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e14\u0e35\u0e22\u0e27\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e38\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e40\u0e1e\u0e34\u0e48\u0e21<\/p>\n\n <div class=\"price-grid\">\n\n <div class=\"price-card\">\n <div class=\"price-name\">\u0e41\u0e2d\u0e23\u0e4c\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01<\/div>\n <div class=\"price-desc\">\u2264 18,000 BTU \u00b7 \u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e2d\u0e19\/\u0e17\u0e33\u0e07\u0e32\u0e19<\/div>\n <div class=\"price-amount\">\u0e3f599 <span>\/ \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07<\/span><\/div>\n <div class=\"price-hr\"><\/div>\n <ul class=\"price-features\">\n <li>\u0e25\u0e49\u0e32\u0e07\u0e04\u0e2d\u0e22\u0e25\u0e4c\u0e40\u0e22\u0e47\u0e19 + \u0e04\u0e2d\u0e22\u0e25\u0e4c\u0e23\u0e49\u0e2d\u0e19<\/li>\n <li>\u0e19\u0e49\u0e33\u0e22\u0e32\u0e06\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e49\u0e2d Medical Grade<\/li>\n <li>\u0e15\u0e23\u0e27\u0e08\u0e40\u0e0a\u0e47\u0e04\u0e41\u0e23\u0e07\u0e14\u0e31\u0e19\u0e19\u0e49\u0e33\u0e22\u0e32\u0e41\u0e2d\u0e23\u0e4c<\/li>\n <li>\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e07\u0e32\u0e19 30 \u0e27\u0e31\u0e19<\/li>\n <\/ul>\n <a href=\"#form\" class=\"price-btn\" onclick=\"cpTrack('click_price_basic')\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e19\u0e35\u0e49<\/a>\n <\/div>\n\n <div class=\"price-card featured\">\n <div class=\"price-badge\">\ud83d\udd25 \u0e22\u0e2d\u0e14\u0e19\u0e34\u0e22\u0e21<\/div>\n <div class=\"price-name\">\u0e41\u0e2d\u0e23\u0e4c\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/div>\n <div class=\"price-desc\">18,001\u201324,000 BTU \u00b7 \u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e31\u0e48\u0e07\u0e40\u0e25\u0e48\u0e19<\/div>\n <div class=\"price-amount\">\u0e3f799 <span>\/ \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07<\/span><\/div>\n <div class=\"price-hr\"><\/div>\n <ul class=\"price-features\">\n <li>\u0e25\u0e49\u0e32\u0e07\u0e04\u0e2d\u0e22\u0e25\u0e4c\u0e40\u0e22\u0e47\u0e19 + \u0e04\u0e2d\u0e22\u0e25\u0e4c\u0e23\u0e49\u0e2d\u0e19<\/li>\n <li>\u0e19\u0e49\u0e33\u0e22\u0e32\u0e06\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e49\u0e2d Medical Grade<\/li>\n <li>\u0e16\u0e48\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e01\u0e48\u0e2d\u0e19-\u0e2b\u0e25\u0e31\u0e07\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19<\/li>\n <li>\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2a\u0e20\u0e32\u0e1e\u0e19\u0e49\u0e33\u0e22\u0e32\u0e41\u0e2d\u0e23\u0e4c\u0e17\u0e32\u0e07 LINE<\/li>\n <li>\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 30 \u0e27\u0e31\u0e19 (\u0e02\u0e22\u0e32\u0e22\u0e44\u0e14\u0e49 60 \u0e27\u0e31\u0e19)<\/li>\n <\/ul>\n <a href=\"#form\" class=\"price-btn\" onclick=\"cpTrack('click_price_featured')\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e19\u0e35\u0e49<\/a>\n <\/div>\n\n <div class=\"price-card\">\n <div class=\"price-name\">\u0e42\u0e1b\u0e23\u0e2b\u0e25\u0e32\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07<\/div>\n <div class=\"price-desc\">3 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b \u00b7 \u0e1a\u0e49\u0e32\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e25\u0e31\u0e07<\/div>\n <div class=\"price-amount\">\u0e3f499 <span>\/ \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07<\/span><\/div>\n <div class=\"price-hr\"><\/div>\n <ul class=\"price-features\">\n <li>\u0e2a\u0e48\u0e27\u0e19\u0e25\u0e14\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e08\u0e2d\u0e07\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e19<\/li>\n <li>\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e04\u0e23\u0e1a\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19<\/li>\n <li>\u0e1f\u0e23\u0e35! \u0e2a\u0e40\u0e1b\u0e23\u0e22\u0e4c\u0e06\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e49\u0e2d 1 \u0e01\u0e23\u0e30\u0e1b\u0e4b\u0e2d\u0e07<\/li>\n <li>\u0e0a\u0e48\u0e32\u0e07\u0e17\u0e35\u0e21\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19 \u0e44\u0e21\u0e48\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e04\u0e19<\/li>\n <\/ul>\n <a href=\"#form\" class=\"price-btn\" onclick=\"cpTrack('click_price_multi')\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e19\u0e35\u0e49<\/a>\n <\/div>\n\n <\/div>\n\n <p class=\"price-note\"><b>\ud83d\udee1 \u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 30 \u0e27\u0e31\u0e19<\/b> \u00b7 \u0e0a\u0e33\u0e23\u0e30\u0e2b\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e40\u0e2a\u0e23\u0e47\u0e08 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32<\/p>\n\n<\/section>\n\n\n\n<section class=\"sec how\" id=\"how\">\n\n <span class=\"sec-tag\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19<\/span>\n <h2 class=\"sec-title\">\u0e08\u0e2d\u0e07\u0e07\u0e48\u0e32\u0e22 \u0e43\u0e19 4 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19<\/h2>\n <p class=\"sec-sub\">\u0e08\u0e32\u0e01\u0e08\u0e2d\u0e07\u0e08\u0e19\u0e0a\u0e48\u0e32\u0e07\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e1a\u0e49\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e22\u0e38\u0e48\u0e07\u0e22\u0e32\u0e01<\/p>\n\n <div class=\"steps\" id=\"stepList\">\n\n <div class=\"step\">\n <div class=\"step-num\">1<\/div>\n <div class=\"step-body\">\n <span class=\"step-icon\">\ud83d\udccb<\/span>\n <div class=\"step-title\">\u0e01\u0e23\u0e2d\u0e01\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e2d\u0e14 LINE<\/div>\n <div class=\"step-desc\">\u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e37\u0e48\u0e2d \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23 \u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e30\u0e14\u0e27\u0e01 \u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e15\u0e2d\u0e1a\u0e01\u0e25\u0e31\u0e1a\u0e20\u0e32\u0e22\u0e43\u0e19 15 \u0e19\u0e32\u0e17\u0e35<\/div>\n <span class=\"step-tag\">\u26a1 \u0e15\u0e2d\u0e1a\u0e01\u0e25\u0e31\u0e1a\u0e43\u0e19 15 \u0e19\u0e32\u0e17\u0e35<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-num\">2<\/div>\n <div class=\"step-body\">\n <span class=\"step-icon\">\ud83d\udcac<\/span>\n <div class=\"step-title\">\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e23\u0e32\u0e04\u0e32 & \u0e19\u0e31\u0e14\u0e27\u0e31\u0e19\u0e40\u0e02\u0e49\u0e32\u0e1a\u0e49\u0e32\u0e19<\/div>\n <div class=\"step-desc\">\u0e23\u0e32\u0e04\u0e32\u0e15\u0e32\u0e22\u0e15\u0e31\u0e27\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e07\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e1a\u0e27\u0e01\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e17\u0e32\u0e07 \u0e19\u0e31\u0e14\u0e44\u0e14\u0e49 08:00\u201320:00 \u0e19. \u0e17\u0e38\u0e01\u0e27\u0e31\u0e19<\/div>\n <span class=\"step-tag\">\ud83d\uddd3 \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e27\u0e31\u0e19\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-num\">3<\/div>\n <div class=\"step-body\">\n <span class=\"step-icon\">\ud83e\uddf9<\/span>\n <div class=\"step-title\">\u0e0a\u0e48\u0e32\u0e07\u0e25\u0e49\u0e32\u0e07\u0e41\u0e2d\u0e23\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1e\u0e34\u0e16\u0e35\u0e1e\u0e34\u0e16\u0e31\u0e19<\/div>\n <div class=\"step-desc\">\u0e16\u0e48\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e01\u0e48\u0e2d\u0e19-\u0e2b\u0e25\u0e31\u0e07 \u0e2a\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e1c\u0e48\u0e32\u0e19 LINE \u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19 \u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e01\u0e48\u0e2d\u0e19\u0e16\u0e36\u0e07\u0e1a\u0e49\u0e32\u0e19 30 \u0e19\u0e32\u0e17\u0e35<\/div>\n <span class=\"step-tag\">\u23f1 45\u201390 \u0e19\u0e32\u0e17\u0e35\/\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-num\">4<\/div>\n <div class=\"step-body\">\n <span class=\"step-icon\">\u2705<\/span>\n <div class=\"step-title\">\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e07\u0e32\u0e19 + \u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e17\u0e31\u0e19\u0e17\u0e35<\/div>\n <div class=\"step-desc\">\u0e0a\u0e33\u0e23\u0e30\u0e2b\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e40\u0e2a\u0e23\u0e47\u0e08 \u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 30 \u0e27\u0e31\u0e19\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e16\u0e49\u0e32\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e23\u0e32\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\u0e41\u0e01\u0e49\u0e1f\u0e23\u0e35<\/div>\n <span class=\"step-tag\">\ud83d\udee1 \u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 30 \u0e27\u0e31\u0e19<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n<\/section>\n\n\n\n<section class=\"sec reviews\" id=\"reviews\">\n\n <span class=\"sec-tag\">\u0e23\u0e35\u0e27\u0e34\u0e27\u0e08\u0e32\u0e01\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e08\u0e23\u0e34\u0e07<\/span>\n <h2 class=\"sec-title\">\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e08\u0e32\u0e01\u0e04\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/h2>\n <p class=\"sec-sub\">\u0e23\u0e35\u0e27\u0e34\u0e27\u0e08\u0e32\u0e01 Google Maps \u0e41\u0e25\u0e30 LINE Official Account<\/p>\n\n <div class=\"rating-bar\">\n <div>\n <span class=\"rating-big-num\">4.9<\/span>\n <div class=\"stars-row\">\n <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n <\/div>\n <div class=\"rating-cnt\">850+ \u0e23\u0e35\u0e27\u0e34\u0e27<\/div>\n <\/div>\n <div class=\"rating-bars\">\n <div class=\"bar-row\">\n <span>5 \u2605<\/span>\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:92%\"><\/div><\/div>\n <span class=\"bar-pct\">92%<\/span>\n <\/div>\n <div class=\"bar-row\">\n <span>4 \u2605<\/span>\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:6%\"><\/div><\/div>\n <span class=\"bar-pct\">6%<\/span>\n <\/div>\n <div class=\"bar-row\">\n <span>3 \u2605<\/span>\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:2%\"><\/div><\/div>\n <span class=\"bar-pct\">2%<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"rev-outer\">\n <div class=\"rev-track\" id=\"revTrack\">\n\n <div class=\"rev-slide\">\n <div class=\"rev-card\">\n <span class=\"rev-quote\">\"<\/span>\n <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"rev-text\">\u0e41\u0e2d\u0e23\u0e4c\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e2b\u0e21\u0e47\u0e19\u0e2d\u0e31\u0e1a\u0e21\u0e32\u0e2b\u0e25\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19 \u0e25\u0e2d\u0e07\u0e25\u0e49\u0e32\u0e07\u0e40\u0e2d\u0e07\u0e41\u0e25\u0e49\u0e27\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e2b\u0e32\u0e22 \u0e1e\u0e2d\u0e43\u0e2b\u0e49\u0e17\u0e35\u0e21\u0e19\u0e35\u0e49\u0e21\u0e32\u0e25\u0e49\u0e32\u0e07 <em>\u0e01\u0e25\u0e34\u0e48\u0e19\u0e2b\u0e32\u0e22\u0e2b\u0e21\u0e14\u0e40\u0e25\u0e22<\/em> \u0e0a\u0e48\u0e32\u0e07\u0e2a\u0e38\u0e20\u0e32\u0e1e\u0e21\u0e32\u0e01 \u0e16\u0e48\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19 \u0e08\u0e30\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e38\u0e01\u0e1b\u0e35\u0e41\u0e19\u0e48\u0e19\u0e2d\u0e19<\/p>\n <div class=\"rev-footer\">\n <div class=\"rev-person\">\n <div class=\"rev-avatar\">\u0e1b\u0e19<\/div>\n <div><div class=\"rev-name\">\u0e04\u0e38\u0e13\u0e1b\u0e19\u0e31\u0e14\u0e14\u0e32 \u0e27.<\/div><div class=\"rev-date\">\u0e2a\u0e38\u0e02\u0e38\u0e21\u0e27\u0e34\u0e17 \u00b7 2 \u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c\u0e17\u0e35\u0e48\u0e41\u0e25\u0e49\u0e27<\/div><\/div>\n <\/div>\n <span class=\"rev-verified\">\u2714 \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e41\u0e25\u0e49\u0e27<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"rev-slide\">\n <div class=\"rev-card\">\n <span class=\"rev-quote\">\"<\/span>\n <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"rev-text\">\u0e41\u0e2d\u0e23\u0e4c\u0e44\u0e21\u0e48\u0e40\u0e22\u0e47\u0e19\u0e21\u0e32 2 \u0e1b\u0e35 \u0e0a\u0e48\u0e32\u0e07\u0e21\u0e32\u0e15\u0e23\u0e27\u0e08\u0e1e\u0e1a\u0e27\u0e48\u0e32\u0e1f\u0e34\u0e25\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e2d\u0e38\u0e14\u0e15\u0e31\u0e19\u0e2b\u0e19\u0e31\u0e01\u0e21\u0e32\u0e01 \u0e2b\u0e25\u0e31\u0e07\u0e25\u0e49\u0e32\u0e07\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e40\u0e1b\u0e34\u0e14\u0e21\u0e32 <em>\u0e40\u0e22\u0e47\u0e19\u0e09\u0e48\u0e33\u0e40\u0e25\u0e22\u0e04\u0e23\u0e31\u0e1a!<\/em> \u0e23\u0e32\u0e04\u0e32\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e44\u0e21\u0e48\u0e21\u0e35\u0e1a\u0e27\u0e01\u0e40\u0e1e\u0e34\u0e48\u0e21 \u0e41\u0e19\u0e30\u0e19\u0e33\u0e2a\u0e38\u0e14\u0e46<\/p>\n <div class=\"rev-footer\">\n <div class=\"rev-person\">\n <div class=\"rev-avatar\">\u0e01\u0e27<\/div>\n <div><div class=\"rev-name\">\u0e04\u0e38\u0e13\u0e01\u0e27\u0e32\u0e07 \u0e15.<\/div><div class=\"rev-date\">\u0e25\u0e32\u0e14\u0e1e\u0e23\u0e49\u0e32\u0e27 \u00b7 1 \u0e40\u0e14\u0e37\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e41\u0e25\u0e49\u0e27<\/div><\/div>\n <\/div>\n <span class=\"rev-verified\">\u2714 \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e41\u0e25\u0e49\u0e27<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"rev-slide\">\n <div class=\"rev-card\">\n <span class=\"rev-quote\">\"<\/span>\n <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"rev-text\">\u0e1a\u0e49\u0e32\u0e19\u0e21\u0e35\u0e41\u0e2d\u0e23\u0e4c 5 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 \u0e08\u0e2d\u0e07\u0e42\u0e1b\u0e23\u0e2b\u0e25\u0e32\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 <em>\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19 LINE \u0e01\u0e48\u0e2d\u0e19 30 \u0e19\u0e32\u0e17\u0e35\u0e08\u0e23\u0e34\u0e07\u0e46<\/em> \u0e07\u0e32\u0e19\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e17\u0e38\u0e01\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 \u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e21\u0e32\u0e01\u0e01\u0e31\u0e1a\u0e23\u0e32\u0e04\u0e32\u0e17\u0e35\u0e48\u0e08\u0e48\u0e32\u0e22<\/p>\n <div class=\"rev-footer\">\n <div class=\"rev-person\">\n <div class=\"rev-avatar\">\u0e2a\u0e21<\/div>\n <div><div class=\"rev-name\">\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e0a\u0e32\u0e22 \u0e2d.<\/div><div class=\"rev-date\">\u0e23\u0e32\u0e21\u0e2d\u0e34\u0e19\u0e17\u0e23\u0e32 \u00b7 3 \u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c\u0e17\u0e35\u0e48\u0e41\u0e25\u0e49\u0e27<\/div><\/div>\n <\/div>\n <span class=\"rev-verified\">\u2714 \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e41\u0e25\u0e49\u0e27<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"rev-progress\"><div class=\"rev-prog-fill\" id=\"revProg\"><\/div><\/div>\n\n <div class=\"rev-controls\">\n <button class=\"rev-arrow\" onclick=\"revMove(-1)\" aria-label=\"\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\">‹<\/button>\n <div class=\"rev-dots\" id=\"revDots\"><\/div>\n <button class=\"rev-arrow\" onclick=\"revMove(1)\" aria-label=\"\u0e16\u0e31\u0e14\u0e44\u0e1b\">›<\/button>\n <\/div>\n\n<\/section>\n\n\n\n<section class=\"sec form-sec\" id=\"form\">\n<div class=\"form-box\">\n\n <div id=\"formFields\">\n <div class=\"form-badge\">\n <span class=\"hero-dot\"><\/span>\n \u0e23\u0e31\u0e1a\u0e08\u0e2d\u0e07\u0e04\u0e34\u0e27\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e15\u0e25\u0e2d\u0e14 24 \u0e0a\u0e21.\n <\/div>\n <div class=\"form-title\">\ud83d\udcc5 \u0e08\u0e2d\u0e07\u0e04\u0e34\u0e27\u0e25\u0e49\u0e32\u0e07\u0e41\u0e2d\u0e23\u0e4c \u2014 \u0e1f\u0e23\u0e35<\/div>\n <div class=\"form-sub\">\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 \u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e42\u0e17\u0e23\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19 15 \u0e19\u0e32\u0e17\u0e35<\/div>\n <div class=\"form-chips\">\n <span class=\"form-chip\">\u2705 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22<\/span>\n <span class=\"form-chip\">\ud83d\udd12 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22<\/span>\n <span class=\"form-chip\">\u26a1 \u0e15\u0e2d\u0e1a\u0e40\u0e23\u0e47\u0e27 15 \u0e19\u0e32\u0e17\u0e35<\/span>\n <\/div>\n <div class=\"form-hr\"><\/div>\n\n \n <div class=\"form-group\" id=\"fgName\">\n <label for=\"fName\">\u0e0a\u0e37\u0e48\u0e2d<span class=\"req\">*<\/span><\/label>\n <input class=\"f-input\" type=\"text\" id=\"fName\"\n placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e04\u0e38\u0e13\u0e21\u0e35\u0e19\u0e32\" autocomplete=\"given-name\">\n <div class=\"f-err\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e0a\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/div>\n <\/div>\n\n \n <div class=\"form-group\" id=\"fgPhone\">\n <label for=\"fPhone\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<span class=\"req\">*<\/span><\/label>\n <input class=\"f-input\" type=\"tel\" id=\"fPhone\"\n placeholder=\"08X-XXX-XXXX\" autocomplete=\"tel\"\n maxlength=\"10\" inputmode=\"numeric\">\n <div class=\"f-err\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23 10 \u0e2b\u0e25\u0e31\u0e01<\/div>\n <\/div>\n\n \n <div class=\"form-group\" id=\"fgQty\">\n <label>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e41\u0e2d\u0e23\u0e4c<span class=\"req\">*<\/span><\/label>\n <div class=\"qty-grid\" id=\"qtyGrid\">\n <button class=\"qty-btn\" data-v=\"1\" onclick=\"pickQty(this)\">1 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07<\/button>\n <button class=\"qty-btn\" data-v=\"2\" onclick=\"pickQty(this)\">2 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07<\/button>\n <button class=\"qty-btn active\" data-v=\"3\" onclick=\"pickQty(this)\">3 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 \ud83d\udd25<\/button>\n <button class=\"qty-btn\" data-v=\"4+\" onclick=\"pickQty(this)\">4+ \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07<\/button>\n <\/div>\n <div class=\"f-err\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07<\/div>\n <\/div>\n\n \n <div class=\"form-group\">\n <label for=\"fDate\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e30\u0e14\u0e27\u0e01<\/label>\n <input class=\"f-input\" type=\"date\" id=\"fDate\">\n <\/div>\n\n \n <div class=\"form-group\">\n <label for=\"fNote\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 (\u0e44\u0e21\u0e48\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a)<\/label>\n <input class=\"f-input\" type=\"text\" id=\"fNote\"\n placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e41\u0e2d\u0e23\u0e4c\u0e21\u0e35\u0e01\u0e25\u0e34\u0e48\u0e19, \u0e2b\u0e49\u0e2d\u0e07\u0e0a\u0e31\u0e49\u0e19 3\">\n <\/div>\n\n <button class=\"form-submit\" id=\"fSubmit\" onclick=\"submitForm()\">\n <span id=\"fBtnTxt\">\u2705 \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e08\u0e2d\u0e07\u0e04\u0e34\u0e27 \u2014 \u0e1f\u0e23\u0e35 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22<\/span>\n <div class=\"form-loader\" id=\"fLoader\"><\/div>\n <\/button>\n\n <div class=\"form-line-row\">\n <span>\u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e38\u0e22\u0e1c\u0e48\u0e32\u0e19<\/span>\n <a class=\"btn-line\" id=\"lineFormBtn\" href=\"#\" target=\"_blank\" rel=\"noopener\"\n onclick=\"cpTrack('click_line_form')\">\ud83d\udcac LINE \u0e15\u0e2d\u0e1a\u0e40\u0e23\u0e47\u0e27\u0e01\u0e27\u0e48\u0e32<\/a>\n <\/div>\n <div class=\"form-privacy\">\ud83d\udd12 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 100% \u0e44\u0e21\u0e48\u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21<\/div>\n <\/div>\n\n<\/div>\n<\/section>\n\n\n\n<div id=\"cp-thankyou\">\n <div class=\"ty-icon\" id=\"tyIcon\">\ud83c\udf89<\/div>\n <div class=\"ty-title\">\u0e23\u0e31\u0e1a\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e41\u0e25\u0e49\u0e27\u0e04\u0e23\u0e31\u0e1a!<\/div>\n <div class=\"ty-desc\">\n \u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e08\u0e30\u0e42\u0e17\u0e23\u0e2b\u0e32\u0e04\u0e38\u0e13\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e19\u0e31\u0e14\u0e2b\u0e21\u0e32\u0e22<br>\n \u0e02\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e17\u0e35\u0e48\u0e44\u0e27\u0e49\u0e27\u0e32\u0e07\u0e43\u0e08 CoolPro \u2744\n <\/div>\n <div class=\"ty-eta\">\u26a1 \u0e04\u0e32\u0e14\u0e27\u0e48\u0e32\u0e08\u0e30\u0e42\u0e17\u0e23\u0e20\u0e32\u0e22\u0e43\u0e19 15 \u0e19\u0e32\u0e17\u0e35<\/div>\n\n \n <div class=\"ty-info\" id=\"tyInfo\"><\/div>\n\n <div class=\"ty-actions\">\n <a class=\"btn-line\" id=\"tyLineBtn\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n \ud83d\udcac \u0e41\u0e2d\u0e14 LINE \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e2a\u0e16\u0e32\u0e19\u0e30\n <\/a>\n <a class=\"btn-cyan\" href=\"tel:0812345678\" id=\"tyCallBtn\">\n \ud83d\udcde \u0e42\u0e17\u0e23\u0e2b\u0e32\u0e40\u0e23\u0e32\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\n <\/a>\n <button class=\"btn-ghost\" onclick=\"cpBackToHome()\" style=\"width:auto\">\n \u2190 \u0e01\u0e25\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01\n <\/button>\n <\/div>\n<\/div>\n\n\n\n<footer id=\"siteFooter\">\n \n <strong>CoolPro \u0e41\u0e2d\u0e23\u0e4c\u0e2a\u0e30\u0e2d\u0e32\u0e14<\/strong> \u2014 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e25\u0e49\u0e32\u0e07\u0e41\u0e2d\u0e23\u0e4c Premium \u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e<br>\n \u260e 081-234-5678  |  LINE: @coolpro.ac  |  \u0e40\u0e1b\u0e34\u0e14\u0e17\u0e38\u0e01\u0e27\u0e31\u0e19 08:00\u201320:00 \u0e19.<br><br>\n \u00a9 2025 CoolPro. \u0e2a\u0e07\u0e27\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\n<\/footer>\n\n\n\n<div class=\"sticky-cta\" id=\"stickyCta\">\n <a href=\"#form\" class=\"btn-cyan\" onclick=\"cpTrack('click_cta_sticky')\">\n \ud83d\udcc5 \u0e08\u0e2d\u0e07\u0e04\u0e34\u0e27\u0e40\u0e25\u0e22\n <\/a>\n <a href=\"https:\/\/line.me\/ti\/p\/~@yourlineoa\" class=\"btn-line\" id=\"stickyLineBtn\"\n target=\"_blank\" rel=\"noopener\" onclick=\"cpTrack('click_line_sticky')\">\n LINE\n <\/a>\n<\/div>\n\n\n\n<script>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u2699\ufe0f CONFIG \u2014 \u0e41\u0e01\u0e49\u0e04\u0e48\u0e32\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e01\u0e48\u0e2d\u0e19 Go Live\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nvar CP = {\n ga4Id: 'G-XXXXXXXXXX', \/* GA4 Measurement ID \u0e08\u0e32\u0e01 Google Analytics *\/\n pixelId: 'XXXXXXXXXXXXXXX', \/* Meta Pixel ID \u0e08\u0e32\u0e01 Facebook Events Manager *\/\n lineUrl: 'https:\/\/line.me\/ti\/p\/~@yourlineoa', \/* LINE OA URL *\/\n phone: 'tel:0812345678', \/* \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e38\u0e48\u0e21\u0e42\u0e17\u0e23 *\/\n thankyouUrl: '', \/* URL Thank You Page \u0e41\u0e22\u0e01 (\u0e40\u0e27\u0e49\u0e19\u0e27\u0e48\u0e32\u0e07 = \u0e43\u0e0a\u0e49 built-in) *\/\n sheetsUrl: '' \/* Google Sheets Webhook URL (\u0e40\u0e27\u0e49\u0e19\u0e27\u0e48\u0e32\u0e07\u0e16\u0e49\u0e32\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49) *\/\n};\n\n\/* \u2550\u2550 GA4 Load (async \u2014 \u0e44\u0e21\u0e48 block render) \u2550\u2550 *\/\n(function(){\n if (!CP.ga4Id || CP.ga4Id === 'G-XXXXXXXXXX') return;\n var s = document.createElement('script');\n s.async = true;\n s.src = 'https:\/\/www.googletagmanager.com\/gtag\/js?id=' + CP.ga4Id;\n document.head.appendChild(s);\n window.dataLayer = window.dataLayer || [];\n window.gtag = function(){ dataLayer.push(arguments); };\n gtag('js', new Date());\n gtag('config', CP.ga4Id, { send_page_view: true });\n})();\n\n\/* \u2550\u2550 Meta Pixel Load (async) \u2550\u2550 *\/\n(function(){\n if (!CP.pixelId || CP.pixelId === 'XXXXXXXXXXXXXXX') return;\n !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){\n n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;\n s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)\n }(window,document,'script','https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n fbq('init', CP.pixelId);\n fbq('track', 'PageView');\n})();\n\n\/* \u2550\u2550 Set LINE URLs from config \u2550\u2550 *\/\n(function(){\n ['lineFormBtn','stickyLineBtn','tyLineBtn'].forEach(function(id){\n var el = document.getElementById(id);\n if (el) el.href = CP.lineUrl;\n });\n var callEl = document.getElementById('tyCallBtn');\n if (callEl) callEl.href = CP.phone;\n\n \/* Topbar LINE *\/\n document.querySelectorAll('a[href*=\"yourlineoa\"]').forEach(function(a){\n a.href = CP.lineUrl;\n });\n})();\n\n\/* \u2550\u2550 Date picker min = today \u2550\u2550 *\/\n(function(){\n var d = document.getElementById('fDate');\n if (d) d.min = new Date().toISOString().split('T')[0];\n})();\n\n\/* \u2550\u2550 Phone: \u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u2550\u2550 *\/\n(function(){\n var p = document.getElementById('fPhone');\n if (p) p.addEventListener('input', function(){\n this.value = this.value.replace(\/\\D\/g, '');\n });\n})();\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TRACKING FUNCTION\n \u0e43\u0e0a\u0e49: cpTrack('event_name', {optional_params})\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction cpTrack(event, params) {\n params = params || {};\n \/* GA4 *\/\n if (typeof gtag === 'function') {\n gtag('event', event, Object.assign({ event_category: 'engagement' }, params));\n }\n \/* Meta Pixel \u2014 map events *\/\n if (typeof fbq === 'function') {\n if (event === 'form_booking_complete') { fbq('track', 'Lead'); }\n else if (event.indexOf('click_cta') === 0) { fbq('track', 'InitiateCheckout'); }\n }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n QTY PICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nvar selectedQty = '3'; \/* default *\/\nfunction pickQty(btn) {\n document.querySelectorAll('#qtyGrid .qty-btn').forEach(function(b){ b.classList.remove('active'); });\n btn.classList.add('active');\n selectedQty = btn.dataset.v;\n document.getElementById('fgQty').classList.remove('has-err');\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FORM VALIDATION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction validateForm() {\n var ok = true;\n\n \/* \u0e0a\u0e37\u0e48\u0e2d *\/\n var nameEl = document.getElementById('fName');\n var fgName = document.getElementById('fgName');\n if (!nameEl.value.trim()) {\n fgName.classList.add('has-err'); nameEl.classList.add('err'); ok = false;\n } else {\n fgName.classList.remove('has-err'); nameEl.classList.remove('err');\n }\n\n \/* \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23 *\/\n var phoneEl = document.getElementById('fPhone');\n var fgPhone = document.getElementById('fgPhone');\n if (phoneEl.value.replace(\/\\D\/g,'').length !== 10) {\n fgPhone.classList.add('has-err'); phoneEl.classList.add('err'); ok = false;\n } else {\n fgPhone.classList.remove('has-err'); phoneEl.classList.remove('err');\n }\n\n return ok;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FORM SUBMIT + TRACKING + THANK YOU\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction submitForm() {\n if (!validateForm()) return;\n\n \/* Collect data *\/\n var data = {\n name: document.getElementById('fName').value.trim(),\n phone: document.getElementById('fPhone').value.trim(),\n qty: selectedQty,\n date: document.getElementById('fDate').value,\n note: document.getElementById('fNote').value.trim(),\n ts: new Date().toLocaleString('th-TH'),\n ref: document.referrer || 'direct'\n };\n\n \/* Loading state *\/\n var btn = document.getElementById('fSubmit');\n var txtEl = document.getElementById('fBtnTxt');\n var loader = document.getElementById('fLoader');\n btn.disabled = true;\n txtEl.style.display = 'none';\n loader.style.display = 'block';\n\n \/* \u2550\u2550 1. Track GA4 Conversion \u2550\u2550 *\/\n cpTrack('form_booking_complete', {\n event_category: 'conversion',\n event_label: 'lead_form',\n value: data.qty,\n currency: 'THB'\n });\n\n \/* \u2550\u2550 2. Track GA4 Purchase-like event (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a GA4 Conversion) \u2550\u2550 *\/\n if (typeof gtag === 'function') {\n gtag('event', 'generate_lead', {\n currency: 'THB',\n value: data.qty === '1' ? 599 : data.qty === '2' ? 1198 : 1497\n });\n }\n\n \/* \u2550\u2550 3. Save to localStorage (\u0e14\u0e39\u0e44\u0e14\u0e49\u0e43\u0e19 Admin) \u2550\u2550 *\/\n (function(){\n var key = 'cp_leads';\n var list = [];\n try { list = JSON.parse(localStorage.getItem(key)) || []; } catch(e){}\n data.id = Date.now();\n list.unshift(data);\n if (list.length > 100) list = list.slice(0, 100);\n localStorage.setItem(key, JSON.stringify(list));\n })();\n\n \/* \u2550\u2550 4. \u0e2a\u0e48\u0e07\u0e44\u0e1b Google Sheets (\u0e16\u0e49\u0e32\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 sheetsUrl) \u2550\u2550 *\/\n if (CP.sheetsUrl) {\n fetch(CP.sheetsUrl, {\n method: 'POST',\n mode: 'no-cors',\n headers:{ 'Content-Type': 'application\/json' },\n body: JSON.stringify(data)\n }).catch(function(){});\n }\n\n \/* \u2550\u2550 5. Redirect \u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e2a\u0e14\u0e07 Thank You Page \u2550\u2550 *\/\n setTimeout(function(){\n if (CP.thankyouUrl) {\n \/* Option A: Redirect \u0e44\u0e1b Thank You URL \u0e41\u0e22\u0e01 *\/\n window.location.href = CP.thankyouUrl +\n '?name=' + encodeURIComponent(data.name) +\n '&qty=' + encodeURIComponent(data.qty);\n } else {\n \/* Option B: \u0e41\u0e2a\u0e14\u0e07 Thank You section \u0e41\u0e1a\u0e1a in-page *\/\n showThankYou(data);\n }\n }, 900);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SHOW THANK YOU PAGE (in-page)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction showThankYou(data) {\n \/* \u0e0b\u0e48\u0e2d\u0e19 main content *\/\n ['hero','why','gallery','service','pricing','how','reviews','form','siteFooter','stickyCta','topbar']\n .forEach(function(id){\n var el = document.getElementById(id);\n if (!el) el = document.querySelector('.' + id);\n if (el) el.style.display = 'none';\n });\n\n \/* \u0e2a\u0e23\u0e49\u0e32\u0e07 booking summary *\/\n var info = document.getElementById('tyInfo');\n if (info) {\n var rows = [\n ['\u0e0a\u0e37\u0e48\u0e2d', data.name],\n ['\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23', data.phone],\n ['\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07', data.qty + ' \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07'],\n ['\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e30\u0e14\u0e27\u0e01', data.date || '\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e17\u0e32\u0e07\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c'],\n ['\u0e40\u0e27\u0e25\u0e32\u0e08\u0e2d\u0e07', data.ts]\n ];\n info.innerHTML = rows.map(function(r){\n return '<div class=\"ty-info-row\"><span class=\"ty-info-label\">' + r[0] +\n '<\/span><span class=\"ty-info-val\">' + escHtml(r[1]) + '<\/span><\/div>';\n }).join('');\n }\n\n \/* \u0e41\u0e2a\u0e14\u0e07 thank you *\/\n var ty = document.getElementById('cp-thankyou');\n ty.style.display = 'flex';\n document.body.style.paddingBottom = '0';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nfunction cpBackToHome() {\n window.location.reload();\n}\n\nfunction escHtml(str) {\n return String(str)\n .replace(\/&\/g,'&')\n .replace(\/<\/g,'<')\n .replace(\/>\/g,'>');\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n GALLERY FILTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction galFilter(btn, cat) {\n document.querySelectorAll('.gal-btn').forEach(function(b){ b.classList.remove('active'); });\n btn.classList.add('active');\n document.querySelectorAll('#galGrid .gal-item').forEach(function(item){\n item.hidden = !(cat === 'all' || item.dataset.cat === cat);\n });\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n STEPPER \u2014 Animate on scroll\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n var steps = document.querySelectorAll('#stepList .step');\n if (!steps.length || !('IntersectionObserver' in window)) {\n steps.forEach(function(el){ el.classList.add('visible'); });\n return;\n }\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){\n if (e.isIntersecting){ e.target.classList.add('visible'); io.unobserve(e.target); }\n });\n }, { threshold: 0.15 });\n steps.forEach(function(el){ io.observe(el); });\n})();\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n REVIEW CAROUSEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n var track = document.getElementById('revTrack');\n var dots = document.getElementById('revDots');\n var prog = document.getElementById('revProg');\n if (!track) return;\n\n var slides = track.querySelectorAll('.rev-slide');\n var total = slides.length;\n var cur = 0;\n var DELAY = 5000;\n var timer, ptimer, pval = 0;\n\n \/* \u0e2a\u0e23\u0e49\u0e32\u0e07 dots *\/\n slides.forEach(function(_, i){\n var d = document.createElement('button');\n d.className = 'rev-dot' + (i === 0 ? ' active' : '');\n d.setAttribute('aria-label', '\u0e2a\u0e44\u0e25\u0e14\u0e4c ' + (i+1));\n d.onclick = function(){ goTo(i); reset(); };\n dots.appendChild(d);\n });\n\n function goTo(n){\n cur = (n + total) % total;\n track.style.transform = 'translateX(-' + cur * 100 + '%)';\n dots.querySelectorAll('.rev-dot').forEach(function(d,i){\n d.classList.toggle('active', i === cur);\n });\n }\n\n window.revMove = function(dir){ goTo(cur + dir); reset(); };\n\n function startProg(){\n pval = 0;\n if (prog) prog.style.width = '0%';\n clearInterval(ptimer);\n ptimer = setInterval(function(){\n pval += 100 \/ (DELAY \/ 100);\n if (prog) prog.style.width = Math.min(pval, 100) + '%';\n }, 100);\n }\n function reset(){\n clearInterval(timer);\n startProg();\n timer = setInterval(function(){ goTo(cur + 1); startProg(); }, DELAY);\n }\n\n \/* Touch swipe *\/\n var sx = 0;\n track.addEventListener('touchstart', function(e){ sx = e.touches[0].clientX; }, { passive:true });\n track.addEventListener('touchend', function(e){\n if (Math.abs(e.changedTouches[0].clientX - sx) > 40) {\n goTo(cur + (e.changedTouches[0].clientX < sx ? 1 : -1)); reset();\n }\n });\n\n reset();\n})();\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SMOOTH SCROLL (offset \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a sticky topbar)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n a.addEventListener('click', function(e){\n var target = document.querySelector(this.getAttribute('href'));\n if (target){\n e.preventDefault();\n var top = target.getBoundingClientRect().top + window.pageYOffset - 60;\n window.scrollTo({ top: top, behavior: 'smooth' });\n }\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e25\u0e49\u0e32\u0e07\u0e41\u0e2d\u0e23\u0e4c\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e25\u0e36\u0e01\u0e16\u0e36\u0e07\u0e02\u0e49\u0e32\u0e07\u0e43\u0e19<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coolproair.com\/index.php?rest_route=\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coolproair.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coolproair.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coolproair.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coolproair.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=72"}],"version-history":[{"count":4,"href":"https:\/\/coolproair.com\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/coolproair.com\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/coolproair.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}