{"id":476,"date":"2026-04-15T00:00:00","date_gmt":"2026-04-14T21:00:00","guid":{"rendered":"https:\/\/plain-shop-multilingual-template.gr.178-21-171-246.oramacms1.gr\/?page_id=476"},"modified":"2026-04-22T14:12:49","modified_gmt":"2026-04-22T11:12:49","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-compressed.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: clamp(25px, 2.22vw, 46px);\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-compressed.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-compressed.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-compressed.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: clamp(37px, 3.33vw, 69px) 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: clamp(25px, 2.22vw, 46px) clamp(12px, 1.11vw, 23px);\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: clamp(50px, 4.44vw, 92px) 0 0 0;\n  width: 100%;\n}\n.ax-ind-header {\n  max-width: 1200px;\n  margin: 0 auto clamp(25px, 2.22vw, 46px) auto;\n  padding: 0 clamp(25px, 2.22vw, 46px);\n}\n.ax-ind-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\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: clamp(33px, 2.47vw, 48px);\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: clamp(22px, 1.94vw, 40px) clamp(17px, 1.56vw, 32px);\n  z-index: 3;\n}\n.ax-ind-strip-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(17px, 1.29vw, 25px);\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, 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, 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, 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, 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, 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, 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: clamp(43px, 3.89vw, 81px) 0;\n  width: 100%;\n  overflow: hidden;\n}\n.ax-logos-header {\n  text-align: center;\n  margin-bottom: clamp(31px, 2.78vh, 57px);\n}\n.ax-logos-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\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: clamp(25px, 1.88vw, 37px);\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: clamp(43px, 3.89vw, 81px);\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, 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\r\n     AXINAR CAPABILITIES, Desktop: Sticky Image + Rows \/ Mobile: Accordion\r\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 -->\r\n\r\n<style>\r\n\/* Fix: Force overflow visible on ALL Elementor ancestors so sticky works *\/\r\n.elementor-section,\r\n.elementor-container,\r\n.elementor-column,\r\n.elementor-widget-wrap,\r\n.elementor-element,\r\n.elementor-widget,\r\n.elementor-widget-container,\r\n.e-con,\r\n.e-con-inner {\r\n  overflow: visible !important;\r\n}\r\n\r\n\/* ====== AXINAR CAPABILITIES SECTION ====== *\/\r\n.ax-capabilities {\r\n  display: flex;\r\n  width: 100%;\r\n  overflow: visible !important;\r\n  position: relative;\r\n}\r\n.ax-cap-images {\r\n  flex: 0 0 50%;\r\n  position: -webkit-sticky;\r\n  position: sticky;\r\n  top: 0;\r\n  height: 100vh;\r\n  overflow: hidden;\r\n  background: #151616;\r\n  align-self: flex-start;\r\n}\r\n.ax-cap-img {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  opacity: 0;\r\n  transform: scale(1.06);\r\n  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);\r\n  will-change: opacity, transform;\r\n}\r\n.ax-cap-img.active {\r\n  opacity: 1;\r\n  transform: scale(1.0);\r\n}\r\n.ax-cap-img-label {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  left: 30px;\r\n  z-index: 3;\r\n  opacity: 0;\r\n  transform: translateY(10px);\r\n  transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;\r\n}\r\n.ax-cap-img.active .ax-cap-img-label {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n.ax-cap-img-label span {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: #FFFFFF;\r\n  background: rgba(0,0,0,0.5);\r\n  backdrop-filter: blur(6px);\r\n  -webkit-backdrop-filter: blur(6px);\r\n  padding: 8px clamp(12px, 0.89vw, 18px);\r\n  border-left: 3px solid #DD2B1C;\r\n}\r\n.ax-cap-images::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,0.35) 0%, transparent 40%);\r\n  z-index: 2;\r\n  pointer-events: none;\r\n}\r\n.ax-cap-content {\r\n  flex: 0 0 50%;\r\n  padding: clamp(40px, 3.61vw, 75px) clamp(40px, 3.61vw, 75px) clamp(40px, 3.61vw, 75px) clamp(31px, 2.78vw, 57px);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  background: #151616;\r\n}\r\n.ax-cap-tag {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  letter-spacing: clamp(2px, 0.17vw, 4px);\r\n  text-transform: uppercase;\r\n  color: #DD2B1C;\r\n  margin-bottom: 14px;\r\n}\r\n.ax-cap-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: clamp(33px, 2.47vw, 48px);\r\n  font-weight: 300;\r\n  color: #FFFFFF;\r\n  text-transform: uppercase;\r\n  line-height: 1.1;\r\n  margin-bottom: clamp(24px, 2.11vh, 44px);\r\n}\r\n.ax-cap-title strong { font-weight: 600; }\r\na.ax-cap-row { text-decoration: none; color: inherit; }\r\n.ax-cap-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: clamp(12px, 1.00vw, 21px);\r\n  padding: clamp(12px, 1.00vw, 21px) 0;\r\n  border-bottom: 1px solid rgba(255,255,255,0.08);\r\n  cursor: pointer;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  position: relative;\r\n  flex-wrap: wrap;\r\n}\r\n.ax-cap-row:first-of-type { border-top: 1px solid rgba(255,255,255,0.08); }\r\n.ax-cap-row::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: -50px; top: 0; bottom: 0;\r\n  width: 3px;\r\n  background: #DD2B1C;\r\n  transform: scaleY(0);\r\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  transform-origin: center;\r\n}\r\n.ax-cap-row.active::before { transform: scaleY(1); }\r\n.ax-cap-row:hover, .ax-cap-row.active { padding-left: 10px; }\r\n.ax-cap-icon {\r\n  flex-shrink: 0;\r\n  width: 56px; height: 56px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 12px;\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.04);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n  perspective: 300px;\r\n  transition: all 0.4s ease;\r\n}\r\n.ax-cap-row:hover .ax-cap-icon,\r\n.ax-cap-row.active .ax-cap-icon {\r\n  background: rgba(221,43,28,0.1);\r\n  border-color: rgba(221,43,28,0.25);\r\n  box-shadow: 0 4px 14px rgba(221,43,28,0.15), inset 0 1px 0 rgba(255,255,255,0.06);\r\n  transform: scale(1.05);\r\n}\r\n.ax-cap-icon img {\r\n  width: 42px; height: 42px;\r\n  object-fit: contain;\r\n  transition: all 0.4s ease;\r\n}\r\n.ax-cap-row:hover .ax-cap-icon img,\r\n.ax-cap-row.active .ax-cap-icon img {\r\n  transform: rotateY(15deg) rotateX(-5deg) scale(1.1);\r\n}\r\n.ax-cap-info { flex: 1; }\r\n.ax-cap-info h4 {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: clamp(14px, 1.06vw, 21px);\r\n  font-weight: 500;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.2px;\r\n  color: #FFFFFF;\r\n  margin-bottom: 3px;\r\n  transition: color 0.35s ease;\r\n}\r\n.ax-cap-row:hover .ax-cap-info h4,\r\n.ax-cap-row.active .ax-cap-info h4 { color: #DD2B1C; }\r\n.ax-cap-info p {\r\n  font-family: 'Barlow', sans-serif;\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.4);\r\n  font-weight: 300;\r\n  line-height: 1.5;\r\n  transition: color 0.35s ease;\r\n}\r\n.ax-cap-row:hover .ax-cap-info p,\r\n.ax-cap-row.active .ax-cap-info p { color: rgba(255,255,255,0.65); }\r\n.ax-cap-arrow {\r\n  margin-left: auto;\r\n  opacity: 0;\r\n  transform: translateX(-10px);\r\n  transition: all 0.35s ease;\r\n  flex-shrink: 0;\r\n}\r\n.ax-cap-row:hover .ax-cap-arrow,\r\n.ax-cap-row.active .ax-cap-arrow { opacity: 1; transform: translateX(0); }\r\n.ax-cap-arrow svg {\r\n  width: 20px; height: 20px;\r\n  stroke: #DD2B1C; fill: none; stroke-width: 2;\r\n  stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n.ax-cap-row-img { display: none; }\r\n\r\n@media (max-width: 1024px) {\r\n  .ax-cap-content { padding: 45px 35px 45px 30px; }\r\n  .ax-cap-title { font-size: 34px; }\r\n  .ax-cap-row::before { left: -30px; }\r\n  .ax-cap-icon { width: 50px; height: 50px; }\r\n}\r\n@media (max-width: 767px) {\r\n  .ax-capabilities { flex-direction: column; }\r\n  .ax-cap-images { display: none; }\r\n  .ax-cap-content { flex: none; padding: 40px 20px; }\r\n  .ax-cap-title { font-size: 28px; margin-bottom: 24px; }\r\n  .ax-cap-row { padding: 14px 0; gap: 14px; }\r\n  .ax-cap-row::before { display: none; }\r\n  .ax-cap-row:hover, .ax-cap-row.active { padding-left: 0; }\r\n  .ax-cap-info h4 { font-size: 16px; }\r\n  .ax-cap-info p { font-size: 12px; }\r\n  .ax-cap-icon { width: 44px; height: 44px; border-radius: 10px; }\r\n  .ax-cap-arrow { opacity: 1; transform: translateX(0); transition: transform 0.3s ease; }\r\n  .ax-cap-row.open .ax-cap-arrow { transform: rotate(90deg); }\r\n  .ax-cap-row-img {\r\n    display: block;\r\n    width: 100%;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    order: 10;\r\n  }\r\n  .ax-cap-row.open .ax-cap-row-img { max-height: 260px; }\r\n  .ax-cap-row-img-inner {\r\n    width: 100%; height: 200px;\r\n    background-size: cover;\r\n    background-position: center;\r\n    border-left: 3px solid #DD2B1C;\r\n    margin-top: 12px;\r\n    position: relative;\r\n  }\r\n  .ax-cap-row-img-inner::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 50%);\r\n  }\r\n  .ax-cap-row-img-cta {\r\n    position: absolute;\r\n    bottom: 14px; left: 16px;\r\n    z-index: 2;\r\n    font-family: 'Barlow Condensed', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: #FFFFFF;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n  .ax-cap-row-img-cta svg {\r\n    width: 16px; height: 16px;\r\n    stroke: #FFFFFF; fill: none; stroke-width: 2;\r\n  }\r\n}\r\n@media (max-width: 480px) {\r\n  .ax-cap-content { padding: 28px 16px; }\r\n  .ax-cap-title { font-size: 24px; }\r\n  .ax-cap-icon { width: 40px; height: 40px; }\r\n  .ax-cap-icon img { width: 32px; height: 32px; }\r\n  .ax-cap-row-img-inner { height: 180px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ax-capabilities\" aria-label=\"Axinar, Manufacturing Capabilities\">\r\n\r\n  <!-- LEFT: Images (STICKY, Desktop only) -->\r\n  <div class=\"ax-cap-images\" aria-hidden=\"true\">\r\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')\">\r\n      <div class=\"ax-cap-img-label\"><span>Laser Cutting<\/span><\/div>\r\n    <\/div>\r\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')\">\r\n      <div class=\"ax-cap-img-label\"><span>Press Brake Bending<\/span><\/div>\r\n    <\/div>\r\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')\">\r\n      <div class=\"ax-cap-img-label\"><span>Roll Bending<\/span><\/div>\r\n    <\/div>\r\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')\">\r\n      <div class=\"ax-cap-img-label\"><span>CNC Milling<\/span><\/div>\r\n    <\/div>\r\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')\">\r\n      <div class=\"ax-cap-img-label\"><span>CNC Turning<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"ax-cap-img\" data-index=\"5\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/deburring.webp')\">\r\n      <div class=\"ax-cap-img-label\"><span>Deburring<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"ax-cap-img\" data-index=\"6\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1504328345606-18bbc8c9d7d1?w=1000&q=85')\">\r\n      <div class=\"ax-cap-img-label\"><span>MIG \/ TIG Welding<\/span><\/div>\r\n    <\/div>\r\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')\">\r\n      <div class=\"ax-cap-img-label\"><span>Laser Welding<\/span><\/div>\r\n    <\/div>\r\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')\">\r\n      <div class=\"ax-cap-img-label\"><span>Secondary Operations<\/span><\/div>\r\n    <\/div>\r\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')\">\r\n      <div class=\"ax-cap-img-label\"><span>Powder Coating<\/span><\/div>\r\n    <\/div>\r\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')\">\r\n      <div class=\"ax-cap-img-label\"><span>Galvanizing<\/span><\/div>\r\n    <\/div>\r\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')\">\r\n      <div class=\"ax-cap-img-label\"><span>Profile Cutting<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"ax-cap-img\" data-index=\"12\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Cards_AssemblyModeling.webp')\">\r\n      <div class=\"ax-cap-img-label\"><span>Design &amp; R&amp;D<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- RIGHT: Content (SCROLLS) -->\r\n  <div class=\"ax-cap-content\">\r\n    <div class=\"ax-cap-tag\">Capabilities<\/div>\r\n    <h2 class=\"ax-cap-title\">From raw material<br>to <strong>finished product<\/strong><\/h2>\r\n\r\n    <a href=\"\/en\/metal-cutting\/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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>Laser Cutting<\/h4>\r\n        <p>Sheet cutting up to 40mm \u00b7 Steel, stainless, aluminium \u00b7 Accuracy \u00b10.1mm<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>Press Brake Bending<\/h4>\r\n        <p>Sheet bending up to 3000mm \u00b7 Complex profiles \u00b7 Consistent repeatability<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>Roll Bending<\/h4>\r\n        <p>Sheet rolling into cylindrical &amp; conical shapes \u00b7 Length up to 2200mm<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>CNC Milling<\/h4>\r\n        <p>Precision milling \u00b7 Tolerances \u00b10.05mm \u00b7 Serial production<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>CNC Turning<\/h4>\r\n        <p>Precision turning \u00b7 Cylindrical parts \u00b7 Tolerances \u00b10.05mm<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/deburring-metal-finishing\/\" class=\"ax-cap-row\" data-index=\"5\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/deburring.webp\" aria-label=\"Deburring\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>Deburring<\/h4>\r\n        <p>Automatic burr removal \u00b7 Clean edges, ready for coating or assembly<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>MIG \/ TIG Welding<\/h4>\r\n        <p>Steel, stainless, aluminium \u00b7 Manual welding with pulsed power sources<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>Laser Welding<\/h4>\r\n        <p>Minimal thermal distortion \u00b7 Ideal for thin sheets &amp; aesthetic welds<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>Secondary Operations<\/h4>\r\n        <p>Tapping, threading, nut pressing \u00b7 Small finishing operations<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>Powder Coating<\/h4>\r\n        <p>In-house powder coating \u00b7 Finished product, ready for shipment<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/metal-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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>Galvanizing &amp; Electrogalvanizing<\/h4>\r\n        <p>Hot-dip &amp; electrogalvanizing in-house \u00b7 Long-lasting corrosion protection<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>Profile Cutting<\/h4>\r\n        <p>Cutting of tubes, profiles &amp; solid materials \u00b7 High repeatability<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n    <a href=\"\/en\/metal-cutting\/design-development-rd\/\" 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\">\r\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>\r\n      <div class=\"ax-cap-info\">\r\n        <h4>Design &amp; Development<\/h4>\r\n        <p>From idea to product \u00b7 TopSolid CAD\/CAM \u00b7 AutoCAD \u00b7 FEA<\/p>\r\n      <\/div>\r\n      <div class=\"ax-cap-arrow\"><svg viewBox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\r\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>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var isMobile = function() { return window.innerWidth <= 767; };\r\n\r\n  \/* Fix: force overflow visible on ALL ancestors so CSS sticky works *\/\r\n  function fixOverflow() {\r\n    if (isMobile()) return;\r\n    var section = document.querySelector('.ax-capabilities');\r\n    if (!section) return;\r\n    var el = section.parentElement;\r\n    while (el && el !== document.documentElement) {\r\n      el.style.setProperty('overflow', 'visible', 'important');\r\n      el.style.setProperty('overflow-x', 'visible', 'important');\r\n      el.style.setProperty('overflow-y', 'visible', 'important');\r\n      el = el.parentElement;\r\n    }\r\n    document.documentElement.style.setProperty('overflow-x', 'clip', 'important');\r\n    document.body.style.setProperty('overflow-x', 'clip', 'important');\r\n  }\r\n  fixOverflow();\r\n  setTimeout(fixOverflow, 500);\r\n  setTimeout(fixOverflow, 1500);\r\n  setTimeout(fixOverflow, 3000);\r\n\r\n  var rows = document.querySelectorAll('.ax-cap-row');\r\n  var images = document.querySelectorAll('.ax-cap-img');\r\n  var currentIndex = 0;\r\n\r\n  rows.forEach(function(row) {\r\n    var imgUrl = row.getAttribute('data-img');\r\n    var panel = row.querySelector('.ax-cap-row-img-inner');\r\n    if (imgUrl && panel) {\r\n      panel.style.backgroundImage = \"url('\" + imgUrl + \"')\";\r\n    }\r\n  });\r\n\r\n  \/* Desktop: hover changes image *\/\r\n  rows.forEach(function(row, i) {\r\n    row.addEventListener('mouseenter', function() {\r\n      if (isMobile()) return;\r\n      if (i === currentIndex) return;\r\n      rows.forEach(function(r) { r.classList.remove('active'); });\r\n      rows[i].classList.add('active');\r\n      images.forEach(function(img) {\r\n        img.classList.remove('active');\r\n        img.style.transform = 'scale(1.06)';\r\n      });\r\n      images[i].classList.add('active');\r\n      images[i].style.transform = 'scale(1.0)';\r\n      currentIndex = i;\r\n    });\r\n  });\r\n\r\n  \/* Mobile: accordion *\/\r\n  rows.forEach(function(row, i) {\r\n    row.addEventListener('click', function(e) {\r\n      if (!isMobile()) return;\r\n      if (row.classList.contains('open')) return;\r\n      e.preventDefault();\r\n      rows.forEach(function(r) { if (r !== row) r.classList.remove('open'); });\r\n      row.classList.add('open');\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n\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<section id=\"axn-cards-section\" aria-label=\"Axinar Products\" style=\"padding-top:80px; margin-bottom:80px;\">\r\n\r\n  <div class=\"axn-cards-header\">\r\n    <div class=\"axn-cards-tag\">Products<\/div>\r\n    <h2 class=\"axn-cards-title\">What we <strong>manufacture<\/strong><\/h2>\r\n  <\/div>\r\n\r\n  <div id=\"axn-cards-wrapper\">\r\n    <div class=\"axn-cards\">\r\n      <a href=\"\/en\/vaseis-fotovoltaikon\/\" class=\"axn-card\" style=\"background-image:url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/\u03a6\u03c9\u03c4\u03bf\u03b2\u03bf\u03bb\u03c4\u03b1\u03b9\u03ba\u03ac.webp');\">\r\n        <div class=\"axn-card-overlay\"><\/div>\r\n        <div class=\"axn-card-content\">\r\n          <h3>PV Park Mounting Systems<\/h3>\r\n          <p>Complete photovoltaic panel mounting solutions for every type of installation and ground.<\/p>\r\n          <span class=\"axn-card-link\">See the mounting range \u2192<\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a href=\"\/en\/c\/levites-viomazas\/\" 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');\">\r\n        <div class=\"axn-card-overlay\"><\/div>\r\n        <div class=\"axn-card-content\">\r\n          <h3>Biomass Boilers<\/h3>\r\n          <p>High-efficiency heating systems with pellet and biomass for residential and industrial use.<\/p>\r\n          <span class=\"axn-card-link\">See heating solutions \u2192<\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a href=\"\/en\/c\/solbox\/\" class=\"axn-card\" style=\"background-image:url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/SolBox-\u0391\u03c1\u03c7\u03b9\u03ba\u03ae.webp');\">\r\n        <div class=\"axn-card-overlay\"><\/div>\r\n        <div class=\"axn-card-content\">\r\n          <h3>SolBox<\/h3>\r\n          <p>Complete domestic hot water system powered by solar energy &mdash; plug &amp; play, no boiler required.<\/p>\r\n          <span class=\"axn-card-link\">Discover SolBox \u2192<\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a href=\"\/en\/metallikes-kataskeves\/\" 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');\">\r\n        <div class=\"axn-card-overlay\"><\/div>\r\n        <div class=\"axn-card-content\">\r\n          <h3>Metal Structures<\/h3>\r\n          <p>Vertically integrated custom metal fabrication &mdash; from design to finished product.<\/p>\r\n          <span class=\"axn-card-link\">Learn about OEM manufacturing \u2192<\/span>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"axn-swipe-hint\">\r\n    Swipe <svg viewBox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.axn-cards-header {\r\n  width: min(80vw, 1300px);\r\n  margin: 0 auto;\r\n  padding: 0 0 clamp(25px, 2.22vw, 46px);\r\n}\r\n.axn-cards-tag {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  letter-spacing: clamp(2px, 0.17vw, 4px);\r\n  text-transform: uppercase;\r\n  color: #DD2B1C;\r\n  margin-bottom: 14px;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n.axn-cards-title {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-size: clamp(33px, 2.47vw, 48px);\r\n  font-weight: 300;\r\n  color: #FFF;\r\n  text-transform: uppercase;\r\n  line-height: 1.1;\r\n  margin: 0;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\r\n}\r\n.axn-cards-title strong { font-weight: 600; }\r\n#axn-cards-section.ax-visible .axn-cards-tag,\r\n#axn-cards-section.ax-visible .axn-cards-title {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\/* Swipe hint hidden on desktop *\/\r\n.axn-swipe-hint { display: none; }\r\n\r\n.axn-cards {\r\n  display: flex;\r\n  height: 50vh;\r\n  width: 100%;\r\n  gap: 0;\r\n}\r\n.axn-card {\r\n  flex: 1;\r\n  position: relative;\r\n  background-size: cover;\r\n  background-position: center;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  text-decoration: none;\r\n  overflow: hidden;\r\n  transition: flex 0.4s ease;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n}\r\n#axn-cards-section.ax-visible .axn-card:nth-child(1) {\r\n  opacity: 1; transform: translateY(0);\r\n  transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s, flex 0.4s ease;\r\n}\r\n#axn-cards-section.ax-visible .axn-card:nth-child(2) {\r\n  opacity: 1; transform: translateY(0);\r\n  transition: opacity 0.6s ease 0.35s, transform 0.6s ease 0.35s, flex 0.4s ease;\r\n}\r\n#axn-cards-section.ax-visible .axn-card:nth-child(3) {\r\n  opacity: 1; transform: translateY(0);\r\n  transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s, flex 0.4s ease;\r\n}\r\n#axn-cards-section.ax-visible .axn-card:nth-child(4) {\r\n  opacity: 1; transform: translateY(0);\r\n  transition: opacity 0.6s ease 0.65s, transform 0.6s ease 0.65s, flex 0.4s ease;\r\n}\r\n.axn-card:hover { flex: 1.3; }\r\n.axn-card-overlay {\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 100%);\r\n  transition: background 0.3s ease;\r\n}\r\n.axn-card:hover .axn-card-overlay {\r\n  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 100%);\r\n}\r\n.axn-card-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: clamp(19px, 1.67vw, 35px);\r\n  color: #fff;\r\n}\r\n.axn-card-content h3 {\r\n  font-family: 'Barlow Condensed', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(19px, 1.41vw, 28px);\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.2;\r\n  color: #fff;\r\n}\r\n.axn-card-content p {\r\n  font-family: 'Barlow', sans-serif;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  margin: 0 0 15px 0;\r\n  opacity: 0.85;\r\n  color: #fff;\r\n}\r\n.axn-card-link {\r\n  font-family: 'Barlow', sans-serif;\r\n  font-size: 13px;\r\n  color: #fff;\r\n  border: 1px solid #fff;\r\n  padding: 8px clamp(12px, 1.11vw, 23px);\r\n  border-radius: 20px;\r\n  display: inline-block;\r\n  transition: all 0.3s ease;\r\n}\r\n.axn-card:hover .axn-card-link {\r\n  background: #DD2B1C;\r\n  border-color: #DD2B1C;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .axn-cards { height: 45vh; }\r\n  .axn-card-content h3 { font-size: 20px; }\r\n}\r\n@media (max-width: 767px) {\r\n  .axn-cards-header { padding: 0 20px 30px; }\r\n  .axn-cards-title { font-size: 32px; }\r\n  #axn-cards-wrapper {\r\n    width: 100vw;\r\n    margin-left: calc(-50vw + 50%);\r\n    overflow-x: auto !important;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n  .axn-cards {\r\n    height: auto;\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    width: 340vw;\r\n    overflow: visible;\r\n  }\r\n  .axn-card {\r\n    width: 85vw;\r\n    min-width: 85vw;\r\n    height: 50vh;\r\n    flex: none;\r\n    scroll-snap-align: start;\r\n  }\r\n  .axn-card:hover { flex: none; }\r\n  #axn-cards-wrapper::-webkit-scrollbar { display: none; }\r\n  #axn-cards-wrapper { scroll-snap-type: x mandatory; position: relative; }\r\n\r\n  \/* Right fade hint *\/\r\n  #axn-cards-wrapper::after {\r\n    content: '';\r\n    position: sticky;\r\n    right: 0;\r\n    top: 0;\r\n    width: 40px;\r\n    height: 100%;\r\n    background: linear-gradient(to left, rgba(14,15,15,0.9) 0%, transparent 100%);\r\n    pointer-events: none;\r\n    flex-shrink: 0;\r\n    z-index: 5;\r\n  }\r\n\r\n  \/* Swipe hint arrow *\/\r\n  .axn-swipe-hint {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    padding: 10px 20px 0;\r\n    font-family: 'Barlow Condensed', sans-serif;\r\n    font-size: 12px;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.35);\r\n    animation: axnSwipeHint 2s ease-in-out infinite;\r\n  }\r\n  .axn-swipe-hint svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: #DD2B1C;\r\n    fill: none;\r\n    stroke-width: 2;\r\n  }\r\n  @keyframes axnSwipeHint {\r\n    0%, 100% { transform: translateX(0); opacity: 0.5; }\r\n    50% { transform: translateX(8px); opacity: 1; }\r\n  }\r\n}\r\n@media (max-width: 480px) {\r\n  .axn-cards-header { padding: 0 16px 24px; }\r\n  .axn-cards-title { font-size: 26px; }\r\n  .axn-card {\r\n    width: 90vw;\r\n    min-width: 90vw;\r\n    height: 45vh;\r\n  }\r\n  .axn-cards { width: 370vw; }\r\n  .axn-card-title { font-size: 18px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  var section = document.getElementById('axn-cards-section');\r\n  if ('IntersectionObserver' in window) {\r\n    var obs = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('ax-visible');\r\n          obs.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n    obs.observe(section);\r\n  } else {\r\n    section.classList.add('ax-visible');\r\n  }\r\n\r\n  function fixOverflow() {\r\n    if (window.innerWidth > 767) return;\r\n    var el = document.getElementById('axn-cards-wrapper');\r\n    if (!el) return;\r\n    var parent = el.parentElement;\r\n    while (parent && parent !== document.body) {\r\n      parent.style.overflow = 'visible';\r\n      parent.style.overflowX = 'visible';\r\n      parent = parent.parentElement;\r\n    }\r\n  }\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', fixOverflow);\r\n  } else {\r\n    fixOverflow();\r\n  }\r\n  window.addEventListener('resize', fixOverflow);\r\n})();\r\n<\/script>\r\n\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, 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: clamp(56px, 5.00vw, 103px) 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: clamp(2px, 0.17vw, 4px);\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: clamp(33px, 2.47vw, 48px);\n    font-weight: 300;\n    color: #FFF;\n    text-transform: uppercase;\n    line-height: 1.1;\n    margin-bottom: clamp(31px, 2.78vh, 57px);\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: clamp(12px, 1.11vw, 23px);\n    margin-bottom: clamp(31px, 2.78vh, 57px);\n  }\n  .ax-csr-card {\n    background: #151616;\n    border: 1px solid rgba(255,255,255,0.06);\n    padding: clamp(22px, 2.00vw, 41px) clamp(17px, 1.56vw, 32px) clamp(20px, 1.78vw, 37px);\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: clamp(15px, 1.33vh, 28px);\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: clamp(34px, 2.59vw, 51px);\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: clamp(12px, 1.00vh, 21px);\n  }\n  .ax-csr-card h3 {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(15px, 1.12vw, 22px);\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 clamp(20px, 1.78vw, 37px);\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, 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, 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, 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, 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, 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, an investment in the engineers of tomorrow.<\/p>\n      <\/div>\n\n      <!-- CARD 4, 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, 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: clamp(37px, 3.33vw, 69px) clamp(25px, 2.22vw, 46px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: clamp(25px, 2.22vw, 46px);\n}\n.ax-cta-text {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(33px, 2.47vw, 48px);\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: clamp(12px, 1.00vw, 21px) clamp(24px, 2.11vw, 44px);\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, 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":"set","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}]}}