{"id":1226,"date":"2025-11-21T01:08:47","date_gmt":"2025-11-21T01:08:47","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=1226"},"modified":"2025-11-21T02:22:07","modified_gmt":"2025-11-21T02:22:07","slug":"solar-collector-products","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector-products\/","title":{"rendered":"S\u1ea3n ph\u1ea9m B\u1ed9 Thu N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1226\" class=\"elementor elementor-1226\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cd14a9 e-con-full e-flex e-con e-parent\" data-id=\"1cd14a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc4b4a4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bc4b4a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Compact Manufacturer Solar Banner (Shortened Button Text) -->\n<section class=\"solar-manufacturer-hero\">\n  <style>\n    .solar-manufacturer-hero {\n      position: relative;\n      min-height: 45vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730.png');\n      background-size: cover;\n      background-position: center;\n      background-attachment: fixed;\n      background-repeat: no-repeat;\n      overflow: hidden;\n      padding: 40px 20px;\n      color: #ffffff;\n    }\n\n    .mfg-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.6) 100%);\n      z-index: 1;\n    }\n\n    .mfg-glass-card {\n      position: relative;\n      z-index: 10;\n      max-width: 900px;\n      width: 100%;\n      background: rgba(255, 255, 255, 0.06);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-top: 1px solid rgba(255, 255, 255, 0.25);\n      border-radius: 16px;\n      padding: 32px 30px;\n      text-align: center;\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .mfg-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 4px 12px;\n      background: rgba(34, 197, 94, 0.2);\n      border: 1px solid rgba(34, 197, 94, 0.4);\n      border-radius: 4px;\n      color: #4ade80;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 16px;\n    }\n\n    .mfg-badge svg { width: 12px; height: 12px; }\n\n    .mfg-title {\n      font-size: 36px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 12px 0;\n      letter-spacing: -0.5px;\n      color: white;\n    }\n\n    .mfg-highlight {\n      color: #fbbf24;\n      position: relative;\n      display: inline-block;\n    }\n\n    .mfg-stats {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 15px 20px;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 24px;\n      font-size: 13px;\n      color: rgba(255, 255, 255, 0.7);\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n      padding: 12px 0;\n      width: 100%;\n    }\n\n    .mfg-stat-item strong {\n      color: #fbbf24;\n      font-weight: 600;\n    }\n    \n    .mfg-sep { opacity: 0.3; }\n\n    .mfg-subtitle {\n      font-size: 15px;\n      line-height: 1.5;\n      color: rgba(255, 255, 255, 0.8);\n      margin: 0 auto 24px;\n      max-width: 650px;\n    }\n\n    .mfg-actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    .btn-mfg-primary {\n      background: #25D366;\n      color: #fff;\n      padding: 12px 24px;\n      border-radius: 4px;\n      font-weight: 700;\n      font-size: 14px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      border: 1px solid #25D366;\n    }\n\n    .btn-mfg-primary:hover {\n      background: #128C7E;\n      border-color: #128C7E;\n      transform: translateY(-1px);\n    }\n\n    .btn-mfg-secondary {\n      background: transparent;\n      color: white;\n      border: 1px solid rgba(255, 255, 255, 0.3);\n      padding: 12px 24px;\n      border-radius: 4px;\n      font-weight: 600;\n      font-size: 14px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .btn-mfg-secondary:hover {\n      background: rgba(255, 255, 255, 0.1);\n      border-color: white;\n    }\n\n    @media (max-width: 768px) {\n      .solar-manufacturer-hero { min-height: 40vh; background-attachment: scroll; padding: 30px 16px; }\n      .mfg-glass-card { padding: 24px 16px; }\n      .mfg-title { font-size: 26px; }\n      \n      .mfg-stats { flex-direction: column; gap: 8px; padding: 12px 0; }\n      .mfg-sep { display: none; }\n      \n      \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u5782\u76f4\u5806\u53e0\uff0c\u786e\u4fdd\u6309\u94ae\u591f\u5927 *\/\n      .mfg-actions { width: 100%; flex-direction: column; gap: 10px; }\n      .btn-mfg-primary, .btn-mfg-secondary { \n        width: 100%; \n        justify-content: center; \n        text-align: center;\n      }\n    }\n  <\/style>\n\n  <div class=\"mfg-overlay\"><\/div>\n\n  <div class=\"mfg-glass-card\">\n    \n    <div class=\"mfg-badge\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n      Verified Source Manufacturer\n    <\/div>\n\n    <h1 class=\"mfg-title\">\n      Premium Solar Thermal <br>\n      <span class=\"mfg-highlight\">Manufacturing Base<\/span>\n    <\/h1>\n\n    <div class=\"mfg-stats\">\n      <span class=\"mfg-stat-item\"><strong>OEM\/ODM<\/strong> Services<\/span>\n      <span class=\"mfg-sep\">|<\/span>\n      <span class=\"mfg-stat-item\"><strong>Ch\u00eca kh\u00f3a trao tay<\/strong> Solar Thermal Projects<\/span>\n      <span class=\"mfg-sep\">|<\/span>\n      <span class=\"mfg-stat-item\"><strong>cURL Too many subrequests.<\/strong> Distributor Recruitment<\/span>\n    <\/div>\n\n    <p class=\"mfg-subtitle\">\n      Direct from our factory to your project. We provide high-efficiency flat plate collectors with strict quality control and competitive wholesale pricing.\n    <\/p>\n\n    <div class=\"mfg-actions\">\n      <!-- WhatsApp \u6309\u94ae (\u5df2\u9690\u85cf\u53f7\u7801) -->\n      <a href=\"https:\/\/wa.me\/8615318896990\" target=\"_blank\" class=\"btn-mfg-primary\">\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n        CHAT ON WHATSAPP\n      <\/a>\n      \n      <!-- Quote \u6309\u94ae -->\n      <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector-products\/#contact\" class=\"btn-mfg-secondary\">\n        Get Wholesale Quote\n      <\/a>\n    <\/div>\n\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-242c33f e-con-full e-flex e-con e-parent\" data-id=\"242c33f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4475ff7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4475ff7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Premium Minimalist Solar Collection -->\n<section id=\"solar-collector\" class=\"sc-premium-section\">\n  <style>\n    \/* --- \u6838\u5fc3\u53d8\u91cf\u5b9a\u4e49 --- *\/\n    :root {\n      --sc-primary: #0f172a; \/* \u6df1\u9083\u84dd\u9ed1 (\u5546\u52a1\u611f) *\/\n      --sc-accent: #f59e0b;  \/* \u6d3b\u529b\u6a59 (\u5f3a\u8c03\u8272) *\/\n      --sc-bg: #f8fafc;      \/* \u6781\u6d45\u7070\u80cc\u666f *\/\n      --sc-card-bg: #ffffff;\n      --sc-text-main: #334155;\n      --sc-text-sub: #94a3b8;\n    }\n\n    .sc-premium-section {\n      padding: 100px 20px;\n      background-color: var(--sc-bg);\n      font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    }\n\n    .sc-container {\n      max-width: 1320px;\n      margin: 0 auto;\n    }\n\n    \/* --- \u6781\u7b80\u5934\u90e8 --- *\/\n    .sc-header {\n      text-align: center;\n      margin-bottom: 70px;\n      position: relative;\n    }\n\n    .sc-header h2 {\n      font-size: 48px;\n      font-weight: 800;\n      color: var(--sc-primary);\n      margin: 0 0 16px 0;\n      letter-spacing: -1.5px;\n    }\n\n    .sc-header p {\n      font-size: 18px;\n      color: var(--sc-text-sub);\n      max-width: 600px;\n      margin: 0 auto;\n      font-weight: 400;\n    }\n\n    \/* --- Bento \u7f51\u683c\u5e03\u5c40 --- *\/\n    .sc-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 30px;\n    }\n\n    \/* \u5e03\u5c40\u8de8\u5ea6\u63a7\u5236 *\/\n    .sc-col-3 { grid-column: span 3; }\n    .sc-col-2 { grid-column: span 2; }\n\n    \/* --- \u5361\u7247\u8bbe\u8ba1 (\u6838\u5fc3) --- *\/\n    .sc-card {\n      background: var(--sc-card-bg);\n      border-radius: 24px;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n      border: 1px solid rgba(255,255,255,0); \/* \u9884\u7559\u8fb9\u6846\u4f4d *\/\n      box-shadow: 0 4px 20px rgba(0,0,0,0.03); \/* \u6781\u8f7b\u67d4\u7684\u9634\u5f71 *\/\n      height: 100%;\n      overflow: hidden;\n    }\n\n    \/* \u60ac\u505c\u6001\uff1a\u4e0a\u6d6e + \u9634\u5f71\u52a0\u6df1 *\/\n    .sc-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n    }\n\n    \/* --- \u56fe\u7247\u533a\u57df --- *\/\n    .sc-image-wrapper {\n      position: relative;\n      width: 100%;\n      height: 260px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); \/* \u5fae\u5f31\u6e10\u53d8\u5e95\u8272 *\/\n      padding: 30px;\n    }\n\n    .sc-image-wrapper img {\n      max-width: 90%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);\n      filter: drop-shadow(0 10px 20px rgba(0,0,0,0.06)); \/* \u56fe\u7247\u81ea\u5e26\u6295\u5f71 *\/\n    }\n\n    .sc-card:hover .sc-image-wrapper img {\n      transform: scale(1.08) translateY(-5px);\n    }\n\n    \/* \u6807\u7b7e (\u6781\u7b80\u98ce\u683c) *\/\n    .sc-tag {\n      position: absolute;\n      top: 20px;\n      left: 20px;\n      font-size: 12px;\n      font-weight: 600;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      padding: 6px 12px;\n      border-radius: 100px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(0,0,0,0.05);\n      color: var(--sc-primary);\n      backdrop-filter: blur(4px);\n      z-index: 2;\n    }\n\n    \/* --- \u5185\u5bb9\u533a\u57df --- *\/\n    .sc-info {\n      padding: 24px 32px 32px; \/* \u5bbd\u655e\u7684\u5185\u8fb9\u8ddd *\/\n      flex-grow: 1;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .sc-title {\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--sc-primary);\n      margin: 0 0 10px 0;\n      line-height: 1.3;\n    }\n\n    .sc-desc {\n      font-size: 15px;\n      color: var(--sc-text-sub);\n      line-height: 1.6;\n      margin-bottom: 24px;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    \/* --- \u5e95\u90e8\u64cd\u4f5c\u533a --- *\/\n    .sc-actions {\n      margin-top: auto;\n    }\n\n    \/* \u4e3b\u6309\u94ae\uff1aGET QUOTE *\/\n    .btn-quote {\n      display: flex;\n      align-items: center;\n      justify-content: space-between; \/* \u6587\u5b57\u5de6\uff0c\u7bad\u5934\u53f3 *\/\n      width: 100%;\n      padding: 16px 24px;\n      background-color: var(--sc-primary);\n      color: white;\n      text-decoration: none;\n      border-radius: 12px;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      border: 1px solid transparent;\n    }\n\n    .btn-quote span {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .btn-quote:hover {\n      background-color: var(--sc-accent);\n      color: white;\n      padding-right: 20px; \/* \u60ac\u505c\u65f6\u5fae\u52a8 *\/\n      box-shadow: 0 10px 20px rgba(245, 158, 11, 0.25);\n    }\n\n    \/* \u5f31\u5316\u7684\u8be6\u60c5\u94fe\u63a5 *\/\n    .link-specs {\n      display: block;\n      text-align: center;\n      margin-top: 14px;\n      font-size: 13px;\n      color: var(--sc-text-sub);\n      text-decoration: none;\n      font-weight: 500;\n      transition: color 0.2s;\n    }\n\n    .link-specs:hover {\n      color: var(--sc-primary);\n      text-decoration: underline;\n    }\n\n    \/* --- \u54cd\u5e94\u5f0f\u9002\u914d --- *\/\n    @media (max-width: 1024px) {\n      .sc-grid { grid-template-columns: repeat(2, 1fr); }\n      .sc-col-3, .sc-col-2 { grid-column: span 1; }\n      .sc-card { border-radius: 20px; }\n      \/* \u8ba9\u6700\u540e\u4e00\u4e2a\u5361\u7247\u5728\u5e73\u677f\u4e0a\u6a2a\u8de8\uff0c\u4fdd\u6301\u5e73\u8861 *\/\n      .sc-grid > div:last-child { grid-column: span 2; }\n    }\n\n    @media (max-width: 768px) {\n      .sc-premium-section { padding: 60px 16px; }\n      .sc-header h2 { font-size: 32px; }\n      .sc-grid { grid-template-columns: 1fr; gap: 24px; }\n      .sc-col-3, .sc-col-2, .sc-grid > div:last-child { grid-column: span 1; }\n      .sc-image-wrapper { height: 220px; }\n      .sc-info { padding: 20px 24px 24px; }\n    }\n  <\/style>\n\n  <div class=\"sc-container\">\n    <div class=\"sc-header\">\n      <h2>Solar Thermal Series<\/h2>\n      <p>Factory direct pricing for global distributors &amp; contractors.<\/p>\n    <\/div>\n\n    <div class=\"sc-grid\">\n      \n      <!-- Product 1: Flat Plate (Featured) -->\n      <div class=\"sc-col-3\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">Best Seller<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a10-scaled.png&w=500&output=webp&q=85\" \n                 alt=\"Flat Plate Solar Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">B\u1ed9 Thu N\u0103ng l\u01b0\u1ee3ng M\u1eb7t tr\u1eddi Ph\u1eb3ng<\/h3>\n            <p class=\"sc-desc\">High-efficiency selective coating technology. The standard choice for residential water heating systems.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>\n                  <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\n                  GET EXW\/FOB QUOTE\n                <\/span>\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector\/flat-plate-solar-collector\/\" class=\"link-specs\">View Technical Specs<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 2: Engineering (Featured) -->\n      <div class=\"sc-col-3\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">Project Grade<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a8-scaled.png&w=500&output=webp&q=85\" \n                 alt=\"Engineering Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">Engineering Collector<\/h3>\n            <p class=\"sc-desc\">Engineered for large-scale centralized heating. Ideal for hotels, hospitals, and dormitories.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>\n                  <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\n                  GET EXW\/FOB QUOTE\n                <\/span>\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector\/engineering-hot-water-flat-collector\/\" class=\"link-specs\">View Technical Specs<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 3: Large Size -->\n      <div class=\"sc-col-2\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">Industrial<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5927\u677f3-scaled-e1762756817650.png&w=400&output=webp&q=85\" \n                 alt=\"Large Size Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">Large Size Collector<\/h3>\n            <p class=\"sc-desc\">Maximized surface area for industrial thermal applications.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>GET EXW\/FOB QUOTE<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector\/large-size-flat-plate-solar-collector\/\" class=\"link-specs\">View Technical Specs<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 4: Air Collector -->\n      <div class=\"sc-col-2\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">Air Heating<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/AFPC_\u526f\u672c-scaled.png&w=400&output=webp&q=85\" \n                 alt=\"Air Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">AFPC Air Collector<\/h3>\n            <p class=\"sc-desc\">Direct air heating for agricultural drying and space ventilation.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>GET EXW\/FOB QUOTE<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector\/afpc-solar-air-collector\/\" class=\"link-specs\">View Technical Specs<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 5: Hot Air -->\n      <div class=\"sc-col-2\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">Nhi\u1ec7t \u0111\u1ed9 cao<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5fae\u4fe1\u56fe\u7247_20250410133424-scaled.png&w=400&output=webp&q=85\" \n                 alt=\"Hot Air Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">ATPC Hot Air<\/h3>\n            <p class=\"sc-desc\">Specialized high-temp output for demanding industrial processes.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>GET EXW\/FOB QUOTE<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-collector\/atpc-hot-air-collector\/\" class=\"link-specs\">View Technical Specs<\/a>\n            <\/div>\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-a3f6d28 e-con-full e-flex e-con e-parent\" data-id=\"a3f6d28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e615429 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e615429\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Clear Industrial Background Section -->\n<section id=\"our-solutions\" class=\"sol-industrial-section\">\n  <style>\n    :root {\n      --sol-accent: #f59e0b;    \/* \u5de5\u4e1a\u6a59 *\/\n      --sol-text-main: #1e293b;\n      --sol-text-sub: #64748b;\n    }\n\n    .sol-industrial-section {\n      padding: 70px 20px; \/* \u7a0d\u5fae\u589e\u52a0\u4e00\u70b9\u547c\u5438\u611f *\/\n      position: relative;\n      font-family: 'Inter', system-ui, sans-serif;\n      color: white;\n      overflow: hidden;\n    }\n\n    \/* --- \u80cc\u666f\u5c42\u4f18\u5316 --- *\/\n    .sol-bg-layer {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u667a\u80fd\u88c5\u5907\u57fa\u5730-1.png');\n      background-size: cover;\n      background-position: center;\n      z-index: 0;\n    }\n\n    \/* \n       \u4fee\u6b63\u70b9\uff1a\u6e10\u53d8\u906e\u7f69 \n       \u9876\u90e8 0.85 (\u6df1) -> \u5e95\u90e8 0.35 (\u6d45)\n       \u65e2\u4fdd\u8bc1\u4e86\u6807\u9898\u80fd\u770b\u6e05\uff0c\u53c8\u8ba9\u5e95\u90e8\u7684\u5de5\u5382\u8bbe\u5907\u6e05\u6670\u53ef\u89c1\n    *\/\n    .sol-overlay {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background: linear-gradient(180deg, \n        rgba(15, 23, 42, 0.9) 0%, \n        rgba(15, 23, 42, 0.6) 40%, \n        rgba(15, 23, 42, 0.3) 100%);\n      z-index: 1;\n    }\n\n    .sol-container {\n      max-width: 1380px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \u5934\u90e8 *\/\n    .sol-header {\n      text-align: center;\n      margin-bottom: 45px;\n    }\n\n    .sol-header h2 {\n      font-size: 38px;\n      font-weight: 800;\n      margin: 0 0 12px 0;\n      color: #ffffff;\n      \/* \u589e\u52a0\u6587\u5b57\u6295\u5f71\uff0c\u9632\u6b62\u80cc\u666f\u8fc7\u4eae\u65f6\u770b\u4e0d\u6e05 *\/\n      text-shadow: 0 4px 12px rgba(0,0,0,0.5); \n    }\n\n    .sol-header p {\n      font-size: 17px;\n      color: #e2e8f0;\n      max-width: 700px;\n      margin: 0 auto;\n      font-weight: 500;\n      text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n    }\n\n    \/* --- 5\u5217\u5e03\u5c40 --- *\/\n    .sol-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 20px;\n      align-items: stretch;\n    }\n\n    \/* \u5361\u7247\uff1a\u4fdd\u6301\u7eaf\u767d\uff0c\u5f62\u6210\u201c\u60ac\u6d6e\u201d\u5728\u5de5\u5382\u4e4b\u4e0a\u7684\u611f\u89c9 *\/\n    .sol-card {\n      background: #ffffff;\n      padding: 28px 22px;\n      border-radius: 6px;\n      position: relative;\n      transition: all 0.3s ease;\n      border-bottom: 4px solid transparent;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.2); \/* \u589e\u52a0\u6295\u5f71\uff0c\u4e0e\u80cc\u666f\u5206\u79bb *\/\n    }\n\n    .sol-card:hover {\n      transform: translateY(-8px);\n      border-bottom-color: var(--sol-accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.4);\n    }\n\n    \/* \u56fe\u6807 *\/\n    .sol-icon {\n      width: 50px;\n      height: 50px;\n      background: #f1f5f9;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 18px;\n      color: #0f172a;\n      transition: all 0.3s;\n    }\n\n    .sol-card:hover .sol-icon {\n      background: var(--sol-accent);\n      color: white;\n    }\n\n    .sol-icon svg {\n      width: 26px;\n      height: 26px;\n      stroke-width: 2;\n    }\n\n    \/* \u5e8f\u53f7 *\/\n    .sol-num {\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      font-size: 28px;\n      font-weight: 900;\n      color: #f1f5f9; \/* \u6781\u6de1\u7070\uff0c\u4e0d\u62a2\u89c6\u89c9 *\/\n      line-height: 1;\n    }\n\n    .sol-card:hover .sol-num {\n      color: #fff7ed; \/* \u60ac\u505c\u53d8\u6696\u8272 *\/\n    }\n\n    \/* \u6587\u672c *\/\n    .sol-card h3 {\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--sol-text-main);\n      margin: 0 0 10px 0;\n      line-height: 1.3;\n      min-height: 46px;\n    }\n\n    .sol-card p {\n      font-size: 14px;\n      color: var(--sol-text-sub);\n      line-height: 1.6;\n      margin: 0;\n      flex-grow: 1;\n    }\n\n    \/* \u6309\u94ae *\/\n    .sol-cta {\n      text-align: center;\n      margin-top: 50px;\n    }\n\n    .btn-custom {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 48px;\n      background: var(--sol-accent); \/* \u6a59\u8272\u6309\u94ae\u5728\u6df1\u8272\u80cc\u666f\u4e0a\u975e\u5e38\u9192\u76ee *\/\n      color: white;\n      font-weight: 700;\n      font-size: 16px;\n      border-radius: 4px;\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      transition: all 0.3s;\n      box-shadow: 0 4px 20px rgba(245, 158, 11, 0.5);\n      border: 1px solid rgba(255,255,255,0.2);\n    }\n\n    .btn-custom:hover {\n      background: #d97706;\n      transform: scale(1.05);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1200px) {\n      .sol-grid { grid-template-columns: repeat(3, 1fr); }\n      .sol-card:nth-child(4), .sol-card:nth-child(5) { grid-column: span 1.5; } \/* \u6700\u540e\u4e24\u4e2a\u5e73\u5206 *\/\n    }\n\n    @media (max-width: 768px) {\n      .sol-industrial-section { padding: 50px 16px; }\n      .sol-header h2 { font-size: 30px; }\n      .sol-grid { grid-template-columns: 1fr; gap: 16px; }\n      .sol-card {\n        flex-direction: row;\n        align-items: flex-start;\n        padding: 20px;\n        min-height: auto;\n      }\n      .sol-card:nth-child(n) { grid-column: span 1; }\n      .sol-icon { margin-right: 16px; margin-bottom: 0; width: 40px; height: 40px; flex-shrink: 0; }\n      .sol-card h3 { min-height: auto; margin-bottom: 4px; font-size: 16px; }\n      .sol-num { display: none; }\n    }\n  <\/style>\n\n  <div class=\"sol-bg-layer\"><\/div>\n  <div class=\"sol-overlay\"><\/div>\n\n  <div class=\"sol-container\">\n    <div class=\"sol-header\">\n      <h2>Tailored Solar Solutions<\/h2>\n      <p>Comprehensive services from design to maintenance for global partners.<\/p>\n    <\/div>\n\n    <div class=\"sol-grid\">\n      \n      <!-- 01 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">01<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\n        <\/div>\n        <h3>Performance Optimization<\/h3>\n        <p>In-depth evaluation and efficiency testing ensure peak system output.<\/p>\n      <\/div>\n\n      <!-- 02 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">02<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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\"><\/path><\/svg>\n        <\/div>\n        <h3>Expert Installation<\/h3>\n        <p>Professional on-site setup and commissioning for faster project delivery.<\/p>\n      <\/div>\n\n      <!-- 03 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">03<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n        <\/div>\n        <h3>Free Maintenance<\/h3>\n        <p>Scheduled inspections and preventive service to extend system lifespan.<\/p>\n      <\/div>\n\n      <!-- 04 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">04<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path><\/svg>\n        <\/div>\n        <h3>Technical Training<\/h3>\n        <p>Hands-on training for operation and monitoring to ensure reliability.<\/p>\n      <\/div>\n\n      <!-- 05 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">05<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\n        <\/div>\n        <h3>Tech Upgrades<\/h3>\n        <p>Continuous innovations in selective coating and smart control systems.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sol-cta\">\n      <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater-products\/#contact\" class=\"btn-custom\">\n        Start Your Custom Build\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-9db69d9 e-con-full e-flex e-con e-parent\" data-id=\"9db69d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6518a9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d6518a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- High-End 3D Projects Section -->\n<section class=\"design-showcase\">\n  <style>\n    :root {\n      --ds-accent: #f59e0b;       \/* \u54c1\u724c\u6a59 *\/\n      --ds-accent-glow: rgba(245, 158, 11, 0.4);\n      --ds-dark: #0f172a;         \/* \u6df1\u84dd\u9ed1 *\/\n      --ds-white: #ffffff;\n      --ds-bg: #f1f5f9;\n      --ds-shadow-card: 0 20px 40px -10px rgba(0,0,0,0.15); \/* \u6df1\u5ea6\u6295\u5f71 *\/\n      --ds-shadow-btn: 0 10px 20px -5px rgba(245, 158, 11, 0.5); \/* \u6309\u94ae\u53d1\u5149\u6295\u5f71 *\/\n    }\n\n    .design-showcase {\n      padding: 100px 20px;\n      background-color: var(--ds-bg);\n      font-family: 'Inter', system-ui, sans-serif;\n      overflow: hidden; \/* \u9632\u6b62\u60ac\u505c\u653e\u5927\u6ea2\u51fa *\/\n    }\n\n    .ds-container {\n      max-width: 1300px;\n      margin: 0 auto;\n    }\n\n    \/* --- \u6781\u7b80\u5927\u6c14\u7684\u5934\u90e8 --- *\/\n    .ds-header {\n      text-align: center;\n      margin-bottom: 80px;\n      position: relative;\n    }\n\n    .ds-header h2 {\n      font-size: 48px;\n      font-weight: 900;\n      color: var(--ds-dark);\n      margin: 0;\n      letter-spacing: -1px;\n      position: relative;\n      display: inline-block;\n      z-index: 1;\n    }\n\n    \/* \u6807\u9898\u80cc\u540e\u7684\u88c5\u9970\u5b57\uff0c\u589e\u52a0\u5c42\u6b21\u611f *\/\n    .ds-header::before {\n      content: 'PROJECTS';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      font-size: 120px;\n      font-weight: 900;\n      color: rgba(0,0,0,0.03);\n      z-index: 0;\n      pointer-events: none;\n      white-space: nowrap;\n    }\n\n    \/* --- 3D \u7f51\u683c\u5e03\u5c40 --- *\/\n    .ds-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px; \/* \u66f4\u5927\u7684\u95f4\u8ddd\uff0c\u5c55\u73b0\u547c\u5438\u611f *\/\n    }\n\n    \/* --- \u6838\u5fc3\u5361\u7247\u8bbe\u8ba1 --- *\/\n    .ds-card {\n      position: relative;\n      background: transparent;\n      text-decoration: none;\n      perspective: 1000px; \/* \u5f00\u542f3D\u900f\u89c6 *\/\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* 1. \u56fe\u7247\u5c42 (\u5e95\u5c42) *\/\n    .ds-img-layer {\n      height: 280px;\n      width: 100%;\n      border-radius: 16px;\n      overflow: hidden;\n      position: relative;\n      z-index: 1;\n      box-shadow: var(--ds-shadow-card);\n      transform: translateZ(0);\n      transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); \/* \u5f39\u6027\u52a8\u753b *\/\n    }\n\n    .ds-img-layer img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.7s ease;\n    }\n\n    \/* 2. \u5185\u5bb9\u5c42 (\u60ac\u6d6e\u5361\u7247) *\/\n    .ds-content-layer {\n      background: var(--ds-white);\n      margin: -60px 20px 0 20px; \/* \u8d1f\u8fb9\u8ddd\uff1a\u5411\u4e0a\u63d2\u5165\u56fe\u7247\u5c42 *\/\n      padding: 30px 24px 24px;\n      border-radius: 12px;\n      position: relative;\n      z-index: 2; \/* \u5728\u56fe\u7247\u4e4b\u4e0a *\/\n      box-shadow: 0 15px 30px rgba(0,0,0,0.08);\n      transition: transform 0.4s ease, box-shadow 0.4s ease;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* 3. \u6309\u94ae\u5c42 (\u60ac\u6d6e\u8fde\u63a5\u4ef6) *\/\n    .ds-float-btn {\n      position: absolute;\n      top: -25px; \/* \u60ac\u6d6e\u5728\u5185\u5bb9\u5c42\u9876\u90e8\u8fb9\u7f18 *\/\n      right: 24px;\n      background: var(--ds-accent);\n      color: white;\n      height: 50px;\n      padding: 0 24px;\n      border-radius: 25px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      font-size: 13px;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      box-shadow: var(--ds-shadow-btn);\n      z-index: 3; \/* \u6700\u9ad8\u5c42\u7ea7 *\/\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      gap: 8px;\n    }\n\n    \/* --- \u4ea4\u4e92\u52a8\u753b (Hover Effects) --- *\/\n    .ds-card:hover .ds-img-layer {\n      transform: translateY(-10px); \/* \u56fe\u7247\u4e0a\u6d6e *\/\n    }\n    \n    .ds-card:hover .ds-img-layer img {\n      transform: scale(1.1); \/* \u56fe\u7247\u5185\u90e8\u653e\u5927 *\/\n    }\n\n    .ds-card:hover .ds-content-layer {\n      transform: translateY(-5px); \/* \u5185\u5bb9\u5c42\u8ddf\u968f\u5fae\u52a8 *\/\n      box-shadow: 0 25px 50px rgba(0,0,0,0.12);\n    }\n\n    .ds-card:hover .ds-float-btn {\n      background: #000; \/* \u6309\u94ae\u53d8\u9ed1\uff0c\u5f3a\u8c03\u5bf9\u6bd4 *\/\n      transform: scale(1.1) translateY(-2px); \/* \u6309\u94ae\u653e\u5927\u5e76\u4e0a\u6d6e *\/\n      box-shadow: 0 15px 25px rgba(0,0,0,0.2);\n    }\n\n    \/* --- \u6392\u7248\u7ec6\u8282 --- *\/\n    .ds-meta {\n      font-size: 11px;\n      font-weight: 700;\n      color: #94a3b8;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 12px;\n      display: flex;\n      gap: 10px;\n    }\n    \n    .ds-meta span {\n        display: inline-block;\n        padding-right: 10px;\n        border-right: 1px solid #e2e8f0;\n    }\n    .ds-meta span:last-child { border: none; }\n\n    .ds-title {\n      font-size: 18px;\n      font-weight: 800;\n      color: var(--ds-dark);\n      margin: 0 0 12px 0;\n      line-height: 1.4;\n    }\n\n    .ds-desc {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin: 0;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    \/* --- \u7279\u6b8a\u5e03\u5c40 (Featured) --- *\/\n    .card-wide {\n      grid-column: span 2;\n    }\n    .card-wide .ds-img-layer {\n        height: 320px;\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n      .ds-grid { grid-template-columns: repeat(2, 1fr); }\n      .card-wide { grid-column: span 2; }\n    }\n\n    @media (max-width: 768px) {\n      .ds-grid { grid-template-columns: 1fr; gap: 50px; } \/* \u589e\u52a0\u624b\u673a\u7aef\u95f4\u8ddd *\/\n      .card-wide { grid-column: span 1; }\n      .ds-header h2 { font-size: 36px; }\n      .ds-header::before { font-size: 60px; }\n      .ds-img-layer { height: 240px; }\n    }\n  <\/style>\n\n  <div class=\"ds-container\">\n    <div class=\"ds-header\">\n      <h2>Global Success Stories<\/h2>\n    <\/div>\n\n    <div class=\"ds-grid\">\n\n      <!-- 1. Featured: Tibet (Wide) -->\n      <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater-products\/#contact\" class=\"ds-card card-wide\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" 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\" alt=\"Tibet Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <!-- \u60ac\u6d6e\u6309\u94ae -->\n          <div class=\"ds-float-btn\">\n            cURL Too many subrequests.\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2019<\/span><span>Tibet<\/span><span>cURL Too many subrequests.<\/span><\/div>\n          <h3 class=\"ds-title\">Centralized Solar Heating for Saga County Town<\/h3>\n          <p class=\"ds-desc\">World's first high-altitude centralized solar heating project. Replaces coal, reducing consumption by 2,424 tons annually.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 2. Tianjin -->\n      <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Tianjin-School-TPV-Pro-Heat-Pump-Coupled-Heating-Project.png?w=600&quality=75\" alt=\"Tianjin Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            cURL Too many subrequests.\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2024<\/span><span>Thi\u00ean T\u00e2n<\/span><\/div>\n          <h3 class=\"ds-title\">Tianjin School TPV Pro+ System<\/h3>\n          <p class=\"ds-desc\">cURL Too many subrequests.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 3. Kazakhstan -->\n      <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2031.jpg.webp?w=400&quality=75\" alt=\"Kazakhstan Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            cURL Too many subrequests.\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2023<\/span><span>Kazakhstan<\/span><\/div>\n          <h3 class=\"ds-title\">cURL Too many subrequests.<\/h3>\n          <p class=\"ds-desc\">cURL Too many subrequests.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 4. APEC -->\n      <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" 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\" alt=\"APEC Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            cURL Too many subrequests.\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2014<\/span><span>B\u1eafc Kinh<\/span><\/div>\n          <h3 class=\"ds-title\">APEC Summit Hotel Hot Water<\/h3>\n          <p class=\"ds-desc\">cURL Too many subrequests.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 5. Florida -->\n      <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Florida-Resort-Villa-Hot-Water-Project-USA.png?w=600&quality=75\" alt=\"Florida Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            cURL Too many subrequests.\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2022<\/span><span>USA<\/span><\/div>\n          <h3 class=\"ds-title\">cURL Too many subrequests.<\/h3>\n          <p class=\"ds-desc\">cURL Too many subrequests.<\/p>\n        <\/div>\n      <\/a>\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-9b4cdc3 e-con-full e-flex e-con e-parent\" data-id=\"9b4cdc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d50c390 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d50c390\" 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-5b1d472 e-con-full e-flex e-con e-parent\" data-id=\"5b1d472\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c69906e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c69906e\" 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-fd14521 e-con-full e-flex e-con e-parent\" data-id=\"fd14521\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ce80f8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9ce80f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Ultra-Modern Glass Partner Section -->\n<section class=\"partner-glass\">\n  <style>\n    .partner-glass {\n      \/* \u9650\u5236\u6574\u4f53\u9ad8\u5ea6\uff0c\u7559\u51fa\u4e0a\u4e0b\u547c\u5438\u7a7a\u95f4 *\/\n      padding: 40px 20px;\n      background: #f8fafc;\n      display: flex;\n      justify-content: center;\n      font-family: 'Inter', system-ui, sans-serif;\n    }\n\n    \/* --- \u4e3b\u5bb9\u5668\uff1a\u5168\u666f\u73bb\u7483\u8231 --- *\/\n    .glass-container {\n      width: 100%;\n      max-width: 1320px;\n      height: 420px; \/* \u5f3a\u5236\u9501\u5b9a\u9ad8\u5ea6\uff0c\u975e\u5e38\u7d27\u51d1 *\/\n      border-radius: 24px;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 20px 50px rgba(59, 130, 246, 0.15); \/* \u67d4\u548c\u7684\u84dd\u8272\u5149\u6655 *\/\n      display: flex;\n      align-items: center;\n      background: #fff; \/* \u515c\u5e95\u8272 *\/\n    }\n\n    \/* --- \u80cc\u666f\u5c42\uff1a\u6c89\u6d78\u5f0f\u56fe\u7247 --- *\/\n    .glass-bg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 0;\n    }\n\n    .glass-bg img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      \/* \u56fe\u7247\u7a0d\u5fae\u653e\u5927\u4e00\u70b9\uff0c\u4e3a\u4e86\u505a\u89c6\u5dee\u6216\u79fb\u52a8\u6548\u679c *\/\n      transform: scale(1.05); \n      transition: transform 10s ease;\n    }\n\n    \/* \u60ac\u505c\u65f6\u80cc\u666f\u7f13\u6162\u79fb\u52a8\uff0c\u589e\u52a0\u9c9c\u6d3b\u611f *\/\n    .glass-container:hover .glass-bg img {\n      transform: scale(1.1);\n    }\n\n    \/* \u80cc\u666f\u906e\u7f69\uff1a\u5de6\u767d\u53f3\u900f\uff0c\u4fdd\u8bc1\u6587\u5b57\u7edd\u5bf9\u6e05\u6670 *\/\n    .glass-bg::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, \n        rgba(255,255,255,0.98) 0%, \n        rgba(255,255,255,0.95) 40%, \n        rgba(255,255,255,0.4) 70%,\n        rgba(255,255,255,0) 100%);\n    }\n\n    \/* --- \u5185\u5bb9\u5c42\uff1a\u5de6\u4fa7\u6587\u5b57 --- *\/\n    .glass-content {\n      position: relative;\n      z-index: 2;\n      width: 55%; \/* \u5360\u636e\u5de6\u4fa7\u4e00\u534a\u591a\u4e00\u70b9 *\/\n      padding: 0 60px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      height: 100%;\n    }\n\n    \/* \u88c5\u9970\u6027\u5c0f\u6807\u9898 *\/\n    .glass-tag {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      color: #3b82f6; \/* \u54c1\u724c\u84dd *\/\n      font-weight: 700;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 16px;\n      background: rgba(59, 130, 246, 0.1);\n      padding: 6px 12px;\n      border-radius: 20px;\n      align-self: flex-start;\n    }\n\n    .glass-tag::before {\n      content: '';\n      width: 6px;\n      height: 6px;\n      background: #3b82f6;\n      border-radius: 50%;\n      box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);\n    }\n\n    .glass-content h2 {\n      font-size: 36px;\n      font-weight: 800;\n      color: #0f172a;\n      margin: 0 0 12px 0;\n      line-height: 1.1;\n      letter-spacing: -1px;\n    }\n\n    .glass-content p {\n      font-size: 16px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 30px;\n      max-width: 500px;\n    }\n\n    \/* --- \u4f18\u52bf\u52cb\u7ae0\u680f (Pills) --- *\/\n    .glass-benefits {\n      display: flex;\n      gap: 12px;\n      margin-bottom: 35px;\n      flex-wrap: wrap;\n    }\n\n    .benefit-pill {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: #fff;\n      border: 1px solid #e2e8f0;\n      padding: 8px 16px;\n      border-radius: 50px;\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.03);\n      transition: all 0.3s ease;\n    }\n\n    .benefit-pill svg {\n      width: 16px;\n      height: 16px;\n      color: #3b82f6;\n    }\n\n    .benefit-pill:hover {\n      border-color: #3b82f6;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);\n      color: #3b82f6;\n    }\n\n    \/* --- \u6309\u94ae\u7ec4 --- *\/\n    .glass-actions {\n      display: flex;\n      gap: 16px;\n      align-items: center;\n    }\n\n    .btn-primary {\n      background: #0f172a;\n      color: #fff;\n      padding: 14px 32px;\n      border-radius: 50px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      box-shadow: 0 10px 20px rgba(15, 23, 42, 0.2);\n    }\n\n    .btn-primary:hover {\n      background: #3b82f6;\n      transform: translateY(-2px);\n      box-shadow: 0 15px 30px rgba(59, 130, 246, 0.3);\n    }\n\n    .btn-link {\n      color: #64748b;\n      text-decoration: none;\n      font-weight: 600;\n      font-size: 15px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: color 0.3s;\n    }\n\n    .btn-link:hover {\n      color: #0f172a;\n    }\n\n    \/* --- \u53f3\u4fa7\uff1a\u60ac\u6d6e\u7684\u78e8\u7802\u6570\u636e\u5361 (Glass Card) --- *\/\n    \/* \u8fd9\u662f\u4e00\u4e2a\u795e\u6765\u4e4b\u7b14\uff0c\u5b83\u60ac\u6d6e\u5728\u80cc\u666f\u56fe\u4e4b\u4e0a\uff0c\u5c55\u793a\u5168\u7403\u6570\u636e *\/\n    .glass-stat-card {\n      position: absolute;\n      right: 60px;\n      bottom: 60px; \/* \u653e\u5728\u53f3\u4e0b\u89d2 *\/\n      z-index: 3;\n      background: rgba(255, 255, 255, 0.7); \/* \u534a\u900f\u660e\u767d *\/\n      backdrop-filter: blur(12px); \/* \u78e8\u7802\u6548\u679c *\/\n      -webkit-backdrop-filter: blur(12px);\n      padding: 24px;\n      border-radius: 20px;\n      border: 1px solid rgba(255, 255, 255, 0.8);\n      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n      width: 260px;\n      animation: floatCard 6s ease-in-out infinite;\n    }\n\n    @keyframes floatCard {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-10px); }\n    }\n\n    .stat-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n    }\n    .stat-row:last-child { margin-bottom: 0; padding-bottom: 0; border: none; }\n\n    .stat-val { font-size: 24px; font-weight: 800; color: #0f172a; }\n    .stat-label { font-size: 12px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }\n\n    \/* --- \u54cd\u5e94\u5f0f --- *\/\n    @media (max-width: 1024px) {\n      .glass-container { height: auto; flex-direction: column; padding-bottom: 0; }\n      .glass-bg { position: relative; height: 250px; order: 1; }\n      .glass-bg::after { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } \/* \u624b\u673a\u7aef\u6e10\u53d8\u6539\u4e3a\u4ece\u4e0a\u5230\u4e0b *\/\n      .glass-content { width: 100%; padding: 40px 30px; order: 2; }\n      .glass-stat-card { position: relative; right: auto; bottom: auto; margin: -50px auto 30px; width: 90%; order: 1; } \/* \u624b\u673a\u7aef\u5361\u7247\u63d2\u5728\u56fe\u6587\u4e2d\u95f4 *\/\n    }\n  <\/style>\n\n  <div class=\"glass-container\">\n    \n    <!-- \u80cc\u666f\u5c42\uff1a\u9ad8\u8d28\u91cf\u5de5\u5382\u56fe -->\n    <div class=\"glass-bg\">\n      <!-- \u5efa\u8bae\u4f7f\u7528\u4e00\u5f20\u6bd4\u8f83\u5bbd\u7684\u3001\u6709\u900f\u89c6\u611f\u7684\u56fe\u7247 -->\n      <img loading=\"lazy\" height=\"1536\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/499317750_122107377854869367_2725729609403097798_n.jpg\" alt=\"Soletks Global Factory\">\n    <\/div>\n\n    <!-- \u5185\u5bb9\u5c42 -->\n    <div class=\"glass-content\">\n      <div class=\"glass-tag\">cURL Too many subrequests.<\/div>\n      <h2>cURL Too many subrequests.<\/h2>\n      <p>cURL Too many subrequests.<\/p>\n      \n      <!-- \u4f18\u52bf\u52cb\u7ae0 -->\n      <div class=\"glass-benefits\">\n        <div class=\"benefit-pill\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M2 12h20\"\/><\/svg>\n          cURL Too many subrequests.\n        <\/div>\n        <div class=\"benefit-pill\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 7h-9m3 10H5\"\/><\/svg>\n          cURL Too many subrequests.\n        <\/div>\n        <div class=\"benefit-pill\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          cURL Too many subrequests.\n        <\/div>\n      <\/div>\n\n      <!-- \u884c\u52a8\u6309\u94ae -->\n      <div class=\"glass-actions\">\n        <a href=\"https:\/\/service.soletksolar.com\/vi\/contact\/\" class=\"btn-primary\">cURL Too many subrequests.<\/a>\n        <a href=\"https:\/\/service.soletksolar.com\/vi\/products\/\" class=\"btn-link\">\n          cURL Too many subrequests. \n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- \u60ac\u6d6e\u6570\u636e\u5361 (\u53f3\u4e0b\u89d2\u7684\u70b9\u775b\u4e4b\u7b14) -->\n    <div class=\"glass-stat-card\">\n      <div class=\"stat-row\">\n        <div>\n          <div class=\"stat-val\">30+<\/div>\n          <div class=\"stat-label\">Qu\u1ed1c gia<\/div>\n        <\/div>\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><\/svg>\n      <\/div>\n      <div class=\"stat-row\">\n        <div>\n          <div class=\"stat-val\">cURL Too many subrequests.<\/div>\n          <div class=\"stat-label\">cURL Too many subrequests.<\/div>\n        <\/div>\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n      <\/div>\n    <\/div>\n\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-8359f5a e-con-full e-flex e-con e-parent\" data-id=\"8359f5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ef1c1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b0ef1c1\" 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>Verified Source Manufacturer Premium Solar Thermal Manufacturing Base OEM\/ODM Services | Turnkey Solar Thermal Projects | Global Distributor Recruitment Direct from our factory to your project. We provide high-efficiency flat plate collectors with strict quality control and competitive wholesale pricing. CHAT ON WHATSAPP Get Wholesale Quote Solar Thermal Series Factory direct pricing for global distributors [&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-1226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/1226","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=1226"}],"version-history":[{"count":31,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/1226\/revisions"}],"predecessor-version":[{"id":1263,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/1226\/revisions\/1263"}],"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=1226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}