{"id":968,"date":"2025-11-17T03:55:12","date_gmt":"2025-11-17T03:55:12","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=968"},"modified":"2025-11-17T04:59:28","modified_gmt":"2025-11-17T04:59:28","slug":"pvt-e-type-solar-panel","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/vi\/products\/pvt-solar-panel\/pvt-e-type-solar-panel\/","title":{"rendered":"T\u1ea5m pin m\u1eb7t tr\u1eddi lo\u1ea1i PVT-E"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"968\" class=\"elementor elementor-968\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-049adb4 e-con-full e-flex e-con e-parent\" data-id=\"049adb4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-459ffb1 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"459ffb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Hot Water Solution Banner (Centered Version) -->\n<section class=\"solution-banner\">\n  <style>\n    .solution-banner {\n      width: 100%;\n      background: #0f172a;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .solution-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497797651_122101973762869367_3274744652282478844_n.jpg');\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      opacity: 0.45;\n      z-index: 0;\n    }\n\n    .solution-banner::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, rgba(224, 242, 254, 0.85) 0%, rgba(219, 234, 254, 0.8) 50%, rgba(224, 231, 255, 0.85) 100%);\n      z-index: 1;\n    }\n\n    .solution-banner .banner-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 60px;\n      align-items: center;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \u5de6\u4fa7\u5185\u5bb9 *\/\n    .solution-banner .content-section .label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #1e40af;\n      margin-bottom: 18px;\n      padding: 8px 18px;\n      background: rgba(59, 130, 246, 0.2);\n      border-radius: 20px;\n      border: 1px solid rgba(59, 130, 246, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    .solution-banner .title {\n      font-size: 44px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin-bottom: 20px;\n      color: #0f172a;\n      text-shadow: 0 2px 10px rgba(255, 255, 255, 0.5);\n    }\n\n    .solution-banner .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    .solution-banner .description {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #1e293b;\n      margin-bottom: 35px;\n      text-shadow: 0 1px 3px rgba(255, 255, 255, 0.3);\n    }\n\n    \/* \u6309\u94ae *\/\n    .solution-banner .button-group {\n      display: flex;\n      gap: 15px;\n      flex-wrap: wrap;\n    }\n\n    .solution-banner .btn {\n      padding: 14px 30px;\n      font-size: 15px;\n      font-weight: 600;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      border: none;\n    }\n\n    .solution-banner .btn-primary {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.5);\n    }\n\n    .solution-banner .btn-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.6);\n    }\n\n    .solution-banner .btn-secondary {\n      background: rgba(255, 255, 255, 0.9);\n      color: #1e293b;\n      border: 2px solid rgba(203, 213, 225, 0.8);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      backdrop-filter: blur(10px);\n    }\n\n    .solution-banner .btn-secondary:hover {\n      background: white;\n      border-color: #3b82f6;\n      color: #3b82f6;\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);\n    }\n\n    .solution-banner .btn svg {\n      width: 16px;\n      height: 16px;\n    }\n\n    \/* \u53f3\u4fa7\u56fe\u7247 *\/\n    .solution-banner .image-section {\n      display: flex;\n      justify-content: center;\n    }\n\n    .solution-banner .image-wrapper {\n      width: 100%;\n      max-width: 500px;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n      border: 3px solid rgba(255, 255, 255, 0.9);\n      backdrop-filter: blur(10px);\n    }\n\n    .solution-banner .image-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n      transition: transform 0.5s ease;\n    }\n\n    .solution-banner .image-wrapper:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 992px) {\n      .solution-banner {\n        padding: 60px 0;\n      }\n      .solution-banner .banner-container {\n        grid-template-columns: 1fr;\n        text-align: center;\n      }\n      .solution-banner .title {\n        font-size: 38px;\n      }\n      .solution-banner .image-wrapper {\n        margin: 0 auto;\n      }\n      .solution-banner .button-group {\n        justify-content: center;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .solution-banner {\n        padding: 50px 0;\n      }\n      .solution-banner .title {\n        font-size: 32px;\n      }\n      .solution-banner .description {\n        font-size: 16px;\n      }\n      .solution-banner .button-group {\n        flex-direction: column;\n      }\n      .solution-banner .btn {\n        width: 100%;\n        justify-content: center;\n      }\n    }\n  <\/style>\n\n  <div class=\"banner-container\">\n    <div class=\"content-section\">\n      <div class=\"label\">Solar Water Heating<\/div>\n      <h1 class=\"title\">\n        Efficient &amp; Elegant<br>\n        <span class=\"highlight\">Solar Hot Water Solution<\/span>\n      <\/h1>\n      <p class=\"description\">\n        SOLETKS solar split water heater separates the collector and storage tank for flexible installation, superior heat retention, and all-weather reliability \u2014 ideal for modern homes and villas.\n      <\/p>\n      <div class=\"button-group\">\n        <button class=\"btn btn-primary\">\n          <span>Get a Quote<\/span>\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n          <\/svg>\n        <\/button>\n        <button class=\"btn btn-secondary\">\n          <span>T\u00ecm hi\u1ec3u th\u00eam<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"image-section\">\n      <div class=\"image-wrapper\">\n        <img height=\"800\" width=\"800\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/11.webp\" alt=\"SOLETKS Solar Hot Water Solution\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  document.querySelectorAll('.solution-banner .btn').forEach(button => {\n    button.addEventListener('click', function() {\n      console.log(this.textContent.trim() + ' clicked');\n    });\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af74d44 e-con-full e-flex e-con e-parent\" data-id=\"af74d44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-451d194 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"451d194\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Split Water Heater Section -->\n<section class=\"split-heater-section\" id=\"solar-split-heater-unique\">\n  <style>\n    \/* Split Heater Section Styles - \u5b8c\u5168\u9694\u79bb *\/\n    #solar-split-heater-unique.split-heater-section {\n      padding: 60px 20px;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    #solar-split-heater-unique .split-heater-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    \/* Header *\/\n    #solar-split-heater-unique .heater-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n\n    #solar-split-heater-unique .heater-title {\n      font-size: 42px;\n      font-weight: 800;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 0 0 20px 0;\n    }\n\n    #solar-split-heater-unique .heater-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    #solar-split-heater-unique .heater-intro {\n      font-size: 17px;\n      line-height: 1.8;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto 15px;\n    }\n\n    #solar-split-heater-unique .heater-intro strong {\n      color: #1e293b;\n      font-weight: 600;\n    }\n\n    #solar-split-heater-unique .intro-subtitle {\n      font-size: 18px;\n      font-weight: 600;\n      color: #1e293b;\n      margin: 30px 0 25px;\n      text-align: center;\n    }\n\n    \/* Advantages Grid *\/\n    #solar-split-heater-unique .advantages-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 25px;\n      margin-bottom: 50px;\n    }\n\n    #solar-split-heater-unique .advantage-card {\n      background: white;\n      padding: 35px 28px;\n      border-radius: 16px;\n      border: 2px solid #e2e8f0;\n      text-align: center;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    #solar-split-heater-unique .advantage-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.3s ease;\n    }\n\n    #solar-split-heater-unique .advantage-card:hover {\n      border-color: #3b82f6;\n      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.12);\n      transform: translateY(-5px);\n    }\n\n    #solar-split-heater-unique .advantage-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    #solar-split-heater-unique .advantage-number {\n      width: 45px;\n      height: 45px;\n      margin: 0 auto 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      border-radius: 50%;\n      color: white;\n      font-size: 20px;\n      font-weight: 700;\n    }\n\n    #solar-split-heater-unique .advantage-text {\n      font-size: 15px;\n      line-height: 1.6;\n      color: #475569;\n    }\n\n    \/* Features Section *\/\n    #solar-split-heater-unique .features-section {\n      background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);\n      border-radius: 20px;\n      padding: 45px;\n      color: white;\n    }\n\n    #solar-split-heater-unique .features-title {\n      font-size: 28px;\n      font-weight: 700;\n      text-align: center;\n      margin: 0 0 35px 0;\n    }\n\n    #solar-split-heater-unique .features-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n    }\n\n    #solar-split-heater-unique .feature-item {\n      text-align: center;\n      padding: 28px 20px;\n      background: rgba(255, 255, 255, 0.1);\n      border-radius: 14px;\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n    }\n\n    #solar-split-heater-unique .feature-item:hover {\n      background: rgba(255, 255, 255, 0.15);\n      transform: translateY(-5px);\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n    }\n\n    #solar-split-heater-unique .feature-number {\n      width: 40px;\n      height: 40px;\n      margin: 0 auto 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255, 255, 255, 0.2);\n      border-radius: 50%;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    #solar-split-heater-unique .feature-name {\n      font-size: 16px;\n      font-weight: 700;\n      margin: 0 0 8px 0;\n    }\n\n    #solar-split-heater-unique .feature-desc {\n      font-size: 13px;\n      opacity: 0.9;\n      line-height: 1.5;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      #solar-split-heater-unique .advantages-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n      #solar-split-heater-unique .features-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n      }\n    }\n\n    @media (max-width: 968px) {\n      #solar-split-heater-unique.split-heater-section {\n        padding: 50px 15px;\n      }\n\n      #solar-split-heater-unique .heater-title {\n        font-size: 34px;\n      }\n\n      #solar-split-heater-unique .heater-intro {\n        font-size: 16px;\n      }\n\n      #solar-split-heater-unique .features-section {\n        padding: 35px 25px;\n      }\n\n      #solar-split-heater-unique .features-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      #solar-split-heater-unique .heater-title {\n        font-size: 28px;\n      }\n\n      #solar-split-heater-unique .heater-intro {\n        font-size: 15px;\n      }\n\n      #solar-split-heater-unique .intro-subtitle {\n        font-size: 16px;\n      }\n\n      #solar-split-heater-unique .advantage-card {\n        padding: 25px 20px;\n      }\n\n      #solar-split-heater-unique .features-title {\n        font-size: 24px;\n      }\n    }\n  <\/style>\n\n  <div class=\"split-heater-container\">\n    <!-- Header -->\n    <div class=\"heater-header\">\n      <h2 class=\"heater-title\">\n        <span class=\"highlight\">Solar Split<\/span> Water Heater\n      <\/h2>\n\n      <p class=\"heater-intro\">\n        A solar split water heater is an advanced hot water system that <strong>separates the solar collector from the storage tank<\/strong>. The collector absorbs solar energy through a medium circulation system and converts it into heat. The storage tank, placed indoors or on a balcony, efficiently stores this thermal energy for later use.\n      <\/p>\n\n      <h3 class=\"intro-subtitle\">This innovative design offers multiple advantages:<\/h3>\n    <\/div>\n\n    <!-- Advantages Grid -->\n    <div class=\"advantages-grid\">\n      <div class=\"advantage-card\">\n        <div class=\"advantage-number\">01<\/div>\n        <p class=\"advantage-text\">Flexible installation in various environments without adding excessive roof load<\/p>\n      <\/div>\n\n      <div class=\"advantage-card\">\n        <div class=\"advantage-number\">02<\/div>\n        <p class=\"advantage-text\">Reduced heat loss and enhanced freeze protection thanks to the indoor tank placement<\/p>\n      <\/div>\n\n      <div class=\"advantage-card\">\n        <div class=\"advantage-number\">03<\/div>\n        <p class=\"advantage-text\">Aesthetic integration with modern architecture, ideal for multi-story buildings and villas<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Features Section -->\n    <div class=\"features-section\">\n      <h3 class=\"features-title\">Product Features<\/h3>\n\n      <div class=\"features-grid\">\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">01<\/div>\n          <div class=\"feature-name\">Food-grade Steel Liner<\/div>\n          <p class=\"feature-desc\">Clean, hygienic water with no contamination<\/p>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">02<\/div>\n          <div class=\"feature-name\">Medium Circulation<\/div>\n          <p class=\"feature-desc\">Reliable operation in cold climates<\/p>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">03<\/div>\n          <div class=\"feature-name\">Indoor Water Tank<\/div>\n          <p class=\"feature-desc\">Safe, convenient, and easy to maintain<\/p>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">04<\/div>\n          <div class=\"feature-name\">User-friendly Design<\/div>\n          <p class=\"feature-desc\">Simple operation with long service life<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  'use strict';\n  \n  \/\/ \u4f7f\u7528IIFE\u521b\u5efa\u79c1\u6709\u4f5c\u7528\u57df\uff0c\u9632\u6b62\u53d8\u91cf\u6c61\u67d3\n  const COMPONENT_ID = 'solar-split-heater-unique';\n  const container = document.getElementById(COMPONENT_ID);\n  \n  \/\/ \u5982\u679c\u5bb9\u5668\u4e0d\u5b58\u5728\uff0c\u76f4\u63a5\u8fd4\u56de\n  if (!container) {\n    return;\n  }\n  \n  \/\/ \u6eda\u52a8\u5904\u7406\u51fd\u6570 - \u53ea\u4f5c\u7528\u4e8e\u5f53\u524d\u7ec4\u4ef6\n  function handleHeaterScroll() {\n    const advantageCards = container.querySelectorAll('.advantage-card');\n    const featureItems = container.querySelectorAll('.feature-item');\n    \n    advantageCards.forEach((card, index) => {\n      const rect = card.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 60;\n      \n      if (isVisible && !card.classList.contains('animated')) {\n        setTimeout(() => {\n          card.style.opacity = '1';\n          card.style.transform = 'translateY(0)';\n          card.classList.add('animated');\n        }, index * 100);\n      }\n    });\n\n    featureItems.forEach((item, index) => {\n      const rect = item.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 60;\n      \n      if (isVisible && !item.classList.contains('animated')) {\n        setTimeout(() => {\n          item.style.opacity = '1';\n          item.style.transform = 'translateY(0)';\n          item.classList.add('animated');\n        }, index * 80);\n      }\n    });\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u51fd\u6570\n  function initComponent() {\n    const advantageCards = container.querySelectorAll('.advantage-card');\n    const featureItems = container.querySelectorAll('.feature-item');\n    \n    \/\/ \u8bbe\u7f6e\u521d\u59cb\u52a8\u753b\u72b6\u6001\n    advantageCards.forEach(card => {\n      card.style.opacity = '0';\n      card.style.transform = 'translateY(20px)';\n      card.style.transition = 'all 0.5s ease';\n    });\n\n    featureItems.forEach(item => {\n      item.style.opacity = '0';\n      item.style.transform = 'translateY(20px)';\n      item.style.transition = 'all 0.5s ease';\n    });\n    \n    \/\/ \u6dfb\u52a0\u6eda\u52a8\u4e8b\u4ef6\u76d1\u542c\u5668\n    window.addEventListener('scroll', handleHeaterScroll, { passive: true });\n    \n    \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n    setTimeout(handleHeaterScroll, 100);\n  }\n  \n  \/\/ DOM\u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initComponent);\n  } else {\n    initComponent();\n  }\n  \n  \/\/ \u6e05\u7406\u51fd\u6570\uff08\u53ef\u9009\uff0c\u7528\u4e8e\u5355\u9875\u5e94\u7528\uff09\n  window.cleanupSolarSplitHeater = function() {\n    window.removeEventListener('scroll', handleHeaterScroll);\n  };\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b12ec37 e-con-full e-flex e-con e-parent\" data-id=\"b12ec37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee66697 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ee66697\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Flat Plate Solar Collector Section -->\n<section class=\"collector-specs-section\">\n  <style>\n    \/* Collector Specs Section Styles *\/\n    .collector-specs-section {\n      padding: 70px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 50%, #f8fafc 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    .collector-container {\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    \/* Section Header with Images *\/\n    .specs-hero {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 30px;\n      margin-bottom: 60px;\n      align-items: center;\n    }\n\n    .hero-content {\n      padding: 30px;\n    }\n\n    .specs-title {\n      font-size: 48px;\n      font-weight: 800;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 0 0 20px 0;\n    }\n\n    .specs-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    .specs-description {\n      font-size: 16px;\n      line-height: 1.7;\n      color: #64748b;\n      margin-bottom: 25px;\n    }\n\n    .hero-features {\n      display: grid;\n      gap: 10px;\n    }\n\n    .hero-feature {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 14px;\n      color: #475569;\n      font-weight: 500;\n    }\n\n    .hero-feature::before {\n      content: '\u2713';\n      width: 22px;\n      height: 22px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      border-radius: 50%;\n      color: white;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: 700;\n      flex-shrink: 0;\n    }\n\n    .hero-images {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n    }\n\n    .hero-image-wrapper {\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n      transition: all 0.3s ease;\n    }\n\n    .hero-image-wrapper:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 50px rgba(59, 130, 246, 0.15);\n    }\n\n    .hero-image-wrapper img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s ease;\n    }\n\n    .hero-image-wrapper:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* Tabs Navigation *\/\n    .specs-tabs {\n      display: flex;\n      justify-content: center;\n      gap: 15px;\n      margin-bottom: 35px;\n      flex-wrap: wrap;\n    }\n\n    .tab-button {\n      padding: 12px 28px;\n      background: white;\n      border: 2px solid #e2e8f0;\n      border-radius: 50px;\n      font-size: 15px;\n      font-weight: 600;\n      color: #64748b;\n      cursor: pointer;\n      transition: all 0.3s ease;\n    }\n\n    .tab-button:hover {\n      border-color: #3b82f6;\n      color: #3b82f6;\n    }\n\n    .tab-button.active {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      border-color: #3b82f6;\n      color: white;\n      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);\n    }\n\n    \/* Table Content *\/\n    .tab-content {\n      display: none;\n    }\n\n    .tab-content.active {\n      display: block;\n      animation: fadeIn 0.4s ease;\n    }\n\n    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(10px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .specs-table-wrapper {\n      background: white;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      border: 1px solid #e2e8f0;\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    .specs-table thead {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n    }\n\n    .specs-table thead th {\n      padding: 16px 18px;\n      color: white;\n      font-size: 14px;\n      font-weight: 600;\n      text-align: left;\n    }\n\n    .specs-table tbody tr {\n      border-bottom: 1px solid #f1f5f9;\n      transition: all 0.2s ease;\n    }\n\n    .specs-table tbody tr:hover {\n      background: #f8fafc;\n    }\n\n    .specs-table tbody tr:last-child {\n      border-bottom: none;\n    }\n\n    .specs-table tbody td {\n      padding: 14px 18px;\n      font-size: 14px;\n      color: #475569;\n    }\n\n    .specs-table tbody td:first-child {\n      font-weight: 600;\n      color: #1e293b;\n      background: #f8fafc;\n    }\n\n    \/* Compact Table *\/\n    .compact-table thead th {\n      text-align: center;\n      padding: 14px 12px;\n    }\n\n    .compact-table tbody td {\n      text-align: center;\n      padding: 12px 12px;\n    }\n\n    .compact-table tbody td:first-child {\n      text-align: left;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .specs-hero {\n        gap: 25px;\n      }\n\n      .hero-content {\n        padding: 20px;\n      }\n\n      .specs-title {\n        font-size: 40px;\n      }\n    }\n\n    @media (max-width: 968px) {\n      .collector-specs-section {\n        padding: 50px 15px;\n      }\n\n      .specs-hero {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n\n      .hero-images {\n        order: -1;\n      }\n\n      .specs-title {\n        font-size: 36px;\n      }\n\n      .specs-table-wrapper {\n        overflow-x: auto;\n      }\n\n      .specs-table {\n        min-width: 600px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .specs-title {\n        font-size: 30px;\n      }\n\n      .specs-description {\n        font-size: 15px;\n      }\n\n      .hero-images {\n        grid-template-columns: 1fr;\n      }\n\n      .specs-tabs {\n        gap: 10px;\n      }\n\n      .tab-button {\n        padding: 10px 20px;\n        font-size: 13px;\n      }\n    }\n  <\/style>\n\n  <div class=\"collector-container\">\n    <!-- Hero Section with Images -->\n    <div class=\"specs-hero\">\n      <!-- Left Content -->\n      <div class=\"hero-content\">\n        <h2 class=\"specs-title\">\n          <span class=\"highlight\">T\u1ea5m ph\u1eb3ng<\/span><br>B\u1ed9 Thu N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi\n        <\/h2>\n        <p class=\"specs-description\">\n          Advanced solar thermal technology with superior heat collection efficiency and durable construction for residential and commercial applications.\n        <\/p>\n        <div class=\"hero-features\">\n          <div class=\"hero-feature\">78% optical performance efficiency<\/div>\n          <div class=\"hero-feature\">Highly selective absorption coating<\/div>\n          <div class=\"hero-feature\">Aluminium frame construction<\/div>\n          <div class=\"hero-feature\">0.6 bar rated working pressure<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Right Images -->\n      <div class=\"hero-images\">\n        <div class=\"hero-image-wrapper\">\n          <img loading=\"lazy\" height=\"1536\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/H722d7b3d968b4d8a8aed68bc2c1feb92C.avif\" alt=\"SOLETKS Flat Plate Collector\">\n        <\/div>\n        <div class=\"hero-image-wrapper\">\n          <img loading=\"lazy\" height=\"1824\" width=\"1824\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/H592b24cd253446dda5a90ab688959a7bX.avif\" alt=\"SOLETKS Water Heater System\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"specs-tabs\">\n      <button class=\"tab-button active\" data-tab=\"collector\">Collector Specs<\/button>\n      <button class=\"tab-button\" data-tab=\"tank\">Water Tank Models<\/button>\n      <button class=\"tab-button\" data-tab=\"workstation\">Workstation<\/button>\n    <\/div>\n\n    <!-- Tab Content 1: Collector -->\n    <div class=\"tab-content active\" id=\"collector\">\n      <div class=\"specs-table-wrapper\">\n        <table class=\"specs-table\">\n          <thead>\n            <tr>\n              <th>Th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt<\/th>\n              <th>BTE2.0-2<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>Overall area (m\u00b2)<\/td>\n              <td>2<\/td>\n            <\/tr>\n            <tr>\n              <td>Aperture area (m\u00b2)<\/td>\n              <td>1.87<\/td>\n            <\/tr>\n            <tr>\n              <td>L x W x H (mm)<\/td>\n              <td>2000 x 1000 x 80<\/td>\n            <\/tr>\n            <tr>\n              <td>Rated working pressure<\/td>\n              <td>0.6 bar<\/td>\n            <\/tr>\n            <tr>\n              <td>Optical performance<\/td>\n              <td>78%<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>Khung<\/td>\n              <td>cURL Too many subrequests.<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <!-- Tab Content 2: Tank -->\n    <div class=\"tab-content\" id=\"tank\">\n      <div class=\"specs-table-wrapper\">\n        <table class=\"specs-table compact-table\">\n          <thead>\n            <tr>\n              <th>cURL Too many subrequests.<\/th>\n              <th>300<\/th>\n              <th>500<\/th>\n              <th>800<\/th>\n              <th>1000<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td>1740<\/td>\n              <td>1845<\/td>\n              <td>1720\/1820<\/td>\n              <td>2000\/2100<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>C\u00e1ch nhi\u1ec7t<\/td>\n              <td colspan=\"2\">cURL Too many subrequests.<\/td>\n              <td colspan=\"2\">cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td colspan=\"4\">cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td colspan=\"4\">cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td colspan=\"4\">cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td colspan=\"4\">cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td colspan=\"4\">cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td colspan=\"4\">cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td colspan=\"4\">cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <!-- Tab Content 3: Workstation -->\n    <div class=\"tab-content\" id=\"workstation\">\n      <div class=\"specs-table-wrapper\">\n        <table class=\"specs-table\">\n          <thead>\n            <tr>\n              <th>cURL Too many subrequests.<\/th>\n              <th>cURL Too many subrequests.<\/th>\n              <th>cURL Too many subrequests.<\/th>\n              <th>cURL Too many subrequests.<\/th>\n              <th>cURL Too many subrequests.<\/th>\n              <th>cURL Too many subrequests.<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>60-100W<\/td>\n              <td>SR258<\/td>\n              <td>450 x 300 x 160<\/td>\n            <\/tr>\n            <tr>\n              <td>TSCEN-6<\/td>\n              <td>cURL Too many subrequests.<\/td>\n              <td>Wilo ST20\/11<\/td>\n              <td>165W<\/td>\n              <td>FTC-6<\/td>\n              <td>270 x 460 x 160<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab\u5207\u6362\u529f\u80fd\n  const tabButtons = document.querySelectorAll('.collector-specs-section .tab-button');\n  const tabContents = document.querySelectorAll('.collector-specs-section .tab-content');\n  \n  tabButtons.forEach(button => {\n    button.addEventListener('click', function() {\n      const targetTab = this.getAttribute('data-tab');\n      \n      \/\/ \u79fb\u9664\u6240\u6709active\u7c7b\n      tabButtons.forEach(btn => btn.classList.remove('active'));\n      tabContents.forEach(content => content.classList.remove('active'));\n      \n      \/\/ \u6dfb\u52a0active\u7c7b\u5230\u5f53\u524d\u9009\u4e2d\u7684\n      this.classList.add('active');\n      document.getElementById(targetTab).classList.add('active');\n    });\n  });\n\n  \/\/ \u6eda\u52a8\u52a8\u753b\n  function handleSpecsScroll() {\n    const hero = document.querySelector('.collector-specs-section .specs-hero');\n    const tabs = document.querySelector('.collector-specs-section .specs-tabs');\n    \n    if (hero) {\n      const rect = hero.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 80;\n      \n      if (isVisible && !hero.classList.contains('animated')) {\n        hero.style.opacity = '1';\n        hero.style.transform = 'translateY(0)';\n        hero.classList.add('animated');\n      }\n    }\n\n    if (tabs) {\n      const rect = tabs.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 60;\n      \n      if (isVisible && !tabs.classList.contains('animated')) {\n        setTimeout(() => {\n          tabs.style.opacity = '1';\n          tabs.style.transform = 'translateY(0)';\n          tabs.classList.add('animated');\n        }, 200);\n      }\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u72b6\u6001\n  const hero = document.querySelector('.collector-specs-section .specs-hero');\n  const tabs = document.querySelector('.collector-specs-section .specs-tabs');\n  \n  if (hero) {\n    hero.style.opacity = '0';\n    hero.style.transform = 'translateY(30px)';\n    hero.style.transition = 'all 0.6s ease';\n  }\n\n  if (tabs) {\n    tabs.style.opacity = '0';\n    tabs.style.transform = 'translateY(20px)';\n    tabs.style.transition = 'all 0.5s ease';\n  }\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleSpecsScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleSpecsScroll, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cacee18 e-con-full e-flex e-con e-parent\" data-id=\"cacee18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0ced3 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"af0ced3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- How Solar Split Water Heater Works Section -->\n<section class=\"working-principle-section\">\n  <style>\n    \/* Working Principle Section Styles *\/\n    .working-principle-section {\n      padding: 70px 20px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    .working-container {\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    \/* Section Header *\/\n    .working-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n\n    .working-label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 15px;\n      padding: 6px 18px;\n      background: rgba(59, 130, 246, 0.1);\n      border-radius: 20px;\n    }\n\n    .working-title {\n      font-size: 42px;\n      font-weight: 800;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 0 0 20px 0;\n    }\n\n    .working-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    .working-intro {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    \/* Main Content Grid *\/\n    .working-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: start;\n    }\n\n    \/* Diagram Section *\/\n    .diagram-section {\n      position: relative;\n    }\n\n    .diagram-wrapper {\n      background: white;\n      border-radius: 20px;\n      padding: 30px;\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n      border: 2px solid #e2e8f0;\n      margin-bottom: 0;\n    }\n\n    .diagram-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 12px;\n      margin-bottom: 0;\n    }\n\n    \/* Summary Box - Now under diagram *\/\n    .summary-box {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border: 2px solid #bfdbfe;\n      border-radius: 16px;\n      padding: 25px;\n      margin-top: 20px;\n    }\n\n    .summary-title {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1e3a8a;\n      margin: 0 0 12px 0;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .summary-title::before {\n      content: '\ud83d\udca1';\n      font-size: 22px;\n    }\n\n    .summary-text {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #1e40af;\n      margin: 0;\n    }\n\n    \/* Components List - Optimized *\/\n    .components-list {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n    }\n\n    .component-item {\n      background: white;\n      padding: 16px 18px;\n      border-radius: 12px;\n      border-left: 4px solid #3b82f6;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n      transition: all 0.3s ease;\n    }\n\n    .component-item:hover {\n      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.12);\n      transform: translateX(5px);\n      border-left-width: 6px;\n    }\n\n    .component-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 6px 0;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .component-number {\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      border-radius: 50%;\n      color: white;\n      font-size: 12px;\n      font-weight: 700;\n      flex-shrink: 0;\n    }\n\n    .component-description {\n      font-size: 13px;\n      line-height: 1.5;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .working-content {\n        gap: 40px;\n      }\n\n      .working-title {\n        font-size: 38px;\n      }\n    }\n\n    @media (max-width: 968px) {\n      .working-principle-section {\n        padding: 60px 15px;\n      }\n\n      .working-content {\n        grid-template-columns: 1fr;\n        gap: 35px;\n      }\n\n      .working-title {\n        font-size: 34px;\n      }\n\n      .working-intro {\n        font-size: 16px;\n      }\n\n      .diagram-wrapper {\n        padding: 20px;\n      }\n\n      .components-list {\n        gap: 18px;\n      }\n\n      .component-item {\n        padding: 18px 20px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .working-principle-section {\n        padding: 50px 15px;\n      }\n\n      .working-header {\n        margin-bottom: 40px;\n      }\n\n      .working-title {\n        font-size: 28px;\n      }\n\n      .working-intro {\n        font-size: 15px;\n      }\n\n      .component-item {\n        padding: 16px 18px;\n      }\n\n      .component-title {\n        font-size: 14px;\n      }\n\n      .component-description {\n        font-size: 13px;\n      }\n\n      .summary-box {\n        padding: 20px;\n      }\n\n      .summary-title {\n        font-size: 17px;\n      }\n\n      .summary-text {\n        font-size: 13px;\n      }\n    }\n  <\/style>\n\n  <div class=\"working-container\">\n    <!-- Section Header -->\n    <div class=\"working-header\">\n      <span class=\"working-label\">System Overview<\/span>\n      <h2 class=\"working-title\">\n        How a <span class=\"highlight\">Solar Split Water Heater<\/span> Works\n      <\/h2>\n      <p class=\"working-intro\">\n        The diagram illustrates the working principle of a solar split water heating system. The system consists of two main parts \u2014 the solar collectors and the hot water storage tank \u2014 connected by a medium circulation loop.\n      <\/p>\n    <\/div>\n\n    <!-- Main Content Grid -->\n    <div class=\"working-content\">\n      <!-- Left - Diagram and Summary -->\n      <div class=\"diagram-section\">\n        <div class=\"diagram-wrapper\">\n          <img loading=\"lazy\" height=\"575\" width=\"800\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/22.png\" alt=\"Solar Split Water Heater Working Principle\">\n        <\/div>\n        \n        <!-- Summary Box moved here -->\n        <div class=\"summary-box\">\n          <div class=\"summary-title\">L\u1ee3i \u00edch h\u1ec7 th\u1ed1ng<\/div>\n          <p class=\"summary-text\">\n            This configuration effectively utilizes solar energy while ensuring high efficiency, safe operation, and year-round reliability, even in cold or variable climates.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Right - Components List -->\n      <div class=\"components-list\">\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">1<\/span>\n            Solar Collectors\n          <\/div>\n          <p class=\"component-description\">\n            Installed on the roof, absorb solar radiation and convert it into heat.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">2<\/span>\n            cURL Too many subrequests.\n          <\/div>\n          <p class=\"component-description\">\n            Heat-conducting fluid circulates between collectors and storage tank.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">3<\/span>\n            Work Station &amp; Expansion Tank\n          <\/div>\n          <p class=\"component-description\">\n            Regulate pressure and ensure stable medium circulation.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">4<\/span>\n            Controller &amp; Temperature Sensors\n          <\/div>\n          <p class=\"component-description\">\n            Automatically monitor and control system temperature for efficiency.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">5<\/span>\n            Hot Water Storage Tank\n          <\/div>\n          <p class=\"component-description\">\n            Indoor tank stores heated water with built-in electrical backup heater.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">6<\/span>\n            Safety &amp; TP Valves\n          <\/div>\n          <p class=\"component-description\">\n            Maintain system safety by releasing excess pressure or temperature.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">7<\/span>\n            Cold and Hot Water Lines\n          <\/div>\n          <p class=\"component-description\">\n            Cold water enters at bottom, hot water supplied from top outlet.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u7ec4\u4ef6\u9879\u6eda\u52a8\u52a8\u753b\n  function handleComponentsScroll() {\n    const componentItems = document.querySelectorAll('.working-principle-section .component-item');\n    const summaryBox = document.querySelector('.working-principle-section .summary-box');\n    \n    componentItems.forEach((item, index) => {\n      const rect = item.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 60;\n      \n      if (isVisible && !item.classList.contains('animated')) {\n        setTimeout(() => {\n          item.style.opacity = '1';\n          item.style.transform = 'translateX(0)';\n          item.classList.add('animated');\n        }, index * 80);\n      }\n    });\n\n    if (summaryBox) {\n      const rect = summaryBox.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 60;\n      \n      if (isVisible && !summaryBox.classList.contains('animated')) {\n        summaryBox.style.opacity = '1';\n        summaryBox.style.transform = 'translateY(0)';\n        summaryBox.classList.add('animated');\n      }\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u72b6\u6001\n  const componentItems = document.querySelectorAll('.working-principle-section .component-item');\n  const summaryBox = document.querySelector('.working-principle-section .summary-box');\n  \n  componentItems.forEach(item => {\n    item.style.opacity = '0';\n    item.style.transform = 'translateX(-20px)';\n    item.style.transition = 'all 0.5s ease';\n  });\n\n  if (summaryBox) {\n    summaryBox.style.opacity = '0';\n    summaryBox.style.transform = 'translateY(20px)';\n    summaryBox.style.transition = 'all 0.6s ease';\n  }\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleComponentsScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleComponentsScroll, 100);\n});\n<\/script\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db720f1 e-con-full e-flex e-con e-parent\" data-id=\"db720f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a765c90 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a765c90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Why Choose Our System Section -->\n<section class=\"why-choose-section\">\n  <style>\n    \/* Why Choose Section Styles *\/\n    .why-choose-section {\n      padding: 80px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .why-choose-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    .why-choose-container {\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    \/* Section Header *\/\n    .why-choose-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n\n    .why-choose-label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 15px;\n      padding: 6px 18px;\n      background: rgba(59, 130, 246, 0.1);\n      border-radius: 20px;\n    }\n\n    .why-choose-title {\n      font-size: 42px;\n      font-weight: 800;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 0 0 20px 0;\n    }\n\n    .why-choose-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    .why-choose-intro {\n      font-size: 16px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 950px;\n      margin: 0 auto;\n    }\n\n    \/* Main Content Grid *\/\n    .why-choose-content {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr;\n      gap: 50px;\n      align-items: start;\n      margin-bottom: 40px;\n    }\n\n    \/* System Image *\/\n    .system-image-wrapper {\n      position: relative;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\n      background: white;\n      padding: 20px;\n    }\n\n    .system-image-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 12px;\n    }\n\n    .image-badge {\n      position: absolute;\n      top: 35px;\n      right: 35px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      padding: 10px 20px;\n      border-radius: 30px;\n      font-size: 12px;\n      font-weight: 700;\n      box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    \/* Key Points *\/\n    .key-points {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n\n    .key-point-item {\n      background: white;\n      border-radius: 14px;\n      padding: 20px 24px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      border-left: 4px solid #3b82f6;\n      transition: all 0.3s ease;\n    }\n\n    .key-point-item:hover {\n      box-shadow: 0 8px 30px rgba(59, 130, 246, 0.15);\n      transform: translateX(5px);\n      border-left-width: 6px;\n    }\n\n    .key-point-title {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 8px 0;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .key-point-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #eff6ff, #dbeafe);\n      border-radius: 10px;\n      flex-shrink: 0;\n    }\n\n    .key-point-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .key-point-text {\n      font-size: 14px;\n      line-height: 1.5;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Bottom Features Grid *\/\n    .bottom-features {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 25px;\n    }\n\n    .feature-box {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border: 2px solid #bfdbfe;\n      border-radius: 16px;\n      padding: 25px 20px;\n      text-align: center;\n      transition: all 0.3s ease;\n    }\n\n    .feature-box:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 10px 30px rgba(59, 130, 246, 0.2);\n    }\n\n    .feature-box-icon {\n      width: 56px;\n      height: 56px;\n      margin: 0 auto 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: white;\n      border-radius: 14px;\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);\n    }\n\n    .feature-box-icon svg {\n      width: 30px;\n      height: 30px;\n    }\n\n    .feature-box-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1e3a8a;\n      margin: 0 0 6px 0;\n    }\n\n    .feature-box-text {\n      font-size: 13px;\n      color: #1e40af;\n      margin: 0;\n      line-height: 1.4;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .why-choose-content {\n        gap: 40px;\n      }\n\n      .why-choose-title {\n        font-size: 38px;\n      }\n\n      .bottom-features {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }\n    }\n\n    @media (max-width: 968px) {\n      .why-choose-section {\n        padding: 60px 15px;\n      }\n\n      .why-choose-content {\n        grid-template-columns: 1fr;\n        gap: 35px;\n      }\n\n      .why-choose-title {\n        font-size: 34px;\n      }\n\n      .why-choose-intro {\n        font-size: 15px;\n      }\n\n      .bottom-features {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .why-choose-section {\n        padding: 50px 15px;\n      }\n\n      .why-choose-header {\n        margin-bottom: 40px;\n      }\n\n      .why-choose-title {\n        font-size: 28px;\n      }\n\n      .system-image-wrapper {\n        padding: 15px;\n      }\n\n      .image-badge {\n        top: 25px;\n        right: 25px;\n        padding: 8px 16px;\n        font-size: 11px;\n      }\n\n      .key-point-item {\n        padding: 18px 20px;\n      }\n\n      .key-point-icon {\n        width: 36px;\n        height: 36px;\n      }\n\n      .key-point-icon svg {\n        width: 20px;\n        height: 20px;\n      }\n\n      .key-point-title {\n        font-size: 15px;\n      }\n\n      .key-point-text {\n        font-size: 13px;\n      }\n\n      .bottom-features {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .feature-box {\n        padding: 20px;\n      }\n\n      .feature-box-icon {\n        width: 50px;\n        height: 50px;\n        margin-bottom: 12px;\n      }\n\n      .feature-box-icon svg {\n        width: 26px;\n        height: 26px;\n      }\n    }\n  <\/style>\n\n  <div class=\"why-choose-container\">\n    <!-- Section Header -->\n    <div class=\"why-choose-header\">\n      <span class=\"why-choose-label\">S\u01a1 \u0111\u1ed3 h\u1ec7 th\u1ed1ng \u0111i\u1ec1u h\u00f2a kh\u00f4ng kh\u00ed ki\u1ec3u t\u00e1ch r\u1eddi<\/span>\n      <h2 class=\"why-choose-title\">\n        T\u1ea1i sao n\u00ean ch\u1ecdn <span class=\"highlight\">H\u1ec7 th\u1ed1ng c\u1ee7a ch\u00fang t\u00f4i?<\/span>\n      <\/h2>\n      <p class=\"why-choose-intro\">\n        M\u00e1y n\u01b0\u1edbc n\u00f3ng n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi ki\u1ec3u t\u00e1ch r\u1eddi c\u1ee7a ch\u00fang t\u00f4i k\u1ebft h\u1ee3p c\u00f4ng ngh\u1ec7 \u1ed1ng d\u1eabn nhi\u1ec7t do \u0110\u1ee9c ph\u00e1t tri\u1ec3n, \u1ed1ng ch\u00e2n kh\u00f4ng \u0111\u1ea1t ti\u00eau chu\u1ea9n qu\u00e2n s\u1ef1 v\u00e0 thi\u1ebft k\u1ebf t\u00e1ch r\u1eddi th\u00f4ng minh, mang l\u1ea1i hi\u1ec7u su\u1ea5t v\u01b0\u1ee3t tr\u1ed9i v\u00e0 t\u00ednh linh ho\u1ea1t cao. V\u1edbi m\u1ed9t <strong>B\u1ea3o h\u00e0nh b\u1ed3n ch\u1ee9a 10 n\u0103m<\/strong> cURL Too many subrequests. <strong>B\u1ea3o h\u00e0nh 5 n\u0103m cho \u1ed1ng ch\u00e2n kh\u00f4ng<\/strong>, t\u1eadn h\u01b0\u1edfng th\u1eddi gian thu h\u1ed3i v\u1ed1n nhanh ch\u00f3ng ch\u1ec9 trong <strong>3\u20135 n\u0103m<\/strong> v\u00e0 tu\u1ed5i th\u1ecd b\u1ec1n b\u1ec9 l\u00ean \u0111\u1ebfn h\u01a1n <strong>20 n\u0103m<\/strong>.\n      <\/p>\n    <\/div>\n\n    <!-- Main Content -->\n    <div class=\"why-choose-content\">\n      <!-- Left - System Image -->\n      <div class=\"system-image-wrapper\">\n        <img loading=\"lazy\" height=\"1000\" width=\"1500\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1752889120206907.jpg.webp\" alt=\"Solar Split System - Rooftop Collector + Indoor Tank\">\n        <div class=\"image-badge\">Thi\u1ebft k\u1ebf chia \u0111\u00f4i<\/div>\n      <\/div>\n\n      <!-- Right - Key Points -->\n      <div class=\"key-points\">\n        <div class=\"key-point-item\">\n          <div class=\"key-point-title\">\n            <div class=\"key-point-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n              <\/svg>\n            <\/div>\n            K\u1ef9 thu\u1eadt \u0110\u1ee9c\n          <\/div>\n          <p class=\"key-point-text\">\n            C\u00f4ng ngh\u1ec7 \u1ed1ng d\u1eabn nhi\u1ec7t ti\u00ean ti\u1ebfn \u0111\u1ea3m b\u1ea3o hi\u1ec7u su\u1ea5t t\u1ed1i \u0111a trong m\u1ecdi \u0111i\u1ec1u ki\u1ec7n th\u1eddi ti\u1ebft.\n          <\/p>\n        <\/div>\n\n        <div class=\"key-point-item\">\n          <div class=\"key-point-title\">\n            <div class=\"key-point-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n              <\/svg>\n            <\/div>\n            Ch\u1ea5t l\u01b0\u1ee3ng \u0111\u1ea1t ti\u00eau chu\u1ea9n qu\u00e2n s\u1ef1\n          <\/div>\n          <p class=\"key-point-text\">\n            C\u00e1c \u1ed1ng ch\u00e2n kh\u00f4ng ch\u1ea5t l\u01b0\u1ee3ng cao c\u00f3 kh\u1ea3 n\u0103ng ch\u1ecbu \u0111\u01b0\u1ee3c nhi\u1ec7t \u0111\u1ed9 c\u1ef1c cao v\u00e0 m\u00f4i tr\u01b0\u1eddng kh\u1eafc nghi\u1ec7t.\n          <\/p>\n        <\/div>\n\n        <div class=\"key-point-item\">\n          <div class=\"key-point-title\">\n            <div class=\"key-point-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\n                <polyline points=\"9 22 9 12 15 12 15 22\"\/>\n              <\/svg>\n            <\/div>\n            L\u1eafp \u0111\u1eb7t linh ho\u1ea1t\n          <\/div>\n          <p class=\"key-point-text\">\n            Thi\u1ebft k\u1ebf t\u00e1ch bi\u1ec7t cho ph\u00e9p l\u1eafp \u0111\u1eb7t h\u1ec7 th\u1ed1ng thu nhi\u1ec7t tr\u00ean m\u00e1i nh\u00e0 v\u00e0 b\u1ed3n ch\u1ee9a b\u00ean trong, ph\u00f9 h\u1ee3p v\u1edbi m\u1ecdi ki\u1ec3u b\u1ed1 tr\u00ed c\u00f4ng tr\u00ecnh.\n          <\/p>\n        <\/div>\n\n        <div class=\"key-point-item\">\n          <div class=\"key-point-title\">\n            <div class=\"key-point-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\n              <\/svg>\n            <\/div>\n            H\u1ec7 th\u1ed1ng \u0111i\u1ec1u khi\u1ec3n th\u00f4ng minh\n          <\/div>\n          <p class=\"key-point-text\">\n            B\u1ed9 \u0111i\u1ec1u khi\u1ec3n th\u00f4ng minh t\u1ed1i \u01b0u h\u00f3a vi\u1ec7c s\u1eed d\u1ee5ng n\u0103ng l\u01b0\u1ee3ng nh\u1edd h\u1ec7 th\u1ed1ng s\u01b0\u1edfi \u0111i\u1ec7n d\u1ef1 ph\u00f2ng.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Bottom Features -->\n    <div class=\"bottom-features\">\n      <div class=\"feature-box\">\n        <div class=\"feature-box-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/>\n            <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"feature-box-title\">Th\u1eddi gian ho\u00e0n v\u1ed1n t\u1eeb 3 \u0111\u1ebfn 5 n\u0103m<\/div>\n        <p class=\"feature-box-text\">Thu h\u1ed3i v\u1ed1n nhanh ch\u00f3ng<\/p>\n      <\/div>\n\n      <div class=\"feature-box\">\n        <div class=\"feature-box-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <polyline points=\"12 6 12 12 16 14\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"feature-box-title\">Tu\u1ed5i th\u1ecd tr\u00ean 20 n\u0103m<\/div>\n        <p class=\"feature-box-text\">Long-term reliability<\/p>\n      <\/div>\n\n      <div class=\"feature-box\">\n        <div class=\"feature-box-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"feature-box-title\">Eco-Friendly<\/div>\n        <p class=\"feature-box-text\">Gi\u1ea3i ph\u00e1p n\u0103ng l\u01b0\u1ee3ng b\u1ec1n v\u1eefng<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  function handleScrollAnimation() {\n    const imageWrapper = document.querySelector('.why-choose-section .system-image-wrapper');\n    const keyPoints = document.querySelectorAll('.why-choose-section .key-point-item');\n    const featureBoxes = document.querySelectorAll('.why-choose-section .feature-box');\n    \n    if (imageWrapper) {\n      const rect = imageWrapper.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 100;\n      \n      if (isVisible && !imageWrapper.classList.contains('animated')) {\n        imageWrapper.style.opacity = '1';\n        imageWrapper.style.transform = 'scale(1)';\n        imageWrapper.classList.add('animated');\n      }\n    }\n\n    keyPoints.forEach((item, index) => {\n      const rect = item.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 80;\n      \n      if (isVisible && !item.classList.contains('animated')) {\n        setTimeout(() => {\n          item.style.opacity = '1';\n          item.style.transform = 'translateX(0)';\n          item.classList.add('animated');\n        }, index * 80);\n      }\n    });\n\n    featureBoxes.forEach((box, index) => {\n      const rect = box.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 80;\n      \n      if (isVisible && !box.classList.contains('animated')) {\n        setTimeout(() => {\n          box.style.opacity = '1';\n          box.style.transform = 'translateY(0)';\n          box.classList.add('animated');\n        }, index * 100);\n      }\n    });\n  }\n  \n  const imageWrapper = document.querySelector('.why-choose-section .system-image-wrapper');\n  const keyPoints = document.querySelectorAll('.why-choose-section .key-point-item');\n  const featureBoxes = document.querySelectorAll('.why-choose-section .feature-box');\n  \n  if (imageWrapper) {\n    imageWrapper.style.opacity = '0';\n    imageWrapper.style.transform = 'scale(0.95)';\n    imageWrapper.style.transition = 'all 0.6s ease';\n  }\n\n  keyPoints.forEach(item => {\n    item.style.opacity = '0';\n    item.style.transform = 'translateX(-20px)';\n    item.style.transition = 'all 0.5s ease';\n  });\n\n  featureBoxes.forEach(box => {\n    box.style.opacity = '0';\n    box.style.transform = 'translateY(20px)';\n    box.style.transition = 'all 0.5s ease';\n  });\n  \n  window.addEventListener('scroll', handleScrollAnimation);\n  setTimeout(handleScrollAnimation, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54b10c1 e-con-full e-flex e-con e-parent\" data-id=\"54b10c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-317b596 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"317b596\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"projects-showcase\">\n    <div class=\"container\">\n        <!-- Section Header -->\n        <div class=\"section-header\">\n            <span class=\"section-label\">cURL Too many subrequests.<\/span>\n            <h2 class=\"section-title\">cURL Too many subrequests. <span class=\"title-highlight\">cURL Too many subrequests.<\/span><\/h2>\n            <p class=\"section-description\">cURL Too many subrequests.<\/p>\n        <\/div>\n\n        <div class=\"projects-layout\">\n            <!-- Featured Project - Left Side -->\n            <article class=\"project-featured\">\n                <div class=\"featured-image\">\n                    <img loading=\"lazy\" height=\"728\" width=\"1254\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Centralized-solar-heating-for-Saga-County-town-in-Shigatse-City.png\" alt=\"Centralized Solar Heating\">\n                    <span class=\"featured-badge\">cURL Too many subrequests.<\/span>\n                <\/div>\n                <div class=\"featured-content\">\n                    <h3>cURL Too many subrequests.<\/h3>\n                    <div class=\"meta-tags\">\n                        <span>2019<\/span>\n                        <span>cURL Too many subrequests.<\/span>\n                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n                    <p>cURL Too many subrequests.<\/p>\n                    <div class=\"achievements-list\">\n                        <div class=\"achievement\">cURL Too many subrequests.<\/div>\n                        <div class=\"achievement\">cURL Too many subrequests.<\/div>\n                        <div class=\"achievement\">cURL Too many subrequests.<\/div>\n                    <\/div>\n                    <div class=\"featured-actions\">\n                        <button class=\"btn-primary\">\n                            <span>cURL Too many subrequests.<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"btn-secondary\">Xem Chi Ti\u1ebft<\/button>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Right Side Grid -->\n            <div class=\"projects-grid\">\n                <!-- Project 2 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"755\" width=\"1313\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Tianjin-School-TPV-Pro-Heat-Pump-Coupled-Heating-Project.png\" alt=\"Tianjin School\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>D\u1ef1 \u00c1n B\u01a1m Nhi\u1ec7t TPV Pro+ Tr\u01b0\u1eddng Thi\u00ean T\u00e2n<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2024<\/span>\n                            <span>Thi\u00ean T\u00e2n<\/span>\n                            <span>3.000 m\u00b2<\/span>\n                        <\/div>\n                        <p>H\u1ec7 th\u1ed1ng b\u01a1m nhi\u1ec7t TPV Pro+ \u0111\u00e1p \u1ee9ng nhu c\u1ea7u s\u01b0\u1edfi \u1ea5m c\u1ee7a h\u1ecdc sinh \u0111\u1ed3ng th\u1eddi t\u1ea1o ra \u0111i\u1ec7n t\u1ea1i ch\u1ed7.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>cURL Too many subrequests.<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">Xem Chi Ti\u1ebft<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- Project 3 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"460\" width=\"801\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Hot-Water-System-for-APEC-Summit-National-Leaders-Reception-Hotel.png\" alt=\"APEC Summit\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>H\u1ec7 Th\u1ed1ng N\u01b0\u1edbc N\u00f3ng Kh\u00e1ch S\u1ea1n H\u1ed9i Ngh\u1ecb APEC<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2014<\/span>\n                            <span>B\u1eafc Kinh<\/span>\n                            <span>50 t\u1ea5n\/ng\u00e0y<\/span>\n                        <\/div>\n                        <p>Cung c\u1ea5p n\u01b0\u1edbc n\u00f3ng cho kh\u00e1ch s\u1ea1n H\u1ed9i ngh\u1ecb APEC. Ti\u1ebft ki\u1ec7m 150.000 kWh m\u1ed7i n\u0103m, gi\u1ea3m 74 t\u1ea5n CO2.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>cURL Too many subrequests.<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">Xem Chi Ti\u1ebft<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- Project 4 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"565\" width=\"952\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Florida-Resort-Villa-Hot-Water-Project-USA.png\" alt=\"Florida Resort\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>D\u1ef1 \u00c1n N\u01b0\u1edbc N\u00f3ng Bi\u1ec7t Th\u1ef1 Khu Ngh\u1ec9 D\u01b0\u1ee1ng Florida<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2022<\/span>\n                            <span>Florida, Hoa K\u1ef3<\/span>\n                            <span>200L\/ng\u00e0y<\/span>\n                        <\/div>\n                        <p>M\u00e1y n\u01b0\u1edbc n\u00f3ng t\u1ea5m ph\u1eb3ng cung c\u1ea5p 200L n\u01b0\u1edbc n\u00f3ng h\u00e0ng ng\u00e0y cho m\u1ed7i bi\u1ec7t th\u1ef1 khu ngh\u1ec9 d\u01b0\u1ee1ng.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>cURL Too many subrequests.<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">Xem Chi Ti\u1ebft<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- Project 5 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"534\" width=\"902\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Harz-Church-Hot-Water-Project-Germany.png\" alt=\"Harz Church\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>D\u1ef1 \u00c1n N\u01b0\u1edbc N\u00f3ng Nh\u00e0 Th\u1edd Harz<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2021<\/span>\n                            <span>\u0110\u1ee9c<\/span>\n                            <span>22 t\u1ea5n\/ng\u00e0y<\/span>\n                        <\/div>\n                        <p>B\u1ed9 thu nhi\u1ec7t c\u1ea5p k\u1ef9 thu\u1eadt \u0111\u01b0\u1ee3c c\u1ea5u h\u00ecnh n\u1ed1i ti\u1ebfp\/song song cung c\u1ea5p ngu\u1ed3n n\u01b0\u1edbc n\u00f3ng \u0111\u00e1ng tin c\u1eady.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>cURL Too many subrequests.<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">Xem Chi Ti\u1ebft<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.projects-showcase {\n    padding: 70px 0;\n    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\n}\n\n.container {\n    max-width: 1480px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.section-header {\n    text-align: center;\n    max-width: 700px;\n    margin: 0 auto 50px;\n}\n\n.section-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: 12px;\n}\n\n.section-title {\n    font-size: 44px;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.2;\n}\n\n.title-highlight {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.section-description {\n    font-size: 17px;\n    line-height: 1.6;\n    color: #64748b;\n}\n\n.projects-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: stretch;\n}\n\n\/* Featured Project *\/\n.project-featured {\n    background: white;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    position: relative;\n}\n\n.project-featured::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #3b82f6, #1d4ed8);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.project-featured:hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n    transform: translateY(-5px);\n}\n\n.project-featured:hover::before {\n    opacity: 1;\n}\n\n.featured-image {\n    position: relative;\n    height: 300px;\n    overflow: hidden;\n    flex-shrink: 0;\n}\n\n.featured-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.project-featured:hover .featured-image img {\n    transform: scale(1.06);\n}\n\n.featured-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 6px 16px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    border-radius: 20px;\n}\n\n.featured-content {\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n}\n\n.featured-content h3 {\n    font-size: 24px;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.meta-tags {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 16px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid #e8e8e8;\n}\n\n.meta-tags span {\n    font-size: 12px;\n    font-weight: 600;\n    color: #64748b;\n    padding: 4px 12px;\n    background: linear-gradient(135deg, #e0f2fe, #bae6fd);\n    border-radius: 12px;\n    border: 1px solid #7dd3fc;\n}\n\n.featured-content p {\n    font-size: 15px;\n    line-height: 1.7;\n    color: #64748b;\n    margin-bottom: 20px;\n}\n\n.achievements-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 24px;\n}\n\n.achievement {\n    font-size: 13px;\n    color: #1e293b;\n    padding: 10px 14px;\n    background: linear-gradient(135deg, #e0f2fe, #bae6fd);\n    border-left: 3px solid #3b82f6;\n    border-radius: 4px;\n    font-weight: 500;\n    line-height: 1.5;\n}\n\n.featured-actions {\n    display: flex;\n    gap: 10px;\n    margin-top: auto;\n}\n\n.btn-primary, .btn-secondary {\n    border: none;\n    border-radius: 8px;\n    font-weight: 600;\n    font-size: 0.85rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.btn-primary {\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 10px 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex: 1;\n    justify-content: center;\n}\n\n.btn-primary svg {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.3s ease;\n}\n\n.btn-primary:hover {\n    background: linear-gradient(135deg, #2563eb, #1d4ed8);\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n}\n\n.btn-primary:hover svg {\n    transform: translateX(2px);\n}\n\n.btn-secondary {\n    background: transparent;\n    color: #64748b;\n    padding: 10px 16px;\n    border: 1px solid #cbd5e1;\n}\n\n.btn-secondary:hover {\n    background: #f8fafc;\n    color: #475569;\n    border-color: #94a3b8;\n}\n\n\/* Small Button Variant for Cards *\/\n.btn-small {\n    font-size: 0.75rem;\n    padding: 8px 12px;\n}\n\n.btn-small svg {\n    width: 14px;\n    height: 14px;\n}\n\n\/* Right Side Grid *\/\n.projects-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: repeat(2, 1fr);\n    gap: 24px;\n    height: 100%;\n}\n\n.project-card {\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    position: relative;\n}\n\n.project-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, #1d4ed8);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.project-card:hover {\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n    transform: translateY(-4px);\n}\n\n.project-card:hover::before {\n    opacity: 1;\n}\n\n.card-image {\n    height: 160px;\n    overflow: hidden;\n    flex-shrink: 0;\n}\n\n.card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.project-card:hover .card-image img {\n    transform: scale(1.08);\n}\n\n.card-content {\n    padding: 20px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.card-content h4 {\n    font-size: 17px;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 12px;\n    line-height: 1.4;\n}\n\n.card-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 12px;\n}\n\n.card-meta span {\n    font-size: 11px;\n    font-weight: 600;\n    color: #64748b;\n    padding: 3px 10px;\n    background: linear-gradient(135deg, #e0f2fe, #bae6fd);\n    border-radius: 10px;\n    border: 1px solid #7dd3fc;\n}\n\n.card-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #64748b;\n    margin-bottom: 16px;\n    flex: 1;\n}\n\n\/* Card Actions *\/\n.card-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: auto;\n}\n\n.card-actions .btn-primary,\n.card-actions .btn-secondary {\n    flex: 1;\n}\n\n@media (max-width: 1200px) {\n    .container {\n        padding: 0 30px;\n    }\n    \n    .section-title {\n        font-size: 38px;\n    }\n    \n    .projects-layout {\n        gap: 28px;\n    }\n    \n    .featured-image {\n        height: 260px;\n    }\n    \n    .card-image {\n        height: 140px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .projects-layout {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n    \n    .projects-grid {\n        grid-template-columns: repeat(2, 1fr);\n        grid-template-rows: auto;\n        gap: 20px;\n    }\n    \n    .featured-image {\n        height: 300px;\n    }\n    \n    .card-image {\n        height: 180px;\n    }\n}\n\n@media (max-width: 768px) {\n    .projects-showcase {\n        padding: 60px 0;\n    }\n    \n    .container {\n        padding: 0 20px;\n    }\n    \n    .section-header {\n        margin-bottom: 40px;\n    }\n    \n    .section-title {\n        font-size: 32px;\n    }\n    \n    .section-description {\n        font-size: 16px;\n    }\n    \n    .featured-image {\n        height: 240px;\n    }\n    \n    .featured-content {\n        padding: 24px;\n    }\n    \n    .featured-content h3 {\n        font-size: 21px;\n    }\n    \n    .card-content h4 {\n        font-size: 16px;\n    }\n    \n    .featured-actions {\n        flex-direction: column;\n    }\n    \n    .btn-primary, .btn-secondary {\n        width: 100%;\n        justify-content: center;\n    }\n    \n    .card-actions {\n        flex-direction: column;\n    }\n}\n\n@media (max-width: 640px) {\n    .projects-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .card-image {\n        height: 200px;\n    }\n}\n\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 28px;\n    }\n    \n    .featured-image {\n        height: 220px;\n    }\n    \n    .featured-content h3 {\n        font-size: 19px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c402f8b e-con-full e-flex e-con e-parent\" data-id=\"c402f8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82fea8f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"82fea8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Company Introduction Module -->\n<section class=\"company-intro-module\">\n  <style>\n    \/* Company Introduction Module Styles - Isolated *\/\n    .company-intro-module {\n      padding: 50px 20px;\n      background: #ffffff;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      box-sizing: border-box;\n    }\n\n    .company-intro-module *,\n    .company-intro-module *::before,\n    .company-intro-module *::after {\n      box-sizing: border-box;\n    }\n\n    .company-intro-module .intro-wrapper {\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    \/* Header Section *\/\n    .company-intro-module .intro-main-header {\n      text-align: center;\n      margin-bottom: 35px;\n    }\n\n    .company-intro-module .intro-label {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #0066cc;\n      margin-bottom: 8px;\n      padding: 5px 15px;\n      background: rgba(0, 102, 204, 0.08);\n      border-radius: 20px;\n    }\n\n    .company-intro-module .intro-main-title {\n      font-size: 36px;\n      font-weight: 700;\n      color: #1a1a1a;\n      line-height: 1.2;\n      margin: 10px 0 8px 0;\n    }\n\n    .company-intro-module .intro-main-title .highlight {\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .company-intro-module .intro-subtitle {\n      font-size: 15px;\n      color: #666;\n      max-width: 700px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* Main Content Grid *\/\n    .company-intro-module .intro-main-grid {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr;\n      gap: 30px;\n      margin-bottom: 35px;\n    }\n\n    \/* Image Card *\/\n    .company-intro-module .intro-image-card {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);\n      background: #f8f9fa;\n      height: 380px;\n    }\n\n    .company-intro-module .intro-image-card img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }\n\n    .company-intro-module .intro-image-card:hover img {\n      transform: scale(1.06);\n    }\n\n    .company-intro-module .image-badge {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(10px);\n      padding: 10px 18px;\n      border-radius: 30px;\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n    }\n\n    .company-intro-module .badge-text {\n      font-size: 12px;\n      font-weight: 700;\n      color: #0066cc;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Content Card *\/\n    .company-intro-module .intro-content-card {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      padding: 25px 30px;\n      background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n      border-radius: 16px;\n      border: 1px solid #e9ecef;\n    }\n\n    .company-intro-module .content-description {\n      font-size: 14px;\n      line-height: 1.7;\n      color: #4a4a4a;\n      margin-bottom: 15px;\n    }\n\n    .company-intro-module .content-description:last-of-type {\n      margin-bottom: 0;\n    }\n\n    .company-intro-module .content-description strong {\n      color: #1a1a1a;\n      font-weight: 600;\n    }\n\n    .company-intro-module .stats-row {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 15px;\n      margin-top: 20px;\n    }\n\n    .company-intro-module .stat-box {\n      text-align: center;\n      padding: 18px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n      transition: all 0.3s ease;\n    }\n\n    .company-intro-module .stat-box:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 25px rgba(0, 102, 204, 0.1);\n    }\n\n    .company-intro-module .stat-number {\n      font-size: 28px;\n      font-weight: 700;\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      line-height: 1.2;\n      margin-bottom: 5px;\n      display: block;\n    }\n\n    .company-intro-module .stat-label {\n      font-size: 12px;\n      color: #666;\n      font-weight: 500;\n      display: block;\n    }\n\n    \/* Features Section *\/\n    .company-intro-module .features-section {\n      margin-top: 35px;\n      padding: 40px 30px;\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      border-radius: 16px;\n    }\n\n    .company-intro-module .features-title {\n      font-size: 24px;\n      font-weight: 700;\n      color: #ffffff;\n      text-align: center;\n      margin-bottom: 25px;\n      margin-top: 0;\n    }\n\n    .company-intro-module .features-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n\n    .company-intro-module .feature-card {\n      padding: 25px 20px;\n      background: #ffffff;\n      border-radius: 14px;\n      text-align: center;\n      transition: all 0.3s ease;\n      border: 2px solid #f0f0f0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .company-intro-module .feature-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #0066cc, #00a8e8);\n      transform: scaleX(0);\n      transition: transform 0.3s ease;\n    }\n\n    .company-intro-module .feature-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 35px rgba(0, 102, 204, 0.12);\n      border-color: #0066cc;\n    }\n\n    .company-intro-module .feature-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .company-intro-module .feature-icon-wrapper {\n      width: 60px;\n      height: 60px;\n      margin: 0 auto 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 168, 232, 0.1));\n      border-radius: 14px;\n      transition: all 0.3s ease;\n    }\n\n    .company-intro-module .feature-card:hover .feature-icon-wrapper {\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      transform: scale(1.08) rotate(3deg);\n    }\n\n    .company-intro-module .feature-icon-wrapper svg {\n      transition: all 0.3s ease;\n      display: block;\n      stroke: #0066cc;\n    }\n\n    .company-intro-module .feature-card:hover .feature-icon-wrapper svg {\n      stroke: #ffffff;\n    }\n\n    .company-intro-module .feature-card h3 {\n      font-size: 16px;\n      font-weight: 600;\n      color: #1a1a1a;\n      margin: 12px 0 8px;\n      line-height: 1.3;\n      padding: 0;\n    }\n\n    .company-intro-module .feature-card p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Gallery Section *\/\n    .company-intro-module .gallery-section {\n      margin-top: 40px;\n    }\n\n    .company-intro-module .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 20px;\n    }\n\n    .company-intro-module .gallery-item {\n      position: relative;\n      border-radius: 14px;\n      overflow: hidden;\n      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s ease;\n      aspect-ratio: 1;\n      background: #f8f9fa;\n    }\n\n    .company-intro-module .gallery-item:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 40px rgba(0, 102, 204, 0.15);\n    }\n\n    .company-intro-module .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s ease;\n    }\n\n    .company-intro-module .gallery-item:hover img {\n      transform: scale(1.1);\n    }\n\n    .company-intro-module .gallery-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);\n      opacity: 0;\n      transition: opacity 0.4s ease;\n      display: flex;\n      align-items: flex-end;\n      padding: 20px;\n    }\n\n    .company-intro-module .gallery-item:hover .gallery-overlay {\n      opacity: 1;\n    }\n\n    .company-intro-module .gallery-caption {\n      color: #ffffff;\n      font-size: 14px;\n      font-weight: 600;\n      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n      .company-intro-module .intro-main-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n      }\n\n      .company-intro-module .intro-image-card {\n        height: 320px;\n      }\n\n      .company-intro-module .features-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .company-intro-module .gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n      }\n\n      .company-intro-module .intro-main-title {\n        font-size: 30px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .company-intro-module {\n        padding: 35px 15px;\n      }\n\n      .company-intro-module .intro-main-header {\n        margin-bottom: 25px;\n      }\n\n      .company-intro-module .intro-main-title {\n        font-size: 26px;\n      }\n\n      .company-intro-module .intro-subtitle {\n        font-size: 14px;\n      }\n\n      .company-intro-module .intro-content-card {\n        padding: 20px;\n      }\n\n      .company-intro-module .stats-row {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n\n      .company-intro-module .features-section {\n        padding: 30px 20px;\n      }\n\n      .company-intro-module .features-title {\n        font-size: 20px;\n        margin-bottom: 20px;\n      }\n\n      .company-intro-module .intro-image-card {\n        height: 280px;\n      }\n\n      .company-intro-module .gallery-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"intro-wrapper\">\n    <!-- Header Section -->\n    <div class=\"intro-main-header\">\n      <span class=\"intro-label\">Ch\u00fang T\u00f4i L\u00e0 Ai<\/span>\n      <h1 class=\"intro-main-title\">D\u1eabn \u0110\u1ea7u T\u01b0\u01a1ng Lai C\u1ee7a <span class=\"highlight\">N\u0103ng L\u01b0\u1ee3ng S\u1ea1ch<\/span><\/h1>\n      <p class=\"intro-subtitle\">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<\/p>\n    <\/div>\n\n    <!-- Main Content Grid -->\n    <div class=\"intro-main-grid\">\n      <!-- Image Card -->\n      <div class=\"intro-image-card\">\n        <img loading=\"lazy\" height=\"1152\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/494685619_1404751250597164_7706161979368977777_n.jpg\" alt=\"SOLETKS Clean Energy Technology\">\n        <div class=\"image-badge\">\n          <span class=\"badge-text\">D\u1eabn \u0111\u1ea7u ng\u00e0nh c\u00f4ng nghi\u1ec7p<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Content Card -->\n      <div class=\"intro-content-card\">\n        <p class=\"content-description\">\n          <strong>SOLETKS<\/strong> l\u00e0 m\u1ed9t 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 c\u1ed1t l\u00f5i <strong>Nhi\u1ec7t n\u0103ng s\u1ea1ch d\u1ea1ng t\u1ea5m ph\u1eb3ng<\/strong> c\u00f4ng ngh\u1ec7, 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 class=\"content-description\">\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-box\">\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-box\">\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    <!-- Features Section -->\n    <div class=\"features-section\">\n      <h2 class=\"features-title\">\u0110i\u1ec3m m\u1ea1nh c\u1ed1t l\u00f5i c\u1ee7a ch\u00fang t\u00f4i<\/h2>\n      <div class=\"features-grid\">\n        <div class=\"feature-card\">\n          <div class=\"feature-icon-wrapper\">\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\n              <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/>\n              <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/>\n              <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/>\n              <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/>\n              <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/>\n              <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/>\n              <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/>\n              <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/>\n            <\/svg>\n          <\/div>\n          <h3>T\u00edch h\u1ee3p n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi<\/h3>\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=\"feature-card\">\n          <div class=\"feature-icon-wrapper\">\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n              <polyline points=\"14 2 14 8 20 8\"\/>\n              <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n              <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n              <polyline points=\"10 9 9 9 8 9\"\/>\n            <\/svg>\n          <\/div>\n          <h3>H\u01a1n 117 b\u1eb1ng s\u00e1ng ch\u1ebf<\/h3>\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=\"feature-card\">\n          <div class=\"feature-icon-wrapper\">\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n              <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n              <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n              <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n            <\/svg>\n          <\/div>\n          <h3>\u0110\u1ed1i t\u00e1c nghi\u00ean c\u1ee9u<\/h3>\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    <\/div>\n\n    <!-- Gallery Section -->\n    <div class=\"gallery-section\">\n      <div class=\"gallery-grid\">\n        <div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662599508.jpeg\" alt=\"SOLETKS Product 1\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">\u0110\u1ed5i m\u1edbi trong h\u00e0nh \u0111\u1ed9ng<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1366\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662438978.jpeg\" alt=\"SOLETKS Product 2\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">C\u00f4ng ngh\u1ec7 ti\u00ean ti\u1ebfn<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1152\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662607911.jpeg\" alt=\"SOLETKS Product 3\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">Gi\u1ea3i ph\u00e1p b\u1ec1n v\u1eefng<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1152\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662437572.jpeg\" alt=\"SOLETKS Product 4\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">S\u1ef1 Xu\u1ea5t S\u1eafc To\u00e0n C\u1ea7u<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28a1104 e-con-full e-flex e-con e-parent\" data-id=\"28a1104\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59ae54d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"59ae54d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Global Customers Gallery Section -->\n<section class=\"customers-gallery-section\">\n  <style>\n    \/* Customers Gallery Section Styles *\/\n    .customers-gallery-section {\n      padding: 100px 20px;\n      background: #0a0f1a;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* Background Image Mosaic *\/\n    .background-mosaic {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      grid-template-rows: repeat(2, 1fr);\n      gap: 0;\n      opacity: 0.7;\n      z-index: 0;\n    }\n\n    .mosaic-item {\n      width: 100%;\n      height: 100%;\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      filter: grayscale(0%) brightness(0.9);\n      transition: all 0.5s ease;\n    }\n\n    .mosaic-item:hover {\n      filter: grayscale(0%) brightness(1.15);\n      transform: scale(1.05);\n    }\n\n    \/* \u7279\u6b8a\u5b9a\u4f4d\u7b2c\u4e8c\u884c\u7b2c\u4e00\u5f20\u56fe\u7247 *\/\n    .mosaic-item:nth-child(5) {\n      background-position: center top;\n    }\n\n    \/* Overlay Gradient *\/\n    .customers-gallery-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, \n        rgba(12, 22, 41, 0.5) 0%, \n        rgba(30, 58, 138, 0.45) 25%,\n        rgba(29, 78, 216, 0.4) 50%,\n        rgba(37, 99, 235, 0.45) 75%,\n        rgba(59, 130, 246, 0.5) 100%\n      );\n      z-index: 1;\n    }\n\n    \/* Animated Particles *\/\n    .customers-gallery-section::after {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -20%;\n      width: 800px;\n      height: 800px;\n      background: radial-gradient(circle, rgba(251, 191, 36, 0.08) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 1;\n      animation: floatParticle 20s ease-in-out infinite;\n    }\n\n    @keyframes floatParticle {\n      0%, 100% {\n        transform: translate(0, 0) scale(1);\n      }\n      50% {\n        transform: translate(-100px, 100px) scale(1.1);\n      }\n    }\n\n    .customers-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* Section Header *\/\n    .customers-header {\n      text-align: center;\n      margin-bottom: 0;\n    }\n\n    .customers-label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      color: #fbbf24;\n      margin-bottom: 20px;\n      padding: 8px 24px;\n      background: rgba(251, 191, 36, 0.2);\n      border-radius: 30px;\n      border: 1px solid rgba(251, 191, 36, 0.5);\n      backdrop-filter: blur(15px);\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n    }\n\n    .customers-title {\n      font-size: 52px;\n      font-weight: 700;\n      color: #ffffff;\n      line-height: 1.2;\n      margin: 0 0 25px 0;\n      text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 2px 10px rgba(0, 0, 0, 0.6);\n    }\n\n    .customers-title .highlight {\n      background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      text-shadow: none;\n      position: relative;\n      filter: drop-shadow(0 2px 8px rgba(251, 191, 36, 0.5));\n    }\n\n    .customers-title .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #fbbf24, #f59e0b);\n      border-radius: 2px;\n      box-shadow: 0 2px 10px rgba(251, 191, 36, 0.6);\n    }\n\n    .customers-subtitle {\n      font-size: 20px;\n      color: rgba(255, 255, 255, 1);\n      margin: 0 0 20px 0;\n      line-height: 1.6;\n      font-weight: 600;\n      text-shadow: 0 3px 15px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.6);\n    }\n\n    .customers-description {\n      font-size: 17px;\n      color: rgba(255, 255, 255, 0.98);\n      max-width: 900px;\n      margin: 0 auto 70px;\n      line-height: 1.8;\n      text-shadow: 0 3px 12px rgba(0, 0, 0, 0.7), 0 2px 6px rgba(0, 0, 0, 0.5);\n      font-weight: 500;\n    }\n\n    \/* CTA Section *\/\n    .customers-cta {\n      text-align: center;\n      margin-top: 0;\n    }\n\n    .explore-button {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n      background: linear-gradient(135deg, #fbbf24, #f59e0b);\n      color: #1e293b;\n      font-size: 18px;\n      font-weight: 700;\n      padding: 22px 55px;\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      box-shadow: 0 12px 35px rgba(251, 191, 36, 0.6), 0 6px 20px rgba(0, 0, 0, 0.4);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n    }\n\n    .explore-button::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(255, 255, 255, 0.4), transparent);\n      transition: left 0.6s ease;\n    }\n\n    .explore-button:hover {\n      transform: translateY(-4px) scale(1.05);\n      box-shadow: 0 18px 50px rgba(251, 191, 36, 0.7), 0 8px 25px rgba(0, 0, 0, 0.5);\n      background: linear-gradient(135deg, #f59e0b, #d97706);\n    }\n\n    .explore-button:hover::before {\n      left: 100%;\n    }\n\n    .explore-button svg {\n      width: 24px;\n      height: 24px;\n      transition: transform 0.3s ease;\n    }\n\n    .explore-button:hover svg {\n      transform: translateX(6px);\n    }\n\n    .explore-button:active {\n      transform: translateY(-2px) scale(1.02);\n      box-shadow: 0 10px 30px rgba(251, 191, 36, 0.65), 0 5px 18px rgba(0, 0, 0, 0.45);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .background-mosaic {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 968px) {\n      .customers-gallery-section {\n        padding: 70px 15px;\n      }\n\n      .background-mosaic {\n        grid-template-columns: repeat(2, 1fr);\n        opacity: 0.6;\n      }\n\n      .customers-title {\n        font-size: 42px;\n      }\n\n      .customers-subtitle {\n        font-size: 18px;\n      }\n\n      .customers-description {\n        font-size: 16px;\n        margin-bottom: 60px;\n      }\n\n      .explore-button {\n        padding: 20px 50px;\n        font-size: 16px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .customers-gallery-section {\n        padding: 60px 15px;\n      }\n\n      .customers-header {\n        margin-bottom: 0;\n      }\n\n      .customers-title {\n        font-size: 34px;\n      }\n\n      .customers-subtitle {\n        font-size: 17px;\n      }\n\n      .customers-description {\n        font-size: 15px;\n        margin-bottom: 50px;\n      }\n\n      .explore-button {\n        width: 100%;\n        max-width: 350px;\n        justify-content: center;\n        padding: 20px 45px;\n        font-size: 15px;\n      }\n    }\n  <\/style>\n\n  <!-- Background Mosaic -->\n  <div class=\"background-mosaic\">\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497466708_122101977332869367_3719270567425807432_n.jpg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497608519_122101977344869367_1519297593609875512_n.jpg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/499670549_122107377740869367_877933122360364159_n.jpg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/562390049_122147862644869367_200812617978916262_n.jpg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/565129666_122147862638869367_6210422942108884031_n.jpg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1746694993943.jpeg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1746775625409.jpeg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497466708_122101977332869367_3719270567425807432_n.jpg');\"><\/div>\n  <\/div>\n\n  <div class=\"customers-container\">\n    <!-- Section Header -->\n    <div class=\"customers-header\">\n      <span class=\"customers-label\">S\u1ef1 Xu\u1ea5t S\u1eafc To\u00e0n C\u1ea7u<\/span>\n      <h2 class=\"customers-title\"><span class=\"highlight\">SOLETKS<\/span> \u2013 L\u1ef1a Ch\u1ecdn H\u00e0ng \u0110\u1ea7u cho Kh\u00e1ch H\u00e0ng To\u00e0n C\u1ea7u<\/h2>\n      <p class=\"customers-subtitle\">Trusted by Industry Leaders Worldwide<\/p>\n      <p class=\"customers-description\">\n        From residential installations to large-scale industrial projects, SOLETKS delivers proven solar thermal solutions across continents, empowering sustainable energy transformation globally.\n      <\/p>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"customers-cta\">\n      <button class=\"explore-button\">\n        <span>Explore Now<\/span>\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u521d\u59cb\u5316\u6309\u94ae\u72b6\u6001\n  const exploreButton = document.querySelector('.explore-button');\n  if (exploreButton) {\n    exploreButton.style.opacity = '0';\n    exploreButton.style.transform = 'translateY(30px)';\n    exploreButton.style.transition = 'all 0.8s ease';\n    \n    \/\/ \u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n    exploreButton.addEventListener('click', function() {\n      console.log('Explore Now clicked');\n      \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u8df3\u8f6c\u6216\u5f39\u7a97\u903b\u8f91\n    });\n  }\n  \n  \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n  function handleCustomersScroll() {\n    const exploreButton = document.querySelector('.explore-button');\n    if (exploreButton) {\n      const rect = exploreButton.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 100;\n      \n      if (isVisible && !exploreButton.classList.contains('animated')) {\n        setTimeout(() => {\n          exploreButton.style.opacity = '1';\n          exploreButton.style.transform = 'translateY(0)';\n          exploreButton.classList.add('animated');\n        }, 300);\n      }\n    }\n  }\n  \n  \/\/ \u80cc\u666f\u56fe\u7247\u60ac\u6d6e\u6548\u679c\n  const mosaicItems = document.querySelectorAll('.mosaic-item');\n  mosaicItems.forEach(item => {\n    item.addEventListener('mouseenter', function() {\n      this.style.transition = 'all 0.5s ease';\n    });\n  });\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleCustomersScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleCustomersScroll, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26c02b4 e-con-full e-flex e-con e-parent\" data-id=\"26c02b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd18f69 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"dd18f69\" 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 - 4 columns *\/\n    .certificates-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n      margin-bottom: 40px;\n    }\n\n    .certificate-card {\n      background: white;\n      border-radius: 16px;\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: 4px;\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: 280px;\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: 15px;\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: 12px;\n      right: 12px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      padding: 5px 12px;\n      border-radius: 20px;\n      font-size: 10px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n    }\n\n    .certificate-info {\n      padding: 20px;\n    }\n\n    .certificate-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 6px 0;\n      line-height: 1.4;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .certificate-type {\n      font-size: 13px;\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: 1200px) {\n      .certificates-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }\n\n      .certificate-image {\n        height: 260px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .certificates-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n      }\n\n      .certificate-image {\n        height: 280px;\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      .certificate-image {\n        height: 240px;\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: 20px;\n      }\n\n      .certificate-image {\n        height: 300px;\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\" data-name=\"Test Report Certificate\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2338\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg\" alt=\"Test Report Certificate\">\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\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg\" alt=\"Solar Keymark Certificate\">\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\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" alt=\"ISO Certification 1\">\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\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" alt=\"ISO Certification 2\">\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\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" alt=\"ISO Certification 3\">\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\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg\" alt=\"Air Solar Collector Certificate\">\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\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" alt=\"Flat Plate Solar Collector Certificate\">\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\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" alt=\"PVT Certificate\">\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\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg\" alt=\"Solar Keymark Certificate 2\">\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\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" alt=\"Solar Water Heater Certificate\">\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\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" alt=\"Vacuum Tube Solar Collector Certificate\">\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\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" alt=\"ISO Certification 1\">\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\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" alt=\"ISO Certification 2\">\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\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" alt=\"ISO Certification 3\">\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\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg\" alt=\"Solar Keymark Certificate\">\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\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg\" alt=\"Solar Keymark Certificate 2\">\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\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg\" alt=\"Air Solar Collector Certificate\">\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\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" alt=\"Flat Plate Solar Collector Certificate\">\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\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" alt=\"PVT Certificate\">\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\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" alt=\"Solar Water Heater Certificate\">\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\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" alt=\"Vacuum Tube Solar Collector Certificate\">\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>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a71399a e-con-full e-flex e-con e-parent\" data-id=\"a71399a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57543fe elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"57543fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- What Sets SOLETKS Ahead Section -->\n<section class=\"advantages-section\">\n  <style>\n    \/* Advantages Section Styles *\/\n    .advantages-section {\n      padding: 80px 20px;\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .advantages-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -10%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.05) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .advantages-section::after {\n      content: '';\n      position: absolute;\n      bottom: -40%;\n      right: -8%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(29, 78, 216, 0.04) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .advantages-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Section Header *\/\n    .advantages-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .advantages-label {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 12px;\n      padding: 6px 18px;\n      background: rgba(59, 130, 246, 0.08);\n      border-radius: 20px;\n    }\n\n    .advantages-title {\n      font-size: 42px;\n      font-weight: 700;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 10px 0 15px 0;\n    }\n\n    .advantages-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .advantages-subtitle {\n      font-size: 18px;\n      color: #64748b;\n      font-weight: 500;\n      margin: 0;\n    }\n\n    \/* Advantages Grid *\/\n    .advantages-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n      margin-top: 50px;\n    }\n\n    .advantage-card {\n      background: white;\n      border-radius: 16px;\n      padding: 35px 28px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 2px solid transparent;\n      text-align: center;\n    }\n\n    .advantage-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #3b82f6, #2563eb);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }\n\n    .advantage-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.15);\n      border-color: rgba(59, 130, 246, 0.2);\n    }\n\n    .advantage-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .advantage-icon {\n      width: 70px;\n      height: 70px;\n      margin: 0 auto 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(37, 99, 235, 0.08));\n      border-radius: 18px;\n      transition: all 0.4s ease;\n      position: relative;\n    }\n\n    .advantage-card:hover .advantage-icon {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      transform: scale(1.1) rotate(-5deg);\n      box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);\n    }\n\n    .advantage-icon svg {\n      width: 36px;\n      height: 36px;\n      stroke: #3b82f6;\n      transition: all 0.4s ease;\n    }\n\n    .advantage-card:hover .advantage-icon svg {\n      stroke: white;\n      transform: scale(1.1);\n    }\n\n    .advantage-title {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 12px 0;\n      line-height: 1.3;\n    }\n\n    .advantage-description {\n      font-size: 14px;\n      line-height: 1.7;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* CTA Section *\/\n    .advantages-cta {\n      text-align: center;\n      margin-top: 60px;\n    }\n\n    .cta-button {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      font-size: 16px;\n      font-weight: 700;\n      padding: 18px 40px;\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n    }\n\n    .cta-button::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(255, 255, 255, 0.2), transparent);\n      transition: left 0.6s ease;\n    }\n\n    .cta-button:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 12px 35px rgba(59, 130, 246, 0.4);\n      background: linear-gradient(135deg, #2563eb, #1d4ed8);\n    }\n\n    .cta-button:hover::before {\n      left: 100%;\n    }\n\n    .cta-button svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n    }\n\n    .cta-button:hover svg {\n      transform: translateX(4px);\n    }\n\n    .cta-button:active {\n      transform: translateY(-1px);\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .advantages-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }\n    }\n\n    @media (max-width: 968px) {\n      .advantages-section {\n        padding: 60px 15px;\n      }\n\n      .advantages-title {\n        font-size: 34px;\n      }\n\n      .advantages-subtitle {\n        font-size: 16px;\n      }\n\n      .advantages-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n      }\n\n      .advantage-card {\n        padding: 28px 22px;\n      }\n\n      .advantages-cta {\n        margin-top: 50px;\n      }\n\n      .cta-button {\n        padding: 16px 36px;\n        font-size: 15px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .advantages-section {\n        padding: 50px 15px;\n      }\n\n      .advantages-header {\n        margin-bottom: 40px;\n      }\n\n      .advantages-title {\n        font-size: 28px;\n      }\n\n      .advantages-subtitle {\n        font-size: 15px;\n      }\n\n      .advantages-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .advantage-card {\n        padding: 30px 25px;\n        max-width: 400px;\n        margin: 0 auto;\n      }\n\n      .advantage-icon {\n        width: 64px;\n        height: 64px;\n        margin-bottom: 18px;\n      }\n\n      .advantage-icon svg {\n        width: 32px;\n        height: 32px;\n      }\n\n      .advantage-title {\n        font-size: 17px;\n      }\n\n      .advantage-description {\n        font-size: 13px;\n      }\n\n      .advantages-cta {\n        margin-top: 45px;\n      }\n\n      .cta-button {\n        width: 100%;\n        max-width: 350px;\n        justify-content: center;\n        padding: 16px 32px;\n        font-size: 14px;\n      }\n    }\n  <\/style>\n\n  <div class=\"advantages-container\">\n    <!-- Section Header -->\n    <div class=\"advantages-header\">\n      <span class=\"advantages-label\">\u01afu \u0111i\u1ec3m c\u1ee7a Ch\u00fang t\u00f4i<\/span>\n      <h2 class=\"advantages-title\">\u0110i\u1ec3m Kh\u00e1c bi\u1ec7t <span class=\"highlight\">SOLETKS<\/span> Ph\u00eda Tr\u01b0\u1edbc<\/h2>\n      <p class=\"advantages-subtitle\">Nh\u00e0 Cung C\u1ea5p Gi\u1ea3i Ph\u00e1p N\u0103ng L\u01b0\u1ee3ng Nhi\u1ec7t \u0110\u1ed9 Cao h\u00e0ng \u0111\u1ea7u t\u1ea1i Trung Qu\u1ed1c<\/p>\n    <\/div>\n\n    <!-- Advantages Grid -->\n    <div class=\"advantages-grid\">\n      <!-- Advantage 1: Superior Quality -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Ch\u1ea5t L\u01b0\u1ee3ng V\u01b0\u1ee3t Tr\u1ed9i<\/h3>\n        <p class=\"advantage-description\">H\u1ec7 th\u1ed1ng n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi nhi\u1ec7t hi\u1ec7u su\u1ea5t cao \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng v\u1edbi v\u1eadt li\u1ec7u ti\u00ean ti\u1ebfn v\u00e0 h\u01a1n 160 b\u01b0\u1edbc ki\u1ec3m tra nghi\u00eam ng\u1eb7t \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o \u0111\u1ed9 tin c\u1eady l\u00e2u d\u00e0i.<\/p>\n      <\/div>\n\n      <!-- Advantage 2: Cost Effective -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <path d=\"M12 6v6l4 2\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Hi\u1ec7u Qu\u1ea3 Chi Ph\u00ed<\/h3>\n        <p class=\"advantage-description\">S\u1ea3n xu\u1ea5t hi\u1ec7u qu\u1ea3 v\u00e0 thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng th\u00f4ng minh \u0111\u1ea3m b\u1ea3o t\u1ed1i \u0111a h\u00f3a n\u0103ng l\u01b0\u1ee3ng \u0111\u1ea7u ra v\u1edbi chi ph\u00ed v\u00f2ng \u0111\u1eddi t\u1ed1i thi\u1ec3u.<\/p>\n      <\/div>\n\n      <!-- Advantage 3: Precision Customization -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2v6m0 4v10M6 8l6 6 6-6\"\/>\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">T\u00f9y Ch\u1ec9nh Ch\u00ednh X\u00e1c<\/h3>\n        <p class=\"advantage-description\">H\u1ec7 th\u1ed1ng t\u1ea5m ph\u1eb3ng t\u00f9y ch\u1ec9nh ph\u00f9 h\u1ee3p v\u1edbi nhi\u1ec1u kh\u00ed h\u1eadu, ng\u00e0nh c\u00f4ng nghi\u1ec7p v\u00e0 y\u00eau c\u1ea7u l\u1eafp \u0111\u1eb7t \u0111a d\u1ea1ng.<\/p>\n      <\/div>\n\n      <!-- Advantage 4: Innovation Driven -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83\"\/>\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Ch\u1ea5t L\u01b0\u1ee3ng \u0110\u1ed5i M\u1edbi<\/h3>\n        <p class=\"advantage-description\">Nghi\u00ean c\u1ee9u v\u00e0 ph\u00e1t tri\u1ec3n li\u00ean t\u1ee5c \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi 117 c\u00f4ng ngh\u1ec7 s\u00e1ng ch\u1ebf, th\u00fac \u0111\u1ea9y h\u1ea5p th\u1ee5 n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi v\u00e0 c\u00e1c gi\u1ea3i ph\u00e1p n\u0103ng l\u01b0\u1ee3ng t\u00edch h\u1ee3p.<\/p>\n      <\/div>\n\n      <!-- Advantage 5: Reliable Support -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">H\u1ed7 Tr\u1ee3 \u0110\u00e1ng Tin C\u1eady<\/h3>\n        <p class=\"advantage-description\">D\u1ecbch v\u1ee5 k\u1ef9 thu\u1eadt to\u00e0n c\u1ea7u 24\/7 v\u00e0 h\u1ed7 tr\u1ee3 t\u1ea1i ch\u1ed7 chuy\u00ean nghi\u1ec7p \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o ho\u1ea1t \u0111\u1ed9ng tr\u01a1n tru, \u0111\u00e1ng tin c\u1eady.<\/p>\n      <\/div>\n\n      <!-- Advantage 6: Global Reach -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n            <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Ph\u1ea1m Vi To\u00e0n C\u1ea7u<\/h3>\n        <p class=\"advantage-description\">Cung c\u1ea5p gi\u1ea3i ph\u00e1p n\u0103ng l\u01b0\u1ee3ng b\u1ec1n v\u1eefng cho kh\u00e1ch h\u00e0ng tr\u00ean nhi\u1ec1u khu v\u1ef1c v\u1edbi m\u1ea1ng l\u01b0\u1edbi d\u1ecbch v\u1ee5 \u0111\u1ecba ph\u01b0\u01a1ng h\u00f3a.<\/p>\n      <\/div>\n\n      <!-- Advantage 7: Certified Excellence -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n            <polyline points=\"14 2 14 8 20 8\"\/>\n            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n            <polyline points=\"10 9 9 9 8 9\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">Ch\u1ee9ng Nh\u1eadn Xu\u1ea5t S\u1eafc<\/h3>\n        <p class=\"advantage-description\">\u0110\u01b0\u1ee3c c\u00f4ng nh\u1eadn l\u00e0 Doanh nghi\u1ec7p C\u00f4ng ngh\u1ec7 cao Qu\u1ed1c gia v\u1edbi c\u00e1c ch\u1ee9ng nh\u1eadn qu\u1ed1c t\u1ebf v\u1ec1 ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 b\u1ec1n v\u1eefng.<\/p>\n      <\/div>\n\n      <!-- Advantage 8: Extended Warranty -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\n            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">B\u1ea3o H\u00e0nh M\u1edf R\u1ed9ng<\/h3>\n        <p class=\"advantage-description\">B\u1ea3o h\u00e0nh s\u1ea3n ph\u1ea9m to\u00e0n di\u1ec7n v\u00e0 h\u01b0\u1edbng d\u1eabn k\u1ef9 thu\u1eadt tr\u1ecdn \u0111\u1eddi \u0111\u1ec3 y\u00ean t\u00e2m l\u00e2u d\u00e0i.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"advantages-cta\">\n      <button class=\"cta-button\">\n        <span>T\u00ecm Gi\u1ea3i Ph\u00e1p N\u0103ng L\u01b0\u1ee3ng SOLETKS c\u1ee7a B\u1ea1n<\/span>\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n  function handleAdvantagesScroll() {\n    const advantageCards = document.querySelectorAll('.advantage-card');\n    \n    advantageCards.forEach((card, index) => {\n      const rect = card.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 80;\n      \n      if (isVisible && !card.classList.contains('animated')) {\n        setTimeout(() => {\n          card.style.opacity = '1';\n          card.style.transform = 'translateY(0)';\n          card.classList.add('animated');\n        }, index * 80);\n      }\n    });\n    \n    \/\/ CTA\u6309\u94ae\u52a8\u753b\n    const ctaButton = document.querySelector('.cta-button');\n    if (ctaButton) {\n      const rect = ctaButton.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 50;\n      \n      if (isVisible && !ctaButton.classList.contains('animated')) {\n        setTimeout(() => {\n          ctaButton.style.opacity = '1';\n          ctaButton.style.transform = 'translateY(0)';\n          ctaButton.classList.add('animated');\n        }, 700);\n      }\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u5361\u7247\u72b6\u6001\n  const advantageCards = document.querySelectorAll('.advantage-card');\n  advantageCards.forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';\n    card.style.transition = 'all 0.6s ease';\n  });\n  \n  \/\/ \u521d\u59cb\u5316CTA\u6309\u94ae\u72b6\u6001\n  const ctaButton = document.querySelector('.cta-button');\n  if (ctaButton) {\n    ctaButton.style.opacity = '0';\n    ctaButton.style.transform = 'translateY(30px)';\n    ctaButton.style.transition = 'all 0.6s ease';\n    \n    \/\/ \u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n    ctaButton.addEventListener('click', function() {\n      console.log('Find Your SOLETKS Energy Solution clicked');\n      \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u8df3\u8f6c\u6216\u5f39\u7a97\u903b\u8f91\n    });\n  }\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleAdvantagesScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleAdvantagesScroll, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u26a1 PVT Technology PVT Type E Solar Panels One System. Double Output. Higher IRR. Up to 60% Solar Utilization Stable Hot Water &#038; Heating Lower O&#038;M Costs Request Quote Technical Specs PVT Type E Thermoelectric Twin Module Next-Generation Hybrid Solar Technology for Power + Heat Core Highlights 1 High-Efficiency N-Type Power Generation \u2014 Stable, Reliable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":796,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-968","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/968","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=968"}],"version-history":[{"count":2,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/968\/revisions"}],"predecessor-version":[{"id":971,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/968\/revisions\/971"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/796"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/media?parent=968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}