{"id":434,"date":"2025-11-07T07:00:26","date_gmt":"2025-11-07T07:00:26","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=434"},"modified":"2025-11-07T07:34:07","modified_gmt":"2025-11-07T07:34:07","slug":"service","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/vi\/company\/service\/","title":{"rendered":"D\u1ecbch v\u1ee5"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"434\" class=\"elementor elementor-434\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3ed823 e-con-full e-flex e-con e-parent\" data-id=\"c3ed823\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69a9bc0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"69a9bc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Trusted Worldwide Banner -->\n<section class=\"trusted-banner\">\n  <style>\n    .trusted-banner {\n      position: relative;\n      width: 100%;\n      min-height: 500px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    \/* Background Image *\/\n    .banner-background {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 1;\n    }\n\n    .banner-background img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n\n    \/* Overlay *\/\n    .banner-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(\n        135deg,\n        rgba(15, 23, 42, 0.92) 0%,\n        rgba(30, 41, 59, 0.88) 50%,\n        rgba(37, 99, 235, 0.82) 100%\n      );\n      z-index: 2;\n    }\n\n    \/* Content *\/\n    .banner-content {\n      position: relative;\n      z-index: 3;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 80px 40px;\n      text-align: center;\n    }\n\n    .banner-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 24px;\n      background: rgba(255, 255, 255, 0.12);\n      backdrop-filter: blur(10px);\n      border: 2px solid rgba(59, 130, 246, 0.5);\n      border-radius: 100px;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      color: #60A5FA;\n      margin-bottom: 28px;\n      animation: fadeInDown 0.8s ease;\n    }\n\n    .banner-badge::before {\n      content: '\ud83c\udf0d';\n      font-size: 16px;\n    }\n\n    .banner-title {\n      font-size: 52px;\n      font-weight: 900;\n      line-height: 1.2;\n      color: white;\n      margin: 0 0 24px 0;\n      letter-spacing: -1px;\n      text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n      animation: fadeInUp 0.8s ease 0.2s both;\n    }\n\n    .banner-title .highlight {\n      background: linear-gradient(135deg, #60A5FA, #3B82F6, #2563EB);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      text-shadow: none;\n    }\n\n    .banner-description {\n      font-size: 20px;\n      line-height: 1.7;\n      color: rgba(255, 255, 255, 0.95);\n      max-width: 900px;\n      margin: 0 auto 40px;\n      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n      animation: fadeInUp 0.8s ease 0.4s both;\n    }\n\n    .banner-description strong {\n      color: #60A5FA;\n      font-weight: 700;\n    }\n\n    \/* Features Grid *\/\n    .banner-features {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      max-width: 1000px;\n      margin: 0 auto;\n      animation: fadeInUp 0.8s ease 0.6s both;\n    }\n\n    .feature-item {\n      background: rgba(255, 255, 255, 0.08);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      border-radius: 16px;\n      padding: 28px 24px;\n      transition: all 0.3s ease;\n    }\n\n    .feature-item:hover {\n      background: rgba(255, 255, 255, 0.12);\n      border-color: rgba(59, 130, 246, 0.6);\n      transform: translateY(-5px);\n      box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);\n    }\n\n    .feature-icon {\n      width: 56px;\n      height: 56px;\n      background: linear-gradient(135deg, #3B82F6, #2563EB);\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 16px;\n      box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);\n    }\n\n    .feature-icon svg {\n      width: 28px;\n      height: 28px;\n      stroke: white;\n      stroke-width: 2.5;\n    }\n\n    .feature-title {\n      font-size: 18px;\n      font-weight: 800;\n      color: white;\n      margin: 0 0 8px 0;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .feature-text {\n      font-size: 14px;\n      line-height: 1.6;\n      color: rgba(255, 255, 255, 0.85);\n      margin: 0;\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(30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 992px) {\n      .trusted-banner {\n        min-height: 450px;\n      }\n\n      .banner-content {\n        padding: 60px 40px;\n      }\n\n      .banner-title {\n        font-size: 42px;\n      }\n\n      .banner-description {\n        font-size: 18px;\n      }\n\n      .banner-features {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .trusted-banner {\n        min-height: 400px;\n      }\n\n      .banner-content {\n        padding: 50px 20px;\n      }\n\n      .banner-title {\n        font-size: 32px;\n      }\n\n      .banner-description {\n        font-size: 16px;\n      }\n\n      .feature-item {\n        padding: 24px 20px;\n      }\n\n      .feature-icon {\n        width: 48px;\n        height: 48px;\n      }\n\n      .feature-icon svg {\n        width: 24px;\n        height: 24px;\n      }\n\n      .feature-title {\n        font-size: 16px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .banner-title {\n        font-size: 28px;\n      }\n\n      .banner-badge {\n        font-size: 11px;\n        padding: 8px 18px;\n      }\n    }\n  <\/style>\n\n  <!-- Background Image -->\n  <div class=\"banner-background\">\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>\n\n  <!-- Overlay -->\n  <div class=\"banner-overlay\"><\/div>\n\n  <!-- Content -->\n  <div class=\"banner-content\">\n    <div class=\"banner-badge\">Ni\u1ec1m Tin To\u00e0n C\u1ea7u &amp; Xu\u1ea5t S\u1eafc<\/div>\n    \n    <h2 class=\"banner-title\">\n      \u0110\u01b0\u1ee3c Tin C\u1eady To\u00e0n C\u1ea7u v\u1ec1 Chuy\u00ean Nghi\u1ec7p<br>\n      <span class=\"highlight\">D\u1ecbch V\u1ee5 N\u0103ng L\u01b0\u1ee3ng M\u1eb7t Tr\u1eddi<\/span> v\u00e0 H\u1ed7 Tr\u1ee3 D\u00e0i H\u1ea1n\n    <\/h2>\n\n    <p class=\"banner-description\">\n      <strong>SOLETKS<\/strong> \u0111\u1ee9ng sau m\u1ecdi h\u1ec7 th\u1ed1ng v\u1edbi s\u1ef1 \u0111\u1ed5i m\u1edbi, \u0111\u1ed9 tin c\u1eady, v\u00e0 <strong>24\/7<\/strong> h\u1ed7 tr\u1ee3 chuy\u00ean nghi\u1ec7p.\n    <\/p>\n\n    <!-- Features Grid -->\n    <div class=\"banner-features\">\n      <div class=\"feature-item\">\n        <div class=\"feature-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"feature-title\">S\u00e1ng T\u1ea1o<\/h3>\n        <p class=\"feature-text\">117 c\u00f4ng ngh\u1ec7 s\u00e1ng ch\u1ebf \u0111ang th\u00fac \u0111\u1ea9y s\u1ef1 xu\u1ea5t s\u1eafc trong n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi<\/p>\n      <\/div>\n\n      <div class=\"feature-item\">\n        <div class=\"feature-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"feature-title\">\u0110\u1ed9 Tin C\u1eady<\/h3>\n        <p class=\"feature-text\">H\u01a1n 160 b\u00e0i ki\u1ec3m tra ch\u1ea5t l\u01b0\u1ee3ng \u0111\u1ea3m b\u1ea3o hi\u1ec7u su\u1ea5t l\u00e2u d\u00e0i<\/p>\n      <\/div>\n\n      <div class=\"feature-item\">\n        <div class=\"feature-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"feature-title\">H\u1ed7 tr\u1ee3 24\/7<\/h3>\n        <p class=\"feature-text\">H\u1ed7 Tr\u1ee3 K\u1ef9 Thu\u1eadt To\u00e0n C\u1ea7u m\u1ecdi l\u00fac, m\u1ecdi n\u01a1i<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e9db2e e-con-full e-flex e-con e-parent\" data-id=\"1e9db2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1374e0d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1374e0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Professional Services Section -->\n<section class=\"services-section\">\n  <style>\n    .services-section {\n      position: relative;\n      width: 100%;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      padding: 80px 0;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    .services-container {\n      max-width: 1300px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    \/* Section Header *\/\n    .services-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .services-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 20px;\n      background: linear-gradient(135deg, #EFF6FF, #DBEAFE);\n      border: 2px solid #3B82F6;\n      border-radius: 100px;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      color: #2563EB;\n      margin-bottom: 20px;\n    }\n\n    .services-title {\n      font-size: 42px;\n      font-weight: 900;\n      color: #0f172a;\n      margin: 0 0 16px 0;\n      letter-spacing: -0.5px;\n    }\n\n    .services-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    .services-subtitle {\n      font-size: 17px;\n      color: #64748b;\n      line-height: 1.6;\n      max-width: 700px;\n      margin: 0 auto;\n    }\n\n    \/* Services Grid *\/\n    .services-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 28px;\n    }\n\n    .service-card {\n      background: white;\n      border-radius: 20px;\n      padding: 36px 32px;\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      border: 2px solid transparent;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .service-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    .service-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.15);\n      border-color: #3B82F6;\n    }\n\n    .service-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .service-icon {\n      width: 72px;\n      height: 72px;\n      background: linear-gradient(135deg, #3B82F6, #2563EB);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 24px;\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.3);\n      transition: all 0.3s ease;\n    }\n\n    .service-card:hover .service-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 8px 28px rgba(59, 130, 246, 0.4);\n    }\n\n    .service-icon svg {\n      width: 36px;\n      height: 36px;\n      stroke: white;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .service-number {\n      position: absolute;\n      top: 24px;\n      right: 24px;\n      width: 36px;\n      height: 36px;\n      background: linear-gradient(135deg, #EFF6FF, #DBEAFE);\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 16px;\n      font-weight: 900;\n      color: #2563EB;\n    }\n\n    .service-title-text {\n      font-size: 20px;\n      font-weight: 800;\n      color: #0f172a;\n      margin: 0 0 12px 0;\n      line-height: 1.3;\n    }\n\n    .service-description {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n      .services-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .services-section {\n        padding: 60px 0;\n      }\n\n      .services-container {\n        padding: 0 20px;\n      }\n\n      .services-title {\n        font-size: 32px;\n      }\n\n      .services-subtitle {\n        font-size: 16px;\n      }\n\n      .services-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n      .service-card {\n        padding: 28px 24px;\n      }\n\n      .service-icon {\n        width: 64px;\n        height: 64px;\n      }\n\n      .service-icon svg {\n        width: 32px;\n        height: 32px;\n      }\n\n      .service-title-text {\n        font-size: 18px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .services-title {\n        font-size: 28px;\n      }\n    }\n  <\/style>\n\n  <div class=\"services-container\">\n    <!-- Section Header -->\n    <div class=\"services-header\">\n      <div class=\"services-badge\">D\u1ecbch V\u1ee5 Chuy\u00ean Nghi\u1ec7p<\/div>\n      <h2 class=\"services-title\">\n        To\u00e0n Di\u1ec7n <span class=\"highlight\">H\u1ed7 Tr\u1ee3 &amp; Gi\u1ea3i Ph\u00e1p<\/span>\n      <\/h2>\n      <p class=\"services-subtitle\">\n        T\u1eeb l\u1eafp \u0111\u1eb7t \u0111\u1ebfn b\u1ea3o tr\u00ec, SOLETKS cung c\u1ea5p d\u1ecbch v\u1ee5 chuy\u00ean nghi\u1ec7p to\u00e0n di\u1ec7n \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o hi\u1ec7u su\u1ea5t t\u1ed1i \u01b0u c\u1ee7a h\u1ec7 th\u1ed1ng n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi c\u1ee7a b\u1ea1n.\n      <\/p>\n    <\/div>\n\n    <!-- Services Grid -->\n    <div class=\"services-grid\">\n      <!-- Service 1: 24\/7 Support -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">01<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <circle cx=\"18\" cy=\"6\" r=\"3\" fill=\"white\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-title-text\">H\u1ed7 tr\u1ee3 24\/7<\/h3>\n        <p class=\"service-description\">\n          SOLETKS cung c\u1ea5p h\u1ed7 tr\u1ee3 24\/7 qua \u0111i\u1ec7n tho\u1ea1i, email ho\u1eb7c t\u01b0 v\u1ea5n tr\u1ef1c tuy\u1ebfn.\n        <\/p>\n      <\/div>\n\n      <!-- Service 2: Remote Monitoring -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">02<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M8 21h8M12 17v4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M7 8l3 3 5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-title-text\">Gi\u00e1m S\u00e1t &amp; Kh\u1eafc Ph\u1ee5c S\u1ef1 C\u1ed1 T\u1eeb Xa<\/h3>\n        <p class=\"service-description\">\n          Theo d\u00f5i hi\u1ec7u su\u1ea5t theo th\u1eddi gian th\u1ef1c, ch\u1ea9n \u0111o\u00e1n, v\u00e0 t\u1ed1i \u01b0u k\u1ef9 thu\u1eadt b\u1edfi c\u00e1c k\u1ef9 s\u01b0 c\u1ee7a SOLETKS.\n        <\/p>\n      <\/div>\n\n      <!-- Service 3: Training -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">03<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M12 14l9-5-9-5-9 5 9 5z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M12 14v7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-title-text\">\u0110\u00e0o T\u1ea1o &amp; H\u01b0\u1edbng D\u1eabn K\u1ef9 Thu\u1eadt<\/h3>\n        <p class=\"service-description\">\n          H\u01b0\u1edbng d\u1eabn l\u1eafp \u0111\u1eb7t chi ti\u1ebft, \u0111\u00e0o t\u1ea1o t\u1ea1i ch\u1ed7, v\u00e0 video h\u01b0\u1edbng d\u1eabn chuy\u00ean gia t\u1eeb c\u00e1c chuy\u00ean gia c\u1ee7a SOLETKS.\n        <\/p>\n      <\/div>\n\n      <!-- Service 4: Maintenance -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">04<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <circle cx=\"12\" cy=\"12\" r=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-title-text\">B\u1ea3o tr\u00ec &amp; Ph\u1ee5 t\u00f9ng thay th\u1ebf<\/h3>\n        <p class=\"service-description\">\n          Ki\u1ec3m tra \u0111\u1ecbnh k\u1ef3, b\u1ea3o tr\u00ec hi\u1ec7u su\u1ea5t v\u00e0 cung c\u1ea5p ph\u1ee5 t\u00f9ng ch\u00ednh h\u00e3ng SOLETKS.\n        <\/p>\n      <\/div>\n\n      <!-- Service 5: Customized Solutions -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">05<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M9 12h6m-6 4h6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-title-text\">Gi\u1ea3i ph\u00e1p n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi t\u00f9y ch\u1ec9nh<\/h3>\n        <p class=\"service-description\">\n          C\u1ea5u h\u00ecnh h\u1ec7 th\u1ed1ng ph\u00f9 h\u1ee3p v\u1edbi nhu c\u1ea7u \u0111\u1eb7c th\u00f9 c\u1ee7a ng\u01b0\u1eddi d\u00f9ng d\u00e2n d\u1ee5ng, th\u01b0\u01a1ng m\u1ea1i v\u00e0 c\u00f4ng nghi\u1ec7p.\n        <\/p>\n      <\/div>\n\n      <!-- Service 6: Factory Visits -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">06<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-title-text\">Th\u0103m quan nh\u00e0 m\u00e1y &amp; D\u1ef1 \u00e1n<\/h3>\n        <p class=\"service-description\">\n          Tham quan c\u00e1c c\u01a1 s\u1edf s\u1ea3n xu\u1ea5t c\u1ee7a SOLETKS v\u00e0 kh\u00e1m ph\u00e1 c\u00e1c h\u1ec7 th\u1ed1ng n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi th\u00e0nh c\u00f4ng tr\u00ean to\u00e0n th\u1ebf gi\u1edbi.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b23d19 e-con-full e-flex e-con e-parent\" data-id=\"1b23d19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-373f4f8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"373f4f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Call to Action Section -->\n<section class=\"cta-section\">\n  <style>\n    .cta-section {\n      position: relative;\n      width: 100%;\n      min-height: 450px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    \/* Background Image *\/\n    .cta-background {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 1;\n    }\n\n    .cta-background img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.45;\n    }\n\n    \/* Overlay *\/\n    .cta-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(135deg, rgba(15, 23, 42, 0.85), rgba(30, 41, 59, 0.75));\n      z-index: 2;\n    }\n\n    \/* Animated Elements *\/\n    .solar-rays {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 2;\n      pointer-events: none;\n    }\n\n    .ray {\n      position: absolute;\n      background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.15), transparent);\n      animation: rayMove 8s linear infinite;\n    }\n\n    .ray:nth-child(1) {\n      top: 20%;\n      left: -100%;\n      width: 200%;\n      height: 2px;\n      animation-delay: 0s;\n    }\n\n    .ray:nth-child(2) {\n      top: 40%;\n      left: -100%;\n      width: 200%;\n      height: 2px;\n      animation-delay: 2s;\n    }\n\n    .ray:nth-child(3) {\n      top: 60%;\n      left: -100%;\n      width: 200%;\n      height: 2px;\n      animation-delay: 4s;\n    }\n\n    .ray:nth-child(4) {\n      top: 80%;\n      left: -100%;\n      width: 200%;\n      height: 2px;\n      animation-delay: 6s;\n    }\n\n    @keyframes rayMove {\n      0% {\n        transform: translateX(0);\n      }\n      100% {\n        transform: translateX(50%);\n      }\n    }\n\n    \/* Energy Particles *\/\n    .energy-particles {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 2;\n      pointer-events: none;\n    }\n\n    .particle {\n      position: absolute;\n      width: 4px;\n      height: 4px;\n      background: #3B82F6;\n      border-radius: 50%;\n      animation: particleFloat 15s linear infinite;\n      opacity: 0;\n    }\n\n    .particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n    .particle:nth-child(2) { left: 25%; animation-delay: 3s; }\n    .particle:nth-child(3) { left: 40%; animation-delay: 6s; }\n    .particle:nth-child(4) { left: 55%; animation-delay: 9s; }\n    .particle:nth-child(5) { left: 70%; animation-delay: 12s; }\n    .particle:nth-child(6) { left: 85%; animation-delay: 2s; }\n\n    @keyframes particleFloat {\n      0% {\n        transform: translateY(100vh) scale(0);\n        opacity: 0;\n      }\n      10% {\n        opacity: 1;\n      }\n      90% {\n        opacity: 1;\n      }\n      100% {\n        transform: translateY(-100px) scale(1);\n        opacity: 0;\n      }\n    }\n\n    \/* Content *\/\n    .cta-content {\n      position: relative;\n      z-index: 3;\n      max-width: 900px;\n      margin: 0 auto;\n      padding: 80px 40px;\n      text-align: center;\n    }\n\n    .cta-icon {\n      width: 80px;\n      height: 80px;\n      background: linear-gradient(135deg, #3B82F6, #2563EB);\n      border-radius: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 32px;\n      box-shadow: 0 10px 40px rgba(59, 130, 246, 0.4);\n      animation: iconFloat 3s ease-in-out infinite;\n    }\n\n    @keyframes iconFloat {\n      0%, 100% {\n        transform: translateY(0);\n      }\n      50% {\n        transform: translateY(-10px);\n      }\n    }\n\n    .cta-icon svg {\n      width: 40px;\n      height: 40px;\n      stroke: white;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .cta-title {\n      font-size: 48px;\n      font-weight: 900;\n      line-height: 1.2;\n      color: white;\n      margin: 0 0 20px 0;\n      letter-spacing: -1px;\n      text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n    }\n\n    .cta-title .highlight {\n      background: linear-gradient(135deg, #60A5FA, #3B82F6);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .cta-subtitle {\n      font-size: 18px;\n      line-height: 1.6;\n      color: rgba(255, 255, 255, 0.95);\n      margin: 0 0 40px 0;\n      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n    }\n\n    .cta-button {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 20px 48px;\n      background: linear-gradient(135deg, #3B82F6, #2563EB);\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      text-decoration: none;\n      border-radius: 50px;\n      transition: all 0.3s ease;\n      box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);\n      border: none;\n      cursor: pointer;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .cta-button:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 15px 40px rgba(59, 130, 246, 0.5);\n      background: linear-gradient(135deg, #2563EB, #1d4ed8);\n    }\n\n    .cta-button svg {\n      width: 20px;\n      height: 20px;\n      stroke: white;\n      stroke-width: 3;\n      transition: transform 0.3s ease;\n    }\n\n    .cta-button:hover svg {\n      transform: translateX(5px);\n    }\n\n    \/* Features Bar *\/\n    .cta-features {\n      display: flex;\n      justify-content: center;\n      gap: 48px;\n      margin-top: 48px;\n      flex-wrap: wrap;\n    }\n\n    .cta-feature {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      color: rgba(255, 255, 255, 0.95);\n      font-size: 15px;\n      font-weight: 600;\n      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    }\n\n    .cta-feature-icon {\n      width: 24px;\n      height: 24px;\n      background: rgba(59, 130, 246, 0.3);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .cta-feature-icon svg {\n      width: 14px;\n      height: 14px;\n      stroke: #60A5FA;\n      stroke-width: 3;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n      .cta-section {\n        min-height: 400px;\n      }\n\n      .cta-content {\n        padding: 60px 20px;\n      }\n\n      .cta-title {\n        font-size: 32px;\n      }\n\n      .cta-subtitle {\n        font-size: 16px;\n      }\n\n      .cta-button {\n        padding: 18px 36px;\n        font-size: 16px;\n      }\n\n      .cta-features {\n        flex-direction: column;\n        gap: 20px;\n        align-items: center;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .cta-title {\n        font-size: 28px;\n      }\n\n      .cta-icon {\n        width: 64px;\n        height: 64px;\n      }\n\n      .cta-icon svg {\n        width: 32px;\n        height: 32px;\n      }\n    }\n  <\/style>\n\n  <!-- Background Image -->\n  <div class=\"cta-background\">\n    <img height=\"534\" width=\"902\" decoding=\"async\" \n      src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Harz-Church-Hot-Water-Project-Germany.png\" \n      alt=\"SOLETKS Solar Installation Project\"\n      loading=\"lazy\">\n  <\/div>\n\n  <!-- Solar Rays Animation -->\n  <div class=\"solar-rays\">\n    <div class=\"ray\"><\/div>\n    <div class=\"ray\"><\/div>\n    <div class=\"ray\"><\/div>\n    <div class=\"ray\"><\/div>\n  <\/div>\n\n  <!-- Energy Particles -->\n  <div class=\"energy-particles\">\n    <div class=\"particle\"><\/div>\n    <div class=\"particle\"><\/div>\n    <div class=\"particle\"><\/div>\n    <div class=\"particle\"><\/div>\n    <div class=\"particle\"><\/div>\n    <div class=\"particle\"><\/div>\n  <\/div>\n\n  <!-- Overlay -->\n  <div class=\"cta-overlay\"><\/div>\n\n  <!-- Content -->\n  <div class=\"cta-content\">\n    <!-- Solar Icon -->\n    <div class=\"cta-icon\">\n      <svg viewbox=\"0 0 24 24\">\n        <circle cx=\"12\" cy=\"12\" r=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <path d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/div>\n\n    <!-- Title -->\n    <h2 class=\"cta-title\">\n      Ch\u1ecdn l\u1ef1a <span class=\"highlight\">SOLETKS<\/span><br>\n      Gi\u1ea3i ph\u00e1p n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi ho\u00e0n h\u1ea3o cho d\u1ef1 \u00e1n ti\u1ebfp theo c\u1ee7a b\u1ea1n\n    <\/h2>\n\n    <!-- Subtitle -->\n    <p class=\"cta-subtitle\">\n      Nh\u1eadn t\u01b0 v\u1ea5n chuy\u00ean gia v\u00e0 h\u1ec7 th\u1ed1ng n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi t\u00f9y ch\u1ec9nh ph\u00f9 h\u1ee3p v\u1edbi nhu c\u1ea7u c\u1ee5 th\u1ec3 c\u1ee7a b\u1ea1n\n    <\/p>\n\n    <!-- CTA Button -->\n    <a href=\"#contact\" class=\"cta-button\">\n      <span>Li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i<\/span>\n      <svg viewbox=\"0 0 24 24\" fill=\"none\">\n        <path d=\"M13 7l5 5m0 0l-5 5m5-5H6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/a>\n\n    <!-- Features -->\n    <div class=\"cta-features\">\n      <div class=\"cta-feature\">\n        <div class=\"cta-feature-icon\">\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        <\/div>\n        <span>T\u01b0 V\u1ea5n Mi\u1ec5n Ph\u00ed<\/span>\n      <\/div>\n      <div class=\"cta-feature\">\n        <div class=\"cta-feature-icon\">\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        <\/div>\n        <span>Gi\u1ea3i Ph\u00e1p T\u00f9y Ch\u1ec9nh<\/span>\n      <\/div>\n      <div class=\"cta-feature\">\n        <div class=\"cta-feature-icon\">\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        <\/div>\n        <span>H\u1ed7 tr\u1ee3 24\/7<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Smooth scroll for CTA button\n  const ctaButton = document.querySelector('.cta-button');\n  if (ctaButton) {\n    ctaButton.addEventListener('click', function(e) {\n      e.preventDefault();\n      const targetId = this.getAttribute('href');\n      const targetElement = document.querySelector(targetId);\n      \n      if (targetElement) {\n        targetElement.scrollIntoView({\n          behavior: 'smooth',\n          block: 'start'\n        });\n      }\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-56f73b5 e-con-full e-flex e-con e-parent\" data-id=\"56f73b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3768ffc elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3768ffc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Pre-Sales Service Section -->\n<section class=\"presales-section\">\n  <style>\n    .presales-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    .presales-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    \/* Section Header *\/\n    .presales-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n\n    .presales-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 16px;\n      background: linear-gradient(135deg, #EFF6FF, #DBEAFE);\n      border: 2px solid #3B82F6;\n      border-radius: 100px;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 1.2px;\n      text-transform: uppercase;\n      color: #2563EB;\n      margin-bottom: 12px;\n    }\n\n    .presales-title {\n      font-size: 36px;\n      font-weight: 900;\n      color: #0f172a;\n      margin: 0;\n      letter-spacing: -0.5px;\n      line-height: 1.2;\n    }\n\n    .presales-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    \/* Main Layout *\/\n    .presales-layout {\n      display: grid;\n      grid-template-columns: 0.9fr 1.4fr 0.9fr;\n      gap: 32px;\n      align-items: start;\n    }\n\n    \/* Image Columns *\/\n    .presales-images {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .presales-image {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\n      transition: all 0.3s ease;\n    }\n\n    .presales-image:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);\n    }\n\n    .presales-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.4s ease;\n    }\n\n    .presales-image:hover img {\n      transform: scale(1.05);\n    }\n\n    .image-badge {\n      position: absolute;\n      bottom: 16px;\n      left: 16px;\n      padding: 6px 14px;\n      background: rgba(59, 130, 246, 0.95);\n      backdrop-filter: blur(10px);\n      border-radius: 8px;\n      font-size: 11px;\n      font-weight: 700;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      box-shadow: 0 3px 10px rgba(59, 130, 246, 0.4);\n    }\n\n    \/* Left Image *\/\n    .image-left {\n      height: 420px;\n    }\n\n    \/* Right Image *\/\n    .image-right {\n      height: 420px;\n      margin-top: 40px;\n    }\n\n    \/* Center Content *\/\n    .presales-content {\n      padding: 20px 0;\n    }\n\n    \/* Services Grid - 2 columns *\/\n    .presales-services {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n\n    .service-item {\n      display: flex;\n      gap: 12px;\n      padding: 16px;\n      background: #f8fafc;\n      border-radius: 14px;\n      transition: all 0.3s ease;\n      border: 2px solid transparent;\n    }\n\n    .service-item:hover {\n      background: #EFF6FF;\n      border-color: #3B82F6;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.12);\n    }\n\n    .service-icon {\n      width: 40px;\n      height: 40px;\n      background: linear-gradient(135deg, #3B82F6, #2563EB);\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      box-shadow: 0 3px 10px rgba(59, 130, 246, 0.25);\n    }\n\n    .service-icon svg {\n      width: 20px;\n      height: 20px;\n      stroke: white;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .service-text {\n      flex: 1;\n    }\n\n    .service-title {\n      font-size: 15px;\n      font-weight: 800;\n      color: #0f172a;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n    }\n\n    .service-desc {\n      font-size: 13px;\n      line-height: 1.5;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .presales-layout {\n        grid-template-columns: 1fr 1.6fr 1fr;\n        gap: 28px;\n      }\n\n      .image-left,\n      .image-right {\n        height: 380px;\n      }\n\n      .image-right {\n        margin-top: 30px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .presales-layout {\n        grid-template-columns: 1fr;\n        gap: 32px;\n      }\n\n      .presales-images {\n        flex-direction: row;\n        gap: 16px;\n      }\n\n      .image-left,\n      .image-right {\n        height: 300px;\n        flex: 1;\n        margin-top: 0;\n      }\n\n      .presales-title {\n        font-size: 32px;\n      }\n\n      .presales-services {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .presales-section {\n        padding: 50px 0;\n      }\n\n      .presales-container {\n        padding: 0 20px;\n      }\n\n      .presales-title {\n        font-size: 28px;\n      }\n\n      .presales-images {\n        flex-direction: column;\n        gap: 16px;\n      }\n\n      .image-left,\n      .image-right {\n        height: 240px;\n      }\n\n      .service-item {\n        padding: 14px;\n      }\n\n      .service-icon {\n        width: 36px;\n        height: 36px;\n      }\n\n      .service-icon svg {\n        width: 18px;\n        height: 18px;\n      }\n\n      .service-title {\n        font-size: 14px;\n      }\n\n      .service-desc {\n        font-size: 12px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .presales-title {\n        font-size: 26px;\n      }\n\n      .image-badge {\n        bottom: 12px;\n        left: 12px;\n        padding: 5px 10px;\n        font-size: 10px;\n      }\n\n      .image-left,\n      .image-right {\n        height: 200px;\n      }\n    }\n  <\/style>\n\n  <div class=\"presales-container\">\n    <!-- Section Header -->\n    <div class=\"presales-header\">\n      <div class=\"presales-badge\">H\u1ed7 tr\u1ee3 chuy\u00ean nghi\u1ec7p<\/div>\n      <h2 class=\"presales-title\">\n        <span class=\"highlight\">B\u00e1n h\u00e0ng tr\u01b0\u1edbc<\/span> D\u1ecbch v\u1ee5\n      <\/h2>\n    <\/div>\n\n    <!-- Main Layout -->\n    <div class=\"presales-layout\">\n      <!-- Left Image -->\n      <div class=\"presales-images\">\n        <div class=\"presales-image image-left\">\n          <img height=\"774\" width=\"1200\" decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1745380392988990.jpg.webp\" \n            alt=\"SOLETKS Expert Consultation\"\n            loading=\"lazy\">\n          <div class=\"image-badge\">T\u01b0 v\u1ea5n chuy\u00ean gia<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Center Content -->\n      <div class=\"presales-content\">\n        <!-- Services Grid -->\n        <div class=\"presales-services\">\n          <!-- Service 1 -->\n          <div class=\"service-item\">\n            <div class=\"service-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"service-text\">\n              <h3 class=\"service-title\">T\u01b0 V\u1ea5n Mi\u1ec5n Ph\u00ed<\/h3>\n              <p class=\"service-desc\">L\u1eddi khuy\u00ean chuy\u00ean m\u00f4n gi\u00fap b\u1ea1n ch\u1ecdn h\u1ec7 th\u1ed1ng n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi SOLETKS hi\u1ec7u qu\u1ea3 nh\u1ea5t.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 2 -->\n          <div class=\"service-item\">\n            <div class=\"service-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"service-text\">\n              <h3 class=\"service-title\">Thi\u1ebft k\u1ebf &amp; M\u00f4 ph\u1ecfng h\u1ec7 th\u1ed1ng<\/h3>\n              <p class=\"service-desc\">M\u00f4 ph\u1ecfng hi\u1ec7u su\u1ea5t chuy\u00ean nghi\u1ec7p v\u00e0 l\u1eadp k\u1ebf ho\u1ea1ch b\u1ed1 tr\u00ed.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 3 -->\n          <div class=\"service-item\">\n            <div class=\"service-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"service-text\">\n              <h3 class=\"service-title\">Gi\u1ea3i ph\u00e1p t\u00f9y ch\u1ec9nh<\/h3>\n              <p class=\"service-desc\">C\u1ea5u h\u00ecnh ph\u00f9 h\u1ee3p cho m\u1ee5c \u0111\u00edch d\u00e2n d\u1ee5ng, th\u01b0\u01a1ng m\u1ea1i ho\u1eb7c c\u00f4ng nghi\u1ec7p.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 4 -->\n          <div class=\"service-item\">\n            <div class=\"service-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"service-text\">\n              <h3 class=\"service-title\">H\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt<\/h3>\n              <p class=\"service-desc\">Chi ti\u1ebft s\u1ea3n ph\u1ea9m to\u00e0n di\u1ec7n v\u00e0 tr\u00ecnh di\u1ec5n tr\u1ef1c ti\u1ebfp t\u1eeb \u0111\u1ed9i ng\u0169 c\u1ee7a ch\u00fang t\u00f4i.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 5 -->\n          <div class=\"service-item\">\n            <div class=\"service-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"service-text\">\n              <h3 class=\"service-title\">Th\u00f4ng tin th\u1ecb tr\u01b0\u1eddng<\/h3>\n              <p class=\"service-desc\">Xu h\u01b0\u1edbng ng\u00e0nh m\u1edbi nh\u1ea5t v\u00e0 l\u1eddi khuy\u00ean l\u1eadp k\u1ebf ho\u1ea1ch d\u1ef1 \u00e1n.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Right Image -->\n      <div class=\"presales-images\">\n        <div class=\"presales-image image-right\">\n          <img height=\"774\" width=\"1200\" decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1745380424980772.jpg.webp\" \n            alt=\"SOLETKS Professional Team\"\n            loading=\"lazy\">\n          <div class=\"image-badge\">\u0110\u1ed9i ng\u0169 chuy\u00ean nghi\u1ec7p<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92ab0c9 e-con-full e-flex e-con e-parent\" data-id=\"92ab0c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2549631 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2549631\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- After-Sales Service Section -->\n<section class=\"aftersales-section\">\n  <style>\n    .aftersales-section {\n      position: relative;\n      width: 100%;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      padding: 60px 0;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    .aftersales-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    \/* Section Header *\/\n    .aftersales-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n\n    .aftersales-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 16px;\n      background: linear-gradient(135deg, #FFF4E6, #FFE8CC);\n      border: 2px solid #FFA500;\n      border-radius: 100px;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 1.2px;\n      text-transform: uppercase;\n      color: #FF8C00;\n      margin-bottom: 12px;\n    }\n\n    .aftersales-title {\n      font-size: 36px;\n      font-weight: 900;\n      color: #0f172a;\n      margin: 0;\n      letter-spacing: -0.5px;\n      line-height: 1.2;\n    }\n\n    .aftersales-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    \/* Main Layout *\/\n    .aftersales-layout {\n      display: grid;\n      grid-template-columns: 0.9fr 1.4fr 0.9fr;\n      gap: 32px;\n      align-items: start;\n    }\n\n    \/* Image Columns *\/\n    .aftersales-images {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .aftersales-image {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\n      transition: all 0.3s ease;\n    }\n\n    .aftersales-image:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 8px 32px rgba(255, 165, 0, 0.15);\n    }\n\n    .aftersales-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.4s ease;\n    }\n\n    .aftersales-image:hover img {\n      transform: scale(1.05);\n    }\n\n    .image-badge {\n      position: absolute;\n      bottom: 16px;\n      left: 16px;\n      padding: 6px 14px;\n      background: rgba(255, 165, 0, 0.95);\n      backdrop-filter: blur(10px);\n      border-radius: 8px;\n      font-size: 11px;\n      font-weight: 700;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      box-shadow: 0 3px 10px rgba(255, 165, 0, 0.4);\n    }\n\n    \/* Left Image *\/\n    .image-left {\n      height: 420px;\n    }\n\n    \/* Right Image *\/\n    .image-right {\n      height: 420px;\n      margin-top: 40px;\n    }\n\n    \/* Center Content *\/\n    .aftersales-content {\n      padding: 20px 0;\n    }\n\n    \/* Services Grid - 2 columns *\/\n    .aftersales-services {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n\n    .service-item {\n      display: flex;\n      gap: 12px;\n      padding: 16px;\n      background: white;\n      border-radius: 14px;\n      transition: all 0.3s ease;\n      border: 2px solid transparent;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n    }\n\n    .service-item:hover {\n      background: #FFF9F0;\n      border-color: #FFA500;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(255, 165, 0, 0.12);\n    }\n\n    .service-icon {\n      width: 40px;\n      height: 40px;\n      background: linear-gradient(135deg, #FFB84D, #FFA500);\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      box-shadow: 0 3px 10px rgba(255, 165, 0, 0.25);\n    }\n\n    .service-icon svg {\n      width: 20px;\n      height: 20px;\n      stroke: white;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .service-text {\n      flex: 1;\n    }\n\n    .service-title {\n      font-size: 15px;\n      font-weight: 800;\n      color: #0f172a;\n      margin: 0 0 4px 0;\n      line-height: 1.3;\n    }\n\n    .service-desc {\n      font-size: 13px;\n      line-height: 1.5;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .aftersales-layout {\n        grid-template-columns: 1fr 1.6fr 1fr;\n        gap: 28px;\n      }\n\n      .image-left,\n      .image-right {\n        height: 380px;\n      }\n\n      .image-right {\n        margin-top: 30px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .aftersales-layout {\n        grid-template-columns: 1fr;\n        gap: 32px;\n      }\n\n      .aftersales-images {\n        flex-direction: row;\n        gap: 16px;\n      }\n\n      .image-left,\n      .image-right {\n        height: 300px;\n        flex: 1;\n        margin-top: 0;\n      }\n\n      .aftersales-title {\n        font-size: 32px;\n      }\n\n      .aftersales-services {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .aftersales-section {\n        padding: 50px 0;\n      }\n\n      .aftersales-container {\n        padding: 0 20px;\n      }\n\n      .aftersales-title {\n        font-size: 28px;\n      }\n\n      .aftersales-images {\n        flex-direction: column;\n        gap: 16px;\n      }\n\n      .image-left,\n      .image-right {\n        height: 240px;\n      }\n\n      .service-item {\n        padding: 14px;\n      }\n\n      .service-icon {\n        width: 36px;\n        height: 36px;\n      }\n\n      .service-icon svg {\n        width: 18px;\n        height: 18px;\n      }\n\n      .service-title {\n        font-size: 14px;\n      }\n\n      .service-desc {\n        font-size: 12px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .aftersales-title {\n        font-size: 26px;\n      }\n\n      .image-badge {\n        bottom: 12px;\n        left: 12px;\n        padding: 5px 10px;\n        font-size: 10px;\n      }\n\n      .image-left,\n      .image-right {\n        height: 200px;\n      }\n    }\n  <\/style>\n\n  <div class=\"aftersales-container\">\n    <!-- Section Header -->\n    <div class=\"aftersales-header\">\n      <div class=\"aftersales-badge\">H\u1ed7 tr\u1ee3 tr\u1ecdn \u0111\u1eddi<\/div>\n      <h2 class=\"aftersales-title\">\n        <span class=\"highlight\">D\u1ecbch v\u1ee5 h\u1eadu m\u00e3i<\/span> D\u1ecbch v\u1ee5\n      <\/h2>\n    <\/div>\n\n    <!-- Main Layout -->\n    <div class=\"aftersales-layout\">\n      <!-- Left Image -->\n      <div class=\"aftersales-images\">\n        <div class=\"aftersales-image image-left\">\n          <img height=\"810\" width=\"1080\" decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1757673226245443.jpg.webp\" \n            alt=\"SOLETKS Installation Service\"\n            loading=\"lazy\">\n          <div class=\"image-badge\">L\u1eafp \u0111\u1eb7t chuy\u00ean nghi\u1ec7p<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Center Content -->\n      <div class=\"aftersales-content\">\n        <!-- Services Grid -->\n        <div class=\"aftersales-services\">\n          <!-- Service 1 -->\n          <div class=\"service-item\">\n            <div class=\"service-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <circle cx=\"12\" cy=\"12\" r=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"service-text\">\n              <h3 class=\"service-title\">L\u1eafp \u0111\u1eb7t &amp; C\u1ea5u h\u00ecnh<\/h3>\n              <p class=\"service-desc\">D\u1ecbch v\u1ee5 l\u1eafp \u0111\u1eb7t t\u1ea1i ch\u1ed7 v\u00e0 v\u1eadn h\u00e0nh h\u1ec7 th\u1ed1ng chuy\u00ean nghi\u1ec7p.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 2 -->\n          <div class=\"service-item\">\n            <div class=\"service-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"service-text\">\n              <h3 class=\"service-title\">H\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt t\u1eeb xa<\/h3>\n              <p class=\"service-desc\">Ch\u1ea9n \u0111o\u00e1n s\u1ef1 c\u1ed1 v\u00e0 t\u1ed1i \u01b0u hi\u1ec7u su\u1ea5t theo th\u1eddi gian th\u1ef1c.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 3 -->\n          <div class=\"service-item\">\n            <div class=\"service-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"service-text\">\n              <h3 class=\"service-title\">B\u1ea3o h\u00e0nh &amp; B\u1ea3o tr\u00ec<\/h3>\n              <p class=\"service-desc\">B\u1ea3o h\u00e0nh mi\u1ec5n ph\u00ed m\u1ed9t n\u0103m v\u00e0 h\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt tr\u1ecdn \u0111\u1eddi.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 4 -->\n          <div class=\"service-item\">\n            <div class=\"service-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"service-text\">\n              <h3 class=\"service-title\">Cung c\u1ea5p ph\u1ee5 t\u00f9ng<\/h3>\n              <p class=\"service-desc\">\u0110\u1ea3m b\u1ea3o cung c\u1ea5p linh ki\u1ec7n ch\u00ednh h\u00e3ng SOLETKS.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 5 -->\n          <div class=\"service-item\">\n            <div class=\"service-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"service-text\">\n              <h3 class=\"service-title\">\u0110\u00e0o t\u1ea1o v\u1eadn h\u00e0nh<\/h3>\n              <p class=\"service-desc\">H\u01b0\u1edbng d\u1eabn to\u00e0n di\u1ec7n v\u00e0 ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00e0o t\u1ea1o chuy\u00ean nghi\u1ec7p.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Service 6 -->\n          <div class=\"service-item\">\n            <div class=\"service-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"service-text\">\n              <h3 class=\"service-title\">Theo d\u00f5i \u0111\u1ecbnh k\u1ef3<\/h3>\n              <p class=\"service-desc\">Gi\u00e1m s\u00e1t theo l\u1ecbch tr\u00ecnh v\u00e0 \u0111\u1ec1 xu\u1ea5t c\u1ea3i ti\u1ebfn li\u00ean t\u1ee5c.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Right Image -->\n      <div class=\"aftersales-images\">\n        <div class=\"aftersales-image image-right\">\n          <img height=\"810\" width=\"1080\" decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1758163911180202.jpg.webp\" \n            alt=\"SOLETKS Maintenance Service\"\n            loading=\"lazy\">\n          <div class=\"image-badge\">H\u1ed7 tr\u1ee3 li\u00ean t\u1ee5c<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b63d01 e-con-full e-flex e-con e-parent\" data-id=\"0b63d01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4c7a67 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d4c7a67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Delivery Process Section -->\n<section class=\"delivery-process-section\">\n  <style>\n    .delivery-process-section {\n      position: relative;\n      width: 100%;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      padding: 80px 0;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      overflow: hidden;\n    }\n\n    \/* Background Decoration *\/\n    .process-bg-decoration {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      opacity: 0.4;\n    }\n\n    .process-bg-decoration::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 800px;\n      height: 800px;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\n    }\n\n    .delivery-container {\n      max-width: 1300px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Section Header *\/\n    .delivery-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .delivery-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 20px;\n      background: linear-gradient(135deg, #EFF6FF, #DBEAFE);\n      border: 2px solid #3B82F6;\n      border-radius: 100px;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      color: #2563EB;\n      margin-bottom: 20px;\n    }\n\n    .delivery-title {\n      font-size: 42px;\n      font-weight: 900;\n      color: #0f172a;\n      margin: 0 0 16px 0;\n      letter-spacing: -0.5px;\n      line-height: 1.2;\n    }\n\n    .delivery-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    .delivery-description {\n      font-size: 17px;\n      color: #64748b;\n      line-height: 1.7;\n      max-width: 800px;\n      margin: 0 auto;\n    }\n\n    \/* Process Timeline *\/\n    .process-timeline {\n      position: relative;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px 32px;\n      margin-top: 60px;\n    }\n\n    \/* Connecting Lines *\/\n    .process-timeline::before {\n      content: '';\n      position: absolute;\n      top: 60px;\n      left: 16.66%;\n      right: 16.66%;\n      height: 3px;\n      background: linear-gradient(90deg, \n        #3B82F6 0%, \n        #3B82F6 16.66%, \n        #e2e8f0 16.66%, \n        #e2e8f0 33.33%,\n        #3B82F6 33.33%,\n        #3B82F6 50%,\n        #e2e8f0 50%,\n        #e2e8f0 66.66%,\n        #3B82F6 66.66%,\n        #3B82F6 83.33%,\n        #e2e8f0 83.33%,\n        #e2e8f0 100%\n      );\n      z-index: 0;\n    }\n\n    \/* Process Step *\/\n    .process-step {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      z-index: 1;\n    }\n\n    \/* Step Icon Container *\/\n    .step-icon-container {\n      position: relative;\n      width: 120px;\n      height: 120px;\n      margin-bottom: 24px;\n    }\n\n    .step-circle {\n      width: 100%;\n      height: 100%;\n      background: white;\n      border: 4px solid #3B82F6;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      box-shadow: 0 8px 24px rgba(59, 130, 246, 0.2);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .process-step:hover .step-circle {\n      transform: scale(1.1);\n      box-shadow: 0 12px 32px rgba(59, 130, 246, 0.3);\n      border-width: 6px;\n    }\n\n    .step-icon {\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #3B82F6, #2563EB);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }\n\n    .process-step:hover .step-icon {\n      transform: rotate(360deg);\n    }\n\n    .step-icon svg {\n      width: 30px;\n      height: 30px;\n      stroke: white;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    \/* Step Number *\/\n    .step-number {\n      position: absolute;\n      top: -8px;\n      right: -8px;\n      width: 36px;\n      height: 36px;\n      background: linear-gradient(135deg, #FFA500, #FF8C00);\n      border: 3px solid white;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n      font-weight: 900;\n      color: white;\n      box-shadow: 0 4px 12px rgba(255, 165, 0, 0.4);\n      z-index: 2;\n    }\n\n    \/* Step Content *\/\n    .step-content {\n      max-width: 280px;\n    }\n\n    .step-title {\n      font-size: 18px;\n      font-weight: 800;\n      color: #0f172a;\n      margin: 0 0 12px 0;\n      line-height: 1.3;\n    }\n\n    .step-description {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Highlight Active Steps *\/\n    .process-step:nth-child(1) .step-circle,\n    .process-step:nth-child(2) .step-circle,\n    .process-step:nth-child(3) .step-circle {\n      border-color: #3B82F6;\n      background: linear-gradient(135deg, #EFF6FF, white);\n    }\n\n    .process-step:nth-child(4) .step-circle,\n    .process-step:nth-child(5) .step-circle,\n    .process-step:nth-child(6) .step-circle {\n      border-color: #cbd5e1;\n      background: white;\n    }\n\n    .process-step:nth-child(4):hover .step-circle,\n    .process-step:nth-child(5):hover .step-circle,\n    .process-step:nth-child(6):hover .step-circle {\n      border-color: #3B82F6;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n      .process-timeline {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 50px 32px;\n      }\n\n      .process-timeline::before {\n        display: none;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .delivery-process-section {\n        padding: 60px 0;\n      }\n\n      .delivery-container {\n        padding: 0 20px;\n      }\n\n      .delivery-title {\n        font-size: 32px;\n      }\n\n      .delivery-description {\n        font-size: 16px;\n      }\n\n      .process-timeline {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .step-icon-container {\n        width: 100px;\n        height: 100px;\n      }\n\n      .step-icon {\n        width: 50px;\n        height: 50px;\n      }\n\n      .step-icon svg {\n        width: 26px;\n        height: 26px;\n      }\n\n      .step-number {\n        width: 32px;\n        height: 32px;\n        font-size: 13px;\n      }\n\n      .step-title {\n        font-size: 17px;\n      }\n\n      .step-description {\n        font-size: 13px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .delivery-title {\n        font-size: 28px;\n      }\n\n      .step-icon-container {\n        width: 90px;\n        height: 90px;\n      }\n\n      .step-title {\n        font-size: 16px;\n      }\n    }\n  <\/style>\n\n  <!-- Background Decoration -->\n  <div class=\"process-bg-decoration\"><\/div>\n\n  <div class=\"delivery-container\">\n    <!-- Section Header -->\n    <div class=\"delivery-header\">\n      <div class=\"delivery-badge\">Xu\u1ea5t s\u1eafc t\u1eeb \u0111\u1ea7u \u0111\u1ebfn cu\u1ed1i<\/div>\n      <h2 class=\"delivery-title\">\n        <span class=\"highlight\">SOLETKS<\/span> Quy tr\u00ecnh giao h\u00e0ng h\u1ec7 th\u1ed1ng n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi\n      <\/h2>\n      <p class=\"delivery-description\">\n        T\u1eeb thi\u1ebft k\u1ebf \u0111\u1ebfn giao h\u00e0ng, SOLETKS \u0111\u1ea3m b\u1ea3o ch\u1ea5t l\u01b0\u1ee3ng v\u01b0\u1ee3t tr\u1ed9i, giao ti\u1ebfp minh b\u1ea1ch v\u00e0 s\u1ef1 h\u00e0i l\u00f2ng c\u1ee7a kh\u00e1ch h\u00e0ng to\u00e0n c\u1ea7u.\n      <\/p>\n    <\/div>\n\n    <!-- Process Timeline -->\n    <div class=\"process-timeline\">\n      <!-- Step 1 -->\n      <div class=\"process-step\">\n        <div class=\"step-icon-container\">\n          <div class=\"step-circle\">\n            <div class=\"step-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"step-number\">01<\/div>\n        <\/div>\n        <div class=\"step-content\">\n          <h3 class=\"step-title\">B\u00e1o gi\u00e1 mi\u1ec5n ph\u00ed nhanh ch\u00f3ng<\/h3>\n          <p class=\"step-description\">Nh\u1eadn b\u00e1o gi\u00e1 nhanh, kh\u00f4ng r\u00e0ng bu\u1ed9c v\u1edbi \u0111\u1ea7y \u0111\u1ee7 th\u00f4ng s\u1ed1 h\u1ec7 th\u1ed1ng v\u00e0 gi\u00e1 c\u1ea3 minh b\u1ea1ch.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Step 2 -->\n      <div class=\"process-step\">\n        <div class=\"step-icon-container\">\n          <div class=\"step-circle\">\n            <div class=\"step-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"step-number\">02<\/div>\n        <\/div>\n        <div class=\"step-content\">\n          <h3 class=\"step-title\">X\u00e1c nh\u1eadn chi ti\u1ebft \u0111\u01a1n h\u00e0ng<\/h3>\n          <p class=\"step-description\">Xem x\u00e9t y\u00eau c\u1ea7u d\u1ef1 \u00e1n, ho\u00e0n thi\u1ec7n c\u1ea5u h\u00ecnh v\u00e0 x\u00e1c nh\u1eadn l\u1ecbch tr\u00ecnh s\u1ea3n xu\u1ea5t v\u1edbi \u0111\u1ed9i ng\u0169 c\u1ee7a ch\u00fang t\u00f4i.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Step 3 -->\n      <div class=\"process-step\">\n        <div class=\"step-icon-container\">\n          <div class=\"step-circle\">\n            <div class=\"step-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <circle cx=\"12\" cy=\"12\" r=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"step-number\">03<\/div>\n        <\/div>\n        <div class=\"step-content\">\n          <h3 class=\"step-title\">S\u1eb5n s\u00e0ng s\u1ea3n xu\u1ea5t<\/h3>\n          <p class=\"step-description\">SOLETKS \u0111\u1ea3m b\u1ea3o t\u1ea5t c\u1ea3 v\u1eadt li\u1ec7u v\u00e0 linh ki\u1ec7n \u0111\u00e1p \u1ee9ng ti\u00eau chu\u1ea9n ch\u1ea5t l\u01b0\u1ee3ng nghi\u00eam ng\u1eb7t tr\u01b0\u1edbc khi b\u1eaft \u0111\u1ea7u s\u1ea3n xu\u1ea5t.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Step 4 -->\n      <div class=\"process-step\">\n        <div class=\"step-icon-container\">\n          <div class=\"step-circle\">\n            <div class=\"step-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"step-number\">04<\/div>\n        <\/div>\n        <div class=\"step-content\">\n          <h3 class=\"step-title\">V\u1eadn chuy\u1ec3n minh b\u1ea1ch<\/h3>\n          <p class=\"step-description\">Ch\u00fang t\u00f4i s\u1eafp x\u1ebfp giao h\u00e0ng to\u00e0n c\u1ea7u an to\u00e0n v\u1edbi theo d\u00f5i v\u00e0 c\u1eadp nh\u1eadt theo th\u1eddi gian th\u1ef1c \u0111\u1ec3 b\u1ea1n y\u00ean t\u00e2m.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Step 5 -->\n      <div class=\"process-step\">\n        <div class=\"step-icon-container\">\n          <div class=\"step-circle\">\n            <div class=\"step-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"step-number\">05<\/div>\n        <\/div>\n        <div class=\"step-content\">\n          <h3 class=\"step-title\">L\u1eafp \u0111\u1eb7t &amp; v\u1eadn h\u00e0nh th\u1eed<\/h3>\n          <p class=\"step-description\">H\u01b0\u1edbng d\u1eabn l\u1eafp \u0111\u1eb7t chuy\u00ean nghi\u1ec7p v\u00e0 h\u1ed7 tr\u1ee3 t\u1eeb xa \u0111\u1ea3m b\u1ea3o qu\u00e1 tr\u00ecnh thi\u1ebft l\u1eadp su\u00f4n s\u1ebb v\u00e0 hi\u1ec7u su\u1ea5t h\u1ec7 th\u1ed1ng t\u1ed1i \u01b0u.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Step 6 -->\n      <div class=\"process-step\">\n        <div class=\"step-icon-container\">\n          <div class=\"step-circle\">\n            <div class=\"step-icon\">\n              <svg viewbox=\"0 0 24 24\">\n                <path d=\"M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"step-number\">06<\/div>\n        <\/div>\n        <div class=\"step-content\">\n          <h3 class=\"step-title\">H\u1ed7 tr\u1ee3 sau b\u00e1n h\u00e0ng<\/h3>\n          <p class=\"step-description\">Th\u01b0\u1edfng th\u1ee9c d\u1ecbch v\u1ee5 h\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt tr\u1ecdn \u0111\u1eddi, d\u1ecbch v\u1ee5 b\u1ea3o tr\u00ec v\u00e0 cung c\u1ea5p ph\u1ee5 t\u00f9ng ch\u00ednh h\u00e3ng SOLETKS.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Global Trust &#038; Excellence Trusted Worldwide for Professional Solar Service and Long-Term Support SOLETKS stands behind every system with innovation, reliability, and 24\/7 professional assistance. Innovation 117 patented technologies driving solar excellence Reliability 160+ quality tests ensure lasting performance 24\/7 Support Global technical assistance anytime, anywhere Professional Services Comprehensive Support &#038; Solutions From installation to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":337,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-434","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/comments?post=434"}],"version-history":[{"count":28,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/434\/revisions"}],"predecessor-version":[{"id":469,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/434\/revisions\/469"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/pages\/337"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/vi\/wp-json\/wp\/v2\/media?parent=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}