{"id":6356,"date":"2026-04-01T08:00:00","date_gmt":"2026-04-01T05:00:00","guid":{"rendered":"https:\/\/axinar.com\/request-a-quote"},"modified":"2026-04-22T15:05:04","modified_gmt":"2026-04-22T12:05:04","slug":"request-a-quote","status":"publish","type":"page","link":"https:\/\/axinar.com\/en\/request-a-quote","title":{"rendered":"Request a Quote"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6356\" class=\"elementor elementor-6356 elementor-6011\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3048e01 e-flex e-con-boxed e-con e-parent\" data-id=\"3048e01\" 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-0db9336 elementor-widget elementor-widget-html\" data-id=\"0db9336\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div>\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Request a Quote, AXINAR<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@300;400;500;600;700&family=Barlow:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --red: #DD2B1C;\n  --red-dim: rgba(221,43,28,0.12);\n  --red-border: rgba(221,43,28,0.35);\n  --bg: #0a0a0a;\n  --bg2: #111111;\n  --bg3: #181818;\n  --line: rgba(255,255,255,0.07);\n  --text: #ffffff;\n  --text-dim: rgba(255,255,255,0.45);\n  --text-mid: rgba(255,255,255,0.7);\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\nbody {\n  background: var(--bg);\n  color: var(--text);\n  font-family: 'Barlow', sans-serif;\n  min-height: 100vh;\n  overflow-x: hidden;\n}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.ax-quote-hero {\n  position: relative;\n  padding: clamp(74px, 6.67vw, 138px) clamp(25px, 2.22vw, 46px) clamp(37px, 3.33vw, 69px);\n  text-align: center;\n  border-bottom: 1px solid var(--line);\n  overflow: hidden;\n}\n.ax-quote-hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(221,43,28,0.08) 0%, transparent 70%);\n  pointer-events: none;\n}\n.ax-quote-hero-label {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(14px, 0.94vw, 18px);\n  font-weight: 600;\n  letter-spacing: clamp(3px, 0.22vw, 5px);\n  text-transform: uppercase;\n  color: var(--red);\n  margin-bottom: clamp(12px, 0.89vh, 18px);\n}\n.ax-quote-hero h1 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(36px, 5vw, 64px);\n  font-weight: 600;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  line-height: 1.05;\n  margin-bottom: clamp(12px, 0.89vh, 18px);\n  color: #fff;\n}\n.ax-quote-hero p {\n  font-size: 15px;\n  color: var(--text-dim);\n  max-width: 520px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n\/* \u2500\u2500 STEPPER \u2500\u2500 *\/\n.ax-stepper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  padding: clamp(22px, 2.00vw, 41px) clamp(25px, 2.22vw, 46px);\n  border-bottom: 1px solid var(--line);\n  position: sticky;\n  top: 0;\n  background: rgba(10,10,10,0.95);\n  backdrop-filter: blur(12px);\n  z-index: 100;\n}\n.ax-step {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  position: relative;\n}\n.ax-step-num {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  border: 1.5px solid rgba(255,255,255,0.15);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--text-dim);\n  transition: all .3s;\n  flex-shrink: 0;\n}\n.ax-step-label {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--text-dim);\n  transition: color .3s;\n  white-space: nowrap;\n}\n.ax-step.active .ax-step-num { border-color: var(--red); background: var(--red); color: #fff; }\n.ax-step.active .ax-step-label { color: #fff; }\n.ax-step.done .ax-step-num { border-color: var(--red); background: transparent; color: var(--red); }\n.ax-step.done .ax-step-label { color: var(--red); }\n.ax-step-line { width: 60px; height: 1px; background: var(--line); margin: 0 12px; flex-shrink: 0; }\n@media(max-width: 600px) {\n  .ax-step-label { display: none; }\n  .ax-step-line { width: 32px; margin: 0 8px; }\n}\n\n\/* \u2500\u2500 PANELS \u2500\u2500 *\/\n.ax-quote-body { max-width: 1100px; margin: 0 auto; padding: clamp(37px, 3.33vw, 69px) clamp(25px, 2.22vw, 46px) clamp(62px, 5.56vw, 115px); }\n.ax-panel { display: none; }\n.ax-panel.active { display: block; animation: fadeUp .4s ease; }\n@keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\n\n\/* \u2500\u2500 PANEL TITLES \u2500\u2500 *\/\n.ax-panel-title { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: clamp(2px, 0.17vw, 4px); text-transform: uppercase; color: var(--red); margin-bottom: 8px; }\n.ax-panel-h2 { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(24px, 3vw, 36px); font-weight: 500; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 8px; }\n.ax-panel-sub { font-size: 13px; color: var(--text-dim); margin-bottom: clamp(25px, 2.22vh, 46px); }\n\n\/* \u2500\u2500 CATEGORY GROUPS \u2500\u2500 *\/\n.ax-cat-group { margin-bottom: clamp(30px, 2.67vh, 55px); }\n.ax-cat-group-label {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 10px; font-weight: 700; letter-spacing: clamp(2px, 0.17vw, 4px); text-transform: uppercase;\n  color: var(--red); margin-bottom: clamp(12px, 0.89vh, 18px); padding-bottom: 10px;\n  border-bottom: 1px solid var(--line);\n  display: flex; align-items: center; gap: 10px;\n}\n.ax-cat-group-label::after { content: ''; flex: 1; height: 1px; background: var(--line); }\n\n\/* \u2500\u2500 PRODUCT CARDS \u2500\u2500 *\/\n.ax-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }\n.ax-card { border: 1.5px solid var(--line); background: var(--bg2); padding: clamp(12px, 1.11vw, 23px) clamp(12px, 1.00vw, 21px); cursor: pointer; transition: all .25s; position: relative; user-select: none; }\n.ax-card:hover { border-color: rgba(255,255,255,0.2); background: var(--bg3); }\n.ax-card.selected { border-color: var(--red); background: var(--red-dim); }\n.ax-card-check { position: absolute; top: 12px; right: 12px; width: 18px; height: 18px; border: 1.5px solid rgba(255,255,255,0.2); border-radius: 2px; display: flex; align-items: center; justify-content: center; transition: all .2s; }\n.ax-card.selected .ax-card-check { border-color: var(--red); background: var(--red); }\n.ax-card-check svg { width: 10px; height: 10px; stroke: #fff; fill: none; opacity: 0; transition: opacity .2s; }\n.ax-card.selected .ax-card-check svg { opacity: 1; }\n.ax-card-icon { width: 36px; height: 36px; margin-bottom: 12px; opacity: 0.5; transition: opacity .2s; }\n.ax-card.selected .ax-card-icon { opacity: 1; }\n.ax-card-name { font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: .5px; text-transform: uppercase; color: var(--text-mid); line-height: 1.3; transition: color .2s; }\n.ax-card.selected .ax-card-name { color: #fff; }\n.ax-card-sub { font-size: 11px; color: var(--text-dim); margin-top: 4px; line-height: 1.4; }\n\n\/* \u2500\u2500 SELECTION BAR \u2500\u2500 *\/\n.ax-selection-bar {\n  position: fixed; bottom: 0; left: 0; right: 0;\n  background: rgba(14,14,14,0.96); backdrop-filter: blur(16px);\n  border-top: 1px solid var(--line);\n  padding: clamp(12px, 0.89vw, 18px) clamp(25px, 2.22vw, 46px); display: flex; align-items: center; justify-content: space-between;\n  z-index: 200; transform: translateY(100%); transition: transform .3s cubic-bezier(.4,0,.2,1);\n}\n.ax-selection-bar.visible { transform: translateY(0); }\n.ax-selection-bar-left { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; color: var(--text-dim); letter-spacing: .5px; }\n.ax-selection-bar-left span { color: var(--red); font-weight: 600; font-size: clamp(14px, 0.94vw, 18px); }\n.ax-selection-bar-right { display: flex; gap: 10px; align-items: center; }\n\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n.ax-btn { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; padding: 12px clamp(17px, 1.56vw, 32px); border: 1.5px solid; cursor: pointer; transition: all .25s; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; background: transparent; }\n.ax-btn-primary { border-color: var(--red); background: var(--red); color: #fff; }\n.ax-btn-primary:hover { background: #c0241a; border-color: #c0241a; }\n.ax-btn-outline { border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.6); }\n.ax-btn-outline:hover { border-color: rgba(255,255,255,0.5); color: #fff; }\n.ax-btn svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n.ax-btn:disabled { opacity: 0.35; cursor: not-allowed; }\n\n\/* \u2500\u2500 STEP 2 FORM \u2500\u2500 *\/\n.ax-selected-summary { background: var(--bg2); border: 1px solid var(--line); padding: clamp(12px, 1.11vw, 23px) clamp(15px, 1.33vw, 28px); margin-bottom: clamp(25px, 2.22vh, 46px); }\n.ax-selected-summary-title { font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--text-dim); margin-bottom: 12px; }\n.ax-selected-tags { display: flex; flex-wrap: wrap; gap: 8px; }\n.ax-tag { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 5px 12px; border: 1px solid var(--red-border); background: var(--red-dim); color: rgba(255,255,255,0.8); }\n\n.ax-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(12px, 0.89vw, 18px); margin-bottom: clamp(12px, 0.89vh, 18px); }\n.ax-form-group { display: flex; flex-direction: column; gap: 6px; }\n.ax-form-group.full { grid-column: 1 \/ -1; }\n.ax-form-label { font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--text-dim); }\n.ax-form-label span { color: var(--red); }\n\n\/* \u2500\u2500 FIX: force dark background on inputs so WP theme can't override \u2500\u2500 *\/\n.ax-input, .ax-textarea {\n  background: #111111 !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n  color: #ffffff !important;\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  padding: 12px clamp(12px, 0.89vw, 18px);\n  outline: none;\n  transition: border-color .2s;\n  width: 100%;\n  border-radius: 0;\n  -webkit-appearance: none;\n  caret-color: #fff;\n}\n.ax-input:-webkit-autofill,\n.ax-input:-webkit-autofill:hover,\n.ax-input:-webkit-autofill:focus,\n.ax-textarea:-webkit-autofill {\n  -webkit-text-fill-color: #fff !important;\n  -webkit-box-shadow: 0 0 0 1000px #111111 inset !important;\n  caret-color: #fff;\n}\n.ax-input:focus, .ax-textarea:focus { border-color: rgba(221,43,28,0.5) !important; }\n.ax-input::placeholder, .ax-textarea::placeholder { color: rgba(255,255,255,0.2); }\n.ax-textarea { min-height: 120px; resize: vertical; }\n\n.ax-form-row { display: flex; gap: 10px; align-items: flex-end; }\n.ax-form-row .ax-input { flex: 1; }\n\n@media(max-width: 640px) {\n  .ax-form-grid { grid-template-columns: 1fr; }\n  .ax-form-group.full { grid-column: 1; }\n  .ax-quote-body { padding: 40px 20px 100px; }\n  .ax-quote-hero { padding: 100px 20px 40px; }\n  .ax-stepper { padding: 24px 20px; }\n  .ax-selection-bar { padding: 14px 20px; }\n}\n\n\/* \u2500\u2500 STEP 3 SUCCESS \u2500\u2500 *\/\n.ax-success { text-align: center; padding: clamp(50px, 4.44vw, 92px) clamp(25px, 2.22vw, 46px); }\n.ax-success-icon { width: 72px; height: 72px; border: 2px solid var(--red); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto clamp(20px, 1.78vw, 37px); }\n.ax-success-icon svg { width: 32px; height: 32px; stroke: var(--red); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n.ax-success h2 { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(28px, 2.12vw, 41px); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }\n.ax-success p { font-size: 14px; color: var(--text-dim); line-height: 1.6; max-width: 420px; margin: 0 auto clamp(20px, 1.78vw, 37px); }\n\n\/* \u2500\u2500 PROGRESS LINE \u2500\u2500 *\/\n.ax-progress { height: 2px; background: var(--line); position: relative; overflow: hidden; margin-bottom: clamp(30px, 2.67vh, 55px); }\n.ax-progress-fill { height: 100%; background: var(--red); transition: width .5s cubic-bezier(.4,0,.2,1); }\n\n\/* \u2500\u2500 VALIDATION \u2500\u2500 *\/\n.ax-input.error, .ax-textarea.error { border-color: rgba(221,43,28,0.7) !important; }\n.ax-error-msg { font-size: 11px; color: var(--red); margin-top: 4px; display: none; }\n.ax-error-msg.visible { display: block; }\n\n.ax-nav-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: clamp(25px, 2.22vh, 46px); padding-top: clamp(20px, 1.78vh, 37px); border-top: 1px solid var(--line); }\n\n#ax-cf7-target { display: none; }\n<\/style>\n\n\n\n<!-- HERO -->\n<div class=\"ax-quote-hero\">\n  <div class=\"ax-quote-hero-label\">AXINAR A.E.<\/div>\n  <h1><span style=\"color:#fff\">REQUEST<\/span><br><span style=\"color:#fff\">A QUOTE<\/span><\/h1>\n  <p>Select the products or services you are interested in and fill in your details. We will get back to you within 24 hours.<\/p>\n<\/div>\n\n<!-- STEPPER -->\n<div class=\"ax-stepper\">\n  <div class=\"ax-step active\" id=\"step-1\">\n    <div class=\"ax-step-num\">1<\/div>\n    <div class=\"ax-step-label\">Select Products<\/div>\n  <\/div>\n  <div class=\"ax-step-line\"><\/div>\n  <div class=\"ax-step\" id=\"step-2\">\n    <div class=\"ax-step-num\">2<\/div>\n    <div class=\"ax-step-label\">Details &amp; Information<\/div>\n  <\/div>\n  <div class=\"ax-step-line\"><\/div>\n  <div class=\"ax-step\" id=\"step-3\">\n    <div class=\"ax-step-num\">3<\/div>\n    <div class=\"ax-step-label\">Confirmation<\/div>\n  <\/div>\n<\/div>\n\n<!-- BODY -->\n<div class=\"ax-quote-body\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PANEL 1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"ax-panel active\" id=\"panel-1\">\n    <div class=\"ax-progress\"><div class=\"ax-progress-fill\" style=\"width:33%\"><\/div><\/div>\n    <div class=\"ax-panel-title\">Step 1 of 2<\/div>\n    <div class=\"ax-panel-h2\">What are you looking for?<\/div>\n    <div class=\"ax-panel-sub\">Select one or more products \/ services. You can choose from different categories.<\/div>\n\n    <!-- ENERGY -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">ENERGY<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"pv-ground\" data-name=\"Ground Mounting Systems\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"22\" width=\"28\" height=\"10\" rx=\"1\"\/><line x1=\"18\" y1=\"22\" x2=\"18\" y2=\"32\"\/><line x1=\"8\" y1=\"32\" x2=\"28\" y2=\"32\"\/><rect x=\"6\" y=\"8\" width=\"24\" height=\"14\" rx=\"1\"\/><line x1=\"6\" y1=\"14\" x2=\"30\" y2=\"14\"\/><line x1=\"18\" y1=\"8\" x2=\"18\" y2=\"22\"\/><\/svg>\n          <div class=\"ax-card-name\">Ground Mounting Systems<\/div>\n          <div class=\"ax-card-sub\">Ground mounting systems<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pv-roof-pitched\" data-name=\"Pitched Roof Systems\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polygon points=\"18,4 34,20 2,20\"\/><line x1=\"8\" y1=\"20\" x2=\"8\" y2=\"32\"\/><line x1=\"28\" y1=\"20\" x2=\"28\" y2=\"32\"\/><line x1=\"8\" y1=\"32\" x2=\"28\" y2=\"32\"\/><rect x=\"12\" y=\"12\" width=\"12\" height=\"8\"\/><\/svg>\n          <div class=\"ax-card-name\">Pitched Roof Systems<\/div>\n          <div class=\"ax-card-sub\">Pitched roof systems<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pv-roof-flat\" data-name=\"Flat Roof Systems\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"2\" y=\"18\" width=\"32\" height=\"4\"\/><rect x=\"6\" y=\"10\" width=\"24\" height=\"8\" rx=\"0.5\"\/><line x1=\"8\" y1=\"22\" x2=\"8\" y2=\"30\"\/><line x1=\"28\" y1=\"22\" x2=\"28\" y2=\"30\"\/><line x1=\"4\" y1=\"30\" x2=\"32\" y2=\"30\"\/><\/svg>\n          <div class=\"ax-card-name\">Flat Roof Systems<\/div>\n          <div class=\"ax-card-sub\">Flat roof systems<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pv-vertical\" data-name=\"Vertical Mounting\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"8\" y=\"4\" width=\"20\" height=\"28\" rx=\"1\"\/><line x1=\"8\" y1=\"14\" x2=\"28\" y2=\"14\"\/><line x1=\"8\" y1=\"22\" x2=\"28\" y2=\"22\"\/><line x1=\"18\" y1=\"4\" x2=\"18\" y2=\"32\"\/><\/svg>\n          <div class=\"ax-card-name\">Vertical Mounting<\/div>\n          <div class=\"ax-card-sub\">Vertical \/ bifacial<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"agropv\" data-name=\"Agrivoltaic Systems\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"16\" width=\"28\" height=\"8\" rx=\"1\"\/><line x1=\"18\" y1=\"16\" x2=\"18\" y2=\"24\"\/><line x1=\"8\" y1=\"24\" x2=\"8\" y2=\"32\"\/><line x1=\"28\" y1=\"24\" x2=\"28\" y2=\"32\"\/><path d=\"M4 30 Q8 26 12 30 Q16 34 20 30 Q24 26 28 30\"\/><line x1=\"8\" y1=\"6\" x2=\"28\" y2=\"6\"\/><line x1=\"11\" y1=\"6\" x2=\"11\" y2=\"16\"\/><line x1=\"25\" y1=\"6\" x2=\"25\" y2=\"16\"\/><\/svg>\n          <div class=\"ax-card-name\">Agrivoltaic Systems<\/div>\n          <div class=\"ax-card-sub\">Agrivoltaic systems<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"eastwest\" data-name=\"East-West\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polyline points=\"4,22 12,10 20,22\"\/><polyline points=\"16,22 24,10 32,22\"\/><line x1=\"4\" y1=\"26\" x2=\"32\" y2=\"26\"\/><line x1=\"8\" y1=\"22\" x2=\"8\" y2=\"26\"\/><line x1=\"28\" y1=\"22\" x2=\"28\" y2=\"26\"\/><line x1=\"18\" y1=\"22\" x2=\"18\" y2=\"26\"\/><\/svg>\n          <div class=\"ax-card-name\">East-West<\/div>\n          <div class=\"ax-card-sub\">Dual orientation<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"carport\" data-name=\"Solar Carport\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"2\" y=\"10\" width=\"32\" height=\"6\" rx=\"0.5\"\/><line x1=\"4\" y1=\"16\" x2=\"4\" y2=\"30\"\/><line x1=\"32\" y1=\"16\" x2=\"32\" y2=\"30\"\/><rect x=\"8\" y=\"20\" width=\"20\" height=\"10\" rx=\"2\"\/><circle cx=\"12\" cy=\"30\" r=\"2\"\/><circle cx=\"24\" cy=\"30\" r=\"2\"\/><\/svg>\n          <div class=\"ax-card-name\">Solar Carport<\/div>\n          <div class=\"ax-card-sub\">Solar carport systems<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- HEATING -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">HEATING<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"wood-boiler\" data-name=\"Wood Boilers\" data-cat=\"BOILERS &amp; HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"8\" y=\"8\" width=\"20\" height=\"22\" rx=\"2\"\/><line x1=\"12\" y1=\"16\" x2=\"24\" y2=\"16\"\/><line x1=\"12\" y1=\"20\" x2=\"24\" y2=\"20\"\/><path d=\"M14 8 C14 4 18 2 18 6 C18 2 22 4 22 8\"\/><rect x=\"12\" y=\"26\" width=\"12\" height=\"4\" rx=\"1\"\/><\/svg>\n          <div class=\"ax-card-name\">Wood Boilers<\/div>\n          <div class=\"ax-card-sub\">PSK \/ BM \/ BM_e series<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pellet-boiler\" data-name=\"Pellet Boilers\" data-cat=\"BOILERS &amp; HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"6\" y=\"6\" width=\"24\" height=\"24\" rx=\"2\"\/><rect x=\"10\" y=\"10\" width=\"16\" height=\"10\" rx=\"1\"\/><circle cx=\"14\" cy=\"26\" r=\"2\"\/><circle cx=\"22\" cy=\"26\" r=\"2\"\/><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"24\"\/><\/svg>\n          <div class=\"ax-card-name\">Pellet Boilers<\/div>\n          <div class=\"ax-card-sub\">Automatic feed<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"solbox\" data-name=\"SolBox\" data-cat=\"SOLAR HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"14\" r=\"6\"\/><line x1=\"18\" y1=\"2\" x2=\"18\" y2=\"6\"\/><line x1=\"18\" y1=\"22\" x2=\"18\" y2=\"26\"\/><line x1=\"6\" y1=\"14\" x2=\"10\" y2=\"14\"\/><line x1=\"26\" y1=\"14\" x2=\"30\" y2=\"14\"\/><rect x=\"10\" y=\"26\" width=\"16\" height=\"8\" rx=\"1\"\/><line x1=\"18\" y1=\"26\" x2=\"18\" y2=\"34\"\/><\/svg>\n          <div class=\"ax-card-name\">SolBox<\/div>\n          <div class=\"ax-card-sub\">Solar water heating<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pyrolino\" data-name=\"Pyrolino\" data-cat=\"HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M18 4 C12 10 10 16 14 20 C14 16 16 14 18 12 C18 18 22 20 22 20 C26 16 24 10 18 4Z\"\/><rect x=\"8\" y=\"24\" width=\"20\" height=\"8\" rx=\"1\"\/><line x1=\"14\" y1=\"24\" x2=\"14\" y2=\"32\"\/><line x1=\"22\" y1=\"24\" x2=\"22\" y2=\"32\"\/><\/svg>\n          <div class=\"ax-card-name\">Pyrolino<\/div>\n          <div class=\"ax-card-sub\">Biomass air heater<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- AGRICULTURAL -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">AGRICULTURAL<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"splitter\" data-name=\"Log Splitters\" data-cat=\"AGRICULTURAL ACCESSORIES\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polygon points=\"18,4 28,20 8,20\"\/><rect x=\"10\" y=\"20\" width=\"16\" height=\"12\" rx=\"1\"\/><line x1=\"14\" y1=\"26\" x2=\"22\" y2=\"26\"\/><\/svg>\n          <div class=\"ax-card-name\">Log Splitters<\/div>\n          <div class=\"ax-card-sub\">Log splitters<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"cones\" data-name=\"Splitting Cones\" data-cat=\"AGRICULTURAL ACCESSORIES\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polygon points=\"18,6 30,30 6,30\"\/><line x1=\"18\" y1=\"6\" x2=\"18\" y2=\"30\"\/><line x1=\"12\" y1=\"18\" x2=\"24\" y2=\"18\"\/><\/svg>\n          <div class=\"ax-card-name\">Splitting Cones<\/div>\n          <div class=\"ax-card-sub\">Splitting cones<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- METAL PROCESSING -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">METAL PROCESSING<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"laser-cut\" data-name=\"Laser Cutting\" data-cat=\"METAL PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"10\" r=\"4\"\/><line x1=\"18\" y1=\"14\" x2=\"18\" y2=\"32\"\/><line x1=\"10\" y1=\"32\" x2=\"26\" y2=\"32\"\/><line x1=\"14\" y1=\"24\" x2=\"22\" y2=\"24\"\/><line x1=\"16\" y1=\"20\" x2=\"20\" y2=\"20\"\/><\/svg>\n          <div class=\"ax-card-name\">Laser Cutting<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"profile-cut\" data-name=\"Profile Cutting\" data-cat=\"METAL PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"14\" width=\"28\" height=\"8\" rx=\"1\"\/><line x1=\"20\" y1=\"4\" x2=\"20\" y2=\"32\"\/><line x1=\"16\" y1=\"8\" x2=\"24\" y2=\"8\"\/><line x1=\"16\" y1=\"28\" x2=\"24\" y2=\"28\"\/><\/svg>\n          <div class=\"ax-card-name\">Profile Cutting<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"bending\" data-name=\"Press Brake\" data-cat=\"METAL PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polyline points=\"4,10 18,10 28,24\"\/><line x1=\"4\" y1=\"10\" x2=\"4\" y2=\"28\"\/><line x1=\"4\" y1=\"28\" x2=\"28\" y2=\"28\"\/><\/svg>\n          <div class=\"ax-card-name\">Press Brake<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"rolling\" data-name=\"Roll Bending\" data-cat=\"METAL PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><ellipse cx=\"18\" cy=\"12\" rx=\"14\" ry=\"5\"\/><ellipse cx=\"18\" cy=\"24\" rx=\"14\" ry=\"5\"\/><line x1=\"4\" y1=\"12\" x2=\"4\" y2=\"24\"\/><line x1=\"32\" y1=\"12\" x2=\"32\" y2=\"24\"\/><\/svg>\n          <div class=\"ax-card-name\">Roll Bending<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"cnc-mill\" data-name=\"CNC Milling\" data-cat=\"METAL PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"6\" y=\"20\" width=\"24\" height=\"10\" rx=\"1\"\/><rect x=\"14\" y=\"6\" width=\"8\" height=\"14\"\/><line x1=\"10\" y1=\"6\" x2=\"26\" y2=\"6\"\/><line x1=\"18\" y1=\"2\" x2=\"18\" y2=\"6\"\/><\/svg>\n          <div class=\"ax-card-name\">CNC Milling<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"cnc-lathe\" data-name=\"CNC Turning\" data-cat=\"METAL PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"18\" x2=\"32\" y2=\"18\"\/><ellipse cx=\"10\" cy=\"18\" rx=\"6\" ry=\"10\"\/><rect x=\"16\" y=\"14\" width=\"16\" height=\"8\"\/><line x1=\"28\" y1=\"14\" x2=\"32\" y2=\"10\"\/><\/svg>\n          <div class=\"ax-card-name\">CNC Turning<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"deburring\" data-name=\"Deburring\" data-cat=\"METAL PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"14\" width=\"28\" height=\"8\" rx=\"1\"\/><path d=\"M8 14 Q10 10 12 14\"\/><path d=\"M14 14 Q16 10 18 14\"\/><path d=\"M20 14 Q22 10 24 14\"\/><path d=\"M26 14 Q28 10 30 14\"\/><\/svg>\n          <div class=\"ax-card-name\">Deburring<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- FINISHING & WELDING -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">FINISHING &amp; WELDING<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"mig-tig\" data-name=\"MIG-TIG Welding\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"20\" x2=\"32\" y2=\"20\"\/><path d=\"M10 20 Q12 16 14 20 Q16 24 18 20 Q20 16 22 20 Q24 24 26 20\"\/><line x1=\"18\" y1=\"8\" x2=\"18\" y2=\"16\"\/><circle cx=\"18\" cy=\"6\" r=\"3\"\/><\/svg>\n          <div class=\"ax-card-name\">MIG-TIG Welding<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"laser-weld\" data-name=\"Laser Welding\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"20\" x2=\"32\" y2=\"20\"\/><line x1=\"18\" y1=\"6\" x2=\"18\" y2=\"20\"\/><line x1=\"12\" y1=\"10\" x2=\"18\" y2=\"20\"\/><line x1=\"24\" y1=\"10\" x2=\"18\" y2=\"20\"\/><circle cx=\"18\" cy=\"5\" r=\"2\"\/><\/svg>\n          <div class=\"ax-card-name\">Laser Welding<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"micro\" data-name=\"Secondary Operations\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"18\" r=\"8\"\/><circle cx=\"18\" cy=\"18\" r=\"3\"\/><line x1=\"18\" y1=\"4\" x2=\"18\" y2=\"10\"\/><line x1=\"18\" y1=\"26\" x2=\"18\" y2=\"32\"\/><line x1=\"4\" y1=\"18\" x2=\"10\" y2=\"18\"\/><line x1=\"26\" y1=\"18\" x2=\"32\" y2=\"18\"\/><\/svg>\n          <div class=\"ax-card-name\">Secondary Operations<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"powder-coat\" data-name=\"Powder Coating\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"20\" width=\"22\" height=\"12\" rx=\"1\"\/><path d=\"M26 14 L32 14\"\/><circle cx=\"30\" cy=\"10\" r=\"2\"\/><path d=\"M28 14 Q24 20 26 26\"\/><path d=\"M8 16 Q10 8 14 8 Q18 8 20 14\"\/><\/svg>\n          <div class=\"ax-card-name\">Powder Coating<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"galv\" data-name=\"Galvanizing\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"6\" y=\"12\" width=\"24\" height=\"16\" rx=\"1\"\/><path d=\"M10 12 Q10 6 18 6 Q26 6 26 12\"\/><line x1=\"10\" y1=\"20\" x2=\"26\" y2=\"20\"\/><line x1=\"14\" y1=\"16\" x2=\"14\" y2=\"24\"\/><line x1=\"22\" y1=\"16\" x2=\"22\" y2=\"24\"\/><\/svg>\n          <div class=\"ax-card-name\">Galvanizing<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"rd\" data-name=\"Design &amp; R&amp;D\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"18\" r=\"12\"\/><path d=\"M14 18 L18 14 L22 18\"\/><line x1=\"18\" y1=\"14\" x2=\"18\" y2=\"24\"\/><line x1=\"6\" y1=\"18\" x2=\"18\" y2=\"18\"\/><\/svg>\n          <div class=\"ax-card-name\">Design &amp; R&amp;D<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ax-nav-bottom\">\n      <span style=\"font-size:12px;color:var(--text-dim)\">* Please select at least one product<\/span>\n      <button class=\"ax-btn ax-btn-primary\" onclick=\"goToStep2()\" id=\"btn-next-1\">\n        Next Step\n        <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12,5 19,12 12,19\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PANEL 2 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"ax-panel\" id=\"panel-2\">\n    <div class=\"ax-progress\"><div class=\"ax-progress-fill\" style=\"width:66%\"><\/div><\/div>\n    <div class=\"ax-panel-title\">Step 2 of 2<\/div>\n    <div class=\"ax-panel-h2\">Details &amp; Information<\/div>\n    <div class=\"ax-panel-sub\">Fill in your contact details and describe your requirements.<\/div>\n\n    <div class=\"ax-selected-summary\">\n      <div class=\"ax-selected-summary-title\">Selected Products \/ Services<\/div>\n      <div class=\"ax-selected-tags\" id=\"selected-tags\"><\/div>\n    <\/div>\n\n    <div class=\"ax-form-grid\">\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">Full Name <span>*<\/span><\/label>\n        <input class=\"ax-input\" id=\"f-name\" type=\"text\" placeholder=\"e.g. George Nikolaidis\">\n        <div class=\"ax-error-msg\" id=\"err-name\">This field is required<\/div>\n      <\/div>\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">Company<\/label>\n        <input class=\"ax-input\" id=\"f-company\" type=\"text\" placeholder=\"e.g. AXINAR A.E.\">\n      <\/div>\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">Phone <span>*<\/span><\/label>\n        <input class=\"ax-input\" id=\"f-phone\" type=\"tel\" placeholder=\"+__ ___ ___ ____\">\n        <div class=\"ax-error-msg\" id=\"err-phone\">This field is required<\/div>\n      <\/div>\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">Email <span>*<\/span><\/label>\n        <input class=\"ax-input\" id=\"f-email\" type=\"email\" placeholder=\"email@company.com\">\n        <div class=\"ax-error-msg\" id=\"err-email\">This field is required<\/div>\n      <\/div>\n      <div class=\"ax-form-group full\">\n        <label class=\"ax-form-label\">Quantity \/ Dimensions<\/label>\n        <input class=\"ax-input\" id=\"f-qty\" type=\"text\" placeholder=\"e.g. 500 pcs, sheet 2000\u00d71000mm, thickness 3mm\">\n      <\/div>\n      <div class=\"ax-form-group full\">\n        <label class=\"ax-form-label\">Project Description \/ Comments<\/label>\n        <textarea class=\"ax-textarea\" id=\"f-notes\" placeholder=\"Describe your project, any special requirements, material preferences, etc.\"><\/textarea>\n      <\/div>\n    <\/div>\n\n    <div class=\"ax-nav-bottom\">\n      <button class=\"ax-btn ax-btn-outline\" onclick=\"goToStep1()\">\n        <svg viewbox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12,19 5,12 12,5\"\/><\/svg>\n        Back\n      <\/button>\n      <button class=\"ax-btn ax-btn-primary\" onclick=\"submitForm()\">\n        Send Request\n        <svg viewbox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22,2 15,22 11,13 2,9 22,2\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PANEL 3 (SUCCESS) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"ax-panel\" id=\"panel-3\">\n    <div class=\"ax-success\">\n      <div class=\"ax-success-icon\">\n        <svg viewbox=\"0 0 24 24\"><polyline points=\"20,6 9,17 4,12\"\/><\/svg>\n      <\/div>\n      <h2>Your request<br>has been sent!<\/h2>\n      <p>Our team will get back to you within 24 business hours.<\/p>\n      <div style=\"display:flex;gap:12px;justify-content:center;flex-wrap:wrap\">\n        <a href=\"\/en\/\" class=\"ax-btn ax-btn-outline\">\n          <svg viewbox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12,19 5,12 12,5\"\/><\/svg>\n          Home\n        <\/a>\n        <button class=\"ax-btn ax-btn-primary\" onclick=\"resetForm()\">New Request<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- SELECTION BAR -->\n<div class=\"ax-selection-bar\" id=\"selectionBar\">\n  <div class=\"ax-selection-bar-left\">\n    <span id=\"sel-count\">0<\/span> selected\n  <\/div>\n  <div class=\"ax-selection-bar-right\">\n    <button class=\"ax-btn ax-btn-primary\" onclick=\"goToStep2()\">\n      Continue\n      <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12,5 19,12 12,19\"\/><\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<div id=\"ax-cf7-target\"><\/div>\n\n<script>\nvar selected = {};\n\nfunction toggleCard(el) {\n  var id = el.dataset.id;\n  if (selected[id]) { delete selected[id]; el.classList.remove('selected'); }\n  else { selected[id] = { name: el.dataset.name, cat: el.dataset.cat }; el.classList.add('selected'); }\n  updateBar();\n}\n\nfunction updateBar() {\n  var count = Object.keys(selected).length;\n  document.getElementById('sel-count').textContent = count;\n  var bar = document.getElementById('selectionBar');\n  if (count > 0) bar.classList.add('visible');\n  else bar.classList.remove('visible');\n}\n\nfunction goToStep2() {\n  if (Object.keys(selected).length === 0) {\n    var grid = document.querySelector('#panel-1 .ax-cat-group');\n    grid.style.transition = 'transform .1s';\n    [0,1,2,3].forEach(function(i) {\n      setTimeout(function() { grid.style.transform = (i%2===0) ? 'translateX(6px)' : 'translateX(-6px)'; }, i*60);\n    });\n    setTimeout(function() { grid.style.transform = ''; }, 300);\n    return;\n  }\n  var tags = document.getElementById('selected-tags');\n  tags.innerHTML = '';\n  Object.values(selected).forEach(function(item) {\n    var t = document.createElement('div');\n    t.className = 'ax-tag';\n    t.textContent = item.name;\n    tags.appendChild(t);\n  });\n  showPanel(2);\n}\n\nfunction goToStep1() { showPanel(1); }\n\nfunction showPanel(n) {\n  document.querySelectorAll('.ax-panel').forEach(function(p) { p.classList.remove('active'); });\n  document.getElementById('panel-' + n).classList.add('active');\n  document.querySelectorAll('.ax-step').forEach(function(s, i) {\n    s.classList.remove('active', 'done');\n    if (i+1 < n) s.classList.add('done');\n    if (i+1 === n) s.classList.add('active');\n  });\n  if (n > 1) document.getElementById('selectionBar').classList.remove('visible');\n  window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nfunction validate() {\n  var ok = true;\n  ['name','phone','email'].forEach(function(f) {\n    var inp = document.getElementById('f-'+f);\n    var err = document.getElementById('err-'+f);\n    if (!inp.value.trim()) {\n      inp.classList.add('error'); err.classList.add('visible'); ok = false;\n    } else {\n      inp.classList.remove('error'); err.classList.remove('visible');\n    }\n  });\n  var em = document.getElementById('f-email');\n  if (em.value && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em.value)) {\n    em.classList.add('error');\n    document.getElementById('err-email').textContent = 'Invalid email address';\n    document.getElementById('err-email').classList.add('visible');\n    ok = false;\n  }\n  return ok;\n}\n\nfunction submitForm() {\n  if (!validate()) return;\n  var products = Object.values(selected).map(function(i){ return i.name; }).join(', ');\n  var name    = document.getElementById('f-name').value;\n  var company = document.getElementById('f-company').value;\n  var phone   = document.getElementById('f-phone').value;\n  var email   = document.getElementById('f-email').value;\n  var qty     = document.getElementById('f-qty').value;\n  var notes   = document.getElementById('f-notes').value;\n\n  var body =\n    'QUOTE REQUEST, AXINAR.COM\\n\\n' +\n    'Products\/Services: ' + products + '\\n\\n' +\n    'Name: ' + name + '\\n' +\n    (company ? 'Company: ' + company + '\\n' : '') +\n    'Phone: ' + phone + '\\n' +\n    'Email: ' + email + '\\n' +\n    (qty ? '\\nQuantity\/Dimensions:\\n' + qty + '\\n' : '') +\n    (notes ? '\\nDescription\/Comments:\\n' + notes + '\\n' : '');\n\n  var subject = encodeURIComponent('Quote Request, ' + products.substring(0, 60));\n  var mailBody = encodeURIComponent(body);\n  window.location.href = 'mailto:info@axinar.com?subject=' + subject + '&body=' + mailBody;\n  setTimeout(function() { showPanel(3); }, 800);\n}\n\nfunction resetForm() {\n  selected = {};\n  document.querySelectorAll('.ax-card').forEach(function(c) { c.classList.remove('selected'); });\n  ['name','company','phone','email','qty','notes'].forEach(function(f) {\n    var el = document.getElementById('f-'+f);\n    if (el) el.value = '';\n  });\n  updateBar();\n  showPanel(1);\n}\n<\/script>\n\n<\/div>\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>AXINAR A.E. REQUESTA QUOTE Select the products or services you are interested in and fill in your details. We will [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":4154,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6356","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/pages\/6356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/comments?post=6356"}],"version-history":[{"count":1,"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/pages\/6356\/revisions"}],"predecessor-version":[{"id":7266,"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/pages\/6356\/revisions\/7266"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/media\/4154"}],"wp:attachment":[{"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/media?parent=6356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}