array:1 [
  "response" => Illuminate\Http\Response {#2695
    +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2697
      #headers: array:3 [
        "content-type" => array:1 [
          0 => "text/html; charset=UTF-8"
        ]
        "cache-control" => array:1 [
          0 => "no-cache, private"
        ]
        "date" => array:1 [
          0 => "Fri, 13 Jun 2025 10:42:17 GMT"
        ]
      ]
      #cacheControl: []
      #computedCacheControl: array:2 [
        "no-cache" => true
        "private" => true
      ]
      #cookies: array:1 [
        "testport.pay4pixels.com" => array:1 [
          "/" => array:2 [
            "XSRF-TOKEN" => Symfony\Component\HttpFoundation\Cookie {#2474
              #expire: 1749818537
              #path: "/"
              -sameSite: "lax"
              -secureDefault: true
              #name: "XSRF-TOKEN"
              #value: "eyJpdiI6IkJkdTcvOGgxWGY4U0huZEhiL3QwQlE9PSIsInZhbHVlIjoiNjcyM2FUQkh1OTNxMEJ5cmtSYm5NZ0FHN0hPQTlOVU5CTGdDc0U5WGNCNEZSWVE0SExvcWVtN0ZXYVBscmFnQ0pTVDlnN2VuMGdCS3A5a0llQjFqaEp4eUpMcVNPTnFsWCtBalgyL25LangzZXBzUDRVYTZVamNDUEhFbnJqNjIiLCJtYWMiOiJiYWRhNzZlY2MzMjEwZTU3Y2VkMDVlZTVkN2E1YTY4NTBkOGEzZWQ3MDAxNjA0ODJiYzY4MGQxYWZhNTEzOTQ0IiwidGFnIjoiIn0="
              #domain: "testport.pay4pixels.com"
              #secure: null
              #httpOnly: false
              -raw: false
              -partitioned: false
            }
            "pay4pixels_session" => Symfony\Component\HttpFoundation\Cookie {#2477
              #expire: 1749818537
              #path: "/"
              -sameSite: "lax"
              -secureDefault: true
              #name: "pay4pixels_session"
              #value: "eyJpdiI6Im01YzVWZ1p0Q3c5QmF3MlVPcnhjUFE9PSIsInZhbHVlIjoiRm16RkMyZDFhdTExeHVxTlltVWRUNW5QS0g2bUd5NElWVGZvYnZXdTQwUFErbC81R0JWc09XbXVac0sramtLa05TRHhHdCt5Ymt6Y1VleEJaczNSbWtXSHhxaGZDdjdmYnRXQlRtdndSNWNCcHpoTTZWMmliTVViK1oreHZqNkUiLCJtYWMiOiI1Y2YwZDRkNjQyMTM3NjVkY2JkZGJmZmJmNDk4MTJjNjI5NmEyMDMyZmMyOGNiYWE2MzYwYWRhNDNmNjE4MzA4IiwidGFnIjoiIn0="
              #domain: "testport.pay4pixels.com"
              #secure: null
              #httpOnly: true
              -raw: false
              -partitioned: false
            }
          ]
        ]
      ]
      #headerNames: array:4 [
        "content-type" => "Content-Type"
        "cache-control" => "Cache-Control"
        "date" => "Date"
        "set-cookie" => "Set-Cookie"
      ]
    }
    #content: """
      <style>\n
          .text-align {\n
              text-align:  center;\n
          }\n
          @media (min-width:768px) {\n
              .header-box-1 {\n
                  text-align: center;\n
                  padding-top: 100px;\n
              }\n
              .header-box-2 {\n
                  position: relative;\n
                  background-repeat: no-repeat;\n
                  background-size: cover;\n
                  background-position: center;\n
                  width: 100%;\n
              }\n
              .header-box-1-big {\n
                  font-size: 60px;\n
                  font-weight: 700;\n
                  margin-left: 50px;\n
              }\n
              .header-box-1-small {\n
                  font-size: 30px;\n
                  margin-left: 50px;\n
              }\n
              .media{\n
                  height: 645px;\n
                  width: 752px;\n
              }\n
              .header-box-1-img {\n
                  padding-top: 30px;\n
                  margin-left: 50px !important;\n
              }\n
              .header-box-1-img img{\n
                  width: 50px;\n
              }\n
              .header-box-1-form a{\n
                  line-height: 55px;\n
              }\n
              .header-box-1-form {\n
                  margin-top:40px;\n
              }\n
              .header-box-1-form .form-control{\n
                  width: 50%;\n
                  margin-left: 25%;\n
                  height: 50px;\n
                  line-height: 50px;\n
              }\n
              .header-box-1-form .form-control:focus{\n
                  border: 1px solid #82e0e1;\n
              }\n
              .header-box-1-form .mian-btn{\n
                  background: #69c1c2;\n
                  width: 50%;\n
                  height: 50px;\n
                  line-height: 50px;\n
                  font-size: 23px;\n
                  color: #000;\n
                  border-radius: 4px;\n
                  display: inline-block;\n
              }\n
              .header-box-1-form .mian-btn:hover{\n
                  background: #82e0e1;\n
              }\n
          }\n
          @media(max-width: 768px){\n
              .header-box-1 {\n
                  text-align: center;\n
                  padding-top: 10px;\n
              }\n
              .header-box-1-big {\n
                  padding: 10px 30px;\n
              }\n
              .header-box-1-small {\n
                  font-size: 16px;\n
                  padding: 10px 30px;\n
              }\n
              .header-box-2 {\n
                  position: relative;\n
                  background-repeat: no-repeat;\n
                  background-size: cover;\n
                  background-position: center;\n
                  width: 100%;\n
              }\n
              .header-box-1-img {\n
                  padding-top: 10px;\n
              }\n
              .header-box-1-img img{\n
                  width: 50px;\n
              }\n
              .media {\n
                  display: block;\n
                  height: auto;\n
                  max-width: unset;\n
                  mix-blend-mode: screen;\n
                  position: relative;\n
                  width: 375px;\n
                  z-index: 0;\n
              }\n
              .header-box-1-form a{\n
                  line-height: 55px;\n
              }\n
              .header-box-1-form {\n
                  margin-top:40px;\n
              }\n
              .header-box-1-form .form-control{\n
                  width: 80%;\n
                  margin-left: 10%;\n
                  height: 50px;\n
                  line-height: 50px;\n
              }\n
              .header-box-1-form .form-control:focus{\n
                  border: 1px solid #82e0e1;\n
              }\n
              .header-box-1-form .mian-btn{\n
                  background: #69c1c2;\n
                  width: 80%;\n
                  height: 50px;\n
                  line-height: 50px;\n
                  font-size: 23px;\n
                  color: #000;\n
                  border-radius: 4px;\n
                  display: inline-block;\n
              }\n
              .header-box-1-form .mian-btn:hover{\n
                  background: #82e0e1;\n
              }\n
          }\n
      \n
          .products-solutions-box-img {\n
          position: relative;\n
          background-image: url('https://testport.pay4pixels.com/images/demo/pay4pixels/image/sparks.webp'); /* Keep background image */\n
          background-size: cover; /* Ensure background is covering the div */\n
          background-position: center; /* Adjust background position */\n
          width: 100%; /* Set width of container */\n
          height: 200px; /* Set height for product image box */\n
      }\n
          \n
          /* Shift product images slightly to the right */\n
          .products-solutions-box-img img {\n
          position: absolute; /* Position the image over the background */\n
          top: 50%; /* Center vertically */\n
          left: 50%; /* Center horizontally */\n
          transform: translate(-50%, -50%); /* Adjust to perfectly center the image */\n
          max-width: 80%; /* Constrain width */\n
          max-height: 80%; /* Constrain height */\n
          object-fit: contain; /* Preserve aspect ratio */\n
          margin-left: 0; /* Reset margin */\n
      }\n
      </style>\n
      \n
      \n
      <!DOCTYPE html>\n
      <html lang="en">\n
      \n
      <head>\n
        <meta charset="utf-8">\n
        <meta name="viewport" content="width=device-width, initial-scale=1">\n
        <base href="https://testport.pay4pixels.com/en">\n
        <title>Pay4Pixels</title>\n
        <meta name="keywords" content="Pay4Pixels">\n
        <meta name="description" content="Pay4Pixels">\n
        <meta name="generator" content="InnoShop v0.2.8(20240826)">\n
        <meta name="csrf-token" content="Yh6cZT5YmlRQBYE1PtXPTSVaafqBSSrbLjLevVDf">\n
        <link rel="shortcut icon" href="https://testport.pay4pixels.com/images/placeholder.png">\n
        <link rel="stylesheet" href="/themes/default/css/bootstrap.css?id=2cbbc8dc06e883c2d672b3cafc1f0765">\n
        <link rel="stylesheet" href="https://testport.pay4pixels.com/vendor/aos/aos.css">\n
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">\n
        <script src="/themes/default/js/app.js?id=7f5ad1c1a8ba2b61df485949d7768fcd"></script>\n
        <script src="https://testport.pay4pixels.com/vendor/layer/3.5.1/layer.js"></script>\n
        <script src="https://testport.pay4pixels.com/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>\n
          <script src="https://testport.pay4pixels.com/vendor/aos/aos.js"></script>\n
        <link rel="stylesheet" href="/themes/default/css/app.css?id=38c849b6c2a866edf9536b71afb15475">\n
        <script>\n
          let urls = {\n
            cart_add: 'https://testport.pay4pixels.com/en/carts',\n
            cart_mini: 'https://testport.pay4pixels.com/en/cart/mini',\n
            login: 'https://testport.pay4pixels.com/en/login',\n
            favorites: 'https://testport.pay4pixels.com/en/account/favorites',\n
          }\n
      \n
          let config = {\n
            isLogin: !!null,\n
          }\n
      \n
          // Currency debugging info\n
          console.log("Currency Debug Information:");\n
          console.log("Session currency:", "");\n
          console.log("Current currency code:", "cny");\n
          console.log("System currency setting:", "cny");\n
      \n
          \n
              console.log("Current currency object:", {\n
            name: "人民币",\n
            code: "cny",\n
            value: 1,\n
            symbol: "￥"\n
          });\n
            </script>\n
          <script src="https://testport.pay4pixels.com/vendor/swiper/swiper-bundle.min.js"></script>\n
        <link rel="stylesheet" href="https://testport.pay4pixels.com/vendor/swiper/swiper-bundle.min.css">\n
      </head>\n
      \n
      <body class="page-home">\n
            <!-- Emergency Notification Banner -->\n
      <div class="container-fluid bg-warning py-3 text-center text-white">\n
        <div class="container">\n
          <div class="d-flex align-items-center justify-content-center">\n
            <span class="me-2 fs-5">⚠️</span>\n
            <p class="mb-0 fw-bold">\n
              Pay4Pixels will be undergoing maintenance intermittently on May 6th. Functionality should continue as normal.      </p>\n
          </div>\n
        </div>\n
      </div>\n
      \n
      <header id="appHeader">\n
        <div class="header-top">\n
          <div class="container d-flex justify-content-between align-items-center">\n
            <div class="language-switch d-flex align-items-center">\n
                        <div class="dropdown">\n
                  <a class="btn dropdown-toggle" href="javascript:void(0)">\n
                    <img src="https://testport.pay4pixels.com/images/flag/en.png" class="img-fluid"> English\n
                  </a>\n
      \n
                  <div class="dropdown-menu">\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/locales/switch/en">\n
                        English\n
                      </a>\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/locales/switch/zh_cn">\n
                        简体中文\n
                      </a>\n
                                </div>\n
                </div>\n
              \n
                        <div class="dropdown ms-4">\n
                  <a class="btn dropdown-toggle" href="javascript:void(0)">\n
                    人民币\n
                  </a>\n
      \n
                  <div class="dropdown-menu">\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/currencies/switch/usd">\n
                        USD ($)\n
                      </a>\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/currencies/switch/cny">\n
                        人民币 (￥)\n
                      </a>\n
                                </div>\n
                </div>\n
                    </div>\n
            <div class="top-info">\n
                       <span><i class="bi bi-telephone-outbound"></i> 0731-0123456</span>\n
                     </div>\n
          </div>\n
        </div>\n
        <div class="header-desktop">\n
          <div class="container d-flex justify-content-between align-items-center">\n
            <div class="left">\n
              <h1 class="logo">\n
                <a href="https://testport.pay4pixels.com/en">\n
                  <img src="https://testport.pay4pixels.com/images/placeholder.png" class="img-fluid">\n
                </a>\n
              </h1>\n
              <div class="menu">\n
                <nav class="navbar navbar-expand-md navbar-light">\n
                  <ul class="navbar-nav">\n
                    <li class="nav-item">\n
                      <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en">Home</a>\n
                    </li>\n
                      <li class="nav-item">\n
                          <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en/categories">Shop Now</a>\n
                      </li>\n
                                                                           <li class="nav-item">\n
                            <div class="dropdown">\n
                                                        <a class="nav-link " href="">Game Servers</a>\n
                                                      <ul class="dropdown-menu">\n
                                                                                          <li><a class="dropdown-item" href="https://testport.pay4pixels.com/en/pricingforgameservers">Pricing</a></li>\n
                                                                                                                      <li><a class="dropdown-item" href="https://testport.pay4pixels.com/en/paymentmethods">Payment Methods</a></li>\n
                                                                                    </ul>\n
                            </div>\n
                          </li>\n
                                                                     <li class="nav-item">\n
                      <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en/contact">Customer Support</a>\n
                    </li>\n
                  </ul>\n
                </nav>\n
              </div>\n
            </div>\n
            <div class="right">\n
              <form action="https://testport.pay4pixels.com/en/products" method="get" class="search-group">\n
                <input type="text" class="form-control" name="keyword" placeholder="Search" value="">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <div class="icons">\n
                          <div class="item">\n
                  <a href="https://testport.pay4pixels.com/en/cart" class="header-cart-icon">\n
                    <img src="https://testport.pay4pixels.com/icon/cart.svg" class="img-fluid">\n
                    <span class="icon-quantity">0</span>\n
                  </a>\n
                </div>\n
      \n
                            <div class="item">\n
                                                  <a href="https://testport.pay4pixels.com/en/login" style="font-size: 24px;color: #wf;">Sign In</a>\n
                                </div>\n
                  <div class="item">\n
                    <a href="https://testport.pay4pixels.com/en/register" style="font-size: 24px;color: #fff;">Register</a>\n
                  </div>\n
                        </div>\n
            </div>\n
          </div>\n
        </div>\n
        <div class="header-mobile">\n
          <div class="mb-icon" data-bs-toggle="offcanvas" data-bs-target="#mobile-menu-offcanvas" aria-controls="offcanvasExample">\n
            <i class="bi bi-list"></i>\n
          </div>\n
      \n
          <div class="logo">\n
            <a href="https://testport.pay4pixels.com/en">\n
              <img src="https://testport.pay4pixels.com/images/placeholder.png" class="img-fluid">\n
            </a>\n
          </div>\n
                      <a href="https://testport.pay4pixels.com/en/login" style="font-size: 24px;color: #fff;">Sign In</a>\n
                <div class="offcanvas offcanvas-start" tabindex="-1" id="mobile-menu-offcanvas">\n
            <div class="offcanvas-header">\n
              <form action="" method="get" class="search-group">\n
                <input type="text" class="form-control" placeholder="Search">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <a class="account-icon" href="https://testport.pay4pixels.com/en/account">\n
                <img src="https://testport.pay4pixels.com/icon/account.svg" class="img-fluid">\n
              </a>\n
            </div>\n
            <div class="close-offcanvas" data-bs-dismiss="offcanvas"><i class="bi bi-chevron-compact-left"></i></div>\n
            <div class="offcanvas-body mobile-menu-wrap">\n
              <div class="accordion accordion-flush" id="menu-accordion">\n
                <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link " aria-current="page" href="https://testport.pay4pixels.com/en">Home</a>\n
                  </div>\n
                </div>\n
      \n
                <div class="accordion-item">\n
        <div class="nav-item-text">\n
          <a class="nav-link " aria-current="page" href="https://testport.pay4pixels.com/en/categories">Shop Now</a>\n
        </div>\n
      </div>\n
      \n
                                                           <div class="accordion-item">\n
                        <div class="nav-item-text">\n
                          <a class="nav-link" href="" data-bs-toggle="collapse">\n
                            Game Servers\n
                          </a>\n
                                              <span class="collapsed" data-bs-toggle="collapse" data-bs-target="#flush-menu-0"><i class="bi bi-chevron-down"></i></span>\n
                                            </div>\n
      \n
                                          <div class="accordion-collapse collapse" id="flush-menu-0" data-bs-parent="#menu-accordion">\n
                          <div class="children-group">\n
                            <ul class="nav flex-column ul-children">\n
                                                                                    <li class="nav-item">\n
                                    <a class="nav-link" href="https://testport.pay4pixels.com/en/pricingforgameservers">Pricing</a>\n
                                  </li>\n
                                                                                                              <li class="nav-item">\n
                                    <a class="nav-link" href="https://testport.pay4pixels.com/en/paymentmethods">Payment Methods</a>\n
                                  </li>\n
                                                                              </ul>\n
                          </div>\n
                        </div>\n
                                        </div>\n
                                           \n
                <div class="accordion-item">\n
        <div class="nav-item-text">\n
          <a class="nav-link " href="https://testport.pay4pixels.com/en/contact">Customer Support</a>\n
        </div>\n
      </div>\n
      \n
              </div>\n
            </div>\n
          </div>\n
        </div>\n
      </header>\n
      \n
       \n
        \n
        <div class="m-0 p-0" id="appContent">\n
            \n
         \n
        <section class="module-content">\n
      \n
          <!--头部-->\n
          <div class=" header-box">\n
              <div class="row">\n
                  <div class="col-12 col-md-6 header-box-1">\n
                  <h1 class="header-box-1-big" data-aos="fade-up" data-aos-delay="100" data-aos-duration="400">Payment Methods</h1>\n
                  <p class="header-box-1-small" data-aos="fade-up" data-aos-delay="500" data-aos-duration="400">We offer various payment methods accepted around the world, or regionally.</p>\n
                  </div>\n
                  <div class="col-12 col-md-6 header-box-2" data-aos="fade-up" data-aos-delay="100" data-aos-duration="400" style="background-image: url(https://testport.pay4pixels.com/images/demo/pay4pixels/image/sparks.webp);">\n
                  <img class="media" src="https://testport.pay4pixels.com/images/demo/pay4pixels/image/Hero_GemsTable.png" />\n
                  </div>\n
              </div>\n
          </div>\n
      \n
      <!--上下浮动小图标-->\n
      <style>\n
              .float-container {\n
                  position: relative;\n
                  width: fit-content;\n
                  height: fit-content;\n
                  overflow: hidden;\n
                  margin: 20px auto\n
              }\n
              .float-container .float-image {\n
                  width: 28px;\n
                  height: auto;\n
                  animation: floatAnimation 3s ease-in-out infinite;\n
              }\n
      \n
              @keyframes floatAnimation {\n
                  0%, 100% {\n
                  transform: translateY(0);\n
                  }\n
                  50% {\n
                  transform: translateY(-10px);\n
                  }\n
              }\n
          </style>\n
          <div class="float-container">\n
              <a  href="javascript:void(0)" onclick="bottomFunction()" >\n
                  <img src="https://testport.pay4pixels.com/images/demo/payment/to-bottom.png" class="float-image">\n
              </a>\n
          </div>\n
          <script>\n
              function bottomFunction() {\n
                  document.body.scrollTop = 600; // For Safari\n
                  document.documentElement.scrollTop = 600; // For Chrome, Firefox, IE and Opera\n
              }\n
          </script>\n
      \n
            <!--Products & Solutions-->\n
            <div class="container  module-line">\n
                <div class="module-title-wrap" >\n
                    <div class="module-title" data-aos="fade-up" data-aos-delay="100" data-aos-duration="400">Payment Methods</div>\n
                </div>\n
                <div class="row products-solutions">\n
                    <div class="col-12 col-md-6 products-solutions-box">\n
                        <div class="row">\n
                            <div class="col-12 col-md-6">\n
                                <h1 data-aos="fade-up" data-aos-delay="200" data-aos-duration="400">WeChat Payment</h1>\n
                                <h4 data-aos="fade-up" data-aos-delay="300" data-aos-duration="400">WeChat Payment Desc</h4>\n
                            </div>\n
                            <div class="col-12 col-md-6">\n
                                <div class="products-solutions-box-img" data-aos="zoom-in-up" data-aos-delay="300" data-aos-duration="400">\n
                                    <!-- Changed image source -->\n
                                    <img src="https://testport.pay4pixels.com/images/demo/pay4pixels/image/alipay.png" />\n
                                </div>\n
                            </div>\n
                        </div>\n
                    </div>\n
                    <div class="col-12 col-md-6 products-solutions-box">\n
                        <div class="row">\n
                            <div class="col-12 col-md-6">\n
                                <h1 data-aos="fade-up" data-aos-delay="200" data-aos-duration="400">Alipay Payment</h1>\n
                                <h4 data-aos="fade-up" data-aos-delay="300" data-aos-duration="400">Alipay Payment Desc</h4>\n
                            </div>\n
                            <div class="col-12 col-md-6">\n
                                <div class="products-solutions-box-img" data-aos="zoom-in-up" data-aos-delay="300" data-aos-duration="400">\n
                                    <!-- Changed image source -->\n
                                    <img src="https://testport.pay4pixels.com/images/demo/pay4pixels/image/wechatpay.png" />\n
                                </div>\n
                            </div>\n
                        </div>\n
                    </div>\n
      \n
                </div>\n
            </div>\n
      \n
        </div>\n
      \n
            <style>\n
          .image-container {\n
              position: relative;\n
              overflow: hidden;\n
              color: #aaa;\n
          }\n
          .image-container:hover {\n
              color: #fff;\n
          }\n
          .image-container img {\n
              width: 24px;\n
              height: 24px;\n
              margin-top: 20px;\n
              transition: transform 0.5s ease; /* 平滑过渡效果 */\n
          }\n
          .image-container:hover img {\n
              transform: translateY(-10px); /* 鼠标移入时图片上移的像素值 */\n
          }\n
          @media (min-width:768px) {\n
          .cookie-policy {\n
              position: fixed;\n
              bottom: 0;\n
              height: 88px;\n
              display: flex;\n
              background: #69c2c2;\n
              text-align: center;\n
              color: #000;\n
              width: 100%;\n
              align-items: center;\n
              justify-content: center;\n
              z-index: 9999;\n
              font-size: 16px;\n
          }\n
          .cookie-policy a{\n
      \n
              font-size: 20px;\n
              font-weight: 700;\n
          }\n
          .cookie-policy .cookie-policy-btn {\n
              border: 1px solid #000;\n
              width: 140px;\n
              height: 40px;\n
              line-height: 40px;\n
              border-radius: 4px;\n
              margin-left: 20px;\n
              cursor: pointer;\n
          }\n
          .cookie-policy .cookie-policy-btn:hover {\n
              background: #83e0e1;\n
              border: 1px solid #83e0e1;\n
          }\n
        }\n
        @media (max-width:768px) {\n
          .cookie-policy {\n
            position: fixed;\n
              bottom: 0;\n
              background: #69c2c2;\n
              text-align: center;\n
              color: #000;\n
              width: 100%;\n
              align-items: center;\n
              justify-content: center;\n
              z-index: 9999;\n
              font-size: 15px;\n
              padding: 20px;\n
          }\n
          .cookie-policy a{\n
              font-size: 20px;\n
              font-weight: 700;\n
          }\n
          .cookie-policy .cookie-policy-btn {\n
              border: 1px solid #000;\n
              width: 140px;\n
              height: 40px;\n
              line-height: 40px;\n
              border-radius: 4px;\n
              cursor: pointer;\n
              margin: 20px auto 0;\n
          }\n
          .cookie-policy .cookie-policy-btn:hover {\n
              background: #83e0e1;\n
              border: 1px solid #83e0e1;\n
          }\n
        }\n
        .cookie-policy.hidden {\n
            display: none;\n
          }\n
      </style>\n
      <footer id="appFooter">\n
      \n
          <div style="text-align: center;height: 80px;">\n
              <a href="javascript:void(0)" onclick="topFunction()" id="to-top" class="image-container">\n
                  <img  src="https://testport.pay4pixels.com/images/demo/payment/to-top.png" >\n
                  <div>volver arriba</div>\n
              </a>\n
          </div>\n
      \n
        <div class="footer-box">\n
          <div class="container">\n
            <div class="footer-top-links">\n
              <div class="row">\n
                <div class="col-12 col-md-4 footer-item">\n
                  <div class="about">\n
                    <div class="footer-link-title">\n
                      <span>About Us</span>\n
                      <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                    </div>\n
                    <div class="footer-item-content">\n
                      <p>\n
                        <a href="https://testport.pay4pixels.com/en/about-us">Pay4Pixels</a>\n
                      </p>\n
                      <p>\n
                      <a href="https://testport.pay4pixels.com/en/contact">Contact Us</a>\n
                      </p>\n
                    </div>\n
                  </div>\n
                </div>\n
                <div class="col-12 col-md-8">\n
                  <div class="row">\n
                    <!-- <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Products</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                            </ul>\n
                      </div>\n
                    </div>\n
                    <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Articles</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                            </ul>\n
                      </div>\n
                    </div> -->\n
                    <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Policies &amp; Legal</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                                <li><a href="https://testport.pay4pixels.com/en/terms-and-conditions">Terms of Use &amp; Compliance Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/privacy-policy">Privacy Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/refund-policy">Refund Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/delivery-shipping-policy">Delivery &amp; Shipping Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/licenses">Licenses</a></li>\n
                        </ul>\n
                      </div>\n
                    </div>\n
                  </div>\n
                </div>\n
              </div>\n
            </div>\n
      \n
            <div class="bottom-box">\n
              <div class="row">\n
                <div class="col-md-6">\n
                  <div class="left-links">\n
                    Powered By <a href="https://www.pay4pixels.com" target="_blank">Pay4Pixels & Laidesi Technology - a Com2000 subsidiary.</a>\n
                    <span class="copyright-text">\n
                      <a href="https://www.pay4pixels.com" class="ms-2" target="_blank">Pay4Pixels</a>\n
                      &copy; 2025 All Rights Reserved\n
                                    </span>\n
                  </div>\n
                </div>\n
                <div class="col-md-6">\n
                  <div class="payment-icon">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/1.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/2.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/3.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/4.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/5.png" class="img-fluid">\n
                  </div>\n
                </div>\n
            </div>\n
            </div>\n
          </div>\n
            <!--隐私协议-->\n
            <div class="cookie-policy" id="cookie-policy">\n
                <div data-aos="fade-up" data-aos-delay="100" data-aos-duration="400">By clicking continue and using our website you are consenting to our use of cookies in accordance with our <a href="" style="color:#000;">Cookie Policy</a></div>\n
                <div class="cookie-policy-btn" data-aos="fade-up" data-aos-delay="100" data-aos-duration="400" id="continue-btn">Continue</div>\n
            </div>\n
      \n
        </div>\n
      </footer>\n
      \n
      <script>\n
          function topFunction() {\n
              document.body.scrollTop = 0; // For Safari\n
              document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera\n
          }\n
          $(function() {\n
            if(window.localStorage.getItem('cookie-policy')) {\n
              $('#cookie-policy').addClass('hidden');\n
            }\n
            $('#continue-btn').click(function() {\n
              $('#cookie-policy').addClass('hidden');\n
              window.localStorage.setItem('cookie-policy', true);\n
            });\n
          });\n
      </script>\n
      \n
       \n
        \n
        \n
        <!-- Payment Processing Overlay -->\n
        <div id="payment-processing-overlay" class="d-none" style="position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 9999;">\n
          <div class="bg-white p-4 rounded shadow-lg text-center" style="width: 300px;">\n
              <div class="spinner-border text-primary mb-3" role="status">\n
                  <span class="visually-hidden">Loading...</span>\n
              </div>\n
              <p class="mb-0 fw-bold">Contacting the payment processor. Please wait.</p>\n
          </div>\n
        </div>\n
      \n
        <!-- Overlay Control Script -->\n
        <script>\n
          document.addEventListener('DOMContentLoaded', function() {\n
            if (sessionStorage.getItem('showPaymentOverlay') === 'true') {\n
              document.getElementById('payment-processing-overlay').classList.remove('d-none');\n
            }\n
            \n
            // Clear overlay on success/callback pages\n
            if (window.location.href.includes('checkout/success') || \n
                window.location.href.includes('payment/callback')) {\n
              sessionStorage.removeItem('showPaymentOverlay');\n
              document.getElementById('payment-processing-overlay').classList.add('d-none');\n
            }\n
          });\n
        </script>\n
      </body>\n
      <script>\n
          document.addEventListener('DOMContentLoaded', function() {\n
              AOS.init(\n
                  {\n
                      duration: 1000,\n
                      easing:"ease-in-out-back",\n
                      once: true\n
                  }\n
              );\n
          });\n
      </script>\n
      </html>
      """
    #version: "1.1"
    #statusCode: 200
    #statusText: "OK"
    #charset: null
    -sentHeaders: ? array
    +original: """
      <style>\n
          .text-align {\n
              text-align:  center;\n
          }\n
          @media (min-width:768px) {\n
              .header-box-1 {\n
                  text-align: center;\n
                  padding-top: 100px;\n
              }\n
              .header-box-2 {\n
                  position: relative;\n
                  background-repeat: no-repeat;\n
                  background-size: cover;\n
                  background-position: center;\n
                  width: 100%;\n
              }\n
              .header-box-1-big {\n
                  font-size: 60px;\n
                  font-weight: 700;\n
                  margin-left: 50px;\n
              }\n
              .header-box-1-small {\n
                  font-size: 30px;\n
                  margin-left: 50px;\n
              }\n
              .media{\n
                  height: 645px;\n
                  width: 752px;\n
              }\n
              .header-box-1-img {\n
                  padding-top: 30px;\n
                  margin-left: 50px !important;\n
              }\n
              .header-box-1-img img{\n
                  width: 50px;\n
              }\n
              .header-box-1-form a{\n
                  line-height: 55px;\n
              }\n
              .header-box-1-form {\n
                  margin-top:40px;\n
              }\n
              .header-box-1-form .form-control{\n
                  width: 50%;\n
                  margin-left: 25%;\n
                  height: 50px;\n
                  line-height: 50px;\n
              }\n
              .header-box-1-form .form-control:focus{\n
                  border: 1px solid #82e0e1;\n
              }\n
              .header-box-1-form .mian-btn{\n
                  background: #69c1c2;\n
                  width: 50%;\n
                  height: 50px;\n
                  line-height: 50px;\n
                  font-size: 23px;\n
                  color: #000;\n
                  border-radius: 4px;\n
                  display: inline-block;\n
              }\n
              .header-box-1-form .mian-btn:hover{\n
                  background: #82e0e1;\n
              }\n
          }\n
          @media(max-width: 768px){\n
              .header-box-1 {\n
                  text-align: center;\n
                  padding-top: 10px;\n
              }\n
              .header-box-1-big {\n
                  padding: 10px 30px;\n
              }\n
              .header-box-1-small {\n
                  font-size: 16px;\n
                  padding: 10px 30px;\n
              }\n
              .header-box-2 {\n
                  position: relative;\n
                  background-repeat: no-repeat;\n
                  background-size: cover;\n
                  background-position: center;\n
                  width: 100%;\n
              }\n
              .header-box-1-img {\n
                  padding-top: 10px;\n
              }\n
              .header-box-1-img img{\n
                  width: 50px;\n
              }\n
              .media {\n
                  display: block;\n
                  height: auto;\n
                  max-width: unset;\n
                  mix-blend-mode: screen;\n
                  position: relative;\n
                  width: 375px;\n
                  z-index: 0;\n
              }\n
              .header-box-1-form a{\n
                  line-height: 55px;\n
              }\n
              .header-box-1-form {\n
                  margin-top:40px;\n
              }\n
              .header-box-1-form .form-control{\n
                  width: 80%;\n
                  margin-left: 10%;\n
                  height: 50px;\n
                  line-height: 50px;\n
              }\n
              .header-box-1-form .form-control:focus{\n
                  border: 1px solid #82e0e1;\n
              }\n
              .header-box-1-form .mian-btn{\n
                  background: #69c1c2;\n
                  width: 80%;\n
                  height: 50px;\n
                  line-height: 50px;\n
                  font-size: 23px;\n
                  color: #000;\n
                  border-radius: 4px;\n
                  display: inline-block;\n
              }\n
              .header-box-1-form .mian-btn:hover{\n
                  background: #82e0e1;\n
              }\n
          }\n
      \n
          .products-solutions-box-img {\n
          position: relative;\n
          background-image: url('https://testport.pay4pixels.com/images/demo/pay4pixels/image/sparks.webp'); /* Keep background image */\n
          background-size: cover; /* Ensure background is covering the div */\n
          background-position: center; /* Adjust background position */\n
          width: 100%; /* Set width of container */\n
          height: 200px; /* Set height for product image box */\n
      }\n
          \n
          /* Shift product images slightly to the right */\n
          .products-solutions-box-img img {\n
          position: absolute; /* Position the image over the background */\n
          top: 50%; /* Center vertically */\n
          left: 50%; /* Center horizontally */\n
          transform: translate(-50%, -50%); /* Adjust to perfectly center the image */\n
          max-width: 80%; /* Constrain width */\n
          max-height: 80%; /* Constrain height */\n
          object-fit: contain; /* Preserve aspect ratio */\n
          margin-left: 0; /* Reset margin */\n
      }\n
      </style>\n
      \n
      \n
      <!DOCTYPE html>\n
      <html lang="en">\n
      \n
      <head>\n
        <meta charset="utf-8">\n
        <meta name="viewport" content="width=device-width, initial-scale=1">\n
        <base href="https://testport.pay4pixels.com/en">\n
        <title>Pay4Pixels</title>\n
        <meta name="keywords" content="Pay4Pixels">\n
        <meta name="description" content="Pay4Pixels">\n
        <meta name="generator" content="InnoShop v0.2.8(20240826)">\n
        <meta name="csrf-token" content="Yh6cZT5YmlRQBYE1PtXPTSVaafqBSSrbLjLevVDf">\n
        <link rel="shortcut icon" href="https://testport.pay4pixels.com/images/placeholder.png">\n
        <link rel="stylesheet" href="/themes/default/css/bootstrap.css?id=2cbbc8dc06e883c2d672b3cafc1f0765">\n
        <link rel="stylesheet" href="https://testport.pay4pixels.com/vendor/aos/aos.css">\n
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">\n
        <script src="/themes/default/js/app.js?id=7f5ad1c1a8ba2b61df485949d7768fcd"></script>\n
        <script src="https://testport.pay4pixels.com/vendor/layer/3.5.1/layer.js"></script>\n
        <script src="https://testport.pay4pixels.com/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>\n
          <script src="https://testport.pay4pixels.com/vendor/aos/aos.js"></script>\n
        <link rel="stylesheet" href="/themes/default/css/app.css?id=38c849b6c2a866edf9536b71afb15475">\n
        <script>\n
          let urls = {\n
            cart_add: 'https://testport.pay4pixels.com/en/carts',\n
            cart_mini: 'https://testport.pay4pixels.com/en/cart/mini',\n
            login: 'https://testport.pay4pixels.com/en/login',\n
            favorites: 'https://testport.pay4pixels.com/en/account/favorites',\n
          }\n
      \n
          let config = {\n
            isLogin: !!null,\n
          }\n
      \n
          // Currency debugging info\n
          console.log("Currency Debug Information:");\n
          console.log("Session currency:", "");\n
          console.log("Current currency code:", "cny");\n
          console.log("System currency setting:", "cny");\n
      \n
          \n
              console.log("Current currency object:", {\n
            name: "人民币",\n
            code: "cny",\n
            value: 1,\n
            symbol: "￥"\n
          });\n
            </script>\n
          <script src="https://testport.pay4pixels.com/vendor/swiper/swiper-bundle.min.js"></script>\n
        <link rel="stylesheet" href="https://testport.pay4pixels.com/vendor/swiper/swiper-bundle.min.css">\n
      </head>\n
      \n
      <body class="page-home">\n
            <!-- Emergency Notification Banner -->\n
      <div class="container-fluid bg-warning py-3 text-center text-white">\n
        <div class="container">\n
          <div class="d-flex align-items-center justify-content-center">\n
            <span class="me-2 fs-5">⚠️</span>\n
            <p class="mb-0 fw-bold">\n
              Pay4Pixels will be undergoing maintenance intermittently on May 6th. Functionality should continue as normal.      </p>\n
          </div>\n
        </div>\n
      </div>\n
      \n
      <header id="appHeader">\n
        <div class="header-top">\n
          <div class="container d-flex justify-content-between align-items-center">\n
            <div class="language-switch d-flex align-items-center">\n
                        <div class="dropdown">\n
                  <a class="btn dropdown-toggle" href="javascript:void(0)">\n
                    <img src="https://testport.pay4pixels.com/images/flag/en.png" class="img-fluid"> English\n
                  </a>\n
      \n
                  <div class="dropdown-menu">\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/locales/switch/en">\n
                        English\n
                      </a>\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/locales/switch/zh_cn">\n
                        简体中文\n
                      </a>\n
                                </div>\n
                </div>\n
              \n
                        <div class="dropdown ms-4">\n
                  <a class="btn dropdown-toggle" href="javascript:void(0)">\n
                    人民币\n
                  </a>\n
      \n
                  <div class="dropdown-menu">\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/currencies/switch/usd">\n
                        USD ($)\n
                      </a>\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/currencies/switch/cny">\n
                        人民币 (￥)\n
                      </a>\n
                                </div>\n
                </div>\n
                    </div>\n
            <div class="top-info">\n
                       <span><i class="bi bi-telephone-outbound"></i> 0731-0123456</span>\n
                     </div>\n
          </div>\n
        </div>\n
        <div class="header-desktop">\n
          <div class="container d-flex justify-content-between align-items-center">\n
            <div class="left">\n
              <h1 class="logo">\n
                <a href="https://testport.pay4pixels.com/en">\n
                  <img src="https://testport.pay4pixels.com/images/placeholder.png" class="img-fluid">\n
                </a>\n
              </h1>\n
              <div class="menu">\n
                <nav class="navbar navbar-expand-md navbar-light">\n
                  <ul class="navbar-nav">\n
                    <li class="nav-item">\n
                      <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en">Home</a>\n
                    </li>\n
                      <li class="nav-item">\n
                          <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en/categories">Shop Now</a>\n
                      </li>\n
                                                                           <li class="nav-item">\n
                            <div class="dropdown">\n
                                                        <a class="nav-link " href="">Game Servers</a>\n
                                                      <ul class="dropdown-menu">\n
                                                                                          <li><a class="dropdown-item" href="https://testport.pay4pixels.com/en/pricingforgameservers">Pricing</a></li>\n
                                                                                                                      <li><a class="dropdown-item" href="https://testport.pay4pixels.com/en/paymentmethods">Payment Methods</a></li>\n
                                                                                    </ul>\n
                            </div>\n
                          </li>\n
                                                                     <li class="nav-item">\n
                      <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en/contact">Customer Support</a>\n
                    </li>\n
                  </ul>\n
                </nav>\n
              </div>\n
            </div>\n
            <div class="right">\n
              <form action="https://testport.pay4pixels.com/en/products" method="get" class="search-group">\n
                <input type="text" class="form-control" name="keyword" placeholder="Search" value="">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <div class="icons">\n
                          <div class="item">\n
                  <a href="https://testport.pay4pixels.com/en/cart" class="header-cart-icon">\n
                    <img src="https://testport.pay4pixels.com/icon/cart.svg" class="img-fluid">\n
                    <span class="icon-quantity">0</span>\n
                  </a>\n
                </div>\n
      \n
                            <div class="item">\n
                                                  <a href="https://testport.pay4pixels.com/en/login" style="font-size: 24px;color: #wf;">Sign In</a>\n
                                </div>\n
                  <div class="item">\n
                    <a href="https://testport.pay4pixels.com/en/register" style="font-size: 24px;color: #fff;">Register</a>\n
                  </div>\n
                        </div>\n
            </div>\n
          </div>\n
        </div>\n
        <div class="header-mobile">\n
          <div class="mb-icon" data-bs-toggle="offcanvas" data-bs-target="#mobile-menu-offcanvas" aria-controls="offcanvasExample">\n
            <i class="bi bi-list"></i>\n
          </div>\n
      \n
          <div class="logo">\n
            <a href="https://testport.pay4pixels.com/en">\n
              <img src="https://testport.pay4pixels.com/images/placeholder.png" class="img-fluid">\n
            </a>\n
          </div>\n
                      <a href="https://testport.pay4pixels.com/en/login" style="font-size: 24px;color: #fff;">Sign In</a>\n
                <div class="offcanvas offcanvas-start" tabindex="-1" id="mobile-menu-offcanvas">\n
            <div class="offcanvas-header">\n
              <form action="" method="get" class="search-group">\n
                <input type="text" class="form-control" placeholder="Search">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <a class="account-icon" href="https://testport.pay4pixels.com/en/account">\n
                <img src="https://testport.pay4pixels.com/icon/account.svg" class="img-fluid">\n
              </a>\n
            </div>\n
            <div class="close-offcanvas" data-bs-dismiss="offcanvas"><i class="bi bi-chevron-compact-left"></i></div>\n
            <div class="offcanvas-body mobile-menu-wrap">\n
              <div class="accordion accordion-flush" id="menu-accordion">\n
                <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link " aria-current="page" href="https://testport.pay4pixels.com/en">Home</a>\n
                  </div>\n
                </div>\n
      \n
                <div class="accordion-item">\n
        <div class="nav-item-text">\n
          <a class="nav-link " aria-current="page" href="https://testport.pay4pixels.com/en/categories">Shop Now</a>\n
        </div>\n
      </div>\n
      \n
                                                           <div class="accordion-item">\n
                        <div class="nav-item-text">\n
                          <a class="nav-link" href="" data-bs-toggle="collapse">\n
                            Game Servers\n
                          </a>\n
                                              <span class="collapsed" data-bs-toggle="collapse" data-bs-target="#flush-menu-0"><i class="bi bi-chevron-down"></i></span>\n
                                            </div>\n
      \n
                                          <div class="accordion-collapse collapse" id="flush-menu-0" data-bs-parent="#menu-accordion">\n
                          <div class="children-group">\n
                            <ul class="nav flex-column ul-children">\n
                                                                                    <li class="nav-item">\n
                                    <a class="nav-link" href="https://testport.pay4pixels.com/en/pricingforgameservers">Pricing</a>\n
                                  </li>\n
                                                                                                              <li class="nav-item">\n
                                    <a class="nav-link" href="https://testport.pay4pixels.com/en/paymentmethods">Payment Methods</a>\n
                                  </li>\n
                                                                              </ul>\n
                          </div>\n
                        </div>\n
                                        </div>\n
                                           \n
                <div class="accordion-item">\n
        <div class="nav-item-text">\n
          <a class="nav-link " href="https://testport.pay4pixels.com/en/contact">Customer Support</a>\n
        </div>\n
      </div>\n
      \n
              </div>\n
            </div>\n
          </div>\n
        </div>\n
      </header>\n
      \n
       \n
        \n
        <div class="m-0 p-0" id="appContent">\n
            \n
         \n
        <section class="module-content">\n
      \n
          <!--头部-->\n
          <div class=" header-box">\n
              <div class="row">\n
                  <div class="col-12 col-md-6 header-box-1">\n
                  <h1 class="header-box-1-big" data-aos="fade-up" data-aos-delay="100" data-aos-duration="400">Payment Methods</h1>\n
                  <p class="header-box-1-small" data-aos="fade-up" data-aos-delay="500" data-aos-duration="400">We offer various payment methods accepted around the world, or regionally.</p>\n
                  </div>\n
                  <div class="col-12 col-md-6 header-box-2" data-aos="fade-up" data-aos-delay="100" data-aos-duration="400" style="background-image: url(https://testport.pay4pixels.com/images/demo/pay4pixels/image/sparks.webp);">\n
                  <img class="media" src="https://testport.pay4pixels.com/images/demo/pay4pixels/image/Hero_GemsTable.png" />\n
                  </div>\n
              </div>\n
          </div>\n
      \n
      <!--上下浮动小图标-->\n
      <style>\n
              .float-container {\n
                  position: relative;\n
                  width: fit-content;\n
                  height: fit-content;\n
                  overflow: hidden;\n
                  margin: 20px auto\n
              }\n
              .float-container .float-image {\n
                  width: 28px;\n
                  height: auto;\n
                  animation: floatAnimation 3s ease-in-out infinite;\n
              }\n
      \n
              @keyframes floatAnimation {\n
                  0%, 100% {\n
                  transform: translateY(0);\n
                  }\n
                  50% {\n
                  transform: translateY(-10px);\n
                  }\n
              }\n
          </style>\n
          <div class="float-container">\n
              <a  href="javascript:void(0)" onclick="bottomFunction()" >\n
                  <img src="https://testport.pay4pixels.com/images/demo/payment/to-bottom.png" class="float-image">\n
              </a>\n
          </div>\n
          <script>\n
              function bottomFunction() {\n
                  document.body.scrollTop = 600; // For Safari\n
                  document.documentElement.scrollTop = 600; // For Chrome, Firefox, IE and Opera\n
              }\n
          </script>\n
      \n
            <!--Products & Solutions-->\n
            <div class="container  module-line">\n
                <div class="module-title-wrap" >\n
                    <div class="module-title" data-aos="fade-up" data-aos-delay="100" data-aos-duration="400">Payment Methods</div>\n
                </div>\n
                <div class="row products-solutions">\n
                    <div class="col-12 col-md-6 products-solutions-box">\n
                        <div class="row">\n
                            <div class="col-12 col-md-6">\n
                                <h1 data-aos="fade-up" data-aos-delay="200" data-aos-duration="400">WeChat Payment</h1>\n
                                <h4 data-aos="fade-up" data-aos-delay="300" data-aos-duration="400">WeChat Payment Desc</h4>\n
                            </div>\n
                            <div class="col-12 col-md-6">\n
                                <div class="products-solutions-box-img" data-aos="zoom-in-up" data-aos-delay="300" data-aos-duration="400">\n
                                    <!-- Changed image source -->\n
                                    <img src="https://testport.pay4pixels.com/images/demo/pay4pixels/image/alipay.png" />\n
                                </div>\n
                            </div>\n
                        </div>\n
                    </div>\n
                    <div class="col-12 col-md-6 products-solutions-box">\n
                        <div class="row">\n
                            <div class="col-12 col-md-6">\n
                                <h1 data-aos="fade-up" data-aos-delay="200" data-aos-duration="400">Alipay Payment</h1>\n
                                <h4 data-aos="fade-up" data-aos-delay="300" data-aos-duration="400">Alipay Payment Desc</h4>\n
                            </div>\n
                            <div class="col-12 col-md-6">\n
                                <div class="products-solutions-box-img" data-aos="zoom-in-up" data-aos-delay="300" data-aos-duration="400">\n
                                    <!-- Changed image source -->\n
                                    <img src="https://testport.pay4pixels.com/images/demo/pay4pixels/image/wechatpay.png" />\n
                                </div>\n
                            </div>\n
                        </div>\n
                    </div>\n
      \n
                </div>\n
            </div>\n
      \n
        </div>\n
      \n
            <style>\n
          .image-container {\n
              position: relative;\n
              overflow: hidden;\n
              color: #aaa;\n
          }\n
          .image-container:hover {\n
              color: #fff;\n
          }\n
          .image-container img {\n
              width: 24px;\n
              height: 24px;\n
              margin-top: 20px;\n
              transition: transform 0.5s ease; /* 平滑过渡效果 */\n
          }\n
          .image-container:hover img {\n
              transform: translateY(-10px); /* 鼠标移入时图片上移的像素值 */\n
          }\n
          @media (min-width:768px) {\n
          .cookie-policy {\n
              position: fixed;\n
              bottom: 0;\n
              height: 88px;\n
              display: flex;\n
              background: #69c2c2;\n
              text-align: center;\n
              color: #000;\n
              width: 100%;\n
              align-items: center;\n
              justify-content: center;\n
              z-index: 9999;\n
              font-size: 16px;\n
          }\n
          .cookie-policy a{\n
      \n
              font-size: 20px;\n
              font-weight: 700;\n
          }\n
          .cookie-policy .cookie-policy-btn {\n
              border: 1px solid #000;\n
              width: 140px;\n
              height: 40px;\n
              line-height: 40px;\n
              border-radius: 4px;\n
              margin-left: 20px;\n
              cursor: pointer;\n
          }\n
          .cookie-policy .cookie-policy-btn:hover {\n
              background: #83e0e1;\n
              border: 1px solid #83e0e1;\n
          }\n
        }\n
        @media (max-width:768px) {\n
          .cookie-policy {\n
            position: fixed;\n
              bottom: 0;\n
              background: #69c2c2;\n
              text-align: center;\n
              color: #000;\n
              width: 100%;\n
              align-items: center;\n
              justify-content: center;\n
              z-index: 9999;\n
              font-size: 15px;\n
              padding: 20px;\n
          }\n
          .cookie-policy a{\n
              font-size: 20px;\n
              font-weight: 700;\n
          }\n
          .cookie-policy .cookie-policy-btn {\n
              border: 1px solid #000;\n
              width: 140px;\n
              height: 40px;\n
              line-height: 40px;\n
              border-radius: 4px;\n
              cursor: pointer;\n
              margin: 20px auto 0;\n
          }\n
          .cookie-policy .cookie-policy-btn:hover {\n
              background: #83e0e1;\n
              border: 1px solid #83e0e1;\n
          }\n
        }\n
        .cookie-policy.hidden {\n
            display: none;\n
          }\n
      </style>\n
      <footer id="appFooter">\n
      \n
          <div style="text-align: center;height: 80px;">\n
              <a href="javascript:void(0)" onclick="topFunction()" id="to-top" class="image-container">\n
                  <img  src="https://testport.pay4pixels.com/images/demo/payment/to-top.png" >\n
                  <div>volver arriba</div>\n
              </a>\n
          </div>\n
      \n
        <div class="footer-box">\n
          <div class="container">\n
            <div class="footer-top-links">\n
              <div class="row">\n
                <div class="col-12 col-md-4 footer-item">\n
                  <div class="about">\n
                    <div class="footer-link-title">\n
                      <span>About Us</span>\n
                      <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                    </div>\n
                    <div class="footer-item-content">\n
                      <p>\n
                        <a href="https://testport.pay4pixels.com/en/about-us">Pay4Pixels</a>\n
                      </p>\n
                      <p>\n
                      <a href="https://testport.pay4pixels.com/en/contact">Contact Us</a>\n
                      </p>\n
                    </div>\n
                  </div>\n
                </div>\n
                <div class="col-12 col-md-8">\n
                  <div class="row">\n
                    <!-- <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Products</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                            </ul>\n
                      </div>\n
                    </div>\n
                    <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Articles</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                            </ul>\n
                      </div>\n
                    </div> -->\n
                    <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Policies &amp; Legal</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                                <li><a href="https://testport.pay4pixels.com/en/terms-and-conditions">Terms of Use &amp; Compliance Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/privacy-policy">Privacy Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/refund-policy">Refund Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/delivery-shipping-policy">Delivery &amp; Shipping Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/licenses">Licenses</a></li>\n
                        </ul>\n
                      </div>\n
                    </div>\n
                  </div>\n
                </div>\n
              </div>\n
            </div>\n
      \n
            <div class="bottom-box">\n
              <div class="row">\n
                <div class="col-md-6">\n
                  <div class="left-links">\n
                    Powered By <a href="https://www.pay4pixels.com" target="_blank">Pay4Pixels & Laidesi Technology - a Com2000 subsidiary.</a>\n
                    <span class="copyright-text">\n
                      <a href="https://www.pay4pixels.com" class="ms-2" target="_blank">Pay4Pixels</a>\n
                      &copy; 2025 All Rights Reserved\n
                                    </span>\n
                  </div>\n
                </div>\n
                <div class="col-md-6">\n
                  <div class="payment-icon">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/1.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/2.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/3.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/4.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/5.png" class="img-fluid">\n
                  </div>\n
                </div>\n
            </div>\n
            </div>\n
          </div>\n
            <!--隐私协议-->\n
            <div class="cookie-policy" id="cookie-policy">\n
                <div data-aos="fade-up" data-aos-delay="100" data-aos-duration="400">By clicking continue and using our website you are consenting to our use of cookies in accordance with our <a href="" style="color:#000;">Cookie Policy</a></div>\n
                <div class="cookie-policy-btn" data-aos="fade-up" data-aos-delay="100" data-aos-duration="400" id="continue-btn">Continue</div>\n
            </div>\n
      \n
        </div>\n
      </footer>\n
      \n
      <script>\n
          function topFunction() {\n
              document.body.scrollTop = 0; // For Safari\n
              document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera\n
          }\n
          $(function() {\n
            if(window.localStorage.getItem('cookie-policy')) {\n
              $('#cookie-policy').addClass('hidden');\n
            }\n
            $('#continue-btn').click(function() {\n
              $('#cookie-policy').addClass('hidden');\n
              window.localStorage.setItem('cookie-policy', true);\n
            });\n
          });\n
      </script>\n
      \n
       \n
        \n
        \n
        <!-- Payment Processing Overlay -->\n
        <div id="payment-processing-overlay" class="d-none" style="position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 9999;">\n
          <div class="bg-white p-4 rounded shadow-lg text-center" style="width: 300px;">\n
              <div class="spinner-border text-primary mb-3" role="status">\n
                  <span class="visually-hidden">Loading...</span>\n
              </div>\n
              <p class="mb-0 fw-bold">Contacting the payment processor. Please wait.</p>\n
          </div>\n
        </div>\n
      \n
        <!-- Overlay Control Script -->\n
        <script>\n
          document.addEventListener('DOMContentLoaded', function() {\n
            if (sessionStorage.getItem('showPaymentOverlay') === 'true') {\n
              document.getElementById('payment-processing-overlay').classList.remove('d-none');\n
            }\n
            \n
            // Clear overlay on success/callback pages\n
            if (window.location.href.includes('checkout/success') || \n
                window.location.href.includes('payment/callback')) {\n
              sessionStorage.removeItem('showPaymentOverlay');\n
              document.getElementById('payment-processing-overlay').classList.add('d-none');\n
            }\n
          });\n
        </script>\n
      </body>\n
      <script>\n
          document.addEventListener('DOMContentLoaded', function() {\n
              AOS.init(\n
                  {\n
                      duration: 1000,\n
                      easing:"ease-in-out-back",\n
                      once: true\n
                  }\n
              );\n
          });\n
      </script>\n
      </html>
      """
    +exception: null
  }
]