{"id":476,"date":"2026-03-31T15:00:00","date_gmt":"2026-03-31T12:00:00","guid":{"rendered":"https:\/\/plain-shop-multilingual-template.gr.178-21-171-246.oramacms1.gr\/?page_id=476"},"modified":"2026-03-11T12:46:53","modified_gmt":"2026-03-11T10:46:53","slug":"archiki","status":"publish","type":"page","link":"https:\/\/axinar.com\/en","title":{"rendered":"Original"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"476\" class=\"elementor elementor-476 elementor-44\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cafc570 e-con-full e-flex e-con e-parent\" data-id=\"cafc570\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb81be2 elementor-widget elementor-widget-html\" data-id=\"cb81be2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====== AXINAR HERO SECTION v2 ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@300;400;600;700&amp;display=swap\" rel=\"stylesheet\">\n<div class=\"axn-hero\">\n  <video class=\"axn-hero-video\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\">\n    <source src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/HERO-AXINAR.mp4\" type=\"video\/mp4\">\n  <\/source><\/video>\n  <div class=\"axn-hero-overlay\"><\/div>\n  <div class=\"axn-hero-content\">\n    <h1 class=\"axn-hero-title\">\n      <span class=\"axn-line1\">What steel can be<\/span>\n      <span class=\"axn-line2\">You dream. We prove it. <\/span>\n    <\/h1>\n  <\/div>\n  <div class=\"axn-scroll-prompt\">\n    <span>Scroll down to explore<\/span>\n    <div style=\"margin-top:10px; display:flex; justify-content:center;\">\n      <svg width=\"24\" height=\"40\" viewbox=\"0 0 24 40\" fill=\"none\">\n        <rect x=\"1\" y=\"1\" width=\"22\" height=\"38\" rx=\"11\" stroke=\"white\" stroke-width=\"1.5\"\/>\n        <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"white\">\n          <animate attributename=\"cy\" values=\"12;26;12\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n          <animate attributename=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n      <\/svg>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* ====== HERO BASE ====== *\/\n.axn-hero {\n  position: relative;\n  height: 70vh;\n  display: flex;\n  align-items: center;\n  padding: 0 clamp(20px, 5vw, 40px) 0 clamp(20px, 15vw, 250px);\n  overflow: hidden;\n  background: #000;\n}\n.axn-hero-video {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  min-width: 100%;\n  min-height: 100%;\n  width: auto;\n  height: auto;\n  transform: translate(-50%, -50%);\n  object-fit: cover;\n  max-height: 70vh;\n  z-index: 0;\n}\n.axn-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.15) 100%);\n  z-index: 1;\n}\n\n\/* ====== HERO CONTENT ====== *\/\n.axn-hero-content {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.axn-hero-title {\n  font-family: 'IBM Plex Mono', monospace;\n  font-weight: 700;\n  color: #fff;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.axn-line1 {\n  font-size: clamp(26px, 3.6vw, 46px);\n  line-height: 1;\n  color: #FFFFFF;\n  letter-spacing: -0.5px;\n}\n.axn-line2 {\n  font-size: clamp(18px, 2.4vw, 32px);\n  font-weight: 300;\n  line-height: 1;\n  margin-left: 40px;\n  margin-top: 0;\n  color: #8BAFC4;\n  letter-spacing: 1px;\n}\n\n\/* ====== FADE-IN ANIMATIONS ====== *\/\n.axn-fade-up {\n  opacity: 0;\n  transform: translateY(30px);\n  animation: axnFadeUp 0.8s ease-out forwards;\n}\n.axn-delay-1 { animation-delay: 0.25s; }\n.axn-delay-2 { animation-delay: 0.5s; }\n\n@keyframes axnFadeUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* ====== GLITCH ENTRANCE ====== *\/\n.axn-line1 {\n  animation: axnGlitch1 15s ease-out infinite;\n  opacity: 0;\n}\n.axn-line2 {\n  animation: axnGlitch2 15s ease-out 0.25s infinite;\n  opacity: 0;\n}\n\n@keyframes axnGlitch1 {\n  0%    { opacity: 0; transform: translateX(-4px); filter: blur(6px); }\n  1%    { opacity: 1; transform: translateX(6px);  filter: blur(0); }\n  1.5%  { opacity: 0.4; transform: translateX(-3px); }\n  2%    { opacity: 1; transform: translateX(2px); }\n  2.5%  { opacity: 0.6; transform: translateX(-1px); filter: blur(1px); }\n  3.5%  { opacity: 1; transform: translateX(0); filter: blur(0); }\n  7%    { opacity: 1; transform: translateX(0); filter: blur(0); }\n  7.3%  { opacity: 0.7; transform: translateX(3px); }\n  7.6%  { opacity: 1; transform: translateX(0); }\n  99%   { opacity: 1; transform: translateX(0); filter: blur(0); }\n  100%  { opacity: 0; transform: translateX(-4px); filter: blur(6px); }\n}\n\n@keyframes axnGlitch2 {\n  0%    { opacity: 0; transform: translateX(4px); filter: blur(6px); }\n  1%    { opacity: 1; transform: translateX(-5px); filter: blur(0); }\n  1.8%  { opacity: 0.3; transform: translateX(3px); }\n  2.2%  { opacity: 1; transform: translateX(-2px); }\n  3%    { opacity: 0.7; transform: translateX(1px); filter: blur(1px); }\n  4%    { opacity: 1; transform: translateX(0); filter: blur(0); }\n  99%   { opacity: 1; transform: translateX(0); filter: blur(0); }\n  100%  { opacity: 0; transform: translateX(4px); filter: blur(6px); }\n}\n\n\/* ====== SCROLL PROMPT ====== *\/\n.axn-scroll-prompt {\n  position: absolute;\n  bottom: 30px;\n  right: 40px;\n  text-align: center;\n  color: #fff;\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  letter-spacing: 1px;\n  z-index: 2;\n  opacity: 0;\n  animation: axnFadeUp 0.8s ease-out 1s forwards;\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 1024px) {\n  .axn-hero {\n    min-height: 65vh;\n    padding-bottom: clamp(100px, 15vw, 180px);\n    padding-left: clamp(30px, 6vw, 80px);\n  }\n}\n@media (max-width: 767px) {\n  .axn-hero {\n    min-height: 70vh;\n    padding-bottom: 100px;\n    padding-left: 20px;\n  }\n  .axn-line1 { font-size: clamp(24px, 7vw, 36px); }\n  .axn-line2 { font-size: clamp(18px, 5vw, 28px); margin-left: 20px; }\n  .axn-scroll-prompt { display: none; }\n}\n\n\/* ====== FIX ELEMENTOR CONTAINER ====== *\/\n[data-widget_type=\"html.default\"] > .elementor-widget-container {\n  padding: 0 !important;\n  margin: 0 !important;\n  min-height: 0 !important;\n  overflow: visible !important;\n}\n<\/style>\n\n<!-- ====== GA4 INIT + VIDEO TRACKING ====== -->\n<script async=\"\" src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-33K2K1XNJ0\"><\/script>\n<script>\nwindow.dataLayer = window.dataLayer || [];\nfunction gtag(){dataLayer.push(arguments);}\ngtag('js', new Date());\ngtag('config', 'G-33K2K1XNJ0');\n\n(function() {\n  const video = document.querySelector('.axn-hero-video');\n  if (!video) return;\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        gtag('event', 'video_view', {\n          event_category: 'Hero Video',\n          event_label: 'HERO-AXINAR.mp4'\n        });\n        observer.disconnect();\n      }\n    });\n  }, { threshold: 0.5 });\n  observer.observe(video);\n\n  const milestones = { 25: false, 50: false, 75: false, 100: false };\n  video.addEventListener('timeupdate', function() {\n    if (!video.duration) return;\n    const pct = Math.floor((video.currentTime \/ video.duration) * 100);\n    [25, 50, 75, 100].forEach(function(m) {\n      if (!milestones[m] && pct >= m) {\n        milestones[m] = true;\n        gtag('event', 'video_progress', {\n          event_category: 'Hero Video',\n          event_label: 'HERO-AXINAR.mp4',\n          value: m\n        });\n      }\n    });\n  });\n\n  let lastFired = 0;\n  video.addEventListener('timeupdate', function() {\n    const elapsed = Math.floor(video.currentTime);\n    if (elapsed > 0 && elapsed % 30 === 0 && elapsed !== lastFired) {\n      lastFired = elapsed;\n      gtag('event', 'video_time_watched', {\n        event_category: 'Hero Video',\n        event_label: 'HERO-AXINAR.mp4',\n        value: elapsed\n      });\n    }\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bbd613 e-con-full e-flex e-con e-parent\" data-id=\"8bbd613\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b3239e elementor-widget elementor-widget-html\" data-id=\"9b3239e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====== AXINAR STATS SECTION v2 ====== -->\n<style>\n.ax-stats {\n  background: #151616;\n  padding: 60px 0;\n  width: 100%;\n}\n.ax-stats-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n}\n.ax-stat-item {\n  text-align: center;\n  padding: 40px 20px;\n  border-right: 1px solid rgba(255,255,255,0.1);\n}\n.ax-stat-item:last-child {\n  border-right: none;\n}\n.ax-stat-number {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(40px, 4vw, 56px);\n  font-weight: 700;\n  color: #DD2B1C;\n  line-height: 1;\n  margin-bottom: 12px;\n}\n.ax-stat-number .ax-stat-suffix {\n  font-size: clamp(28px, 2.5vw, 38px);\n  font-weight: 400;\n}\n.ax-stat-label {\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(255,255,255,0.5);\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  line-height: 1.4;\n}\n@media (max-width: 767px) {\n  .ax-stats { padding: 40px 20px; }\n  .ax-stats-inner {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0;\n  }\n  .ax-stat-item {\n    padding: 28px 16px;\n  }\n  .ax-stat-item:nth-child(2) { border-right: none; }\n  .ax-stat-item:nth-child(1),\n  .ax-stat-item:nth-child(2) {\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n  }\n  .ax-stat-number { font-size: 40px; }\n  .ax-stat-label { font-size: 11px; letter-spacing: 1.5px; }\n}\n<\/style>\n<section class=\"ax-stats\" aria-label=\"Axinar key figures\">\n  <div class=\"ax-stats-inner\">\n    <div class=\"ax-stat-item\" aria-label=\"15 years of growth\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target=\"15\">0<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Years of<br>Growth<\/div>\n    <\/div>\n    <div class=\"ax-stat-item\" aria-label=\"24 export countries\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target=\"24\">0<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Export<br>Countries<\/div>\n    <\/div>\n    <div class=\"ax-stat-item\" aria-label=\"4 continents reached\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target=\"4\">0<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Continents<br>Reached<\/div>\n    <\/div>\n    <div class=\"ax-stat-item\" aria-label=\"Over 160 satisfied companies\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target=\"160\">0<\/span>\n        <span class=\"ax-stat-suffix\">+<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Satisfied<br>Companies<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function() {\n  var counters = document.querySelectorAll('.ax-stat-counter');\n  var animated = false;\n  function animateCounters() {\n    counters.forEach(function(counter) {\n      var target = parseInt(counter.getAttribute('data-target'));\n      var duration = 2000;\n      var startTime = null;\n      function easeOutCubic(t) {\n        return 1 - Math.pow(1 - t, 3);\n      }\n      function step(timestamp) {\n        if (!startTime) startTime = timestamp;\n        var progress = Math.min((timestamp - startTime) \/ duration, 1);\n        var easedProgress = easeOutCubic(progress);\n        counter.textContent = Math.floor(easedProgress * target);\n        if (progress < 1) {\n          requestAnimationFrame(step);\n        } else {\n          counter.textContent = target;\n        }\n      }\n      requestAnimationFrame(step);\n    });\n  }\n  var section = document.querySelector('.ax-stats');\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting && !animated) {\n          animated = true;\n          animateCounters();\n          observer.unobserve(section);\n        }\n      });\n    }, { threshold: 0.3 });\n    observer.observe(section);\n  } else {\n    animateCounters();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c1234d5 e-con-full e-flex e-con e-parent\" data-id=\"c1234d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0be5a5 elementor-widget elementor-widget-html\" data-id=\"c0be5a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\/* ====== AXINAR INDUSTRIES SECTION v2 ====== *\/\n.ax-industries {\n  background: #151616;\n  padding: 80px 0 0 0;\n  width: 100%;\n}\n.ax-ind-header {\n  max-width: 1200px;\n  margin: 0 auto 40px auto;\n  padding: 0 40px;\n}\n.ax-ind-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.ax-ind-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 42px;\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  line-height: 1.1;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\n}\n.ax-ind-title strong { font-weight: 600; }\n.ax-ind-header.ax-visible .ax-ind-tag,\n.ax-ind-header.ax-visible .ax-ind-title {\n  opacity: 1;\n  transform: translateY(0);\n}\n.ax-ind-strips {\n  display: flex;\n  width: 100%;\n  height: 520px;\n  overflow: hidden;\n}\na.ax-ind-strip {\n  text-decoration: none;\n  color: inherit;\n}\n.ax-ind-strip {\n  flex: 1;\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  display: block;\n}\n.ax-ind-strip:hover,\n.ax-ind-strip.active { flex: 3; }\n.ax-ind-strip-bg {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center;\n  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ax-ind-strip:hover .ax-ind-strip-bg { transform: scale(1.05); }\n.ax-ind-strip::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.3) 100%);\n  z-index: 1;\n  transition: background 0.4s ease;\n}\n.ax-ind-strip:hover::before {\n  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.15) 100%);\n}\n.ax-ind-strip::after {\n  content: '';\n  position: absolute;\n  top: 0; right: 0;\n  width: 1px; height: 100%;\n  background: rgba(255,255,255,0.08);\n  z-index: 2;\n}\n.ax-ind-strip:last-child::after { display: none; }\n.ax-ind-strip-content {\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  padding: 35px 28px;\n  z-index: 3;\n}\n.ax-ind-strip-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 22px;\n  font-weight: 600;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  line-height: 1.2;\n  margin-bottom: 0;\n  transition: margin-bottom 0.4s ease;\n}\n.ax-ind-strip:hover .ax-ind-strip-title { margin-bottom: 14px; }\n.ax-ind-strip-desc {\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.7);\n  line-height: 1.6;\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease 0.1s;\n}\n.ax-ind-strip:hover .ax-ind-strip-desc { max-height: 120px; opacity: 1; }\n.ax-ind-strip-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #DD2B1C;\n  text-decoration: none;\n  margin-top: 14px;\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;\n}\n.ax-ind-strip:hover .ax-ind-strip-cta { opacity: 1; transform: translateY(0); }\n.ax-ind-strip-cta svg {\n  width: 16px; height: 16px;\n  stroke: #DD2B1C; fill: none; stroke-width: 2;\n  transition: transform 0.3s ease;\n}\n.ax-ind-strip:hover .ax-ind-strip-cta svg { transform: translateX(4px); }\n.ax-ind-strip-accent {\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: #DD2B1C;\n  z-index: 3;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ax-ind-strip:hover .ax-ind-strip-accent { transform: scaleX(1); }\n.ax-ind-mobile-nav { display: none; }\n.ax-ind-dots { display: none; }\n\n@media (max-width: 1024px) {\n  .ax-ind-strips { height: 460px; }\n  .ax-ind-strip-title { font-size: 18px; }\n  .ax-ind-strip-content { padding: 25px 20px; }\n}\n@media (max-width: 767px) {\n  .ax-industries { padding: 50px 0 0 0; }\n  .ax-ind-header { padding: 0 20px; margin-bottom: 24px; }\n  .ax-ind-title { font-size: 28px; }\n  .ax-ind-strips {\n    position: relative;\n    height: 380px;\n    flex-direction: row;\n    overflow: hidden;\n  }\n  .ax-ind-strip {\n    position: absolute;\n    inset: 0;\n    flex: none;\n    width: 100%; height: 100%;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.5s ease, transform 0.5s ease;\n    transform: translateX(30px);\n  }\n  .ax-ind-strip.active {\n    opacity: 1;\n    pointer-events: auto;\n    transform: translateX(0);\n    flex: none;\n  }\n  .ax-ind-strip::after { display: none; }\n  .ax-ind-strip.active .ax-ind-strip-title { margin-bottom: 14px; }\n  .ax-ind-strip.active .ax-ind-strip-desc { max-height: 120px; opacity: 1; }\n  .ax-ind-strip.active .ax-ind-strip-cta { opacity: 1; transform: translateY(0); }\n  .ax-ind-strip.active .ax-ind-strip-accent { transform: scaleX(1); }\n  .ax-ind-strip.active::before {\n    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.15) 100%);\n  }\n  .ax-ind-strip-title { font-size: 22px; }\n  .ax-ind-strip-content { padding: 28px 24px; }\n  .ax-ind-mobile-nav {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 20px;\n    padding: 20px 0 30px 0;\n  }\n  .ax-ind-arrow {\n    width: 48px; height: 48px;\n    border-radius: 50%;\n    border: 1px solid rgba(255,255,255,0.15);\n    background: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n  .ax-ind-arrow:active { background: #DD2B1C; border-color: #DD2B1C; }\n  .ax-ind-arrow svg {\n    width: 20px; height: 20px;\n    stroke: #FFFFFF; fill: none; stroke-width: 2;\n    stroke-linecap: round; stroke-linejoin: round;\n  }\n  .ax-ind-dots {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n  .ax-ind-dot {\n    width: 8px; height: 8px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.2);\n    transition: all 0.3s ease;\n  }\n  .ax-ind-dot.active {\n    background: #DD2B1C;\n    width: 24px;\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<section class=\"ax-industries\" aria-label=\"Axinar \u2014 Industry Solutions\">\n  <div class=\"ax-ind-header\">\n    <div class=\"ax-ind-tag\">Industries<\/div>\n    <h2 class=\"ax-ind-title\">Solutions for <strong>every industry<\/strong><\/h2>\n  <\/div>\n  <div class=\"ax-ind-strips\">\n\n    <a href=\"\/vaseis-fotovoltaikon\" class=\"ax-ind-strip active\" data-index=\"0\" aria-label=\"Photovoltaics \u2014 mounting bases and metal structures for solar parks\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1509391366360-2e959784a276?w=800&q=80')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Photovoltaics<\/h3>\n        <p class=\"ax-ind-strip-desc\">Mounting bases and metal structures for photovoltaic parks on any type of terrain.<\/p>\n        <span class=\"ax-ind-strip-cta\">See the mounting range <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"\/metallikes-kataskeves\" class=\"ax-ind-strip\" data-index=\"1\" aria-label=\"OEM and Contract Manufacturing \u2014 components and subsystems for third-party manufacturers\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1504917595217-d4dc5ebe6122')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">OEM \/ Contract Manufacturing<\/h3>\n        <p class=\"ax-ind-strip-desc\">Production of components and subsystems for third-party manufacturers with full technical support.<\/p>\n        <span class=\"ax-ind-strip-cta\">Learn about contract manufacturing <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"\/metallikes-kataskeves\" class=\"ax-ind-strip\" data-index=\"2\" aria-label=\"Agricultural \u2014 high-strength equipment and parts for agricultural machinery\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/OEM-Parts.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Agricultural<\/h3>\n        <p class=\"ax-ind-strip-desc\">High-strength equipment and parts for agricultural machinery.<\/p>\n        <span class=\"ax-ind-strip-cta\">Explore agricultural equipment <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/axinar.com\/en\/c\/biomass-boilers-en\" class=\"ax-ind-strip\" data-index=\"3\" aria-label=\"Biomass and Heating \u2014 pellet and biomass heating solutions for residential and industrial use\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2025\/12\/axinar-viomaza-ksylina-pellets-stoiba-xyla-dasos.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Biomass &amp; Heating<\/h3>\n        <p class=\"ax-ind-strip-desc\">Biomass and pellet heating solutions for residential and industrial use.<\/p>\n        <span class=\"ax-ind-strip-cta\">See heating solutions <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"\/metallikes-kataskeves\" class=\"ax-ind-strip\" data-index=\"4\" aria-label=\"Industrial Structures \u2014 custom metal structures and industrial solutions on demand\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?w=800&q=80')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Industrial Structures<\/h3>\n        <p class=\"ax-ind-strip-desc\">Elevators, metal structures and custom industrial solutions on demand.<\/p>\n        <span class=\"ax-ind-strip-cta\">See our structures <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n  <div class=\"ax-ind-mobile-nav\">\n    <button class=\"ax-ind-arrow ax-ind-prev\" aria-label=\"Previous\">\n      <svg viewBox=\"0 0 20 20\"><path d=\"M13 4l-6 6 6 6\"\/><\/svg>\n    <\/button>\n    <div class=\"ax-ind-dots\">\n      <div class=\"ax-ind-dot active\" data-index=\"0\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"1\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"2\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"3\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"4\"><\/div>\n    <\/div>\n    <button class=\"ax-ind-arrow ax-ind-next\" aria-label=\"Next\">\n      <svg viewBox=\"0 0 20 20\"><path d=\"M7 4l6 6-6 6\"\/><\/svg>\n    <\/button>\n  <\/div>\n<\/section>\n\n<script>(function() {\n  var header = document.querySelector('.ax-ind-header');\n  if ('IntersectionObserver' in window) {\n    var headerObs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('ax-visible');\n          headerObs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.3 });\n    headerObs.observe(header);\n  } else {\n    header.classList.add('ax-visible');\n  }\n\n  var strips = document.querySelectorAll('.ax-ind-strip');\n  var dots = document.querySelectorAll('.ax-ind-dot');\n  var prevBtn = document.querySelector('.ax-ind-prev');\n  var nextBtn = document.querySelector('.ax-ind-next');\n  var currentIndex = 0;\n  var total = strips.length;\n\n  function goTo(index) {\n    if (index < 0) index = total - 1;\n    if (index >= total) index = 0;\n    strips.forEach(function(s) { s.classList.remove('active'); });\n    dots.forEach(function(d) { d.classList.remove('active'); });\n    strips[index].classList.add('active');\n    dots[index].classList.add('active');\n    currentIndex = index;\n  }\n\n  strips.forEach(function(strip, i) {\n    strip.addEventListener('mouseenter', function() {\n      if (window.innerWidth > 767) { goTo(i); }\n    });\n  });\n\n  prevBtn.addEventListener('click', function() { goTo(currentIndex - 1); });\n  nextBtn.addEventListener('click', function() { goTo(currentIndex + 1); });\n\n  dots.forEach(function(dot, i) {\n    dot.addEventListener('click', function() { goTo(i); });\n  });\n\n  var touchStartX = 0;\n  var container = document.querySelector('.ax-ind-strips');\n  container.addEventListener('touchstart', function(e) {\n    touchStartX = e.touches[0].clientX;\n  }, { passive: true });\n  container.addEventListener('touchend', function(e) {\n    var diff = touchStartX - e.changedTouches[0].clientX;\n    if (Math.abs(diff) > 50) {\n      if (diff > 0) goTo(currentIndex + 1);\n      else goTo(currentIndex - 1);\n    }\n  }, { passive: true });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-253c691 e-con-full e-flex e-con e-parent\" data-id=\"253c691\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21944b6 elementor-widget elementor-widget-html\" data-id=\"21944b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ax-logos {\n  background: #151616;\n  padding: 70px 0;\n  width: 100%;\n  overflow: hidden;\n}\n.ax-logos-header {\n  text-align: center;\n  margin-bottom: 50px;\n}\n.ax-logos-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n}\n.ax-logos-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 32px;\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  line-height: 1.2;\n}\n.ax-logos-title strong { font-weight: 600; }\n.ax-logos-track-wrap {\n  position: relative;\n}\n.ax-logos-track-wrap::before,\n.ax-logos-track-wrap::after {\n  content: '';\n  position: absolute;\n  top: 0; bottom: 0;\n  width: 120px;\n  z-index: 2;\n  pointer-events: none;\n}\n.ax-logos-track-wrap::before {\n  left: 0;\n  background: linear-gradient(to right, #151616 0%, transparent 100%);\n}\n.ax-logos-track-wrap::after {\n  right: 0;\n  background: linear-gradient(to left, #151616 0%, transparent 100%);\n}\n.ax-logos-track {\n  display: flex;\n  align-items: center;\n  gap: 70px;\n  animation: ax-scroll-left 45s linear infinite;\n  width: max-content;\n}\n.ax-logos-track:hover { animation-play-state: paused; }\n@keyframes ax-scroll-left {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n.ax-logo-item {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 55px;\n  opacity: 0.45;\n  transition: opacity 0.4s ease;\n}\n.ax-logo-item:hover { opacity: 0.9; }\n.ax-logo-item img {\n  max-height: 55px;\n  max-width: 160px;\n  width: auto;\n  object-fit: contain;\n}\n@media (max-width: 767px) {\n  .ax-logos { padding: 50px 0; }\n  .ax-logos-title { font-size: 24px; }\n  .ax-logos-header { margin-bottom: 35px; }\n  .ax-logos-track { gap: 45px; animation-duration: 30s; }\n  .ax-logos-track-wrap::before,\n  .ax-logos-track-wrap::after { width: 50px; }\n  .ax-logo-item { height: 40px; }\n  .ax-logo-item img { max-height: 40px; max-width: 120px; }\n}\n<\/style>\n\n<section class=\"ax-logos\" aria-label=\"Axinar \u2014 Trusted partners and clients\">\n  <div class=\"ax-logos-header\">\n    <div class=\"ax-logos-tag\">Trusted by<\/div>\n    <h2 class=\"ax-logos-title\"><strong>Partners<\/strong><\/h2>\n  <\/div>\n  <div class=\"ax-logos-track-wrap\">\n    <div class=\"ax-logos-track\" aria-label=\"Partner logos\">\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kleeman-logo.webp\" alt=\"Kleemann\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/xometry-logo.webp\" alt=\"Xometry\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/salvagini-logo.webp\" alt=\"Salvagnini\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/alumil-solar-logo.webp\" alt=\"Alumil Solar\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/okofen-logo.webp\" alt=\"\u00d6koFEN\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ekme-logo.webp\" alt=\"EKME\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/agroma-logo.webp\" alt=\"Agroma\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/vigor-logo.webp\" alt=\"Vigor\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kinvent-logo.webp\" alt=\"Kinvent\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ginox-logo.webp\" alt=\"Ginox\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/tysilio-logo.webp\" alt=\"Tysilio\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/clockword-logo.webp\" alt=\"Clockwork\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/nikoplex-logo.webp\" alt=\"Nikoplex\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/easypell-logo.webp\" alt=\"Easypell\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/mrc-logo.webp\" alt=\"MRC\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/csb-logo.webp\" alt=\"CSB\"><\/div>\n      <!-- Duplicate for seamless loop -->\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kleeman-logo.webp\" alt=\"Kleemann\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/xometry-logo.webp\" alt=\"Xometry\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/salvagini-logo.webp\" alt=\"Salvagnini\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/alumil-solar-logo.webp\" alt=\"Alumil Solar\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/okofen-logo.webp\" alt=\"\u00d6koFEN\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ekme-logo.webp\" alt=\"EKME\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/agroma-logo.webp\" alt=\"Agroma\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/vigor-logo.webp\" alt=\"Vigor\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kinvent-logo.webp\" alt=\"Kinvent\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ginox-logo.webp\" alt=\"Ginox\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/tysilio-logo.webp\" alt=\"Tysilio\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/clockword-logo.webp\" alt=\"Clockwork\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/nikoplex-logo.webp\" alt=\"Nikoplex\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/easypell-logo.webp\" alt=\"Easypell\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/mrc-logo.webp\" alt=\"MRC\"><\/div>\n      <div class=\"ax-logo-item\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/csb-logo.webp\" alt=\"CSB\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-724f121 e-con-full e-flex e-con e-parent\" data-id=\"724f121\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fa1cb9 elementor-widget elementor-widget-html\" data-id=\"0fa1cb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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 CAPABILITIES \u2014 Desktop: Sticky Image + Rows \/ Mobile: Accordion\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\u2550\u2550\u2550 -->\n\n<style>\n\/* ====== AXINAR CAPABILITIES SECTION ====== *\/\n.ax-capabilities {\n  display: flex;\n  width: 100%;\n  overflow: visible;\n  position: relative;\n}\n.ax-cap-images {\n  flex: 0 0 50%;\n  position: sticky;\n  top: 0;\n  height: 100vh;\n  overflow: hidden;\n  background: #151616;\n  align-self: flex-start;\n}\n.ax-cap-img {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center;\n  opacity: 0;\n  transform: scale(1.06);\n  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: opacity, transform;\n}\n.ax-cap-img.active {\n  opacity: 1;\n  transform: scale(1.0);\n}\n.ax-cap-img-label {\n  position: absolute;\n  bottom: 30px;\n  left: 30px;\n  z-index: 3;\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;\n}\n.ax-cap-img.active .ax-cap-img-label {\n  opacity: 1;\n  transform: translateY(0);\n}\n.ax-cap-img-label span {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #FFFFFF;\n  background: rgba(0,0,0,0.5);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  padding: 8px 16px;\n  border-left: 3px solid #DD2B1C;\n}\n.ax-cap-images::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(0,0,0,0.35) 0%, transparent 40%);\n  z-index: 2;\n  pointer-events: none;\n}\n.ax-cap-content {\n  flex: 0 0 50%;\n  padding: 65px 65px 65px 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  background: #151616;\n}\n.ax-cap-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n}\n.ax-cap-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 42px;\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  line-height: 1.1;\n  margin-bottom: 38px;\n}\n.ax-cap-title strong { font-weight: 600; }\na.ax-cap-row { text-decoration: none; color: inherit; }\n.ax-cap-row {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  padding: 18px 0;\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n  cursor: pointer;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  flex-wrap: wrap;\n}\n.ax-cap-row:first-of-type { border-top: 1px solid rgba(255,255,255,0.08); }\n.ax-cap-row::before {\n  content: '';\n  position: absolute;\n  left: -50px; top: 0; bottom: 0;\n  width: 3px;\n  background: #DD2B1C;\n  transform: scaleY(0);\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  transform-origin: center;\n}\n.ax-cap-row.active::before { transform: scaleY(1); }\n.ax-cap-row:hover, .ax-cap-row.active { padding-left: 10px; }\n.ax-cap-icon {\n  flex-shrink: 0;\n  width: 56px; height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.08);\n  box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.04);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  perspective: 300px;\n  transition: all 0.4s ease;\n}\n.ax-cap-row:hover .ax-cap-icon,\n.ax-cap-row.active .ax-cap-icon {\n  background: rgba(221,43,28,0.1);\n  border-color: rgba(221,43,28,0.25);\n  box-shadow: 0 4px 14px rgba(221,43,28,0.15), inset 0 1px 0 rgba(255,255,255,0.06);\n  transform: scale(1.05);\n}\n.ax-cap-icon img {\n  width: 42px; height: 42px;\n  object-fit: contain;\n  transition: all 0.4s ease;\n}\n.ax-cap-row:hover .ax-cap-icon img,\n.ax-cap-row.active .ax-cap-icon img {\n  transform: rotateY(15deg) rotateX(-5deg) scale(1.1);\n}\n.ax-cap-info { flex: 1; }\n.ax-cap-info h4 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 18px;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 1.2px;\n  color: #FFFFFF;\n  margin-bottom: 3px;\n  transition: color 0.35s ease;\n}\n.ax-cap-row:hover .ax-cap-info h4,\n.ax-cap-row.active .ax-cap-info h4 { color: #DD2B1C; }\n.ax-cap-info p {\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  color: rgba(255,255,255,0.4);\n  font-weight: 300;\n  line-height: 1.5;\n  transition: color 0.35s ease;\n}\n.ax-cap-row:hover .ax-cap-info p,\n.ax-cap-row.active .ax-cap-info p { color: rgba(255,255,255,0.65); }\n.ax-cap-arrow {\n  margin-left: auto;\n  opacity: 0;\n  transform: translateX(-10px);\n  transition: all 0.35s ease;\n  flex-shrink: 0;\n}\n.ax-cap-row:hover .ax-cap-arrow,\n.ax-cap-row.active .ax-cap-arrow { opacity: 1; transform: translateX(0); }\n.ax-cap-arrow svg {\n  width: 20px; height: 20px;\n  stroke: #DD2B1C; fill: none; stroke-width: 2;\n  stroke-linecap: round; stroke-linejoin: round;\n}\n.ax-cap-row-img { display: none; }\n\n@media (max-width: 1024px) {\n  .ax-cap-content { padding: 45px 35px 45px 30px; }\n  .ax-cap-title { font-size: 34px; }\n  .ax-cap-row::before { left: -30px; }\n  .ax-cap-icon { width: 50px; height: 50px; }\n}\n@media (max-width: 767px) {\n  .ax-capabilities { flex-direction: column; }\n  .ax-cap-images { display: none; }\n  .ax-cap-content { flex: none; padding: 40px 20px; }\n  .ax-cap-title { font-size: 28px; margin-bottom: 24px; }\n  .ax-cap-row { padding: 14px 0; gap: 14px; }\n  .ax-cap-row::before { display: none; }\n  .ax-cap-row:hover, .ax-cap-row.active { padding-left: 0; }\n  .ax-cap-info h4 { font-size: 16px; }\n  .ax-cap-info p { font-size: 12px; }\n  .ax-cap-icon { width: 44px; height: 44px; border-radius: 10px; }\n  .ax-cap-arrow { opacity: 1; transform: translateX(0); transition: transform 0.3s ease; }\n  .ax-cap-row.open .ax-cap-arrow { transform: rotate(90deg); }\n  .ax-cap-row-img {\n    display: block;\n    width: 100%;\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    order: 10;\n  }\n  .ax-cap-row.open .ax-cap-row-img { max-height: 260px; }\n  .ax-cap-row-img-inner {\n    width: 100%; height: 200px;\n    background-size: cover;\n    background-position: center;\n    border-left: 3px solid #DD2B1C;\n    margin-top: 12px;\n    position: relative;\n  }\n  .ax-cap-row-img-inner::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 50%);\n  }\n  .ax-cap-row-img-cta {\n    position: absolute;\n    bottom: 14px; left: 16px;\n    z-index: 2;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #FFFFFF;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .ax-cap-row-img-cta svg {\n    width: 16px; height: 16px;\n    stroke: #FFFFFF; fill: none; stroke-width: 2;\n  }\n}\n@media (max-width: 480px) {\n  .ax-cap-content { padding: 28px 16px; }\n  .ax-cap-title { font-size: 24px; }\n  .ax-cap-icon { width: 40px; height: 40px; }\n  .ax-cap-icon img { width: 32px; height: 32px; }\n  .ax-cap-row-img-inner { height: 180px; }\n}\n<\/style>\n\n<section class=\"ax-capabilities\" aria-label=\"Axinar \u2014 Manufacturing Capabilities\">\n\n  <!-- LEFT: Images (STICKY \u2014 Desktop only) -->\n  <div class=\"ax-cap-images\" aria-hidden=\"true\">\n    <div class=\"ax-cap-img active\" data-index=\"0\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2025\/12\/laser-cut-3.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Laser Cutting<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"1\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u03a3\u03c4\u03c1\u03ac\u03bd\u03c4\u03b6\u03b1.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Press Brake Bending<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"2\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u039a\u03cd\u03bb\u03b9\u03bd\u03b4\u03c1\u03bf\u03c2.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Roll Bending<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"3\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2025\/05\/axinar-cnc-michaniki-kainotomia.webp')\">\n      <div class=\"ax-cap-img-label\"><span>CNC Milling<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"4\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-\u03a4\u03cc\u03c1\u03bd\u03bf\u03c2.webp')\">\n      <div class=\"ax-cap-img-label\"><span>CNC Turning<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"5\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/deburring.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Deburring<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"6\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1504328345606-18bbc8c9d7d1?w=1000&q=85')\">\n      <div class=\"ax-cap-img-label\"><span>MIG \/ TIG Welding<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"7\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/\u03a3\u03c5\u03b3\u03ba\u03cc\u03bb\u03bb\u03b7\u03c3\u03b7-Laser-main.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Laser Welding<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"8\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/\u039c\u03b9\u03ba\u03c1\u03bf\u03ba\u03b1\u03c4\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b5\u03c2.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Secondary Operations<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"9\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u03b7\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03ae-\u03b2\u03b1\u03c6\u03ae.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Powder Coating<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"10\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u0393\u03b1\u03bb\u03b2\u03b1\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2-scaled.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Galvanizing<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"11\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u039a\u03bf\u03c0\u03ae-\u03a0\u03c1\u03bf\u03c6\u03b9\u03bb-\u039c\u03b5\u03c4\u03ac\u03bb\u03bb\u03c9\u03bd.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Profile Cutting<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"12\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Cards_AssemblyModeling.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Design &amp; R&amp;D<\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- RIGHT: Content (SCROLLS) -->\n  <div class=\"ax-cap-content\">\n    <div class=\"ax-cap-tag\">Capabilities<\/div>\n    <h2 class=\"ax-cap-title\">From raw material<br>to <strong>finished product<\/strong><\/h2>\n\n    <!-- 0. Laser Cutting -->\n    <a href=\"\/en\/metal-processing\/laser-cutting\/\" class=\"ax-cap-row active\" data-index=\"0\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2025\/12\/laser-cut-3.webp\" aria-label=\"Laser Cutting\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u039a\u03bf\u03c0\u03ae_Laser_3D_Red.webp\" alt=\"Laser Cutting\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Laser Cutting<\/h4>\n        <p>Sheet cutting up to 40mm \u00b7 Steel, stainless, aluminium \u00b7 Accuracy \u00b10.1mm<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 1. Press Brake Bending -->\n    <a href=\"\/en\/metal-processing\/press-brake\/\" class=\"ax-cap-row\" data-index=\"1\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u03a3\u03c4\u03c1\u03ac\u03bd\u03c4\u03b6\u03b1.webp\" aria-label=\"Press Brake Bending\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-\u03a3\u03c4\u03c1\u03b1\u03bd\u03c4\u03b6\u03ac\u03c1\u03b9\u03c3\u03bc\u03b1-3D-Red-1.webp\" alt=\"Press Brake Bending\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Press Brake Bending<\/h4>\n        <p>Sheet bending up to 3000mm \u00b7 Complex profiles \u00b7 Consistent repeatability<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 2. Roll Bending -->\n    <a href=\"\/en\/metal-processing\/roll-bending\/\" class=\"ax-cap-row\" data-index=\"2\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u039a\u03cd\u03bb\u03b9\u03bd\u03b4\u03c1\u03bf\u03c2.webp\" aria-label=\"Roll Bending\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u039a\u03cd\u03bb\u03b9\u03bd\u03b4\u03bf\u03c1\u03c2-3D-Red-1.webp\" alt=\"Roll Bending\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Roll Bending<\/h4>\n        <p>Sheet rolling into cylindrical &amp; conical shapes \u00b7 Length up to 2200mm<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 3. CNC Milling -->\n    <a href=\"\/en\/metal-processing\/cnc-milling\/\" class=\"ax-cap-row\" data-index=\"3\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2025\/05\/axinar-cnc-michaniki-kainotomia.webp\" aria-label=\"CNC Milling\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-\u03a6\u03c1\u03ad\u03b6\u03b1-3D-Red-1.webp\" alt=\"CNC Milling\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>CNC Milling<\/h4>\n        <p>Precision milling \u00b7 Tolerances \u00b10.05mm \u00b7 Serial production<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 4. CNC Turning -->\n    <a href=\"\/en\/metal-processing\/cnc-turning\/\" class=\"ax-cap-row\" data-index=\"4\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-\u03a4\u03cc\u03c1\u03bd\u03bf\u03c2.webp\" aria-label=\"CNC Turning\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-\u03a4\u03cc\u03c1\u03bd\u03bf\u03c2-3D-Red.webp\" alt=\"CNC Turning\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>CNC Turning<\/h4>\n        <p>Precision turning \u00b7 Cylindrical parts \u00b7 Tolerances \u00b10.05mm<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 5. Deburring -->\n    <a href=\"\/en\/metal-processing\/deburring\/\" class=\"ax-cap-row\" data-index=\"5\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/deburring.webp\" aria-label=\"Deburring\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1.webp\" alt=\"Deburring\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Deburring<\/h4>\n        <p>Automatic burr removal \u00b7 Clean edges, ready for coating or assembly<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 6. MIG \/ TIG Welding -->\n    <a href=\"\/en\/metal-processing\/mig-tig-welding\/\" class=\"ax-cap-row\" data-index=\"6\" data-img=\"https:\/\/images.unsplash.com\/photo-1504328345606-18bbc8c9d7d1?w=1000&q=85\" aria-label=\"MIG \/ TIG Welding\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u03a3\u03c5\u03b3\u03ba\u03cc\u03bb\u03bb\u03b7\u03c3\u03b7-MIG-TIG-3D-Red-1.webp\" alt=\"MIG \/ TIG Welding\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>MIG \/ TIG Welding<\/h4>\n        <p>Steel, stainless, aluminium \u00b7 Manual welding with pulsed power sources<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 7. Laser Welding -->\n    <a href=\"\/en\/metal-processing\/laser-welding\/\" class=\"ax-cap-row\" data-index=\"7\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/\u03a3\u03c5\u03b3\u03ba\u03cc\u03bb\u03bb\u03b7\u03c3\u03b7-Laser-main.webp\" aria-label=\"Laser Welding\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u03a3\u03c5\u03b3\u03ba\u03cc\u03bb\u03bb\u03b7\u03c3\u03b7-Laser-4.webp\" alt=\"Laser Welding\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Laser Welding<\/h4>\n        <p>Minimal thermal distortion \u00b7 Ideal for thin sheets &amp; aesthetic welds<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 8. Secondary Operations -->\n    <a href=\"\/en\/metal-processing\/secondary-operations\/\" class=\"ax-cap-row\" data-index=\"8\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/\u039c\u03b9\u03ba\u03c1\u03bf\u03ba\u03b1\u03c4\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b5\u03c2.webp\" aria-label=\"Secondary Operations\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u039c\u03b9\u03ba\u03c1\u03bf\u03ba\u03b1\u03c4\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b5\u03c2-3D-Red-1.webp\" alt=\"Secondary Operations\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Secondary Operations<\/h4>\n        <p>Tapping, threading, nut pressing \u00b7 Small finishing operations<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 9. Powder Coating -->\n    <a href=\"\/en\/metal-processing\/powder-coating\/\" class=\"ax-cap-row\" data-index=\"9\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u03b7\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03ae-\u03b2\u03b1\u03c6\u03ae.webp\" aria-label=\"Powder Coating\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03ae-\u0392\u03b1\u03c6\u03ae-3D-Red-1.webp\" alt=\"Powder Coating\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Powder Coating<\/h4>\n        <p>In-house powder coating \u00b7 Finished product, ready for shipment<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 10. Galvanizing -->\n    <a href=\"\/en\/metal-processing\/galvanizing\/\" class=\"ax-cap-row\" data-index=\"10\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u0393\u03b1\u03bb\u03b2\u03b1\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2-scaled.webp\" aria-label=\"Galvanizing and Electrogalvanizing\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u0393\u03b1\u03bb\u03b2\u03ac\u03bd\u03b9\u03c3\u03bc\u03b1_3D_Red.webp\" alt=\"Galvanizing\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Galvanizing &amp; Electrogalvanizing<\/h4>\n        <p>Hot-dip &amp; electrogalvanizing in-house \u00b7 Long-lasting corrosion protection<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 11. Profile Cutting -->\n    <a href=\"\/en\/metal-processing\/profile-cutting\/\" class=\"ax-cap-row\" data-index=\"11\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u039a\u03bf\u03c0\u03ae-\u03a0\u03c1\u03bf\u03c6\u03b9\u03bb-\u039c\u03b5\u03c4\u03ac\u03bb\u03bb\u03c9\u03bd.webp\" aria-label=\"Profile Cutting\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u039a\u03bf\u03c0\u03ae-\u03a0\u03c1\u03bf\u03c6\u03af\u03bb-3D-Red-1.webp\" alt=\"Profile Cutting\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Profile Cutting<\/h4>\n        <p>Cutting of tubes, profiles &amp; solid materials \u00b7 High repeatability<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 12. Design & Development -->\n    <a href=\"\/en\/metal-processing\/design-and-development\/\" class=\"ax-cap-row\" data-index=\"12\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Cards_AssemblyModeling.webp\" aria-label=\"Design and Development R&D\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1.webp\" alt=\"Design &amp; R&amp;D\"><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Design &amp; Development<\/h4>\n        <p>From idea to product \u00b7 TopSolid CAD\/CAM \u00b7 AutoCAD \u00b7 FEA<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Learn more <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function() {\n  var rows = document.querySelectorAll('.ax-cap-row');\n  var images = document.querySelectorAll('.ax-cap-img');\n  var currentIndex = 0;\n  var isMobile = function() { return window.innerWidth <= 767; };\n\n  rows.forEach(function(row) {\n    var imgUrl = row.getAttribute('data-img');\n    var panel = row.querySelector('.ax-cap-row-img-inner');\n    if (imgUrl && panel) {\n      panel.style.backgroundImage = \"url('\" + imgUrl + \"')\";\n    }\n  });\n\n  rows.forEach(function(row, i) {\n    row.addEventListener('mouseenter', function() {\n      if (isMobile()) return;\n      if (i === currentIndex) return;\n      rows.forEach(function(r) { r.classList.remove('active'); });\n      rows[i].classList.add('active');\n      images.forEach(function(img) {\n        img.classList.remove('active');\n        img.style.transform = 'scale(1.06)';\n      });\n      images[i].classList.add('active');\n      images[i].style.transform = 'scale(1.0)';\n      currentIndex = i;\n    });\n  });\n\n  rows.forEach(function(row, i) {\n    row.addEventListener('click', function(e) {\n      if (!isMobile()) return;\n      if (row.classList.contains('open')) return;\n      e.preventDefault();\n      rows.forEach(function(r) { if (r !== row) r.classList.remove('open'); });\n      row.classList.add('open');\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eadbb4a e-flex e-con-boxed e-con e-parent\" data-id=\"eadbb4a\" 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-129e631 elementor-widget elementor-widget-html\" data-id=\"129e631\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"axn-cards-section\">\n\n  <div class=\"axn-cards-header\">\n    <div class=\"axn-cards-tag\">Products<\/div>\n    <h2 class=\"axn-cards-title\">What we made<\/h2>\n  <\/div>\n\n  <div id=\"axn-cards-wrapper\">\n    <div class=\"axn-cards\">\n      <a href=\"\/pv-mounts\" class=\"axn-card\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1509391366360-2e959784a276?w=800&amp;q=80');\">\n        <div class=\"axn-card-overlay\"><\/div>\n        <div class=\"axn-card-content\">\n          <h3>Mounts for Photovoltaic Parks<\/h3>\n          <p>Complete photovoltaic panel mounting solutions for any type of installation and terrain.<\/p>\n          <span class=\"axn-card-link\">Check all the mounts<\/span>\n        <\/div>\n      <\/a>\n      <a href=\"\/?product_cat=biomass boilers\" class=\"axn-card\" style=\"background-image:url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u039b\u03ad\u03b2\u03b7\u03c4\u03b5\u03c2-\u0392\u03b9\u03bf\u03bc\u03ac\u03b6\u03b1\u03c2.webp');\">\n        <div class=\"axn-card-overlay\"><\/div>\n        <div class=\"axn-card-content\">\n          <h3>Biomass boilers<\/h3>\n          <p>High efficiency pellet and biomass heating systems for domestic and industrial use.<\/p>\n          <span class=\"axn-card-link\">Check out heating solutions \u2192<\/span>\n        <\/div>\n      <\/a>\n      <a href=\"\/metal structures\" class=\"axn-card\" style=\"background-image:url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/oem-\u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ad\u03c2-1.webp');\">\n        <div class=\"axn-card-overlay\"><\/div>\n        <div class=\"axn-card-content\">\n          <h3>Metal Structures<\/h3>\n          <p>Standardized production of custom-made metal structures - from the design to the final product.<\/p>\n          <span class=\"axn-card-link\">Learn more about metal structures \u2192<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n.axn-cards-header {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 40px 40px;\n}\n.axn-cards-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.axn-cards-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 42px;\n  font-weight: 300;\n  color: #FFF;\n  text-transform: uppercase;\n  line-height: 1.1;\n  margin: 0;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\n}\n.axn-cards-title strong { font-weight: 600; }\n#axn-cards-section.ax-visible .axn-cards-tag,\n#axn-cards-section.ax-visible .axn-cards-title {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.axn-cards {\n  display: flex;\n  height: 50vh;\n  width: 100%;\n  gap: 0;\n}\n.axn-card {\n  flex: 1;\n  position: relative;\n  background-size: cover;\n  background-position: center;\n  display: flex;\n  align-items: flex-end;\n  text-decoration: none;\n  overflow: hidden;\n  transition: flex 0.4s ease;\n  opacity: 0;\n  transform: translateY(30px);\n}\n#axn-cards-section.ax-visible .axn-card:nth-child(1) {\n  opacity: 1; transform: translateY(0);\n  transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s, flex 0.4s ease;\n}\n#axn-cards-section.ax-visible .axn-card:nth-child(2) {\n  opacity: 1; transform: translateY(0);\n  transition: opacity 0.6s ease 0.35s, transform 0.6s ease 0.35s, flex 0.4s ease;\n}\n#axn-cards-section.ax-visible .axn-card:nth-child(3) {\n  opacity: 1; transform: translateY(0);\n  transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s, flex 0.4s ease;\n}\n.axn-card:hover { flex: 1.3; }\n.axn-card-overlay {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 100%);\n  transition: background 0.3s ease;\n}\n.axn-card:hover .axn-card-overlay {\n  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 100%);\n}\n.axn-card-content {\n  position: relative;\n  z-index: 2;\n  padding: 30px;\n  color: #fff;\n}\n.axn-card-content h3 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-weight: 600;\n  font-size: 24px;\n  margin: 0 0 10px 0;\n  line-height: 1.2;\n  color: #fff;\n}\n.axn-card-content p {\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  margin: 0 0 15px 0;\n  opacity: 0.85;\n  color: #fff;\n}\n.axn-card-link {\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  color: #fff;\n  border: 1px solid #fff;\n  padding: 8px 20px;\n  border-radius: 20px;\n  display: inline-block;\n  transition: all 0.3s ease;\n}\n.axn-card:hover .axn-card-link {\n  background: #DD2B1C;\n  border-color: #DD2B1C;\n}\n\n@media (max-width: 1024px) {\n  .axn-cards { height: 45vh; }\n  .axn-card-content h3 { font-size: 20px; }\n}\n@media (max-width: 767px) {\n  .axn-cards-header { padding: 0 20px 30px; }\n  .axn-cards-title { font-size: 32px; }\n  #axn-cards-wrapper {\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    overflow-x: auto !important;\n    -webkit-overflow-scrolling: touch;\n  }\n  .axn-cards {\n    height: auto;\n    display: flex;\n    flex-wrap: nowrap;\n    width: 255vw;\n    overflow: visible;\n  }\n  .axn-card {\n    width: 85vw;\n    min-width: 85vw;\n    height: 50vh;\n    flex: none;\n    scroll-snap-align: start;\n  }\n  .axn-card:hover { flex: none; }\n  #axn-cards-wrapper::-webkit-scrollbar { display: none; }\n}\n<\/style>\n\n<script>\n(function() {\n  var section = document.getElementById('axn-cards-section');\n  if ('IntersectionObserver' in window) {\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('ax-visible');\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n    obs.observe(section);\n  } else {\n    section.classList.add('ax-visible');\n  }\n\n  function fixOverflow() {\n    if (window.innerWidth > 767) return;\n    var el = document.getElementById('axn-cards-wrapper');\n    if (!el) return;\n    var parent = el.parentElement;\n    while (parent && parent !== document.body) {\n      parent.style.overflow = 'visible';\n      parent.style.overflowX = 'visible';\n      parent = parent.parentElement;\n    }\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', fixOverflow);\n  } else {\n    fixOverflow();\n  }\n  window.addEventListener('resize', fixOverflow);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9810c94 e-con-full e-flex e-con e-parent\" data-id=\"9810c94\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03b2dc0 elementor-widget elementor-widget-html\" data-id=\"03b2dc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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 HOMEPAGE \u2014 CSR (4 CARDS)\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\u2550\u2550\u2550 -->\n<style>.ax-csr {\n    background: #0E0F0F;\n    padding: 90px 0;\n    width: 100%;\n  }\n  .ax-csr-inner {\n    width: min(80vw, 1300px);\n    margin: 0 auto;\n  }\n  .ax-csr-tag {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #DD2B1C;\n    margin-bottom: 14px;\n  }\n  .ax-csr-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 42px;\n    font-weight: 300;\n    color: #FFF;\n    text-transform: uppercase;\n    line-height: 1.1;\n    margin-bottom: 50px;\n  }\n  .ax-csr-title strong { font-weight: 600; }\n  .ax-csr-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-bottom: 50px;\n  }\n  .ax-csr-card {\n    background: #151616;\n    border: 1px solid rgba(255,255,255,0.06);\n    padding: 36px 28px 32px;\n    position: relative;\n    overflow: hidden;\n    transition: border-color 0.4s, transform 0.4s;\n  }\n  .ax-csr-card:hover {\n    border-color: rgba(255,255,255,0.12);\n    transform: translateY(-4px);\n  }\n  .ax-csr-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0;\n    width: 3px; height: 50px;\n    background: #DD2B1C;\n    transition: height 0.4s;\n  }\n  .ax-csr-card:hover::before { height: 80px; }\n  .ax-csr-icon {\n    width: 52px; height: 52px;\n    background: rgba(221,43,28,0.08);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 24px;\n  }\n  .ax-csr-icon svg {\n    width: 24px; height: 24px;\n    stroke: #DD2B1C; fill: none;\n    stroke-width: 1.8;\n    stroke-linecap: round; stroke-linejoin: round;\n  }\n  .ax-csr-stat {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 44px;\n    font-weight: 700;\n    color: #DD2B1C;\n    line-height: 1;\n    margin-bottom: 6px;\n  }\n  .ax-csr-stat-sub {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.35);\n    margin-bottom: 18px;\n  }\n  .ax-csr-card h3 {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 19px;\n    font-weight: 600;\n    color: #FFF;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 12px;\n  }\n  .ax-csr-card p {\n    font-family: 'Barlow', sans-serif;\n    font-size: 13px;\n    font-weight: 300;\n    color: rgba(255,255,255,0.55);\n    line-height: 1.7;\n    margin: 0;\n  }\n  .ax-csr-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: #FFF;\n    border: 1.5px solid rgba(255,255,255,0.25);\n    padding: 14px 32px;\n    transition: all 0.3s;\n  }\n  .ax-csr-link:hover {\n    background: #DD2B1C;\n    border-color: #DD2B1C;\n    color: #FFF;\n  }\n  .ax-csr-link svg {\n    width: 18px; height: 18px;\n    stroke: currentColor; fill: none;\n    stroke-width: 2;\n    transition: transform 0.3s;\n  }\n  .ax-csr-link:hover svg { transform: translateX(4px); }\n  @media (max-width: 1024px) {\n    .ax-csr-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\n    .ax-csr-card { padding: 32px 24px 28px; }\n    .ax-csr-stat { font-size: 40px; }\n  }\n  @media (max-width: 768px) {\n    .ax-csr { padding: 60px 0; }\n    .ax-csr-inner { width: 100%; padding: 0 20px; }\n    .ax-csr-title { font-size: 32px; margin-bottom: 36px; }\n    .ax-csr-grid { grid-template-columns: 1fr; gap: 16px; }\n    .ax-csr-stat { font-size: 42px; }\n  }\n<\/style>\n\n<section class=\"ax-csr\" aria-label=\"Axinar \u2014 Corporate Responsibility and Social Action\">\n  <div class=\"ax-csr-inner\">\n    <div class=\"ax-csr-tag\">Responsible Industry<\/div>\n    <h2 class=\"ax-csr-title\">Corporate Responsibility &amp;<br\/><strong>Social Action<\/strong><\/h2>\n    <div class=\"ax-csr-grid\">\n\n      <!-- CARD 1 \u2014 CO\u2082 -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u039c\u03b5\u03af\u03c9\u03c3\u03b7-\u03a1\u03cd\u03c0\u03c9\u03bd.webp\" alt=\"Emission Reduction\" style=\"width:42px;height:42px;object-fit:contain;\"><\/div>\n        <div class=\"ax-csr-stat\">84%<\/div>\n        <div class=\"ax-csr-stat-sub\">less CO\u2082 vs grid<\/div>\n        <h3>Emission Reduction<\/h3>\n        <p>Every photovoltaic mounting system we manufacture supports panels that generate clean energy for decades, avoiding 350\u2013400 tonnes of CO\u2082 per MW annually.<\/p>\n      <\/div>\n\n      <!-- CARD 2 \u2014 RECYCLING -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u0391\u03bd\u03b1\u03ba\u03cd\u03ba\u03bb\u03c9\u03c3\u03b7.webp\" alt=\"Circular Economy\" style=\"width:42px;height:42px;object-fit:contain;\"><\/div>\n        <div class=\"ax-csr-stat\">100%<\/div>\n        <div class=\"ax-csr-stat-sub\">scrap recycling<\/div>\n        <h3>Circular Economy<\/h3>\n        <p>10,000 tonnes of metal annually \u2014 every offcut from laser cutting, press brake and CNC is sorted by alloy and recycled, saving up to 95% in energy.<\/p>\n      <\/div>\n\n      <!-- CARD 3 \u2014 ACADEMIC RESEARCH -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u0391\u03ba\u03b1\u03b4\u03b7\u03bc\u03b1\u03b9\u03ba\u03ae-\u0395\u03c1\u03b5\u03c5\u03bd\u03b1-1.webp\" alt=\"Academic Research\" style=\"width:42px;height:42px;object-fit:contain;\"><\/div>\n        <div class=\"ax-csr-stat\">6<\/div>\n        <div class=\"ax-csr-stat-sub\">universities \u00b7 AUTH &amp; NTUA<\/div>\n        <h3>Academic Research<\/h3>\n        <p>We provide free metalworking services to Formula Student, ASAT and robotics competition teams \u2014 an investment in the engineers of tomorrow.<\/p>\n      <\/div>\n\n      <!-- CARD 4 \u2014 COMMUNITY -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/\u039a\u03bf\u03b9\u03bd\u03c9\u03bd\u03b9\u03ba\u03ae-\u03a0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac.webp\" alt=\"Community Engagement\" style=\"width:42px;height:42px;object-fit:contain;\"><\/div>\n        <h3>Community Engagement<\/h3>\n        <p>Voluntary blood donation, sponsorships for local sports and cultural clubs, and participation in vocational education programmes for secondary school students \u2014 AXINAR grows together with its community.<\/p>\n      <\/div>\n\n    <\/div>\n    <a href=\"\/etairiki-koinoniki-efthyni\/\" class=\"ax-csr-link\" aria-label=\"See all Axinar CSR initiatives\">See our initiatives\n      <svg viewBox=\"0 0 18 18\"><path d=\"M4 9h10M10 5l4 4-4 4\"\/><\/svg>\n    <\/a>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c8f706 e-con-full e-flex e-con e-child\" data-id=\"2c8f706\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4242179 elementor-widget elementor-widget-html\" data-id=\"4242179\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ax-cta {\n  position: relative;\n  width: 100%;\n  min-height: 320px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n}\n.ax-cta-bg {\n  position: absolute;\n  inset: 0;\n  background: url('https:\/\/images.unsplash.com\/photo-1504328345606-18bbc8c9d7d1?w=1600&q=80') center center \/ cover no-repeat;\n}\n.ax-cta-bg::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.5) 100%);\n}\n.ax-cta-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  padding: 60px 40px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 40px;\n}\n.ax-cta-text {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 42px;\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  line-height: 1.15;\n  max-width: 600px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.ax-cta-text strong { font-weight: 600; }\n.ax-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  text-decoration: none;\n  color: #FFFFFF;\n  background: transparent;\n  padding: 18px 38px;\n  border: 2px solid #FFFFFF;\n  border-radius: 6px;\n  white-space: nowrap;\n  flex-shrink: 0;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s, background 0.35s ease, border-color 0.35s ease;\n}\n.ax-cta.ax-visible .ax-cta-text,\n.ax-cta.ax-visible .ax-cta-btn { opacity: 1; transform: translateY(0); }\n.ax-cta-btn:hover { background: #DD2B1C; border-color: #DD2B1C; color: #FFFFFF; }\n.ax-cta-btn svg {\n  width: 18px; height: 18px;\n  stroke: currentColor; fill: none; stroke-width: 2;\n  transition: transform 0.3s ease;\n}\n.ax-cta-btn:hover svg { transform: translateX(4px); }\n@media (max-width: 767px) {\n  .ax-cta { min-height: 280px; }\n  .ax-cta-inner { flex-direction: column; padding: 50px 24px; text-align: center; gap: 30px; }\n  .ax-cta-text { font-size: 28px; max-width: 100%; }\n  .ax-cta-btn { padding: 16px 32px; font-size: 14px; }\n}\n<\/style>\n\n<section class=\"ax-cta\" aria-label=\"Axinar \u2014 Request a quote\">\n  <div class=\"ax-cta-bg\"><\/div>\n  <div class=\"ax-cta-inner\">\n    <h2 class=\"ax-cta-text\">Have an idea?<br\/><strong>Let's talk about it!<\/strong><\/h2>\n    <a href=\"https:\/\/axinar.com\/en\/request-a-quote\" class=\"ax-cta-btn\" aria-label=\"Request a quote from Axinar\">Request a Quote\n      <svg viewBox=\"0 0 18 18\"><path d=\"M4 9h10M10 5l4 4-4 4\"\/><\/svg>\n    <\/a>\n  <\/div>\n<\/section>\n\n<script>(function() {\n  var cta = document.querySelector('.ax-cta');\n  if ('IntersectionObserver' in window) {\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('ax-visible');\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.3 });\n    obs.observe(cta);\n  } else {\n    cta.classList.add('ax-visible');\n  }\n})();\n<\/script>\t\t\t\t<\/div>\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>What steel can be You dream. We prove it. Scroll down to explore 0 Years ofGrowth 0 ExportCountries 0 ContinentsReached [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":3753,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","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-476","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/pages\/476","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=476"}],"version-history":[{"count":0,"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/pages\/476\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/media\/3753"}],"wp:attachment":[{"href":"https:\/\/axinar.com\/en\/wp-json\/wp\/v2\/media?parent=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}