{"id":1006,"date":"2025-11-18T01:33:42","date_gmt":"2025-11-18T01:33:42","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=1006"},"modified":"2025-11-18T08:25:49","modified_gmt":"2025-11-18T08:25:49","slug":"solar-water-heater-products","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/","title":{"rendered":"Solar Water Heater Products"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1006\" class=\"elementor elementor-1006\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ed7f8b e-con-full e-flex e-con e-parent\" data-id=\"2ed7f8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9fe4a5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a9fe4a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Factory-Direct OEM Solar Water Heating Solutions Banner -->\n<section class=\"oem-solution-banner\">\n  <style>\n    .oem-solution-banner {\n      width: 100%;\n      background: #0a0e27;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 90px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u52a8\u6001\u80cc\u666f\u5c42 *\/\n    .oem-solution-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(147, 51, 234, 0.12) 0%, transparent 50%),\n        linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);\n      z-index: 0;\n    }\n\n    \/* \u7f51\u683c\u80cc\u666f *\/\n    .oem-solution-banner::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\n      background-size: 50px 50px;\n      z-index: 1;\n    }\n\n    .oem-solution-banner .banner-container {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \u4e3b\u5185\u5bb9\u533a - \u5de6\u53f3\u5e03\u5c40 *\/\n    .oem-solution-banner .main-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: center;\n      margin-bottom: 60px;\n    }\n\n    \/* \u5de6\u4fa7\u5185\u5bb9\u533a *\/\n    .oem-solution-banner .content-section {\n      position: relative;\n    }\n\n    .oem-solution-banner .label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: #60a5fa;\n      margin-bottom: 24px;\n      padding: 10px 22px;\n      background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(147, 51, 234, 0.1));\n      border-radius: 30px;\n      border: 1px solid rgba(59, 130, 246, 0.3);\n      backdrop-filter: blur(12px);\n      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);\n    }\n\n    .oem-solution-banner .label::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      border-radius: 50%;\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50% { opacity: 0.6; transform: scale(1.2); }\n    }\n\n    .oem-solution-banner .title {\n      font-size: 46px;\n      font-weight: 900;\n      line-height: 1.2;\n      margin-bottom: 24px;\n      color: #f8fafc;\n      text-shadow: 0 2px 20px rgba(59, 130, 246, 0.3);\n      letter-spacing: -0.5px;\n    }\n\n    .oem-solution-banner .title .highlight {\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      position: relative;\n      display: inline-block;\n    }\n\n    .oem-solution-banner .title .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 0;\n      width: 100%;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 2px;\n      opacity: 0.6;\n    }\n\n    .oem-solution-banner .description {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #cbd5e1;\n      margin-bottom: 38px;\n      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n    }\n\n    \/* \u6309\u94ae\u7ec4 *\/\n    .oem-solution-banner .button-group {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .oem-solution-banner .btn {\n      padding: 16px 34px;\n      font-size: 14px;\n      font-weight: 700;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      border: none;\n      position: relative;\n      overflow: hidden;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .oem-solution-banner .btn::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.2);\n      transform: translate(-50%, -50%);\n      transition: width 0.6s, height 0.6s;\n    }\n\n    .oem-solution-banner .btn:hover::before {\n      width: 300px;\n      height: 300px;\n    }\n\n    .oem-solution-banner .btn-primary {\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      color: white;\n      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);\n    }\n\n    .oem-solution-banner .btn-primary:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 12px 35px rgba(59, 130, 246, 0.6);\n    }\n\n    .oem-solution-banner .btn-secondary {\n      background: rgba(30, 41, 59, 0.8);\n      color: #e2e8f0;\n      border: 2px solid rgba(59, 130, 246, 0.4);\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    .oem-solution-banner .btn-secondary:hover {\n      background: rgba(51, 65, 85, 0.9);\n      border-color: #3b82f6;\n      color: #60a5fa;\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .oem-solution-banner .btn svg {\n      width: 18px;\n      height: 18px;\n      position: relative;\n      z-index: 1;\n    }\n\n    .oem-solution-banner .btn span {\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* \u53f3\u4fa7\u56fe\u7247\u533a *\/\n    .oem-solution-banner .image-section {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    \/* \u53d1\u5149\u6548\u679c\u80cc\u666f *\/\n    .oem-solution-banner .glow-background {\n      position: absolute;\n      width: 120%;\n      height: 120%;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);\n      filter: blur(60px);\n      animation: float 6s ease-in-out infinite;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0) scale(1); }\n      50% { transform: translateY(-20px) scale(1.05); }\n    }\n\n    .oem-solution-banner .image-wrapper {\n      width: 100%;\n      max-width: 520px;\n      position: relative;\n      z-index: 2;\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: \n        0 25px 70px rgba(0, 0, 0, 0.5),\n        0 0 0 1px rgba(59, 130, 246, 0.3),\n        inset 0 0 0 1px rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(10px);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      background: linear-gradient(135deg, #1e293b, #334155);\n      aspect-ratio: 4 \/ 3;\n    }\n\n    .oem-solution-banner .image-wrapper::before {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 24px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.5s ease;\n    }\n\n    .oem-solution-banner .image-wrapper:hover::before {\n      opacity: 1;\n    }\n\n    .oem-solution-banner .image-wrapper:hover {\n      transform: translateY(-10px) scale(1.02);\n      box-shadow: \n        0 35px 90px rgba(0, 0, 0, 0.6),\n        0 0 0 1px rgba(59, 130, 246, 0.5);\n    }\n\n    .oem-solution-banner .image-wrapper img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }\n\n    .oem-solution-banner .image-wrapper:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* \u7279\u6027\u5217\u8868 *\/\n    .oem-solution-banner .features-section {\n      margin-top: 60px;\n    }\n\n    .oem-solution-banner .features-title {\n      text-align: center;\n      font-size: 28px;\n      font-weight: 800;\n      color: #f8fafc;\n      margin-bottom: 40px;\n      position: relative;\n      display: inline-block;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n\n    .oem-solution-banner .features-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 80px;\n      height: 4px;\n      background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 2px;\n    }\n\n    .oem-solution-banner .features-list {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 20px;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .oem-solution-banner .feature-item {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 16px;\n      padding: 28px 20px;\n      background: rgba(30, 41, 59, 0.5);\n      border-radius: 16px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n      backdrop-filter: blur(10px);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .oem-solution-banner .feature-item:hover {\n      background: rgba(30, 41, 59, 0.7);\n      border-color: rgba(59, 130, 246, 0.5);\n      transform: translateY(-8px);\n      box-shadow: 0 12px 30px rgba(59, 130, 246, 0.3);\n    }\n\n    .oem-solution-banner .feature-icon {\n      width: 56px;\n      height: 56px;\n      min-width: 56px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);\n      transition: all 0.3s ease;\n    }\n\n    .oem-solution-banner .feature-item:hover .feature-icon {\n      transform: rotateY(360deg);\n      box-shadow: 0 12px 30px rgba(59, 130, 246, 0.6);\n    }\n\n    .oem-solution-banner .feature-icon svg {\n      width: 28px;\n      height: 28px;\n      color: white;\n    }\n\n    .oem-solution-banner .feature-text {\n      flex: 1;\n    }\n\n    .oem-solution-banner .feature-text strong {\n      display: block;\n      font-size: 15px;\n      font-weight: 700;\n      color: #f1f5f9;\n      margin-bottom: 8px;\n      letter-spacing: 0.3px;\n      line-height: 1.3;\n    }\n\n    .oem-solution-banner .feature-text span {\n      font-size: 13px;\n      color: #94a3b8;\n      line-height: 1.5;\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1200px) {\n      .oem-solution-banner .features-list {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 1024px) {\n      .oem-solution-banner {\n        padding: 70px 0;\n      }\n      .oem-solution-banner .main-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        text-align: center;\n      }\n      .oem-solution-banner .title {\n        font-size: 40px;\n      }\n      .oem-solution-banner .button-group {\n        justify-content: center;\n      }\n      .oem-solution-banner .features-list {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .oem-solution-banner {\n        padding: 60px 0;\n      }\n      .oem-solution-banner .banner-container {\n        padding: 0 25px;\n      }\n      .oem-solution-banner .title {\n        font-size: 34px;\n      }\n      .oem-solution-banner .main-content {\n        gap: 40px;\n      }\n      .oem-solution-banner .features-section {\n        margin-top: 50px;\n      }\n      .oem-solution-banner .features-title {\n        font-size: 24px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .oem-solution-banner {\n        padding: 50px 0;\n      }\n      .oem-solution-banner .title {\n        font-size: 28px;\n      }\n      .oem-solution-banner .description {\n        font-size: 15px;\n      }\n      .oem-solution-banner .button-group {\n        flex-direction: column;\n        width: 100%;\n      }\n      .oem-solution-banner .btn {\n        width: 100%;\n        justify-content: center;\n      }\n      .oem-solution-banner .features-list {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n      .oem-solution-banner .feature-item {\n        padding: 24px 18px;\n      }\n    }\n  <\/style>\n\n  <div class=\"banner-container\">\n    <!-- \u4e3b\u5185\u5bb9\u533a:\u5de6\u53f3\u5e03\u5c40 -->\n    <div class=\"main-content\">\n      <!-- \u5de6\u4fa7\u5185\u5bb9 -->\n      <div class=\"content-section\">\n        <div class=\"label\">\n          <span>OEM-tillverkning<\/span>\n        <\/div>\n        <h1 class=\"title\">\n          Direkt fr\u00e5n fabriken<br>\n          <span class=\"highlight\">OEM-solarl\u00f6sningar f\u00f6r varmvatten<\/span>\n        <\/h1>\n        <p class=\"description\">\n          Fabriksdirekt solv\u00e4rmepump, delad solv\u00e4rmepump och v\u00e4rmepipssolv\u00e4rmepump med OEM-varum\u00e4rke, flat-plate eller vakuumr\u00f6rsalternativ, modul\u00e4r installation, CE\/SRCC-\u00f6verensst\u00e4mmelsedokumentation och snabba, f\u00f6ruts\u00e4gbara ledtider f\u00f6r globala distribut\u00f6rer.\n        <\/p>\n        \n        <div class=\"button-group\">\n          <a href=\"https:\/\/wa.me\/8615318896990?text=Hello%2C%20I%27m%20interested%20in%20your%20OEM%20Solar%20Water%20Heating%20Solutions\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>Chatta p\u00e5 WhatsApp<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn btn-secondary\">\n            <span>F\u00e5 EXW\/FOB-Offer<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- \u53f3\u4fa7\u56fe\u7247 - \u76f4\u63a5\u663e\u793a\u538b\u7f29\u540e\u7684\u6e05\u6670\u56fe\u7247 -->\n      <div class=\"image-section\">\n        <div class=\"glow-background\"><\/div>\n        <div class=\"image-wrapper\">\n          <img decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/0a52-1-scaled.png?w=600&quality=75\"\n            alt=\"Factory-Direct OEM Solar Water Heating Solutions\"\n            loading=\"lazy\"\n          >\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u4ea7\u54c1\u7279\u6027\u5217\u8868 -->\n    <div class=\"features-section\">\n      <h2 class=\"features-title\">Produktf\u00f6rdelar<\/h2>\n      <div class=\"features-list\">\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n              <path d=\"M12 6v6l4 2\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>Upp till 95% Solabsorption<\/strong>\n            <span>H\u00f6g effektivitet, milj\u00f6v\u00e4nliga besparingar<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>Naturlig cirkulation<\/strong>\n            <span>Ingen str\u00f6m kr\u00e4vs, l\u00e5g underh\u00e5llskostnad<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\n              <path d=\"M9 3v18M15 3v18\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>Flexibla kapaciteter<\/strong>\n            <span>150L \/ 200L \/ 300L familjealternativ<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\n              <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>Trycksatt system<\/strong>\n            <span>Stabil, bekv\u00e4m duschstr\u00f6m<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>Multi-Material Tank Options<\/strong>\n            <span>Enamel, 304, or 316 stainless steel based on water quality<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u7279\u6027\u5361\u7247\u52a8\u753b\n  const featureItems = document.querySelectorAll('.oem-solution-banner .feature-item');\n  if ('IntersectionObserver' in window) {\n    const featureObserver = new IntersectionObserver((entries) => {\n      entries.forEach((entry, index) => {\n        if (entry.isIntersecting) {\n          setTimeout(() => {\n            entry.target.style.opacity = '1';\n            entry.target.style.transform = 'translateY(0)';\n          }, index * 100);\n        }\n      });\n    }, { threshold: 0.1 });\n\n    featureItems.forEach(item => {\n      item.style.opacity = '0';\n      item.style.transform = 'translateY(30px)';\n      item.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n      featureObserver.observe(item);\n    });\n  }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86f8d8d e-con-full e-flex e-con e-parent\" data-id=\"86f8d8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06335e6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"06335e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Water Heater Section -->\n<section id=\"solar-water-heater\" class=\"swh-section\">\n  <style>\n    .swh-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n    }\n\n    .swh-container {\n      max-width: 1320px;\n      margin: 0 auto;\n    }\n\n    .swh-header {\n      text-align: center;\n      margin-bottom: 20px;\n    }\n\n    .swh-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 18px;\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n\n    .swh-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 60px;\n      height: 3px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }\n\n    .swh-intro {\n      max-width: 990px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }\n\n    .swh-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }\n\n    .swh-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-top: 35px;\n    }\n\n    .swh-product-card {\n      background: white;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .swh-product-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }\n\n    .swh-product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n    }\n\n    .swh-product-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .swh-product-image {\n      position: relative;\n      width: 100%;\n      height: 220px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n    }\n\n    .swh-product-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 15px;\n      transition: transform 0.5s ease;\n      image-rendering: -webkit-optimize-contrast;\n      image-rendering: crisp-edges;\n    }\n\n    .swh-product-card:hover .swh-product-image img {\n      transform: scale(1.08);\n    }\n\n    .swh-product-content {\n      padding: 24px 22px;\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n    }\n\n    .swh-product-title {\n      font-size: 20px;\n      color: #1e293b;\n      margin-bottom: 12px;\n      font-weight: 700;\n      line-height: 1.3;\n    }\n\n    .swh-product-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 8px;\n    }\n\n    .swh-product-features {\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.6;\n      margin-bottom: 20px;\n      padding-left: 5px;\n      flex-grow: 1;\n    }\n\n    .swh-button-group {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .swh-learn-more,\n    .swh-get-quote {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      padding: 11px 24px;\n      color: white;\n      text-decoration: none;\n      border-radius: 50px;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      text-align: center;\n    }\n\n    .swh-learn-more {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      box-shadow: 0 3px 12px rgba(102, 126, 234, 0.3);\n    }\n\n    .swh-learn-more:hover {\n      transform: translateX(5px);\n      box-shadow: 0 5px 18px rgba(102, 126, 234, 0.5);\n    }\n\n    .swh-get-quote {\n      background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n      box-shadow: 0 3px 12px rgba(16, 185, 129, 0.3);\n    }\n\n    .swh-get-quote:hover {\n      transform: translateX(5px);\n      box-shadow: 0 5px 18px rgba(16, 185, 129, 0.5);\n    }\n\n    .swh-learn-more svg,\n    .swh-get-quote svg {\n      width: 14px;\n      height: 14px;\n      transition: transform 0.3s ease;\n    }\n\n    .swh-learn-more:hover svg,\n    .swh-get-quote:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* Badge *\/\n    .swh-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: white;\n      padding: 6px 14px;\n      border-radius: 18px;\n      font-size: 12px;\n      font-weight: 600;\n      z-index: 10;\n      box-shadow: 0 3px 10px rgba(102, 126, 234, 0.4);\n    }\n\n    @media (max-width: 1024px) {\n      .swh-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .swh-section {\n        padding: 50px 20px;\n      }\n\n      .swh-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }\n\n      .swh-intro {\n        margin-bottom: 30px;\n      }\n\n      .swh-intro p {\n        font-size: 14px;\n      }\n\n      .swh-products-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 30px;\n      }\n\n      .swh-product-image {\n        height: 200px;\n      }\n\n      .swh-product-image img {\n        padding: 15px;\n      }\n\n      .swh-product-content {\n        padding: 22px 20px;\n      }\n\n      .swh-product-title {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }\n\n      .swh-product-description {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n\n      .swh-product-features {\n        font-size: 13px;\n        margin-bottom: 18px;\n      }\n\n      .swh-learn-more,\n      .swh-get-quote {\n        padding: 10px 22px;\n        font-size: 13px;\n      }\n\n      .swh-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n  <\/style>\n\n  <div class=\"swh-container\">\n    <!-- Header -->\n    <div class=\"swh-header\">\n      <h2>Solv\u00e4rmepump f\u00f6r varmvatten<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"swh-intro\">\n      <p>\n        SOLETKS solv\u00e4rmepumpssystem \u00e4r utformade f\u00f6r att effektivt f\u00e5nga solenergi och omvandla den till p\u00e5litligt varmvatten f\u00f6r hem, f\u00f6retag och industrier. Med avancerad flat-plate och v\u00e4rmepipsteknologi levererar v\u00e5ra system enast\u00e5ende prestanda, energibesparingar och milj\u00f6f\u00f6rdelar. Varje modell \u00e4r utformad f\u00f6r att m\u00f6ta olika installationsbehov och klimatf\u00f6rh\u00e5llanden, vilket g\u00f6r solv\u00e4rme mer effektivt och h\u00e5llbart \u00e4n n\u00e5gonsin.\n      <\/p>\n    <\/div>\n\n    <!-- Products Grid -->\n    <div class=\"swh-products-grid\">\n      \n      <!-- Integrated Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">Popul\u00e4r<\/div>\n        <div class=\"swh-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/300L\u4e00\u4f53\u673a1.png?w=500&quality=75\" \n               alt=\"Integrated Solar Water Heater\" \n               loading=\"lazy\"\n               decoding=\"async\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">Integrerad solv\u00e4rmepump f\u00f6r varmvatten<\/h3>\n          <p class=\"swh-product-description\">\n            Ett kompakt system som kombinerar solsamlaren och vattentanken i en integrerad enhet.\n          <\/p>\n          <p class=\"swh-product-features\">\n            Det erbjuder enkel installation, p\u00e5litlig drift och utm\u00e4rkt v\u00e4rmebevarande\u2014ideal f\u00f6r bost\u00e4der och sm\u00e5skaliga till\u00e4mpningar d\u00e4r enkelhet och effektivitet \u00e4r nyckeln.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater\/integrated-solar-water-heater\/\" class=\"swh-learn-more\">\n              L\u00e4s mer\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\n            <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              Get Your Quote\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Split Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">Flexibel<\/div>\n        <div class=\"swh-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5206\u4f532.png?w=500&quality=75\" \n               alt=\"Split Solar Water Heater\" \n               loading=\"lazy\"\n               decoding=\"async\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">Delad solv\u00e4rmepump f\u00f6r varmvatten<\/h3>\n          <p class=\"swh-product-description\">\n            Detta system separerar solsamlaren fr\u00e5n lagringstanken, vilket m\u00f6jligg\u00f6r flexibel installation enligt byggnadens layout.\n          <\/p>\n          <p class=\"swh-product-features\">\n            Den delade designen minimerar v\u00e4rmef\u00f6rlust, ger b\u00e4ttre frysskydd och s\u00e4kerst\u00e4ller en stabil varmvattenf\u00f6rs\u00f6rjning i alla s\u00e4songer.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater\/flat-plate-split-solar-water-heater\/\" class=\"swh-learn-more\">\n              L\u00e4s mer\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\n            <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              Get Your Quote\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Heat Pipe Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">H\u00f6g Effektivitet<\/div>\n        <div class=\"swh-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/0-scaled.png?w=500&quality=75\" \n               alt=\"Heat Pipe Solar Water Heater\" \n               loading=\"lazy\"\n               decoding=\"async\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">V\u00e4rmeb\u00e5gs-solv\u00e4rmepump f\u00f6r varmvatten<\/h3>\n          <p class=\"swh-product-description\">\n            Utrustad med vakuumr\u00f6r och avancerad v\u00e4rmepipeteknologi, levererar denna modell snabb uppv\u00e4rmning och \u00f6verl\u00e4gsen effektivitet \u00e4ven i kallt eller molnigt v\u00e4der.\n          <\/p>\n          <p class=\"swh-product-features\">\n            Den \u00e4r l\u00e4mplig f\u00f6r regioner med varierande klimat och anv\u00e4ndare som s\u00f6ker h\u00f6g prestanda med minimal underh\u00e5ll.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater\/heat-pipe-solar-water-heater\/\" class=\"swh-learn-more\">\n              L\u00e4s mer\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\n            <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              Get Your Quote\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01ae9d6 e-con-full e-flex e-con e-parent\" data-id=\"01ae9d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34f7f0d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"34f7f0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Our Solutions Section -->\n<section id=\"our-solutions\" class=\"solutions-section\">\n  <style>\n    .solutions-section {\n      padding: 80px 20px;\n      background: #ffffff;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .solutions-container {\n      max-width: 1320px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .solutions-header {\n      text-align: center;\n      margin-bottom: 25px;\n    }\n\n    .solutions-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 18px;\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n\n    .solutions-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 60px;\n      height: 3px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }\n\n    .solutions-subtitle {\n      font-size: 24px;\n      color: #475569;\n      font-weight: 600;\n      margin-bottom: 15px;\n    }\n\n    .solutions-intro {\n      max-width: 990px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }\n\n    .solutions-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }\n\n    \/* Background Image Container - \u6dfb\u52a0\u538b\u7f29\u53c2\u6570 *\/\n    .solutions-cards-wrapper {\n      position: relative;\n      padding: 80px 0 100px;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730-1.png?w=1920&quality=75');\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      border-radius: 0;\n      overflow: visible;\n      margin: 0 -20px;\n    }\n\n    \/* \u84dd\u8272\u900f\u660e\u906e\u7f69\u5c42 *\/\n    .solutions-cards-wrapper::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(180deg, \n        rgba(37, 99, 235, 0.35) 0%, \n        rgba(59, 130, 246, 0.45) 30%,\n        rgba(96, 165, 250, 0.40) 50%,\n        rgba(59, 130, 246, 0.45) 70%,\n        rgba(37, 99, 235, 0.35) 100%);\n      z-index: 1;\n    }\n\n    \/* \u989d\u5916\u7684\u84dd\u8272\u5149\u6655\u6548\u679c *\/\n    .solutions-cards-wrapper::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: radial-gradient(ellipse at center, \n        rgba(59, 130, 246, 0.2) 0%, \n        transparent 70%);\n      z-index: 1;\n    }\n\n    .solutions-cards-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 24px;\n      position: relative;\n      z-index: 2;\n      max-width: 1320px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    .solution-card {\n      background: rgba(255, 255, 255, 0.25);\n      backdrop-filter: blur(20px) saturate(180%);\n      -webkit-backdrop-filter: blur(20px) saturate(180%);\n      border-radius: 24px;\n      padding: 32px 24px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      border: 1px solid rgba(255, 255, 255, 0.5);\n      box-shadow: \n        0 8px 32px rgba(31, 38, 135, 0.15),\n        inset 0 1px 0 rgba(255, 255, 255, 0.6);\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .solution-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, \n        rgba(255, 255, 255, 0.4) 0%, \n        rgba(255, 255, 255, 0.1) 100%);\n      border-radius: 24px;\n      z-index: -1;\n    }\n\n    .solution-card::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, \n        rgba(102, 126, 234, 0.8) 0%, \n        rgba(118, 75, 162, 0.8) 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n      border-radius: 24px 24px 0 0;\n    }\n\n    .solution-card:hover {\n      transform: translateY(-12px) scale(1.02);\n      background: rgba(255, 255, 255, 0.35);\n      box-shadow: \n        0 20px 60px rgba(102, 126, 234, 0.25),\n        inset 0 1px 0 rgba(255, 255, 255, 0.8);\n      border-color: rgba(255, 255, 255, 0.7);\n    }\n\n    .solution-card:hover::after {\n      transform: scaleX(1);\n    }\n\n    .solution-number {\n      font-size: 56px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 20px;\n      line-height: 1;\n      letter-spacing: -2px;\n      text-shadow: 0 2px 10px rgba(102, 126, 234, 0.2);\n    }\n\n    .solution-title {\n      font-size: 19px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 14px;\n      line-height: 1.4;\n      min-height: 54px;\n      text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);\n    }\n\n    .solution-description {\n      font-size: 14px;\n      color: #334155;\n      line-height: 1.7;\n      flex-grow: 1;\n      text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);\n    }\n\n    .solution-icon {\n      width: 64px;\n      height: 64px;\n      background: linear-gradient(135deg, \n        rgba(102, 126, 234, 0.9) 0%, \n        rgba(118, 75, 162, 0.9) 100%);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      border-radius: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 20px;\n      box-shadow: \n        0 8px 24px rgba(102, 126, 234, 0.3),\n        inset 0 1px 0 rgba(255, 255, 255, 0.3);\n      border: 1px solid rgba(255, 255, 255, 0.3);\n      transition: all 0.4s ease;\n    }\n\n    .solution-card:hover .solution-icon {\n      transform: rotateY(360deg) scale(1.05);\n      box-shadow: \n        0 12px 32px rgba(102, 126, 234, 0.4),\n        inset 0 1px 0 rgba(255, 255, 255, 0.5);\n    }\n\n    .solution-icon svg {\n      width: 32px;\n      height: 32px;\n      color: white;\n      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));\n    }\n\n    \/* CTA Button inside background *\/\n    .solutions-cta {\n      text-align: center;\n      margin-top: 60px;\n      position: relative;\n      z-index: 3;\n    }\n\n    .custom-build-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n      padding: 20px 56px;\n      font-size: 19px;\n      font-weight: 700;\n      color: #ffffff;\n      background: rgba(255, 255, 255, 0.15);\n      backdrop-filter: blur(30px) saturate(180%);\n      -webkit-backdrop-filter: blur(30px) saturate(180%);\n      border: 2px solid rgba(255, 255, 255, 0.8);\n      border-radius: 60px;\n      cursor: pointer;\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: \n        0 15px 45px rgba(255, 255, 255, 0.2),\n        inset 0 2px 0 rgba(255, 255, 255, 0.4),\n        0 0 0 0 rgba(255, 255, 255, 0.4);\n      position: relative;\n      overflow: hidden;\n      text-decoration: none;\n      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n      letter-spacing: 0.5px;\n    }\n\n    .custom-build-btn::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, \n        rgba(255, 255, 255, 0.3) 0%, \n        rgba(255, 255, 255, 0.1) 100%);\n      border-radius: 60px;\n      z-index: -1;\n    }\n\n    .custom-build-btn::after {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: linear-gradient(45deg, \n        transparent 30%, \n        rgba(255, 255, 255, 0.3) 50%, \n        transparent 70%);\n      transform: rotate(45deg);\n      transition: all 0.6s ease;\n      opacity: 0;\n    }\n\n    .custom-build-btn:hover {\n      transform: translateY(-6px) scale(1.05);\n      background: rgba(255, 255, 255, 0.25);\n      border-color: rgba(255, 255, 255, 1);\n      box-shadow: \n        0 25px 60px rgba(255, 255, 255, 0.35),\n        inset 0 2px 0 rgba(255, 255, 255, 0.6),\n        0 0 0 8px rgba(255, 255, 255, 0.15);\n    }\n\n    .custom-build-btn:hover::after {\n      opacity: 1;\n      left: 100%;\n    }\n\n    .custom-build-btn:active {\n      transform: translateY(-3px) scale(1.02);\n    }\n\n    .custom-build-btn svg {\n      width: 22px;\n      height: 22px;\n      transition: transform 0.4s ease;\n      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n    }\n\n    .custom-build-btn:hover svg {\n      transform: translateX(8px);\n    }\n\n    @keyframes glow {\n      0%, 100% {\n        box-shadow: \n          0 15px 45px rgba(255, 255, 255, 0.2),\n          inset 0 2px 0 rgba(255, 255, 255, 0.4),\n          0 0 0 0 rgba(255, 255, 255, 0.4);\n      }\n      50% {\n        box-shadow: \n          0 15px 45px rgba(255, 255, 255, 0.3),\n          inset 0 2px 0 rgba(255, 255, 255, 0.5),\n          0 0 0 12px rgba(255, 255, 255, 0.1);\n      }\n    }\n\n    .custom-build-btn {\n      animation: glow 3s ease-in-out infinite;\n    }\n\n    \/* Glassmorphism shimmer effect *\/\n    @keyframes shimmer {\n      0% {\n        background-position: -200% center;\n      }\n      100% {\n        background-position: 200% center;\n      }\n    }\n\n    .solution-card:hover::before {\n      background: linear-gradient(135deg, \n        rgba(255, 255, 255, 0.5) 0%, \n        rgba(255, 255, 255, 0.2) 50%,\n        rgba(255, 255, 255, 0.5) 100%);\n      background-size: 200% 100%;\n      animation: shimmer 2s infinite;\n    }\n\n    \/* \u79fb\u52a8\u7aef\u80cc\u666f\u56fe\u4f18\u5316 *\/\n    @media (max-width: 1200px) {\n      .solutions-cards-wrapper {\n        background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730-1.png?w=1200&quality=75');\n      }\n\n      .solutions-cards-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .solutions-section {\n        padding: 60px 20px;\n      }\n\n      .solutions-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }\n\n      .solutions-subtitle {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }\n\n      .solutions-intro {\n        margin-bottom: 40px;\n      }\n\n      .solutions-intro p {\n        font-size: 14px;\n      }\n\n      .solutions-cards-wrapper {\n        padding: 50px 0 70px;\n        margin: 0 -20px;\n        background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730-1.png?w=800&quality=70');\n      }\n\n      .solutions-cards-wrapper::before {\n        background: linear-gradient(180deg, \n          rgba(37, 99, 235, 0.45) 0%, \n          rgba(59, 130, 246, 0.55) 50%,\n          rgba(37, 99, 235, 0.45) 100%);\n      }\n\n      .solutions-cards-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n        padding: 0 20px;\n      }\n\n      .solution-card {\n        padding: 28px 22px;\n        background: rgba(255, 255, 255, 0.3);\n      }\n\n      .solution-number {\n        font-size: 48px;\n        margin-bottom: 16px;\n      }\n\n      .solution-title {\n        font-size: 18px;\n        margin-bottom: 12px;\n        min-height: auto;\n      }\n\n      .solution-description {\n        font-size: 14px;\n      }\n\n      .solution-icon {\n        width: 56px;\n        height: 56px;\n        margin-bottom: 16px;\n      }\n\n      .solution-icon svg {\n        width: 28px;\n        height: 28px;\n      }\n\n      .solutions-cta {\n        margin-top: 40px;\n      }\n\n      .custom-build-btn {\n        padding: 18px 42px;\n        font-size: 17px;\n        gap: 12px;\n      }\n\n      .custom-build-btn svg {\n        width: 20px;\n        height: 20px;\n      }\n    }\n  <\/style>\n\n  <div class=\"solutions-container\">\n    <!-- Header -->\n    <div class=\"solutions-header\">\n      <h2>V\u00e5ra L\u00f6sningar<\/h2>\n      <p class=\"solutions-subtitle\">Personalized Solar Thermal Systems<\/p>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"solutions-intro\">\n      <p>\n        SOLETKS provides tailored solar thermal solutions with flexible capacity, design, and application options. From residential hot water and building heating to industrial and agricultural thermal needs, we integrate solar, geothermal, and air energy for maximum efficiency and sustainability.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Cards with Background Image -->\n  <div class=\"solutions-cards-wrapper\">\n    <div class=\"solutions-cards-grid\">\n      \n      <!-- Solution 01 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">01<\/div>\n        <h3 class=\"solution-title\">System Performance Optimization<\/h3>\n        <p class=\"solution-description\">\n          In-depth performance evaluation, heat collection efficiency testing, and system tuning to ensure every installation runs at peak output.\n        <\/p>\n      <\/div>\n\n      <!-- Solution 02 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">02<\/div>\n        <h3 class=\"solution-title\">Expertinstallation &amp; Drifts\u00e4ttning<\/h3>\n        <p class=\"solution-description\">\n          Professional on-site setup, calibration, and commissioning for faster installation and safer operation.\n        <\/p>\n      <\/div>\n\n      <!-- Solution 03 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\n            <polyline points=\"22 4 12 14.01 9 11.01\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">03<\/div>\n        <h3 class=\"solution-title\">Complimentary Maintenance<\/h3>\n        <p class=\"solution-description\">\n          Scheduled inspections and preventive service to extend system lifespan and maintain high thermal efficiency \u2014 at no additional cost.\n        <\/p>\n      <\/div>\n\n      <!-- Solution 04 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">04<\/div>\n        <h3 class=\"solution-title\">Gratis Teknisk Utbildning<\/h3>\n        <p class=\"solution-description\">\n          Hands-on training for operation, monitoring, and maintenance to ensure long-term system reliability.\n        <\/p>\n      <\/div>\n\n      <!-- Solution 05 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">05<\/div>\n        <h3 class=\"solution-title\">Kontinuerliga Teknikuppgraderingar<\/h3>\n        <p class=\"solution-description\">\n          Ongoing innovations in selective coating, thermal storage, and smart control for next-generation solar energy performance.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA Button -->\n    <div class=\"solutions-cta\">\n      <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"custom-build-btn\">\n        Start Your Custom Build\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n          <polyline points=\"12 5 19 12 12 19\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19081fc e-con-full e-flex e-con e-parent\" data-id=\"19081fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87c547d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"87c547d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"projects-showcase\">\n    <div class=\"container\">\n        <!-- Section Header -->\n        <div class=\"section-header\">\n            <span class=\"section-label\">V\u00e5ra Projekt<\/span>\n            <h2 class=\"section-title\">Global <span class=\"title-highlight\">Solenergi i V\u00e4rldsklass<\/span><\/h2>\n            <p class=\"section-description\">Banbrytande h\u00e5llbara energil\u00f6sningar \u00f6ver kontinenter, levererar innovativa solv\u00e4rme- och varmvattensystem.<\/p>\n        <\/div>\n\n        <!-- Projects Masonry Grid -->\n        <div class=\"projects-masonry\">\n            <!-- Featured Project - Large -->\n            <article class=\"project-card featured-large\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Centralized-solar-heating-for-Saga-County-town-in-Shigatse-City.png?w=800&quality=75\" \n                         alt=\"Centralized Solar Heating\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                    <span class=\"featured-badge\">Featured Project<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <h3>Centraliserad solv\u00e4rme f\u00f6r Saga L\u00e4n Stad i Shigatse Stad<\/h3>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2019<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Shigatse, Tibet<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>107 000 m\u00b2<\/span>\n                    <\/div>\n                    <p>EFPC115 stora planf\u00e5ngarkollektorer ger v\u00e4rmet\u00e4ckning f\u00f6r 107 000 m\u00b2, vilket ers\u00e4tter traditionell kol- och yakdynguppv\u00e4rmning. Minskar kolkonsumtionen med 2 424 ton \u00e5rligen.<\/p>\n                    <div class=\"achievements-grid\">\n                        <div class=\"achievement-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/><\/svg>\n                            <span>V\u00e4rldens f\u00f6rsta h\u00f6gh\u00f6jds solcentralv\u00e4rme<\/span>\n                        <\/div>\n                        <div class=\"achievement-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/><\/svg>\n                            <span>F\u00f6rsta kompletta nyckelf\u00e4rdiga solv\u00e4rmeprojekt<\/span>\n                        <\/div>\n                        <div class=\"achievement-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/><\/svg>\n                            <span>Tibets f\u00f6rsta storskaliga solv\u00e4rme<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary\">\n                            <span>F\u00e5 Offert<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary\">Visa detaljer<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 2 - Medium -->\n            <article class=\"project-card medium\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Tianjin-School-TPV-Pro-Heat-Pump-Coupled-Heating-Project.png?w=600&quality=75\" \n                         alt=\"Tianjin School\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>Tianjin School TPV Pro+ V\u00e4rmepumpsprojekt<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2024<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Tianjin<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>3 000 m\u00b2<\/span>\n                    <\/div>\n                    <p>TPV Pro+ v\u00e4rmepumpsystem m\u00f6ter studenternas uppv\u00e4rmningsbehov samtidigt som det genererar el p\u00e5 plats.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>F\u00e5 Offert<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Visa detaljer<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 3 - Small -->\n            <article class=\"project-card small\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2031.jpg.webp?w=400&quality=75\" \n                         alt=\"Central Asia Clean Campus\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>Central Asia Clean Campus Heating<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2023<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Sverige<\/span>\n                    <\/div>\n                    <p>U-tube collectors with excellent low-temperature resistance for school heating.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>F\u00e5 Offert<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Details<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 4 - Small -->\n            <article class=\"project-card small\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Hot-Water-System-for-APEC-Summit-National-Leaders-Reception-Hotel.png?w=400&quality=75\" \n                         alt=\"APEC Summit\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>APEC Summit Hotel Hot Water<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2014<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Beijing<\/span>\n                    <\/div>\n                    <p>Hot water system for APEC Summit. Saves 150,000 kWh annually.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>F\u00e5 Offert<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Details<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 5 - Medium -->\n            <article class=\"project-card medium\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Florida-Resort-Villa-Hot-Water-Project-USA.png?w=600&quality=75\" \n                         alt=\"Florida Resort\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>Florida Resort Villa Varmvattenprojekt<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2022<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Florida, USA<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>200L\/dag<\/span>\n                    <\/div>\n                    <p>Flat-plate vattenv\u00e4rmare ger 200L dagligt varmvatten f\u00f6r varje resortvilla.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>F\u00e5 Offert<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Visa detaljer<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 6 - Medium -->\n            <article class=\"project-card medium\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Harz-Church-Hot-Water-Project-Germany.png?w=600&quality=75\" \n                         alt=\"Harz Church\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>Harz Kyrka Varmvattenprojekt<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2021<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Tyskland<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>22 ton\/dag<\/span>\n                    <\/div>\n                    <p>Kollektorer av ingenj\u00f6rskvalitet i serie-\/parallellkonfiguration ger p\u00e5litlig varmvattenf\u00f6rs\u00f6rjning.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>F\u00e5 Offert<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Visa detaljer<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.projects-showcase {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n}\n\n.container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n\/* Section Header *\/\n.section-header {\n    text-align: center;\n    max-width: 750px;\n    margin: 0 auto 60px;\n}\n\n.section-label {\n    display: inline-block;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2.5px;\n    color: #3b82f6;\n    margin-bottom: 16px;\n    position: relative;\n}\n\n.section-label::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #3b82f6, transparent);\n}\n\n.section-title {\n    font-size: 48px;\n    font-weight: 800;\n    color: #0f172a;\n    margin-bottom: 20px;\n    line-height: 1.2;\n}\n\n.title-highlight {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.section-description {\n    font-size: 18px;\n    line-height: 1.7;\n    color: #64748b;\n}\n\n\/* Masonry Grid Layout *\/\n.projects-masonry {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    grid-auto-rows: minmax(200px, auto);\n}\n\n\/* Card Base Styles *\/\n.project-card {\n    background: white;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    min-height: 0;\n}\n\n.project-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #3b82f6, #8b5cf6);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    z-index: 1;\n}\n\n.project-card:hover {\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n    transform: translateY(-8px);\n}\n\n.project-card:hover::before {\n    opacity: 1;\n}\n\n\/* Card Sizes *\/\n.featured-large {\n    grid-column: span 2;\n    grid-row: span 2;\n}\n\n.medium {\n    grid-column: span 2;\n    grid-row: span 1;\n}\n\n.small {\n    grid-column: span 1;\n    grid-row: span 1;\n}\n\n\/* Card Image *\/\n.card-image {\n    position: relative;\n    overflow: hidden;\n    flex-shrink: 0;\n    width: 100%;\n}\n\n.featured-large .card-image {\n    height: 280px;\n}\n\n.medium .card-image {\n    height: 160px;\n}\n\n.small .card-image {\n    height: 140px;\n}\n\n.card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.project-card:hover .card-image img {\n    transform: scale(1.1);\n}\n\n.featured-badge {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 8px 18px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    border-radius: 24px;\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n    z-index: 2;\n}\n\n\/* Card Content *\/\n.card-content {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n}\n\n.featured-large .card-content {\n    padding: 28px;\n}\n\n.card-content h3 {\n    font-size: 22px;\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 14px;\n    line-height: 1.3;\n}\n\n.card-content h4 {\n    font-size: 16px;\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 10px;\n    line-height: 1.4;\n}\n\n\/* Meta Tags *\/\n.meta-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 12px;\n    padding-bottom: 12px;\n    border-bottom: 1px solid #e2e8f0;\n}\n\n.meta-tags span {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    font-weight: 600;\n    color: #475569;\n    padding: 5px 10px;\n    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);\n    border-radius: 10px;\n    border: 1px solid #bae6fd;\n}\n\n.meta-tags svg {\n    width: 13px;\n    height: 13px;\n    stroke-width: 2;\n    flex-shrink: 0;\n}\n\n.card-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #64748b;\n    margin-bottom: 16px;\n    flex: 1;\n}\n\n.small .card-content p {\n    font-size: 13px;\n    line-height: 1.5;\n}\n\n\/* Achievements Grid *\/\n.achievements-grid {\n    display: grid;\n    gap: 8px;\n    margin-bottom: 20px;\n}\n\n.achievement-badge {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 10px 12px;\n    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);\n    border-left: 3px solid #3b82f6;\n    border-radius: 6px;\n    font-size: 13px;\n    color: #0f172a;\n    font-weight: 500;\n    line-height: 1.4;\n}\n\n.achievement-badge svg {\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    margin-top: 1px;\n    stroke: #3b82f6;\n    fill: #3b82f6;\n}\n\n\/* Buttons *\/\n.card-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: auto;\n}\n\n.btn-primary, .btn-secondary {\n    border: none;\n    border-radius: 8px;\n    font-weight: 600;\n    font-size: 13px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.btn-primary {\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 10px 16px;\n    gap: 6px;\n    flex: 1;\n}\n\n.btn-primary svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n}\n\n.btn-primary:hover {\n    background: linear-gradient(135deg, #2563eb, #1d4ed8);\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\n}\n\n.btn-primary:hover svg {\n    transform: translateX(3px);\n}\n\n.btn-secondary {\n    background: transparent;\n    color: #64748b;\n    padding: 10px 16px;\n    border: 2px solid #e2e8f0;\n    flex: 1;\n}\n\n.btn-secondary:hover {\n    background: #f8fafc;\n    color: #475569;\n    border-color: #cbd5e1;\n}\n\n.btn-small {\n    font-size: 12px;\n    padding: 8px 12px;\n}\n\n.btn-small svg {\n    width: 13px;\n    height: 13px;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .container {\n        padding: 0 30px;\n    }\n    \n    .section-title {\n        font-size: 42px;\n    }\n    \n    .projects-masonry {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n    \n    .featured-large {\n        grid-column: span 3;\n        grid-row: span 1;\n    }\n    \n    .featured-large .card-image {\n        height: 240px;\n    }\n    \n    .medium {\n        grid-column: span 2;\n    }\n}\n\n@media (max-width: 900px) {\n    .projects-showcase {\n        padding: 60px 0;\n    }\n    \n    .section-header {\n        margin-bottom: 50px;\n    }\n    \n    .section-title {\n        font-size: 36px;\n    }\n    \n    .projects-masonry {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n    }\n    \n    .featured-large {\n        grid-column: span 2;\n        grid-row: span 1;\n    }\n    \n    .medium {\n        grid-column: span 2;\n    }\n    \n    .small {\n        grid-column: span 1;\n    }\n}\n\n@media (max-width: 640px) {\n    .container {\n        padding: 0 20px;\n    }\n    \n    .section-title {\n        font-size: 32px;\n    }\n    \n    .section-description {\n        font-size: 16px;\n    }\n    \n    .projects-masonry {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .featured-large,\n    .medium,\n    .small {\n        grid-column: span 1;\n        grid-row: span 1;\n    }\n    \n    .featured-large .card-image,\n    .medium .card-image,\n    .small .card-image {\n        height: 200px;\n    }\n    \n    .card-content h3 {\n        font-size: 20px;\n    }\n    \n    .card-content h4 {\n        font-size: 17px;\n    }\n    \n    .card-actions {\n        flex-direction: column;\n    }\n    \n    .btn-primary,\n    .btn-secondary {\n        width: 100%;\n    }\n}\n\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 28px;\n    }\n    \n    .featured-large .card-content {\n        padding: 20px;\n    }\n    \n    .card-content h3 {\n        font-size: 18px;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c772e85 e-con-full e-flex e-con e-parent\" data-id=\"c772e85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dfd500 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3dfd500\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Thermal System Solutions Section -->\n<section id=\"system-solutions\" class=\"system-solutions-section\">\n  <style>\n    .system-solutions-section {\n      padding: 80px 20px;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .system-solutions-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -10%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(102, 126, 234, 0.08) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .system-solutions-section::after {\n      content: '';\n      position: absolute;\n      bottom: -30%;\n      left: -5%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(118, 75, 162, 0.06) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .system-solutions-container {\n      max-width: 1320px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .system-solutions-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n\n    .system-solutions-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 12px;\n      font-weight: 800;\n      position: relative;\n      display: inline-block;\n    }\n\n    .system-solutions-header h2::before {\n      content:\n      font-size: 42px;\n      position: absolute;\n      left: -55px;\n      top: 50%;\n      transform: translateY(-50%);\n      animation: rotate 20s linear infinite;\n    }\n\n    @keyframes rotate {\n      from { transform: translateY(-50%) rotate(0deg); }\n      to { transform: translateY(-50%) rotate(360deg); }\n    }\n\n    .system-solutions-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 70px;\n      height: 3px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }\n\n    .system-solutions-subtitle {\n      font-size: 17px;\n      color: #64748b;\n      font-weight: 500;\n      margin-top: 12px;\n    }\n\n    .solutions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 30px;\n      margin-top: 50px;\n    }\n\n    .solution-item {\n      background: #ffffff;\n      border-radius: 20px;\n      padding: 32px 28px;\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: \n        0 4px 20px rgba(0, 0, 0, 0.06),\n        0 1px 3px rgba(0, 0, 0, 0.04);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid rgba(226, 232, 240, 0.8);\n    }\n\n    .solution-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.5s ease;\n    }\n\n    .solution-item:hover {\n      transform: translateY(-8px);\n      box-shadow: \n        0 20px 50px rgba(102, 126, 234, 0.15),\n        0 10px 20px rgba(0, 0, 0, 0.08);\n      border-color: rgba(102, 126, 234, 0.3);\n    }\n\n    .solution-item:hover::before {\n      transform: scaleX(1);\n    }\n\n    .solution-svg-container {\n      width: 65px;\n      height: 65px;\n      margin: 0 auto 20px;\n      position: relative;\n    }\n\n    .solution-svg-container svg {\n      width: 100%;\n      height: 100%;\n      filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.2));\n      transition: all 0.5s ease;\n    }\n\n    .solution-item:hover .solution-svg-container svg {\n      transform: scale(1.1) translateY(-3px);\n      filter: drop-shadow(0 8px 20px rgba(102, 126, 234, 0.35));\n    }\n\n    .solution-item-title {\n      font-size: 19px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 8px;\n      text-align: center;\n      line-height: 1.3;\n    }\n\n    .solution-item-subtitle {\n      font-size: 13px;\n      color: #667eea;\n      font-weight: 600;\n      margin-bottom: 12px;\n      text-align: center;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .solution-item-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      text-align: center;\n    }\n\n    \/* Decorative elements *\/\n    .solution-item::after {\n      content: '';\n      position: absolute;\n      bottom: -50px;\n      right: -50px;\n      width: 120px;\n      height: 120px;\n      background: radial-gradient(circle, rgba(102, 126, 234, 0.05) 0%, transparent 70%);\n      border-radius: 50%;\n      transition: all 0.5s ease;\n    }\n\n    .solution-item:hover::after {\n      bottom: -30px;\n      right: -30px;\n      background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);\n    }\n\n    \/* CTA Button *\/\n    .solutions-cta {\n      text-align: center;\n      margin-top: 60px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .quote-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 18px 48px;\n      font-size: 18px;\n      font-weight: 700;\n      color: #ffffff;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: \n        0 10px 30px rgba(102, 126, 234, 0.3),\n        0 0 0 0 rgba(102, 126, 234, 0.4);\n      position: relative;\n      overflow: hidden;\n      text-decoration: none;\n      letter-spacing: 0.3px;\n    }\n\n    .quote-btn::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, \n        transparent, \n        rgba(255, 255, 255, 0.3), \n        transparent);\n      transition: left 0.6s ease;\n    }\n\n    .quote-btn:hover {\n      transform: translateY(-4px) scale(1.03);\n      box-shadow: \n        0 20px 50px rgba(102, 126, 234, 0.4),\n        0 0 0 8px rgba(102, 126, 234, 0.1);\n      background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);\n    }\n\n    .quote-btn:hover::before {\n      left: 100%;\n    }\n\n    .quote-btn:active {\n      transform: translateY(-2px) scale(1.01);\n    }\n\n    .quote-btn svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.4s ease;\n    }\n\n    .quote-btn:hover svg {\n      transform: translateX(6px);\n    }\n\n    \/* Pulse animation *\/\n    @keyframes pulse {\n      0%, 100% {\n        box-shadow: \n          0 10px 30px rgba(102, 126, 234, 0.3),\n          0 0 0 0 rgba(102, 126, 234, 0.4);\n      }\n      50% {\n        box-shadow: \n          0 10px 30px rgba(102, 126, 234, 0.4),\n          0 0 0 12px rgba(102, 126, 234, 0.1);\n      }\n    }\n\n    .quote-btn {\n      animation: pulse 3s ease-in-out infinite;\n    }\n\n    @media (max-width: 768px) {\n      .system-solutions-section {\n        padding: 60px 20px;\n      }\n\n      .system-solutions-header {\n        margin-bottom: 40px;\n      }\n\n      .system-solutions-header h2 {\n        font-size: 30px;\n        margin-bottom: 10px;\n      }\n\n      .system-solutions-header h2::before {\n        font-size: 34px;\n        left: -45px;\n      }\n\n      .system-solutions-subtitle {\n        font-size: 16px;\n      }\n\n      .solutions-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 40px;\n      }\n\n      .solution-item {\n        padding: 28px 24px;\n      }\n\n      .solution-svg-container {\n        width: 60px;\n        height: 60px;\n        margin-bottom: 18px;\n      }\n\n      .solution-item-title {\n        font-size: 18px;\n        margin-bottom: 8px;\n      }\n\n      .solution-item-subtitle {\n        font-size: 12px;\n        margin-bottom: 10px;\n      }\n\n      .solution-item-description {\n        font-size: 14px;\n        line-height: 1.6;\n      }\n\n      .solutions-cta {\n        margin-top: 50px;\n      }\n\n      .quote-btn {\n        padding: 16px 40px;\n        font-size: 17px;\n        gap: 10px;\n      }\n\n      .quote-btn svg {\n        width: 18px;\n        height: 18px;\n      }\n    }\n  <\/style>\n\n  <div class=\"system-solutions-container\">\n    <!-- Header -->\n    <div class=\"system-solutions-header\">\n      <h2>Solar Thermal System Solutions<\/h2>\n      <p class=\"system-solutions-subtitle\">Improving energy efficiency<\/p>\n    <\/div>\n\n    <!-- Solutions Grid -->\n    <div class=\"solutions-grid\">\n      \n      <!-- Flexible Payment -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Credit Card -->\n            <rect x=\"30\" y=\"60\" width=\"140\" height=\"90\" rx=\"12\" fill=\"url(#cardGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <rect x=\"30\" y=\"80\" width=\"140\" height=\"25\" fill=\"rgba(102, 126, 234, 0.3)\"\/>\n            <line x1=\"50\" y1=\"125\" x2=\"90\" y2=\"125\" stroke=\"#667eea\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <circle cx=\"150\" cy=\"125\" r=\"8\" fill=\"#764ba2\"\/>\n            <circle cx=\"135\" cy=\"125\" r=\"8\" fill=\"#667eea\" opacity=\"0.7\"\/>\n            <!-- Dollar Sign -->\n            <text x=\"100\" y=\"50\" font-size=\"32\" font-weight=\"bold\" fill=\"#667eea\">$<\/text>\n            <defs>\n              <lineargradient id=\"cardGradient\" x1=\"30\" y1=\"60\" x2=\"170\" y2=\"150\">\n                <stop offset=\"0%\" stop-color=\"#f0f4ff\"\/>\n                <stop offset=\"100%\" stop-color=\"#e0e7ff\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">Flexible Payment<\/p>\n        <p class=\"solution-item-description\">\n          We support T\/T, L\/C at sight, PayPal, and other secure payment methods for global business.\n        <\/p>\n      <\/div>\n\n      <!-- System Protection -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Shield -->\n            <path d=\"M100 30 L160 55 L160 100 Q160 140 100 170 Q40 140 40 100 L40 55 Z\" \n                  fill=\"url(#shieldGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <!-- Checkmark -->\n            <path d=\"M75 100 L90 115 L125 75\" stroke=\"#ffffff\" stroke-width=\"8\" \n                  stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n            <!-- Quality Badge -->\n            <circle cx=\"145\" cy=\"65\" r=\"18\" fill=\"#764ba2\"\/>\n            <text x=\"145\" y=\"72\" font-size=\"20\" font-weight=\"bold\" fill=\"#ffffff\" text-anchor=\"middle\">Q<\/text>\n            <defs>\n              <lineargradient id=\"shieldGradient\" x1=\"40\" y1=\"30\" x2=\"160\" y2=\"170\">\n                <stop offset=\"0%\" stop-color=\"#667eea\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">Kvalitetss\u00e4kring<\/p>\n        <h3 class=\"solution-item-title\">System Protection<\/h3>\n        <p class=\"solution-item-description\">\n          Strict quality control from collector manufacturing to system assembly, ensuring long-lasting and reliable performance.\n        <\/p>\n      <\/div>\n\n      <!-- Efficient Logistics -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Globe -->\n            <circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"url(#globeGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <ellipse cx=\"100\" cy=\"100\" rx=\"60\" ry=\"25\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <ellipse cx=\"100\" cy=\"100\" rx=\"25\" ry=\"60\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <line x1=\"100\" y1=\"40\" x2=\"100\" y2=\"160\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <line x1=\"40\" y1=\"100\" x2=\"160\" y2=\"100\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <!-- Airplane -->\n            <g transform=\"translate(130, 60) rotate(45)\">\n              <path d=\"M0 0 L-15 -5 L-10 0 L-15 5 Z\" fill=\"#764ba2\"\/>\n              <circle cx=\"-8\" cy=\"0\" r=\"2\" fill=\"#ffffff\"\/>\n            <\/g>\n            <!-- Location Pins -->\n            <circle cx=\"70\" cy=\"80\" r=\"4\" fill=\"#fbbf24\"\/>\n            <circle cx=\"130\" cy=\"120\" r=\"4\" fill=\"#fbbf24\"\/>\n            <circle cx=\"85\" cy=\"130\" r=\"4\" fill=\"#fbbf24\"\/>\n            <defs>\n              <lineargradient id=\"globeGradient\" x1=\"40\" y1=\"40\" x2=\"160\" y2=\"160\">\n                <stop offset=\"0%\" stop-color=\"#667eea\" stop-opacity=\"0.8\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\" stop-opacity=\"0.6\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">Environment Improvement<\/p>\n        <h3 class=\"solution-item-title\">Efficient Logistics<\/h3>\n        <p class=\"solution-item-description\">\n          Safe and reliable worldwide shipping, covering 30+ countries with professional packing for solar equipment.\n        <\/p>\n      <\/div>\n\n      <!-- Customized System Design -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Blueprint\/Design -->\n            <rect x=\"40\" y=\"50\" width=\"120\" height=\"100\" rx=\"8\" fill=\"url(#blueprintGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <!-- Grid Lines -->\n            <line x1=\"60\" y1=\"50\" x2=\"60\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"80\" y1=\"50\" x2=\"80\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"100\" y1=\"50\" x2=\"100\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"120\" y1=\"50\" x2=\"120\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"140\" y1=\"50\" x2=\"140\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"70\" x2=\"160\" y2=\"70\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"90\" x2=\"160\" y2=\"90\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"110\" x2=\"160\" y2=\"110\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"130\" x2=\"160\" y2=\"130\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <!-- Solar Panel Icon -->\n            <rect x=\"70\" y=\"80\" width=\"60\" height=\"40\" rx=\"4\" fill=\"#764ba2\" opacity=\"0.8\"\/>\n            <line x1=\"100\" y1=\"80\" x2=\"100\" y2=\"120\" stroke=\"#ffffff\" stroke-width=\"2\"\/>\n            <line x1=\"70\" y1=\"100\" x2=\"130\" y2=\"100\" stroke=\"#ffffff\" stroke-width=\"2\"\/>\n            <!-- Ruler\/Measurement Tool -->\n            <line x1=\"45\" y1=\"45\" x2=\"155\" y2=\"45\" stroke=\"#fbbf24\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n            <line x1=\"50\" y1=\"42\" x2=\"50\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"70\" y1=\"42\" x2=\"70\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"90\" y1=\"42\" x2=\"90\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"110\" y1=\"42\" x2=\"110\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"130\" y1=\"42\" x2=\"130\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"150\" y1=\"42\" x2=\"150\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <!-- Dollar Sign -->\n            <circle cx=\"145\" cy=\"135\" r=\"15\" fill=\"#10b981\"\/>\n            <text x=\"145\" y=\"143\" font-size=\"20\" font-weight=\"bold\" fill=\"#ffffff\" text-anchor=\"middle\">$<\/text>\n            <defs>\n              <lineargradient id=\"blueprintGradient\" x1=\"40\" y1=\"50\" x2=\"160\" y2=\"150\">\n                <stop offset=\"0%\" stop-color=\"#667eea\" stop-opacity=\"0.3\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\" stop-opacity=\"0.2\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">Lowering Costs<\/p>\n        <h3 class=\"solution-item-title\">Customized System Design<\/h3>\n        <p class=\"solution-item-description\">\n          Our engineers help you configure the most cost-effective solar thermal solution for residential, commercial, or industrial applications.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA Button -->\n    <div class=\"solutions-cta\">\n      <a href=\"#contact\" class=\"quote-btn\">\n        Get Your Custom Quote\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n          <polyline points=\"12 5 19 12 12 19\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79249f8 e-con-full e-flex e-con e-parent\" data-id=\"79249f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04abea9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"04abea9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Who We Are Section -->\n<section id=\"who-we-are\" class=\"who-we-are-section\">\n  <style>\n    .who-we-are-section {\n      padding: 80px 20px;\n      background: #ffffff;\n      position: relative;\n    }\n\n    .who-we-are-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    \/* Simple Header *\/\n    .section-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .section-label {\n      display: inline-block;\n      padding: 6px 16px;\n      background: #f0f4ff;\n      color: #6366f1;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 20px;\n      margin-bottom: 16px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .section-header h2 {\n      font-size: 36px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 12px;\n      letter-spacing: -0.5px;\n    }\n\n    .section-subtitle {\n      font-size: 20px;\n      color: #6366f1;\n      font-weight: 600;\n      margin-bottom: 10px;\n    }\n\n    .section-description {\n      font-size: 16px;\n      color: #64748b;\n      max-width: 600px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* Main Content Grid *\/\n    .content-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      margin-bottom: 60px;\n    }\n\n    .content-image {\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    }\n\n    .content-image img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    .content-text p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 20px;\n    }\n\n    \/* Stats *\/\n    .stats-row {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-top: 30px;\n    }\n\n    .stat-item {\n      text-align: center;\n      padding: 24px;\n      background: #f8fafc;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n    }\n\n    .stat-number {\n      font-size: 36px;\n      font-weight: 700;\n      color: #6366f1;\n      margin-bottom: 6px;\n    }\n\n    .stat-label {\n      font-size: 13px;\n      color: #64748b;\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Strengths *\/\n    .strengths-wrapper {\n      margin-top: 60px;\n    }\n\n    .strengths-title {\n      text-align: center;\n      font-size: 28px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 40px;\n      letter-spacing: -0.5px;\n    }\n\n    .strengths-row {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-bottom: 50px;\n    }\n\n    .strength-box {\n      text-align: center;\n      padding: 30px 20px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n\n    .strength-box:hover {\n      border-color: #6366f1;\n      box-shadow: 0 4px 20px rgba(99, 102, 241, 0.1);\n      transform: translateY(-4px);\n    }\n\n    .strength-box:hover .strength-icon svg {\n      transform: scale(1.1);\n    }\n\n    .strength-icon {\n      width: 64px;\n      height: 64px;\n      margin: 0 auto 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2);\n    }\n\n    .strength-icon svg {\n      width: 36px;\n      height: 36px;\n      transition: transform 0.3s ease;\n    }\n\n    .strength-box h4 {\n      font-size: 18px;\n      color: #1e293b;\n      font-weight: 600;\n      margin-bottom: 10px;\n    }\n\n    .strength-box p {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n    }\n\n    \/* Gallery *\/\n    .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n    }\n\n    .gallery-item {\n      border-radius: 12px;\n      overflow: hidden;\n      aspect-ratio: 4\/3;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);\n    }\n\n    .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.3s ease;\n    }\n\n    .gallery-item:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n      .strengths-row {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .gallery-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .who-we-are-section {\n        padding: 60px 20px;\n      }\n\n      .section-header {\n        margin-bottom: 40px;\n      }\n\n      .section-header h2 {\n        font-size: 28px;\n      }\n\n      .section-subtitle {\n        font-size: 18px;\n      }\n\n      .section-description {\n        font-size: 15px;\n      }\n\n      .content-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        margin-bottom: 40px;\n      }\n\n      .stats-row {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .strengths-wrapper {\n        margin-top: 40px;\n      }\n\n      .strengths-title {\n        font-size: 24px;\n        margin-bottom: 30px;\n      }\n\n      .strengths-row {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        margin-bottom: 40px;\n      }\n\n      .gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"who-we-are-container\">\n    <!-- Header -->\n    <div class=\"section-header\">\n      <span class=\"section-label\">Om oss<\/span>\n      <h2>Vilka Vi \u00c4r<\/h2>\n      <p class=\"section-subtitle\">Leading the Future of Clean Energy<\/p>\n      <p class=\"section-description\">\n        Innovativa l\u00f6sningar drivna av banbrytande teknologi och h\u00e5llbara metoder\n      <\/p>\n    <\/div>\n\n    <!-- Main Content -->\n    <div class=\"content-grid\">\n      <div class=\"content-image\">\n        <img \n          src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/494685619_1404751250597164_7706161979368977777_n.jpg?w=600&quality=75\" \n          alt=\"SOLETKS\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n      <\/div>\n\n      <div class=\"content-text\">\n        <p>\n          SOLETKS \u00e4r ett h\u00f6gteknologiskt f\u00f6retag som fokuserar p\u00e5 innovation inom ren energi. Med sin k\u00e4rnteknik Flat-Plate Clean Thermal Energy integrerar f\u00f6retaget sol-, geotermisk- och luftenergi f\u00f6r att leverera effektiva l\u00f6sningar f\u00f6r uppv\u00e4rmning, kylning och elproduktion.\n        <\/p>\n        <p>\n          Med st\u00f6d av partnerskap med ledande forskningsinstitutioner rankas SOLETKS bland v\u00e4rldens fr\u00e4msta tillverkare av platta solf\u00e5ngare och driver globala framsteg mot en h\u00e5llbar framtid.\n        <\/p>\n\n        <div class=\"stats-row\">\n          <div class=\"stat-item\">\n            <div class=\"stat-number\">117+<\/div>\n            <div class=\"stat-label\">Patentskydd<\/div>\n          <\/div>\n          <div class=\"stat-item\">\n            <div class=\"stat-number\">Topp 5<\/div>\n            <div class=\"stat-label\">Global Ranking<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Strengths -->\n    <div class=\"strengths-wrapper\">\n      <h3 class=\"strengths-title\">V\u00e5ra k\u00e4rnkompetenser<\/h3>\n\n      <div class=\"strengths-row\">\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#FDB022\"\/>\n              <path d=\"M12 2V5M12 19V22M2 12H5M19 12H22M4.22 4.22L6.34 6.34M17.66 17.66L19.78 19.78M4.22 19.78L6.34 17.66M17.66 6.34L19.78 4.22\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Solenergiintegration<\/h4>\n          <p>Avancerad platt solf\u00e5ngarteknik som maximerar energieffektiviteten<\/p>\n        <\/div>\n\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M9 12L11 14L15 10\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"white\" stroke-width=\"1.5\" fill=\"none\"\/>\n              <path d=\"M7 3V6M17 3V6M7 18V21M17 18V21\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>117+ patent<\/h4>\n          <p>Banbrytande innovationsportf\u00f6lj som skyddar propriet\u00e4r teknik<\/p>\n        <\/div>\n\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"9\" cy=\"7\" r=\"4\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Forskningspartners<\/h4>\n          <p>Strategiskt samarbete med ledande institutioner \u00f6ver hela v\u00e4rlden<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Gallery -->\n      <div class=\"gallery-grid\">\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662438978.jpeg?w=400&quality=75\" alt=\"Facility 1\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662607911.jpeg?w=400&quality=75\" alt=\"Facility 2\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662437572.jpeg?w=400&quality=75\" alt=\"Facility 3\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u73bb\u7483\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Glass Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u6c34\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Hot Water Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u667a\u80fd\u88c5\u5907\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Equipment Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677fMOC\u57fa\u5730-1.png?w=400&quality=75\" alt=\"MOC Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662438978.jpeg?w=400&quality=75\" alt=\"Innovation Center\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb61a7f e-flex e-con-boxed e-con e-parent\" data-id=\"fb61a7f\" 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-3e2177d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3e2177d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CTA Button - Standalone -->\n<div class=\"solutions-cta\">\n  <a href=\"#contact\" class=\"quote-btn\">\n    Get Your Custom Quote\n    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n      <polyline points=\"12 5 19 12 12 19\"\/>\n    <\/svg>\n  <\/a>\n<\/div>\n\n<style>\n  \/* CTA Button Styles *\/\n  .solutions-cta {\n    text-align: center;\n    margin-top: 60px;\n    position: relative;\n    z-index: 2;\n  }\n\n  .quote-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 48px;\n    font-size: 18px;\n    font-weight: 700;\n    color: #ffffff;\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    border: none;\n    border-radius: 50px;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: \n      0 10px 30px rgba(102, 126, 234, 0.3),\n      0 0 0 0 rgba(102, 126, 234, 0.4);\n    position: relative;\n    overflow: hidden;\n    text-decoration: none;\n    letter-spacing: 0.3px;\n  }\n\n  .quote-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, \n      transparent, \n      rgba(255, 255, 255, 0.3), \n      transparent);\n    transition: left 0.6s ease;\n  }\n\n  .quote-btn:hover {\n    transform: translateY(-4px) scale(1.03);\n    box-shadow: \n      0 20px 50px rgba(102, 126, 234, 0.4),\n      0 0 0 8px rgba(102, 126, 234, 0.1);\n    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);\n  }\n\n  .quote-btn:hover::before {\n    left: 100%;\n  }\n\n  .quote-btn:active {\n    transform: translateY(-2px) scale(1.01);\n  }\n\n  .quote-btn svg {\n    width: 20px;\n    height: 20px;\n    transition: transform 0.4s ease;\n  }\n\n  .quote-btn:hover svg {\n    transform: translateX(6px);\n  }\n\n  \/* Pulse animation *\/\n  @keyframes pulse {\n    0%, 100% {\n      box-shadow: \n        0 10px 30px rgba(102, 126, 234, 0.3),\n        0 0 0 0 rgba(102, 126, 234, 0.4);\n    }\n    50% {\n      box-shadow: \n        0 10px 30px rgba(102, 126, 234, 0.4),\n        0 0 0 12px rgba(102, 126, 234, 0.1);\n    }\n  }\n\n  .quote-btn {\n    animation: pulse 3s ease-in-out infinite;\n  }\n\n  \/* Responsive Design *\/\n  @media (max-width: 768px) {\n    .solutions-cta {\n      margin-top: 50px;\n    }\n\n    .quote-btn {\n      padding: 16px 40px;\n      font-size: 17px;\n      gap: 10px;\n    }\n\n    .quote-btn svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n<\/style>\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-c5c817b e-con-full e-flex e-con e-parent\" data-id=\"c5c817b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66d4f56 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"66d4f56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Global Partner Program Section -->\n<section class=\"partner-program-section\" id=\"partner-program\">\n  <style>\n    \/* ========== \u5168\u7403\u5408\u4f5c\u4f19\u4f34\u8ba1\u5212 - \u73b0\u4ee3\u7cbe\u81f4\u8bbe\u8ba1 ========== *\/\n    .partner-program-section {\n      background: #ffffff;\n      padding: 90px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .partner-program-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 800px;\n      height: 800px;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.05) 0%, transparent 70%);\n      pointer-events: none;\n    }\n\n    .partner-program-section .container {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* \u6807\u9898\u533a\u57df - \u7cbe\u81f4\u8bbe\u8ba1 *\/\n    .partner-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .partner-header .icon-wrapper {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 72px;\n      height: 72px;\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n      border-radius: 20px;\n      margin-bottom: 24px;\n      box-shadow: 0 8px 24px rgba(59, 130, 246, 0.25);\n      animation: float 3s ease-in-out infinite;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-8px); }\n    }\n\n    .partner-header .icon-wrapper svg {\n      width: 40px;\n      height: 40px;\n      stroke: white;\n      stroke-width: 2;\n    }\n\n    .partner-header h2 {\n      font-size: 42px;\n      font-weight: 800;\n      color: #0f172a;\n      margin: 0 0 16px 0;\n      line-height: 1.2;\n      letter-spacing: -0.02em;\n    }\n\n    .partner-header .subtitle {\n      font-size: 18px;\n      color: #64748b;\n      font-weight: 400;\n      max-width: 720px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* \u4e3b\u8981\u5185\u5bb9 - \u5361\u7247\u5f0f\u8bbe\u8ba1 *\/\n    .partner-content {\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-radius: 24px;\n      padding: 50px;\n      margin-bottom: 50px;\n      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\n      border: 1px solid #e2e8f0;\n    }\n\n    .content-grid {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr;\n      gap: 50px;\n      align-items: center;\n    }\n\n    \/* \u6587\u672c\u5185\u5bb9 *\/\n    .content-text h3 {\n      font-size: 24px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 20px 0;\n      line-height: 1.3;\n    }\n\n    .content-text p {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #475569;\n      margin: 0 0 16px 0;\n    }\n\n    .content-text p:last-child {\n      margin-bottom: 0;\n    }\n\n    .content-text strong {\n      color: #3b82f6;\n      font-weight: 600;\n    }\n\n    \/* \u56fe\u7247\u7f51\u683c - \u521b\u610f\u5e03\u5c40 *\/\n    .content-images {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n\n    .image-item {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .image-item:first-child {\n      grid-row: 1 \/ 3;\n    }\n\n    .image-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.4s ease;\n    }\n\n    .image-item:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 32px rgba(59, 130, 246, 0.2);\n    }\n\n    .image-item:hover img {\n      transform: scale(1.08);\n    }\n\n    \/* \u5408\u4f5c\u4f18\u52bf - \u73b0\u4ee3\u7f51\u683c *\/\n    .partner-benefits {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      margin-bottom: 50px;\n    }\n\n    .benefit-card {\n      background: white;\n      border-radius: 16px;\n      padding: 32px;\n      border: 1px solid #e2e8f0;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .benefit-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, #3b82f6, #8b5cf6);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.3s ease;\n    }\n\n    .benefit-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .benefit-card:hover {\n      border-color: #3b82f6;\n      box-shadow: 0 12px 32px rgba(59, 130, 246, 0.15);\n      transform: translateY(-6px);\n    }\n\n    .benefit-icon {\n      width: 56px;\n      height: 56px;\n      background: linear-gradient(135deg, #eff6ff 0%, #f5f3ff 100%);\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 20px;\n      transition: all 0.3s ease;\n    }\n\n    .benefit-card:hover .benefit-icon {\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n      transform: scale(1.1);\n    }\n\n    .benefit-icon svg {\n      width: 28px;\n      height: 28px;\n      stroke: #3b82f6;\n      stroke-width: 2;\n      transition: stroke 0.3s ease;\n    }\n\n    .benefit-card:hover .benefit-icon svg {\n      stroke: white;\n    }\n\n    .benefit-card h3 {\n      font-size: 17px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 10px 0;\n      line-height: 1.4;\n    }\n\n    .benefit-card p {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* \u76ee\u6807\u5e02\u573a - \u7cbe\u81f4\u6807\u7b7e *\/\n    .target-markets {\n      background: white;\n      border-radius: 20px;\n      padding: 40px;\n      margin-bottom: 50px;\n      border: 1px solid #e2e8f0;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);\n    }\n\n    .target-markets h3 {\n      font-size: 22px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 28px 0;\n      text-align: center;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n    }\n\n    .target-markets h3 svg {\n      width: 24px;\n      height: 24px;\n      stroke: #3b82f6;\n      stroke-width: 2;\n    }\n\n    .markets-grid {\n      display: flex;\n      justify-content: center;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .market-tag {\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border: 2px solid #e2e8f0;\n      border-radius: 12px;\n      padding: 14px 24px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      transition: all 0.3s ease;\n      cursor: default;\n    }\n\n    .market-tag:hover {\n      border-color: #3b82f6;\n      background: linear-gradient(135deg, #eff6ff 0%, #f5f3ff 100%);\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.15);\n      transform: translateY(-4px);\n    }\n\n    .market-tag svg {\n      width: 24px;\n      height: 24px;\n      stroke: #3b82f6;\n      stroke-width: 2;\n    }\n\n    .market-tag .name {\n      font-size: 15px;\n      font-weight: 600;\n      color: #334155;\n    }\n\n    \/* CTA \u533a\u57df - \u6e10\u53d8\u5361\u7247 *\/\n    .partner-cta {\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n      border-radius: 24px;\n      padding: 50px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.3);\n    }\n\n    .partner-cta::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n      animation: rotate 20s linear infinite;\n    }\n\n    @keyframes rotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    .partner-cta-content {\n      position: relative;\n      z-index: 1;\n    }\n\n    .partner-cta h3 {\n      font-size: 32px;\n      font-weight: 800;\n      color: white;\n      margin: 0 0 16px 0;\n      line-height: 1.2;\n    }\n\n    .partner-cta p {\n      font-size: 17px;\n      color: rgba(255, 255, 255, 0.9);\n      margin: 0 0 32px 0;\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n      line-height: 1.7;\n    }\n\n    .cta-buttons {\n      display: flex;\n      gap: 16px;\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    .cta-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 36px;\n      font-size: 16px;\n      font-weight: 600;\n      text-decoration: none;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n      position: relative;\n    }\n\n    .cta-btn-primary {\n      background: white;\n      color: #3b82f6;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n    }\n\n    .cta-btn-primary:hover {\n      background: #f8fafc;\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n    }\n\n    .cta-btn-secondary {\n      background: rgba(255, 255, 255, 0.15);\n      backdrop-filter: blur(10px);\n      color: white;\n      border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    .cta-btn-secondary:hover {\n      background: rgba(255, 255, 255, 0.25);\n      border-color: rgba(255, 255, 255, 0.5);\n      transform: translateY(-3px);\n    }\n\n    .cta-btn svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n    }\n\n    .cta-btn:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* ========== \u54cd\u5e94\u5f0f\u8bbe\u8ba1 ========== *\/\n    @media (max-width: 1024px) {\n      .content-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .content-images {\n        max-width: 500px;\n        margin: 0 auto;\n      }\n\n      .partner-benefits {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .partner-program-section {\n        padding: 60px 0;\n      }\n\n      .partner-program-section .container {\n        padding: 0 20px;\n      }\n\n      .partner-header {\n        margin-bottom: 40px;\n      }\n\n      .partner-header .icon-wrapper {\n        width: 60px;\n        height: 60px;\n        margin-bottom: 20px;\n      }\n\n      .partner-header .icon-wrapper svg {\n        width: 32px;\n        height: 32px;\n      }\n\n      .partner-header h2 {\n        font-size: 28px;\n      }\n\n      .partner-header .subtitle {\n        font-size: 16px;\n      }\n\n      .partner-content {\n        padding: 30px 25px;\n        margin-bottom: 40px;\n      }\n\n      .content-text h3 {\n        font-size: 20px;\n      }\n\n      .content-text p {\n        font-size: 15px;\n      }\n\n      .partner-benefits {\n        grid-template-columns: 1fr;\n        gap: 16px;\n        margin-bottom: 40px;\n      }\n\n      .benefit-card {\n        padding: 24px;\n      }\n\n      .target-markets {\n        padding: 30px 20px;\n        margin-bottom: 40px;\n      }\n\n      .target-markets h3 {\n        font-size: 18px;\n        margin-bottom: 20px;\n      }\n\n      .markets-grid {\n        gap: 12px;\n      }\n\n      .market-tag {\n        padding: 12px 20px;\n      }\n\n      .partner-cta {\n        padding: 35px 25px;\n      }\n\n      .partner-cta h3 {\n        font-size: 24px;\n      }\n\n      .partner-cta p {\n        font-size: 15px;\n        margin-bottom: 24px;\n      }\n\n      .cta-buttons {\n        flex-direction: column;\n      }\n\n      .cta-btn {\n        justify-content: center;\n        width: 100%;\n      }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <!-- \u6807\u9898\u533a\u57df -->\n    <div class=\"partner-header\">\n      <div class=\"icon-wrapper\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <h2>Global Partner Program<\/h2>\n      <p class=\"subtitle\">Join Soletks Solar's worldwide network and accelerate your business growth with premium solar thermal solutions<\/p>\n    <\/div>\n\n    <!-- \u4e3b\u8981\u5185\u5bb9 -->\n    <div class=\"partner-content\">\n      <div class=\"content-grid\">\n        <div class=\"content-text\">\n          <h3>Expand Your Business with Soletks Solar<\/h3>\n          <p>\n            <strong>Soletks Solar<\/strong> is expanding our global network, inviting distributors, EPC contractors, engineering companies, installers, and project developers to partner with us.\n          <\/p>\n          <p>\n            We offer high-efficiency flat plate collectors, commercial hot water systems, PVT hybrid panels, and large-capacity solar heating solutions trusted by hotels, factories, hospitals, schools, and residential projects worldwide.\n          <\/p>\n        <\/div>\n        <div class=\"content-images\">\n          <div class=\"image-item\">\n            <img height=\"1536\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/499317750_122107377854869367_2725729609403097798_n.jpg\" alt=\"Soletks Solar Factory\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image-item\">\n            <img height=\"1320\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497466708_122101977332869367_3719270567425807432_n.jpg\" alt=\"Production Line\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image-item\">\n            <img height=\"1320\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497608519_122101977344869367_1519297593609875512_n.jpg\" alt=\"Quality Control\" loading=\"lazy\">\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u5408\u4f5c\u4f18\u52bf -->\n    <div class=\"partner-benefits\">\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M12 6v6l4 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Factory-Direct Pricing<\/h3>\n        <p>Competitive wholesale prices with guaranteed production capacity and consistent quality<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M7 7h.01\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>OEM\/ODM Branding<\/h3>\n        <p>cURL Too many subrequests.<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Technical Support<\/h3>\n        <p>cURL Too many subrequests.<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>cURL Too many subrequests.<\/h3>\n        <p>cURL Too many subrequests.<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>cURL Too many subrequests.<\/h3>\n        <p>cURL Too many subrequests.<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>cURL Too many subrequests.<\/h3>\n        <p>cURL Too many subrequests.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u76ee\u6807\u5e02\u573a -->\n    <div class=\"target-markets\">\n      <h3>\n        <svg viewbox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        cURL Too many subrequests.\n      <\/h3>\n      <div class=\"markets-grid\">\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">cURL Too many subrequests.<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">cURL Too many subrequests.<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">Europa<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">cURL Too many subrequests.<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">Latinamerika<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA \u533a\u57df -->\n    <div class=\"partner-cta\">\n      <div class=\"partner-cta-content\">\n        <h3>cURL Too many subrequests.<\/h3>\n        <p>\n          cURL Too many subrequests.\n        <\/p>\n        <div class=\"cta-buttons\">\n          <a href=\"https:\/\/service.soletksolar.com\/sv\/contact\/\" class=\"cta-btn cta-btn-primary\">\n            <span>cURL Too many subrequests.<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"https:\/\/service.soletksolar.com\/sv\/products\/\" class=\"cta-btn cta-btn-secondary\">\n            <span>View Products<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-711f4fe e-con-full e-flex e-con e-parent\" data-id=\"711f4fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-618fd91 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"618fd91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Global Certifications & Quality Assurance Section -->\n<section class=\"certifications-section\">\n  <style>\n    .certifications-section {\n      width: 100%;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .certifications-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e2e8f0 50%, transparent);\n    }\n\n    .certifications-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    \/* Section Header *\/\n    .certifications-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .certifications-label {\n      display: inline-block;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 15px;\n      padding: 8px 20px;\n      background: rgba(59, 130, 246, 0.1);\n      border-radius: 25px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n    }\n\n    .certifications-title {\n      font-size: 44px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 0 0 20px 0;\n      line-height: 1.2;\n    }\n\n    .certifications-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .certifications-description {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    \/* Tabs Navigation *\/\n    .cert-tabs {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 50px;\n      flex-wrap: wrap;\n    }\n\n    .cert-tab {\n      padding: 12px 28px;\n      font-size: 15px;\n      font-weight: 600;\n      color: #64748b;\n      background: white;\n      border: 2px solid #e2e8f0;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .cert-tab::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);\n      transition: left 0.5s ease;\n    }\n\n    .cert-tab:hover {\n      border-color: #3b82f6;\n      color: #3b82f6;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);\n    }\n\n    .cert-tab:hover::before {\n      left: 100%;\n    }\n\n    .cert-tab.active {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      border-color: #3b82f6;\n      box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);\n    }\n\n    \/* Tab Content *\/\n    .cert-tab-content {\n      display: none;\n      animation: fadeIn 0.5s ease;\n    }\n\n    .cert-tab-content.active {\n      display: block;\n    }\n\n    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \/* Certificates Grid - 6 columns, 2 rows *\/\n    .certificates-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 20px;\n      margin-bottom: 40px;\n    }\n\n    .certificate-card {\n      background: white;\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s ease;\n      cursor: pointer;\n      position: relative;\n    }\n\n    .certificate-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6, #2563eb);\n      transform: scaleX(0);\n      transition: transform 0.4s ease;\n    }\n\n    .certificate-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.2);\n    }\n\n    .certificate-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .certificate-image {\n      width: 100%;\n      height: 200px;\n      overflow: hidden;\n      background: #f1f5f9;\n      position: relative;\n    }\n\n    .certificate-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      transition: transform 0.5s ease;\n    }\n\n    .certificate-card:hover .certificate-image img {\n      transform: scale(1.08);\n    }\n\n    .certificate-badge {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      padding: 4px 10px;\n      border-radius: 15px;\n      font-size: 9px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);\n    }\n\n    .certificate-info {\n      padding: 15px 12px;\n    }\n\n    .certificate-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 5px 0;\n      line-height: 1.3;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      min-height: 34px;\n    }\n\n    .certificate-type {\n      font-size: 11px;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Lightbox Modal *\/\n    .lightbox-modal {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.95);\n      z-index: 10000;\n      justify-content: center;\n      align-items: center;\n      padding: 40px;\n      animation: lightboxFadeIn 0.3s ease;\n    }\n\n    .lightbox-modal.active {\n      display: flex;\n    }\n\n    @keyframes lightboxFadeIn {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }\n\n    .lightbox-content {\n      position: relative;\n      max-width: 95%;\n      max-height: 95%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      animation: zoomIn 0.4s ease;\n    }\n\n    @keyframes zoomIn {\n      from {\n        transform: scale(0.8);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    .lightbox-content img {\n      max-width: 100%;\n      max-height: 90vh;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      border-radius: 8px;\n      box-shadow: 0 20px 80px rgba(0, 0, 0, 0.5);\n    }\n\n    .lightbox-close {\n      position: fixed;\n      top: 30px;\n      right: 30px;\n      width: 50px;\n      height: 50px;\n      background: rgba(255, 255, 255, 0.95);\n      border: none;\n      border-radius: 50%;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      z-index: 10001;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n    }\n\n    .lightbox-close:hover {\n      background: white;\n      transform: rotate(90deg) scale(1.1);\n    }\n\n    .lightbox-close svg {\n      width: 24px;\n      height: 24px;\n      stroke: #1e293b;\n      stroke-width: 2.5;\n    }\n\n    .lightbox-info {\n      position: fixed;\n      bottom: 30px;\n      left: 50%;\n      transform: translateX(-50%);\n      background: rgba(255, 255, 255, 0.95);\n      padding: 12px 24px;\n      border-radius: 30px;\n      font-size: 14px;\n      color: #1e293b;\n      font-weight: 600;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1400px) {\n      .certificates-grid {\n        grid-template-columns: repeat(5, 1fr);\n        gap: 18px;\n      }\n    }\n\n    @media (max-width: 1200px) {\n      .certificates-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 18px;\n      }\n\n      .certificate-image {\n        height: 180px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .certificates-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n      }\n\n      .certificate-image {\n        height: 200px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .certifications-section {\n        padding: 60px 0;\n      }\n\n      .certifications-container {\n        padding: 0 20px;\n      }\n\n      .certifications-title {\n        font-size: 36px;\n      }\n\n      .certifications-description {\n        font-size: 16px;\n      }\n\n      .cert-tabs {\n        gap: 8px;\n      }\n\n      .cert-tab {\n        padding: 10px 20px;\n        font-size: 14px;\n      }\n\n      .certificates-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n      }\n\n      .certificate-image {\n        height: 180px;\n      }\n\n      .lightbox-modal {\n        padding: 20px;\n      }\n\n      .lightbox-close {\n        top: 20px;\n        right: 20px;\n        width: 44px;\n        height: 44px;\n      }\n\n      .lightbox-info {\n        bottom: 20px;\n        font-size: 13px;\n        padding: 10px 20px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .certificates-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .certificate-image {\n        height: 240px;\n      }\n\n      .certifications-title {\n        font-size: 28px;\n      }\n\n      .lightbox-content img {\n        max-height: 80vh;\n      }\n    }\n  <\/style>\n\n  <div class=\"certifications-container\">\n    <!-- Section Header -->\n    <div class=\"certifications-header\">\n      <span class=\"certifications-label\">Internationella Standarder<\/span>\n      <h2 class=\"certifications-title\">\n        Globala Certifieringar &amp; <span class=\"highlight\">Kvalitetss\u00e4kring<\/span>\n      <\/h2>\n      <p class=\"certifications-description\">\n        SOLETK Solprodukter \u00e4r certifierade f\u00f6r att uppfylla internationella kvalitets- och s\u00e4kerhetsstandarder, inklusive Solar Keymark, CE och ISO. Nedan finns de individuella certifikaten f\u00f6r varje produkt, vilket visar SOLETK Solars engagemang f\u00f6r tillf\u00f6rlitlighet, prestanda och efterlevnad.\n      <\/p>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">Alla Certifikat<\/button>\n      <button class=\"cert-tab\" data-tab=\"iso\">ISO-Certifieringar<\/button>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">Solar Keymark<\/button>\n      <button class=\"cert-tab\" data-tab=\"product\">Product Certificates<\/button>\n    <\/div>\n\n    <!-- All Certificates Tab -->\n    <div class=\"cert-tab-content active\" id=\"all\">\n      <div class=\"certificates-grid\">\n        <!-- Certificate 1 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg?w=1200&quality=85\" data-name=\"Test Report Certificate\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg?w=300&quality=75\" alt=\"Test Report Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Testrapport<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Test Report Certificate<\/h3>\n            <p class=\"certificate-type\">Kvalitetss\u00e4kringsrapport<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 2 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Sol Keymark-certifiering<\/h3>\n            <p class=\"certificate-type\">Europeisk kvalitetsstandard<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 3 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 1\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 9001 Kvalitetsledning<\/h3>\n            <p class=\"certificate-type\">Internationella standardiseringsorganisationen<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 4 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 14001 Milj\u00f6ledningssystem<\/h3>\n            <p class=\"certificate-type\">Internationella standardiseringsorganisationen<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 5 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 3\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 Arbetsmilj\u00f6 och h\u00e4lsa<\/h3>\n            <p class=\"certificate-type\">Internationella standardiseringsorganisationen<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 6 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=1200&quality=85\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=300&quality=75\" alt=\"Air Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Luftsolf\u00e5ngare<\/h3>\n            <p class=\"certificate-type\">Produktcertifiering<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 7 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=1200&quality=85\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=300&quality=75\" alt=\"Flat Plate Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Plan solf\u00e5ngare<\/h3>\n            <p class=\"certificate-type\">Produktcertifiering<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 8 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=1200&quality=85\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=300&quality=75\" alt=\"PVT Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">PVT solcellssystem<\/h3>\n            <p class=\"certificate-type\">Produktcertifiering<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 9 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Sol Keymark-certifiering<\/h3>\n            <p class=\"certificate-type\">Europeisk kvalitetsstandard<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 10 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=1200&quality=85\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=300&quality=75\" alt=\"Solar Water Heater Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Solv\u00e4rmepump f\u00f6r varmvatten<\/h3>\n            <p class=\"certificate-type\">Produktcertifiering<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 11 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=1200&quality=85\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=300&quality=75\" alt=\"Vacuum Tube Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Vacuumr\u00f6rssolf\u00e5ngare<\/h3>\n            <p class=\"certificate-type\">Produktcertifiering<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ISO Certifications Tab -->\n    <div class=\"cert-tab-content\" id=\"iso\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 1\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 9001 Kvalitetsledning<\/h3>\n            <p class=\"certificate-type\">Internationella standardiseringsorganisationen<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 14001 Milj\u00f6ledningssystem<\/h3>\n            <p class=\"certificate-type\">Internationella standardiseringsorganisationen<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 3\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 Arbetsmilj\u00f6 och h\u00e4lsa<\/h3>\n            <p class=\"certificate-type\">Internationella standardiseringsorganisationen<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Solar Keymark Tab -->\n    <div class=\"cert-tab-content\" id=\"solar-keymark\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Sol Keymark-certifiering<\/h3>\n            <p class=\"certificate-type\">Europeisk kvalitetsstandard<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Sol Keymark-certifiering<\/h3>\n            <p class=\"certificate-type\">Europeisk kvalitetsstandard<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Product Certificates Tab -->\n    <div class=\"cert-tab-content\" id=\"product\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=1200&quality=85\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=300&quality=75\" alt=\"Air Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Luftsolf\u00e5ngare<\/h3>\n            <p class=\"certificate-type\">Produktcertifiering<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=1200&quality=85\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=300&quality=75\" alt=\"Flat Plate Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Plan solf\u00e5ngare<\/h3>\n            <p class=\"certificate-type\">Produktcertifiering<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=1200&quality=85\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=300&quality=75\" alt=\"PVT Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">PVT solcellssystem<\/h3>\n            <p class=\"certificate-type\">Produktcertifiering<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=1200&quality=85\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=300&quality=75\" alt=\"Solar Water Heater Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Solv\u00e4rmepump f\u00f6r varmvatten<\/h3>\n            <p class=\"certificate-type\">Produktcertifiering<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=1200&quality=85\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=300&quality=75\" alt=\"Vacuum Tube Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Vacuumr\u00f6rssolf\u00e5ngare<\/h3>\n            <p class=\"certificate-type\">Produktcertifiering<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lightbox Modal -->\n  <div class=\"lightbox-modal\" id=\"lightbox\">\n    <button class=\"lightbox-close\" id=\"lightbox-close\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <path d=\"M18 6L6 18M6 6l12 12\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"lightbox-content\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"\" alt=\"Certificate\" id=\"lightbox-image\">\n    <\/div>\n    <div class=\"lightbox-info\" id=\"lightbox-info\">Certifikatnamn<\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab Switching\n  const tabs = document.querySelectorAll('.cert-tab');\n  const tabContents = document.querySelectorAll('.cert-tab-content');\n\n  tabs.forEach(tab => {\n    tab.addEventListener('click', function() {\n      const targetTab = this.getAttribute('data-tab');\n      \n      tabs.forEach(t => t.classList.remove('active'));\n      tabContents.forEach(c => c.classList.remove('active'));\n      \n      this.classList.add('active');\n      document.getElementById(targetTab).classList.add('active');\n    });\n  });\n\n  \/\/ Lightbox functionality\n  const lightbox = document.getElementById('lightbox');\n  const lightboxImage = document.getElementById('lightbox-image');\n  const lightboxInfo = document.getElementById('lightbox-info');\n  const lightboxClose = document.getElementById('lightbox-close');\n  const certificateCards = document.querySelectorAll('.certificate-card');\n\n  \/\/ Open lightbox when clicking on certificate card\n  certificateCards.forEach(card => {\n    card.addEventListener('click', function() {\n      const imageUrl = this.getAttribute('data-image');\n      const certName = this.getAttribute('data-name');\n      \n      lightboxImage.src = imageUrl;\n      lightboxInfo.textContent = certName;\n      lightbox.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    });\n  });\n\n  \/\/ Close lightbox\n  lightboxClose.addEventListener('click', function() {\n    lightbox.classList.remove('active');\n    document.body.style.overflow = '';\n  });\n\n  \/\/ Close lightbox when clicking on dark background\n  lightbox.addEventListener('click', function(e) {\n    if (e.target === lightbox) {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/\/ Close lightbox with ESC key\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape' && lightbox.classList.contains('active')) {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/\/ Scroll animation for certificate cards\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }, index * 50);\n        \n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  certificateCards.forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';\n    card.style.transition = 'all 0.6s ease';\n    observer.observe(card);\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>OEM Manufacturing Factory-Direct OEM Solar Water Heating Solutions Factory-direct Solar Water Heater, Split Solar Water Heater, and Heat Pipe Solar Water Heater with OEM branding, flat-plate or vacuum tube options, modular installation, CE\/SRCC compliance documentation, and fast, predictable lead times for global distributors. Chat on WhatsApp Get EXW\/FOB Quote Product Advantages Up to 95% Solar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":179,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1006","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/pages\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":128,"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/pages\/1006\/revisions"}],"predecessor-version":[{"id":1241,"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/pages\/1006\/revisions\/1241"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/media?parent=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}