<style id="elementor-post-10535">.elementor-10535 .elementor-element.elementor-element-0fd6fd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}</style>{"id":10535,"date":"2026-04-03T09:14:36","date_gmt":"2026-04-03T05:14:36","guid":{"rendered":"https:\/\/techpointzone.com\/?page_id=10535"},"modified":"2026-09-24T10:55:18","modified_gmt":"2026-09-24T06:55:18","slug":"%d8%a7%d8%b3%d8%aa%d9%81%d8%b3%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa","status":"publish","type":"page","link":"https:\/\/techpointzone.com\/ar\/%d8%a7%d8%b3%d8%aa%d9%81%d8%b3%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa","title":{"rendered":"\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0627\u0644\u0634\u0631\u0643\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10535\" class=\"elementor elementor-10535 elementor-8087\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fd6fd0 e-flex e-con-boxed e-con e-parent\" data-id=\"0fd6fd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e788273 elementor-widget elementor-widget-html\" data-id=\"e788273\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.b2b-wrap * <span> box-sizing: border-box; margin: 0; padding: 0; <\/span>\r\n\r\n.b2b-wrap <span>\r\n  --blue:      #1a6bcc;\r\n  --blue2:     #0f56a8;\r\n  --blue-light:#eef3fb;\r\n  --red:       #e03535;\r\n  --gold:      #d4a017;\r\n  --text:      #1a1a2e;\r\n  --muted:     #6b7280;\r\n  --light:     #f5f7fa;\r\n  --border:    #e2e6ec;\r\n  --white:     #ffffff;\r\n  --green:     #16a34a;\r\n  --radius:    10px;\r\n  font-family: -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n  color: var(--text);\r\n  background: var(--light);\r\n<\/span>\r\n\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.b2b-hero <span>\r\n  background: linear-gradient(120deg, #0c3f80 0%, #0f56a8 45%, #1a6bcc 100%);\r\n    padding: 28px 12px 16px;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n<\/span>\r\n.b2b-hero::before <span>\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 700px 350px at 80% 100%, rgba(255,255,255,.04) 0%, transparent 60%),\r\n    radial-gradient(ellipse 500px 300px at 10% 0%,   rgba(255,255,255,.05) 0%, transparent 60%);\r\n  pointer-events: none;\r\n<\/span>\r\n\/* decorative grid lines *\/\r\n.b2b-hero::after <span>\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  pointer-events: none;\r\n<\/span>\r\n.b2b-hero-inner <span> position: relative; z-index: 1; <\/span>\r\n.b2b-hero-badge <span>\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: rgba(255,255,255,.12);\r\n  border: 1px solid rgba(255,255,255,.25);\r\n  color: #fff; font-size: 12px; font-weight: 600;\r\n  letter-spacing: .08em; text-transform: uppercase;\r\n  padding: 4px 12px; border-radius: 50px;\r\n  margin-bottom: 18px;\r\n<\/span>\r\n.b2b-hero-badge .dot <span>\r\n  width: 7px; height: 7px; border-radius: 50%;\r\n  background: #4ade80;\r\n  box-shadow: 0 0 6px #4ade80;\r\n  animation: b2bPulse 1.8s infinite;\r\n<\/span>\r\n@keyframes b2bPulse { 0%,100%<span>opacity:1<\/span> 50%<span>opacity:.3<\/span> }\r\n\r\n.b2b-hero h1 <span>\r\n  font-size: clamp(18px, 3.2vw, 40px);\r\n  font-weight: 800; color: #fff;\r\n  line-height: 1.1; margin-bottom: 14px;\r\n<\/span>\r\n.b2b-hero h1 span <span>\r\n  color: #fbbf24;\r\n  font-size: clamp(14px, 3vw, 34px);\r\n<\/span>\r\n.b2b-hero p <span>\r\n  color: rgba(255,255,255,.78); font-size: 10px;\r\n  max-width: 560px; margin: 0 auto 16px; line-height: 1.65;\r\n<\/span>\r\n.b2b-hero-pills <span>\r\n  display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\r\n<\/span>\r\n.b2b-pill <span>\r\n  background: rgba(255,255,255,.13);\r\n  border: 1px solid rgba(255,255,255,.22);\r\n  color: #fff; font-size: 12px; font-weight: 500;\r\n  padding: 3px 12px; border-radius: 50px;\r\n<\/span>\r\n\r\n\/* \u2500\u2500 TRUST STRIP \u2500\u2500 *\/\r\n.b2b-trust <span>\r\n  background: var(--white);\r\n  border-bottom: 2px solid var(--border);\r\n<\/span>\r\n.b2b-trust-inner <span>\r\n  max-width: 1200px; margin: 0 auto; padding: 0 24px;\r\n  display: flex; align-items: stretch; flex-wrap: wrap;\r\n<\/span>\r\n.b2b-trust-item <span>\r\n  flex: 1; min-width: 180px;\r\n  display: flex; align-items: center; gap: 12px;\r\n  padding: 18px 20px;\r\n  border-right: 1px solid var(--border);\r\n<\/span>\r\n.b2b-trust-item:last-child <span> border-right: none; <\/span>\r\n.b2b-trust-icon <span>\r\n  width: 40px; height: 40px; flex-shrink: 0;\r\n  background: var(--blue-light); border-radius: 9px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 18px;\r\n<\/span>\r\n.b2b-trust-item strong <span> display: block; font-size: 13px; font-weight: 700; color: var(--text); <\/span>\r\n.b2b-trust-item span  <span> font-size: 12px; color: var(--muted); margin-top: 1px; display: block; <\/span>\r\n\r\n\/* \u2500\u2500 RETAIL WARNING BANNER \u2500\u2500 *\/\r\n.b2b-warning <span>\r\n  background: #fffbeb;\r\n  border-top: 3px solid #f59e0b;\r\n  border-bottom: 1px solid #fde68a;\r\n  padding: 14px 24px;\r\n  display: flex; align-items: flex-start; gap: 12px;\r\n  max-width: 100%;\r\n<\/span>\r\n.b2b-warning-inner <span>\r\n  max-width: 1200px; margin: 0 auto; width: 100%;\r\n  display: flex; align-items: flex-start; gap: 12px;\r\n<\/span>\r\n.b2b-warning-icon <span> font-size: 20px; flex-shrink: 0; margin-top: 1px; <\/span>\r\n.b2b-warning p <span> font-size: 13px; color: #92400e; line-height: 1.6; <\/span>\r\n.b2b-warning a <span> color: var(--blue); font-weight: 600; text-decoration: none; <\/span>\r\n.b2b-warning a:hover <span> text-decoration: underline; <\/span>\r\n\r\n\/* \u2500\u2500 MAIN LAYOUT \u2500\u2500 *\/\r\n.b2b-main <span>\r\n  max-width: 1200px; margin: 0 auto;\r\n  padding: 44px 24px 60px;\r\n  display: grid; grid-template-columns: 1fr 1.15fr; gap: 36px; align-items: start;\r\n<\/span>\r\n\r\n\/* \u2500\u2500 LEFT COLUMN \u2500\u2500 *\/\r\n.b2b-left <span> display: flex; flex-direction: column; gap: 22px; <\/span>\r\n\r\n.b2b-section-tag <span>\r\n  font-size: 11px; font-weight: 700; letter-spacing: .12em;\r\n  text-transform: uppercase; color: var(--blue); margin-bottom: 4px;\r\n<\/span>\r\n.b2b-left h2 <span>\r\n  font-size: clamp(22px, 2.5vw, 32px);\r\n  font-weight: 800; line-height: 1.15; margin-bottom: 10px;\r\n<\/span>\r\n.b2b-left h2 span <span> color: var(--blue); <\/span>\r\n.b2b-left > p <span> font-size: 14px; color: var(--muted); line-height: 1.75; <\/span>\r\n\r\n\/* who we serve *\/\r\n.b2b-serve-title <span>\r\n  font-size: 13px; font-weight: 700; color: var(--text);\r\n  margin-bottom: 12px; display: flex; align-items: center; gap: 8px;\r\n<\/span>\r\n.b2b-serve-grid <span>\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;\r\n<\/span>\r\n.b2b-serve-card <span>\r\n  background: var(--white);\r\n  border: 1px solid var(--border);\r\n  border-radius: var(--radius);\r\n  padding: 14px 16px;\r\n  display: flex; align-items: center; gap: 12px;\r\n  transition: border-color .2s, box-shadow .2s;\r\n<\/span>\r\n.b2b-serve-card:hover <span>\r\n  border-color: var(--blue);\r\n  box-shadow: 0 3px 14px rgba(26,107,204,.1);\r\n<\/span>\r\n.b2b-serve-card .sc-icon <span> font-size: 22px; flex-shrink: 0; <\/span>\r\n.b2b-serve-card strong <span> display: block; font-size: 13px; font-weight: 700; color: var(--text); <\/span>\r\n.b2b-serve-card span   <span> font-size: 12px; color: var(--muted); <\/span>\r\n\r\n\/* why choose b2b *\/\r\n.b2b-why-box <span>\r\n  background: var(--white);\r\n  border: 1px solid var(--border);\r\n  border-radius: var(--radius);\r\n  overflow: hidden;\r\n<\/span>\r\n.b2b-why-header <span>\r\n  background: var(--blue-light);\r\n  border-bottom: 1px solid var(--border);\r\n  padding: 12px 18px;\r\n  font-size: 13px; font-weight: 700; color: var(--text);\r\n  display: flex; align-items: center; gap: 8px;\r\n<\/span>\r\n.b2b-why-list <span> padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; <\/span>\r\n.b2b-why-item <span>\r\n  display: flex; align-items: flex-start; gap: 10px; font-size: 13px;\r\n<\/span>\r\n.b2b-why-item .wi-icon <span>\r\n  width: 22px; height: 22px; flex-shrink: 0;\r\n  background: #dcfce7; border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 11px; margin-top: 1px;\r\n<\/span>\r\n.b2b-why-item strong <span> color: var(--text); font-weight: 600; <\/span>\r\n.b2b-why-item span   <span> color: var(--muted); <\/span>\r\n\r\n\/* contact quick box *\/\r\n.b2b-quick-contact <span>\r\n  background: linear-gradient(120deg, #0f56a8, #1a6bcc);\r\n  border-radius: var(--radius);\r\n  padding: 20px 20px;\r\n  display: flex; flex-direction: column; gap: 12px;\r\n<\/span>\r\n.b2b-quick-contact h4 <span> color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 4px; <\/span>\r\n.b2b-qc-row <span>\r\n  display: flex; align-items: center; gap: 12px;\r\n<\/span>\r\n.b2b-qc-btn <span>\r\n  flex: 1;\r\n  display: inline-flex; align-items: center; justify-content: center; gap: 8px;\r\n  padding: 10px 14px; border-radius: 7px;\r\n  font-size: 13px; font-weight: 600; text-decoration: none;\r\n  transition: opacity .18s; border: none; cursor: pointer;\r\n<\/span>\r\n.b2b-qc-btn.wa  <span> background: #25a956; color: #fff !important; <\/span>\r\n.b2b-qc-btn.tel <span> background: rgba(255,255,255,.15); color: #fff !important; border: 1px solid rgba(255,255,255,.3); <\/span>\r\n.b2b-qc-btn:hover <span> opacity: .85; <\/span>\r\n\r\n\/* \u2500\u2500 RIGHT: FORM \u2500\u2500 *\/\r\n.b2b-form-box <span>\r\n  background: var(--white);\r\n  border: 1px solid var(--border);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 6px 28px rgba(0,0,0,.07);\r\n<\/span>\r\n.b2b-form-head <span>\r\n  background: linear-gradient(120deg, #0c3f80, #1a6bcc);\r\n  padding: 26px 30px;\r\n<\/span>\r\n.b2b-form-head .fh-tag <span>\r\n  display: inline-block;\r\n  background: rgba(251,191,36,.2);\r\n  border: 1px solid rgba(251,191,36,.4);\r\n  color: #fbbf24; font-size: 11px; font-weight: 700;\r\n  letter-spacing: .1em; text-transform: uppercase;\r\n  padding: 3px 12px; border-radius: 4px; margin-bottom: 10px;\r\n<\/span>\r\n.b2b-form-head h3 <span> font-size: 22px; font-weight: 800; color: #fff; margin-bottom: 5px; <\/span>\r\n.b2b-form-head p  <span> font-size: 13px; color: rgba(255,255,255,.72); <\/span>\r\n\r\n\/* steps indicator *\/\r\n.b2b-steps <span>\r\n  display: flex; align-items: center;\r\n  padding: 16px 30px;\r\n  background: var(--blue-light);\r\n  border-bottom: 1px solid var(--border);\r\n  gap: 0;\r\n<\/span>\r\n.b2b-step <span>\r\n  display: flex; align-items: center; gap: 8px; flex: 1;\r\n  font-size: 12px; font-weight: 600; color: var(--muted);\r\n<\/span>\r\n.b2b-step.active <span> color: var(--blue); <\/span>\r\n.b2b-step .sn <span>\r\n  width: 24px; height: 24px; border-radius: 50%;\r\n  background: var(--border); color: var(--muted);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 11px; font-weight: 800; flex-shrink: 0;\r\n<\/span>\r\n.b2b-step.active .sn <span> background: var(--blue); color: #fff; <\/span>\r\n.b2b-step-line <span> flex: 1; height: 2px; background: var(--border); margin: 0 8px; <\/span>\r\n\r\n.b2b-form-body <span> padding: 28px 30px; <\/span>\r\n\r\n.b2b-fg <span> display: grid; grid-template-columns: 1fr 1fr; gap: 16px; <\/span>\r\n.b2b-field <span> display: flex; flex-direction: column; gap: 6px; <\/span>\r\n.b2b-field.full <span> grid-column: 1\/-1; <\/span>\r\n\r\n.b2b-field label <span>\r\n  font-size: 11px; font-weight: 700; letter-spacing: .07em;\r\n  text-transform: uppercase; color: var(--text);\r\n<\/span>\r\n.b2b-field .req <span> color: var(--red); margin-left: 2px; <\/span>\r\n\r\n.b2b-field input,\r\n.b2b-field select,\r\n.b2b-field textarea <span>\r\n  background: var(--light);\r\n  border: 1.5px solid var(--border);\r\n  border-radius: 8px;\r\n  color: var(--text);\r\n  font-family: inherit; font-size: 14px;\r\n  padding: 11px 14px; width: 100%;\r\n  outline: none;\r\n  transition: border-color .2s, box-shadow .2s, background .2s;\r\n  -webkit-appearance: none;\r\n<\/span>\r\n.b2b-field input::placeholder,\r\n.b2b-field textarea::placeholder <span> color: #b0b7c3; <\/span>\r\n.b2b-field input:focus,\r\n.b2b-field select:focus,\r\n.b2b-field textarea:focus <span>\r\n  border-color: var(--blue);\r\n  box-shadow: 0 0 0 3px rgba(26,107,204,.12);\r\n  background: var(--white);\r\n<\/span>\r\n.b2b-field select option <span> background: #fff; <\/span>\r\n.b2b-field textarea <span> resize: vertical; min-height: 100px; <\/span>\r\n\r\n\/* field hint *\/\r\n.b2b-hint <span> font-size: 11px; color: var(--muted); margin-top: 3px; <\/span>\r\n\r\n\/* qty selector *\/\r\n.b2b-qty-row <span> display: grid; grid-template-columns: 1fr 1fr; gap: 16px; <\/span>\r\n\r\n\/* submit row *\/\r\n.b2b-submit-row <span>\r\n  display: flex; align-items: center; gap: 16px;\r\n  margin-top: 22px; flex-wrap: wrap;\r\n<\/span>\r\n.b2b-submit-btn <span>\r\n  flex: 1; min-width: 160px;\r\n  background: var(--blue); color: #fff !important;\r\n  border: none; border-radius: 8px;\r\n  font-family: inherit; font-size: 15px; font-weight: 700;\r\n  padding: 14px 24px; cursor: pointer;\r\n  display: flex; align-items: center; justify-content: center; gap: 10px;\r\n  transition: background .18s, transform .15s;\r\n<\/span>\r\n.b2b-submit-btn:hover <span> background: var(--blue2); transform: translateY(-1px); <\/span>\r\n.b2b-submit-btn:active <span> transform: translateY(0); <\/span>\r\n.b2b-submit-btn svg <span> width: 16px; height: 16px; fill: currentColor; flex-shrink: 0; <\/span>\r\n\r\n.b2b-secure <span> font-size: 11px; color: var(--muted); line-height: 1.55; <\/span>\r\n\r\n\/* success *\/\r\n.b2b-success <span>\r\n  display: none; text-align: center; padding: 48px 24px;\r\n<\/span>\r\n.b2b-success .sc-circle <span>\r\n  width: 72px; height: 72px; border-radius: 50%;\r\n  background: #dcfce7;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin: 0 auto 18px; font-size: 32px;\r\n<\/span>\r\n.b2b-success h4 <span> font-size: 22px; font-weight: 800; color: var(--text); margin-bottom: 8px; <\/span>\r\n.b2b-success p  <span> font-size: 14px; color: var(--muted); line-height: 1.6; max-width: 320px; margin: 0 auto; <\/span>\r\n\r\n\/* \u2500\u2500 WHAT HAPPENS NEXT \u2500\u2500 *\/\r\n.b2b-next <span>\r\n  background: var(--white);\r\n  border-top: 1px solid var(--border);\r\n<\/span>\r\n.b2b-next-inner <span>\r\n  max-width: 1200px; margin: 0 auto; padding: 44px 24px 52px;\r\n<\/span>\r\n.b2b-next-inner h3 <span>\r\n  font-size: clamp(20px, 2.5vw, 28px); font-weight: 800;\r\n  margin-bottom: 6px;\r\n<\/span>\r\n.b2b-next-inner h3 span <span> color: var(--blue); <\/span>\r\n.b2b-next-inner > p <span> font-size: 14px; color: var(--muted); margin-bottom: 28px; <\/span>\r\n\r\n.b2b-steps-flow <span>\r\n  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;\r\n  position: relative;\r\n<\/span>\r\n.b2b-step-card <span>\r\n  background: var(--light);\r\n  border: 1px solid var(--border);\r\n  border-radius: var(--radius);\r\n  padding: 22px 18px;\r\n  text-align: center;\r\n  position: relative;\r\n  transition: border-color .2s, box-shadow .2s;\r\n<\/span>\r\n.b2b-step-card:hover <span>\r\n  border-color: var(--blue);\r\n  box-shadow: 0 4px 16px rgba(26,107,204,.09);\r\n<\/span>\r\n.b2b-step-num <span>\r\n  width: 36px; height: 36px; border-radius: 50%;\r\n  background: var(--blue); color: #fff;\r\n  font-size: 14px; font-weight: 800;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin: 0 auto 12px;\r\n<\/span>\r\n.b2b-step-card h5 <span> font-size: 14px; font-weight: 700; margin-bottom: 6px; <\/span>\r\n.b2b-step-card p  <span> font-size: 12px; color: var(--muted); line-height: 1.5; <\/span>\r\n.b2b-step-arrow <span>\r\n  position: absolute; right: -14px; top: 50%;\r\n  transform: translateY(-50%);\r\n  color: var(--border); font-size: 20px; z-index: 1;\r\n  display: flex;\r\n<\/span>\r\n.b2b-step-card:last-child .b2b-step-arrow <span> display: none; <\/span>\r\n\r\n\/* \u2500\u2500 BRANDS WE SUPPLY \u2500\u2500 *\/\r\n.b2b-brands <span>\r\n  background: var(--light);\r\n  border-top: 1px solid var(--border);\r\n  padding: 44px 24px 52px;\r\n<\/span>\r\n.b2b-brands-inner <span>\r\n  max-width: 1200px; margin: 0 auto;\r\n<\/span>\r\n.b2b-brands-inner h4 <span>\r\n  text-align: center; font-size: 11px; font-weight: 700;\r\n  color: var(--muted); letter-spacing: .12em; text-transform: uppercase;\r\n  margin-bottom: 36px;\r\n<\/span>\r\n.b2b-brands-row <span>\r\n  display: flex; align-items: flex-start; justify-content: center;\r\n  gap: 32px; flex-wrap: wrap;\r\n<\/span>\r\n.b2b-brand-card <span>\r\n  display: flex; flex-direction: column; align-items: center; gap: 12px;\r\n  cursor: default; background: none; border: none; padding: 0;\r\n<\/span>\r\n.b2b-brand-circle <span>\r\n  width: 90px; height: 90px; border-radius: 50%;\r\n  background: var(--white);\r\n  border: 1.5px solid var(--border);\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: box-shadow .25s, border-color .25s, transform .25s;\r\n  overflow: hidden;\r\n<\/span>\r\n.b2b-brand-card:hover .b2b-brand-circle <span>\r\n  border-color: var(--blue);\r\n  box-shadow: 0 6px 24px rgba(26,107,204,.15);\r\n  transform: translateY(-4px) scale(1.08);\r\n<\/span>\r\n.b2b-brand-circle img <span>\r\n  width: 52px; height: 52px; object-fit: contain;\r\n  transition: transform .25s;\r\n<\/span>\r\n.b2b-brand-card:hover .b2b-brand-circle img <span>\r\n  transform: scale(1.15);\r\n<\/span>\r\n.b2b-brand-card span <span>\r\n  font-size: 12px; font-weight: 700; color: var(--muted);\r\n  letter-spacing: .06em; text-transform: uppercase;\r\n<\/span>\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .b2b-main <span> grid-template-columns: 1fr; <\/span>\r\n  .b2b-fg   <span> grid-template-columns: 1fr; <\/span>\r\n  .b2b-qty-row <span> grid-template-columns: 1fr; <\/span>\r\n  .b2b-steps-flow <span> grid-template-columns: 1fr 1fr; <\/span>\r\n  .b2b-step-arrow <span> display: none !important; <\/span>\r\n  .b2b-trust-item <span> border-right: none; border-bottom: 1px solid var(--border); <\/span>\r\n  .b2b-trust-item:last-child <span> border-bottom: none; <\/span>\r\n  .b2b-steps <span> gap: 4px; <\/span>\r\n  .b2b-form-body <span> padding: 20px 18px; <\/span>\r\n  .b2b-form-head <span> padding: 20px 18px; <\/span>\r\n}\r\n@media (max-width: 560px) {\r\n  .b2b-serve-grid <span> grid-template-columns: 1fr; <\/span>\r\n  .b2b-steps-flow <span> grid-template-columns: 1fr; <\/span>\r\n  .b2b-hero <span> padding: 36px 16px 30px; <\/span>\r\n  .b2b-steps <span> display: none; <\/span>\r\n}\r\n\r\n\/* \u2500\u2500 LIVE STOCK \u2500\u2500 *\/\r\n.b2b-stock <span>\r\n  background: var(--white);\r\n  border-bottom: 1px solid var(--border);\r\n  position: relative;\r\n<\/span>\r\n.b2b-stock-inner <span>\r\n  max-width: 1200px; margin: 0 auto; padding: 48px 24px 56px;\r\n<\/span>\r\n.b2b-stock-head <span>\r\n  display: flex; align-items: flex-end; justify-content: space-between;\r\n  gap: 24px; flex-wrap: wrap; margin-bottom: 26px;\r\n<\/span>\r\n.b2b-stock-head h3 <span>\r\n  font-size: clamp(20px, 2.4vw, 28px); font-weight: 800; margin-bottom: 8px; line-height: 1.15;\r\n<\/span>\r\n.b2b-stock-head h3 span <span> color: var(--blue); <\/span>\r\n.b2b-stock-sub <span> font-size: 13.5px; color: var(--muted); max-width: 50ch; line-height: 1.65; <\/span>\r\n\r\n.b2b-stock-toolbar <span> display: flex; flex-direction: column; align-items: flex-end; gap: 10px; <\/span>\r\n.b2b-stock-filters <span> display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; <\/span>\r\n.b2b-stock-filter <span>\r\n  font: inherit; font-size: 12.5px; font-weight: 700; color: var(--blue2);\r\n  background: var(--blue-light); border: 1px solid transparent; border-radius: 50px;\r\n  padding: 7px 14px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;\r\n  transition: background .15s, color .15s;\r\n<\/span>\r\n.b2b-stock-filter .fc <span> font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size: 10.5px; opacity: .75; <\/span>\r\n.b2b-stock-filter.active <span> background: var(--blue); color: #fff; <\/span>\r\n.b2b-stock-filter.active .fc <span> opacity: .85; <\/span>\r\n.b2b-stock-filter:hover:not(.active) <span> background: #e2ecfa; <\/span>\r\n\r\n.b2b-stock-search <span>\r\n  display: flex; align-items: center; gap: 8px;\r\n  background: var(--light); border: 1.5px solid var(--border); border-radius: 8px;\r\n  padding: 8px 12px; min-width: 230px;\r\n<\/span>\r\n.b2b-stock-search svg <span> width: 15px; height: 15px; color: var(--muted); flex-shrink: 0; <\/span>\r\n.b2b-stock-search input <span>\r\n  border: none; outline: none; background: transparent; font: inherit; font-size: 13px;\r\n  color: var(--text); width: 100%;\r\n<\/span>\r\n.b2b-stock-search input::placeholder <span> color: #b0b7c3; <\/span>\r\n\r\n.b2b-stock-count <span> font-size: 12px; color: var(--muted); margin-bottom: 16px; <\/span>\r\n\r\n.b2b-stock-grid <span>\r\n  display: grid; grid-template-columns: repeat(auto-fill, minmax(272px, 1fr)); gap: 16px;\r\n<\/span>\r\n.b2b-stock-card <span>\r\n  background: var(--light);\r\n  border: 1px solid var(--border);\r\n  border-radius: var(--radius);\r\n  padding: 18px;\r\n  display: flex; flex-direction: column; gap: 11px;\r\n  transition: border-color .2s, box-shadow .2s, transform .2s;\r\n<\/span>\r\n.b2b-stock-card:hover <span>\r\n  border-color: var(--blue);\r\n  box-shadow: 0 8px 24px rgba(26,107,204,.12);\r\n  transform: translateY(-3px);\r\n<\/span>\r\n.b2b-stock-top <span> display: flex; align-items: center; justify-content: space-between; gap: 8px; <\/span>\r\n.b2b-stock-badge <span>\r\n  font-size: 11px; font-weight: 700; color: var(--blue2);\r\n  background: var(--blue-light); border-radius: 5px; padding: 3px 9px;\r\n  display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;\r\n<\/span>\r\n.b2b-stock-badge svg <span> width: 12px; height: 12px; flex-shrink: 0; <\/span>\r\n.b2b-stock-instock <span>\r\n  display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 700;\r\n  color: var(--green); white-space: nowrap;\r\n<\/span>\r\n.b2b-stock-instock .dot <span>\r\n  width: 6px; height: 6px; border-radius: 50%; background: var(--green);\r\n<\/span>\r\n.b2b-stock-name <span> font-size: 15.5px; font-weight: 700; color: var(--text); line-height: 1.3; word-break: break-word; <\/span>\r\n.b2b-stock-desc <span>\r\n  font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\r\n  font-size: 11px; color: var(--muted); line-height: 1.6;\r\n  padding-top: 10px; border-top: 1px dashed var(--border);\r\n<\/span>\r\n.b2b-stock-pn <span>\r\n  display: flex; align-items: center; justify-content: space-between; gap: 8px;\r\n  font-size: 11.5px; color: var(--muted); font-weight: 600;\r\n<\/span>\r\n.b2b-stock-pn .mono <span>\r\n  font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color: var(--text); font-weight: 600;\r\n<\/span>\r\n.b2b-stock-cta <span>\r\n  display: flex; align-items: center; justify-content: center; gap: 8px;\r\n  background: #25a956; color: #fff !important; text-decoration: none;\r\n  font-size: 13px; font-weight: 700; padding: 11px 14px; border-radius: 7px;\r\n  transition: opacity .18s; margin-top: 2px;\r\n<\/span>\r\n.b2b-stock-cta:hover <span> opacity: .85; <\/span>\r\n.b2b-stock-cta svg <span> width: 15px; height: 15px; flex-shrink: 0; <\/span>\r\n\r\n.b2b-stock-empty <span> display: none; text-align: center; padding: 56px 20px; color: var(--muted); font-size: 13.5px; <\/span>\r\n.b2b-stock-empty a <span>\r\n  display: inline-flex; align-items: center; gap: 8px; margin-top: 14px;\r\n  background: #25a956; color: #fff; text-decoration: none; padding: 10px 16px;\r\n  border-radius: 7px; font-weight: 700; font-size: 13px;\r\n<\/span>\r\n.b2b-stock-empty svg <span> width: 14px; height: 14px; <\/span>\r\n\r\n@media (max-width: 900px) {\r\n  .b2b-stock-head <span> flex-direction: column; align-items: flex-start; <\/span>\r\n  .b2b-stock-toolbar <span> align-items: stretch; width: 100%; <\/span>\r\n  .b2b-stock-filters <span> justify-content: flex-start; <\/span>\r\n}\r\n@media (max-width: 560px) {\r\n  .b2b-stock-search <span> min-width: 0; <\/span>\r\n}\r\n<\/style>\r\n\r\n<div class=\"b2b-wrap\">\r\n\r\n  <!-- HERO -->\r\n  <div class=\"b2b-hero\">\r\n    <div class=\"b2b-hero-inner\">\r\n      <div class=\"b2b-hero-badge\"><span class=\"dot\"><\/span> \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u2014 \u062f\u062e\u0648\u0644 \u062d\u0635\u0631\u064a<\/div>\r\n      <h1>\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0644\u0640<br\/><span>\u062a\u0648\u0631\u064a\u062f \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0628\u0627\u0644\u062c\u0645\u0644\u0629<\/span><\/h1>\r\n      <p>\u0645\u062e\u0635\u0635\u0629 \u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0645\u0648\u0632\u0639\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629. \u0633\u0644\u0633\u0644\u0629 \u062a\u0648\u0631\u064a\u062f \u0645\u0633\u062a\u0642\u0631\u0629. \u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629. \u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.   <\/p>\r\n      <div class=\"b2b-hero-pills\">\r\n        <div class=\"b2b-pill\">\ud83c\udfe2 \u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/div>\r\n        <div class=\"b2b-pill\">\ud83c\udfdb\ufe0f \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629<\/div>\r\n        <div class=\"b2b-pill\">\ud83c\udf0d \u0645\u0648\u0632\u0639\u0648 \u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a<\/div>\r\n        <div class=\"b2b-pill\">\ud83d\udce6 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0628\u0627\u0644\u062c\u0645\u0644\u0629<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- TRUST STRIP -->\r\n  <div class=\"b2b-trust\">\r\n    <div class=\"b2b-trust-inner\">\r\n      <div class=\"b2b-trust-item\">\r\n        <div class=\"b2b-trust-icon\">\ud83d\udce6<\/div>\r\n        <div>\r\n          <strong>\u0623\u0633\u0639\u0627\u0631 \u0627\u0644\u062c\u0645\u0644\u0629<\/strong>\r\n          <span>\u062e\u0635\u0648\u0645\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0641\u064a \u0643\u0644 \u0637\u0644\u0628<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"b2b-trust-item\">\r\n        <div class=\"b2b-trust-icon\">\ud83d\udd12<\/div>\r\n        <div>\r\n          <strong>\u0633\u0644\u0633\u0644\u0629 \u062a\u0648\u0631\u064a\u062f \u0645\u0633\u062a\u0642\u0631\u0629<\/strong>\r\n          <span>\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0623\u062c\u0647\u0632\u0629 \u0645\u062a\u0633\u0642\u0629<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"b2b-trust-item\">\r\n        <div class=\"b2b-trust-icon\">\ud83d\ude9a<\/div>\r\n        <div>\r\n          <strong>\u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a<\/strong>\r\n          <span>\u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0633\u0631\u064a\u0639\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"b2b-trust-item\">\r\n        <div class=\"b2b-trust-icon\">\ud83d\udee1\ufe0f<\/div>\r\n        <div>\r\n          <strong>\u0636\u0645\u0627\u0646 \u0631\u0633\u0645\u064a<\/strong>\r\n          <span>\u0636\u0645\u0627\u0646 \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0635\u0646\u0639\u0629 \u0627\u0644\u0643\u0627\u0645\u0644 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u062d\u062f\u0627\u062a<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- RETAIL WARNING -->\r\n  <div class=\"b2b-warning\">\r\n    <div class=\"b2b-warning-inner\">\r\n      <div class=\"b2b-warning-icon\">\u26a0\ufe0f<\/div>\r\n      <p><strong>\u0645\u0644\u0627\u062d\u0638\u0629 \u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u062a\u062c\u0632\u0626\u0629:<\/strong> \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u062e\u0635\u0635\u0629 <strong>\u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0641\u0642\u0637<\/strong>. \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0631\u063a\u0628 \u0641\u064a \u0634\u0631\u0627\u0621 \u062c\u0647\u0627\u0632 \u0644\u0627\u0628\u062a\u0648\u0628 \u0648\u0627\u062d\u062f \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0634\u062e\u0635\u064a\u060c \u064a\u064f\u0631\u062c\u0649 <a href=\"https:\/\/techpointzone.com\/shop\">\u0627\u0644\u0646\u0642\u0631 \u0647\u0646\u0627 \u0644\u0632\u064a\u0627\u0631\u0629 \u0645\u062a\u062c\u0631 \u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627<\/a>. <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- LIVE STOCK -->\r\n  <div class=\"b2b-stock\">\r\n    <div class=\"b2b-stock-inner\">\r\n      <div class=\"b2b-stock-head\">\r\n        <div>\r\n          <p class=\"b2b-section-tag\">\u0627\u0644\u0645\u062e\u0632\u0648\u0646 \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/p>\r\n          <h3>\u0645\u062a\u0648\u0641\u0631 <span>\u0627\u0644\u0622\u0646<\/span><\/h3>\r\n          <p class=\"b2b-stock-sub\">\u0643\u0644 \u062a\u0643\u0648\u064a\u0646 \u0623\u062f\u0646\u0627\u0647 \u0645\u062a\u0648\u0641\u0631 \u0641\u064a \u0627\u0644\u0645\u062e\u0632\u0648\u0646 \u0627\u0644\u064a\u0648\u0645. \u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0642\u0645 \u0627\u0644\u0642\u0637\u0639\u0629 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u0633\u0646\u0624\u0643\u062f \u0623\u0633\u0639\u0627\u0631 \u0627\u0644\u062c\u0645\u0644\u0629 \u0641\u064a \u063a\u0636\u0648\u0646 \u062f\u0642\u0627\u0626\u0642. <\/p>\r\n        <\/div>\r\n        <div class=\"b2b-stock-toolbar\">\r\n          <div class=\"b2b-stock-filters\" id=\"stockFilters\"><\/div>\r\n          <div class=\"b2b-stock-search\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"><\/circle><path d=\"M20 20l-4.3-4.3\"><\/path><\/svg>\r\n            <input type=\"text\" id=\"stockSearch\" placeholder=\"\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0637\u0631\u0627\u0632 \u0623\u0648 \u0631\u0642\u0645 \u0642\u0637\u0639\u0629\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"b2b-stock-count\" id=\"stockCount\"><\/p>\r\n      <div class=\"b2b-stock-grid\" id=\"stockGrid\"><\/div>\r\n      <div class=\"b2b-stock-empty\" id=\"stockEmpty\">\r\n        <p>\u0644\u0627 \u062a\u0648\u062c\u062f \u0637\u0631\u0627\u0632\u0627\u062a \u062a\u0637\u0627\u0628\u0642 \u0647\u0630\u0627 \u0627\u0644\u0628\u062d\u062b.<\/p>\r\n        <a href=\"https:\/\/wa.me\/971525696022?text=Hi%2C%20I%20have%20a%20B2B%20inquiry\" target=\"_blank\" rel=\"noopener\">\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\"><\/path><\/svg>\r\n \u0627\u0633\u0623\u0644 \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- MAIN -->\r\n  <div class=\"b2b-main\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"b2b-left\">\r\n\r\n      <div>\r\n        <p class=\"b2b-section-tag\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/p>\r\n        <h2>\u0645\u0646 <span>\u0646\u062e\u062f\u0645<\/span><\/h2>\r\n        <p>\u0645\u0631\u062d\u0628\u064b\u0627 \u0628\u0643 \u0641\u064a \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0640 Tech Point Zone. \u0647\u0630\u0647 \u0627\u0644\u0642\u0646\u0627\u0629 \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0645\u062d\u062c\u0648\u0632\u0629 \u062d\u0635\u0631\u064a\u064b\u0627 \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629 \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0645\u0639 \u062f\u0639\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629. <\/p>\r\n      <\/div>\r\n\r\n      <!-- WHO WE SERVE GRID -->\r\n      <div>\r\n        <p class=\"b2b-serve-title\">\ud83c\udfe2 \u0646\u0639\u0645\u0644 \u0645\u0639:<\/p>\r\n        <div class=\"b2b-serve-grid\">\r\n          <div class=\"b2b-serve-card\">\r\n            <div class=\"sc-icon\">\ud83c\udfe2<\/div>\r\n            <div>\r\n              <strong>\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/strong>\r\n              <span>\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0644\u0645\u0643\u0627\u062a\u0628<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"b2b-serve-card\">\r\n            <div class=\"sc-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n            <div>\r\n              <strong>\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629<\/strong>\r\n              <span>\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u064a\u0646<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"b2b-serve-card\">\r\n            <div class=\"sc-icon\">\ud83c\udf93<\/div>\r\n            <div>\r\n              <strong>\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629<\/strong>\r\n              <span>\u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0648\u0627\u0644\u0643\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"b2b-serve-card\">\r\n            <div class=\"sc-icon\">\ud83c\udf0d<\/div>\r\n            <div>\r\n              <strong>\u0627\u0644\u0645\u0648\u0632\u0639\u0648\u0646 \u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0648\u0646<\/strong>\r\n              <span>\u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0641\u064a \u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- WHY CHOOSE B2B -->\r\n      <div class=\"b2b-why-box\">\r\n        <div class=\"b2b-why-header\">\u2b50 \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0642\u0646\u0627\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0646\u0627<\/div>\r\n        <div class=\"b2b-why-list\">\r\n          <div class=\"b2b-why-item\">\r\n            <div class=\"wi-icon\">\u2713<\/div>\r\n            <div><strong>\u062e\u0635\u0648\u0645\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0643\u0645\u064a\u0627\u062a<\/strong> <span>: \u0623\u0633\u0639\u0627\u0631 \u0623\u0641\u0636\u0644 \u0643\u0644\u0645\u0627 \u0632\u0627\u062f \u0637\u0644\u0628\u0643<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"b2b-why-item\">\r\n            <div class=\"wi-icon\">\u2713<\/div>\r\n            <div><strong>\u062a\u0643\u0648\u064a\u0646\u0627\u062a \u0645\u062a\u0633\u0642\u0629<\/strong> <span>: \u0646\u0641\u0633 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u062d\u062f\u0627\u062a<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"b2b-why-item\">\r\n            <div class=\"wi-icon\">\u2713<\/div>\r\n            <div><strong>\u0645\u062f\u064a\u0631 \u062d\u0633\u0627\u0628 \u0645\u062e\u0635\u0635<\/strong> <span>: \u0646\u0642\u0637\u0629 \u0627\u062a\u0635\u0627\u0644 \u0648\u0627\u062d\u062f\u0629<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"b2b-why-item\">\r\n            <div class=\"wi-icon\">\u2713<\/div>\r\n            <div><strong>\u0641\u0648\u0627\u062a\u064a\u0631 \u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0636\u0631\u064a\u0628\u0629 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0636\u0627\u0641\u0629<\/strong> <span>: \u0634\u0631\u0643\u0629 \u0645\u0633\u062c\u0644\u0629 \u0628\u0631\u0642\u0645 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0636\u0631\u064a\u0628\u064a<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"b2b-why-item\">\r\n            <div class=\"wi-icon\">\u2713<\/div>\r\n            <div><strong>\u0642\u062f\u0631\u0629 \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0644\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a<\/strong> <span>: \u0646\u062a\u0648\u0644\u0649 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- QUICK CONTACT -->\r\n      <div class=\"b2b-quick-contact\">\r\n        <h4>\ud83d\udcde \u062a\u0641\u0636\u0644 \u0627\u0644\u062a\u062d\u062f\u062b \u0645\u0628\u0627\u0634\u0631\u0629\u061f<\/h4>\r\n        <div class=\"b2b-qc-row\">\r\n           <a class=\"b2b-qc-btn wa\" href=\"https:\/\/wa.me\/971525696022?text=Hi%2C%20I%20have%20a%20B2B%20inquiry\" target=\"_blank\" rel=\"noopener\">\r\n            <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"currentColor\" style=\"flex-shrink:0\"><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\"><\/path><\/svg>\r\n \u0631\u0627\u0633\u0644\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n          <\/a>\r\n          <a class=\"b2b-qc-btn tel\" href=\"tel:+971525696022\">\ud83d\udcde +971 52 569 6022<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT: FORM -->\r\n    <div class=\"b2b-form-box\">\r\n      <div class=\"b2b-form-head\">\r\n        <div class=\"fh-tag\">\u0646\u0645\u0648\u0630\u062c \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/div>\r\n        <h3>\u0637\u0644\u0628 \u0639\u0631\u0636 \u0623\u0633\u0639\u0627\u0631<\/h3>\r\n        <p>\u0627\u0645\u0644\u0623 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0623\u062f\u0646\u0627\u0647 \u2014 \u0633\u064a\u0631\u062f \u0641\u0631\u064a\u0642 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627 \u0641\u064a \u063a\u0636\u0648\u0646 4 \u0633\u0627\u0639\u0627\u062a \u0639\u0645\u0644.<\/p>\r\n      <\/div>\r\n\r\n      <!-- STEPS -->\r\n      <div class=\"b2b-steps\">\r\n        <div class=\"b2b-step active\">\r\n          <div class=\"sn\">1<\/div> \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643\r\n        <\/div>\r\n        <div class=\"b2b-step-line\"><\/div>\r\n        <div class=\"b2b-step active\">\r\n          <div class=\"sn\">2<\/div> \u0627\u0644\u0634\u0631\u0643\u0629\r\n        <\/div>\r\n        <div class=\"b2b-step-line\"><\/div>\r\n        <div class=\"b2b-step active\">\r\n          <div class=\"sn\">3<\/div> \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\r\n        <\/div>\r\n        <div class=\"b2b-step-line\"><\/div>\r\n        <div class=\"b2b-step active\">\r\n          <div class=\"sn\">4<\/div> \u0625\u0631\u0633\u0627\u0644\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"b2b-form-body\">\r\n        <div id=\"b2bForm\">\r\n          <div class=\"b2b-fg\">\r\n\r\n            <!-- Personal -->\r\n            <div class=\"b2b-field\">\r\n              <label for=\"b2b_name\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"text\" id=\"b2b_name\" placeholder=\"\u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\" required=\"\">\r\n            <\/div>\r\n            <div class=\"b2b-field\">\r\n              <label for=\"b2b_email\">\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"email\" id=\"b2b_email\" placeholder=\"you@company.com\" required=\"\">\r\n            <\/div>\r\n            <div class=\"b2b-field\">\r\n              <label for=\"b2b_phone\">\u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0648\u0627\u062a\u0633\u0627\u0628 <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"tel\" id=\"b2b_phone\" placeholder=\"+971 5X XXX XXXX\" required=\"\">\r\n            <\/div>\r\n            <div class=\"b2b-field\">\r\n              <label for=\"b2b_role\">\u062f\u0648\u0631\u0643 \u0627\u0644\u0648\u0638\u064a\u0641\u064a<\/label>\r\n              <select id=\"b2b_role\">\r\n                <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u062f\u0648\u0631\u0643 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u2026<\/option>\r\n                <option>\u0645\u062f\u064a\u0631 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \/ \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/option>\r\n                <option>\u0635\u0627\u062d\u0628 \u0639\u0645\u0644<\/option>\r\n                <option>\u0645\u0648\u0638\u0641 \u062d\u0643\u0648\u0645\u064a<\/option>\r\n                <option>\u0645\u0648\u0632\u0639 \/ \u0628\u0627\u0626\u0639<\/option>\r\n                <option>\u0625\u062f\u0627\u0631\u0629 \u0645\u062f\u0631\u0633\u0629 \/ \u062c\u0627\u0645\u0639\u0629<\/option>\r\n                <option>\u0623\u062e\u0631\u0649<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <!-- Company -->\r\n            <div class=\"b2b-field\">\r\n              <label for=\"b2b_company\">\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"text\" id=\"b2b_company\" placeholder=\"Tech Corp LLC\" required=\"\">\r\n            <\/div>\r\n            <div class=\"b2b-field\">\r\n              <label for=\"b2b_trn\">\u0631\u0642\u0645 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0636\u0631\u064a\u0628\u064a \u0644\u0644\u0634\u0631\u0643\u0629<\/label>\r\n              <input type=\"text\" id=\"b2b_trn\" placeholder=\"100XXXXXXXXX (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\"\/>\r\n              <span class=\"b2b-hint\">\u0631\u0642\u0645 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0636\u0631\u064a\u0628\u064a \u0644\u0641\u0648\u0627\u062a\u064a\u0631 \u0636\u0631\u064a\u0628\u0629 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0636\u0627\u0641\u0629<\/span>\r\n            <\/div>\r\n\r\n            <!-- Products -->\r\n            <div class=\"b2b-field\">\r\n              <label for=\"b2b_product\">\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 <span class=\"req\">*<\/span><\/label>\r\n              <select id=\"b2b_product\">\r\n                <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\u2026<\/option>\r\n                <option>\u0623\u062c\u0647\u0632\u0629 \u0644\u0627\u0628\u062a\u0648\u0628 \u0644\u0644\u0623\u0639\u0645\u0627\u0644<\/option>\r\n                <option>\u0623\u062c\u0647\u0632\u0629 \u0644\u0627\u0628\u062a\u0648\u0628 \u0644\u0644\u0623\u0644\u0639\u0627\u0628<\/option>\r\n                <option>\u0623\u062c\u0647\u0632\u0629 \u0644\u0627\u0628\u062a\u0648\u0628 \u0644\u0644\u0637\u0644\u0627\u0628<\/option>\r\n                <option>\u0623\u062c\u0647\u0632\u0629 MacBooks<\/option>\r\n                <option>\u0623\u062c\u0647\u0632\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062d\u0648\u064a\u0644 2 \u0641\u064a 1<\/option>\r\n                <option>\u0623\u062c\u0647\u0632\u0629 \u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0627\u0644\u0643\u0644 \u0641\u064a \u0648\u0627\u062d\u062f<\/option>\r\n                <option>\u0634\u0627\u0634\u0627\u062a<\/option>\r\n                <option>\u0645\u062e\u062a\u0644\u0637\u0629 \/ \u0623\u0646\u0648\u0627\u0639 \u0645\u062a\u0639\u062f\u062f\u0629<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"b2b-field\">\r\n              <label for=\"b2b_brand\">\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u0641\u0636\u0644\u0629<\/label>\r\n              <select id=\"b2b_brand\">\r\n                <option value=\"\" disabled selected>\u0623\u064a \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629\u2026<\/option>\r\n                <option>Dell<\/option>\r\n                <option>HP<\/option>\r\n                <option>Lenovo<\/option>\r\n                <option>ASUS<\/option>\r\n                <option>Acer<\/option>\r\n                <option>Apple<\/option>\r\n                <option>MSI<\/option>\r\n                <option>Samsung<\/option>\r\n                <option>\u0644\u0627 \u064a\u0648\u062c\u062f \u062a\u0641\u0636\u064a\u0644<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"b2b-field\">\r\n              <label for=\"b2b_qty\">\u0627\u0644\u0643\u0645\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 <span class=\"req\">*<\/span><\/label>\r\n              <select id=\"b2b_qty\">\r\n                <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u0646\u0637\u0627\u0642 \u0627\u0644\u0643\u0645\u064a\u0629\u2026<\/option>\r\n                <option>1 \u2013 5 \u0648\u062d\u062f\u0627\u062a<\/option>\r\n                <option>6 \u2013 20 \u0648\u062d\u062f\u0629<\/option>\r\n                <option>21 \u2013 50 \u0648\u062d\u062f\u0629<\/option>\r\n                <option>51 \u2013 100 \u0648\u062d\u062f\u0629<\/option>\r\n                <option>100+ \u0648\u062d\u062f\u0629<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"b2b-field\">\r\n              <label for=\"b2b_budget\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 (\u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a)<\/label>\r\n              <select id=\"b2b_budget\">\r\n                <option value=\"\" disabled selected>\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a\u0629\u2026<\/option>\r\n                <option>\u0623\u0642\u0644 \u0645\u0646 50,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/option>\r\n                <option>50,000 \u2013 100,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/option>\r\n                <option>100,000 \u2013 250,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/option>\r\n                <option>250,000 \u2013 500,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/option>\r\n                <option>500,000+ \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"b2b-field full\">\r\n              <label for=\"b2b_msg\">\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629<\/label>\r\n              <textarea id=\"b2b_msg\" placeholder=\"\u0635\u0650\u0641 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0645\u0646 \u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0645\u062d\u062f\u062f\u0629 \u0623\u0648 \u062c\u062f\u0648\u0644 \u0632\u0645\u0646\u064a \u0644\u0644\u062a\u0633\u0644\u064a\u0645 \u0623\u0648 \u062a\u0641\u0636\u064a\u0644\u0627\u062a \u0627\u0644\u062a\u0643\u0648\u064a\u0646 \u0623\u0648 \u0623\u064a \u062a\u0641\u0627\u0635\u064a\u0644 \u0623\u062e\u0631\u0649 \u062a\u0633\u0627\u0639\u062f\u0646\u0627 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0623\u0641\u0636\u0644 \u0639\u0631\u0636 \u0623\u0633\u0639\u0627\u0631 \u0644\u0643\u2026\"><\/textarea>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"b2b-submit-row\">\r\n            <button class=\"b2b-submit-btn\" onclick=\"b2bSubmit()\">\r\n              <svg viewbox=\"0 0 24 24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"><\/path><\/svg>\r\n \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0623\u0633\u0639\u0627\u0631\r\n            <\/button>\r\n            <p class=\"b2b-secure\">\ud83d\udd12 \u0633\u0631\u064a \u0648\u0622\u0645\u0646.<br\/>\u0644\u0646 \u0646\u0634\u0627\u0631\u0643 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0623\u0628\u062f\u064b\u0627.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- SUCCESS -->\r\n        <div class=\"b2b-success\" id=\"b2bSuccess\">\r\n          <div class=\"sc-circle\">\u2705<\/div>\r\n          <h4>\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0639\u0631\u0636 \u0627\u0644\u0623\u0633\u0639\u0627\u0631!<\/h4>\r\n          <p>\u0634\u0643\u0631\u064b\u0627 \u0644\u0643 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643. \u0633\u064a\u0631\u0627\u062c\u0639 \u0641\u0631\u064a\u0642 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627 \u0637\u0644\u0628\u0643 \u0648\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u064a \u063a\u0636\u0648\u0646 4 \u0633\u0627\u0639\u0627\u062a \u0639\u0645\u0644. <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/.b2b-main -->\r\n\r\n  <!-- WHAT HAPPENS NEXT -->\r\n  <div class=\"b2b-next\">\r\n    <div class=\"b2b-next-inner\">\r\n      <h3>\u0645\u0627\u0630\u0627 \u064a\u062d\u062f\u062b <span>\u0628\u0639\u062f \u0630\u0644\u0643\u061f<\/span><\/h3>\r\n      <p>\u062a\u0646\u0642\u0644\u0643 \u0639\u0645\u0644\u064a\u062a\u0646\u0627 \u0627\u0644\u0645\u0628\u0633\u0637\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0628\u0623\u0633\u0631\u0639 \u0645\u0627 \u064a\u0645\u0643\u0646.<\/p>\r\n      <div class=\"b2b-steps-flow\">\r\n        <div class=\"b2b-step-card\">\r\n          <div class=\"b2b-step-num\">1<\/div>\r\n          <h5>\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631<\/h5>\r\n          <p>\u0627\u0645\u0644\u0623 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u062a\u0641\u0627\u0635\u064a\u0644 \u0634\u0631\u0643\u062a\u0643 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c.<\/p>\r\n          <div class=\"b2b-step-arrow\">\u203a<\/div>\r\n        <\/div>\r\n        <div class=\"b2b-step-card\">\r\n          <div class=\"b2b-step-num\">2<\/div>\r\n          <h5>\u0646\u0631\u0627\u062c\u0639<\/h5>\r\n          <p>\u064a\u0631\u0627\u062c\u0639 \u0623\u062e\u0635\u0627\u0626\u064a \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0648\u064a\u062a\u062d\u0642\u0642 \u0645\u0646 \u062a\u0648\u0641\u0631 \u0627\u0644\u0645\u062e\u0632\u0648\u0646.<\/p>\r\n          <div class=\"b2b-step-arrow\">\u203a<\/div>\r\n        <\/div>\r\n        <div class=\"b2b-step-card\">\r\n          <div class=\"b2b-step-num\">3<\/div>\r\n          <h5>\u0627\u0633\u062a\u0644\u0627\u0645 \u0639\u0631\u0636 \u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/h5>\r\n          <p>\u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0623\u0633\u0639\u0627\u0631 \u0645\u0641\u0635\u0644 \u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0644\u062a\u0633\u0644\u064a\u0645.<\/p>\r\n          <div class=\"b2b-step-arrow\">\u203a<\/div>\r\n        <\/div>\r\n        <div class=\"b2b-step-card\">\r\n          <div class=\"b2b-step-num\">4<\/div>\r\n          <h5>\u0627\u0644\u0637\u0644\u0628 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/h5>\r\n          <p>\u0623\u0643\u062f \u0637\u0644\u0628\u0643 \u0648\u0633\u0646\u062a\u0648\u0644\u0649 \u0627\u0644\u0628\u0627\u0642\u064a \u2014 \u062d\u062a\u0649 \u0628\u0627\u0628 \u0645\u0646\u0632\u0644\u0643.<\/p>\r\n          <div class=\"b2b-step-arrow\">\u203a<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- BRANDS -->\r\n  <div class=\"b2b-brands\">\r\n    <div class=\"b2b-brands-inner\">\r\n      <h4>\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u0646\u0648\u0631\u062f\u0647\u0627<\/h4>\r\n      <div class=\"b2b-brands-row\">\r\n\r\n        <!-- DELL -->\r\n        <div class=\"b2b-brand-card\">\r\n          <div class=\"b2b-brand-circle\">\r\n            <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/dell.svg\" alt=\"Dell\" style=\"filter:invert(27%) sepia(89%) saturate(500%) hue-rotate(180deg);\">\r\n          <\/div>\r\n          <span>Dell<\/span>\r\n        <\/div>\r\n\r\n        <!-- HP -->\r\n        <div class=\"b2b-brand-card\">\r\n          <div class=\"b2b-brand-circle\">\r\n            <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/hp.svg\" alt=\"HP\" style=\"filter:invert(29%) sepia(98%) saturate(700%) hue-rotate(190deg);\">\r\n          <\/div>\r\n          <span>HP<\/span>\r\n        <\/div>\r\n\r\n        <!-- LENOVO -->\r\n        <div class=\"b2b-brand-card\">\r\n          <div class=\"b2b-brand-circle\">\r\n            <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/lenovo.svg\" alt=\"Lenovo\" style=\"filter:invert(18%) sepia(90%) saturate(700%) hue-rotate(340deg);\">\r\n          <\/div>\r\n          <span>Lenovo<\/span>\r\n        <\/div>\r\n\r\n        <!-- ASUS -->\r\n        <div class=\"b2b-brand-card\">\r\n          <div class=\"b2b-brand-circle\">\r\n            <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/asus.svg\" alt=\"ASUS\" style=\"filter:invert(20%) sepia(80%) saturate(600%) hue-rotate(200deg);\">\r\n          <\/div>\r\n          <span>ASUS<\/span>\r\n        <\/div>\r\n\r\n        <!-- ACER -->\r\n        <div class=\"b2b-brand-card\">\r\n          <div class=\"b2b-brand-circle\">\r\n            <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/acer.svg\" alt=\"Acer\" style=\"filter:invert(40%) sepia(80%) saturate(500%) hue-rotate(75deg);\">\r\n          <\/div>\r\n          <span>Acer<\/span>\r\n        <\/div>\r\n\r\n        <!-- APPLE -->\r\n        <div class=\"b2b-brand-card\">\r\n          <div class=\"b2b-brand-circle\">\r\n            <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/apple.svg\" alt=\"Apple\" style=\"filter:invert(30%);\">\r\n          <\/div>\r\n          <span>Apple<\/span>\r\n        <\/div>\r\n\r\n        <!-- MSI -->\r\n        <div class=\"b2b-brand-card\">\r\n          <div class=\"b2b-brand-circle\">\r\n            <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/msi.svg\" alt=\"MSI\" style=\"filter:invert(15%) sepia(90%) saturate(700%) hue-rotate(340deg);\">\r\n          <\/div>\r\n          <span>MSI<\/span>\r\n        <\/div>\r\n\r\n        <!-- SAMSUNG -->\r\n        <div class=\"b2b-brand-card\">\r\n          <div class=\"b2b-brand-circle\">\r\n            <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/samsung.svg\" alt=\"Samsung\" style=\"filter:invert(13%) sepia(80%) saturate(700%) hue-rotate(210deg);\">\r\n          <\/div>\r\n          <span>Samsung<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div><!-- \/.b2b-wrap -->\r\n\r\n<script>\r\nasync function b2bSubmit() {\r\n  var name    = document.getElementById('b2b_name').value.trim();\r\n  var email   = document.getElementById('b2b_email').value.trim();\r\n  var phone   = document.getElementById('b2b_phone').value.trim();\r\n  var company = document.getElementById('b2b_company').value.trim();\r\n  var qty     = document.getElementById('b2b_qty').value;\r\n  if (!name || !email || !phone || !company || !qty) <span>\r\n    alert('Please fill in all required fields (marked with *).');\r\n    return;\r\n  <\/span>\r\n\r\n  var btn = document.querySelector('.b2b-submit-btn');\r\n  btn.disabled = true;\r\n  btn.innerHTML = '<svg viewBox=\"0 0 24 24\" style=\"width:16px;height:16px;fill:currentColor\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg> Sending\u2026';\r\n\r\n  var formData = <span>\r\n    access_key: '9d132076-fb6b-444b-91b4-b0205633bb0e',\r\n    subject: 'New B2B Quote Request \u2014 ' + company,\r\n    name:    name,\r\n    email:   email,\r\n    phone:   phone,\r\n    role:    document.getElementById('b2b_role').value || 'Not specified',\r\n    company: company,\r\n    trn:     document.getElementById('b2b_trn').value.trim() || 'Not provided',\r\n    product: document.getElementById('b2b_product').value || 'Not specified',\r\n    brand:   document.getElementById('b2b_brand').value || 'No preference',\r\n    quantity: qty,\r\n    budget:  document.getElementById('b2b_budget').value || 'Not specified',\r\n    message: document.getElementById('b2b_msg').value.trim() || 'No additional requirements'\r\n  <\/span>;\r\n\r\n  try {\r\n    var response = await fetch('https:\/\/api.web3forms.com\/submit', {\r\n      method: 'POST',\r\n      headers: <span> 'Content-Type': 'application\/json', 'Accept': 'application\/json' <\/span>,\r\n      body: JSON.stringify(formData)\r\n    });\r\n    var result = await response.json();\r\n    if (result.success) <span>\r\n      document.getElementById('b2bForm').style.display = 'none';\r\n      document.getElementById('b2bSuccess').style.display = 'block';\r\n    <\/span> else <span>\r\n      alert('Submission failed. Please try again or contact us via WhatsApp.');\r\n      btn.disabled = false;\r\n      btn.innerHTML = '<svg viewBox=\"0 0 24 24\" style=\"width:16px;height:16px;fill:currentColor\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg> Get a Quote';\r\n    <\/span>\r\n  } catch (err) <span>\r\n    alert('Network error. Please check your connection and try again.');\r\n    btn.disabled = false;\r\n    btn.innerHTML = '<svg viewBox=\"0 0 24 24\" style=\"width:16px;height:16px;fill:currentColor\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg> Get a Quote';\r\n  <\/span>\r\n}\r\n<\/script>\r\n\r\n<script>\r\n(function(){\r\n  var WHATSAPP_NUMBER = \"971525696022\";\r\n  var PRODUCTS = [<span>\"category\":\"AIO\",\"categoryLabel\":\"All-in-One\",\"isChromebook\":false,\"name\":\"V440VAK-WPC1120\",\"partNumber\":\"90PT03X1-M02M80\",\"fullDesc\":\"Core 5 210H\/16GB\/512GB SSD\/Intel\u00ae UHD Graphics\/FgrPr\/WLAN + BT\/AR W KB&M\/3 Cell\/DOS\"<\/span>,<span>\"category\":\"AIO\",\"categoryLabel\":\"All-in-One\",\"isChromebook\":false,\"name\":\"P440VA-C516512B0D\",\"partNumber\":\"90PT03X5-M08TX0\",\"fullDesc\":\"Core 5 210H\/16GB\/512GB SSD\/23.8-inch\/Intel\u00aeGraphics\/FgrPr\/WLAN + BT\/AR WL KB&M\/3 Cell\/DOS\/Black\"<\/span>,<span>\"category\":\"AIO\",\"categoryLabel\":\"All-in-One\",\"isChromebook\":false,\"name\":\"P440VA-WPC0470\",\"partNumber\":\"90PT03X7-M0CEC0\",\"fullDesc\":\"Core 5 210H\/8GB\/512GB SSD\/Intel\u00ae UHD Graphics\/FgrPr\/WLAN + BT\/AR W KB&M\/3 Cell\/DOS\/white\"<\/span>,<span>\"category\":\"DT\",\"categoryLabel\":\"Desktop\",\"isChromebook\":false,\"name\":\"D901MDR-7147001600\",\"partNumber\":\"90PF04P1-M03340\",\"fullDesc\":\"Core i7 14700\/16GB\/512GB SSD\/Intel\u00ae UHD Graphics 770\/FgrPr\/WLAN + BT\/AR W KB&M\/3 Cell\/DOS\/black\"<\/span>,<span>\"category\":\"DT\",\"categoryLabel\":\"Desktop\",\"isChromebook\":false,\"name\":\"P500MV-C38256G0D\",\"partNumber\":\"90PF05I1-M04PJ0\",\"fullDesc\":\"Core 3 100U\/8GB\/256GB SSD\/Intel\u00ae UHD Graphics\/FgrPr\/WLAN + BT\/AR W KB&M\/3 Cell\/DOS\/Grey\"<\/span>,<span>\"category\":\"DT\",\"categoryLabel\":\"Desktop\",\"isChromebook\":false,\"name\":\"P500MV-C58512G0D\",\"partNumber\":\"90PF05I1-M04130\",\"fullDesc\":\"Core 5 210H\/8GB\/512GB SSD\/Intel\u00ae UHD Graphics\/FgrPr\/WLAN + BT\/AR W KB&M\/3 Cell\/DOS\/Grey\"<\/span>,<span>\"category\":\"DT\",\"categoryLabel\":\"Desktop\",\"isChromebook\":false,\"name\":\"P500MV-C716512G0D\",\"partNumber\":\"90PF05I1-M040Z0\",\"fullDesc\":\"Core 7 240H\/16GB\/512GB SSD\/Intel\u00ae UHD Graphics\/FgrPr\/WLAN + BT\/AR W KB&M\/3 Cell\/DOS\/Grey\"<\/span>,<span>\"category\":\"DT\",\"categoryLabel\":\"Desktop\",\"isChromebook\":false,\"name\":\"D901MDR-7147001530\",\"partNumber\":\"90PF04P1-M02ZX0\",\"fullDesc\":\"Core i7 14700\/16GB\/512GB SSD\/Intel\u00ae UHD Graphics 770\/FgrPr\/WLAN + BT\/AR W KB&M\/3 Cell\/DOS\/black\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"B1503CVA-C516512G0D\",\"partNumber\":\"90NX0801-M09AZ0\",\"fullDesc\":\"Core 5 210H\/16GB\/512GB SSD\/15.6-inch FHD\/Intel\u00ae Graphics\/FgrPr\/WLAN + BT\/ AR Chiclet Keyboard with Num-key\/3 Cell\/DOS\/Gentle Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"B1403CVA-C516512G0D\",\"partNumber\":\"90NX0811-M09UK0\",\"fullDesc\":\"Core 5 210H\/16GB\/512GB SSD\/14.0-inch FHD\/Intel\u00ae Graphics\/FgrPr\/WLAN + BT\/ AR Backlit Kb\/3 Cell\/DOS\/Gentle Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"P1503CVA-S72882\",\"partNumber\":\"90NX0881-M03AR0\",\"fullDesc\":\"Core 5 210H\/8GB\/512GB SSD\/15.6-inch FHD\/Intel\u00ae UHD Graphics\/FgrPr\/WLAN + BT\/ AR Kb\/3 Cell\/DOS\/Misty Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"B1503CVA-C58512G0D\",\"partNumber\":\"90NX0801-M0A8R0\",\"fullDesc\":\"Core 5 210H\/8GB\/512GB SSD\/15.6-inch FHD\/Intel\u00ae Graphics\/FgrPr\/WLAN + BT\/ AR Chiclet Keyboard with Num-key\/3 Cell\/DOS\/Gentle Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"B1503CVA-C58512G0DIL\",\"partNumber\":\"90NX0801-M0A8S0\",\"fullDesc\":\"Core 5 210H\/8GB\/512GB SSD\/15.6-inch FHD\/Intel\u00ae Graphics\/FgrPr\/WLAN + BT\/ AR Backlit Chiclet Keyboard with Num-key\/3 Cell\/DOS\/Gentle Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"P1503CVA-C58512G0D\",\"partNumber\":\"90NX0881-M033V0\",\"fullDesc\":\"Core 5 210H\/8GB\/512GB SSD\/15.6-inch FHD\/Intel\u00ae UHD Graphics\/FgrPr\/WLAN + BT\/ AR Kb\/3 Cell\/DOS\/Misty Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"B3402FVA-EC2446\",\"partNumber\":\"90NX07N1-M02NF0\",\"fullDesc\":\"Core 7 150U\/16GB\/512GB SSD\/14.0-inch FHD\/Intel\u00ae UHD Graphics\/FgrPr\/WLAN + BT\/AR Backlit Kb\/3 Cell\/DOS\/Misty Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"B1403CVA-S65209\",\"partNumber\":\"90NX0812-M06570\",\"fullDesc\":\"Core 7 150U\/16GB\/512GB SSD\/14.0-inch FHD\/Intel\u00ae UHD Graphics\/FgrPr\/WLAN + BT\/AR Backlit Kb\/3 Cell\/DOS\/Gentle Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"B3402FVA-EC2593X\",\"partNumber\":\"90NX07N1-M02UC0\",\"fullDesc\":\"Core 7 150U\/16GB\/512GB SSD\/14.0-inch FHD Touch\/Intel\u00ae UHD Graphics\/FgrPr\/WLAN + BT\/AR Kb\/3 Cell\/Win11 Pro\/star black\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"B1403CVA-C716512G0D\",\"partNumber\":\"90NX0811-M09UL0\",\"fullDesc\":\"Core 7 240H\/16GB\/512GB SSD\/14.0-inch FHD\/Intel\u00ae UHD Graphics\/FgrPr\/WLAN + BT\/AR Backlit Kb\/3 Cell\/DOS\/Gentle Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"B3605CCA-U516512G0X\",\"partNumber\":\"90NX08N1-M028E0\",\"fullDesc\":\"Ultra 5 125H\/16GB\/512GB SSD\/16.0-inch\/Intel\u00ae Graphics\/FgrPr\/WLAN + BT\/ AR Backlit Kb\/3 Cell\/Win11 Pro\/Gentle Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"B3405CCA-LY3081X\",\"partNumber\":\"90NX08L1-M03N80\",\"fullDesc\":\"U5-225H\/16GB\/512GB SSD\/16.0-inch\/Intel\u00ae Graphics\/FgrPr\/WLAN + BT\/ AR Backlit Kb\/3 Cell\/Win11 Pro\/Gentle Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Notebook\",\"isChromebook\":false,\"name\":\"B3405CCA-U716512G0D\",\"partNumber\":\"90NX08L1-M02U90\",\"fullDesc\":\"Ultra7 225H\/16GB\/512GB SSD\/14.0-inch\/Intel\u00ae Graphics\/FgrPr\/WLAN + BT\/ AR Chiclet Kb\/3 Cell\/Dos\/Gentle Grey\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Chromebook\",\"isChromebook\":true,\"name\":\"CZ1104FM2A-M86864G0CH\",\"partNumber\":\"90NX07V1-M00330\",\"fullDesc\":\"Chrome books - MediaTek\u2122 Kompanio 520\/8GB\/64GB\/12.2-inch\/AR Chiclet Keyboard\/1Y\"<\/span>,<span>\"category\":\"NB\",\"categoryLabel\":\"Chromebook\",\"isChromebook\":true,\"name\":\"CZ1204FM2A-M86864G0CH\",\"partNumber\":\"90NX07X1-M00460\",\"fullDesc\":\"Chrome books - MediaTek\u2122 Kompanio 520\/8HB\/64GB\/12.2-inch\/AR Chiclet Keyboard\/1Y\"<\/span>];\r\n\r\n  var CAT_ICON = <span>\r\n    AIO: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"1.4\"\/><path d=\"M9 20h6M12 17v3\"\/><\/svg>',\r\n    DT:  '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"3\" width=\"10\" height=\"18\" rx=\"1.4\"\/><path d=\"M8.5 12.2h5M8.5 15.2h5\"\/><circle cx=\"11\" cy=\"7\" r=\".6\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>',\r\n    NB:  '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"10\" rx=\"1.2\"\/><path d=\"M2 19h20l-2-4H4l-2 4z\"\/><\/svg>',\r\n    CHR: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"10\" rx=\"1.2\"\/><circle cx=\"12\" cy=\"10\" r=\"1.8\"\/><path d=\"M2 19h20l-2-4H4l-2 4z\"\/><\/svg>'\r\n  <\/span>;\r\n  var WA_ICON = '<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\r\n  var FILTERS = [\r\n    <span>key:\"all\", label:\"All models\"<\/span>,\r\n    <span>key:\"AIO\", label:\"All-in-one\"<\/span>,\r\n    <span>key:\"DT\",  label:\"Desktop\"<\/span>,\r\n    <span>key:\"NB\",  label:\"Notebook\"<\/span>,\r\n    <span>key:\"CHR\", label:\"Chromebook\"<\/span>\r\n  ];\r\n\r\n  function countFor(key){\r\n    if(key === \"all\") return PRODUCTS.length;\r\n    if(key === \"CHR\") return PRODUCTS.filter(function(p)<span> return p.isChromebook; <\/span>).length;\r\n    return PRODUCTS.filter(function(p)<span> return p.category === key && !p.isChromebook; <\/span>).length;\r\n  }\r\n\r\n  function matches(p, filter, query)<span>\r\n    var ok = filter === \"all\" ||\r\n      (filter === \"CHR\" ? p.isChromebook : (p.category === filter && !p.isChromebook));\r\n    if(!ok) return false;\r\n    if(!query) return true;\r\n    var q = query.toLowerCase();\r\n    return p.name.toLowerCase().indexOf(q) > -1 ||\r\n           p.partNumber.toLowerCase().indexOf(q) > -1 ||\r\n           p.fullDesc.toLowerCase().indexOf(q) > -1;\r\n  <\/span>\r\n\r\n  function waLink(text)<span>\r\n    return \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(text);\r\n  <\/span>\r\n  function itemMessage(p)<span>\r\n    return \"Hi! I'm interested in \" + p.name + \" (Part No. \" + p.partNumber + \") from your promotions list. Could you share bulk pricing and availability?\";\r\n  <\/span>\r\n\r\n  function cardHtml(p, idx)<span>\r\n    var iconKey = p.isChromebook ? \"CHR\" : p.category;\r\n    return (\r\n      '<article class=\"b2b-stock-card\">' +\r\n        '<div class=\"b2b-stock-top\">' +\r\n          '<span class=\"b2b-stock-badge\">' + CAT_ICON[iconKey] + p.categoryLabel + '<\/span>' +\r\n          '<span class=\"b2b-stock-instock\"><span class=\"dot\"><\/span>In stock<\/span>' +\r\n        '<\/div>' +\r\n        '<div class=\"b2b-stock-name\">' + p.name + '<\/div>' +\r\n        '<div class=\"b2b-stock-desc\">' + p.fullDesc + '<\/div>' +\r\n        '<div class=\"b2b-stock-pn\"><span>Part No.<\/span><span class=\"mono\">' + p.partNumber + '<\/span><\/div>' +\r\n        '<a class=\"b2b-stock-cta\" href=\"' + waLink(itemMessage(p)) + '\" target=\"_blank\" rel=\"noopener\" data-idx=\"' + idx + '\">' + WA_ICON + '<span>Contact Us for Price &amp; Availability<\/span><\/a>' +\r\n      '<\/article>'\r\n    );\r\n  <\/span>\r\n\r\n  var state = <span> filter: \"all\", query: \"\" <\/span>;\r\n  var grid   = document.getElementById(\"stockGrid\");\r\n  var empty  = document.getElementById(\"stockEmpty\");\r\n  var countEl= document.getElementById(\"stockCount\");\r\n  var filtersEl = document.getElementById(\"stockFilters\");\r\n\r\n  function renderFilters(){\r\n    filtersEl.innerHTML = FILTERS.map(function(f)<span>\r\n      var active = f.key === state.filter ? \" active\" : \"\";\r\n      return '<button type=\"button\" class=\"b2b-stock-filter' + active + '\" data-key=\"' + f.key + '\">' +\r\n        f.label + ' <span class=\"fc\">' + countFor(f.key) + '<\/span><\/button>';\r\n    <\/span>).join(\"\");\r\n  }\r\n\r\n  function render(){\r\n    var list = PRODUCTS.filter(function(p)<span> return matches(p, state.filter, state.query); <\/span>);\r\n    countEl.textContent = \"Showing \" + list.length + \" of \" + PRODUCTS.length + \" models\";\r\n    if(list.length === 0)<span>\r\n      grid.style.display = \"none\";\r\n      empty.style.display = \"block\";\r\n    <\/span> else {\r\n      grid.style.display = \"grid\";\r\n      empty.style.display = \"none\";\r\n      grid.innerHTML = list.map(function(p)<span>\r\n        return cardHtml(p, PRODUCTS.indexOf(p));\r\n      <\/span>).join(\"\");\r\n    }\r\n  }\r\n\r\n  filtersEl.addEventListener(\"click\", function(e)<span>\r\n    var btn = e.target.closest(\".b2b-stock-filter\");\r\n    if(!btn) return;\r\n    state.filter = btn.getAttribute(\"data-key\");\r\n    renderFilters();\r\n    render();\r\n  <\/span>);\r\n\r\n  document.getElementById(\"stockSearch\").addEventListener(\"input\", function(e)<span>\r\n    state.query = e.target.value.trim();\r\n    render();\r\n  <\/span>);\r\n\r\n  renderFilters();\r\n  render();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u2014 \u062f\u062e\u0648\u0644 \u062d\u0635\u0631\u064a \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0644\u0640\u062a\u0648\u0631\u064a\u062f \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0645\u0648\u0632\u0639\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629. \u0633\u0644\u0633\u0644\u0629 \u062a\u0648\u0631\u064a\u062f \u0645\u0633\u062a\u0642\u0631\u0629. \u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629. \u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629. \ud83c\udfe2 \u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \ud83c\udfdb\ufe0f \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \ud83c\udf0d \u0645\u0648\u0632\u0639\u0648 \u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \ud83d\udce6 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \ud83d\udce6 \u0623\u0633\u0639\u0627\u0631 \u0627\u0644\u062c\u0645\u0644\u0629 \u062e\u0635\u0648\u0645\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0641\u064a \u0643\u0644 \u0637\u0644\u0628 [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10535","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/techpointzone.com\/ar\/wp-json\/wp\/v2\/pages\/10535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techpointzone.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techpointzone.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techpointzone.com\/ar\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/techpointzone.com\/ar\/wp-json\/wp\/v2\/comments?post=10535"}],"version-history":[{"count":6,"href":"https:\/\/techpointzone.com\/ar\/wp-json\/wp\/v2\/pages\/10535\/revisions"}],"predecessor-version":[{"id":14063,"href":"https:\/\/techpointzone.com\/ar\/wp-json\/wp\/v2\/pages\/10535\/revisions\/14063"}],"wp:attachment":[{"href":"https:\/\/techpointzone.com\/ar\/wp-json\/wp\/v2\/media?parent=10535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}