{"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-06-04T08:54:29","modified_gmt":"2026-06-04T05:54:29","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-con-full e-flex e-con e-parent\" data-id=\"3048e01\" data-element_type=\"container\" data-e-type=\"container\">\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<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   AXINAR, Request a Quote Form\n   Elementor HTML Widget, paste this ABOVE the form HTML\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n:root {\n  --ax-bg: #0c0d0e;\n  --ax-surface: #141516;\n  --ax-surface-2: #1a1b1d;\n  --ax-border: rgba(255,255,255,0.08);\n  --ax-border-hover: rgba(255,255,255,0.15);\n  --ax-red: #DD2B1C;\n  --ax-red-hover: #c12418;\n  --ax-red-glow: rgba(221,43,28,0.15);\n  --ax-text: #ffffff;\n  --ax-text-soft: rgba(255,255,255,0.7);\n  --ax-text-dim: rgba(255,255,255,0.4);\n  --ax-font: 'Barlow', sans-serif;\n  --ax-font-cond: 'Barlow Condensed', sans-serif;\n}\n\n\/* \u2550\u2550\u2550 HERO \u2550\u2550\u2550 *\/\n.ax-quote-hero {\n  text-align: center;\n  padding: clamp(50px, 4.44vw, 92px) clamp(12px, 1.11vw, 23px) clamp(31px, 2.78vw, 57px);\n  max-width: 700px;\n  margin: 0 auto;\n}\n.ax-quote-hero-label {\n  font-family: var(--ax-font-cond);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: clamp(3px, 0.22vw, 5px);\n  text-transform: uppercase;\n  color: var(--ax-red);\n  margin-bottom: clamp(12px, 0.89vh, 18px);\n}\n.ax-quote-hero h1 {\n  font-family: var(--ax-font-cond);\n  font-size: clamp(36px, 7vw, 56px);\n  font-weight: 800;\n  line-height: 1.05;\n  letter-spacing: -1px;\n  color: var(--ax-text);\n  margin: 0 0 clamp(12px, 1.11vw, 23px);\n}\n.ax-quote-hero p {\n  font-family: var(--ax-font);\n  font-size: clamp(14px, 0.94vw, 18px);\n  line-height: 1.7;\n  color: var(--ax-text-soft);\n  max-width: 560px;\n  margin: 0 auto;\n}\n\n\/* \u2550\u2550\u2550 BREADCRUMB \u2550\u2550\u2550 *\/\n.ax-breadcrumb {\n  font-family: var(--ax-font);\n  font-size: 13px;\n  color: var(--ax-text-dim);\n  margin-bottom: clamp(15px, 1.33vh, 28px);\n}\n.ax-breadcrumb a {\n  color: var(--ax-text-dim);\n  text-decoration: none;\n  transition: color 0.3s;\n}\n.ax-breadcrumb a:hover {\n  color: var(--ax-red);\n}\n.ax-breadcrumb .current {\n  color: var(--ax-text-soft);\n}\n\n\/* \u2550\u2550\u2550 STEPPER \u2550\u2550\u2550 *\/\n.ax-stepper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  max-width: 600px;\n  margin: 0 auto clamp(25px, 2.22vw, 46px);\n  padding: 0 clamp(12px, 1.11vw, 23px);\n}\n.ax-step {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n}\n.ax-step-num {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  border: 2px solid var(--ax-border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--ax-font-cond);\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--ax-text-dim);\n  transition: all 0.4s ease;\n  flex-shrink: 0;\n}\n.ax-step-label {\n  font-family: var(--ax-font);\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--ax-text-dim);\n  transition: color 0.4s ease;\n  white-space: nowrap;\n}\n.ax-step.active .ax-step-num {\n  border-color: var(--ax-red);\n  background: var(--ax-red);\n  color: #fff;\n  box-shadow: 0 0 20px var(--ax-red-glow);\n}\n.ax-step.active .ax-step-label {\n  color: var(--ax-text);\n}\n.ax-step.done .ax-step-num {\n  border-color: var(--ax-red);\n  background: transparent;\n  color: var(--ax-red);\n}\n.ax-step.done .ax-step-label {\n  color: var(--ax-text-soft);\n}\n.ax-step-line {\n  flex: 1;\n  height: 2px;\n  background: var(--ax-border);\n  margin: 0 clamp(12px, 0.89vw, 18px);\n  min-width: 30px;\n}\n\n@media (max-width: 600px) {\n  .ax-step-label { display: none; }\n  .ax-stepper { gap: 0; max-width: 280px; }\n  .ax-step-line { margin: 0 12px; }\n}\n\n\/* \u2550\u2550\u2550 PANELS \u2550\u2550\u2550 *\/\n.ax-quote-body {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 0 clamp(12px, 1.11vw, 23px) clamp(37px, 3.33vw, 69px);\n}\n.ax-panel {\n  display: none;\n}\n.ax-panel.active {\n  display: block;\n  animation: axFadeIn 0.4s ease;\n}\n@keyframes axFadeIn {\n  from { opacity: 0; transform: translateY(12px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2550\u2550\u2550 PROGRESS BAR \u2550\u2550\u2550 *\/\n.ax-progress {\n  width: 100%;\n  height: 3px;\n  background: var(--ax-border);\n  border-radius: 2px;\n  margin-bottom: clamp(20px, 1.78vh, 37px);\n  overflow: hidden;\n}\n.ax-progress-fill {\n  height: 100%;\n  background: var(--ax-red);\n  border-radius: 2px;\n  transition: width 0.5s ease;\n}\n\n\/* \u2550\u2550\u2550 PANEL TEXT \u2550\u2550\u2550 *\/\n.ax-panel-title {\n  font-family: var(--ax-font);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--ax-red);\n  margin-bottom: 8px;\n}\n.ax-panel-h2 {\n  font-family: var(--ax-font-cond);\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 700;\n  color: var(--ax-text);\n  margin-bottom: 10px;\n}\n.ax-panel-sub {\n  font-family: var(--ax-font);\n  font-size: 15px;\n  line-height: 1.6;\n  color: var(--ax-text-dim);\n  margin-bottom: clamp(22px, 2.00vh, 41px);\n  max-width: 600px;\n}\n\n\/* \u2550\u2550\u2550 CATEGORY GROUPS \u2550\u2550\u2550 *\/\n.ax-cat-group {\n  margin-bottom: clamp(20px, 1.78vh, 37px);\n}\n.ax-cat-group-label {\n  font-family: var(--ax-font-cond);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\n  text-transform: uppercase;\n  color: var(--ax-text-dim);\n  margin-bottom: 14px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--ax-border);\n}\n\n\/* \u2550\u2550\u2550 PRODUCT CARDS \u2550\u2550\u2550 *\/\n.ax-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n  gap: 12px;\n}\n.ax-card {\n  position: relative;\n  background: var(--ax-surface);\n  border: 1px solid var(--ax-border);\n  border-radius: 10px;\n  padding: clamp(12px, 1.11vw, 23px) clamp(12px, 0.89vw, 18px) clamp(12px, 0.89vw, 18px);\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  user-select: none;\n  -webkit-user-select: none;\n}\n.ax-card:hover {\n  border-color: var(--ax-border-hover);\n  background: var(--ax-surface-2);\n  transform: translateY(-2px);\n}\n.ax-card.selected {\n  border-color: var(--ax-red);\n  background: rgba(221,43,28,0.06);\n  box-shadow: 0 0 24px var(--ax-red-glow);\n}\n\n\/* Card checkmark *\/\n.ax-card-check {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid var(--ax-border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n}\n.ax-card-check svg {\n  width: 12px;\n  height: 12px;\n  fill: none;\n  stroke: transparent;\n  stroke-width: 2.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n.ax-card.selected .ax-card-check {\n  border-color: var(--ax-red);\n  background: var(--ax-red);\n}\n.ax-card.selected .ax-card-check svg {\n  stroke: #fff;\n}\n\n\/* Card icon *\/\n.ax-card-icon {\n  width: 36px;\n  height: 36px;\n  margin: 0 auto 10px;\n  display: block;\n  opacity: 0.8;\n  transition: opacity 0.3s;\n}\n.ax-card:hover .ax-card-icon,\n.ax-card.selected .ax-card-icon {\n  opacity: 1;\n}\n\n\/* Card text *\/\n.ax-card-name {\n  font-family: var(--ax-font-cond);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--ax-text);\n  line-height: 1.3;\n  margin-bottom: 2px;\n}\n.ax-card-sub {\n  font-family: var(--ax-font);\n  font-size: 11px;\n  color: var(--ax-text-dim);\n}\n\n@media (max-width: 480px) {\n  .ax-cards {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n  .ax-card {\n    padding: 16px 10px 12px;\n  }\n  .ax-card-name {\n    font-size: 12px;\n  }\n}\n\n\/* \u2550\u2550\u2550 BUTTONS \u2550\u2550\u2550 *\/\n.ax-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: var(--ax-font-cond);\n  font-size: 15px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  padding: 14px clamp(17px, 1.56vw, 32px);\n  border-radius: 6px;\n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  text-decoration: none;\n  line-height: 1;\n}\n.ax-btn svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n.ax-btn-primary {\n  background: var(--ax-red);\n  color: #fff;\n}\n.ax-btn-primary:hover {\n  background: var(--ax-red-hover);\n  transform: translateY(-1px);\n  box-shadow: 0 6px 24px var(--ax-red-glow);\n}\n.ax-btn-outline {\n  background: transparent;\n  border: 1px solid var(--ax-border-hover);\n  color: var(--ax-text-soft);\n}\n.ax-btn-outline:hover {\n  border-color: var(--ax-text-soft);\n  color: var(--ax-text);\n}\n\n\/* \u2550\u2550\u2550 NAVIGATION BOTTOM \u2550\u2550\u2550 *\/\n.ax-nav-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: clamp(22px, 2.00vh, 41px);\n  padding-top: clamp(15px, 1.33vh, 28px);\n  border-top: 1px solid var(--ax-border);\n  gap: clamp(12px, 0.89vw, 18px);\n}\n@media (max-width: 480px) {\n  .ax-nav-bottom {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .ax-nav-bottom .ax-btn {\n    justify-content: center;\n  }\n}\n\n\/* \u2550\u2550\u2550 SELECTED SUMMARY (Step 2) \u2550\u2550\u2550 *\/\n.ax-selected-summary {\n  background: var(--ax-surface);\n  border: 1px solid var(--ax-border);\n  border-radius: 10px;\n  padding: clamp(12px, 1.11vw, 23px);\n  margin-bottom: clamp(17px, 1.56vh, 32px);\n}\n.ax-selected-summary-title {\n  font-family: var(--ax-font);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--ax-text-dim);\n  margin-bottom: 12px;\n}\n.ax-selected-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.ax-tag {\n  display: inline-block;\n  font-family: var(--ax-font);\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--ax-text);\n  background: rgba(221,43,28,0.1);\n  border: 1px solid rgba(221,43,28,0.25);\n  border-radius: 20px;\n  padding: 6px 14px;\n}\n\n\/* \u2550\u2550\u2550 FORM \u2550\u2550\u2550 *\/\n.ax-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(12px, 1.11vw, 23px);\n}\n.ax-form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.ax-form-group.full {\n  grid-column: 1 \/ -1;\n}\n.ax-form-label {\n  font-family: var(--ax-font);\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--ax-text-soft);\n}\n.ax-form-label span {\n  color: var(--ax-red);\n}\n.ax-input,\n.ax-textarea {\n  font-family: var(--ax-font);\n  font-size: 15px;\n  color: var(--ax-text) !important;\n  background: var(--ax-surface) !important;\n  border: 1px solid var(--ax-border) !important;\n  border-radius: 8px;\n  padding: 14px clamp(12px, 0.89vw, 18px);\n  outline: none;\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\n  width: 100%;\n  box-sizing: border-box;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.ax-input::placeholder,\n.ax-textarea::placeholder {\n  color: var(--ax-text-dim) !important;\n}\n\/* Override browser\/theme autofill *\/\n.ax-input:-webkit-autofill,\n.ax-textarea:-webkit-autofill {\n  -webkit-text-fill-color: var(--ax-text) !important;\n  -webkit-box-shadow: 0 0 0 1000px var(--ax-surface) inset !important;\n  box-shadow: 0 0 0 1000px var(--ax-surface) inset !important;\n}\n.ax-input:focus,\n.ax-textarea:focus {\n  border-color: var(--ax-red);\n  box-shadow: 0 0 0 3px var(--ax-red-glow);\n}\n.ax-input.error {\n  border-color: #ff4444;\n  box-shadow: 0 0 0 3px rgba(255,68,68,0.15);\n}\n.ax-textarea {\n  resize: vertical;\n  min-height: 120px;\n}\n.ax-error-msg {\n  font-family: var(--ax-font);\n  font-size: 12px;\n  color: #ff4444;\n  display: none;\n}\n.ax-error-msg.visible {\n  display: block;\n}\n\n@media (max-width: 600px) {\n  .ax-form-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* \u2550\u2550\u2550 SELECTION BAR (sticky bottom) \u2550\u2550\u2550 *\/\n.ax-selection-bar {\n  position: fixed;\n  bottom: -80px;\n  left: 0;\n  right: 0;\n  z-index: 999;\n  background: var(--ax-surface);\n  border-top: 1px solid var(--ax-border);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  padding: 14px clamp(15px, 1.33vw, 28px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition: bottom 0.4s ease;\n  box-shadow: 0 -8px 30px rgba(0,0,0,0.4);\n}\n.ax-selection-bar.visible {\n  bottom: 0;\n}\n.ax-selection-bar-left {\n  font-family: var(--ax-font);\n  font-size: 14px;\n  color: var(--ax-text-soft);\n}\n.ax-selection-bar-left span {\n  font-weight: 700;\n  color: var(--ax-red);\n  font-size: clamp(14px, 1.06vw, 21px);\n}\n\n\/* \u2550\u2550\u2550 SUCCESS PANEL \u2550\u2550\u2550 *\/\n.ax-success {\n  text-align: center;\n  padding: clamp(37px, 3.33vw, 69px) clamp(12px, 1.11vw, 23px) clamp(50px, 4.44vw, 92px);\n}\n.ax-success-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background: rgba(221,43,28,0.1);\n  border: 2px solid var(--ax-red);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto clamp(17px, 1.56vw, 32px);\n  animation: axSuccessPop 0.5s ease;\n}\n.ax-success-icon svg {\n  width: 36px;\n  height: 36px;\n  fill: none;\n  stroke: var(--ax-red);\n  stroke-width: 2.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n@keyframes axSuccessPop {\n  0% { transform: scale(0.5); opacity: 0; }\n  60% { transform: scale(1.1); }\n  100% { transform: scale(1); opacity: 1; }\n}\n.ax-success h2 {\n  font-family: var(--ax-font-cond);\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 700;\n  color: var(--ax-text);\n  margin: 0 0 clamp(12px, 0.89vw, 18px);\n  line-height: 1.2;\n}\n.ax-success p {\n  font-family: var(--ax-font);\n  font-size: clamp(14px, 0.94vw, 18px);\n  color: var(--ax-text-soft);\n  margin: 0 0 clamp(20px, 1.78vw, 37px);\n  line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550 HIDE CF7 TARGET \u2550\u2550\u2550 *\/\n#ax-cf7-target {\n  display: none;\n}\n\n\/* \u2550\u2550\u2550 PAGE-LEVEL: full-width dark background \u2550\u2550\u2550 *\/\n.elementor-widget-html {\n  background: transparent !important;\n}\n<\/style>\n\n\n<!-- HERO -->\n<div class=\"ax-quote-hero\">\n  <div class=\"ax-quote-hero-label\">AXINAR S.A.<\/div>\n      <nav class=\"ax-breadcrumb\" aria-label=\"Breadcrumb\"\n          >\n            <span>\n                <a href=\"\/en\/\"><span>Home<\/span><\/a>\n<\/span>\n            <span aria-hidden=\"true\">\u203a<\/span>\n            <span>\n                <span class=\"current\" aria-current=\"page\">Request a Quote<\/span>\n                <meta content=\"https:\/\/axinar.com\/en\/request-a-quote\">\n<\/span>\n        <\/nav>\n\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 contact 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\">Product Selection<\/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 & 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 interested in?<\/div>\n    <div class=\"ax-panel-sub\">Select one or more products \/ services. You can pick 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\" 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<\/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 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\"><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 Mounting<\/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 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=\"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 Mounting<\/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=\"Agrivoltaics\" 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\">Agrivoltaics<\/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 & 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 & 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 feeding<\/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 ATTACHMENTS\" 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 ATTACHMENTS\" 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=\"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=\"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=\"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=\"Plate Rolling\" data-cat=\"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\">Plate Rolling<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"cnc-mill\" data-name=\"CNC Milling\" data-cat=\"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=\"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=\"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 -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">FINISHING & 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 & R&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 & R&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)\">* 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 & Information<\/div>\n    <div class=\"ax-panel-sub\">Fill in your contact details and describe your needs.<\/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. John Smith\">\n        <div class=\"ax-error-msg\" id=\"err-name\">Required field<\/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 S.A.\">\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=\"+30 210 000 0000\">\n        <div class=\"ax-error-msg\" id=\"err-phone\">Required field<\/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\">Required field<\/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 2000x1000mm, thickness 3mm\">\n      <\/div>\n      <div class=\"ax-form-group full\">\n        <label class=\"ax-form-label\">Project Description \/ Notes<\/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 contact you within 24 working 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';\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\/Notes:\\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\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 S.A. Home \u203a Request a Quote REQUESTA QUOTE Select the products or services you are interested in and fill [&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":0,"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/pages\/6356\/revisions"}],"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}]}}