{"id":882,"date":"2025-11-14T06:50:47","date_gmt":"2025-11-14T06:50:47","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=882"},"modified":"2025-11-14T06:50:47","modified_gmt":"2025-11-14T06:50:47","slug":"afpc-solar-air-collector","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/sq\/products\/solar-collector\/afpc-solar-air-collector\/","title":{"rendered":"AFPC Solar Air Collector"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"882\" class=\"elementor elementor-882\" 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\">Ngrohja Diellore e Ujit<\/div>\n      <h1 class=\"title\">\n        Efikas dhe Elegant<br>\n        <span class=\"highlight\">Zgjidhja Diellore p\u00ebr Uj\u00eb t\u00eb Nxeht\u00eb<\/span>\n      <\/h1>\n      <p class=\"description\">\n        Sistemi diellor i ngrohjes s\u00eb ujit SOLETKS ndan kolektorin diellor dhe tankun e ruajtjes p\u00ebr instalim t\u00eb p\u00ebrshtatsh\u00ebm, mbajtje t\u00eb shk\u00eblqyeshme t\u00eb nxeht\u00ebsis\u00eb dhe besueshm\u00ebri n\u00eb \u00e7do mot \u2014 i p\u00ebrshtatsh\u00ebm p\u00ebr sht\u00ebpi dhe vila moderne.\n      <\/p>\n      <div class=\"button-group\">\n        <button class=\"btn btn-primary\">\n          <span>Merr nj\u00eb ofert\u00eb<\/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>M\u00ebso m\u00eb shum\u00eb<\/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\">Ndara Diellore<\/span> Ngroh\u00ebs uji\n      <\/h2>\n\n      <p class=\"heater-intro\">\n        Nj\u00eb sistem i avancuar i ngrohjes s\u00eb ujit diellor q\u00eb <strong>ndan kolektorin diellor nga tanku i ruajtjes<\/strong>. Kolektori thith energjin\u00eb diellore p\u00ebrmes nj\u00eb sistemi qarkullimi t\u00eb mes\u00ebm dhe e konverton at\u00eb n\u00eb nxeht\u00ebsi. Tanka e ruajtjes, e vendosur brenda ose n\u00eb ballkon, ruan n\u00eb m\u00ebnyr\u00eb efikase k\u00ebt\u00eb energji termike p\u00ebr p\u00ebrdorim t\u00eb m\u00ebvonsh\u00ebm.\n      <\/p>\n\n      <h3 class=\"intro-subtitle\">Ky dizajn inovativ ofron shum\u00eb avantazhe:<\/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\">Instalim i p\u00ebrshtatsh\u00ebm n\u00eb mjedise t\u00eb ndryshme pa shtuar ngarkes\u00eb t\u00eb tep\u00ebrt n\u00eb \u00e7ati<\/p>\n      <\/div>\n\n      <div class=\"advantage-card\">\n        <div class=\"advantage-number\">02<\/div>\n        <p class=\"advantage-text\">Reduktim i humbjes s\u00eb nxeht\u00ebsis\u00eb dhe p\u00ebrmir\u00ebsim i mbrojtjes kund\u00ebr ngric\u00ebs fal\u00eb vendosjes s\u00eb tankut brenda<\/p>\n      <\/div>\n\n      <div class=\"advantage-card\">\n        <div class=\"advantage-number\">03<\/div>\n        <p class=\"advantage-text\">Integrim estetik me arkitektur\u00ebn moderne, i p\u00ebrshtatsh\u00ebm p\u00ebr nd\u00ebrtesa shum\u00ebkat\u00ebshe dhe vila<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Features Section -->\n    <div class=\"features-section\">\n      <h3 class=\"features-title\">Karakteristikat e Produktit<\/h3>\n\n      <div class=\"features-grid\">\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">01<\/div>\n          <div class=\"feature-name\">Brinj\u00eb prej \u00c7eliku t\u00eb Klasit Ushqimor<\/div>\n          <p class=\"feature-desc\">Uj\u00eb i past\u00ebr, higjienik pa ndotje<\/p>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">02<\/div>\n          <div class=\"feature-name\">Qarkullim i Mes\u00ebm<\/div>\n          <p class=\"feature-desc\">Operacion i besuesh\u00ebm n\u00eb klima t\u00eb ftohta<\/p>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">03<\/div>\n          <div class=\"feature-name\">Tank Uji i Brendsh\u00ebm<\/div>\n          <p class=\"feature-desc\">I sigurt, i p\u00ebrshtatsh\u00ebm dhe i leht\u00eb p\u00ebr t'u mir\u00ebmbajtur<\/p>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">04<\/div>\n          <div class=\"feature-name\">Dizajn miq\u00ebsor p\u00ebr p\u00ebrdoruesin<\/div>\n          <p class=\"feature-desc\">Operacion i thjesht\u00eb me jet\u00ebgjat\u00ebsi t\u00eb gjat\u00eb sh\u00ebrbimi<\/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\">Pjata e Shesht\u00eb<\/span><br>Kolektor Diellor\n        <\/h2>\n        <p class=\"specs-description\">\n          Teknologji e avancuar e termosolarit me efikasitet t\u00eb lart\u00eb t\u00eb mbledhjes s\u00eb nxeht\u00ebsis\u00eb dhe nd\u00ebrtim t\u00eb q\u00ebndruesh\u00ebm p\u00ebr aplikime banimi dhe tregtare.\n        <\/p>\n        <div class=\"hero-features\">\n          <div class=\"hero-feature\">Efikasiteti i performanc\u00ebs optike 78%<\/div>\n          <div class=\"hero-feature\">Kondensim shum\u00eb selektiv i absorpcionit<\/div>\n          <div class=\"hero-feature\">Nd\u00ebrtim me korniz\u00eb alumini<\/div>\n          <div class=\"hero-feature\">Presion i pun\u00ebs s\u00eb vler\u00ebsuar 0.6 bar<\/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\">Specifikimet e kolektorit<\/button>\n      <button class=\"tab-button\" data-tab=\"tank\">Modelet e tankut t\u00eb ujit<\/button>\n      <button class=\"tab-button\" data-tab=\"workstation\">Stacion i pun\u00ebs<\/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>Specifikim<\/th>\n              <th>BTE2.0-2<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>Sip\u00ebrfaqja totale (m\u00b2)<\/td>\n              <td>2<\/td>\n            <\/tr>\n            <tr>\n              <td>Sip\u00ebrfaqja e hapjes (m\u00b2)<\/td>\n              <td>1.87<\/td>\n            <\/tr>\n            <tr>\n              <td>Gjat\u00ebsia x Gjer\u00ebsia x Lart\u00ebsia (mm)<\/td>\n              <td>2000 x 1000 x 80<\/td>\n            <\/tr>\n            <tr>\n              <td>Presioni i pun\u00ebs s\u00eb vler\u00ebsuar<\/td>\n              <td>0.6 bar<\/td>\n            <\/tr>\n            <tr>\n              <td>Performanca optike<\/td>\n              <td>78%<\/td>\n            <\/tr>\n            <tr>\n              <td>Fleta absorbuese<\/td>\n              <td>Al, mbules\u00eb absorbuese shum\u00eb selektive<\/td>\n            <\/tr>\n            <tr>\n              <td>Korniz\u00eb<\/td>\n              <td>Alumini<\/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>Modeli<\/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>Kolektori<\/td>\n              <td>BTE-2.0(\u00d73)<\/td>\n              <td>BTE-2.0(\u00d74)<\/td>\n              <td>BTE-2.0(\u00d78)<\/td>\n              <td>BTE-2.0(\u00d710)<\/td>\n            <\/tr>\n            <tr>\n              <td>Gjat\u00ebsia (mm)<\/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>Diametri i brendsh\u00ebm (mm)<\/td>\n              <td>\u03a6480<\/td>\n              <td>\u03a6580<\/td>\n              <td>\u03a6800<\/td>\n              <td>\u03a6800<\/td>\n            <\/tr>\n            <tr>\n              <td>Diametri i jasht\u00ebm (mm)<\/td>\n              <td>\u03a6580<\/td>\n              <td>\u03a6700<\/td>\n              <td>\u03a6900\/1000<\/td>\n              <td>\u03a6900\/1000<\/td>\n            <\/tr>\n            <tr>\n              <td>Izolimi<\/td>\n              <td colspan=\"2\">Shkum\u00eb PU 60mm<\/td>\n              <td colspan=\"2\">Shkum\u00eb PU 50\/100mm<\/td>\n            <\/tr>\n            <tr>\n              <td>Materiali i tankit t\u00eb brendsh\u00ebm<\/td>\n              <td colspan=\"4\">SUS304 \/ SUS316 L<\/td>\n            <\/tr>\n            <tr>\n              <td>Materiali i tankit t\u00eb jasht\u00ebm<\/td>\n              <td colspan=\"4\">Flet\u00eb me ngjyra<\/td>\n            <\/tr>\n            <tr>\n              <td>Presioni i pun\u00ebs<\/td>\n              <td colspan=\"4\">7 bar<\/td>\n            <\/tr>\n            <tr>\n              <td>Element ngrohjeje elektrike<\/td>\n              <td colspan=\"4\">220V 1500W~3000W \/ 110V 1500W<\/td>\n            <\/tr>\n            <tr>\n              <td>Material i tubit t\u00eb spirales<\/td>\n              <td colspan=\"4\">Opsional (bak\u00ebr\/sus304\/sus316)<\/td>\n            <\/tr>\n            <tr>\n              <td>Madh\u00ebsia e spirales<\/td>\n              <td colspan=\"4\">\u03a612 x 1.0mm<\/td>\n            <\/tr>\n            <tr>\n              <td>Tubat e shk\u00ebmbimit t\u00eb nxeht\u00ebsis\u00eb<\/td>\n              <td colspan=\"4\">Asnj\u00eb \/ spirale e poshtme \/ spirale e sip\u00ebrme dhe spirale e poshtme<\/td>\n            <\/tr>\n            <tr>\n              <td>Tank zgjerimi<\/td>\n              <td>12L<\/td>\n              <td>24L<\/td>\n              <td>50L<\/td>\n              <td>50L<\/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>Modeli<\/th>\n              <th>Hyrja<\/th>\n              <th>Pompa<\/th>\n              <th>Fuqia e vler\u00ebsuar<\/th>\n              <th>Kontrolluesi<\/th>\n              <th>Dimensioni (mm)<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>SR21H<\/td>\n              <td>AC220V\/110V, 50Hz<\/td>\n              <td>Grundfos 15-65 130<\/td>\n              <td>60-100W<\/td>\n              <td>SR258<\/td>\n              <td>450 x 300 x 160<\/td>\n            <\/tr>\n            <tr>\n              <td>TSCEN-6<\/td>\n              <td>AC220V\/110V, 50Hz<\/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\">P\u00ebrmbledhje e Sistemit<\/span>\n      <h2 class=\"working-title\">\n        Si nj\u00eb <span class=\"highlight\">Ngroh\u00ebsi diellor i ujit t\u00eb ndar\u00eb<\/span> Punon\n      <\/h2>\n      <p class=\"working-intro\">\n        Diagrama ilustron parimin e pun\u00ebs s\u00eb nj\u00eb sistemi diellor t\u00eb ngrohjes s\u00eb ujit t\u00eb ndar\u00eb. Sistemi p\u00ebrb\u00ebhet nga dy pjes\u00eb kryesore \u2014 kolektor\u00ebt diellor\u00eb dhe tanku i ruajtjes s\u00eb ujit t\u00eb nxeht\u00eb \u2014 t\u00eb lidhura nga nj\u00eb rrjet qarkullimi mesatar.\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\">P\u00ebrfitimet e Sistemit<\/div>\n          <p class=\"summary-text\">\n            Kjo konfigurim p\u00ebrdor n\u00eb m\u00ebnyr\u00eb efektive energjin\u00eb diellore duke siguruar efikasitet t\u00eb lart\u00eb, funksionim t\u00eb sigurt dhe besueshm\u00ebri gjat\u00eb gjith\u00eb vitit, edhe n\u00eb klima t\u00eb ftohta ose t\u00eb ndryshueshme.\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            Kolektor\u00ebt Diellor\u00eb\n          <\/div>\n          <p class=\"component-description\">\n            T\u00eb instaluar n\u00eb \u00e7ati, thithin rrezatimin diellor dhe e kthejn\u00eb at\u00eb n\u00eb nxeht\u00ebsi.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">2<\/span>\n            Mjeti i Transferimit t\u00eb Nxeht\u00ebsis\u00eb\n          <\/div>\n          <p class=\"component-description\">\n            L\u00ebngu drejtues i nxeht\u00ebsis\u00eb qarkullon midis kolektor\u00ebve dhe tankut t\u00eb ruajtjes.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">3<\/span>\n            Stacioni i Pun\u00ebs dhe Tanka e Zgjerimit\n          <\/div>\n          <p class=\"component-description\">\n            Rregulloni presionin dhe sigurohuni q\u00eb qarkullimi i mes\u00ebm t\u00eb jet\u00eb i q\u00ebndruesh\u00ebm.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">4<\/span>\n            Kontrolluesi dhe Sensor\u00ebt e Temperatur\u00ebs\n          <\/div>\n          <p class=\"component-description\">\n            Monitoroni dhe kontrolloni automatikisht temperatur\u00ebn e sistemit p\u00ebr efikasitet.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">5<\/span>\n            Tanka e Ruajtjes s\u00eb Ujit t\u00eb Nxeht\u00eb\n          <\/div>\n          <p class=\"component-description\">\n            Tanka e brendshme ruan ujin e nxeht\u00eb me ngarkes\u00eb t\u00eb integruar elektrike rezerv\u00eb.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">6<\/span>\n            Siguria dhe Valvulat TP\n          <\/div>\n          <p class=\"component-description\">\n            Ruani sigurin\u00eb e sistemit duke liruar presionin ose temperatur\u00ebn e tepruar.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">7<\/span>\n            Linj\u00ebt e Ujit t\u00eb Ftoht\u00eb dhe t\u00eb Nxeht\u00eb\n          <\/div>\n          <p class=\"component-description\">\n            Uji i ftoht\u00eb hyn n\u00eb fund, uji i nxeht\u00eb furnizohet nga dalja e sip\u00ebrme.\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\">Diagrami i sistemit t\u00eb ndar\u00eb<\/span>\n      <h2 class=\"why-choose-title\">\n        Pse t\u00eb zgjidhni <span class=\"highlight\">Sistemi yn\u00eb?<\/span>\n      <\/h2>\n      <p class=\"why-choose-intro\">\n        Ngroh\u00ebsi yn\u00eb diellor i ndar\u00eb i ujit kombinon teknologjin\u00eb gjermane t\u00eb tubave t\u00eb nxeht\u00ebsis\u00eb, tubat me vakum t\u00eb klas\u00ebs ushtarake dhe nj\u00eb dizajn inteligjent t\u00eb ndar\u00eb p\u00ebr t\u00eb ofruar performanc\u00eb t\u00eb jasht\u00ebzakonshme dhe fleksibilitet. Me nj\u00eb <strong>Garanci 10-vje\u00e7are p\u00ebr rezervuarin<\/strong> dhe <strong>Garanci 5-vje\u00e7are p\u00ebr tubin vakum<\/strong>, shijoni nj\u00eb periudh\u00eb t\u00eb shkurt\u00ebr kthimi prej vet\u00ebm <strong>3\u20135 vjet<\/strong> dhe nj\u00eb jet\u00ebgjat\u00ebsi t\u00eb q\u00ebndrueshme prej mbi <strong>nj\u00ebzet vjet<\/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\">Dizajn i ndar\u00eb<\/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            Inxhinieri gjermane\n          <\/div>\n          <p class=\"key-point-text\">\n            Teknologjia e avancuar e tubave t\u00eb nxeht\u00ebsis\u00eb siguron efikasitet maksimal n\u00eb t\u00eb gjitha kushtet e motit.\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            Cil\u00ebsi ushtarake\n          <\/div>\n          <p class=\"key-point-text\">\n            Tubat me vakum me cil\u00ebsi t\u00eb lart\u00eb p\u00ebrballojn\u00eb temperatura ekstreme dhe mjedise t\u00eb ashpra.\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            Instalim fleksib\u00ebl\n          <\/div>\n          <p class=\"key-point-text\">\n            Dizajni i ndar\u00eb lejon vendosjen e kolektor\u00ebve n\u00eb \u00e7ati dhe t\u00eb rezervuarit brenda ambienteve p\u00ebr \u00e7do konfigurim t\u00eb nd\u00ebrtes\u00ebs.\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            Sistemi i men\u00e7ur i kontrollit\n          <\/div>\n          <p class=\"key-point-text\">\n            Kontrollori inteligjent optimizon p\u00ebrdorimin e energjis\u00eb me ngrohje elektrike rezerv\u00eb.\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\">P\u00ebrmbushje e kostos pas 3-5 vjet\u00ebsh<\/div>\n        <p class=\"feature-box-text\">Kthim i shpejt\u00eb i investimit<\/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\">Jet\u00ebgjat\u00ebsi mbi 20 vjet<\/div>\n        <p class=\"feature-box-text\">Long-term reliability<\/p>\n      <\/div>\n\n      <div class=\"feature-box\">\n        <div class=\"feature-box-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"feature-box-title\">Eco-Friendly<\/div>\n        <p class=\"feature-box-text\">Zgjidhje e q\u00ebndrueshme energjetike<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  function handleScrollAnimation() {\n    const imageWrapper = document.querySelector('.why-choose-section .system-image-wrapper');\n    const keyPoints = document.querySelectorAll('.why-choose-section .key-point-item');\n    const featureBoxes = document.querySelectorAll('.why-choose-section .feature-box');\n    \n    if (imageWrapper) {\n      const rect = imageWrapper.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 100;\n      \n      if (isVisible && !imageWrapper.classList.contains('animated')) {\n        imageWrapper.style.opacity = '1';\n        imageWrapper.style.transform = 'scale(1)';\n        imageWrapper.classList.add('animated');\n      }\n    }\n\n    keyPoints.forEach((item, index) => {\n      const rect = item.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 80;\n      \n      if (isVisible && !item.classList.contains('animated')) {\n        setTimeout(() => {\n          item.style.opacity = '1';\n          item.style.transform = 'translateX(0)';\n          item.classList.add('animated');\n        }, index * 80);\n      }\n    });\n\n    featureBoxes.forEach((box, index) => {\n      const rect = box.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 80;\n      \n      if (isVisible && !box.classList.contains('animated')) {\n        setTimeout(() => {\n          box.style.opacity = '1';\n          box.style.transform = 'translateY(0)';\n          box.classList.add('animated');\n        }, index * 100);\n      }\n    });\n  }\n  \n  const imageWrapper = document.querySelector('.why-choose-section .system-image-wrapper');\n  const keyPoints = document.querySelectorAll('.why-choose-section .key-point-item');\n  const featureBoxes = document.querySelectorAll('.why-choose-section .feature-box');\n  \n  if (imageWrapper) {\n    imageWrapper.style.opacity = '0';\n    imageWrapper.style.transform = 'scale(0.95)';\n    imageWrapper.style.transition = 'all 0.6s ease';\n  }\n\n  keyPoints.forEach(item => {\n    item.style.opacity = '0';\n    item.style.transform = 'translateX(-20px)';\n    item.style.transition = 'all 0.5s ease';\n  });\n\n  featureBoxes.forEach(box => {\n    box.style.opacity = '0';\n    box.style.transform = 'translateY(20px)';\n    box.style.transition = 'all 0.5s ease';\n  });\n  \n  window.addEventListener('scroll', handleScrollAnimation);\n  setTimeout(handleScrollAnimation, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54b10c1 e-con-full e-flex e-con e-parent\" data-id=\"54b10c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-317b596 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"317b596\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"projects-showcase\">\n    <div class=\"container\">\n        <!-- Section Header -->\n        <div class=\"section-header\">\n            <span class=\"section-label\">cURL Too many subrequests.<\/span>\n            <h2 class=\"section-title\">cURL Too many subrequests. <span class=\"title-highlight\">cURL Too many subrequests.<\/span><\/h2>\n            <p class=\"section-description\">cURL Too many subrequests.<\/p>\n        <\/div>\n\n        <div class=\"projects-layout\">\n            <!-- Featured Project - Left Side -->\n            <article class=\"project-featured\">\n                <div class=\"featured-image\">\n                    <img loading=\"lazy\" height=\"728\" width=\"1254\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Centralized-solar-heating-for-Saga-County-town-in-Shigatse-City.png\" alt=\"Centralized Solar Heating\">\n                    <span class=\"featured-badge\">cURL Too many subrequests.<\/span>\n                <\/div>\n                <div class=\"featured-content\">\n                    <h3>cURL Too many subrequests.<\/h3>\n                    <div class=\"meta-tags\">\n                        <span>2019<\/span>\n                        <span>cURL Too many subrequests.<\/span>\n                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n                    <p>cURL Too many subrequests.<\/p>\n                    <div class=\"achievements-list\">\n                        <div class=\"achievement\">cURL Too many subrequests.<\/div>\n                        <div class=\"achievement\">cURL Too many subrequests.<\/div>\n                        <div class=\"achievement\">cURL Too many subrequests.<\/div>\n                    <\/div>\n                    <div class=\"featured-actions\">\n                        <button class=\"btn-primary\">\n                            <span>cURL Too many subrequests.<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"btn-secondary\">View Details<\/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>Projekti i Pompat e Nxeht\u00ebsis\u00eb Tianjin School TPV Pro+<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2024<\/span>\n                            <span>Tianjin<\/span>\n                            <span>3,000 m\u00b2<\/span>\n                        <\/div>\n                        <p>Sistemi i pompat e nxeht\u00ebsis\u00eb TPV Pro+ plot\u00ebson nevojat e nx\u00ebn\u00ebsve p\u00ebr ngrohje nd\u00ebrsa gjeneron energji elektrike n\u00eb vend.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>cURL Too many subrequests.<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">View Details<\/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>Sistemi i Ujit t\u00eb Nxeht\u00eb t\u00eb Hotelit t\u00eb Samitit APEC<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2014<\/span>\n                            <span>Beijing<\/span>\n                            <span>50 ton n\u00eb dit\u00eb<\/span>\n                        <\/div>\n                        <p>Siguron uj\u00eb t\u00eb nxeht\u00eb p\u00ebr hotelin e Samitit APEC. Kursen 150,000 kWh n\u00eb vit, zvog\u00eblon CO2 me 74 ton.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>cURL Too many subrequests.<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">View Details<\/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>Projekti i ujit t\u00eb nxeht\u00eb p\u00ebr vil\u00ebn e pushimeve n\u00eb Florida<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2022<\/span>\n                            <span>Florida, Shqip\u00ebri<\/span>\n                            <span>200L\/dit\u00eb<\/span>\n                        <\/div>\n                        <p>Ngroh\u00ebsit e ujit me pllak\u00eb t\u00eb shesht\u00eb sigurojn\u00eb 200L uj\u00eb t\u00eb nxeht\u00eb ditor p\u00ebr \u00e7do vil\u00eb resorti.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>cURL Too many subrequests.<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">View Details<\/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>Projekti i Ujit t\u00eb Nxeht\u00eb t\u00eb Kish\u00ebs Harz<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2021<\/span>\n                            <span>Gjermani<\/span>\n                            <span>22 ton n\u00eb dit\u00eb<\/span>\n                        <\/div>\n                        <p>Kolektor\u00ebt me cil\u00ebsi inxhinierike n\u00eb konfigurim seri\/paralel ofrojn\u00eb furnizim t\u00eb besuesh\u00ebm me uj\u00eb t\u00eb nxeht\u00eb.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>cURL Too many subrequests.<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">View Details<\/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\">Kush Jemi Ne<\/span>\n      <h1 class=\"intro-main-title\">Drejtimi i s\u00eb ardhmes s\u00eb <span class=\"highlight\">Energjia e Past\u00ebr<\/span><\/h1>\n      <p class=\"intro-subtitle\">Zgjidhje inovative t\u00eb mund\u00ebsuara nga teknologjia e fundit dhe praktikat e q\u00ebndrueshme<\/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\">Lider n\u00eb Industri<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Content Card -->\n      <div class=\"intro-content-card\">\n        <p class=\"content-description\">\n          <strong>SOLETKS<\/strong> \u00ebsht\u00eb nj\u00eb nd\u00ebrmarrje e teknologjis\u00eb s\u00eb lart\u00eb e fokusuar n\u00eb inovacionin e energjis\u00eb s\u00eb past\u00ebr. Me thelbin e saj <strong>Energji Termike e Past\u00ebr me Pllaka t\u00eb Sheshta<\/strong> teknologji, kompania integron energjin\u00eb diellore, gjeotermale dhe ajrore p\u00ebr t\u00eb ofruar zgjidhje efikase p\u00ebr ngrohje, ftohje dhe prodhim t\u00eb energjis\u00eb.\n        <\/p>\n        <p class=\"content-description\">\n          E mb\u00ebshtetur nga partneritete me institucionet kryesore k\u00ebrkimore, SOLETKS renditet nd\u00ebr prodhuesit kryesor\u00eb bot\u00ebror\u00eb t\u00eb kolektor\u00ebve me pllaka t\u00eb sheshta, duke nxitur progresin global drejt nj\u00eb t\u00eb ardhmeje t\u00eb q\u00ebndrueshme.\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\">Patenta t\u00eb Siguruara<\/div>\n          <\/div>\n          <div class=\"stat-box\">\n            <div class=\"stat-number\">Top 5<\/div>\n            <div class=\"stat-label\">Renditja Globale<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Features Section -->\n    <div class=\"features-section\">\n      <h2 class=\"features-title\">Pikat tona t\u00eb Forta Kryesore<\/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>Integrimi Diellor<\/h3>\n          <p>Teknologji e avancuar e kolektor\u00ebve me pllaka t\u00eb sheshta q\u00eb maksimizon efikasitetin e energjis\u00eb<\/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+ Patenta<\/h3>\n          <p>Portofol inovacionesh t\u00eb fundit q\u00eb mbrojn\u00eb teknologjit\u00eb pron\u00ebsore<\/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>Partner\u00eb K\u00ebrkimor\u00eb<\/h3>\n          <p>Bashk\u00ebpunim strategjik me institucionet kryesore n\u00eb mbar\u00eb bot\u00ebn<\/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\">Inovacioni n\u00eb Veprim<\/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\">Teknologji e Avancuar<\/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\">Zgjidhje t\u00eb Q\u00ebndrueshme<\/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\">Ekselenca Globale<\/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\">Ekselenca Globale<\/span>\n      <h2 class=\"customers-title\"><span class=\"highlight\">SOLETKS<\/span> \u2013 Zgjedhja e Par\u00eb p\u00ebr Klient\u00ebt Global\u00eb<\/h2>\n      <p class=\"customers-subtitle\">I besuar nga Udh\u00ebheq\u00ebsit e Industris\u00eb Kudo n\u00eb Bot\u00eb<\/p>\n      <p class=\"customers-description\">\n        Nga instalimet rezidenciale deri te projektet industriale t\u00eb shkall\u00ebs s\u00eb madhe, SOLETKS ofron zgjidhje t\u00eb provuara t\u00eb energjis\u00eb diellore termike n\u00ebp\u00ebr kontinente, duke fuqizuar transformimin e q\u00ebndruesh\u00ebm t\u00eb energjis\u00eb globalisht.\n      <\/p>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"customers-cta\">\n      <button class=\"explore-button\">\n        <span>Eksploro Tani<\/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\">Standardet Nd\u00ebrkomb\u00ebtare<\/span>\n      <h2 class=\"certifications-title\">\n        Certifikimet Globale &amp; <span class=\"highlight\">Sigurimi i Cil\u00ebsis\u00eb<\/span>\n      <\/h2>\n      <p class=\"certifications-description\">\n        Produktet SOLETK Solar jan\u00eb t\u00eb certifikuara p\u00ebr t'u p\u00ebrmbushur standardet nd\u00ebrkomb\u00ebtare t\u00eb cil\u00ebsis\u00eb dhe siguris\u00eb, duke p\u00ebrfshir\u00eb Solar Keymark, CE dhe ISO. M\u00eb posht\u00eb jan\u00eb certifikatat individuale p\u00ebr secilin produkt, duke treguar p\u00ebrkushtimin e SOLETK Solar p\u00ebr besueshm\u00ebri, performanc\u00eb dhe p\u00ebrputhshm\u00ebri.\n      <\/p>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">T\u00eb gjitha Certifikatat<\/button>\n      <button class=\"cert-tab\" data-tab=\"iso\">Certifikatat ISO<\/button>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">Solar Keymark<\/button>\n      <button class=\"cert-tab\" data-tab=\"product\">\u00c7ertifikata e Produktit<\/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\">Raport Testimi<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifikat\u00eb Raporti Testimi<\/h3>\n            <p class=\"certificate-type\">Raport i Sigurimit t\u00eb Cil\u00ebsis\u00eb<\/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\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifikimi Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Standardi Evropian i Cil\u00ebsis\u00eb<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 3 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" alt=\"ISO Certification 1\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 9001 Menaxhimi i Cil\u00ebsis\u00eb<\/h3>\n            <p class=\"certificate-type\">Organizata Nd\u00ebrkomb\u00ebtare e Standardizimit<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 4 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" alt=\"ISO Certification 2\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 14001 Menaxhimi Mjedisor<\/h3>\n            <p class=\"certificate-type\">Organizata Nd\u00ebrkomb\u00ebtare e Standardizimit<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 5 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" alt=\"ISO Certification 3\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 Sh\u00ebndeti dhe Siguria n\u00eb Pun\u00eb<\/h3>\n            <p class=\"certificate-type\">Organizata Nd\u00ebrkomb\u00ebtare e Standardizimit<\/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\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Kolektor Diellor Ajri<\/h3>\n            <p class=\"certificate-type\">Certifikimi i Produktit<\/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\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Flat Plate Solar Collector<\/h3>\n            <p class=\"certificate-type\">Certifikimi i Produktit<\/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\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Sistem Diellor PVT<\/h3>\n            <p class=\"certificate-type\">Certifikimi i Produktit<\/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\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifikimi Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Standardi Evropian i Cil\u00ebsis\u00eb<\/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\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Ngroh\u00ebs Uji Diellor<\/h3>\n            <p class=\"certificate-type\">Certifikimi i Produktit<\/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\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Kolektor Diellor me Tub Vakum<\/h3>\n            <p class=\"certificate-type\">Certifikimi i Produktit<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ISO Certifications Tab -->\n    <div class=\"cert-tab-content\" id=\"iso\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" alt=\"ISO Certification 1\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 9001 Menaxhimi i Cil\u00ebsis\u00eb<\/h3>\n            <p class=\"certificate-type\">Organizata Nd\u00ebrkomb\u00ebtare e Standardizimit<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" alt=\"ISO Certification 2\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 14001 Menaxhimi Mjedisor<\/h3>\n            <p class=\"certificate-type\">Organizata Nd\u00ebrkomb\u00ebtare e Standardizimit<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" alt=\"ISO Certification 3\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 Sh\u00ebndeti dhe Siguria n\u00eb Pun\u00eb<\/h3>\n            <p class=\"certificate-type\">Organizata Nd\u00ebrkomb\u00ebtare e Standardizimit<\/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\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifikimi Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Standardi Evropian i Cil\u00ebsis\u00eb<\/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\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifikimi Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Standardi Evropian i Cil\u00ebsis\u00eb<\/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\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Kolektor Diellor Ajri<\/h3>\n            <p class=\"certificate-type\">Certifikimi i Produktit<\/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\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Flat Plate Solar Collector<\/h3>\n            <p class=\"certificate-type\">Certifikimi i Produktit<\/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\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Sistem Diellor PVT<\/h3>\n            <p class=\"certificate-type\">Certifikimi i Produktit<\/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\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Ngroh\u00ebs Uji Diellor<\/h3>\n            <p class=\"certificate-type\">Certifikimi i Produktit<\/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\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Kolektor Diellor me Tub Vakum<\/h3>\n            <p class=\"certificate-type\">Certifikimi i Produktit<\/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\">Emri i Certifikat\u00ebs<\/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\">Avantazhet Tona<\/span>\n      <h2 class=\"advantages-title\">\u00c7far\u00eb Na B\u00ebn <span class=\"highlight\">SOLETKS<\/span> Para<\/h2>\n      <p class=\"advantages-subtitle\">Kreu i Zgjidhjeve t\u00eb Energjis\u00eb Termike t\u00eb Past\u00ebr n\u00eb Kin\u00eb<\/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\">Cil\u00ebsi e Shk\u00eblqyer<\/h3>\n        <p class=\"advantage-description\">Sisteme termike diellore me performanc\u00eb t\u00eb lart\u00eb t\u00eb nd\u00ebrtuara me materiale t\u00eb avancuara dhe m\u00eb shum\u00eb se 160 hapa t\u00eb rrept\u00eb kontrolli p\u00ebr besueshm\u00ebri afatgjat\u00eb.<\/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\">Kosto Efektive<\/h3>\n        <p class=\"advantage-description\">Prodhimi efikas dhe dizajni i zgjuar i sistemit sigurojn\u00eb prodhimin maksimal t\u00eb energjis\u00eb me kosto minimale t\u00eb ciklit jet\u00ebsor.<\/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\">Personalizim i Sakt\u00eb<\/h3>\n        <p class=\"advantage-description\">Sisteme t\u00eb pllak\u00ebs s\u00eb shesht\u00eb t\u00eb p\u00ebrshtatura p\u00ebr klima t\u00eb ndryshme, industri dhe k\u00ebrkesa p\u00ebr instalim.<\/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\">Drejtuar nga Inovacioni<\/h3>\n        <p class=\"advantage-description\">K\u00ebrkime dhe zhvillim i vazhduesh\u00ebm i mb\u00ebshtetur nga 117 teknologji t\u00eb patentuara, duke avancuar absorbimin diellor dhe zgjidhjet e energjis\u00eb t\u00eb integruara.<\/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\">Mb\u00ebshtetje e Besueshme<\/h3>\n        <p class=\"advantage-description\">Sh\u00ebrbim teknik global 24\/7 dhe asistenc\u00eb profesionale n\u00eb vend p\u00ebr funksionim t\u00eb qet\u00eb dhe t\u00eb besuesh\u00ebm.<\/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\">Arritje Globale<\/h3>\n        <p class=\"advantage-description\">D\u00ebrgimi i zgjidhjeve t\u00eb q\u00ebndrueshme t\u00eb energjis\u00eb tek klient\u00ebt n\u00eb shum\u00eb rajone me rrjete lokale sh\u00ebrbimi.<\/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\">Ekselenc\u00eb e Certifikuar<\/h3>\n        <p class=\"advantage-description\">Njohur si Nj\u00eb Nd\u00ebrmarrje Komb\u00ebtare e Teknologjis\u00eb s\u00eb Lart\u00eb me certifikata nd\u00ebrkomb\u00ebtare p\u00ebr cil\u00ebsi dhe q\u00ebndrueshm\u00ebri.<\/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\">Garanci e Zgjatur<\/h3>\n        <p class=\"advantage-description\">Garanci e plot\u00eb e produktit dhe udh\u00ebzime teknike p\u00ebrgjithmon\u00eb p\u00ebr paqe mendore afatgjat\u00eb.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"advantages-cta\">\n      <button class=\"cta-button\">\n        <span>Gjeni Zgjidhjen Tuaj t\u00eb Energjis\u00eb SOLETKS<\/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>Premium Solar Technology High-Efficiency Solar Thermal Collectors Reliable, Rugged, Ready for Any Terrain BLUE CORE\u2122 PVD coating0.81 peak efficiency Double AR glassPrecision laser-welded Tool-free installationWorks at 4000m+ altitude 236,000 m\u00b2 installed7.0 GWth capacity 0.81 Peak Efficiency 236K m\u00b2 Installed 7.0 GWth Capacity Request Quote Technical Specs Product Overview Large-Scale Solar Thermal Collector Our Large-Scale Solar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":752,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-882","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/sq\/wp-json\/wp\/v2\/pages\/882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/sq\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/sq\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sq\/wp-json\/wp\/v2\/comments?post=882"}],"version-history":[{"count":1,"href":"https:\/\/service.soletksolar.com\/sq\/wp-json\/wp\/v2\/pages\/882\/revisions"}],"predecessor-version":[{"id":883,"href":"https:\/\/service.soletksolar.com\/sq\/wp-json\/wp\/v2\/pages\/882\/revisions\/883"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sq\/wp-json\/wp\/v2\/pages\/752"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/sq\/wp-json\/wp\/v2\/media?parent=882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}