{"id":337,"date":"2025-11-07T05:10:58","date_gmt":"2025-11-07T05:10:58","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=337"},"modified":"2025-11-07T06:56:26","modified_gmt":"2025-11-07T06:56:26","slug":"company","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/ru\/company\/","title":{"rendered":"\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"337\" class=\"elementor elementor-337\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb12594 e-con-full e-flex e-con e-parent\" data-id=\"fb12594\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6732a03 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6732a03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Modern Company Banner -->\n<section class=\"modern-banner\">\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    .modern-banner {\n      position: relative;\n      width: 100%;\n      height: 100vh;\n      min-height: 700px;\n      overflow: hidden;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    \/* Background Slideshow *\/\n    .slideshow-container {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 1;\n    }\n\n    .slide-item {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1);\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n    }\n\n    .slide-item.active {\n      opacity: 1;\n    }\n\n    .slide-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(\n        135deg,\n        rgba(0, 0, 0, 0.8) 0%,\n        rgba(15, 23, 42, 0.7) 40%,\n        rgba(30, 58, 138, 0.6) 70%,\n        rgba(37, 99, 235, 0.5) 100%\n      );\n    }\n\n    \/* Animated Gradient Overlay *\/\n    .gradient-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(\n        45deg,\n        rgba(59, 130, 246, 0.15) 0%,\n        transparent 50%,\n        rgba(255, 165, 0, 0.1) 100%\n      );\n      background-size: 200% 200%;\n      animation: gradientMove 15s ease infinite;\n      z-index: 2;\n    }\n\n    @keyframes gradientMove {\n      0%, 100% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n    }\n\n    \/* Content Container *\/\n    .banner-content {\n      position: relative;\n      z-index: 10;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0 5%;\n    }\n\n    .content-wrapper {\n      max-width: 1400px;\n      width: 100%;\n      display: grid;\n      grid-template-columns: 1.3fr 1fr;\n      gap: 80px;\n      align-items: center;\n    }\n\n    \/* Left Content *\/\n    .text-section {\n      color: white;\n    }\n\n    .badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 24px;\n      background: rgba(255, 165, 0, 0.15);\n      backdrop-filter: blur(20px);\n      border: 1px solid rgba(255, 165, 0, 0.3);\n      border-radius: 100px;\n      font-size: 13px;\n      font-weight: 600;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      color: #FFA500;\n      margin-bottom: 30px;\n      animation: slideInLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .badge-dot {\n      width: 8px;\n      height: 8px;\n      background: #FFA500;\n      border-radius: 50%;\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50% { opacity: 0.5; transform: scale(1.2); }\n    }\n\n    .main-heading {\n      font-size: 68px;\n      font-weight: 900;\n      line-height: 1.1;\n      margin-bottom: 30px;\n      letter-spacing: -2px;\n      animation: slideInLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;\n    }\n\n    .main-heading .gradient-text {\n      background: linear-gradient(135deg, #FFB84D 0%, #FFA500 50%, #FF8C00 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      display: inline-block;\n      position: relative;\n    }\n\n    .main-heading .gradient-text::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 0;\n      width: 100%;\n      height: 6px;\n      background: linear-gradient(90deg, #FFB84D, #FFA500);\n      border-radius: 3px;\n      opacity: 0.6;\n    }\n\n    .description-text {\n      font-size: 20px;\n      line-height: 1.8;\n      color: rgba(255, 255, 255, 0.9);\n      margin-bottom: 40px;\n      font-weight: 400;\n      animation: slideInLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;\n    }\n\n    .description-text strong {\n      color: #FFA500;\n      font-weight: 700;\n    }\n\n    \/* Stats Grid *\/\n    .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-bottom: 50px;\n      animation: slideInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;\n    }\n\n    .stat-box {\n      position: relative;\n      padding: 25px 20px;\n      background: rgba(255, 255, 255, 0.05);\n      backdrop-filter: blur(30px);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: 20px;\n      text-align: center;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n    }\n\n    .stat-box::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(135deg, rgba(255, 165, 0, 0.1), rgba(59, 130, 246, 0.1));\n      opacity: 0;\n      transition: opacity 0.4s ease;\n    }\n\n    .stat-box:hover {\n      transform: translateY(-10px);\n      background: rgba(255, 255, 255, 0.08);\n      border-color: rgba(255, 165, 0, 0.4);\n      box-shadow: 0 20px 60px rgba(255, 165, 0, 0.3);\n    }\n\n    .stat-box:hover::before {\n      opacity: 1;\n    }\n\n    .stat-value {\n      position: relative;\n      font-size: 48px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 8px;\n      display: block;\n    }\n\n    .stat-label {\n      position: relative;\n      font-size: 14px;\n      color: rgba(255, 255, 255, 0.7);\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    \/* CTA Buttons *\/\n    .cta-buttons {\n      display: flex;\n      gap: 20px;\n      animation: slideInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.4s both;\n    }\n\n    .btn {\n      position: relative;\n      padding: 18px 40px;\n      font-size: 16px;\n      font-weight: 700;\n      border-radius: 100px;\n      border: none;\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .btn-primary {\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      color: #0f172a;\n      box-shadow: 0 10px 40px rgba(255, 165, 0, 0.5);\n    }\n\n    .btn-primary::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.3), transparent);\n      transition: left 0.5s ease;\n    }\n\n    .btn-primary:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 15px 50px rgba(255, 165, 0, 0.7);\n      background: linear-gradient(135deg, #FFA500, #FF8C00);\n    }\n\n    .btn-primary:hover::before {\n      left: 100%;\n    }\n\n    .btn-secondary {\n      background: transparent;\n      color: white;\n      border: 2px solid rgba(255, 255, 255, 0.3);\n      backdrop-filter: blur(20px);\n    }\n\n    .btn-secondary:hover {\n      background: rgba(255, 255, 255, 0.1);\n      border-color: rgba(255, 255, 255, 0.6);\n      transform: translateY(-3px);\n    }\n\n    .btn svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n    }\n\n    .btn-primary:hover svg {\n      transform: translateX(5px);\n    }\n\n    \/* Right Side Cards *\/\n    .features-section {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      animation: slideInRight 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;\n    }\n\n    .feature-box {\n      position: relative;\n      padding: 35px;\n      background: rgba(255, 255, 255, 0.05);\n      backdrop-filter: blur(30px);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: 24px;\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n    }\n\n    .feature-box::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, #FFB84D, #FFA500);\n      transform: scaleY(0);\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .feature-box:hover {\n      background: rgba(255, 255, 255, 0.08);\n      border-color: rgba(255, 165, 0, 0.3);\n      transform: translateX(10px);\n      box-shadow: 0 20px 60px rgba(59, 130, 246, 0.2);\n    }\n\n    .feature-box:hover::before {\n      transform: scaleY(1);\n    }\n\n    .feature-top {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      margin-bottom: 15px;\n    }\n\n    .feature-icon-wrapper {\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      border-radius: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      box-shadow: 0 10px 30px rgba(255, 165, 0, 0.4);\n      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .feature-box:hover .feature-icon-wrapper {\n      transform: rotate(10deg) scale(1.1);\n    }\n\n    .feature-icon-wrapper svg {\n      width: 30px;\n      height: 30px;\n      stroke: #0f172a;\n      stroke-width: 2.5;\n    }\n\n    .feature-title {\n      font-size: 22px;\n      font-weight: 800;\n      color: white;\n      margin: 0;\n    }\n\n    .feature-text {\n      font-size: 16px;\n      line-height: 1.7;\n      color: rgba(255, 255, 255, 0.8);\n      margin: 0;\n    }\n\n    \/* Navigation Dots *\/\n    .nav-dots {\n      position: absolute;\n      bottom: 50px;\n      left: 50%;\n      transform: translateX(-50%);\n      display: flex;\n      gap: 15px;\n      z-index: 20;\n    }\n\n    .nav-dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.3);\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n    }\n\n    .nav-dot::after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 20px;\n      height: 20px;\n      border: 2px solid transparent;\n      border-radius: 50%;\n      transition: all 0.4s ease;\n    }\n\n    .nav-dot:hover {\n      background: rgba(255, 255, 255, 0.6);\n      transform: scale(1.3);\n    }\n\n    .nav-dot.active {\n      background: #FFA500;\n      width: 40px;\n      border-radius: 5px;\n      box-shadow: 0 0 20px rgba(255, 165, 0, 0.6);\n    }\n\n    .nav-dot.active::after {\n      border-color: rgba(255, 165, 0, 0.3);\n    }\n\n    \/* Animations *\/\n    @keyframes slideInLeft {\n      from {\n        opacity: 0;\n        transform: translateX(-60px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes slideInRight {\n      from {\n        opacity: 0;\n        transform: translateX(60px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes slideInUp {\n      from {\n        opacity: 0;\n        transform: translateY(40px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1400px) {\n      .main-heading {\n        font-size: 58px;\n      }\n\n      .description-text {\n        font-size: 18px;\n      }\n    }\n\n    @media (max-width: 1200px) {\n      .content-wrapper {\n        gap: 60px;\n      }\n\n      .main-heading {\n        font-size: 52px;\n      }\n\n      .stat-value {\n        font-size: 42px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .modern-banner {\n        min-height: 900px;\n        height: auto;\n      }\n\n      .content-wrapper {\n        grid-template-columns: 1fr;\n        gap: 60px;\n        padding: 80px 0;\n      }\n\n      .text-section {\n        text-align: center;\n      }\n\n      .badge {\n        justify-content: center;\n      }\n\n      .main-heading {\n        font-size: 48px;\n      }\n\n      .cta-buttons {\n        justify-content: center;\n      }\n\n      .features-section {\n        max-width: 600px;\n        margin: 0 auto;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .modern-banner {\n        min-height: 1000px;\n      }\n\n      .main-heading {\n        font-size: 42px;\n        letter-spacing: -1px;\n      }\n\n      .description-text {\n        font-size: 17px;\n      }\n\n      .stats-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n      .cta-buttons {\n        flex-direction: column;\n        width: 100%;\n      }\n\n      .btn {\n        width: 100%;\n        justify-content: center;\n      }\n\n      .feature-box {\n        padding: 28px;\n      }\n\n      .nav-dots {\n        bottom: 30px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .main-heading {\n        font-size: 36px;\n      }\n\n      .stat-value {\n        font-size: 36px;\n      }\n\n      .feature-icon-wrapper {\n        width: 55px;\n        height: 55px;\n      }\n\n      .feature-title {\n        font-size: 19px;\n      }\n\n      .feature-text {\n        font-size: 15px;\n      }\n    }\n  <\/style>\n\n  <!-- Background Slideshow -->\n  <div class=\"slideshow-container\">\n    <div class=\"slide-item active\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u73bb\u7483\u57fa\u5730.png');\"><\/div>\n    <div class=\"slide-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730.png');\"><\/div>\n    <div class=\"slide-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u6c34\u57fa\u5730.png');\"><\/div>\n    <div class=\"slide-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u6d82\u5c42\u57fa\u5730.png');\"><\/div>\n    <div class=\"slide-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u667a\u80fd\u88c5\u5907\u57fa\u5730.png');\"><\/div>\n    <div class=\"slide-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677fMOC\u57fa\u5730.png');\"><\/div>\n  <\/div>\n\n  <!-- Animated Gradient -->\n  <div class=\"gradient-overlay\"><\/div>\n\n  <!-- Main Content -->\n  <div class=\"banner-content\">\n    <div class=\"content-wrapper\">\n      <!-- Left Content -->\n      <div class=\"text-section\">\n        <div class=\"badge\">\n          <span class=\"badge-dot\"><\/span>\n          <span>Global Solar Energy Leader<\/span>\n        <\/div>\n\n        <h1 class=\"main-heading\">\n          Innovating<br>\n          <span class=\"gradient-text\">Comprehensive Solar<br>Energy Solutions<\/span>\n        <\/h1>\n\n        <p class=\"description-text\">\n          SOLETKS specializes in the research and application of solar, geothermal, and air energy, offering integrated solutions for building energy, industry, and agriculture. With <strong>117 world-leading patents<\/strong> and a global presence, we deliver reliable and sustainable thermal energy systems.\n        <\/p>\n\n        <!-- Stats -->\n        <div class=\"stats-grid\">\n          <div class=\"stat-box\">\n            <span class=\"stat-value\">117+<\/span>\n            <span class=\"stat-label\">Patents<\/span>\n          <\/div>\n          <div class=\"stat-box\">\n            <span class=\"stat-value\">7.0<\/span>\n            <span class=\"stat-label\">GWth Capacity<\/span>\n          <\/div>\n          <div class=\"stat-box\">\n            <span class=\"stat-value\">50+<\/span>\n            <span class=\"stat-label\">Countries<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Buttons -->\n        <div class=\"cta-buttons\">\n          <button class=\"btn btn-primary\">\n            <span>Get Started<\/span>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/button>\n          <button class=\"btn btn-secondary\">\n            <span>Learn More<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Right Features -->\n      <div class=\"features-section\">\n        <div class=\"feature-box\">\n          <div class=\"feature-top\">\n            <div class=\"feature-icon-wrapper\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <h3 class=\"feature-title\">World-Class Innovation<\/h3>\n          <\/div>\n          <p class=\"feature-text\">\n            Leading the industry with 117 patents and cutting-edge solar thermal technology for maximum efficiency.\n          <\/p>\n        <\/div>\n\n        <div class=\"feature-box\">\n          <div class=\"feature-top\">\n            <div class=\"feature-icon-wrapper\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <path d=\"M2 12h20M12 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\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <h3 class=\"feature-title\">Global Presence<\/h3>\n          <\/div>\n          <p class=\"feature-text\">\n            Serving 50+ countries with reliable solar energy solutions and comprehensive technical support worldwide.\n          <\/p>\n        <\/div>\n\n        <div class=\"feature-box\">\n          <div class=\"feature-top\">\n            <div class=\"feature-icon-wrapper\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <h3 class=\"feature-title\">Sustainable Energy<\/h3>\n          <\/div>\n          <p class=\"feature-text\">\n            Integrated solutions combining solar, geothermal, and air energy for diverse applications.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Navigation Dots -->\n  <div class=\"nav-dots\">\n    <div class=\"nav-dot active\" data-index=\"0\"><\/div>\n    <div class=\"nav-dot\" data-index=\"1\"><\/div>\n    <div class=\"nav-dot\" data-index=\"2\"><\/div>\n    <div class=\"nav-dot\" data-index=\"3\"><\/div>\n    <div class=\"nav-dot\" data-index=\"4\"><\/div>\n    <div class=\"nav-dot\" data-index=\"5\"><\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const slides = document.querySelectorAll('.slide-item');\n  const dots = document.querySelectorAll('.nav-dot');\n  let currentIndex = 0;\n  const slideInterval = 6000;\n  let autoPlay;\n\n  function goToSlide(index) {\n    slides.forEach(slide => slide.classList.remove('active'));\n    dots.forEach(dot => dot.classList.remove('active'));\n    \n    slides[index].classList.add('active');\n    dots[index].classList.add('active');\n    currentIndex = index;\n  }\n\n  function nextSlide() {\n    const next = (currentIndex + 1) % slides.length;\n    goToSlide(next);\n  }\n\n  function startAutoPlay() {\n    autoPlay = setInterval(nextSlide, slideInterval);\n  }\n\n  function stopAutoPlay() {\n    clearInterval(autoPlay);\n  }\n\n  dots.forEach((dot, index) => {\n    dot.addEventListener('click', () => {\n      stopAutoPlay();\n      goToSlide(index);\n      startAutoPlay();\n    });\n  });\n\n  const banner = document.querySelector('.modern-banner');\n  banner.addEventListener('mouseenter', stopAutoPlay);\n  banner.addEventListener('mouseleave', startAutoPlay);\n\n  startAutoPlay();\n\n  \/\/ Button interactions\n  const buttons = document.querySelectorAll('.btn');\n  buttons.forEach(btn => {\n    btn.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-8ebfdf0 e-con-full e-flex e-con e-parent\" data-id=\"8ebfdf0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa0658d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fa0658d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Company Introduction Section -->\n<section class=\"company-intro-section\">\n  <style>\n    .company-intro-section {\n      position: relative;\n      width: 100%;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      padding: 100px 0;\n      overflow: hidden;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    .company-intro-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    \/* Decorative Background Elements *\/\n    .intro-bg-decoration {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      overflow: hidden;\n    }\n\n    .intro-bg-decoration::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -10%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(255, 165, 0, 0.05) 0%, transparent 70%);\n      border-radius: 50%;\n    }\n\n    .intro-bg-decoration::after {\n      content: '';\n      position: absolute;\n      bottom: -30%;\n      left: -5%;\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    }\n\n    .intro-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Section Header *\/\n    .intro-header {\n      text-align: center;\n      margin-bottom: 70px;\n      animation: fadeInDown 0.8s ease;\n    }\n\n    .intro-badge {\n      display: inline-block;\n      padding: 8px 24px;\n      background: linear-gradient(135deg, rgba(255, 165, 0, 0.1), rgba(255, 165, 0, 0.05));\n      border: 1px solid rgba(255, 165, 0, 0.2);\n      border-radius: 100px;\n      font-size: 13px;\n      font-weight: 600;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      color: #FFA500;\n      margin-bottom: 20px;\n    }\n\n    .intro-main-title {\n      font-size: 48px;\n      font-weight: 900;\n      line-height: 1.2;\n      color: #0f172a;\n      margin: 0 0 20px 0;\n      letter-spacing: -1px;\n    }\n\n    .intro-main-title .highlight {\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .intro-subtitle {\n      font-size: 18px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    \/* Content Grid *\/\n    .intro-content-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      margin-bottom: 60px;\n    }\n\n    \/* Text Content *\/\n    .intro-text-content {\n      animation: fadeInLeft 0.8s ease 0.2s both;\n    }\n\n    .intro-description {\n      font-size: 17px;\n      line-height: 1.9;\n      color: #475569;\n      margin-bottom: 35px;\n    }\n\n    .intro-description strong {\n      color: #FFA500;\n      font-weight: 700;\n    }\n\n    \/* Stats Highlights *\/\n    .intro-stats {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-bottom: 35px;\n    }\n\n    .intro-stat-card {\n      padding: 25px;\n      background: linear-gradient(135deg, #f8fafc, #ffffff);\n      border: 2px solid #e2e8f0;\n      border-radius: 16px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .intro-stat-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 4px;\n      height: 100%;\n      background: linear-gradient(180deg, #FFB84D, #FFA500);\n      transform: scaleY(0);\n      transition: transform 0.4s ease;\n    }\n\n    .intro-stat-card:hover {\n      border-color: #FFA500;\n      transform: translateY(-5px);\n      box-shadow: 0 15px 40px rgba(255, 165, 0, 0.15);\n    }\n\n    .intro-stat-card:hover::before {\n      transform: scaleY(1);\n    }\n\n    .stat-card-number {\n      font-size: 36px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 5px;\n      display: block;\n    }\n\n    .stat-card-label {\n      font-size: 14px;\n      color: #64748b;\n      font-weight: 600;\n    }\n\n    \/* Subsidiaries List *\/\n    .subsidiaries-section {\n      margin-top: 35px;\n    }\n\n    .subsidiaries-title {\n      font-size: 18px;\n      font-weight: 700;\n      color: #0f172a;\n      margin-bottom: 15px;\n    }\n\n    .subsidiaries-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 12px;\n    }\n\n    .subsidiary-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 12px 16px;\n      background: white;\n      border: 1px solid #e2e8f0;\n      border-radius: 10px;\n      transition: all 0.3s ease;\n    }\n\n    .subsidiary-item:hover {\n      border-color: #FFA500;\n      background: linear-gradient(135deg, rgba(255, 165, 0, 0.05), rgba(255, 165, 0, 0.02));\n      transform: translateX(5px);\n    }\n\n    .subsidiary-dot {\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .subsidiary-name {\n      font-size: 14px;\n      font-weight: 600;\n      color: #334155;\n    }\n\n    \/* Images Grid *\/\n    .intro-images-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 20px;\n      animation: fadeInRight 0.8s ease 0.2s both;\n    }\n\n    .intro-image-wrapper {\n      position: relative;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .intro-image-wrapper:hover {\n      transform: translateY(-10px);\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n    }\n\n    .intro-image-wrapper img {\n      width: 100%;\n      height: 300px;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .intro-image-wrapper:hover img {\n      transform: scale(1.08);\n    }\n\n    .image-overlay {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      padding: 25px;\n      background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\n      color: white;\n      transform: translateY(100%);\n      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .intro-image-wrapper:hover .image-overlay {\n      transform: translateY(0);\n    }\n\n    .image-overlay-title {\n      font-size: 18px;\n      font-weight: 700;\n      margin: 0;\n    }\n\n    \/* Achievement Banner *\/\n    .achievement-banner {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 30px;\n      padding: 50px;\n      background: linear-gradient(135deg, #0f172a, #1e3a8a);\n      border-radius: 24px;\n      position: relative;\n      overflow: hidden;\n      animation: fadeInUp 0.8s ease 0.4s both;\n    }\n\n    .achievement-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n      opacity: 0.5;\n    }\n\n    .achievement-item {\n      text-align: center;\n      position: relative;\n      z-index: 1;\n    }\n\n    .achievement-icon {\n      width: 60px;\n      height: 60px;\n      margin: 0 auto 15px;\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 10px 30px rgba(255, 165, 0, 0.3);\n    }\n\n    .achievement-icon svg {\n      width: 30px;\n      height: 30px;\n      stroke: #0f172a;\n      stroke-width: 2.5;\n    }\n\n    .achievement-number {\n      font-size: 42px;\n      font-weight: 900;\n      color: #FFA500;\n      margin-bottom: 8px;\n      display: block;\n    }\n\n    .achievement-label {\n      font-size: 15px;\n      color: rgba(255, 255, 255, 0.8);\n      font-weight: 600;\n    }\n\n    \/* Animations *\/\n    @keyframes fadeInDown {\n      from {\n        opacity: 0;\n        transform: translateY(-30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeInLeft {\n      from {\n        opacity: 0;\n        transform: translateX(-50px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes fadeInRight {\n      from {\n        opacity: 0;\n        transform: translateX(50px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(40px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .intro-main-title {\n        font-size: 42px;\n      }\n\n      .achievement-banner {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n        padding: 40px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .company-intro-section {\n        padding: 80px 0;\n      }\n\n      .intro-content-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n      }\n\n      .intro-main-title {\n        font-size: 38px;\n      }\n\n      .intro-subtitle {\n        font-size: 17px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .company-intro-section {\n        padding: 60px 0;\n      }\n\n      .intro-container {\n        padding: 0 20px;\n      }\n\n      .intro-main-title {\n        font-size: 32px;\n      }\n\n      .intro-subtitle {\n        font-size: 16px;\n      }\n\n      .intro-stats {\n        grid-template-columns: 1fr;\n      }\n\n      .subsidiaries-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .achievement-banner {\n        grid-template-columns: 1fr;\n        padding: 30px;\n        gap: 20px;\n      }\n\n      .intro-image-wrapper img {\n        height: 250px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .intro-main-title {\n        font-size: 28px;\n      }\n\n      .achievement-number {\n        font-size: 36px;\n      }\n\n      .achievement-icon {\n        width: 50px;\n        height: 50px;\n      }\n    }\n  <\/style>\n\n  <!-- Background Decoration -->\n  <div class=\"intro-bg-decoration\"><\/div>\n\n  <div class=\"intro-container\">\n    <!-- Section Header -->\n    <div class=\"intro-header\">\n      <div class=\"intro-badge\">About SOLETKS Group<\/div>\n      <h2 class=\"intro-main-title\">\n        SOLETKS Group \u2014 Innovating <span class=\"highlight\">Global Solar Energy Solutions<\/span>\n      <\/h2>\n      <p class=\"intro-subtitle\">\n        Leading technology enterprise specializing in the development and production of flat plate solar collectors\n      <\/p>\n    <\/div>\n\n    <!-- Main Content Grid -->\n    <div class=\"intro-content-grid\">\n      <!-- Left: Text Content -->\n      <div class=\"intro-text-content\">\n        <p class=\"intro-description\">\n          SOLETKS Group is a leading technology enterprise specializing in the development and production of <strong>flat plate solar collectors<\/strong>. Headquartered in Sun City \u2014 <strong>Dezhou, Shandong, China<\/strong>, the Group operates six production bases and seven subsidiaries, including BTE Solar, Jinheng Solar, Fiti Solar, Soletks, Knear Solar, Tibet Soletks, and KangDe Now.\n        <\/p>\n\n        <!-- Stats Cards -->\n        <div class=\"intro-stats\">\n          <div class=\"intro-stat-card\">\n            <span class=\"stat-card-number\">3 GWh<\/span>\n            <span class=\"stat-card-label\">Annual Output Capacity<\/span>\n          <\/div>\n          <div class=\"intro-stat-card\">\n            <span class=\"stat-card-number\">3rd<\/span>\n            <span class=\"stat-card-label\">Global Ranking 2017-2019<\/span>\n          <\/div>\n          <div class=\"intro-stat-card\">\n            <span class=\"stat-card-number\">2nd<\/span>\n            <span class=\"stat-card-label\">Global Ranking 2020-2021<\/span>\n          <\/div>\n          <div class=\"intro-stat-card\">\n            <span class=\"stat-card-number\">6<\/span>\n            <span class=\"stat-card-label\">Production Bases<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Subsidiaries -->\n        <div class=\"subsidiaries-section\">\n          <h3 class=\"subsidiaries-title\">Seven Subsidiaries<\/h3>\n          <div class=\"subsidiaries-grid\">\n            <div class=\"subsidiary-item\">\n              <div class=\"subsidiary-dot\"><\/div>\n              <span class=\"subsidiary-name\">BTE Solar<\/span>\n            <\/div>\n            <div class=\"subsidiary-item\">\n              <div class=\"subsidiary-dot\"><\/div>\n              <span class=\"subsidiary-name\">Jinheng Solar<\/span>\n            <\/div>\n            <div class=\"subsidiary-item\">\n              <div class=\"subsidiary-dot\"><\/div>\n              <span class=\"subsidiary-name\">Fiti Solar<\/span>\n            <\/div>\n            <div class=\"subsidiary-item\">\n              <div class=\"subsidiary-dot\"><\/div>\n              <span class=\"subsidiary-name\">Soletks<\/span>\n            <\/div>\n            <div class=\"subsidiary-item\">\n              <div class=\"subsidiary-dot\"><\/div>\n              <span class=\"subsidiary-name\">Knear Solar<\/span>\n            <\/div>\n            <div class=\"subsidiary-item\">\n              <div class=\"subsidiary-dot\"><\/div>\n              <span class=\"subsidiary-name\">Tibet Soletks<\/span>\n            <\/div>\n            <div class=\"subsidiary-item\">\n              <div class=\"subsidiary-dot\"><\/div>\n              <span class=\"subsidiary-name\">KangDe Now<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Right: Images -->\n      <div class=\"intro-images-grid\">\n        <div class=\"intro-image-wrapper\">\n          <img height=\"917\" width=\"1783\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u6c34\u57fa\u5730.png\" alt=\"Flat Plate Hot Water Base\">\n          <div class=\"image-overlay\">\n            <h4 class=\"image-overlay-title\">Flat Plate Hot Water Base<\/h4>\n          <\/div>\n        <\/div>\n        <div class=\"intro-image-wrapper\">\n          <img loading=\"lazy\" height=\"1155\" width=\"1798\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u667a\u80fd\u88c5\u5907\u57fa\u5730.png\" alt=\"Intelligent Equipment Base\">\n          <div class=\"image-overlay\">\n            <h4 class=\"image-overlay-title\">Intelligent Equipment Base<\/h4>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Achievement Banner -->\n    <div class=\"achievement-banner\">\n      <div class=\"achievement-item\">\n        <div class=\"achievement-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M3 21h18M3 10h18M3 7l9-4 9 4M4 10v11M20 10v11M8 14v3M12 14v3M16 14v3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"achievement-number\">6<\/span>\n        <span class=\"achievement-label\">Production Bases<\/span>\n      <\/div>\n\n      <div class=\"achievement-item\">\n        <div class=\"achievement-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75M13 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"achievement-number\">7<\/span>\n        <span class=\"achievement-label\">Subsidiaries<\/span>\n      <\/div>\n\n      <div class=\"achievement-item\">\n        <div class=\"achievement-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 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\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"achievement-number\">2nd<\/span>\n        <span class=\"achievement-label\">Global Ranking<\/span>\n      <\/div>\n\n      <div class=\"achievement-item\">\n        <div class=\"achievement-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"achievement-number\">3 GWh<\/span>\n        <span class=\"achievement-label\">Annual Capacity<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Intersection Observer for scroll animations\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 => {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe animated elements\n  const animatedElements = document.querySelectorAll(\n    '.intro-stat-card, .subsidiary-item, .intro-image-wrapper, .achievement-item'\n  );\n\n  animatedElements.forEach(el => {\n    el.style.opacity = '0';\n    el.style.transform = 'translateY(30px)';\n    el.style.transition = 'all 0.6s ease';\n    observer.observe(el);\n  });\n\n  \/\/ Add stagger effect to subsidiaries\n  const subsidiaries = document.querySelectorAll('.subsidiary-item');\n  subsidiaries.forEach((item, index) => {\n    item.style.transitionDelay = `${index * 0.05}s`;\n  });\n\n  \/\/ Add stagger effect to achievement items\n  const achievements = document.querySelectorAll('.achievement-item');\n  achievements.forEach((item, index) => {\n    item.style.transitionDelay = `${index * 0.1}s`;\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c99995 e-con-full e-flex e-con e-parent\" data-id=\"1c99995\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f00b75a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f00b75a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- Group Overview & BTE Solar Section -->\n<section class=\"group-bte-section\">\n  <style>\n    .group-bte-section {\n      position: relative;\n      width: 100%;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      padding: 100px 0;\n      overflow: hidden;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    \/* Background Pattern *\/\n    .section-bg-pattern {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-image: \n        radial-gradient(circle at 20% 30%, rgba(255, 165, 0, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n      pointer-events: none;\n    }\n\n    .section-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Section Header *\/\n    .section-main-header {\n      text-align: center;\n      margin-bottom: 70px;\n      animation: fadeInDown 0.8s ease;\n    }\n\n    .section-badge {\n      display: inline-block;\n      padding: 8px 24px;\n      background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.05));\n      border: 1px solid rgba(59, 130, 246, 0.2);\n      border-radius: 100px;\n      font-size: 13px;\n      font-weight: 600;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      color: #3b82f6;\n      margin-bottom: 20px;\n    }\n\n    .section-main-title {\n      font-size: 48px;\n      font-weight: 900;\n      line-height: 1.2;\n      color: #0f172a;\n      margin: 0 0 25px 0;\n      letter-spacing: -1px;\n    }\n\n    .section-main-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    .section-intro {\n      font-size: 19px;\n      line-height: 1.8;\n      color: #475569;\n      max-width: 950px;\n      margin: 0 auto 15px;\n    }\n\n    .section-intro strong {\n      color: #0f172a;\n      font-weight: 700;\n    }\n\n    \/* Group Overview Block *\/\n    .group-overview-block {\n      background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);\n      border: 2px solid #bfdbfe;\n      border-radius: 24px;\n      padding: 50px;\n      margin-bottom: 40px;\n      animation: fadeInUp 0.8s ease 0.2s both;\n      transition: all 0.4s ease;\n    }\n\n    .group-overview-block:hover {\n      box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);\n      transform: translateY(-5px);\n      border-color: #3b82f6;\n    }\n\n    .block-header {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      margin-bottom: 40px;\n      padding-bottom: 30px;\n      border-bottom: 2px solid #e2e8f0;\n    }\n\n    .block-icon {\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      border-radius: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);\n    }\n\n    .block-icon svg {\n      width: 32px;\n      height: 32px;\n      stroke: white;\n      stroke-width: 2.5;\n    }\n\n    .block-title-wrapper {\n      flex: 1;\n    }\n\n    .block-title {\n      font-size: 36px;\n      font-weight: 900;\n      color: #0f172a;\n      margin: 0 0 10px 0;\n    }\n\n    .block-title .highlight-blue {\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    .block-subtitle {\n      font-size: 16px;\n      color: #64748b;\n      margin: 0;\n      line-height: 1.6;\n    }\n\n    \/* Stats Row *\/\n    .stats-row {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 25px;\n      margin-bottom: 40px;\n    }\n\n    .stat-card {\n      padding: 30px;\n      background: white;\n      border: 2px solid #dbeafe;\n      border-radius: 20px;\n      text-align: center;\n      transition: all 0.4s ease;\n    }\n\n    .stat-card:hover {\n      border-color: #3b82f6;\n      transform: translateY(-5px);\n      box-shadow: 0 15px 40px rgba(59, 130, 246, 0.2);\n    }\n\n    .stat-number {\n      font-size: 48px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    .stat-label {\n      font-size: 15px;\n      color: #64748b;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Applications Section *\/\n    .section-content-title {\n      font-size: 20px;\n      font-weight: 800;\n      color: #0f172a;\n      margin: 0 0 25px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .applications-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n\n    .application-card {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      padding: 20px;\n      background: white;\n      border: 2px solid #e0f2fe;\n      border-radius: 16px;\n      transition: all 0.3s ease;\n    }\n\n    .application-card:hover {\n      border-color: #3b82f6;\n      background: #eff6ff;\n      transform: translateX(8px);\n      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);\n    }\n\n    .application-icon {\n      width: 50px;\n      height: 50px;\n      background: linear-gradient(135deg, #dbeafe, #bfdbfe);\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .application-icon svg {\n      width: 26px;\n      height: 26px;\n      stroke: #1e40af;\n      stroke-width: 2.5;\n    }\n\n    .application-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n    }\n\n    \/* BTE Solar Block *\/\n    .bte-solar-block {\n      background: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);\n      border: 2px solid #fed7aa;\n      border-radius: 24px;\n      padding: 50px;\n      margin-bottom: 40px;\n      animation: fadeInUp 0.8s ease 0.4s both;\n      transition: all 0.4s ease;\n    }\n\n    .bte-solar-block:hover {\n      box-shadow: 0 20px 60px rgba(255, 165, 0, 0.15);\n      transform: translateY(-5px);\n      border-color: #FFA500;\n    }\n\n    .bte-block-header {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      margin-bottom: 40px;\n      padding-bottom: 30px;\n      border-bottom: 2px solid #e2e8f0;\n    }\n\n    .bte-block-icon {\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      border-radius: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      box-shadow: 0 10px 30px rgba(255, 165, 0, 0.4);\n    }\n\n    .bte-block-icon svg {\n      width: 32px;\n      height: 32px;\n      stroke: #0f172a;\n      stroke-width: 2.5;\n    }\n\n    .bte-founding-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 16px;\n      background: rgba(255, 165, 0, 0.15);\n      border: 2px solid rgba(255, 165, 0, 0.3);\n      border-radius: 20px;\n      margin-bottom: 12px;\n    }\n\n    .bte-founding-badge svg {\n      width: 16px;\n      height: 16px;\n      stroke: #FFA500;\n      stroke-width: 3;\n    }\n\n    .bte-founding-text {\n      font-size: 12px;\n      font-weight: 700;\n      color: #FFA500;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .bte-block-title {\n      font-size: 36px;\n      font-weight: 900;\n      color: #0f172a;\n      margin: 0 0 10px 0;\n    }\n\n    .highlight-orange {\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    \/* Products Grid *\/\n    .products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n      margin-bottom: 30px;\n    }\n\n    .product-card {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      padding: 20px;\n      background: white;\n      border: 2px solid #ffedd5;\n      border-radius: 16px;\n      transition: all 0.3s ease;\n    }\n\n    .product-card:hover {\n      border-color: #FFA500;\n      background: #fff7ed;\n      transform: translateX(8px);\n      box-shadow: 0 8px 25px rgba(255, 165, 0, 0.15);\n    }\n\n    .product-icon {\n      width: 50px;\n      height: 50px;\n      background: linear-gradient(135deg, #fed7aa, #fdba74);\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .product-icon svg {\n      width: 26px;\n      height: 26px;\n      stroke: #92400e;\n      stroke-width: 2.5;\n    }\n\n    .product-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n    }\n\n    \/* Bottom Info Row *\/\n    .bottom-info-row {\n      display: grid;\n      grid-template-columns: 2fr 1fr;\n      gap: 25px;\n    }\n\n    .info-card {\n      padding: 30px;\n      border-radius: 20px;\n      transition: all 0.3s ease;\n    }\n\n    .certifications-card {\n      background: linear-gradient(135deg, #eff6ff, #dbeafe);\n      border: 2px solid #93c5fd;\n    }\n\n    .certifications-card:hover {\n      border-color: #3b82f6;\n      transform: translateY(-3px);\n      box-shadow: 0 10px 30px rgba(59, 130, 246, 0.2);\n    }\n\n    .countries-card {\n      background: linear-gradient(135deg, #fff7ed, #fed7aa);\n      border: 2px solid #fdba74;\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .countries-card:hover {\n      border-color: #FFA500;\n      transform: translateY(-3px);\n      box-shadow: 0 10px 30px rgba(255, 165, 0, 0.2);\n    }\n\n    .info-card-title {\n      font-size: 16px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 15px;\n    }\n\n    .certifications-card .info-card-title {\n      color: #1e40af;\n    }\n\n    .cert-badges-row {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n\n    .cert-badge {\n      padding: 10px 20px;\n      background: white;\n      border: 2px solid #60a5fa;\n      border-radius: 25px;\n      font-size: 14px;\n      font-weight: 700;\n      color: #1e40af;\n      transition: all 0.3s ease;\n    }\n\n    .cert-badge:hover {\n      background: #3b82f6;\n      color: white;\n      border-color: #3b82f6;\n      transform: translateY(-2px);\n    }\n\n    .countries-number {\n      font-size: 56px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      display: block;\n      margin-bottom: 8px;\n    }\n\n    .countries-label {\n      font-size: 16px;\n      color: #92400e;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    \/* Images Gallery *\/\n    .images-gallery-section {\n      margin-top: 20px;\n      animation: fadeInUp 0.8s ease 0.6s both;\n    }\n\n    .gallery-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n\n    .gallery-title {\n      font-size: 36px;\n      font-weight: 900;\n      color: #0f172a;\n      margin: 0 0 12px 0;\n    }\n\n    .gallery-subtitle {\n      font-size: 17px;\n      color: #64748b;\n    }\n\n    .images-gallery {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 25px;\n    }\n\n    .gallery-item {\n      position: relative;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      aspect-ratio: 4\/3;\n      background: #f1f5f9;\n    }\n\n    .gallery-item:hover {\n      transform: translateY(-10px) scale(1.02);\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n      z-index: 10;\n    }\n\n    .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n      image-rendering: -webkit-optimize-contrast;\n      image-rendering: crisp-edges;\n    }\n\n    .gallery-item:hover img {\n      transform: scale(1.1);\n    }\n\n    .gallery-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(\n        to bottom,\n        transparent 0%,\n        transparent 50%,\n        rgba(0, 0, 0, 0.8) 100%\n      );\n      opacity: 0;\n      transition: opacity 0.4s ease;\n      display: flex;\n      align-items: flex-end;\n      padding: 25px;\n    }\n\n    .gallery-item:hover .gallery-overlay {\n      opacity: 1;\n    }\n\n    .gallery-caption {\n      color: white;\n      font-size: 16px;\n      font-weight: 700;\n      transform: translateY(20px);\n      transition: transform 0.4s ease;\n    }\n\n    .gallery-item:hover .gallery-caption {\n      transform: translateY(0);\n    }\n\n    \/* Lightbox *\/\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    }\n\n    .lightbox-modal.active {\n      display: flex;\n      animation: fadeIn 0.3s ease;\n    }\n\n    .lightbox-content {\n      position: relative;\n      max-width: 90%;\n      max-height: 90%;\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    }\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: #0f172a;\n      stroke-width: 2.5;\n    }\n\n    \/* Animations *\/\n    @keyframes fadeInDown {\n      from {\n        opacity: 0;\n        transform: translateY(-30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(40px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeIn {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .section-main-title {\n        font-size: 42px;\n      }\n\n      .block-title {\n        font-size: 32px;\n      }\n\n      .bte-block-title {\n        font-size: 32px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .group-bte-section {\n        padding: 80px 0;\n      }\n\n      .section-main-title {\n        font-size: 38px;\n      }\n\n      .group-overview-block,\n      .bte-solar-block {\n        padding: 40px;\n      }\n\n      .applications-grid,\n      .products-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .images-gallery {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .group-bte-section {\n        padding: 60px 0;\n      }\n\n      .section-container {\n        padding: 0 20px;\n      }\n\n      .section-main-title {\n        font-size: 32px;\n      }\n\n      .section-intro {\n        font-size: 16px;\n      }\n\n      .group-overview-block,\n      .bte-solar-block {\n        padding: 30px;\n      }\n\n      .block-header,\n      .bte-block-header {\n        flex-direction: column;\n        text-align: center;\n      }\n\n      .block-title {\n        font-size: 28px;\n      }\n\n      .bte-block-title {\n        font-size: 28px;\n      }\n\n      .stats-row {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .applications-grid,\n      .products-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .bottom-info-row {\n        grid-template-columns: 1fr;\n      }\n\n      .lightbox-close {\n        top: 20px;\n        right: 20px;\n        width: 44px;\n        height: 44px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .section-main-title {\n        font-size: 28px;\n      }\n\n      .block-title {\n        font-size: 24px;\n      }\n\n      .bte-block-title {\n        font-size: 24px;\n      }\n\n      .gallery-title {\n        font-size: 28px;\n      }\n    }\n  <\/style>\n\n  <!-- Background Pattern -->\n  <div class=\"section-bg-pattern\"><\/div>\n\n  <div class=\"section-container\">\n    <!-- Main Section Header -->\n    <div class=\"section-main-header\">\n      <div class=\"section-badge\">Company Overview<\/div>\n      <h2 class=\"section-main-title\">\n        Innovation & <span class=\"highlight\">Global Excellence<\/span>\n      <\/h2>\n      <p class=\"section-intro\">\n        <strong>Technological innovation<\/strong> has always been at the heart of SOLETKS Group's competitiveness. The Group consists of four technical departments, one research institute, and one laboratory, with <strong>16% of staff dedicated to R&D<\/strong>\u2014and over half of them having more than 20 years of industry experience.\n      <\/p>\n    <\/div>\n\n    <!-- Group Overview Block -->\n    <div class=\"group-overview-block\">\n      <div class=\"block-header\">\n        <div class=\"block-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"block-title-wrapper\">\n          <h3 class=\"block-title\">\n            <span class=\"highlight-blue\">Group Overview<\/span>\n          <\/h3>\n          <p class=\"block-subtitle\">\n            Currently, the Group holds <strong>58 core patents<\/strong> and continues to lead advancements in solar thermal energy technologies.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Innovation Stats -->\n      <div class=\"stats-row\">\n        <div class=\"stat-card\">\n          <span class=\"stat-number\">58<\/span>\n          <div class=\"stat-label\">Core Patents<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <span class=\"stat-number\">16%<\/span>\n          <div class=\"stat-label\">R&D Staff Ratio<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <span class=\"stat-number\">20+<\/span>\n          <div class=\"stat-label\">Years Experience<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Applications -->\n      <h4 class=\"section-content-title\">Wide Range of Applications<\/h4>\n      <div class=\"applications-grid\">\n        <div class=\"application-card\">\n          <div class=\"application-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"application-name\">Civil Buildings<\/span>\n        <\/div>\n        <div class=\"application-card\">\n          <div class=\"application-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"application-name\">Military Facilities<\/span>\n        <\/div>\n        <div class=\"application-card\">\n          <div class=\"application-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M3 21h18M3 10h18M3 7l9-4 9 4M4 10v11M20 10v11\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"application-name\">Industrial Heating<\/span>\n        <\/div>\n        <div class=\"application-card\">\n          <div class=\"application-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 2.69l5.66 5.66a8 8 0 11-11.31 0z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"application-name\">Agriculture<\/span>\n        <\/div>\n        <div class=\"application-card\">\n          <div class=\"application-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"application-name\">Aquaculture<\/span>\n        <\/div>\n        <div class=\"application-card\">\n          <div class=\"application-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <circle cx=\"12\" cy=\"12\" r=\"5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"application-name\">Drying Applications<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- BTE Solar Block -->\n    <div class=\"bte-solar-block\">\n      <div class=\"bte-block-header\">\n        <div class=\"bte-block-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"block-title-wrapper\">\n          <div class=\"bte-founding-badge\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M5 13l4 4L19 7\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n            <span class=\"bte-founding-text\">Founded in 2015<\/span>\n          <\/div>\n          <h3 class=\"bte-block-title\">\n            <span class=\"highlight-orange\">BTE Solar<\/span> \u2014 Global Trade Division\n          <\/h3>\n          <p class=\"block-subtitle\">\n            BTE Solar serves as the import and export arm of SOLETKS Group and is recognized as a key exporter in Dezhou's solar energy industry. Guided by the principle of <strong>\"Customer First, Service First\"<\/strong>, BTE engages in the international trade of advanced solar technologies.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Products -->\n      <h4 class=\"section-content-title\">Advanced Solar Technologies<\/h4>\n      <div class=\"products-grid\">\n        <div class=\"product-card\">\n          <div class=\"product-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 2.69l5.66 5.66a8 8 0 11-11.31 0z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"product-name\">Hot Water Collectors<\/span>\n        <\/div>\n        <div class=\"product-card\">\n          <div class=\"product-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"product-name\">Flat Air Collectors<\/span>\n        <\/div>\n        <div class=\"product-card\">\n          <div class=\"product-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"product-name\">Heat Pipe Collectors<\/span>\n        <\/div>\n        <div class=\"product-card\">\n          <div class=\"product-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 2.69l5.66 5.66a8 8 0 11-11.31 0z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"product-name\">Solar Water Heaters<\/span>\n        <\/div>\n        <div class=\"product-card\">\n          <div class=\"product-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M3 9h18M9 21V9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"product-name\">PVT Systems<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Bottom Info -->\n      <div class=\"bottom-info-row\">\n        <div class=\"info-card certifications-card\">\n          <h4 class=\"info-card-title\">International Certifications<\/h4>\n          <div class=\"cert-badges-row\">\n            <div class=\"cert-badge\">ISO 9001<\/div>\n            <div class=\"cert-badge\">CE Certified<\/div>\n            <div class=\"cert-badge\">Solar Keymark<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"info-card countries-card\">\n          <span class=\"countries-number\">40+<\/span>\n          <div class=\"countries-label\">Countries Served<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Images Gallery Section -->\n    <div class=\"images-gallery-section\">\n      <div class=\"gallery-header\">\n        <h3 class=\"gallery-title\">Production Facilities<\/h3>\n        <p class=\"gallery-subtitle\">State-of-the-art manufacturing and research facilities<\/p>\n      <\/div>\n\n      <div class=\"images-gallery\">\n        <div class=\"gallery-item\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/wechat_2025-11-07_135754_086.png\">\n          <img height=\"905\" width=\"1811\" decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/wechat_2025-11-07_135754_086.png\" \n            alt=\"SOLETKS Production Facility 1\"\n            loading=\"lazy\">\n          <div class=\"gallery-overlay\">\n            <div class=\"gallery-caption\">Production Facility<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"gallery-item\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/wechat_2025-11-07_135845_523.png\">\n          <img height=\"815\" width=\"1537\" decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/wechat_2025-11-07_135845_523.png\" \n            alt=\"SOLETKS Production Facility 2\"\n            loading=\"lazy\">\n          <div class=\"gallery-overlay\">\n            <div class=\"gallery-caption\">Manufacturing Plant<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"gallery-item\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/wechat_2025-11-07_135911_805.png\">\n          <img height=\"777\" width=\"1541\" decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/wechat_2025-11-07_135911_805.png\" \n            alt=\"SOLETKS Production Facility 3\"\n            loading=\"lazy\">\n          <div class=\"gallery-overlay\">\n            <div class=\"gallery-caption\">Advanced Equipment<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lightbox Modal -->\n  <div class=\"lightbox-modal\" id=\"section-lightbox\">\n    <button class=\"lightbox-close\" id=\"section-lightbox-close\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\">\n        <path d=\"M18 6L6 18M6 6l12 12\" stroke=\"currentColor\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"lightbox-content\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"\" alt=\"Gallery Image\" id=\"section-lightbox-image\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Lightbox functionality\n  const lightbox = document.getElementById('section-lightbox');\n  const lightboxImage = document.getElementById('section-lightbox-image');\n  const lightboxClose = document.getElementById('section-lightbox-close');\n  const galleryItems = document.querySelectorAll('.gallery-item');\n\n  galleryItems.forEach(item => {\n    item.addEventListener('click', function() {\n      const imageUrl = this.getAttribute('data-image');\n      lightboxImage.src = imageUrl;\n      lightbox.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    });\n  });\n\n  lightboxClose.addEventListener('click', function() {\n    lightbox.classList.remove('active');\n    document.body.style.overflow = '';\n  });\n\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  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 animations\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 => {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, observerOptions);\n\n  const animatedElements = document.querySelectorAll(\n    '.stat-card, .application-card, .product-card, .gallery-item'\n  );\n\n  animatedElements.forEach((el, index) => {\n    el.style.opacity = '0';\n    el.style.transform = 'translateY(20px)';\n    el.style.transition = `all 0.6s ease ${index * 0.03}s`;\n    observer.observe(el);\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b15d2f e-con-full e-flex e-con e-parent\" data-id=\"4b15d2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b111b0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7b111b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Proven Success Section -->\n<section class=\"proven-success-section\">\n  <style>\n    .proven-success-section {\n      position: relative;\n      width: 100%;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      padding: 100px 0;\n      overflow: hidden;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    \/* Background Decoration *\/\n    .success-bg-decoration {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      background-image: \n        radial-gradient(circle at 20% 30%, rgba(255, 165, 0, 0.04) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.04) 0%, transparent 50%);\n    }\n\n    .success-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Section Header *\/\n    .success-header {\n      text-align: center;\n      margin-bottom: 60px;\n      animation: fadeInDown 0.8s ease;\n    }\n\n    .success-badge {\n      display: inline-block;\n      padding: 8px 20px;\n      background: rgba(255, 165, 0, 0.1);\n      border: 1px solid rgba(255, 165, 0, 0.3);\n      border-radius: 100px;\n      font-size: 12px;\n      font-weight: 600;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      color: #FFA500;\n      margin-bottom: 18px;\n    }\n\n    .success-title {\n      font-size: 46px;\n      font-weight: 900;\n      line-height: 1.2;\n      color: #0f172a;\n      margin: 0 0 20px 0;\n      letter-spacing: -1px;\n    }\n\n    .success-title .highlight {\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .success-description {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 850px;\n      margin: 0 auto;\n    }\n\n    .success-description strong {\n      color: #FFA500;\n      font-weight: 700;\n    }\n\n    \/* Media Grid *\/\n    .media-grid {\n      display: grid;\n      grid-template-columns: 1.6fr 1fr;\n      gap: 30px;\n      animation: fadeInUp 0.8s ease 0.2s both;\n    }\n\n    \/* Video Container *\/\n    .video-container {\n      position: relative;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12);\n      background: #000;\n      transition: all 0.4s ease;\n    }\n\n    .video-container:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n    }\n\n    .video-container iframe {\n      width: 100%;\n      height: 480px;\n      border: none;\n      display: block;\n    }\n\n    .video-badge {\n      position: absolute;\n      top: 20px;\n      left: 20px;\n      padding: 8px 16px;\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      border-radius: 25px;\n      font-size: 11px;\n      font-weight: 700;\n      color: #0f172a;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      z-index: 10;\n      box-shadow: 0 4px 15px rgba(255, 165, 0, 0.5);\n    }\n\n    \/* Images Grid *\/\n    .images-grid {\n      display: grid;\n      grid-template-rows: repeat(2, 1fr);\n      gap: 16px;\n      height: 480px;\n    }\n\n    .image-item {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      background: #f1f5f9;\n      cursor: pointer;\n    }\n\n    .image-item:hover {\n      transform: translateX(8px) scale(1.05);\n      box-shadow: 0 15px 45px rgba(59, 130, 246, 0.2);\n      z-index: 10;\n    }\n\n    .image-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .image-item:hover img {\n      transform: scale(1.12);\n    }\n\n    .image-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(\n        135deg,\n        rgba(59, 130, 246, 0.85) 0%,\n        rgba(37, 99, 235, 0.75) 100%\n      );\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .image-item:hover .image-overlay {\n      opacity: 1;\n    }\n\n    .image-overlay-content {\n      text-align: center;\n      transform: scale(0.9);\n      transition: transform 0.3s ease;\n    }\n\n    .image-item:hover .image-overlay-content {\n      transform: scale(1);\n    }\n\n    .image-overlay-icon {\n      width: 45px;\n      height: 45px;\n      margin: 0 auto 10px;\n      background: rgba(255, 255, 255, 0.25);\n      backdrop-filter: blur(10px);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .image-overlay-icon svg {\n      width: 22px;\n      height: 22px;\n      stroke: white;\n      stroke-width: 2.5;\n    }\n\n    .image-caption {\n      color: white;\n      font-size: 14px;\n      font-weight: 700;\n      margin: 0;\n    }\n\n    \/* Lightbox *\/\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    }\n\n    .lightbox-modal.active {\n      display: flex;\n      animation: fadeIn 0.3s ease;\n    }\n\n    .lightbox-content {\n      position: relative;\n      max-width: 90%;\n      max-height: 90%;\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    }\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: #0f172a;\n      stroke-width: 2.5;\n    }\n\n    \/* Animations *\/\n    @keyframes fadeInDown {\n      from {\n        opacity: 0;\n        transform: translateY(-30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(40px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeIn {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .success-title {\n        font-size: 42px;\n      }\n\n      .video-container iframe {\n        height: 420px;\n      }\n\n      .images-grid {\n        height: 420px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .proven-success-section {\n        padding: 80px 0;\n      }\n\n      .success-title {\n        font-size: 38px;\n      }\n\n      .media-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n      }\n\n      .video-container iframe {\n        height: 400px;\n      }\n\n      .images-grid {\n        grid-template-columns: repeat(2, 1fr);\n        grid-template-rows: 1fr;\n        height: auto;\n      }\n\n      .image-item {\n        min-height: 220px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .proven-success-section {\n        padding: 60px 0;\n      }\n\n      .success-container {\n        padding: 0 20px;\n      }\n\n      .success-title {\n        font-size: 32px;\n      }\n\n      .success-description {\n        font-size: 16px;\n      }\n\n      .video-container iframe {\n        height: 300px;\n      }\n\n      .images-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .image-item {\n        min-height: 200px;\n      }\n\n      .lightbox-close {\n        top: 20px;\n        right: 20px;\n        width: 44px;\n        height: 44px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .success-title {\n        font-size: 28px;\n      }\n\n      .video-badge {\n        top: 15px;\n        left: 15px;\n        padding: 6px 12px;\n        font-size: 10px;\n      }\n\n      .video-container iframe {\n        height: 250px;\n      }\n    }\n  <\/style>\n\n  <!-- Background Decoration -->\n  <div class=\"success-bg-decoration\"><\/div>\n\n  <div class=\"success-container\">\n    <!-- Section Header -->\n    <div class=\"success-header\">\n      <div class=\"success-badge\">Global Leadership<\/div>\n      <h2 class=\"success-title\">\n        Proven Success, <span class=\"highlight\">Trusted Worldwide<\/span>\n      <\/h2>\n      <p class=\"success-description\">\n        Built on innovation, reliability, and sustainability, SOLETKS provides advanced solar thermal energy systems that power cleaner industries and greener communities. With over <strong>15 years of experience<\/strong>, <strong>117 patented technologies<\/strong>, and a presence in <strong>40+ countries<\/strong>, SOLETKS is a trusted leader in flat plate solar collector innovation.\n      <\/p>\n    <\/div>\n\n    <!-- Media Grid: Video + Images -->\n    <div class=\"media-grid\">\n      <!-- Left: Video -->\n      <div class=\"video-container\">\n        <div class=\"video-badge\">Company Overview<\/div>\n        <iframe \n          src=\"https:\/\/www.youtube.com\/embed\/YtCJb4IizNo?rel=0&modestbranding=1\" \n          title=\"SOLETKS Company Video\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n          allowfullscreen>\n        <\/iframe>\n      <\/div>\n\n      <!-- Right: Images Grid -->\n      <div class=\"images-grid\">\n        <div class=\"image-item\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/494685619_1404751250597164_7706161979368977777_n.jpg\">\n          <img height=\"1152\" width=\"2048\" decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/494685619_1404751250597164_7706161979368977777_n.jpg\" \n            alt=\"SOLETKS Facility\"\n            loading=\"lazy\">\n          <div class=\"image-overlay\">\n            <div class=\"image-overlay-content\">\n              <div class=\"image-overlay-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <p class=\"image-caption\">View Image<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"image-item\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u6c34\u57fa\u5730.png\">\n          <img height=\"917\" width=\"1783\" decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u6c34\u57fa\u5730.png\" \n            alt=\"Hot Water Base\"\n            loading=\"lazy\">\n          <div class=\"image-overlay\">\n            <div class=\"image-overlay-content\">\n              <div class=\"image-overlay-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <p class=\"image-caption\">View Image<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lightbox Modal -->\n  <div class=\"lightbox-modal\" id=\"success-lightbox\">\n    <button class=\"lightbox-close\" id=\"success-lightbox-close\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\">\n        <path d=\"M18 6L6 18M6 6l12 12\" stroke=\"currentColor\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"lightbox-content\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"\" alt=\"Facility Image\" id=\"success-lightbox-image\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Lightbox functionality\n  const lightbox = document.getElementById('success-lightbox');\n  const lightboxImage = document.getElementById('success-lightbox-image');\n  const lightboxClose = document.getElementById('success-lightbox-close');\n  const imageItems = document.querySelectorAll('.image-item');\n\n  imageItems.forEach(item => {\n    item.addEventListener('click', function() {\n      const imageUrl = this.getAttribute('data-image');\n      lightboxImage.src = imageUrl;\n      lightbox.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    });\n  });\n\n  lightboxClose.addEventListener('click', function() {\n    lightbox.classList.remove('active');\n    document.body.style.overflow = '';\n  });\n\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  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 animations\n  const observerOptions = {\n    threshold: 0.15,\n    rootMargin: '0px 0px -80px 0px'\n  };\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, observerOptions);\n\n  const animatedElements = document.querySelectorAll(\n    '.video-container, .image-item'\n  );\n\n  animatedElements.forEach((el, index) => {\n    el.style.opacity = '0';\n    el.style.transform = 'translateY(30px)';\n    el.style.transition = `all 0.6s ease ${index * 0.1}s`;\n    observer.observe(el);\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a368d7c e-con-full e-flex e-con e-child\" data-id=\"a368d7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3de4fe3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3de4fe3\" 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\">International Standards<\/span>\n      <h2 class=\"certifications-title\">\n        Global Certifications & <span class=\"highlight\">Quality Assurance<\/span>\n      <\/h2>\n      <p class=\"certifications-description\">\n        SOLETK Solar products are certified to meet international quality and safety standards, including Solar Keymark, CE, and ISO. Below are the individual certificates for each product, demonstrating SOLETK Solar's commitment to reliability, performance, and compliance.\n      <\/p>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">All Certificates<\/button>\n      <button class=\"cert-tab\" data-tab=\"iso\">ISO Certifications<\/button>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">Solar Keymark<\/button>\n      <button class=\"cert-tab\" data-tab=\"product\">Product Certificates<\/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\">Test Report<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Test Report Certificate<\/h3>\n            <p class=\"certificate-type\">Quality Assurance Report<\/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\">Solar Keymark Certification<\/h3>\n            <p class=\"certificate-type\">European Quality Standard<\/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 Quality Management<\/h3>\n            <p class=\"certificate-type\">International Organization for Standardization<\/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 Environmental Management<\/h3>\n            <p class=\"certificate-type\">International Organization for Standardization<\/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 Occupational Health & Safety<\/h3>\n            <p class=\"certificate-type\">International Organization for Standardization<\/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\">Product<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Air Solar Collector<\/h3>\n            <p class=\"certificate-type\">Product Certification<\/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\">Product<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Flat Plate Solar Collector<\/h3>\n            <p class=\"certificate-type\">Product Certification<\/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\">Product<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">PVT Solar System<\/h3>\n            <p class=\"certificate-type\">Product Certification<\/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\">Solar Keymark Certification<\/h3>\n            <p class=\"certificate-type\">European Quality Standard<\/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\">Product<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Solar Water Heater<\/h3>\n            <p class=\"certificate-type\">Product Certification<\/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\">Product<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Vacuum Tube Solar Collector<\/h3>\n            <p class=\"certificate-type\">Product Certification<\/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 Quality Management<\/h3>\n            <p class=\"certificate-type\">International Organization for Standardization<\/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 Environmental Management<\/h3>\n            <p class=\"certificate-type\">International Organization for Standardization<\/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 Occupational Health & Safety<\/h3>\n            <p class=\"certificate-type\">International Organization for Standardization<\/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\">Solar Keymark Certification<\/h3>\n            <p class=\"certificate-type\">European Quality Standard<\/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\">Solar Keymark Certification<\/h3>\n            <p class=\"certificate-type\">European Quality Standard<\/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\">Product<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Air Solar Collector<\/h3>\n            <p class=\"certificate-type\">Product Certification<\/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\">Product<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Flat Plate Solar Collector<\/h3>\n            <p class=\"certificate-type\">Product Certification<\/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\">Product<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">PVT Solar System<\/h3>\n            <p class=\"certificate-type\">Product Certification<\/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\">Product<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Solar Water Heater<\/h3>\n            <p class=\"certificate-type\">Product Certification<\/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\">Product<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Vacuum Tube Solar Collector<\/h3>\n            <p class=\"certificate-type\">Product Certification<\/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\">Certificate Name<\/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-1f5f39a e-con-full e-flex e-con e-parent\" data-id=\"1f5f39a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10a5137 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"10a5137\" 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\">Our Advantages<\/span>\n      <h2 class=\"advantages-title\">What Sets <span class=\"highlight\">SOLETKS<\/span> Ahead<\/h2>\n      <p class=\"advantages-subtitle\">Top Clean Thermal Energy Solutions Provider in China<\/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\">Superior Quality<\/h3>\n        <p class=\"advantage-description\">High-performance solar thermal systems built with advanced materials and 160+ strict inspection steps for long-term reliability.<\/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\">Cost Effective<\/h3>\n        <p class=\"advantage-description\">Efficient production and smart system design ensure maximum energy output with minimal lifecycle costs.<\/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\">Precision Customization<\/h3>\n        <p class=\"advantage-description\">Tailor-made flat-plate systems designed for diverse climates, industries, and installation requirements.<\/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\">Innovation Driven<\/h3>\n        <p class=\"advantage-description\">Continuous R&D supported by 117 patented technologies, advancing solar absorption and integrated energy solutions.<\/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\">Reliable Support<\/h3>\n        <p class=\"advantage-description\">24\/7 global technical service and professional on-site assistance for smooth, reliable operation.<\/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\">Global Reach<\/h3>\n        <p class=\"advantage-description\">Delivering sustainable energy solutions to customers across multiple regions with localized service networks.<\/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\">Certified Excellence<\/h3>\n        <p class=\"advantage-description\">Recognized as a National High-Tech Enterprise with international certifications for quality and sustainability.<\/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\">Extended Warranty<\/h3>\n        <p class=\"advantage-description\">Comprehensive product warranty and lifetime technical guidance for long-term peace of mind.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"advantages-cta\">\n      <button class=\"cta-button\">\n        <span>Find Your SOLETKS Energy Solution<\/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<div class=\"elementor-element elementor-element-d732e2a e-con-full e-flex e-con e-parent\" data-id=\"d732e2a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fef4d01 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fef4d01\" 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\">Global Excellence<\/span>\n      <h2 class=\"customers-title\"><span class=\"highlight\">SOLETKS<\/span> \u2013 The First Choice for Global Customers<\/h2>\n      <p class=\"customers-subtitle\">Trusted by Industry Leaders Worldwide<\/p>\n      <p class=\"customers-description\">\n        From residential installations to large-scale industrial projects, SOLETKS delivers proven solar thermal solutions across continents, empowering sustainable energy transformation globally.\n      <\/p>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"customers-cta\">\n      <button class=\"explore-button\">\n        <span>Explore Now<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u521d\u59cb\u5316\u6309\u94ae\u72b6\u6001\n  const exploreButton = document.querySelector('.explore-button');\n  if (exploreButton) {\n    exploreButton.style.opacity = '0';\n    exploreButton.style.transform = 'translateY(30px)';\n    exploreButton.style.transition = 'all 0.8s ease';\n    \n    \/\/ \u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n    exploreButton.addEventListener('click', function() {\n      console.log('Explore Now clicked');\n      \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u8df3\u8f6c\u6216\u5f39\u7a97\u903b\u8f91\n    });\n  }\n  \n  \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n  function handleCustomersScroll() {\n    const exploreButton = document.querySelector('.explore-button');\n    if (exploreButton) {\n      const rect = exploreButton.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 100;\n      \n      if (isVisible && !exploreButton.classList.contains('animated')) {\n        setTimeout(() => {\n          exploreButton.style.opacity = '1';\n          exploreButton.style.transform = 'translateY(0)';\n          exploreButton.classList.add('animated');\n        }, 300);\n      }\n    }\n  }\n  \n  \/\/ \u80cc\u666f\u56fe\u7247\u60ac\u6d6e\u6548\u679c\n  const mosaicItems = document.querySelectorAll('.mosaic-item');\n  mosaicItems.forEach(item => {\n    item.addEventListener('mouseenter', function() {\n      this.style.transition = 'all 0.5s ease';\n    });\n  });\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleCustomersScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleCustomersScroll, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f5e8be e-con-full e-flex e-con e-parent\" data-id=\"2f5e8be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8dcb90d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8dcb90d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Why Choose Us Section -->\n<section class=\"why-choose-section\">\n  <style>\n    .why-choose-section {\n      position: relative;\n      width: 100%;\n      background: #ffffff;\n      padding: 60px 0;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    .choose-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    \/* Section Header *\/\n    .choose-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n\n    .choose-title {\n      font-size: 38px;\n      font-weight: 900;\n      color: #0f172a;\n      margin: 0 0 12px 0;\n      letter-spacing: -0.5px;\n    }\n\n    .choose-title .highlight {\n      color: #FFA500;\n    }\n\n    .choose-description {\n      font-size: 16px;\n      color: #64748b;\n      line-height: 1.6;\n      max-width: 700px;\n      margin: 0 auto;\n    }\n\n    \/* Table *\/\n    .comparison-table {\n      width: 100%;\n      border-collapse: collapse;\n      background: white;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    }\n\n    .comparison-table thead th {\n      padding: 20px 24px;\n      text-align: center;\n      font-size: 14px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      border-bottom: 2px solid #e2e8f0;\n    }\n\n    .comparison-table thead th:first-child {\n      color: #FFA500;\n      background: linear-gradient(135deg, #FFF9F0, #FFF4E6);\n      width: 40%;\n      text-align: left;\n    }\n\n    .comparison-table thead th:nth-child(2) {\n      background: linear-gradient(135deg, #FF8C00, #FFA500);\n      color: white;\n      width: 20%;\n      font-size: 18px;\n      font-weight: 900;\n      letter-spacing: 3px;\n      position: relative;\n    }\n\n    .comparison-table thead th:nth-child(2)::before {\n      content: '\u26a1';\n      position: absolute;\n      left: 50%;\n      top: -8px;\n      transform: translateX(-50%);\n      font-size: 20px;\n      animation: bounce 2s ease-in-out infinite;\n    }\n\n    @keyframes bounce {\n      0%, 100% { transform: translateX(-50%) translateY(0); }\n      50% { transform: translateX(-50%) translateY(-5px); }\n    }\n\n    .comparison-table thead th:last-child {\n      color: #94a3b8;\n      width: 40%;\n      text-align: left;\n    }\n\n    .comparison-table tbody tr {\n      border-bottom: 1px solid #f1f5f9;\n      transition: background 0.2s;\n    }\n\n    .comparison-table tbody tr:hover {\n      background: #fafafa;\n    }\n\n    .comparison-table tbody tr:last-child {\n      border-bottom: none;\n    }\n\n    .comparison-table tbody td {\n      padding: 18px 24px;\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    .comparison-table tbody td:first-child {\n      background: linear-gradient(90deg, #FFFBF5, #ffffff);\n      color: #0f172a;\n      font-weight: 600;\n      position: relative;\n      padding-left: 48px;\n    }\n\n    .comparison-table tbody td:first-child::before {\n      content: '\u2713';\n      position: absolute;\n      left: 24px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 20px;\n      height: 20px;\n      background: #10b981;\n      color: white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: 900;\n    }\n\n    .comparison-table tbody td:first-child strong {\n      color: #FFA500;\n      font-weight: 800;\n    }\n\n    .comparison-table tbody td:nth-child(2) {\n      text-align: center;\n      font-weight: 700;\n      color: #0f172a;\n      background: linear-gradient(135deg, #FFF4E6, #FFE8CC, #FFF4E6);\n      border-left: 2px solid #FFA500;\n      border-right: 2px solid #FFA500;\n    }\n\n    .comparison-table tbody td:last-child {\n      color: #94a3b8;\n      position: relative;\n      padding-left: 48px;\n    }\n\n    .comparison-table tbody td:last-child::before {\n      content: '\u2715';\n      position: absolute;\n      left: 24px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 20px;\n      height: 20px;\n      background: #fee2e2;\n      color: #ef4444;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: 900;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .choose-container {\n        padding: 0 20px;\n      }\n\n      .choose-title {\n        font-size: 28px;\n      }\n\n      .choose-description {\n        font-size: 15px;\n      }\n\n      .comparison-table {\n        display: block;\n        overflow-x: auto;\n      }\n\n      .comparison-table thead th,\n      .comparison-table tbody td {\n        padding: 14px 16px;\n        font-size: 13px;\n      }\n\n      .comparison-table thead th:nth-child(2) {\n        font-size: 16px;\n      }\n\n      .comparison-table tbody td:first-child,\n      .comparison-table tbody td:last-child {\n        padding-left: 38px;\n      }\n\n      .comparison-table tbody td:first-child::before,\n      .comparison-table tbody td:last-child::before {\n        left: 16px;\n        width: 18px;\n        height: 18px;\n        font-size: 11px;\n      }\n    }\n  <\/style>\n\n  <div class=\"choose-container\">\n    <!-- Header -->\n    <div class=\"choose-header\">\n      <h2 class=\"choose-title\">\n        Why <span class=\"highlight\">SOLETKS<\/span> Stands Out in the Solar Industry\n      <\/h2>\n      <p class=\"choose-description\">\n        A detailed comparison showing how SOLETKS leads in quality, innovation, and global service.\n      <\/p>\n    <\/div>\n\n    <!-- Table -->\n    <table class=\"comparison-table\">\n      <thead>\n        <tr>\n          <th>SOLETKS<\/th>\n          <th>VS<\/th>\n          <th>Other Brands<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td><strong>24\/7<\/strong> Global Technical Support<\/td>\n          <td>Customer Support<\/td>\n          <td>Limited to office hours<\/td>\n        <\/tr>\n        <tr>\n          <td><strong>160+<\/strong> Strict Quality Tests<\/td>\n          <td>Quality Control<\/td>\n          <td>Basic product inspection<\/td>\n        <\/tr>\n        <tr>\n          <td>Fast, Reliable <strong>Global Shipping<\/strong><\/td>\n          <td>Product Delivery<\/td>\n          <td>Slow regional delivery<\/td>\n        <\/tr>\n        <tr>\n          <td>Fully <strong>Customizable<\/strong> Systems<\/td>\n          <td>Product Design<\/td>\n          <td>Standard models only<\/td>\n        <\/tr>\n        <tr>\n          <td><strong>117 Patented<\/strong> Technologies<\/td>\n          <td>Technology Level<\/td>\n          <td>Conventional components<\/td>\n        <\/tr>\n        <tr>\n          <td>Advanced <strong>Resistance Tests<\/strong><\/td>\n          <td>Durability Testing<\/td>\n          <td>Basic thermal check<\/td>\n        <\/tr>\n        <tr>\n          <td><strong>Free<\/strong> Installation Training<\/td>\n          <td>Training & Service<\/td>\n          <td>Basic guide only<\/td>\n        <\/tr>\n        <tr>\n          <td>Long-term <strong>Global Support<\/strong><\/td>\n          <td>Spare Parts Supply<\/td>\n          <td>Limited availability<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Global Solar Energy Leader Innovating Comprehensive SolarEnergy Solutions SOLETKS specializes in the research and application of solar, geothermal, and air energy, offering integrated solutions for building energy, industry, and agriculture. With 117 world-leading patents and a global presence, we deliver reliable and sustainable thermal energy systems. 117+ Patents 7.0 GWth Capacity 50+ Countries Get Started [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-337","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/ru\/wp-json\/wp\/v2\/pages\/337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/ru\/wp-json\/wp\/v2\/comments?post=337"}],"version-history":[{"count":55,"href":"https:\/\/service.soletksolar.com\/ru\/wp-json\/wp\/v2\/pages\/337\/revisions"}],"predecessor-version":[{"id":433,"href":"https:\/\/service.soletksolar.com\/ru\/wp-json\/wp\/v2\/pages\/337\/revisions\/433"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/ru\/wp-json\/wp\/v2\/media?parent=337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}