{"id":972,"date":"2025-11-17T05:19:24","date_gmt":"2025-11-17T05:19:24","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=972"},"modified":"2025-11-17T05:19:24","modified_gmt":"2025-11-17T05:19:24","slug":"pvt-t-type-solar-panel","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/fa\/products\/pvt-solar-panel\/pvt-t-type-solar-panel\/","title":{"rendered":"\u067e\u0646\u0644 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0646\u0648\u0639 PVT-T"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"972\" class=\"elementor elementor-972\" 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>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0642\u06cc\u0645\u062a<\/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>\u0628\u06cc\u0634\u062a\u0631 \u0628\u062f\u0627\u0646\u06cc\u062f<\/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\">Flat Plate<\/span><br>\u0645\u0628\u062f\u0644 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc\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>\u0645\u0634\u062e\u0635\u0627\u062a<\/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>Absorber sheet<\/td>\n              <td>cURL Too many subrequests.<\/td>\n            <\/tr>\n            <tr>\n              <td>\u0641\u0631\u06cc\u0645<\/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>\u0645\u062f\u0644<\/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>\u0645\u0628\u062f\u0644 \u062d\u0631\u0627\u0631\u062a\u06cc<\/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>\u0639\u0627\u06cc\u0642\u200c\u0628\u0646\u062f\u06cc<\/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\">7 \u0628\u0627\u0631<\/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>\u0645\u062f\u0644<\/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>cURL Too many subrequests.<\/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\">\u0645\u0632\u0627\u06cc\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645<\/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            \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u0646\u062f\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc\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            \u0631\u0633\u0627\u0646\u0627\u06cc \u062d\u0631\u0627\u0631\u062a\u06cc\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\">\u0646\u0645\u0648\u062f\u0627\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0627\u0633\u067e\u0644\u06cc\u062a<\/span>\n      <h2 class=\"why-choose-title\">\n        \u0686\u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u0645 <span class=\"highlight\">\u0633\u06cc\u0633\u062a\u0645 \u0645\u0627\u061f<\/span>\n      <\/h2>\n      <p class=\"why-choose-intro\">\n        \u0622\u0628\u06af\u0631\u0645\u06a9\u0646 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0627\u0633\u067e\u0644\u06cc\u062a \u0645\u0627 \u0641\u0646\u0627\u0648\u0631\u06cc \u0644\u0648\u0644\u0647 \u062d\u0631\u0627\u0631\u062a\u06cc \u0645\u0647\u0646\u062f\u0633\u06cc\u200c\u0634\u062f\u0647 \u0622\u0644\u0645\u0627\u0646\u06cc\u060c \u0644\u0648\u0644\u0647\u200c\u0647\u0627\u06cc \u062e\u0644\u0623 \u0628\u0627 \u062f\u0631\u062c\u0647 \u0646\u0638\u0627\u0645\u06cc \u0648 \u0637\u0631\u0627\u062d\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u062a\u0642\u0633\u06cc\u0645\u200c\u0634\u062f\u0647 \u0631\u0627 \u062a\u0631\u06a9\u06cc\u0628 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631\u06cc \u0627\u0633\u062a\u062b\u0646\u0627\u06cc\u06cc \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u062f. \u0628\u0627 \u06cc\u06a9 <strong>\u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u06f1\u06f0 \u0633\u0627\u0644\u0647 \u0645\u062e\u0632\u0646<\/strong> \u0648 <strong>\u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u06f5 \u0633\u0627\u0644\u0647 \u0644\u0627\u0645\u067e \u062e\u0644\u0623<\/strong>, \u060c \u0627\u0632 \u062f\u0648\u0631\u0647 \u0628\u0627\u0632\u06af\u0634\u062a \u0633\u0631\u0645\u0627\u06cc\u0647 \u0633\u0631\u06cc\u0639 \u062a\u0646\u0647\u0627 <strong>\u06f3\u2013\u06f5 \u0633\u0627\u0644<\/strong> \u0648 \u0639\u0645\u0631 \u0645\u0641\u06cc\u062f \u0628\u06cc\u0634 \u0627\u0632 <strong>\u0628\u06cc\u0633\u062a \u0633\u0627\u0644<\/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\">\u0637\u0631\u0627\u062d\u06cc \u062f\u0648 \u062a\u06a9\u0647<\/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            \u0645\u0647\u0646\u062f\u0633\u06cc \u0622\u0644\u0645\u0627\u0646\u06cc\n          <\/div>\n          <p class=\"key-point-text\">\n            \u0641\u0646\u0627\u0648\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0644\u0648\u0644\u0647 \u062d\u0631\u0627\u0631\u062a\u06cc \u062d\u062f\u0627\u06a9\u062b\u0631 \u06a9\u0627\u0631\u0627\u06cc\u06cc \u0631\u0627 \u062f\u0631 \u0647\u0645\u0647 \u0634\u0631\u0627\u06cc\u0637 \u0622\u0628 \u0648 \u0647\u0648\u0627\u06cc\u06cc \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f.\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            \u06a9\u06cc\u0641\u06cc\u062a \u062f\u0631\u062c\u0647\u200c\u06cc\u06a9 \u0646\u0638\u0627\u0645\u06cc\n          <\/div>\n          <p class=\"key-point-text\">\n            \u0644\u0627\u0645\u067e\u200c\u0647\u0627\u06cc \u062e\u0644\u0623 \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u062f\u0645\u0627\u0647\u0627\u06cc \u0634\u062f\u06cc\u062f \u0648 \u0645\u062d\u06cc\u0637\u200c\u0647\u0627\u06cc \u0633\u062e\u062a \u0645\u0642\u0627\u0648\u0645\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.\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            \u0646\u0635\u0628 \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631\n          <\/div>\n          <p class=\"key-point-text\">\n            \u0637\u0631\u0627\u062d\u06cc \u062f\u0648 \u062a\u06a9\u0647 \u0627\u0645\u06a9\u0627\u0646 \u0646\u0635\u0628 \u06a9\u0644\u06a9\u062a\u0648\u0631\u0647\u0627 \u0631\u0648\u06cc \u0633\u0642\u0641 \u0648 \u0645\u062e\u0632\u0646 \u062f\u0627\u062e\u0644 \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0647\u0631 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.\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            \u0633\u06cc\u0633\u062a\u0645 \u06a9\u0646\u062a\u0631\u0644 \u0647\u0648\u0634\u0645\u0646\u062f\n          <\/div>\n          <p class=\"key-point-text\">\n            \u06a9\u0646\u062a\u0631\u0644\u200c\u06a9\u0646\u0646\u062f\u0647 \u0647\u0648\u0634\u0645\u0646\u062f \u0645\u0635\u0631\u0641 \u0627\u0646\u0631\u0698\u06cc \u0631\u0627 \u0628\u0627 \u06af\u0631\u0645\u0627\u06cc\u0634 \u0627\u0644\u06a9\u062a\u0631\u06cc\u06a9\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.\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\">\u0628\u0627\u0632\u06af\u0634\u062a \u0633\u0631\u0645\u0627\u06cc\u0647 \u062f\u0631 \u06f3 \u062a\u0627 \u06f5 \u0633\u0627\u0644<\/div>\n        <p class=\"feature-box-text\">\u0628\u0627\u0632\u062f\u0647 \u0633\u0631\u06cc\u0639 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc<\/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\">\u0637\u0648\u0644 \u0639\u0645\u0631 \u0628\u06cc\u0634 \u0627\u0632 \u06f2\u06f0 \u0633\u0627\u0644<\/div>\n        <p class=\"feature-box-text\">\u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0628\u0644\u0646\u062f\u0645\u062f\u062a<\/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\">\u062f\u0648\u0633\u062a\u062f\u0627\u0631 \u0645\u062d\u06cc\u0637 \u0632\u06cc\u0633\u062a<\/div>\n        <p class=\"feature-box-text\">\u0631\u0627\u0647\u06a9\u0627\u0631 \u0627\u0646\u0631\u0698\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631<\/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\">\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u0627<\/span>\n            <h2 class=\"section-title\">\u062c\u0647\u0627\u0646\u06cc <span class=\"title-highlight\">\u0628\u0631\u062a\u0631\u06cc \u062f\u0631 \u0627\u0646\u0631\u0698\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/span><\/h2>\n            <p class=\"section-description\">\u067e\u06cc\u0634\u06af\u0627\u0645 \u062f\u0631 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0627\u0646\u0631\u0698\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631 \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u0642\u0627\u0631\u0647\u200c\u0647\u0627\u060c \u0627\u0631\u0627\u0626\u0647 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u06af\u0631\u0645\u0627\u06cc\u0634 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0648 \u0622\u0628 \u06af\u0631\u0645 \u0646\u0648\u0622\u0648\u0631\u0627\u0646\u0647.<\/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\">\u0648\u06cc\u0698\u0647<\/span>\n                <\/div>\n                <div class=\"featured-content\">\n                    <h3>\u06af\u0631\u0645\u0627\u06cc\u0634 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0645\u062a\u0645\u0631\u06a9\u0632 \u0645\u0631\u06a9\u0632\u06cc \u0628\u0631\u0627\u06cc \u0634\u0647\u0631 \u0634\u0647\u0631\u0633\u062a\u0627\u0646 \u0633\u0627\u06af\u0627 \u062f\u0631 \u0634\u0647\u0631 \u0634\u06af\u062a\u0633\u0647<\/h3>\n                    <div class=\"meta-tags\">\n                        <span>2019<\/span>\n                        <span>\u0634\u06af\u062a\u0633\u0647\u060c \u062a\u0628\u062a<\/span>\n                        <span>\u06f1\u06f0\u06f7\u060c\u06f0\u06f0\u06f0 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/span>\n                    <\/div>\n                    <p>\u06a9\u0644\u06a9\u062a\u0648\u0631\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u062a\u062e\u062a \u0628\u0632\u0631\u06af EFPC115 \u067e\u0648\u0634\u0634 \u06af\u0631\u0645\u0627\u06cc\u0634\u06cc \u0628\u0631\u0627\u06cc \u06f1\u06f0\u06f7\u060c\u06f0\u06f0\u06f0 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06af\u0631\u0645\u0627\u06cc\u0634 \u0633\u0646\u062a\u06cc \u0628\u0627 \u0632\u063a\u0627\u0644\u200c\u0633\u0646\u06af \u0648 \u06cc\u0627\u06a9 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u0645\u0635\u0631\u0641 \u0632\u063a\u0627\u0644\u200c\u0633\u0646\u06af \u0631\u0627 \u0633\u0627\u0644\u0627\u0646\u0647 \u06f2\u060c\u06f4\u06f2\u06f4 \u062a\u0646 \u06a9\u0627\u0647\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n                    <div class=\"achievements-list\">\n                        <div class=\"achievement\">\u0627\u0648\u0644\u06cc\u0646 \u06af\u0631\u0645\u0627\u06cc\u0634 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0645\u062a\u0645\u0631\u06a9\u0632 \u062f\u0631 \u0627\u0631\u062a\u0641\u0627\u0639 \u0628\u0627\u0644\u0627 \u062f\u0631 \u062c\u0647\u0627\u0646<\/div>\n                        <div class=\"achievement\">\u0627\u0648\u0644\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u06af\u0631\u0645\u0627\u06cc\u0634 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06a9\u0627\u0645\u0644 \u0648 \u06a9\u0644\u06cc\u062f \u062f\u0631 \u062f\u0633\u062a<\/div>\n                        <div class=\"achievement\">\u0627\u0648\u0644\u06cc\u0646 \u06af\u0631\u0645\u0627\u06cc\u0634 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u062f\u0631 \u0645\u0642\u06cc\u0627\u0633 \u0628\u0632\u0631\u06af \u062f\u0631 \u062a\u0628\u062a<\/div>\n                    <\/div>\n                    <div class=\"featured-actions\">\n                        <button class=\"btn-primary\">\n                            <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0642\u06cc\u0645\u062a<\/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\">\u0645\u0634\u0627\u0647\u062f\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a<\/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>\u067e\u0631\u0648\u0698\u0647 \u067e\u0645\u067e \u062d\u0631\u0627\u0631\u062a\u06cc \u0645\u062f\u0631\u0633\u0647 \u062a\u06cc\u0627\u0646\u062c\u06cc\u0646 TPV Pro+<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2024<\/span>\n                            <span>\u062a\u06cc\u0627\u0646\u062c\u06cc\u0646<\/span>\n                            <span>\u06f3,\u06f0\u06f0\u06f0 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/span>\n                        <\/div>\n                        <p>\u0633\u06cc\u0633\u062a\u0645 \u067e\u0645\u067e \u062d\u0631\u0627\u0631\u062a\u06cc TPV Pro+ \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u06af\u0631\u0645\u0627\u06cc\u0634\u06cc \u062f\u0627\u0646\u0634 \u0622\u0645\u0648\u0632\u0627\u0646 \u0631\u0627 \u0628\u0631\u0622\u0648\u0631\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0647\u0645\u0632\u0645\u0627\u0646 \u0628\u0631\u0642 \u062a\u0648\u0644\u06cc\u062f \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0642\u06cc\u0645\u062a<\/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\">\u0645\u0634\u0627\u0647\u062f\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a<\/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>\u0633\u06cc\u0633\u062a\u0645 \u0622\u0628 \u06af\u0631\u0645 \u0647\u062a\u0644 \u0627\u062c\u0644\u0627\u0633 \u0633\u0631\u0627\u0646 APEC<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2014<\/span>\n                            <span>\u067e\u06a9\u0646<\/span>\n                            <span>\u06f5\u06f0 \u062a\u0646 \u062f\u0631 \u0631\u0648\u0632<\/span>\n                        <\/div>\n                        <p>\u062a\u0627\u0645\u06cc\u0646 \u0622\u0628 \u06af\u0631\u0645 \u0628\u0631\u0627\u06cc \u0647\u062a\u0644 \u0627\u062c\u0644\u0627\u0633 \u0633\u0631\u0627\u0646 APEC. \u0633\u0627\u0644\u0627\u0646\u0647 \u06f1\u06f5\u06f0,\u06f0\u06f0\u06f0 \u06a9\u06cc\u0644\u0648\u0648\u0627\u062a \u0633\u0627\u0639\u062a \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u0645\u06cc \u06a9\u0646\u062f\u060c CO2 \u0631\u0627 \u06f7\u06f4 \u062a\u0646 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0642\u06cc\u0645\u062a<\/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\">\u0645\u0634\u0627\u0647\u062f\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a<\/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>\u067e\u0631\u0648\u0698\u0647 \u0622\u0628 \u06af\u0631\u0645 \u0648\u06cc\u0644\u0627\u06cc\u06cc \u062a\u0641\u0631\u06cc\u062d\u06cc \u0641\u0644\u0648\u0631\u06cc\u062f\u0627<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2022<\/span>\n                            <span>\u0641\u0644\u0648\u0631\u06cc\u062f\u0627\u060c \u0627\u06cc\u0627\u0644\u0627\u062a \u0645\u062a\u062d\u062f\u0647 \u0622\u0645\u0631\u06cc\u06a9\u0627<\/span>\n                            <span>\u06f2\u06f0\u06f0 \u0644\u06cc\u062a\u0631 \u062f\u0631 \u0631\u0648\u0632<\/span>\n                        <\/div>\n                        <p>\u0622\u0628\u06af\u0631\u0645\u06a9\u0646 \u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u062a\u062e\u062a \u0631\u0648\u0632\u0627\u0646\u0647 \u06f2\u06f0\u06f0 \u0644\u06cc\u062a\u0631 \u0622\u0628 \u06af\u0631\u0645 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0648\u06cc\u0644\u0627\u06cc \u062a\u0641\u0631\u06cc\u062d\u06cc \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0642\u06cc\u0645\u062a<\/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\">\u0645\u0634\u0627\u0647\u062f\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a<\/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>\u067e\u0631\u0648\u0698\u0647 \u0622\u0628 \u06af\u0631\u0645 \u06a9\u0644\u06cc\u0633\u0627\u06cc \u0647\u0631\u0632<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2021<\/span>\n                            <span>\u0622\u0644\u0645\u0627\u0646<\/span>\n                            <span>\u06f2\u06f2 \u062a\u0646 \u062f\u0631 \u0631\u0648\u0632<\/span>\n                        <\/div>\n                        <p>\u06a9\u0644\u06a9\u062a\u0648\u0631\u0647\u0627\u06cc \u062f\u0631\u062c\u0647 \u0645\u0647\u0646\u062f\u0633\u06cc \u062f\u0631 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0633\u0631\u06cc\/\u0645\u0648\u0627\u0632\u06cc\u060c \u0645\u0646\u0628\u0639 \u0622\u0628 \u06af\u0631\u0645 \u0642\u0627\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f\u06cc \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0642\u06cc\u0645\u062a<\/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\">\u0645\u0634\u0627\u0647\u062f\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a<\/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\">\u0645\u0627 \u06a9\u0647 \u0647\u0633\u062a\u06cc\u0645<\/span>\n      <h1 class=\"intro-main-title\">\u067e\u06cc\u0634\u0631\u0648 \u062f\u0631 \u0622\u06cc\u0646\u062f\u0647 <span class=\"highlight\">\u0627\u0646\u0631\u0698\u06cc \u067e\u0627\u06a9<\/span><\/h1>\n      <p class=\"intro-subtitle\">\u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0646\u0648\u0622\u0648\u0631\u0627\u0646\u0647 \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0641\u0646\u0627\u0648\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0648 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631<\/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\">\u0631\u0647\u0628\u0631 \u0635\u0646\u0639\u062a<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Content Card -->\n      <div class=\"intro-content-card\">\n        <p class=\"content-description\">\n          <strong>\u0633\u0648\u0644\u062a\u06a9\u0633<\/strong> \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0641\u0646\u0627\u0648\u0631\u06cc\u200c\u067e\u0627\u06cc\u0647 \u0645\u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u0646\u0648\u0622\u0648\u0631\u06cc \u062f\u0631 \u0627\u0646\u0631\u0698\u06cc \u067e\u0627\u06a9 \u0627\u0633\u062a. \u0628\u0627 \u0647\u0633\u062a\u0647\u200c\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc <strong>\u0627\u0646\u0631\u0698\u06cc \u062d\u0631\u0627\u0631\u062a\u06cc \u062a\u0645\u06cc\u0632 \u0635\u0641\u062d\u0647 \u062a\u062e\u062a<\/strong> \u0634\u0631\u06a9\u062a\u060c \u0627\u0646\u0631\u0698\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc\u060c \u0632\u0645\u06cc\u0646\u200c\u06af\u0631\u0645\u0627\u06cc\u06cc \u0648 \u0647\u0648\u0627\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u062f\u0631 \u06af\u0631\u0645\u0627\u06cc\u0634\u060c \u0633\u0631\u0645\u0627\u06cc\u0634 \u0648 \u062a\u0648\u0644\u06cc\u062f \u0628\u0631\u0642 \u0627\u062f\u063a\u0627\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.\n        <\/p>\n        <p class=\"content-description\">\n          \u0628\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0645\u0624\u0633\u0633\u0627\u062a \u062a\u062d\u0642\u06cc\u0642\u0627\u062a\u06cc \u0628\u0631\u062a\u0631\u060c \u0633\u0648\u0644\u062a\u06a9\u0633 \u062f\u0631 \u0645\u06cc\u0627\u0646 \u0628\u0631\u062a\u0631\u06cc\u0646 \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u062c\u0645\u0639\u200c\u06a9\u0646\u0646\u062f\u0647\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u062a\u062e\u062a \u062f\u0631 \u062c\u0647\u0627\u0646 \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f \u0648 \u067e\u06cc\u0634\u0631\u0641\u062a \u062c\u0647\u0627\u0646\u06cc \u0628\u0647 \u0633\u0645\u062a \u0622\u06cc\u0646\u062f\u0647\u200c\u0627\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631 \u0631\u0627 \u0647\u062f\u0627\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.\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\">\u0627\u062e\u062a\u0631\u0627\u0639\u0627\u062a \u062b\u0628\u062a\u200c\u0634\u062f\u0647<\/div>\n          <\/div>\n          <div class=\"stat-box\">\n            <div class=\"stat-number\">\u067e\u0646\u062c \u0628\u0631\u062a\u0631<\/div>\n            <div class=\"stat-label\">\u0631\u062a\u0628\u0647\u200c\u0628\u0646\u062f\u06cc \u062c\u0647\u0627\u0646\u06cc<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Features Section -->\n    <div class=\"features-section\">\n      <h2 class=\"features-title\">\u0646\u0642\u0627\u0637 \u0642\u0648\u062a \u0627\u0635\u0644\u06cc \u0645\u0627<\/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>\u0627\u062f\u063a\u0627\u0645 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/h3>\n          <p>\u0641\u0646\u0627\u0648\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062c\u0645\u0639\u200c\u06a9\u0646\u0646\u062f\u0647 \u0635\u0641\u062d\u0647 \u062a\u062e\u062a \u06a9\u0647 \u062d\u062f\u0627\u06a9\u062b\u0631 \u0628\u0647\u0631\u0647\u200c\u0648\u0631\u06cc \u0627\u0646\u0631\u0698\u06cc \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f<\/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>117+ \u0627\u062e\u062a\u0631\u0627\u0639 \u062b\u0628\u062a\u200c\u0634\u062f\u0647<\/h3>\n          <p>\u067e\u0648\u0631\u062a\u0641\u0648\u0644\u06cc\u0648\u06cc \u0646\u0648\u0622\u0648\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u06a9\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0631\u0627 \u0645\u062d\u0627\u0641\u0638\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f<\/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>\u0647\u0645\u06a9\u0627\u0631\u0627\u0646 \u062a\u062d\u0642\u06cc\u0642\u0627\u062a\u06cc<\/h3>\n          <p>\u0647\u0645\u06a9\u0627\u0631\u06cc \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc\u06a9 \u0628\u0627 \u0645\u0624\u0633\u0633\u0627\u062a \u0628\u0631\u062a\u0631 \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u062c\u0647\u0627\u0646<\/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\">\u0646\u0648\u0622\u0648\u0631\u06cc \u062f\u0631 \u0639\u0645\u0644<\/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\">\u0641\u0646\u0627\u0648\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/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\">\u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631<\/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\">\u0628\u0631\u062a\u0631\u06cc \u062c\u0647\u0627\u0646\u06cc<\/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\">\u0628\u0631\u062a\u0631\u06cc \u062c\u0647\u0627\u0646\u06cc<\/span>\n      <h2 class=\"customers-title\"><span class=\"highlight\">\u0633\u0648\u0644\u062a\u06a9\u0633<\/span> \u2013 \u0627\u0646\u062a\u062e\u0627\u0628 \u0627\u0648\u0644 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u062c\u0647\u0627\u0646\u06cc<\/h2>\n      <p class=\"customers-subtitle\">\u0645\u0648\u0631\u062f \u0627\u0639\u062a\u0645\u0627\u062f \u0631\u0647\u0628\u0631\u0627\u0646 \u0635\u0646\u0639\u062a \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u062c\u0647\u0627\u0646<\/p>\n      <p class=\"customers-description\">\n        \u0627\u0632 \u062a\u0627\u0633\u06cc\u0633\u0627\u062a \u0645\u0633\u06a9\u0648\u0646\u06cc \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc \u0628\u0632\u0631\u06af\u060c SOLETKS \u0631\u0627\u0647 \u062d\u0644 \u0647\u0627\u06cc \u062d\u0631\u0627\u0631\u062a\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0627\u062b\u0628\u0627\u062a \u0634\u062f\u0647 \u0627\u06cc \u0631\u0627 \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u0642\u0627\u0631\u0647 \u0647\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u0648 \u062a\u062d\u0648\u0644 \u0627\u0646\u0631\u0698\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631 \u0631\u0627 \u062f\u0631 \u0633\u0637\u062d \u062c\u0647\u0627\u0646\u06cc \u062a\u0648\u0627\u0646\u0645\u0646\u062f \u0645\u06cc \u0633\u0627\u0632\u062f.\n      <\/p>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"customers-cta\">\n      <button class=\"explore-button\">\n        <span>\u0627\u06a9\u0646\u0648\u0646 \u06a9\u0627\u0648\u0634 \u06a9\u0646\u06cc\u062f<\/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\">\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc<\/span>\n      <h2 class=\"certifications-title\">\n        \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062c\u0647\u0627\u0646\u06cc \u0648 <span class=\"highlight\">\u0636\u0645\u0627\u0646\u062a \u06a9\u06cc\u0641\u06cc\u062a<\/span>\n      <\/h2>\n      <p class=\"certifications-description\">\n        \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0633\u0648\u0644\u062a\u06a9\u0633 \u062f\u0627\u0631\u0627\u06cc \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u0627\u06cc\u0645\u0646\u06cc\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 Solar Keymark\u060c CE \u0648 ISO \u0647\u0633\u062a\u0646\u062f. \u062f\u0631 \u0632\u06cc\u0631 \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0647\u0631 \u0645\u062d\u0635\u0648\u0644 \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0639\u0647\u062f \u0633\u0648\u0644\u062a\u06a9\u0633 \u0628\u0647 \u0642\u0627\u0628\u0644\u06cc\u062a \u0627\u0637\u0645\u06cc\u0646\u0627\u0646\u060c \u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u062a\u0637\u0627\u0628\u0642 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f.\n      <\/p>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">\u062a\u0645\u0627\u0645 \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627<\/button>\n      <button class=\"cert-tab\" data-tab=\"iso\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc ISO<\/button>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">\u06a9\u0644\u06cc\u062f\u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06a9\u0627\u0648\u0631\u0645\u06a9<\/button>\n      <button class=\"cert-tab\" data-tab=\"product\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0645\u062d\u0635\u0648\u0644<\/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\">\u06af\u0632\u0627\u0631\u0634 \u0622\u0632\u0645\u0627\u06cc\u0634<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u06af\u0648\u0627\u0647\u06cc \u06af\u0632\u0627\u0631\u0634 \u0622\u0632\u0645\u0627\u06cc\u0634<\/h3>\n            <p class=\"certificate-type\">\u06af\u0632\u0627\u0631\u0634 \u062a\u0636\u0645\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a<\/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\">\u06a9\u0644\u06cc\u062f\u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06a9\u0627\u0648\u0631\u0645\u06a9<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u06a9\u0644\u06cc\u062f\u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06a9\u0627\u0648\u0631\u0645\u06a9<\/h3>\n            <p class=\"certificate-type\">\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u06a9\u06cc\u0641\u06cc\u062a \u0627\u0631\u0648\u067e\u0627\u06cc\u06cc<\/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\">\u0627\u06cc\u0632\u0648<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u06cc\u0641\u06cc\u062a ISO 9001<\/h3>\n            <p class=\"certificate-type\">\u0633\u0627\u0632\u0645\u0627\u0646 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0633\u0627\u0632\u06cc<\/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\">\u0627\u06cc\u0632\u0648<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0632\u06cc\u0633\u062a\u200c\u0645\u062d\u06cc\u0637\u06cc ISO 14001<\/h3>\n            <p class=\"certificate-type\">\u0633\u0627\u0632\u0645\u0627\u0646 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0633\u0627\u0632\u06cc<\/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\">\u0627\u06cc\u0632\u0648<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0633\u0644\u0627\u0645\u062a \u0648 \u0627\u06cc\u0645\u0646\u06cc \u0634\u063a\u0644\u06cc ISO 45001<\/h3>\n            <p class=\"certificate-type\">\u0633\u0627\u0632\u0645\u0627\u0646 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0633\u0627\u0632\u06cc<\/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\">\u0645\u062d\u0635\u0648\u0644<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0645\u0628\u062f\u0644 \u0647\u0648\u0627\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/h3>\n            <p class=\"certificate-type\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u0645\u062d\u0635\u0648\u0644<\/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\">\u0645\u062d\u0635\u0648\u0644<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0645\u0628\u062f\u0644 \u062d\u0631\u0627\u0631\u062a\u06cc \u0635\u0641\u062d\u0647 \u062a\u062e\u062a \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/h3>\n            <p class=\"certificate-type\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u0645\u062d\u0635\u0648\u0644<\/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\">\u0645\u062d\u0635\u0648\u0644<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0633\u06cc\u0633\u062a\u0645 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc PVT<\/h3>\n            <p class=\"certificate-type\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u0645\u062d\u0635\u0648\u0644<\/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\">\u06a9\u0644\u06cc\u062f\u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06a9\u0627\u0648\u0631\u0645\u06a9<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u06a9\u0644\u06cc\u062f\u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06a9\u0627\u0648\u0631\u0645\u06a9<\/h3>\n            <p class=\"certificate-type\">\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u06a9\u06cc\u0641\u06cc\u062a \u0627\u0631\u0648\u067e\u0627\u06cc\u06cc<\/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\">\u0645\u062d\u0635\u0648\u0644<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0622\u0628\u06af\u0631\u0645\u200c\u06a9\u0646 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/h3>\n            <p class=\"certificate-type\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u0645\u062d\u0635\u0648\u0644<\/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\">\u0645\u062d\u0635\u0648\u0644<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0645\u0628\u062f\u0644 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0644\u0648\u0644\u0647 \u062e\u0644\u0627\u0621<\/h3>\n            <p class=\"certificate-type\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u0645\u062d\u0635\u0648\u0644<\/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\">\u0627\u06cc\u0632\u0648<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u06cc\u0641\u06cc\u062a ISO 9001<\/h3>\n            <p class=\"certificate-type\">\u0633\u0627\u0632\u0645\u0627\u0646 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0633\u0627\u0632\u06cc<\/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\">\u0627\u06cc\u0632\u0648<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0632\u06cc\u0633\u062a\u200c\u0645\u062d\u06cc\u0637\u06cc ISO 14001<\/h3>\n            <p class=\"certificate-type\">\u0633\u0627\u0632\u0645\u0627\u0646 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0633\u0627\u0632\u06cc<\/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\">\u0627\u06cc\u0632\u0648<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0633\u0644\u0627\u0645\u062a \u0648 \u0627\u06cc\u0645\u0646\u06cc \u0634\u063a\u0644\u06cc ISO 45001<\/h3>\n            <p class=\"certificate-type\">\u0633\u0627\u0632\u0645\u0627\u0646 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0633\u0627\u0632\u06cc<\/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\">\u06a9\u0644\u06cc\u062f\u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06a9\u0627\u0648\u0631\u0645\u06a9<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u06a9\u0644\u06cc\u062f\u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06a9\u0627\u0648\u0631\u0645\u06a9<\/h3>\n            <p class=\"certificate-type\">\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u06a9\u06cc\u0641\u06cc\u062a \u0627\u0631\u0648\u067e\u0627\u06cc\u06cc<\/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\">\u06a9\u0644\u06cc\u062f\u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06a9\u0627\u0648\u0631\u0645\u06a9<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u06a9\u0644\u06cc\u062f\u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u06a9\u0627\u0648\u0631\u0645\u06a9<\/h3>\n            <p class=\"certificate-type\">\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u06a9\u06cc\u0641\u06cc\u062a \u0627\u0631\u0648\u067e\u0627\u06cc\u06cc<\/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\">\u0645\u062d\u0635\u0648\u0644<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0645\u0628\u062f\u0644 \u0647\u0648\u0627\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/h3>\n            <p class=\"certificate-type\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u0645\u062d\u0635\u0648\u0644<\/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\">\u0645\u062d\u0635\u0648\u0644<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0645\u0628\u062f\u0644 \u062d\u0631\u0627\u0631\u062a\u06cc \u0635\u0641\u062d\u0647 \u062a\u062e\u062a \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/h3>\n            <p class=\"certificate-type\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u0645\u062d\u0635\u0648\u0644<\/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\">\u0645\u062d\u0635\u0648\u0644<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0633\u06cc\u0633\u062a\u0645 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc PVT<\/h3>\n            <p class=\"certificate-type\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u0645\u062d\u0635\u0648\u0644<\/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\">\u0645\u062d\u0635\u0648\u0644<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0622\u0628\u06af\u0631\u0645\u200c\u06a9\u0646 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/h3>\n            <p class=\"certificate-type\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u0645\u062d\u0635\u0648\u0644<\/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\">\u0645\u062d\u0635\u0648\u0644<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0645\u0628\u062f\u0644 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0644\u0648\u0644\u0647 \u062e\u0644\u0627\u0621<\/h3>\n            <p class=\"certificate-type\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u0645\u062d\u0635\u0648\u0644<\/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\">\u0646\u0627\u0645 \u06af\u0648\u0627\u0647\u06cc\u200c\u0646\u0627\u0645\u0647<\/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\">\u0645\u0632\u0627\u06cc\u0627\u06cc \u0645\u0627<\/span>\n      <h2 class=\"advantages-title\">\u0686\u0647 \u0686\u06cc\u0632\u06cc \u0645\u062a\u0645\u0627\u06cc\u0632 \u0645\u06cc\u200c\u06a9\u0646\u062f <span class=\"highlight\">\u0633\u0648\u0644\u062a\u06a9\u0633<\/span> \u067e\u06cc\u0634\u0631\u0648<\/h2>\n      <p class=\"advantages-subtitle\">\u0628\u0631\u062a\u0631\u06cc\u0646 \u0627\u0631\u0627\u0626\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0627\u0646\u0631\u0698\u06cc \u062d\u0631\u0627\u0631\u062a\u06cc \u067e\u0627\u06a9 \u062f\u0631 \u0686\u06cc\u0646<\/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\">\u06a9\u06cc\u0641\u06cc\u062a \u0628\u0631\u062a\u0631<\/h3>\n        <p class=\"advantage-description\">\u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u062d\u0631\u0627\u0631\u062a\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0628\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0627\u0644\u0627 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0628\u0627 \u0645\u0648\u0627\u062f \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0648 \u0628\u06cc\u0634 \u0627\u0632 \u06f1\u06f6\u06f0 \u0645\u0631\u062d\u0644\u0647 \u0628\u0627\u0632\u0631\u0633\u06cc \u0633\u062e\u062a\u200c\u06af\u06cc\u0631\u0627\u0646\u0647 \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0628\u0644\u0646\u062f\u0645\u062f\u062a<\/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\">\u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc \u062f\u0631 \u0647\u0632\u06cc\u0646\u0647<\/h3>\n        <p class=\"advantage-description\">\u062a\u0648\u0644\u06cc\u062f \u06a9\u0627\u0631\u0622\u0645\u062f \u0648 \u0637\u0631\u0627\u062d\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627 \u062d\u062f\u0627\u06a9\u062b\u0631 \u062e\u0631\u0648\u062c\u06cc \u0627\u0646\u0631\u0698\u06cc \u0631\u0627 \u0628\u0627 \u06a9\u0645\u062a\u0631\u06cc\u0646 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0686\u0631\u062e\u0647 \u0639\u0645\u0631 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f<\/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\">\u0633\u0641\u0627\u0631\u0634\u06cc\u200c\u0633\u0627\u0632\u06cc \u062f\u0642\u06cc\u0642<\/h3>\n        <p class=\"advantage-description\">\u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u062a\u062e\u062a \u0633\u0641\u0627\u0631\u0634\u06cc \u0628\u0631\u0627\u06cc \u0627\u0642\u0644\u06cc\u0645\u200c\u0647\u0627\u060c \u0635\u0646\u0627\u06cc\u0639 \u0648 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0646\u0635\u0628 \u0645\u062a\u0646\u0648\u0639 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a<\/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\">\u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0646\u0648\u0622\u0648\u0631\u06cc<\/h3>\n        <p class=\"advantage-description\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u062f\u0627\u0648\u0645 \u062a\u062d\u0642\u06cc\u0642 \u0648 \u062a\u0648\u0633\u0639\u0647 \u0628\u0627 \u0641\u0646\u0627\u0648\u0631\u06cc\u200c\u0647\u0627\u06cc \u062b\u0628\u062a \u0634\u062f\u0647 \u06f1\u06f1\u06f7\u060c \u062f\u0631 \u062d\u0627\u0644 \u067e\u06cc\u0634\u0631\u0641\u062a \u062f\u0631 \u062c\u0630\u0628 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \u0648 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0627\u0646\u0631\u0698\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647<\/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\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0642\u0627\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f<\/h3>\n        <p class=\"advantage-description\">\u062e\u062f\u0645\u0627\u062a \u0641\u0646\u06cc \u06f2\u06f4\/\u06f7 \u062c\u0647\u0627\u0646\u06cc \u0648 \u06a9\u0645\u06a9\u200c\u0647\u0627\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062f\u0631 \u0645\u062d\u0644 \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06cc\u0627\u062a \u0631\u0648\u0627\u0646 \u0648 \u0642\u0627\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f<\/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\">\u062f\u0633\u062a\u0631\u0633\u06cc \u062c\u0647\u0627\u0646\u06cc<\/h3>\n        <p class=\"advantage-description\">\u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0627\u0646\u0631\u0698\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u062f\u0631 \u0645\u0646\u0627\u0637\u0642 \u0645\u062e\u062a\u0644\u0641 \u0628\u0627 \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u062e\u062f\u0645\u0627\u062a \u0645\u062d\u0644\u06cc<\/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\">\u062a\u0627\u06cc\u06cc\u062f \u0634\u062f\u0647 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0628\u0631\u062a\u0631<\/h3>\n        <p class=\"advantage-description\">\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0641\u0646\u0627\u0648\u0631\u06cc \u0628\u0631\u062a\u0631 \u0645\u0644\u06cc \u0628\u0627 \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u0628\u0631\u0627\u06cc \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0634\u0646\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a<\/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\">\u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u062a\u0645\u062f\u06cc\u062f \u0634\u062f\u0647<\/h3>\n        <p class=\"advantage-description\">\u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u062c\u0627\u0645\u0639 \u0645\u062d\u0635\u0648\u0644 \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0641\u0646\u06cc \u0645\u0627\u062f\u0627\u0645\u200c\u0627\u0644\u0639\u0645\u0631 \u0628\u0631\u0627\u06cc \u0622\u0631\u0627\u0645\u0634 \u062e\u0627\u0637\u0631 \u0628\u0644\u0646\u062f\u0645\u062f\u062a<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"advantages-cta\">\n      <button class=\"cta-button\">\n        <span>\u0631\u0627\u0647\u200c\u062d\u0644 \u0627\u0646\u0631\u0698\u06cc SOLETKS \u062e\u0648\u062f \u0631\u0627 \u0628\u06cc\u0627\u0628\u06cc\u062f<\/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>Hybrid Technology PVT-T Hybrid Solar Panels Dual Energy, Maximum Efficiency Revolutionary photovoltaic-thermal technology that generates electricity and heat simultaneously, achieving up to 80% solar energy utilization for a truly sustainable future. Dual Energy Output 80% Efficiency Smart Control Low Carbon Request Quote Technical Details 80% Energy Utilization PVT-T Hybrid Solar Panel Next-Generation Solar Co-Generation for [&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-972","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/fa\/wp-json\/wp\/v2\/pages\/972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/fa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/fa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/fa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/fa\/wp-json\/wp\/v2\/comments?post=972"}],"version-history":[{"count":1,"href":"https:\/\/service.soletksolar.com\/fa\/wp-json\/wp\/v2\/pages\/972\/revisions"}],"predecessor-version":[{"id":973,"href":"https:\/\/service.soletksolar.com\/fa\/wp-json\/wp\/v2\/pages\/972\/revisions\/973"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/fa\/wp-json\/wp\/v2\/pages\/796"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/fa\/wp-json\/wp\/v2\/media?parent=972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}