array:1 [
  "response" => Illuminate\Http\Response {#2734
    +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2736
      #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 11:05:20 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 {#2513
              #expire: 1749819920
              #path: "/"
              -sameSite: "lax"
              -secureDefault: true
              #name: "XSRF-TOKEN"
              #value: "eyJpdiI6Ik5WMW50Z3hUbVhHcFlrNnU4STRLcXc9PSIsInZhbHVlIjoiZFp6ZHQzcGhnNDgvOUlzT0Ira1gwOVRGK0Y3QU1KWTZTdVNEN0czeGdlcC9saHdLUTdjTmV5SnVQekV2bTcvY2hSVzhTZzlaazBCUXdGRUluVTdUcStQdit5OUtsYTIrM2JZRUIwNTNZNGl1L1pxQVJaeEI2cGs4cC9Yb1lUWnEiLCJtYWMiOiIxOGMzMDIwODJlMWI5OWM5MWYwMDhiNjhkMmE2MjkyODk2ZjI2NmQ1YmYyY2NmY2YxMzg3OGQ0YWFkMjJkMjViIiwidGFnIjoiIn0="
              #domain: "testport.pay4pixels.com"
              #secure: null
              #httpOnly: false
              -raw: false
              -partitioned: false
            }
            "pay4pixels_session" => Symfony\Component\HttpFoundation\Cookie {#2516
              #expire: 1749819920
              #path: "/"
              -sameSite: "lax"
              -secureDefault: true
              #name: "pay4pixels_session"
              #value: "eyJpdiI6IlJRNGtKelBUR2I1aDcvdUg4bExsbUE9PSIsInZhbHVlIjoiamxlTGwzblZ6VDgvYTdGQy9YdHB0WUx1TXpTNmVZYWtaczZ3MU9pMmF5eW1NVmRBVyttd2loZWxUVTFMVUJKdHVFbmNWVGRDbEpEVVYyQ3d2ZmtKVlFwZGxLM1FaUlRUZzFjZDY4ejBiQ0ppdkZyVC9UK0UvVmNHcTE4Q3RvTlUiLCJtYWMiOiJlMmU4YjljOTM5NTYxMWEyYTRmMTg3MDUxMjQ1Y2M2MDRiYzY0M2VhMDg4NDY3Y2VmYTEwOTEwNGQ3ZjdjMTljIiwidGFnIjoiIn0="
              #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: """
      <!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="53fI3WqRojKVxdchbUkd9FxmuaRkuRrKOPwPiuvw">\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
        </head>\n
      \n
      <body class="page-contact">\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
      <style>\n
          .contact-header {\n
              margin-top: 100px;\n
              text-align: center;\n
          }\n
      \n
          .contact-header h1 {\n
              font-size: 50px;\n
              font-weight: 700;\n
              color: #fff;\n
              /* Keep the header text white */\n
          }\n
      \n
          .contact-header p {\n
              font-size: 20px;\n
              color: #fff;\n
              /* Keep the subtext white */\n
              margin-bottom: 40px;\n
          }\n
      \n
          .contact-form-container {\n
              background-color: #f9f9f9;\n
              padding: 40px;\n
              border-radius: 10px;\n
              box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n
              max-width: 800px;\n
              margin: 0 auto;\n
              text-align: center;\n
          }\n
      \n
          .contact-form-container img {\n
              max-width: 300px;\n
              /* Adjust logo size */\n
              margin-bottom: 40px;\n
          }\n
      \n
          .contact-form label {\n
              font-weight: bold;\n
              margin-bottom: 5px;\n
              display: block;\n
              color: #333;\n
              /* Ensure labels are visible with a dark color */\n
          }\n
      \n
          .contact-form .form-control {\n
              border-radius: 5px;\n
              border: 1px solid #ddd;\n
              margin-bottom: 20px;\n
              padding: 10px;\n
              color: #333;\n
              /* Ensure input text is visible */\n
              background-color: #fff;\n
              /* Ensure background is white */\n
              font-size: 16px;\n
          }\n
      \n
          .contact-form .form-control::placeholder {\n
              color: #aaa;\n
              /* Placeholder text color */\n
              font-style: italic;\n
          }\n
      \n
          .contact-form .btn-submit {\n
              background-color: #69c1c2;\n
              color: #fff;\n
              font-size: 18px;\n
              font-weight: 600;\n
              padding: 15px 30px;\n
              border-radius: 8px;\n
              text-decoration: none;\n
              text-align: center;\n
              width: 100%;\n
              border: none;\n
              transition: background-color 0.3s ease;\n
          }\n
      \n
          .contact-form .btn-submit:hover {\n
              background-color: #82e0e1;\n
              cursor: pointer;\n
          }\n
      \n
          .form-group.hidden {\n
              display: none;\n
          }\n
          \n
          /* Company Info Section Styles */\n
          .company-info-section {\n
              background-color: #f0f8ff;\n
              padding: 20px;\n
              border-radius: 8px;\n
              margin-bottom: 30px;\n
              text-align: left;\n
              border-left: 4px solid #69c1c2;\n
          }\n
      \n
          .company-info-section h3 {\n
              color: #333;\n
              margin-bottom: 15px;\n
              font-size: 22px;\n
              font-weight: 600;\n
          }\n
      \n
          .company-info-section address {\n
              font-style: normal;\n
              line-height: 1.6;\n
              color: #555;\n
          }\n
      \n
          .company-info-section a {\n
              color: #69c1c2;\n
              text-decoration: none;\n
              font-weight: 600;\n
          }\n
      \n
          .company-info-section a:hover {\n
              text-decoration: underline;\n
          }\n
      </style>\n
      \n
      <div class="contact-header">\n
          <h1>Contact Us</h1>\n
          <p>How can we assist you today?</p>\n
      </div>\n
      \n
      <div class="contact-form-container">\n
          <!-- Add Logo -->\n
          <img src="https://testport.pay4pixels.com/images/demo/pay4pixels/image/logotype-color.png" alt="Logo">\n
      \n
          <!-- Company Information -->\n
          <div class="company-info-section">\n
          <h3>Nuestros Oficinas</h3>\n
          <address>\n
              5-558, Floor 5,<br>\n
              Meixi Commercial Plaza B<br>\n
              Yunxigu Digital Industrial Park,<br>\n
              168 Tourist Road, Xiangzhou District, Zhuhai, Guangdong Province,<br>\n
              CHINA<br>\n
              Email: <a href="mailto:info{{ env('COMPANY_WEBSITE', 'pay4pixels.com') }}">info{{ env('COMPANY_WEBSITE', 'pay4pixels.com') }}</a>\n
          </address>\n
      </div>\n
      \n
          \n
          \n
          <form method="POST" action="https://testport.pay4pixels.com/en/contact" class="contact-form">\n
              <input type="hidden" name="_token" value="53fI3WqRojKVxdchbUkd9FxmuaRkuRrKOPwPiuvw" autocomplete="off">\n
              <div class="form-group">\n
                  <label for="issue_type">How can we help?</label>\n
                  <select id="issue_type" name="issue_type" class="form-control" required>\n
                      <option value="" disabled selected>Select an option</option>\n
                      <option value="account_issue">Account Issue</option>\n
                      <option value="order_issue">Order Issue</option>\n
                      <option value="general_comment">General Comment</option>\n
                  </select>\n
              </div>\n
      \n
              <!-- Account Issue Fields -->\n
              <div class="form-group hidden" id="account_name_group">\n
                  <label for="account_name">Account Name</label>\n
                  <input type="text" id="account_name" name="account_name" class="form-control"\n
                      value="">\n
              </div>\n
      \n
              <div class="form-group hidden" id="contact_email_group">\n
                  <label for="contact_email">Contact Email</label>\n
                  <input type="email" id="contact_email" name="contact_email" class="form-control"\n
                      value="">\n
              </div>\n
      \n
              <!-- Order Issue Fields -->\n
              <div class="form-group hidden" id="order_number_group">\n
                  <label for="order_number">Order Number</label>\n
                  <input type="text" id="order_number" name="order_number" class="form-control"\n
                      value="">\n
              </div>\n
      \n
              <div class="form-group hidden" id="code_group">\n
                  <label for="code">Code (optional)</label>\n
                  <input type="text" id="code" name="code" class="form-control" value="">\n
              </div>\n
      \n
              <!-- Description -->\n
              <div class="form-group hidden" id="description_group">\n
                  <label for="description">Description</label>\n
                  <textarea id="description" name="description" class="form-control"\n
                      rows="5"></textarea>\n
              </div>\n
      \n
              <button type="submit" class="btn-submit">Submit</button>\n
          </form>\n
      </div>\n
      \n
      <script>\n
          document.getElementById('issue_type').addEventListener('change', function () {\n
              // Hide all fields first\n
              document.querySelectorAll('.form-group').forEach(group => group.classList.add('hidden'));\n
      \n
              // Show fields based on selected option\n
              if (this.value === 'account_issue') {\n
                  document.getElementById('account_name_group').classList.remove('hidden');\n
                  document.getElementById('contact_email_group').classList.remove('hidden');\n
                  document.getElementById('description_group').classList.remove('hidden');\n
              } else if (this.value === 'order_issue') {\n
                  document.getElementById('account_name_group').classList.remove('hidden');\n
                  document.getElementById('contact_email_group').classList.remove('hidden');\n
                  document.getElementById('order_number_group').classList.remove('hidden');\n
                  document.getElementById('code_group').classList.remove('hidden');\n
                  document.getElementById('description_group').classList.remove('hidden');\n
              } else if (this.value === 'general_comment') {\n
                  document.getElementById('account_name_group').classList.remove('hidden');\n
                  document.getElementById('contact_email_group').classList.remove('hidden');\n
                  document.getElementById('description_group').classList.remove('hidden');\n
              }\n
          });\n
      </script>\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: """
      <!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="53fI3WqRojKVxdchbUkd9FxmuaRkuRrKOPwPiuvw">\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
        </head>\n
      \n
      <body class="page-contact">\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
      <style>\n
          .contact-header {\n
              margin-top: 100px;\n
              text-align: center;\n
          }\n
      \n
          .contact-header h1 {\n
              font-size: 50px;\n
              font-weight: 700;\n
              color: #fff;\n
              /* Keep the header text white */\n
          }\n
      \n
          .contact-header p {\n
              font-size: 20px;\n
              color: #fff;\n
              /* Keep the subtext white */\n
              margin-bottom: 40px;\n
          }\n
      \n
          .contact-form-container {\n
              background-color: #f9f9f9;\n
              padding: 40px;\n
              border-radius: 10px;\n
              box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n
              max-width: 800px;\n
              margin: 0 auto;\n
              text-align: center;\n
          }\n
      \n
          .contact-form-container img {\n
              max-width: 300px;\n
              /* Adjust logo size */\n
              margin-bottom: 40px;\n
          }\n
      \n
          .contact-form label {\n
              font-weight: bold;\n
              margin-bottom: 5px;\n
              display: block;\n
              color: #333;\n
              /* Ensure labels are visible with a dark color */\n
          }\n
      \n
          .contact-form .form-control {\n
              border-radius: 5px;\n
              border: 1px solid #ddd;\n
              margin-bottom: 20px;\n
              padding: 10px;\n
              color: #333;\n
              /* Ensure input text is visible */\n
              background-color: #fff;\n
              /* Ensure background is white */\n
              font-size: 16px;\n
          }\n
      \n
          .contact-form .form-control::placeholder {\n
              color: #aaa;\n
              /* Placeholder text color */\n
              font-style: italic;\n
          }\n
      \n
          .contact-form .btn-submit {\n
              background-color: #69c1c2;\n
              color: #fff;\n
              font-size: 18px;\n
              font-weight: 600;\n
              padding: 15px 30px;\n
              border-radius: 8px;\n
              text-decoration: none;\n
              text-align: center;\n
              width: 100%;\n
              border: none;\n
              transition: background-color 0.3s ease;\n
          }\n
      \n
          .contact-form .btn-submit:hover {\n
              background-color: #82e0e1;\n
              cursor: pointer;\n
          }\n
      \n
          .form-group.hidden {\n
              display: none;\n
          }\n
          \n
          /* Company Info Section Styles */\n
          .company-info-section {\n
              background-color: #f0f8ff;\n
              padding: 20px;\n
              border-radius: 8px;\n
              margin-bottom: 30px;\n
              text-align: left;\n
              border-left: 4px solid #69c1c2;\n
          }\n
      \n
          .company-info-section h3 {\n
              color: #333;\n
              margin-bottom: 15px;\n
              font-size: 22px;\n
              font-weight: 600;\n
          }\n
      \n
          .company-info-section address {\n
              font-style: normal;\n
              line-height: 1.6;\n
              color: #555;\n
          }\n
      \n
          .company-info-section a {\n
              color: #69c1c2;\n
              text-decoration: none;\n
              font-weight: 600;\n
          }\n
      \n
          .company-info-section a:hover {\n
              text-decoration: underline;\n
          }\n
      </style>\n
      \n
      <div class="contact-header">\n
          <h1>Contact Us</h1>\n
          <p>How can we assist you today?</p>\n
      </div>\n
      \n
      <div class="contact-form-container">\n
          <!-- Add Logo -->\n
          <img src="https://testport.pay4pixels.com/images/demo/pay4pixels/image/logotype-color.png" alt="Logo">\n
      \n
          <!-- Company Information -->\n
          <div class="company-info-section">\n
          <h3>Nuestros Oficinas</h3>\n
          <address>\n
              5-558, Floor 5,<br>\n
              Meixi Commercial Plaza B<br>\n
              Yunxigu Digital Industrial Park,<br>\n
              168 Tourist Road, Xiangzhou District, Zhuhai, Guangdong Province,<br>\n
              CHINA<br>\n
              Email: <a href="mailto:info{{ env('COMPANY_WEBSITE', 'pay4pixels.com') }}">info{{ env('COMPANY_WEBSITE', 'pay4pixels.com') }}</a>\n
          </address>\n
      </div>\n
      \n
          \n
          \n
          <form method="POST" action="https://testport.pay4pixels.com/en/contact" class="contact-form">\n
              <input type="hidden" name="_token" value="53fI3WqRojKVxdchbUkd9FxmuaRkuRrKOPwPiuvw" autocomplete="off">\n
              <div class="form-group">\n
                  <label for="issue_type">How can we help?</label>\n
                  <select id="issue_type" name="issue_type" class="form-control" required>\n
                      <option value="" disabled selected>Select an option</option>\n
                      <option value="account_issue">Account Issue</option>\n
                      <option value="order_issue">Order Issue</option>\n
                      <option value="general_comment">General Comment</option>\n
                  </select>\n
              </div>\n
      \n
              <!-- Account Issue Fields -->\n
              <div class="form-group hidden" id="account_name_group">\n
                  <label for="account_name">Account Name</label>\n
                  <input type="text" id="account_name" name="account_name" class="form-control"\n
                      value="">\n
              </div>\n
      \n
              <div class="form-group hidden" id="contact_email_group">\n
                  <label for="contact_email">Contact Email</label>\n
                  <input type="email" id="contact_email" name="contact_email" class="form-control"\n
                      value="">\n
              </div>\n
      \n
              <!-- Order Issue Fields -->\n
              <div class="form-group hidden" id="order_number_group">\n
                  <label for="order_number">Order Number</label>\n
                  <input type="text" id="order_number" name="order_number" class="form-control"\n
                      value="">\n
              </div>\n
      \n
              <div class="form-group hidden" id="code_group">\n
                  <label for="code">Code (optional)</label>\n
                  <input type="text" id="code" name="code" class="form-control" value="">\n
              </div>\n
      \n
              <!-- Description -->\n
              <div class="form-group hidden" id="description_group">\n
                  <label for="description">Description</label>\n
                  <textarea id="description" name="description" class="form-control"\n
                      rows="5"></textarea>\n
              </div>\n
      \n
              <button type="submit" class="btn-submit">Submit</button>\n
          </form>\n
      </div>\n
      \n
      <script>\n
          document.getElementById('issue_type').addEventListener('change', function () {\n
              // Hide all fields first\n
              document.querySelectorAll('.form-group').forEach(group => group.classList.add('hidden'));\n
      \n
              // Show fields based on selected option\n
              if (this.value === 'account_issue') {\n
                  document.getElementById('account_name_group').classList.remove('hidden');\n
                  document.getElementById('contact_email_group').classList.remove('hidden');\n
                  document.getElementById('description_group').classList.remove('hidden');\n
              } else if (this.value === 'order_issue') {\n
                  document.getElementById('account_name_group').classList.remove('hidden');\n
                  document.getElementById('contact_email_group').classList.remove('hidden');\n
                  document.getElementById('order_number_group').classList.remove('hidden');\n
                  document.getElementById('code_group').classList.remove('hidden');\n
                  document.getElementById('description_group').classList.remove('hidden');\n
              } else if (this.value === 'general_comment') {\n
                  document.getElementById('account_name_group').classList.remove('hidden');\n
                  document.getElementById('contact_email_group').classList.remove('hidden');\n
                  document.getElementById('description_group').classList.remove('hidden');\n
              }\n
          });\n
      </script>\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
  }
]