{"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\/vi\/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 Manufacturing<\/span>\n        <\/div>\n        <h1 class=\"title\">\n          Factory-Direct<br>\n          <span class=\"highlight\">OEM Solar Water Heating Solutions<\/span>\n        <\/h1>\n        <p class=\"description\">\n          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.\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>Chat on 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\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn btn-secondary\">\n            <span>Get EXW\/FOB Quote<\/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\">Product Advantages<\/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>Up to 95% Solar Absorption<\/strong>\n            <span>High efficiency, eco-friendly savings<\/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>Natural Circulation<\/strong>\n            <span>No power required, low maintenance<\/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>Flexible Capacities<\/strong>\n            <span>150L \/ 200L \/ 300L family options<\/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>Pressurized System<\/strong>\n            <span>Stable, comfortable shower flow<\/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>B\u00ecnh N\u01b0\u1edbc N\u00f3ng N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"swh-intro\">\n      <p>\n        SOLETKS Solar Water Heater systems are engineered to capture solar energy efficiently and convert it into reliable hot water for homes, businesses, and industries. With advanced flat-plate and heat pipe technologies, our systems deliver outstanding performance, energy savings, and environmental benefits. Each model is designed to meet diverse installation needs and climate conditions, making solar water heating more efficient and sustainable than ever.\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\">Popular<\/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\">B\u00ecnh N\u01b0\u1edbc N\u00f3ng N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi T\u00edch H\u1ee3p<\/h3>\n          <p class=\"swh-product-description\">\n            A compact system that combines the solar collector and water tank into one integrated unit.\n          <\/p>\n          <p class=\"swh-product-features\">\n            It offers easy installation, reliable operation, and excellent heat retention\u2014ideal for homes and small-scale applications where simplicity and efficiency are key.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater\/integrated-solar-water-heater\/\" class=\"swh-learn-more\">\n              T\u00ecm hi\u1ec3u th\u00eam\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\/vi\/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\">Flexible<\/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\">B\u00ecnh N\u01b0\u1edbc N\u00f3ng N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi Ph\u00e2n T\u00e1ch<\/h3>\n          <p class=\"swh-product-description\">\n            This system separates the solar collector from the storage tank, allowing flexible installation according to building layout.\n          <\/p>\n          <p class=\"swh-product-features\">\n            The split design minimizes heat loss, provides better freeze protection, and ensures stable hot water supply in all seasons.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater\/flat-plate-split-solar-water-heater\/\" class=\"swh-learn-more\">\n              T\u00ecm hi\u1ec3u th\u00eam\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\/vi\/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\">High Efficiency<\/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\">B\u00ecnh N\u01b0\u1edbc N\u00f3ng N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi \u1ed0ng Nhi\u1ec7t<\/h3>\n          <p class=\"swh-product-description\">\n            Equipped with vacuum tubes and advanced heat pipe technology, this model delivers rapid heating and superior efficiency even in cold or cloudy conditions.\n          <\/p>\n          <p class=\"swh-product-features\">\n            It is suitable for regions with varied climates and users seeking high performance with minimal maintenance.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater\/heat-pipe-solar-water-heater\/\" class=\"swh-learn-more\">\n              T\u00ecm hi\u1ec3u th\u00eam\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\/vi\/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>Gi\u1ea3i Ph\u00e1p C\u1ee7a Ch\u00fang T\u00f4i<\/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\">L\u1eafp \u0110\u1eb7t &amp; V\u1eadn H\u00e0nh Chuy\u00ean Nghi\u1ec7p<\/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\">\u0110\u00e0o T\u1ea1o K\u1ef9 Thu\u1eadt Mi\u1ec5n Ph\u00ed<\/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\">N\u00e2ng C\u1ea5p C\u00f4ng Ngh\u1ec7 Li\u00ean T\u1ee5c<\/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\/vi\/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\">cURL Too many subrequests.<\/span>\n            <h2 class=\"section-title\">cURL Too many subrequests. <span class=\"title-highlight\">cURL Too many subrequests.<\/span><\/h2>\n            <p class=\"section-description\">cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/span>\n                    <\/div>\n                    <p>cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary\">\n                            <span>cURL Too many subrequests.<\/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\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary\">Xem Chi Ti\u1ebft<\/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>D\u1ef1 \u00c1n B\u01a1m Nhi\u1ec7t TPV Pro+ Tr\u01b0\u1eddng Thi\u00ean T\u00e2n<\/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>Thi\u00ean T\u00e2n<\/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>H\u1ec7 th\u1ed1ng b\u01a1m nhi\u1ec7t TPV Pro+ \u0111\u00e1p \u1ee9ng nhu c\u1ea7u s\u01b0\u1edfi \u1ea5m c\u1ee7a h\u1ecdc sinh \u0111\u1ed3ng th\u1eddi t\u1ea1o ra \u0111i\u1ec7n t\u1ea1i ch\u1ed7.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>cURL Too many subrequests.<\/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\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Xem Chi Ti\u1ebft<\/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>Kazakhstan<\/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\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>cURL Too many subrequests.<\/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\/vi\/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>B\u1eafc Kinh<\/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\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>cURL Too many subrequests.<\/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\/vi\/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>D\u1ef1 \u00c1n N\u01b0\u1edbc N\u00f3ng Bi\u1ec7t Th\u1ef1 Khu Ngh\u1ec9 D\u01b0\u1ee1ng Florida<\/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, Hoa K\u1ef3<\/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\/ng\u00e0y<\/span>\n                    <\/div>\n                    <p>M\u00e1y n\u01b0\u1edbc n\u00f3ng t\u1ea5m ph\u1eb3ng cung c\u1ea5p 200L n\u01b0\u1edbc n\u00f3ng h\u00e0ng ng\u00e0y cho m\u1ed7i bi\u1ec7t th\u1ef1 khu ngh\u1ec9 d\u01b0\u1ee1ng.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>cURL Too many subrequests.<\/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\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Xem Chi Ti\u1ebft<\/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>D\u1ef1 \u00c1n N\u01b0\u1edbc N\u00f3ng Nh\u00e0 Th\u1edd Harz<\/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>\u0110\u1ee9c<\/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 t\u1ea5n\/ng\u00e0y<\/span>\n                    <\/div>\n                    <p>B\u1ed9 thu nhi\u1ec7t c\u1ea5p k\u1ef9 thu\u1eadt \u0111\u01b0\u1ee3c c\u1ea5u h\u00ecnh n\u1ed1i ti\u1ebfp\/song song cung c\u1ea5p ngu\u1ed3n n\u01b0\u1edbc n\u00f3ng \u0111\u00e1ng tin c\u1eady.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>cURL Too many subrequests.<\/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\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Xem Chi Ti\u1ebft<\/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\">\u0110\u1ea3m b\u1ea3o Ch\u1ea5t l\u01b0\u1ee3ng<\/p>\n        <h3 class=\"solution-item-title\">cURL Too many subrequests.<\/h3>\n        <p class=\"solution-item-description\">\n          cURL Too many subrequests.\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\">cURL Too many subrequests.<\/p>\n        <h3 class=\"solution-item-title\">cURL Too many subrequests.<\/h3>\n        <p class=\"solution-item-description\">\n          cURL Too many subrequests.\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\">cURL Too many subrequests.<\/p>\n        <h3 class=\"solution-item-title\">cURL Too many subrequests.<\/h3>\n        <p class=\"solution-item-description\">\n          cURL Too many subrequests.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA Button -->\n    <div class=\"solutions-cta\">\n      <a href=\"#contact\" class=\"quote-btn\">\n        cURL Too many subrequests.\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\">V\u1ec1 ch\u00fang t\u00f4i<\/span>\n      <h2>Ch\u00fang T\u00f4i L\u00e0 Ai<\/h2>\n      <p class=\"section-subtitle\">cURL Too many subrequests.<\/p>\n      <p class=\"section-description\">\n        Gi\u1ea3i ph\u00e1p s\u00e1ng t\u1ea1o \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi c\u00f4ng ngh\u1ec7 ti\u00ean ti\u1ebfn v\u00e0 th\u1ef1c h\u00e0nh b\u1ec1n v\u1eefng\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 l\u00e0 doanh nghi\u1ec7p c\u00f4ng ngh\u1ec7 cao t\u1eadp trung v\u00e0o \u0111\u1ed5i m\u1edbi n\u0103ng l\u01b0\u1ee3ng s\u1ea1ch. V\u1edbi c\u00f4ng ngh\u1ec7 Nhi\u1ec7t n\u0103ng s\u1ea1ch d\u1ea1ng t\u1ea5m ph\u1eb3ng c\u1ed1t l\u00f5i, c\u00f4ng ty t\u00edch h\u1ee3p n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi, \u0111\u1ecba nhi\u1ec7t v\u00e0 kh\u00f4ng kh\u00ed \u0111\u1ec3 cung c\u1ea5p c\u00e1c gi\u1ea3i ph\u00e1p hi\u1ec7u qu\u1ea3 cho s\u01b0\u1edfi \u1ea5m, l\u00e0m m\u00e1t v\u00e0 ph\u00e1t \u0111i\u1ec7n.\n        <\/p>\n        <p>\n          \u0110\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi c\u00e1c \u0111\u1ed1i t\u00e1c h\u1ee3p t\u00e1c v\u1edbi c\u00e1c t\u1ed5 ch\u1ee9c nghi\u00ean c\u1ee9u h\u00e0ng \u0111\u1ea7u, SOLETKS x\u1ebfp h\u1ea1ng trong s\u1ed1 c\u00e1c nh\u00e0 s\u1ea3n xu\u1ea5t b\u1ed9 thu d\u1ea1ng t\u1ea5m ph\u1eb3ng h\u00e0ng \u0111\u1ea7u th\u1ebf gi\u1edbi, th\u00fac \u0111\u1ea9y ti\u1ebfn b\u1ed9 to\u00e0n c\u1ea7u h\u01b0\u1edbng t\u1edbi m\u1ed9t t\u01b0\u01a1ng lai b\u1ec1n v\u1eefng.\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\">B\u1eb1ng s\u00e1ng ch\u1ebf \u0111\u00e3 \u0111\u01b0\u1ee3c b\u1ea3o v\u1ec7<\/div>\n          <\/div>\n          <div class=\"stat-item\">\n            <div class=\"stat-number\">Top 5<\/div>\n            <div class=\"stat-label\">X\u1ebfp h\u1ea1ng to\u00e0n c\u1ea7u<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Strengths -->\n    <div class=\"strengths-wrapper\">\n      <h3 class=\"strengths-title\">\u0110i\u1ec3m m\u1ea1nh c\u1ed1t l\u00f5i c\u1ee7a ch\u00fang t\u00f4i<\/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>T\u00edch h\u1ee3p n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi<\/h4>\n          <p>C\u00f4ng ngh\u1ec7 b\u1ed9 thu d\u1ea1ng t\u1ea5m ph\u1eb3ng ti\u00ean ti\u1ebfn t\u1ed1i \u0111a h\u00f3a hi\u1ec7u qu\u1ea3 n\u0103ng l\u01b0\u1ee3ng<\/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>H\u01a1n 117 b\u1eb1ng s\u00e1ng ch\u1ebf<\/h4>\n          <p>Danh m\u1ee5c \u0111\u1ed5i m\u1edbi s\u00e1ng t\u1ea1o ti\u00ean ti\u1ebfn b\u1ea3o v\u1ec7 c\u00e1c c\u00f4ng ngh\u1ec7 s\u1edf h\u1eefu ri\u00eang<\/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>\u0110\u1ed1i t\u00e1c nghi\u00ean c\u1ee9u<\/h4>\n          <p>H\u1ee3p t\u00e1c chi\u1ebfn l\u01b0\u1ee3c v\u1edbi c\u00e1c t\u1ed5 ch\u1ee9c h\u00e0ng \u0111\u1ea7u tr\u00ean to\u00e0n th\u1ebf gi\u1edbi<\/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    cURL Too many subrequests.\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>cURL Too many subrequests.<\/h2>\n      <p class=\"subtitle\">cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/h3>\n          <p>\n            <strong>Soletks Solar<\/strong> cURL Too many subrequests.\n          <\/p>\n          <p>\n            cURL Too many subrequests.\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>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=\"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>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=\"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>H\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt<\/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\">Ch\u00e2u \u00c2u<\/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\">Ch\u00e2u M\u1ef9 Latin<\/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\/vi\/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\/vi\/products\/\" class=\"cta-btn cta-btn-secondary\">\n            <span>cURL Too many subrequests.<\/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\">Ti\u00eau Chu\u1ea9n Qu\u1ed1c T\u1ebf<\/span>\n      <h2 class=\"certifications-title\">\n        Ch\u1ee9ng Nh\u1eadn To\u00e0n C\u1ea7u &amp; <span class=\"highlight\">\u0110\u1ea3m b\u1ea3o Ch\u1ea5t l\u01b0\u1ee3ng<\/span>\n      <\/h2>\n      <p class=\"certifications-description\">\n        C\u00e1c s\u1ea3n ph\u1ea9m n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi SOLETK \u0111\u01b0\u1ee3c ch\u1ee9ng nh\u1eadn \u0111\u00e1p \u1ee9ng c\u00e1c ti\u00eau chu\u1ea9n ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 an to\u00e0n qu\u1ed1c t\u1ebf, bao g\u1ed3m Solar Keymark, CE v\u00e0 ISO. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 c\u00e1c ch\u1ee9ng ch\u1ec9 ri\u00eang cho t\u1eebng s\u1ea3n ph\u1ea9m, th\u1ec3 hi\u1ec7n cam k\u1ebft c\u1ee7a SOLETK Solar v\u1ec1 \u0111\u1ed9 tin c\u1eady, hi\u1ec7u su\u1ea5t v\u00e0 tu\u00e2n th\u1ee7.\n      <\/p>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">T\u1ea5t C\u1ea3 Ch\u1ee9ng Ch\u1ec9<\/button>\n      <button class=\"cert-tab\" data-tab=\"iso\">Ch\u1ee9ng Nh\u1eadn ISO<\/button>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">Ch\u1ee9ng nh\u1eadn Solar Keymark<\/button>\n      <button class=\"cert-tab\" data-tab=\"product\">Ch\u1ee9ng ch\u1ec9 S\u1ea3n ph\u1ea9m<\/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\">B\u00e1o c\u00e1o Ki\u1ec3m tra<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Ch\u1ee9ng nh\u1eadn B\u00e1o c\u00e1o Ki\u1ec3m tra<\/h3>\n            <p class=\"certificate-type\">B\u00e1o c\u00e1o \u0110\u1ea3m b\u1ea3o Ch\u1ea5t l\u01b0\u1ee3ng<\/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\">Ch\u1ee9ng nh\u1eadn Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Ch\u1ee9ng nh\u1eadn Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Ti\u00eau chu\u1ea9n Ch\u1ea5t l\u01b0\u1ee3ng Ch\u00e2u \u00c2u<\/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 Qu\u1ea3n l\u00fd Ch\u1ea5t l\u01b0\u1ee3ng<\/h3>\n            <p class=\"certificate-type\">T\u1ed5 ch\u1ee9c Ti\u00eau chu\u1ea9n h\u00f3a Qu\u1ed1c t\u1ebf<\/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 Qu\u1ea3n l\u00fd M\u00f4i tr\u01b0\u1eddng<\/h3>\n            <p class=\"certificate-type\">T\u1ed5 ch\u1ee9c Ti\u00eau chu\u1ea9n h\u00f3a Qu\u1ed1c t\u1ebf<\/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 An to\u00e0n &amp; S\u1ee9c kh\u1ecfe Ngh\u1ec1 nghi\u1ec7p<\/h3>\n            <p class=\"certificate-type\">T\u1ed5 ch\u1ee9c Ti\u00eau chu\u1ea9n h\u00f3a Qu\u1ed1c t\u1ebf<\/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\">S\u1ea3n ph\u1ea9m<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">B\u1ed9 Thu Nhi\u1ec7t N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi Kh\u00f4ng Kh\u00ed<\/h3>\n            <p class=\"certificate-type\">Ch\u1ee9ng nh\u1eadn S\u1ea3n ph\u1ea9m<\/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\">S\u1ea3n ph\u1ea9m<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">B\u1ed9 thu nhi\u1ec7t m\u1eb7t tr\u1eddi t\u1ea5m ph\u1eb3ng<\/h3>\n            <p class=\"certificate-type\">Ch\u1ee9ng nh\u1eadn S\u1ea3n ph\u1ea9m<\/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\">S\u1ea3n ph\u1ea9m<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">H\u1ec7 th\u1ed1ng N\u0103ng l\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi PVT<\/h3>\n            <p class=\"certificate-type\">Ch\u1ee9ng nh\u1eadn S\u1ea3n ph\u1ea9m<\/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\">Ch\u1ee9ng nh\u1eadn Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Ch\u1ee9ng nh\u1eadn Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Ti\u00eau chu\u1ea9n Ch\u1ea5t l\u01b0\u1ee3ng Ch\u00e2u \u00c2u<\/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\">S\u1ea3n ph\u1ea9m<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">B\u00ecnh N\u01b0\u1edbc N\u00f3ng N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi<\/h3>\n            <p class=\"certificate-type\">Ch\u1ee9ng nh\u1eadn S\u1ea3n ph\u1ea9m<\/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\">S\u1ea3n ph\u1ea9m<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u1ed0ng Thu Nhi\u1ec7t N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi Ch\u00e2n Kh\u00f4ng<\/h3>\n            <p class=\"certificate-type\">Ch\u1ee9ng nh\u1eadn S\u1ea3n ph\u1ea9m<\/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 Qu\u1ea3n l\u00fd Ch\u1ea5t l\u01b0\u1ee3ng<\/h3>\n            <p class=\"certificate-type\">T\u1ed5 ch\u1ee9c Ti\u00eau chu\u1ea9n h\u00f3a Qu\u1ed1c t\u1ebf<\/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 Qu\u1ea3n l\u00fd M\u00f4i tr\u01b0\u1eddng<\/h3>\n            <p class=\"certificate-type\">T\u1ed5 ch\u1ee9c Ti\u00eau chu\u1ea9n h\u00f3a Qu\u1ed1c t\u1ebf<\/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 An to\u00e0n &amp; S\u1ee9c kh\u1ecfe Ngh\u1ec1 nghi\u1ec7p<\/h3>\n            <p class=\"certificate-type\">T\u1ed5 ch\u1ee9c Ti\u00eau chu\u1ea9n h\u00f3a Qu\u1ed1c t\u1ebf<\/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\">Ch\u1ee9ng nh\u1eadn Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Ch\u1ee9ng nh\u1eadn Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Ti\u00eau chu\u1ea9n Ch\u1ea5t l\u01b0\u1ee3ng Ch\u00e2u \u00c2u<\/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\">Ch\u1ee9ng nh\u1eadn Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Ch\u1ee9ng nh\u1eadn Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Ti\u00eau chu\u1ea9n Ch\u1ea5t l\u01b0\u1ee3ng Ch\u00e2u \u00c2u<\/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\">S\u1ea3n ph\u1ea9m<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">B\u1ed9 Thu Nhi\u1ec7t N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi Kh\u00f4ng Kh\u00ed<\/h3>\n            <p class=\"certificate-type\">Ch\u1ee9ng nh\u1eadn S\u1ea3n ph\u1ea9m<\/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\">S\u1ea3n ph\u1ea9m<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">B\u1ed9 thu nhi\u1ec7t m\u1eb7t tr\u1eddi t\u1ea5m ph\u1eb3ng<\/h3>\n            <p class=\"certificate-type\">Ch\u1ee9ng nh\u1eadn S\u1ea3n ph\u1ea9m<\/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\">S\u1ea3n ph\u1ea9m<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">H\u1ec7 th\u1ed1ng N\u0103ng l\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi PVT<\/h3>\n            <p class=\"certificate-type\">Ch\u1ee9ng nh\u1eadn S\u1ea3n ph\u1ea9m<\/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\">S\u1ea3n ph\u1ea9m<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">B\u00ecnh N\u01b0\u1edbc N\u00f3ng N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi<\/h3>\n            <p class=\"certificate-type\">Ch\u1ee9ng nh\u1eadn S\u1ea3n ph\u1ea9m<\/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\">S\u1ea3n ph\u1ea9m<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u1ed0ng Thu Nhi\u1ec7t N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi Ch\u00e2n Kh\u00f4ng<\/h3>\n            <p class=\"certificate-type\">Ch\u1ee9ng nh\u1eadn S\u1ea3n ph\u1ea9m<\/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\">T\u00ean Ch\u1ee9ng ch\u1ec9<\/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\/vi\/wp-json\/wp\/v2\/pages\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":128,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/1006\/revisions"}],"predecessor-version":[{"id":1241,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/1006\/revisions\/1241"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/media?parent=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}