./Workspace

v1.1.6

img
        
          
          
          <!DOCTYPE html>
          <html lang="en">
            <head>
              <meta charset="UTF-8" />
              <meta name="viewport" content="width=device-width, initial-scale=1.0" />
              <title>WhatsApp Mobile Clone</title>
              <link rel="stylesheet" href="./css/main.css" />
              <link
                rel="icon"
                type="image/png"
                href="https://zaferinci.com.tr/img/favicon.png"
              />
              <script
                src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"
                integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ=="
                crossorigin="anonymous"
                referrerpolicy="no-referrer"
              ></script>
            </head>
            <body>
              <main>
                <div class="content whatsapp">
                  <div class="iphoneFront">
                    <div class="frame"></div>
                    <div class="antenas">
                      <div class="tt"></div>
                      <div class="tr"></div>
                      <div class="tl"></div>
                      <div class="bb"></div>
                      <div class="br"></div>
                      <div class="bl"></div>
                    </div>
                    <div class="keys">
                      <div class="silent"></div>
                      <div class="volt"></div>
                      <div class="volb"></div>
                      <div class="lock"></div>
                    </div>
                    <div class="screen">
                      <div class="island">
                        <div class="camera"></div>
                      </div>
                      <nav>
                        <div class="status-bar-top">
                          <div class="left">
                            <span>08:01</span>
                          </div>
                          <div class="right">
                            <ul>
                              <li>
                                <svg
                                  width="18"
                                  height="12"
                                  viewBox="0 0 18 12"
                                  fill="none"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <path
                                    fill-rule="evenodd"
                                    clip-rule="evenodd"
                                    d="M1.66666 7.33329H2.66666C3.21894 7.33329 3.66666 7.78101 3.66666 8.33329V10.3333C3.66666 10.8856 3.21894 11.3333 2.66666 11.3333H1.66666C1.11437 11.3333 0.666656 10.8856 0.666656 10.3333V8.33329C0.666656 7.78101 1.11437 7.33329 1.66666 7.33329ZM6.33332 5.33329H7.33332C7.88561 5.33329 8.33332 5.78101 8.33332 6.33329V10.3333C8.33332 10.8856 7.88561 11.3333 7.33332 11.3333H6.33332C5.78104 11.3333 5.33332 10.8856 5.33332 10.3333V6.33329C5.33332 5.78101 5.78104 5.33329 6.33332 5.33329ZM11 2.99996H12C12.5523 2.99996 13 3.44767 13 3.99996V10.3333C13 10.8856 12.5523 11.3333 12 11.3333H11C10.4477 11.3333 9.99999 10.8856 9.99999 10.3333V3.99996C9.99999 3.44767 10.4477 2.99996 11 2.99996ZM15.6667 0.666626H16.6667C17.2189 0.666626 17.6667 1.11434 17.6667 1.66663V10.3333C17.6667 10.8856 17.2189 11.3333 16.6667 11.3333H15.6667C15.1144 11.3333 14.6667 10.8856 14.6667 10.3333V1.66663C14.6667 1.11434 15.1144 0.666626 15.6667 0.666626Z"
                                    fill="#060606"
                                  />
                                </svg>
                              </li>
                              <li>
                                <svg
                                  width="16"
                                  height="12"
                                  viewBox="0 0 16 12"
                                  fill="none"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <path
                                    fill-rule="evenodd"
                                    clip-rule="evenodd"
                                    d="M8.33033 2.60802C10.5462 2.60811 12.6774 3.45955 14.2833 4.98635C14.4043 5.10422 14.5976 5.10274 14.7167 4.98302L15.8727 3.81635C15.933 3.75563 15.9666 3.67338 15.9661 3.5878C15.9656 3.50221 15.931 3.42036 15.87 3.36035C11.6549 -0.679198 5.0051 -0.679198 0.789998 3.36035C0.728939 3.42032 0.694296 3.50215 0.693733 3.58773C0.69317 3.67331 0.726734 3.75558 0.786998 3.81635L1.94333 4.98302C2.06236 5.10292 2.25581 5.10441 2.37666 4.98635C3.98282 3.45945 6.11422 2.60801 8.33033 2.60802ZM8.33033 6.40368C9.54782 6.40361 10.7219 6.85614 11.6243 7.67335C11.7464 7.78933 11.9387 7.78682 12.0577 7.66768L13.2123 6.50102C13.2731 6.43982 13.3069 6.3568 13.306 6.27054C13.3051 6.18427 13.2697 6.10196 13.2077 6.04202C10.4595 3.48563 6.20353 3.48563 3.45533 6.04202C3.39325 6.10196 3.35784 6.18432 3.35702 6.27061C3.35621 6.3569 3.39006 6.43991 3.451 6.50102L4.60533 7.66768C4.72432 7.78682 4.9166 7.78933 5.03866 7.67335C5.94054 6.85668 7.11365 6.40419 8.33033 6.40368ZM10.5493 9.18802C10.6111 9.12741 10.6451 9.04401 10.6433 8.9575C10.6416 8.87099 10.6042 8.78905 10.54 8.73102C9.26443 7.65213 7.39624 7.65213 6.12067 8.73102C6.05644 8.789 6.019 8.87092 6.01717 8.95743C6.01534 9.04394 6.04929 9.12737 6.111 9.18802L8.10866 11.2037C8.16722 11.2629 8.24704 11.2963 8.33033 11.2963C8.41362 11.2963 8.49345 11.2629 8.552 11.2037L10.5493 9.18802Z"
                                    fill="#060606"
                                  />
                                </svg>
                              </li>
                              <li>
                                <svg
                                  width="25"
                                  height="11"
                                  viewBox="0 0 25 11"
                                  fill="none"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <path
                                    fill-rule="evenodd"
                                    clip-rule="evenodd"
                                    d="M2.5 0C1.11929 0 0 1.11929 0 2.5V8C0 9.38071 1.11929 10.5 2.5 10.5H18.4687H19.5C20.8807 10.5 22 9.38071 22 8V2.5C22 1.11929 20.8807 0 19.5 0H2.5ZM3 1C1.89543 1 1 1.89543 1 3V7.5C1 8.60457 1.89543 9.5 3 9.5H17.4687H19C20.1046 9.5 21 8.60457 21 7.5V3C21 1.89543 20.1046 1 19 1H3Z"
                                    fill="#ABABAB"
                                  />
                                  <path
                                    fill-rule="evenodd"
                                    clip-rule="evenodd"
                                    d="M23 7.37398C23.8626 7.15196 24.5 6.36891 24.5 5.43699C24.5 4.50507 23.8626 3.72202 23 3.5V7.37398Z"
                                    fill="#ABABAB"
                                  />
                                  <rect
                                    x="2"
                                    y="2"
                                    width="18"
                                    height="6.5"
                                    rx="1"
                                    fill="#060606"
                                  />
                                </svg>
                              </li>
                            </ul>
                          </div>
                        </div>
                        <div class="content">
                          <div class="back">
                            <svg
                              width="12"
                              height="21"
                              viewBox="0 0 12 21"
                              fill="none"
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
                                d="M3.60206 10.5L11.4062 2.55085C11.9866 1.9597 11.9778 1.00999 11.3867 0.429623C10.7955 -0.150747 9.84583 -0.142006 9.26546 0.449147L0.429623 9.44915C-0.143208 10.0326 -0.143208 10.9674 0.429623 11.5509L9.26546 20.5509C9.84583 21.142 10.7955 21.1507 11.3867 20.5704C11.9778 19.99 11.9866 19.0403 11.4062 18.4491L3.60206 10.5Z"
                                fill="#007AFF"
                              />
                            </svg>
                          </div>
                          <div class="avatar">
                            <img src="https://cdn.zaferinci.com.tr/wp-pp.png" />
                          </div>
                          <div class="details">
                            <span>Zafer INCI</span>
                            <p>tap here for contact info</p>
                          </div>
                          <a href="tel:911" class="video-call">
                            <svg
                              width="25"
                              height="17"
                              viewBox="0 0 25 17"
                              fill="none"
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
                                fill-rule="evenodd"
                                clip-rule="evenodd"
                                d="M17 4.5C17 2.29086 15.2091 0.5 13 0.5H4C1.79086 0.5 0 2.29086 0 4.5V12C0 14.2091 1.79086 16 4 16H13C15.2091 16 17 14.2091 17 12V4.5ZM4 1.7H13C14.5464 1.7 15.8 2.9536 15.8 4.5V12C15.8 13.5464 14.5464 14.8 13 14.8H4C2.4536 14.8 1.2 13.5464 1.2 12V4.5C1.2 2.9536 2.4536 1.7 4 1.7ZM24.2926 2.42115C24.4271 2.59596 24.5 2.81032 24.5 3.03086V13.2104C24.5 13.7627 24.0523 14.2104 23.5 14.2104C23.3149 14.2104 23.1335 14.1591 22.9759 14.0621L18.9518 11.5857C18.3603 11.2217 18 10.5769 18 9.88241V6.9848C18 6.36386 18.2884 5.77815 18.7806 5.39956L22.8903 2.23824C23.328 1.9015 23.9559 1.9834 24.2926 2.42115ZM19.5122 6.3507L23.3 3.43704V12.8525L19.5807 10.5637C19.3441 10.4181 19.2 10.1602 19.2 9.88241V6.9848C19.2 6.73643 19.3154 6.50214 19.5122 6.3507Z"
                                fill="#007AFF"
                              />
                            </svg>
                          </a>
                          <a href="tel:911" class="call">
                            <svg
                              width="22"
                              height="22"
                              viewBox="0 0 22 22"
                              fill="none"
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
                                fill-rule="evenodd"
                                clip-rule="evenodd"
                                d="M8.67955 4.9567L6.87343 1.90414C6.06909 0.544685 4.31498 0.0946839 2.95553 0.899035C2.71245 1.04286 2.49201 1.2219 2.30139 1.43033C0.944762 2.9137 0.337482 4.32605 0.53717 5.66529C0.946397 8.40983 2.87595 11.5447 6.30409 15.1037L6.60181 15.3978L6.89633 15.6959L6.90214 15.6916C10.4553 19.124 13.5902 21.0536 16.3347 21.4628C17.674 21.6625 19.0863 21.0552 20.5697 19.6986C20.7781 19.508 20.9571 19.2876 21.101 19.0445C21.9053 17.685 21.4553 15.9309 20.0959 15.1266L17.0433 13.3205L16.8915 13.2378C16.1728 12.8796 15.3176 12.9036 14.6167 13.3109L13.6655 13.8635L13.555 13.9209C13.0684 14.1443 12.488 14.0448 12.1032 13.6601L8.33993 9.89675L8.25623 9.80463C7.91561 9.3915 7.86311 8.80493 8.13646 8.33449L8.68913 7.38334C9.12549 6.63237 9.12182 5.70419 8.67955 4.9567ZM19.7598 18.8131C18.5048 19.9609 17.4288 20.4127 16.5117 20.2759C14.1546 19.9245 11.3397 18.2373 8.08615 15.1632L7.52591 14.6257L7.14745 14.25C3.88274 10.8601 2.0878 7.92787 1.72405 5.48832C1.5873 4.57117 2.03915 3.49517 3.1869 2.24018C3.29755 2.1192 3.42549 2.01528 3.56659 1.9318C4.31182 1.49087 5.26138 1.69935 5.75788 2.3886L5.84067 2.5152L7.64678 5.56776C7.8678 5.94131 7.86964 6.40517 7.65157 6.78046L7.0989 7.73162C6.57438 8.63431 6.66918 9.7661 7.33036 10.568L7.45178 10.7037L11.2547 14.5086C11.993 15.2468 13.1113 15.4451 14.0558 15.0114L14.218 14.9288L15.2195 14.3484C15.5686 14.1456 15.9961 14.1323 16.3562 14.3118L16.4697 14.3745L19.4848 16.1593C20.2739 16.6262 20.5351 17.6443 20.0682 18.4334C19.9847 18.5745 19.8808 18.7025 19.7598 18.8131Z"
                                fill="#007AFF"
                              />
                            </svg>
                          </a>
                        </div>
                      </nav>
                      <div class="main">
                        <div class="incoming-message">
                          <img src="https://cdn.zaferinci.com.tr/af446nff4fq51.jpg" />
                          <div class="bottom">
                            <span>15:20</span>
                          </div>
                        </div>
                        <div class="incoming-message">
                          <p>Wassup?</p>
                          <div class="bottom">
                            <span>15:20</span>
                          </div>
                        </div>
                        <div class="outgoing-message">
                          <p>I just lying on my bed.</p>
                          <div class="bottom">
                            <span>15:23</span>
                            <div class="icon">
                              <?xml version="1.0" encoding="utf-8"?>
                              <svg
                                version="1.1"
                                xmlns="http://www.w3.org/2000/svg"
                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                x="0px"
                                y="0px"
                                viewBox="0 0 109.8 69.7"
                                style="enable-background: new 0 0 109.8 69.7"
                                xml:space="preserve"
                              >
                                <style type="text/css">
                                  .st0 {
                                    fill: #25d366;
                                  }
                                  .st1 {
                                    fill: #ffffff;
                                  }
                                  .st2 {
                                    fill: none;
                                    stroke: #b3b3b3;
                                    stroke-width: 8.2759;
                                    stroke-linecap: round;
                                    stroke-linejoin: round;
                                    stroke-miterlimit: 10;
                                  }
                                  .st3 {
                                    fill: #b3b3b3;
                                  }
                                  .st4 {
                                    fill: none;
                                    stroke: #29abe2;
                                    stroke-width: 8.2759;
                                    stroke-linecap: round;
                                    stroke-linejoin: round;
                                    stroke-miterlimit: 10;
                                  }
                                  .st5 {
                                    fill: #29abe2;
                                  }
                                  .st6 {
                                    fill: #1d262d;
                                  }
                                </style>
                                <g id="BACKGROUND"></g>
                                <g id="OBJECTS">
                                  <g>
                                    <g>
                                      <path
                                        class="st0"
                                        d="M-23.2-124.1L-23.2-124.1c-18.7,0-33.9-15.2-33.9-33.9v0c0-18.7,15.2-33.9,33.9-33.9h0
                                    c18.7,0,33.9,15.2,33.9,33.9v0C10.7-139.3-4.5-124.1-23.2-124.1z"
                                      />
                                      <g>
                                        <path
                                          id="shape_2_7_"
                                          class="st1"
                                          d="M-42.4-140.4l2.7-9.9c-1.7-2.9-2.6-6.2-2.6-9.6c0-10.5,8.6-19.1,19.1-19.1
                                      c5.1,0,9.9,2,13.5,5.6c3.6,3.6,5.6,8.4,5.6,13.5c0,10.5-8.6,19.1-19.1,19.1c0,0,0,0,0,0h0c-3.2,0-6.3-0.8-9.1-2.3L-42.4-140.4z
                                      M-31.8-146.5l0.6,0.3c2.4,1.4,5.2,2.2,8.1,2.2h0c8.8,0,15.9-7.1,15.9-15.9c0-4.2-1.7-8.2-4.7-11.2c-3-3-7-4.7-11.2-4.7
                                      c-8.8,0-15.9,7.1-15.9,15.9c0,3,0.8,5.9,2.4,8.5l0.4,0.6l-1.6,5.9L-31.8-146.5z"
                                        />
                                        <path
                                          id="shape_1_7_"
                                          class="st1"
                                          d="M-27.9-167.8c-0.4-0.8-0.7-0.8-1.1-0.8c-0.3,0-0.6,0-0.9,0c-0.3,0-0.8,0.1-1.3,0.6
                                      c-0.4,0.5-1.7,1.6-1.7,4c0,2.4,1.7,4.6,2,4.9c0.2,0.3,3.3,5.3,8.2,7.2c4,1.6,4.9,1.3,5.7,1.2c0.9-0.1,2.8-1.2,3.2-2.3
                                      c0.4-1.1,0.4-2.1,0.3-2.3c-0.1-0.2-0.4-0.3-0.9-0.6c-0.5-0.2-2.8-1.4-3.3-1.6c-0.4-0.2-0.8-0.2-1.1,0.2
                                      c-0.3,0.5-1.2,1.6-1.5,1.9c-0.3,0.3-0.6,0.4-1,0.1c-0.5-0.2-2-0.7-3.8-2.4c-1.4-1.3-2.4-2.8-2.7-3.3c-0.3-0.5,0-0.7,0.2-1
                                      c0.2-0.2,0.5-0.6,0.7-0.8c0.2-0.3,0.3-0.5,0.5-0.8c0.2-0.3,0.1-0.6,0-0.8C-26.6-164.5-27.5-166.9-27.9-167.8z"
                                        />
                                      </g>
                                    </g>
                                    <g>
                                      <path
                                        class="st0"
                                        d="M26.6-167.2c1.4-0.2,3-0.4,4.8-0.4c3.3,0,5.6,0.8,7.2,2.2c1.6,1.4,2.5,3.5,2.5,6.3c0,2.9-0.9,5.2-2.5,6.9
                                    c-1.7,1.7-4.4,2.5-7.8,2.5c-1.6,0-3-0.1-4.1-0.2V-167.2z M28.9-151.6c0.6,0.1,1.4,0.1,2.3,0.1c4.9,0,7.5-2.7,7.5-7.5
                                    c0-4.2-2.3-6.8-7.2-6.8c-1.2,0-2.1,0.1-2.7,0.2V-151.6z"
                                      />
                                      <path
                                        class="st0"
                                        d="M59.1-158.8c0,6.1-3.7,9.3-8.2,9.3c-4.7,0-7.9-3.6-7.9-9c0-5.6,3.5-9.3,8.2-9.3
                                    C55.9-167.7,59.1-164,59.1-158.8z M45.4-158.5c0,3.8,2,7.2,5.6,7.2c3.6,0,5.7-3.3,5.7-7.3c0-3.5-1.8-7.2-5.6-7.2
                                    C47.2-165.9,45.4-162.4,45.4-158.5z"
                                      />
                                      <path
                                        class="st0"
                                        d="M64-167.4v10.5c0,4,1.8,5.6,4.1,5.6c2.6,0,4.3-1.7,4.3-5.6v-10.5h2.3v10.3c0,5.4-2.9,7.6-6.7,7.6
                                    c-3.6,0-6.3-2.1-6.3-7.5v-10.4H64z"
                                      />
                                      <path
                                        class="st0"
                                        d="M78.4-167.2c1-0.2,2.6-0.4,4.2-0.4c2.3,0,3.7,0.4,4.8,1.3c0.9,0.7,1.5,1.7,1.5,3.1c0,1.7-1.1,3.2-3,3.9v0.1
                                    c1.7,0.4,3.6,1.8,3.6,4.4c0,1.5-0.6,2.7-1.5,3.5c-1.2,1.1-3.2,1.7-6.1,1.7c-1.6,0-2.8-0.1-3.5-0.2V-167.2z M80.7-160h2.1
                                    c2.4,0,3.8-1.3,3.8-3c0-2.1-1.6-2.9-3.9-2.9c-1,0-1.7,0.1-2,0.2V-160z M80.7-151.5c0.4,0.1,1.1,0.1,1.9,0.1
                                    c2.4,0,4.5-0.9,4.5-3.4c0-2.4-2.1-3.4-4.6-3.4h-1.9V-151.5z"
                                      />
                                      <path
                                        class="st0"
                                        d="M92.3-167.4h2.3v15.7h7.5v1.9h-9.8V-167.4z"
                                      />
                                      <path
                                        class="st0"
                                        d="M113.4-158.1h-6.9v6.4h7.7v1.9h-9.9v-17.7h9.5v1.9h-7.3v5.6h6.9V-158.1z"
                                      />
                                      <path
                                        class="st0"
                                        d="M135-150.4c-0.8,0.4-2.5,0.8-4.7,0.8c-5,0-8.7-3.1-8.7-8.9c0-5.5,3.7-9.3,9.2-9.3c2.2,0,3.6,0.5,4.2,0.8
                                    l-0.6,1.9c-0.9-0.4-2.1-0.7-3.6-0.7c-4.1,0-6.9,2.6-6.9,7.3c0,4.3,2.5,7.1,6.8,7.1c1.4,0,2.8-0.3,3.7-0.7L135-150.4z"
                                      />
                                      <path
                                        class="st0"
                                        d="M139.6-167.4v7.4h8.5v-7.4h2.3v17.7h-2.3v-8.3h-8.5v8.3h-2.3v-17.7H139.6z"
                                      />
                                      <path
                                        class="st0"
                                        d="M163.3-158.1h-6.9v6.4h7.7v1.9h-9.9v-17.7h9.5v1.9h-7.3v5.6h6.9V-158.1z"
                                      />
                                      <path
                                        class="st0"
                                        d="M178.8-150.4c-0.8,0.4-2.5,0.8-4.7,0.8c-5,0-8.7-3.1-8.7-8.9c0-5.5,3.7-9.3,9.2-9.3c2.2,0,3.6,0.5,4.2,0.8
                                    l-0.6,1.9c-0.9-0.4-2.1-0.7-3.6-0.7c-4.1,0-6.9,2.6-6.9,7.3c0,4.3,2.5,7.1,6.8,7.1c1.4,0,2.8-0.3,3.7-0.7L178.8-150.4z"
                                      />
                                      <path
                                        class="st0"
                                        d="M181.1-167.4h2.3v8.5h0.1c0.5-0.7,0.9-1.3,1.4-1.9l5.4-6.6h2.8l-6.4,7.5l6.9,10.2h-2.7l-5.8-8.7l-1.7,1.9
                                    v6.7h-2.3V-167.4z"
                                      />
                                    </g>
                                  </g>
                                  <polyline
                                    class="st2"
                                    points="-108.9,-50.6 -87,-27 -46.5,-78.2 	"
                                  />
                                  <polygon
                                    class="st3"
                                    points="-51.7,102.6 -87,141.6 -103.6,127.9 -112.9,127.9 -91.9,157.7 -86,166 -80,157.2 -42.5,102.6 	"
                                  />
                                  <g>
                                    <polyline
                                      class="st2"
                                      points="5.5,-50.6 27.5,-27 68,-78.2 		"
                                    />
                                    <polyline
                                      class="st2"
                                      points="52.2,-40.6 64.9,-27 105.4,-78.2 		"
                                    />
                                  </g>
                                  <g>
                                    <polyline
                                      class="st4"
                                      points="145.7,-50.6 167.7,-27 208.2,-78.2 		"
                                    />
                                    <polyline
                                      class="st4"
                                      points="192.4,-40.6 205.1,-27 245.6,-78.2 		"
                                    />
                                  </g>
                                  <path
                                    class="st3"
                                    d="M-43.9,6.5c-1.7-1.5-4.3-1.4-5.9,0.3L-88,48.9l-18-14.8c-1.4-1.2-3.5-1.3-5-0.2c-1.9,1.3-2.3,3.9-1,5.8
                                l18.7,26.6c0.5,0.7,1.2,1.4,1.9,1.9c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C-42.2,10.3-42.4,7.9-43.9,6.5z"
                                  />
                                  <g>
                                    <path
                                      class="st3"
                                      d="M70.9,3.8c-1.7-1.5-4.3-1.4-5.9,0.3L26.9,46.2l-18-14.8c-1.4-1.2-3.5-1.3-5-0.2c-1.9,1.3-2.3,3.9-1,5.8
                                  l18.7,26.6c0.5,0.7,1.2,1.4,1.9,1.9c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C72.7,7.5,72.4,5.2,70.9,3.8z"
                                    />
                                    <g>
                                      <path
                                        class="st3"
                                        d="M106.4,3.8c-1.7-1.5-4.3-1.4-5.9,0.3L62.4,46.2L56.1,41l-7.4,10.8l8.3,11.9c0.5,0.7,1.2,1.4,1.9,1.9
                                    c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C108.2,7.5,108,5.2,106.4,3.8z"
                                      />
                                    </g>
                                  </g>
                                  <g>
                                    <path
                                      class="st5"
                                      d="M452.3-37.4c-1.7-1.5-4.3-1.4-5.9,0.3L408.2,5l-18-14.8c-1.4-1.2-3.5-1.3-5-0.2c-1.9,1.3-2.3,3.9-1,5.8
                                  l18.7,26.6c0.5,0.7,1.2,1.4,1.9,1.9c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C454.1-33.6,453.8-36,452.3-37.4z"
                                    />
                                    <g>
                                      <path
                                        class="st5"
                                        d="M487.8-37.4c-1.7-1.5-4.3-1.4-5.9,0.3L443.8,5l-6.3-5.2l-7.4,10.8l8.3,11.9c0.5,0.7,1.2,1.4,1.9,1.9
                                    c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C489.6-33.6,489.4-36,487.8-37.4z"
                                      />
                                    </g>
                                  </g>
                                  <g>
                                    <polygon
                                      class="st3"
                                      points="64.5,102.6 29.3,141.6 12.6,127.9 3.4,127.9 24.3,157.7 30.2,166 36.2,157.2 73.8,102.6 		"
                                    />
                                    <g>
                                      <polygon
                                        class="st3"
                                        points="98.3,102.6 63,141.6 56.9,136.6 50.1,146.4 58.1,157.7 63.9,166 70,157.2 107.5,102.6 			"
                                      />
                                    </g>
                                  </g>
                                  <g>
                                    <polygon
                                      class="st5"
                                      points="204.7,102.6 169.5,141.6 152.8,127.9 143.6,127.9 164.5,157.7 170.4,166 176.4,157.2 214,102.6 		"
                                    />
                                    <g>
                                      <polygon
                                        class="st5"
                                        points="238.5,102.6 203.2,141.6 197.1,136.6 190.3,146.4 198.3,157.7 204.1,166 210.2,157.2 247.7,102.6 
                                          "
                                      />
                                    </g>
                                  </g>
                                </g>
                                <g id="DESIGNED_BY_ZAFERNCI">
                                  <g>
                                    <g id="XMLID_319_">
                                      <g id="XMLID_338_">
                                        <path
                                          id="XMLID_346_"
                                          class="st6"
                                          d="M77.9,209.1c-0.4,0.4-0.8,0.9-1.1,1.5l-0.5-0.2c-0.1-0.3-0.3-0.5-0.7-0.5
                                      c-0.3,0-0.6,0.3-0.5,0.7c0,0.3,0.3,0.6,0.7,0.5c0.1,0,0.1,0,0.2-0.1l0.5,0.2c-0.3,0.6-0.4,1.1-0.5,1.7l0.7,0.1
                                      c0.2-1.3,0.8-2.5,1.8-3.5L77.9,209.1z"
                                        />
                                        <path
                                          id="XMLID_345_"
                                          class="st6"
                                          d="M83.4,206.8c-0.2,0-0.3,0-0.5,0l-0.1-0.6c0.2-0.1,0.3-0.4,0.3-0.6c0-0.4-0.4-0.7-0.8-0.6
                                      c-0.4,0-0.7,0.4-0.6,0.8c0,0.3,0.2,0.5,0.4,0.6l0.1,0.6c-0.7,0.1-1.4,0.3-2.1,0.6l0.3,0.7c0.9-0.4,1.9-0.7,3-0.7
                                      c0.5,0,1,0.1,1.5,0.2L85,207C84.5,206.9,83.9,206.8,83.4,206.8z"
                                        />
                                        <path
                                          id="XMLID_344_"
                                          class="st6"
                                          d="M90,209.4c0.3,0,0.6-0.3,0.5-0.7c0-0.3-0.3-0.6-0.7-0.5c-0.3,0-0.5,0.3-0.5,0.6l-0.4,0.4
                                      c-0.4-0.4-0.9-0.8-1.4-1.1l-0.4,0.6c1.1,0.7,2,1.7,2.6,2.9l0.7-0.3c-0.3-0.6-0.6-1.1-0.9-1.5l0.4-0.4
                                      C89.9,209.4,89.9,209.4,90,209.4z"
                                        />
                                        <path
                                          id="XMLID_343_"
                                          class="st6"
                                          d="M82.9,217c-0.4,0-0.8,0-1.2,0c-0.9,0-1.7-0.1-2.5-0.2c-0.4-0.1-0.8-0.2-1.3-0.3
                                      c1,1.9,3.1,3.1,5.4,3.1c2.9,0,5.3-1.9,5.9-4.5c-0.7,0.4-1.5,0.8-2.5,1.1C85.6,216.7,84.3,217,82.9,217z"
                                        />
                                        <path
                                          id="XMLID_339_"
                                          class="st6"
                                          d="M83.4,208.3c-3.4,0-6.1,2.7-6.1,5.9c0,0.4,0,0.8,0.1,1.3c0.7,0.5,2.7,0.9,5.3,0.7
                                      c2.9-0.2,5.3-1,6.7-2.2c0-0.2,0-0.4,0-0.6C89.1,210.6,86.5,208.3,83.4,208.3z M81.2,214.9c-1,0-1.8-0.8-1.8-1.8
                                      c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C83.1,214,82.3,214.9,81.2,214.9z M86,214c-0.8,0-1.4-0.6-1.4-1.4
                                      c0-0.8,0.6-1.4,1.4-1.4c0.8,0,1.4,0.6,1.4,1.4C87.3,213.3,86.7,214,86,214z"
                                        />
                                      </g>
                                      <path
                                        id="XMLID_336_"
                                        class="st6"
                                        d="M99.4,210.2c-0.3-0.1-0.8-0.3-1.4-0.2c-0.6,0.1-0.8,0.3-0.8,1v0.9h2.2v1.7h-2.2v5.5h-1.9
                                    v-5.5h-1.3v-1.7h1.3V211c0-1.7,0.9-2.8,2.6-2.8c0.6,0,1.2,0.1,1.6,0.3L99.4,210.2z"
                                      />
                                      <path
                                        id="XMLID_334_"
                                        class="st6"
                                        d="M104.1,213.5c-0.2,0-0.4,0-0.5,0c-0.9,0-1.5,0.5-1.5,1.6v3.9h-1.9v-7.2h1.9v0.8
                                    c0.5-0.7,1.1-1,2-1c0.4,0,0.8,0.1,1.1,0.3L104.1,213.5z"
                                      />
                                      <path
                                        id="XMLID_331_"
                                        class="st6"
                                        d="M111.8,215.4c0,0.2,0,0.5,0,0.7h-5.1c0.2,1,0.9,1.5,1.8,1.5c0.6,0,1.3-0.3,1.8-0.7l1.1,1.2
                                    c-0.8,0.7-1.9,1.1-3.1,1.1c-2.2,0-3.7-1.5-3.7-3.8c0-2.3,1.5-3.8,3.6-3.8C110.4,211.7,111.8,213.2,111.8,215.4z M106.7,214.8h3.2
                                    c-0.2-0.9-0.7-1.4-1.6-1.4C107.4,213.3,106.8,213.9,106.7,214.8z"
                                      />
                                      <path
                                        id="XMLID_328_"
                                        class="st6"
                                        d="M119.4,215.4c0,0.2,0,0.5,0,0.7h-5.1c0.2,1,0.9,1.5,1.8,1.5c0.6,0,1.3-0.3,1.8-0.7l1.1,1.2
                                    c-0.8,0.7-1.9,1.1-3.1,1.1c-2.2,0-3.7-1.5-3.7-3.8c0-2.3,1.5-3.8,3.6-3.8C118,211.7,119.4,213.2,119.4,215.4z M114.3,214.8h3.2
                                    c-0.2-0.9-0.7-1.4-1.6-1.4C115,213.3,114.5,213.9,114.3,214.8z"
                                      />
                                      <path
                                        id="XMLID_325_"
                                        class="st6"
                                        d="M127.8,215.4c0,2.2-1.5,3.8-3.5,3.8c-1,0-1.6-0.4-2.1-0.9v3.7h-1.9v-10.1h1.9v0.8
                                    c0.5-0.6,1.2-1,2.1-1C126.3,211.7,127.8,213.3,127.8,215.4z M122.1,215.4c0,1.1,0.7,2,1.8,2c1.1,0,1.9-0.9,1.9-2
                                    c0-1.1-0.7-2-1.9-2C122.8,213.5,122.1,214.3,122.1,215.4z"
                                      />
                                      <path
                                        id="XMLID_322_"
                                        class="st6"
                                        d="M130.9,209.5c0,0.7-0.5,1.2-1.2,1.2c-0.7,0-1.2-0.5-1.2-1.2c0-0.7,0.5-1.2,1.2-1.2
                                    C130.3,208.3,130.9,208.8,130.9,209.5z M130.6,219h-1.9v-7.2h1.9V219z"
                                      />
                                      <path
                                        id="XMLID_320_"
                                        class="st6"
                                        d="M133.8,214.4l2.7-2.6h2.4l-3.5,3.4l3.5,3.8h-2.4l-2.7-2.9v2.9h-1.9v-10.7h1.9V214.4z"
                                      />
                                    </g>
                                    <g>
                                      <path
                                        class="st6"
                                        d="M2.2,219v-1.1c-0.5,0.7-1.4,1.2-2.4,1.2c-1.8,0-3.1-1.4-3.1-3.7c0-2.3,1.3-3.7,3.1-3.7c1,0,1.8,0.5,2.4,1.2
                                    v-3.8h1.1v9.8H2.2z M2.2,217v-3.2c-0.4-0.6-1.2-1.1-2.1-1.1c-1.4,0-2.3,1.2-2.3,2.7c0,1.6,0.8,2.7,2.3,2.7
                                    C1,218.2,1.8,217.7,2.2,217z"
                                      />
                                      <path
                                        class="st6"
                                        d="M4.7,215.4c0-2.1,1.5-3.7,3.5-3.7c2.1,0,3.4,1.7,3.4,3.8v0.3H5.9c0.1,1.3,1,2.4,2.5,2.4
                                    c0.8,0,1.6-0.3,2.2-0.9l0.5,0.7c-0.7,0.7-1.7,1.1-2.8,1.1C6.2,219.1,4.7,217.6,4.7,215.4z M8.2,212.6c-1.5,0-2.3,1.3-2.3,2.4h4.6
                                    C10.5,213.9,9.8,212.6,8.2,212.6z"
                                      />
                                      <path
                                        class="st6"
                                        d="M12.4,218l0.6-0.8c0.5,0.5,1.4,1,2.3,1c1.1,0,1.7-0.5,1.7-1.2c0-1.7-4.4-0.7-4.4-3.3c0-1.1,1-2,2.6-2
                                    c1.2,0,2.1,0.5,2.6,1l-0.5,0.8c-0.4-0.5-1.2-0.9-2.1-0.9c-1,0-1.6,0.5-1.6,1.1c0,1.6,4.4,0.5,4.4,3.3c0,1.2-1,2.1-2.8,2.1
                                    C14.1,219.1,13.1,218.8,12.4,218z"
                                      />
                                      <path
                                        class="st6"
                                        d="M19.3,210.1c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7c0,0.4-0.3,0.7-0.7,0.7
                                    C19.6,210.9,19.3,210.5,19.3,210.1z M19.5,219v-7.1h1.1v7.1H19.5z"
                                      />
                                      <path
                                        class="st6"
                                        d="M22.4,220.8l0.6-0.8c0.6,0.7,1.3,1,2.3,1c1.2,0,2.3-0.6,2.3-2.1v-1c-0.5,0.7-1.4,1.3-2.4,1.3
                                    c-1.8,0-3.1-1.4-3.1-3.7c0-2.3,1.3-3.7,3.1-3.7c1,0,1.8,0.5,2.4,1.2v-1.1h1.1v6.9c0,2.3-1.6,3.1-3.4,3.1
                                    C24,221.8,23.2,221.6,22.4,220.8z M27.5,216.9v-3.1c-0.4-0.6-1.2-1.1-2.1-1.1c-1.4,0-2.3,1.1-2.3,2.7c0,1.6,0.8,2.7,2.3,2.7
                                    C26.3,218.1,27.1,217.5,27.5,216.9z"
                                      />
                                      <path
                                        class="st6"
                                        d="M35.2,219v-4.6c0-1.2-0.6-1.6-1.6-1.6c-0.9,0-1.7,0.5-2.1,1.1v5.2h-1.1v-7.1h1.1v1c0.5-0.6,1.5-1.2,2.5-1.2
                                    c1.5,0,2.3,0.7,2.3,2.3v5H35.2z"
                                      />
                                      <path
                                        class="st6"
                                        d="M37.7,215.4c0-2.1,1.5-3.7,3.5-3.7c2.1,0,3.4,1.7,3.4,3.8v0.3h-5.7c0.1,1.3,1,2.4,2.5,2.4
                                    c0.8,0,1.6-0.3,2.2-0.9l0.5,0.7c-0.7,0.7-1.7,1.1-2.8,1.1C39.2,219.1,37.7,217.6,37.7,215.4z M41.2,212.6c-1.5,0-2.3,1.3-2.3,2.4
                                    h4.6C43.5,213.9,42.8,212.6,41.2,212.6z"
                                      />
                                      <path
                                        class="st6"
                                        d="M51.2,219v-1.1c-0.5,0.7-1.4,1.2-2.4,1.2c-1.8,0-3.1-1.4-3.1-3.7c0-2.3,1.3-3.7,3.1-3.7c1,0,1.8,0.5,2.4,1.2
                                    v-3.8h1.1v9.8H51.2z M51.2,217v-3.2c-0.4-0.6-1.2-1.1-2.1-1.1c-1.4,0-2.3,1.2-2.3,2.7c0,1.6,0.8,2.7,2.3,2.7
                                    C49.9,218.2,50.8,217.7,51.2,217z"
                                      />
                                      <path
                                        class="st6"
                                        d="M57.5,219v-9.8h1.1v3.8c0.6-0.8,1.4-1.2,2.4-1.2c1.8,0,3.1,1.5,3.1,3.7c0,2.3-1.3,3.7-3.1,3.7
                                    c-1,0-1.9-0.5-2.4-1.2v1.1H57.5z M60.7,218.2c1.4,0,2.3-1.2,2.3-2.7c0-1.6-0.8-2.7-2.3-2.7c-0.9,0-1.7,0.5-2.1,1.1v3.2
                                    C59,217.7,59.8,218.2,60.7,218.2z"
                                      />
                                      <path
                                        class="st6"
                                        d="M65.3,220.7c0.2,0.1,0.4,0.1,0.6,0.1c0.5,0,0.8-0.2,1.1-0.7l0.5-1.1l-3-7.1h1.2l2.4,5.8l2.3-5.8h1.2
                                    l-3.5,8.5c-0.4,1-1.1,1.4-2.1,1.4c-0.2,0-0.6,0-0.8-0.1L65.3,220.7z"
                                      />
                                    </g>
                                  </g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                  <g></g>
                                </g>
                              </svg>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="send-message-bar">
                        <textarea name="wp-message" id="wp-message" rows="1"></textarea>
                        <div class="send-message-btn">
                          <svg
                            version="1.1"
                            id="layer_1z"
                            xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink"
                            x="0px"
                            y="0px"
                            viewBox="0 0 162.6 154.6"
                            style="enable-background: new 0 0 162.6 154.6"
                            xml:space="preserve"
                          >
                            <style type="text/css">
                              .st0 {
                                fill: #fff;
                              }
                            </style>
                            <path
                              class="st0"
                              d="M6.5,151.6c0.8-4.5,1.6-8.8,2.4-13.1c2.8-15.1,5.5-30.3,8.3-45.4c0.5-3,1.1-5.9,1.6-8.9
                          c0.1-0.9,0.4-1.2,1.3-1.2c6.3-0.3,12.5-0.6,18.8-0.9c16.3-0.8,32.6-1.6,48.9-2.4c11.1-0.5,22.2-1.1,33.3-1.6
                          c3.6-0.2,7.1-0.4,10.7-0.5c-0.1-0.6-0.5-0.4-0.9-0.5c-7-0.3-14-0.7-21.1-1c-14.6-0.7-29.1-1.5-43.7-2.2c-11.2-0.6-22.3-1.1-33.5-1.6
                          c-4.1-0.2-8.3-0.5-12.4-0.6c-1,0-1.3-0.4-1.4-1.3c-2.3-12.6-4.6-25.2-6.9-37.8c-1.8-9.6-3.5-19.2-5.3-28.8c0-0.2,0-0.3-0.1-0.7
                          C56.4,27.7,106.1,52.4,156,77.3C106.1,102.1,56.4,126.8,6.5,151.6z"
                            />
                          </svg>
                        </div>
                      </div>
                      <div class="iphone-bar"></div>
                    </div>
                  </div>
                </div>
              </main>
              <footer>
                <div class="top">
                  created by
                  <a href="https://zaferinci.com.tr" target="_blank">zafernci</a>
                </div>
                <div class="bottom">
                  <a href="https://zaferinci.com.tr/workspace" target="_blank">see my</a>
                  other works
                </div>
              </footer>
            </body>
          </html>
                  
        
      
        
          $(document).ready(function () {
            $("#wp-message").keypress(function (e) {
              if (e.which === 13 && !e.shiftKey) {
                e.preventDefault();
                $(".send-message-btn").click();
              }
            });
    
            function autoGrow() {
              $(this)
                .css("height", "auto")
                .height(this.scrollHeight - 15);
              if ($(this).height() >= 20) {
                $(".send-message-bar").css("align-items", "flex-end");
              } else {
                $(".send-message-bar").css("align-items", "center");
              }
            }
            $("#wp-message").on("input", autoGrow);
            $("#wp-message").each(autoGrow);
    
            $(".send-message-btn").click(function () {
              if ($("textarea").val().trim().length > 0) {
                sendMessage($("textarea").val());
                $("textarea").val("");
                $("textarea").css("height", "35px");
    
                var $element = $(".iphoneFront .main");
                var height = $element[0].scrollHeight;
                $element.animate({ scrollTop: height }, "slow");
    
                setTimeout(function () {
                  var automaticResponse = "No ChatGPT connection..";
                  getMessage(automaticResponse);
                }, getRandomTime());
              }
            });
          });
    
          setInterval(() => {
            setTime();
          }, 1000);
    
          function setTime() {
            var dt = new Date();
            var hours = dt.getHours().toString().padStart(2, "0");
            var minutes = dt.getMinutes().toString().padStart(2, "0");
            var time = hours + ":" + minutes;
            $(".screen nav .status-bar-top .left span").text(time);
          }
    
          function getMessage(msg) {
            var dt = new Date();
            var hours = dt.getHours().toString().padStart(2, "0");
            var minutes = dt.getMinutes().toString().padStart(2, "0");
            var time = hours + ":" + minutes;
            var $newMessage = $(`
            <div class="incoming-message" style="display:none;">
              <p>${msg}</p>
              <div class="bottom">
                <span>${time}</span>
              </div>
            </div> 
          `);
    
            $(".outgoing-message .bottom .icon").empty().append(`
            <?xml version="1.0" encoding="utf-8"?>
            <!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
              viewBox="0 0 109.8 69.7" style="enable-background:new 0 0 109.8 69.7;" xml:space="preserve">
            <style type="text/css">
              .st0{fill:#25D366;}
              .st1{fill:#FFFFFF;}
              .st2{fill:none;stroke:#B3B3B3;stroke-width:8.2759;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
              .st3{fill:#B3B3B3;}
              .st4{fill:none;stroke:#29ABE2;stroke-width:8.2759;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
              .st5{fill:#29ABE2;}
              .st6{fill:#1D262D;}
            </style>
            <g id="BACKGROUND">
            </g>
            <g id="OBJECTS">
              <g>
                <g>
                  <path class="st0" d="M-23.2-124.1L-23.2-124.1c-18.7,0-33.9-15.2-33.9-33.9v0c0-18.7,15.2-33.9,33.9-33.9h0
                    c18.7,0,33.9,15.2,33.9,33.9v0C10.7-139.3-4.5-124.1-23.2-124.1z"/>
                  <g>
                    <path id="shape_2_7_" class="st1" d="M-42.4-140.4l2.7-9.9c-1.7-2.9-2.6-6.2-2.6-9.6c0-10.5,8.6-19.1,19.1-19.1
                      c5.1,0,9.9,2,13.5,5.6c3.6,3.6,5.6,8.4,5.6,13.5c0,10.5-8.6,19.1-19.1,19.1c0,0,0,0,0,0h0c-3.2,0-6.3-0.8-9.1-2.3L-42.4-140.4z
                      M-31.8-146.5l0.6,0.3c2.4,1.4,5.2,2.2,8.1,2.2h0c8.8,0,15.9-7.1,15.9-15.9c0-4.2-1.7-8.2-4.7-11.2c-3-3-7-4.7-11.2-4.7
                      c-8.8,0-15.9,7.1-15.9,15.9c0,3,0.8,5.9,2.4,8.5l0.4,0.6l-1.6,5.9L-31.8-146.5z"/>
                    <path id="shape_1_7_" class="st1" d="M-27.9-167.8c-0.4-0.8-0.7-0.8-1.1-0.8c-0.3,0-0.6,0-0.9,0c-0.3,0-0.8,0.1-1.3,0.6
                      c-0.4,0.5-1.7,1.6-1.7,4c0,2.4,1.7,4.6,2,4.9c0.2,0.3,3.3,5.3,8.2,7.2c4,1.6,4.9,1.3,5.7,1.2c0.9-0.1,2.8-1.2,3.2-2.3
                      c0.4-1.1,0.4-2.1,0.3-2.3c-0.1-0.2-0.4-0.3-0.9-0.6c-0.5-0.2-2.8-1.4-3.3-1.6c-0.4-0.2-0.8-0.2-1.1,0.2
                      c-0.3,0.5-1.2,1.6-1.5,1.9c-0.3,0.3-0.6,0.4-1,0.1c-0.5-0.2-2-0.7-3.8-2.4c-1.4-1.3-2.4-2.8-2.7-3.3c-0.3-0.5,0-0.7,0.2-1
                      c0.2-0.2,0.5-0.6,0.7-0.8c0.2-0.3,0.3-0.5,0.5-0.8c0.2-0.3,0.1-0.6,0-0.8C-26.6-164.5-27.5-166.9-27.9-167.8z"/>
                  </g>
                </g>
                <g>
                  <path class="st0" d="M26.6-167.2c1.4-0.2,3-0.4,4.8-0.4c3.3,0,5.6,0.8,7.2,2.2c1.6,1.4,2.5,3.5,2.5,6.3c0,2.9-0.9,5.2-2.5,6.9
                    c-1.7,1.7-4.4,2.5-7.8,2.5c-1.6,0-3-0.1-4.1-0.2V-167.2z M28.9-151.6c0.6,0.1,1.4,0.1,2.3,0.1c4.9,0,7.5-2.7,7.5-7.5
                    c0-4.2-2.3-6.8-7.2-6.8c-1.2,0-2.1,0.1-2.7,0.2V-151.6z"/>
                  <path class="st0" d="M59.1-158.8c0,6.1-3.7,9.3-8.2,9.3c-4.7,0-7.9-3.6-7.9-9c0-5.6,3.5-9.3,8.2-9.3
                    C55.9-167.7,59.1-164,59.1-158.8z M45.4-158.5c0,3.8,2,7.2,5.6,7.2c3.6,0,5.7-3.3,5.7-7.3c0-3.5-1.8-7.2-5.6-7.2
                    C47.2-165.9,45.4-162.4,45.4-158.5z"/>
                  <path class="st0" d="M64-167.4v10.5c0,4,1.8,5.6,4.1,5.6c2.6,0,4.3-1.7,4.3-5.6v-10.5h2.3v10.3c0,5.4-2.9,7.6-6.7,7.6
                    c-3.6,0-6.3-2.1-6.3-7.5v-10.4H64z"/>
                  <path class="st0" d="M78.4-167.2c1-0.2,2.6-0.4,4.2-0.4c2.3,0,3.7,0.4,4.8,1.3c0.9,0.7,1.5,1.7,1.5,3.1c0,1.7-1.1,3.2-3,3.9v0.1
                    c1.7,0.4,3.6,1.8,3.6,4.4c0,1.5-0.6,2.7-1.5,3.5c-1.2,1.1-3.2,1.7-6.1,1.7c-1.6,0-2.8-0.1-3.5-0.2V-167.2z M80.7-160h2.1
                    c2.4,0,3.8-1.3,3.8-3c0-2.1-1.6-2.9-3.9-2.9c-1,0-1.7,0.1-2,0.2V-160z M80.7-151.5c0.4,0.1,1.1,0.1,1.9,0.1
                    c2.4,0,4.5-0.9,4.5-3.4c0-2.4-2.1-3.4-4.6-3.4h-1.9V-151.5z"/>
                  <path class="st0" d="M92.3-167.4h2.3v15.7h7.5v1.9h-9.8V-167.4z"/>
                  <path class="st0" d="M113.4-158.1h-6.9v6.4h7.7v1.9h-9.9v-17.7h9.5v1.9h-7.3v5.6h6.9V-158.1z"/>
                  <path class="st0" d="M135-150.4c-0.8,0.4-2.5,0.8-4.7,0.8c-5,0-8.7-3.1-8.7-8.9c0-5.5,3.7-9.3,9.2-9.3c2.2,0,3.6,0.5,4.2,0.8
                    l-0.6,1.9c-0.9-0.4-2.1-0.7-3.6-0.7c-4.1,0-6.9,2.6-6.9,7.3c0,4.3,2.5,7.1,6.8,7.1c1.4,0,2.8-0.3,3.7-0.7L135-150.4z"/>
                  <path class="st0" d="M139.6-167.4v7.4h8.5v-7.4h2.3v17.7h-2.3v-8.3h-8.5v8.3h-2.3v-17.7H139.6z"/>
                  <path class="st0" d="M163.3-158.1h-6.9v6.4h7.7v1.9h-9.9v-17.7h9.5v1.9h-7.3v5.6h6.9V-158.1z"/>
                  <path class="st0" d="M178.8-150.4c-0.8,0.4-2.5,0.8-4.7,0.8c-5,0-8.7-3.1-8.7-8.9c0-5.5,3.7-9.3,9.2-9.3c2.2,0,3.6,0.5,4.2,0.8
                    l-0.6,1.9c-0.9-0.4-2.1-0.7-3.6-0.7c-4.1,0-6.9,2.6-6.9,7.3c0,4.3,2.5,7.1,6.8,7.1c1.4,0,2.8-0.3,3.7-0.7L178.8-150.4z"/>
                  <path class="st0" d="M181.1-167.4h2.3v8.5h0.1c0.5-0.7,0.9-1.3,1.4-1.9l5.4-6.6h2.8l-6.4,7.5l6.9,10.2h-2.7l-5.8-8.7l-1.7,1.9
                    v6.7h-2.3V-167.4z"/>
                </g>
              </g>
              <polyline class="st2" points="-108.9,-50.6 -87,-27 -46.5,-78.2 	"/>
              <polygon class="st3" points="-51.7,102.6 -87,141.6 -103.6,127.9 -112.9,127.9 -91.9,157.7 -86,166 -80,157.2 -42.5,102.6 	"/>
              <g>
                <polyline class="st2" points="5.5,-50.6 27.5,-27 68,-78.2 		"/>
                <polyline class="st2" points="52.2,-40.6 64.9,-27 105.4,-78.2 		"/>
              </g>
              <g>
                <polyline class="st4" points="145.7,-50.6 167.7,-27 208.2,-78.2 		"/>
                <polyline class="st4" points="192.4,-40.6 205.1,-27 245.6,-78.2 		"/>
              </g>
              <path class="st3" d="M-43.9,6.5c-1.7-1.5-4.3-1.4-5.9,0.3L-88,48.9l-18-14.8c-1.4-1.2-3.5-1.3-5-0.2c-1.9,1.3-2.3,3.9-1,5.8
                l18.7,26.6c0.5,0.7,1.2,1.4,1.9,1.9c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C-42.2,10.3-42.4,7.9-43.9,6.5z"/>
              <g>
                <path class="st5" d="M70.9,3.8c-1.7-1.5-4.3-1.4-5.9,0.3L26.9,46.2l-18-14.8c-1.4-1.2-3.5-1.3-5-0.2c-1.9,1.3-2.3,3.9-1,5.8
                  l18.7,26.6c0.5,0.7,1.2,1.4,1.9,1.9c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C72.7,7.5,72.4,5.2,70.9,3.8z"/>
                <g>
                  <path class="st5" d="M106.4,3.8c-1.7-1.5-4.3-1.4-5.9,0.3L62.4,46.2L56.1,41l-7.4,10.8l8.3,11.9c0.5,0.7,1.2,1.4,1.9,1.9
                    c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C108.2,7.5,108,5.2,106.4,3.8z"/>
                </g>
              </g>
              <g>
                <polygon class="st3" points="64.5,102.6 29.3,141.6 12.6,127.9 3.4,127.9 24.3,157.7 30.2,166 36.2,157.2 73.8,102.6 		"/>
                <g>
                  <polygon class="st3" points="98.3,102.6 63,141.6 56.9,136.6 50.1,146.4 58.1,157.7 63.9,166 70,157.2 107.5,102.6 			"/>
                </g>
              </g>
              <g>
                <polygon class="st5" points="204.7,102.6 169.5,141.6 152.8,127.9 143.6,127.9 164.5,157.7 170.4,166 176.4,157.2 214,102.6 		"/>
                <g>
                  <polygon class="st5" points="238.5,102.6 203.2,141.6 197.1,136.6 190.3,146.4 198.3,157.7 204.1,166 210.2,157.2 247.7,102.6 
                          "/>
                </g>
              </g>
            </g>
            <g id="DESIGNED_BY_ZAFERNCI">
              <g>
                <g id="XMLID_319_">
                  <g id="XMLID_338_">
                    <path id="XMLID_346_" class="st6" d="M77.9,209.1c-0.4,0.4-0.8,0.9-1.1,1.5l-0.5-0.2c-0.1-0.3-0.3-0.5-0.7-0.5
                      c-0.3,0-0.6,0.3-0.5,0.7c0,0.3,0.3,0.6,0.7,0.5c0.1,0,0.1,0,0.2-0.1l0.5,0.2c-0.3,0.6-0.4,1.1-0.5,1.7l0.7,0.1
                      c0.2-1.3,0.8-2.5,1.8-3.5L77.9,209.1z"/>
                    <path id="XMLID_345_" class="st6" d="M83.4,206.8c-0.2,0-0.3,0-0.5,0l-0.1-0.6c0.2-0.1,0.3-0.4,0.3-0.6c0-0.4-0.4-0.7-0.8-0.6
                      c-0.4,0-0.7,0.4-0.6,0.8c0,0.3,0.2,0.5,0.4,0.6l0.1,0.6c-0.7,0.1-1.4,0.3-2.1,0.6l0.3,0.7c0.9-0.4,1.9-0.7,3-0.7
                      c0.5,0,1,0.1,1.5,0.2L85,207C84.5,206.9,83.9,206.8,83.4,206.8z"/>
                    <path id="XMLID_344_" class="st6" d="M90,209.4c0.3,0,0.6-0.3,0.5-0.7c0-0.3-0.3-0.6-0.7-0.5c-0.3,0-0.5,0.3-0.5,0.6l-0.4,0.4
                      c-0.4-0.4-0.9-0.8-1.4-1.1l-0.4,0.6c1.1,0.7,2,1.7,2.6,2.9l0.7-0.3c-0.3-0.6-0.6-1.1-0.9-1.5l0.4-0.4
                      C89.9,209.4,89.9,209.4,90,209.4z"/>
                    <path id="XMLID_343_" class="st6" d="M82.9,217c-0.4,0-0.8,0-1.2,0c-0.9,0-1.7-0.1-2.5-0.2c-0.4-0.1-0.8-0.2-1.3-0.3
                      c1,1.9,3.1,3.1,5.4,3.1c2.9,0,5.3-1.9,5.9-4.5c-0.7,0.4-1.5,0.8-2.5,1.1C85.6,216.7,84.3,217,82.9,217z"/>
                    <path id="XMLID_339_" class="st6" d="M83.4,208.3c-3.4,0-6.1,2.7-6.1,5.9c0,0.4,0,0.8,0.1,1.3c0.7,0.5,2.7,0.9,5.3,0.7
                      c2.9-0.2,5.3-1,6.7-2.2c0-0.2,0-0.4,0-0.6C89.1,210.6,86.5,208.3,83.4,208.3z M81.2,214.9c-1,0-1.8-0.8-1.8-1.8
                      c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C83.1,214,82.3,214.9,81.2,214.9z M86,214c-0.8,0-1.4-0.6-1.4-1.4
                      c0-0.8,0.6-1.4,1.4-1.4c0.8,0,1.4,0.6,1.4,1.4C87.3,213.3,86.7,214,86,214z"/>
                  </g>
                  <path id="XMLID_336_" class="st6" d="M99.4,210.2c-0.3-0.1-0.8-0.3-1.4-0.2c-0.6,0.1-0.8,0.3-0.8,1v0.9h2.2v1.7h-2.2v5.5h-1.9
                    v-5.5h-1.3v-1.7h1.3V211c0-1.7,0.9-2.8,2.6-2.8c0.6,0,1.2,0.1,1.6,0.3L99.4,210.2z"/>
                  <path id="XMLID_334_" class="st6" d="M104.1,213.5c-0.2,0-0.4,0-0.5,0c-0.9,0-1.5,0.5-1.5,1.6v3.9h-1.9v-7.2h1.9v0.8
                    c0.5-0.7,1.1-1,2-1c0.4,0,0.8,0.1,1.1,0.3L104.1,213.5z"/>
                  <path id="XMLID_331_" class="st6" d="M111.8,215.4c0,0.2,0,0.5,0,0.7h-5.1c0.2,1,0.9,1.5,1.8,1.5c0.6,0,1.3-0.3,1.8-0.7l1.1,1.2
                    c-0.8,0.7-1.9,1.1-3.1,1.1c-2.2,0-3.7-1.5-3.7-3.8c0-2.3,1.5-3.8,3.6-3.8C110.4,211.7,111.8,213.2,111.8,215.4z M106.7,214.8h3.2
                    c-0.2-0.9-0.7-1.4-1.6-1.4C107.4,213.3,106.8,213.9,106.7,214.8z"/>
                  <path id="XMLID_328_" class="st6" d="M119.4,215.4c0,0.2,0,0.5,0,0.7h-5.1c0.2,1,0.9,1.5,1.8,1.5c0.6,0,1.3-0.3,1.8-0.7l1.1,1.2
                    c-0.8,0.7-1.9,1.1-3.1,1.1c-2.2,0-3.7-1.5-3.7-3.8c0-2.3,1.5-3.8,3.6-3.8C118,211.7,119.4,213.2,119.4,215.4z M114.3,214.8h3.2
                    c-0.2-0.9-0.7-1.4-1.6-1.4C115,213.3,114.5,213.9,114.3,214.8z"/>
                  <path id="XMLID_325_" class="st6" d="M127.8,215.4c0,2.2-1.5,3.8-3.5,3.8c-1,0-1.6-0.4-2.1-0.9v3.7h-1.9v-10.1h1.9v0.8
                    c0.5-0.6,1.2-1,2.1-1C126.3,211.7,127.8,213.3,127.8,215.4z M122.1,215.4c0,1.1,0.7,2,1.8,2c1.1,0,1.9-0.9,1.9-2
                    c0-1.1-0.7-2-1.9-2C122.8,213.5,122.1,214.3,122.1,215.4z"/>
                  <path id="XMLID_322_" class="st6" d="M130.9,209.5c0,0.7-0.5,1.2-1.2,1.2c-0.7,0-1.2-0.5-1.2-1.2c0-0.7,0.5-1.2,1.2-1.2
                    C130.3,208.3,130.9,208.8,130.9,209.5z M130.6,219h-1.9v-7.2h1.9V219z"/>
                  <path id="XMLID_320_" class="st6" d="M133.8,214.4l2.7-2.6h2.4l-3.5,3.4l3.5,3.8h-2.4l-2.7-2.9v2.9h-1.9v-10.7h1.9V214.4z"/>
                </g>
                <g>
                  <path class="st6" d="M2.2,219v-1.1c-0.5,0.7-1.4,1.2-2.4,1.2c-1.8,0-3.1-1.4-3.1-3.7c0-2.3,1.3-3.7,3.1-3.7c1,0,1.8,0.5,2.4,1.2
                    v-3.8h1.1v9.8H2.2z M2.2,217v-3.2c-0.4-0.6-1.2-1.1-2.1-1.1c-1.4,0-2.3,1.2-2.3,2.7c0,1.6,0.8,2.7,2.3,2.7
                    C1,218.2,1.8,217.7,2.2,217z"/>
                  <path class="st6" d="M4.7,215.4c0-2.1,1.5-3.7,3.5-3.7c2.1,0,3.4,1.7,3.4,3.8v0.3H5.9c0.1,1.3,1,2.4,2.5,2.4
                    c0.8,0,1.6-0.3,2.2-0.9l0.5,0.7c-0.7,0.7-1.7,1.1-2.8,1.1C6.2,219.1,4.7,217.6,4.7,215.4z M8.2,212.6c-1.5,0-2.3,1.3-2.3,2.4h4.6
                    C10.5,213.9,9.8,212.6,8.2,212.6z"/>
                  <path class="st6" d="M12.4,218l0.6-0.8c0.5,0.5,1.4,1,2.3,1c1.1,0,1.7-0.5,1.7-1.2c0-1.7-4.4-0.7-4.4-3.3c0-1.1,1-2,2.6-2
                    c1.2,0,2.1,0.5,2.6,1l-0.5,0.8c-0.4-0.5-1.2-0.9-2.1-0.9c-1,0-1.6,0.5-1.6,1.1c0,1.6,4.4,0.5,4.4,3.3c0,1.2-1,2.1-2.8,2.1
                    C14.1,219.1,13.1,218.8,12.4,218z"/>
                  <path class="st6" d="M19.3,210.1c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7c0,0.4-0.3,0.7-0.7,0.7
                    C19.6,210.9,19.3,210.5,19.3,210.1z M19.5,219v-7.1h1.1v7.1H19.5z"/>
                  <path class="st6" d="M22.4,220.8l0.6-0.8c0.6,0.7,1.3,1,2.3,1c1.2,0,2.3-0.6,2.3-2.1v-1c-0.5,0.7-1.4,1.3-2.4,1.3
                    c-1.8,0-3.1-1.4-3.1-3.7c0-2.3,1.3-3.7,3.1-3.7c1,0,1.8,0.5,2.4,1.2v-1.1h1.1v6.9c0,2.3-1.6,3.1-3.4,3.1
                    C24,221.8,23.2,221.6,22.4,220.8z M27.5,216.9v-3.1c-0.4-0.6-1.2-1.1-2.1-1.1c-1.4,0-2.3,1.1-2.3,2.7c0,1.6,0.8,2.7,2.3,2.7
                    C26.3,218.1,27.1,217.5,27.5,216.9z"/>
                  <path class="st6" d="M35.2,219v-4.6c0-1.2-0.6-1.6-1.6-1.6c-0.9,0-1.7,0.5-2.1,1.1v5.2h-1.1v-7.1h1.1v1c0.5-0.6,1.5-1.2,2.5-1.2
                    c1.5,0,2.3,0.7,2.3,2.3v5H35.2z"/>
                  <path class="st6" d="M37.7,215.4c0-2.1,1.5-3.7,3.5-3.7c2.1,0,3.4,1.7,3.4,3.8v0.3h-5.7c0.1,1.3,1,2.4,2.5,2.4
                    c0.8,0,1.6-0.3,2.2-0.9l0.5,0.7c-0.7,0.7-1.7,1.1-2.8,1.1C39.2,219.1,37.7,217.6,37.7,215.4z M41.2,212.6c-1.5,0-2.3,1.3-2.3,2.4
                    h4.6C43.5,213.9,42.8,212.6,41.2,212.6z"/>
                  <path class="st6" d="M51.2,219v-1.1c-0.5,0.7-1.4,1.2-2.4,1.2c-1.8,0-3.1-1.4-3.1-3.7c0-2.3,1.3-3.7,3.1-3.7c1,0,1.8,0.5,2.4,1.2
                    v-3.8h1.1v9.8H51.2z M51.2,217v-3.2c-0.4-0.6-1.2-1.1-2.1-1.1c-1.4,0-2.3,1.2-2.3,2.7c0,1.6,0.8,2.7,2.3,2.7
                    C49.9,218.2,50.8,217.7,51.2,217z"/>
                  <path class="st6" d="M57.5,219v-9.8h1.1v3.8c0.6-0.8,1.4-1.2,2.4-1.2c1.8,0,3.1,1.5,3.1,3.7c0,2.3-1.3,3.7-3.1,3.7
                    c-1,0-1.9-0.5-2.4-1.2v1.1H57.5z M60.7,218.2c1.4,0,2.3-1.2,2.3-2.7c0-1.6-0.8-2.7-2.3-2.7c-0.9,0-1.7,0.5-2.1,1.1v3.2
                    C59,217.7,59.8,218.2,60.7,218.2z"/>
                  <path class="st6" d="M65.3,220.7c0.2,0.1,0.4,0.1,0.6,0.1c0.5,0,0.8-0.2,1.1-0.7l0.5-1.1l-3-7.1h1.2l2.4,5.8l2.3-5.8h1.2
                    l-3.5,8.5c-0.4,1-1.1,1.4-2.1,1.4c-0.2,0-0.6,0-0.8-0.1L65.3,220.7z"/>
                </g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
              <g>
              </g>
            </g>
            </svg>
          `);
    
            $(".iphoneFront .main").append($newMessage);
            $newMessage.fadeToggle(100);
    
            var $element = $(".iphoneFront .main");
            var height = $element[0].scrollHeight;
            $element.animate({ scrollTop: height }, "slow");
    
            var base64Sound =
              "data:audio/mp3;base64,SUQzBAAAAAA0JFREUkMAAAASAAADMjAyMy0wOS0wNCAwODo0OQBQUklWAAAzWwAAWE1QADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTksIDIwMjEvMTIvMDgtMTk6MTE6MjIgICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOmNyZWF0b3JBdG9tPSJodHRwOi8vbnMuYWRvYmUuY29tL2NyZWF0b3JBdG9tLzEuMC8iCiAgICB4bWxuczp4bXBETT0iaHR0cDovL25zLmFkb2JlLmNvbS94bXAvMS4wL0R5bmFtaWNNZWRpYS8iCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YTUyM2EwZmYtYmZkZi00NzQwLThlOWUtNjliZWI1YmZiMjRiIgogICB4bXBNTTpEb2N1bWVudElEPSIyYjUyNGJmZi1iMDljLTczNjItZDk3Ni03MjQzMDAwMDAwM2IiCiAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZjBmYjc1Yi0yMWFkLWZiNDktODkyNi0wMzQ0ODhiZTZjNWMiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDktMDRUMDg6NTA6MzIrMDI6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTA0VDA4OjUwOjMyKzAyOjAwIgogICB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFByZW1pZXJlIFBybyAyMDIzLjAgKFdpbmRvd3MpIgogICB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wOS0wNFQwODo0OTo1OSswMjowMCIKICAgeG1wRE06YXVkaW9TYW1wbGVSYXRlPSItMSIKICAgeG1wRE06YXVkaW9TYW1wbGVUeXBlPSIxNkludCIKICAgeG1wRE06YXVkaW9DaGFubmVsVHlwZT0iU3RlcmVvIgogICB4bXBETTpzdGFydFRpbWVTY2FsZT0iNjAiCiAgIHhtcERNOnN0YXJ0VGltZVNhbXBsZVNpemU9IjEiCiAgIGRjOmZvcm1hdD0iTVAzIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9IjcwMGY1MmM1LTllYjEtZjRhYy1lOGVlLTE1YmYwMDAwMDA2OCIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMy0wOS0wNFQwODo1MDozMiswMjowMCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUHJlbWllcmUgUHJvIDIwMjMuMCAoV2luZG93cykiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphYWY0OWUwOS02MTUxLTZjNDYtODY0MC1mYTEwODkzMzIxMGYiCiAgICAgIHN0RXZ0OndoZW49IjIwMjMtMDktMDRUMDg6NTA6MzErMDI6MDAiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFByZW1pZXJlIFBybyAyMDIzLjAgKFdpbmRvd3MpIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1OTVjNjc1LTlkYmQtNmU0ZC04N2I5LWI4NmM0OGZiZDU1NCIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMy0wOS0wNFQwODo1MDozMiswMjowMCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUHJlbWllcmUgUHJvIDIwMjMuMCAoV2luZG93cykiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YTUyM2EwZmYtYmZkZi00NzQwLThlOWUtNjliZWI1YmZiMjRiIgogICAgICBzdEV2dDp3aGVuPSIyMDIzLTA5LTA0VDA4OjUwOjMyKzAyOjAwIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQcmVtaWVyZSBQcm8gMjAyMy4wIChXaW5kb3dzKSIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iL21ldGFkYXRhIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICAgPHhtcE1NOkluZ3JlZGllbnRzPgogICAgPHJkZjpCYWc+CiAgICAgPHJkZjpsaQogICAgICBzdFJlZjppbnN0YW5jZUlEPSJkNGFmOWEyZS0zYjIwLTRlYjUtZmM0YS1jMTk1MDAwMDAwODAiCiAgICAgIHN0UmVmOmRvY3VtZW50SUQ9ImI5YmNhZTczLTdjOGYtY2MzOS0yY2Q2LTFiZGQwMDAwMDA1MyIKICAgICAgc3RSZWY6ZnJvbVBhcnQ9InRpbWU6NzYyMDQ4MDAwMDBmMjU0MDE2MDAwMDAwZDEzOTcwODgwMDAwMGYyNTQwMTYwMDAwMDAiCiAgICAgIHN0UmVmOnRvUGFydD0idGltZTowZDEzOTcwODgwMDAwMGYyNTQwMTYwMDAwMDAiCiAgICAgIHN0UmVmOmZpbGVQYXRoPSJ3aGF0c2FwcF9tZXNzYWdlLm1wMyIKICAgICAgc3RSZWY6bWFza01hcmtlcnM9Ik5vbmUiLz4KICAgIDwvcmRmOkJhZz4KICAgPC94bXBNTTpJbmdyZWRpZW50cz4KICAgPHhtcE1NOlBhbnRyeT4KICAgIDxyZGY6QmFnPgogICAgIDxyZGY6bGk+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24KICAgICAgIHhtcE1NOkluc3RhbmNlSUQ9ImQ0YWY5YTJlLTNiMjAtNGViNS1mYzRhLWMxOTUwMDAwMDA4MCIKICAgICAgIHhtcE1NOkRvY3VtZW50SUQ9ImI5YmNhZTczLTdjOGYtY2MzOS0yY2Q2LTFiZGQwMDAwMDA1MyIKICAgICAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYWIxMWE4Ny01Mjg1LWMyNGMtOTY4ZS04YjNmMzExZjQ5N2IiCiAgICAgICB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTA0VDA4OjQ5OjQzKzAyOjAwIgogICAgICAgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDktMDRUMDg6NDk6NDMrMDI6MDAiPgogICAgICA8ZGM6dGl0bGU+CiAgICAgICA8cmRmOkFsdD4KICAgICAgICA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPldoYXRzQXBwIHZvaWNlPC9yZGY6bGk+CiAgICAgICA8L3JkZjpBbHQ+CiAgICAgIDwvZGM6dGl0bGU+CiAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgPHJkZjpTZXE+CiAgICAgICAgPHJkZjpsaQogICAgICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICAgICBzdEV2dDppbnN0YW5jZUlEPSJkNGFmOWEyZS0zYjIwLTRlYjUtZmM0YS1jMTk1MDAwMDAwODAiCiAgICAgICAgIHN0RXZ0OndoZW49IjIwMjMtMDktMDRUMDg6NDk6NDMrMDI6MDAiCiAgICAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFByZW1pZXJlIFBybyAyMDIzLjAgKFdpbmRvd3MpIgogICAgICAgICBzdEV2dDpjaGFuZ2VkPSIvIi8+CiAgICAgICA8L3JkZjpTZXE+CiAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgICAgPC9yZGY6bGk+CiAgICA8L3JkZjpCYWc+CiAgIDwveG1wTU06UGFudHJ5PgogICA8eG1wTU06RGVyaXZlZEZyb20KICAgIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWFmNDllMDktNjE1MS02YzQ2LTg2NDAtZmExMDg5MzMyMTBmIgogICAgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphYWY0OWUwOS02MTUxLTZjNDYtODY0MC1mYTEwODkzMzIxMGYiCiAgICBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YWFmNDllMDktNjE1MS02YzQ2LTg2NDAtZmExMDg5MzMyMTBmIi8+CiAgIDxjcmVhdG9yQXRvbTp3aW5kb3dzQXRvbQogICAgY3JlYXRvckF0b206ZXh0ZW5zaW9uPSIucHJwcm9qIgogICAgY3JlYXRvckF0b206aW52b2NhdGlvbkZsYWdzPSIvTCIKICAgIGNyZWF0b3JBdG9tOnVuY1Byb2plY3RQYXRoPSJcXD9cQzpcVXNlcnNcc3RlZmtcT25lRHJpdmVcRG9jdW1lbnRzXEFkb2JlXFByZW1pZXJlIFByb1wyMy4wXEFmZmlsaWF0ZSBtYXJrZXRpbmcucHJwcm9qIi8+CiAgIDxjcmVhdG9yQXRvbTptYWNBdG9tCiAgICBjcmVhdG9yQXRvbTphcHBsaWNhdGlvbkNvZGU9IjEzNDc0NDk0NTUiCiAgICBjcmVhdG9yQXRvbTppbnZvY2F0aW9uQXBwbGVFdmVudD0iMTEyOTQ2ODAxOCIvPgogICA8eG1wRE06cHJvamVjdFJlZgogICAgeG1wRE06dHlwZT0ibW92aWUiLz4KICAgPHhtcERNOmR1cmF0aW9uCiAgICB4bXBETTp2YWx1ZT0iMTYiCiAgICB4bXBETTpzY2FsZT0iMTAwMS8zMDAwMCIvPgogICA8eG1wRE06c3RhcnRUaW1lY29kZQogICAgeG1wRE06dGltZUZvcm1hdD0iMjk5N0Ryb3BUaW1lY29kZSIKICAgIHhtcERNOnRpbWVWYWx1ZT0iMDA7MDA7MDA7MDAiLz4KICAgPHhtcERNOmFsdFRpbWVjb2RlCiAgICB4bXBETTp0aW1lVmFsdWU9IjAwOzAwOzAwOzAwIgogICAgeG1wRE06dGltZUZvcm1hdD0iMjk5N0Ryb3BUaW1lY29kZSIvPgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+AFRTU0UAAAAPAAADTGF2ZjU4Ljc2LjEwMAAAAAAAAAAAAAAA//uQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAAYAAAo0AAUFBQUHh4eHigoKCgzMzMzPT09PUdHR0dRUVFRUVxcXFxmZmZmcHBwcHp6enqFhYWFj4+Pj4+ZmZmZo6Ojo66urq64uLi4wsLCwszMzMzM19fX1+Hh4eHr6+vr9fX19f////8AAAAATGF2YzU4LjEzAAAAAAAAAAAAAAAAJAJkAAAAAAAAKNCHfk1xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQZAAP8AAAaQAAAAgAAA0gAAABAAAAAAAAACAAAAAAAAAEABErMy/GJtpkri2h1EylEyhgOSHkLamlMWlYj4ozzlNMucwgOYcQHDDH/5Fd2ORXuS3oVzkVyBzEOwsEU5P/UzkVyL3JfoxFcn9l/dFch0YQryL9FcioUQFqfFjEAACWFH9HYQHZKMLCG1FHdHnuCGEB4poHYYIgQmcnxgnDBwLANZcgFtAPAmQfrIBHmOBOXIhF9gD//mgcJmf/6HyhM/JhE2cgAEIn8pVh0tGORdmb3tIZ05j/r7AR4IeItA7hXgqBgBBGRvBTjDBfkPG4NQAHmtHJQlIBPDoQh41BHFSrx9lbGUixZJo//LebwchPzLBtnWSdyOQfj5UGgp3efm/789BiKdZNOSEdDI8eNiF33+1DcRK0f5vD8FcLxEHIYmVYhCjX0ff///+972gFvdjcUrv6u8OwfjyJT3Z0QZFKV//+ICof7//9y/lkSSZdIyzymoRcIlP/hgIImXKAZ46HlNYgHQ3z/f/u3q5Ubx//6P7gJAEIyAihmDHA//uSZL6EQuVfNxDDFSBHokcnDCNQGeWy6NWHgANqtFvGs4AA8lAzdUIoCiWgHgNYACtj0wcQDECN5iESNP4zNoii4wIgBwHOpbcOOIwkLAdxlq/kQzEoHcaROTsAJkBEFTq2AJiy1bgUB+Gmmk7N5TDcNu+CTpny/PcAjhgiDkWOfu+qorBGLE+4iwCAyWXKSxhKEtA5DB38WPHP/WFIzBmkrgNg7IIFi+cyoO8Lr2Pz1KF2MAVHQ17ef4QBArafrf///////////////+EENpA7GUN43f3nn///////////////7w5JHEfeR55///+/uQSwe9uVWi0SC0aDVXIVCwSCTnhAAMEkECEI19HMsDKolM0hMy4Mjf0cw4TB0xCDziTmNREB1gFWwMkeAymYD1JDF3A1wQDlHADDAGdNgd40BhVtbIgZIAAowAFAiTgbMqAohAOFj4OI5oFlYhAIMDGgXUAKRwAAguUOVAwYNFB3x4D2BMSJilx0C4gCh4oYOUJcmf5iKUNDMgZXQRGXNhwEkISDQ/5DBWhIE2fQTUXAsv/7kmRWgAclZk/ucoAEcuX46s1gAA/RC1FZqYAQ+I0nAzLwAEEeg3eREiZPlpEg//03UhQdVBAkXUMgLsaZDx6IgMIZT//0GUgzoNNDNyIJjmaVJKkNlEjCQIK5CiEEEEAAAIAAAAGvlDsAUSY8PV5Ai42VHFY1rLDIEOrVNSHr6ZfKhL7bZbuxRr79g4ZwQBoTeP9vy+vm/DImWNpNWbmVI/FJewqezTCHLP5///LMu7w4/cYgSk3/P/+f+f6x5+9Siu8I+gnWFhANf+n5ygACkBZJpNgWWgQMgNEhwlKIqum4hnx5Y9mQKnViBdIegKFAhgRTK30XrdAcIDLoTsJ1OsGKhXg1Um55aDDdUfIqXUkHM3QUTJBTQnk0OyKzy1kVRLqk9JfRRRW0xWarWxe//ywZG6JdKqEuuuqpeounf3omBuTp8aBv//V/7o+8D1t2sO0gKPIARDhKwMCMgwIcXu2FhLsLWArHuI0ysxcnxwTKVDmGurundXph5plua4np/mt56T0RPyP3qgAlAGALiwIRhJBoiECkwAABUERgTgr/+5JkCwyEAy/JF3ngADjHCYftFAAOHMsmbrDOwMwJ48meGQhAIQ8wnQnTDtWKMJck8w8ARwaAoYEYEgkBFAahssOEcT4R01J2dwRjAjglwspkrpyUpfSdO6XXLY4xNM0d5D3V+y1xaNa3hVOab47YzW9/9Wxj5+beu8/eNf+IJjhIkIhzFofq/7//rd/9ICQCHaALm3ow7QP8zKZUvD0qYNFNUdN9QJGuhh4ULNspHQfR1L0Yrr//L8+0xr/0Ujmf39/FhXxrABuWqI2mGwHGL6IAYLAgB0xAYApgGHZlqGBkPxx+iNoCJIWBEv0hqzxnb1p2SLAdEgVnAT3xOMqNFpE0rByTAxBIjfNgWgCL/7eWjHI7hkssYc/dny5hNyGfwZGy9xr/voYFbSbHeoLtVemx//+S/5EAJAtJZls4LvbzIRIOMK0fPrXKeIZyYcEwk1UXI5HlzLVXkrhvI1N9W2T0PiEO3HalvhUgABkihgwFxikIJiZEZhOGRcEuYBQPMFBxMgQmMtaoNjkEowYwDzAQAKUGTAEIAS62ECKjL4Eg//uSZBuE1BQwyDu+YiAv4djgY4ZAFCzFGk9ti4DfiOPFjQxoPn4fCEHR+O4cFY6eLohdxOQxuUw/iEDqH1ojAR0HaTn3a5+K+dkf3gq4fVUwxvdh9sNOZTOMzT1MwwvnhD/5I2WXNorILf/7pX/h90UhCMkN2MYYBKkDjJo4sPU8AGYfumZWZ/LlGYR3Uv4GPaf6Uf4YV///////4Y/y4FJEYC4AwcQmYZSERgFAeDwPpgCgHgQAYwJAlTA2AIMQAh42NyLjD5DvMHUjBz8y6AM2WTNxwBOoQgiQsShICKhIFAQ8AggaBiIcZqjEYMAWXNRTSEU3CwA0hgs85LwLAw86sYTATOjgrxko8jfUE8dC+eeWDvxAQEzp8lHAsIcbt15unOPstXceUp9WeX1XVo2pH/nsOLaKVLAX/kP/lP58LoCwTXBbsinJawJAMI6htjLWn9moYdyS3zQOLpufGROoCDe1JQgc+f/LBhHqoV7///v///+a/00AMy30lEpj0LGsfKYLDKJMOJUiIQvGYfEx9klGFQEi6WVUguZjcwKmxP/7kmQUjMOMM0objEPQNMUI4GkiVhSRnRxPYOvAq4WkyZMJSLPCpp2K2ViQUH7Darnl51Wi6M8TuOJMRIltdma63xKUKSnKktc9ybQ/zwoeri7IGDBpTyjEiuL2+T+VIdF0/J/xY/s/T6uU4ngoFJzBVUDohGX1gxawFDLlhIBhMSCLryZH0WkLCxWhlqAo03ga0BnRi/+3//dBPw9///+JAFfIwIgLTFyCqMtZGQKgigwAUwDgCDAHANMCoEswEAHhCImZNoBJgMAhD+xDkFeBeygIXAwUvkEBBzXCVkUyeFWZlKrnhhpGtxk50bmvR5oFVL9fz2ubD8bdRuMFVKsYvb/Y8cxhZRqNWmCsoYOj5McHzUGx4+fKsI4QiMeMuKg0MstTzY4NhQWuVUNv/92//lDH1Rk//nv/zDfo3Pfft/uXd+VQCFAaq04V0j1y1nYtMzREpuEsWnuFjToRvu55S0+ws/+Rzm3o////////WjBcrjHBFT+HzzHAaQgfjAICXWbMGCIYYsia5koIAmA85oom2XGCswRgWwEYRMOyhcv/+5JkGIxD/TVHA7ky8DFkqVpgYlgQ/P8qdceAAMWW5h6eIAAxly6REAv9YR0XAR9ZCKlvrHFkqAtnbQvIlRZpHHc3Jxlsyecpdfg21OmzOeFnrOmw5M8kD7AXGkzCLLAnrMbKiufPrLThH/Ofr5flWeDQBgAAFUIATKNBD+kwn9alLkEwLAskxdRCKpTKMWfarrvz0/1M1uqEKLkYHw7s/MWn6gAlJswIKjPI+PjKAz6DQcEmEsfQTpUmNDqZxIZg8GkgRCgCQRKDM7X6XIkBI36WORzORBtS6RzXtR1aUY0oWq0glnGyy/jzNysQut97/+Nf0xH3v4tSFuWHu8afOvq0uL5zX+276njQ8PIk0Wusf6+dv47+/1mAzaxSG9y8H6gf9QRBL////yxAKTsAByEpA6HWqMfeDuKxDGDb/DzREV2RnvXpu39LJ/Tp1ypu/+JeZ40IQTogR1D6KiQ2GBgMBQMREMlorIACCi9HHIgsJXqsCL7QaDguEwFdzE1h2/VgMbHXU1BR7cjiyDnmCtrIlqOu6CO5e5PqLxuZjUCU//uSZCIABXhOVu5jIAQ/5ctNwZyAj3D9QV2KgBjfi2jzjYABb6RRfKmTTmw1pFfykEjcB1JHDDhNegl2n61vKcuWGmRt4IRPxCIxKXTMql3z9uksUG4pL7li3rkEu0/0fj2XyyxnO4Za59v5yxhyMUlfV/ePOfulxz//+3//8UlGdJSUkYsf/9pZbau0vZ0pFNtOj5ajZzC8AUAAAWS9cxJGwoZO1DGAMK3EkZB4I4LBu7zDHY8hb1cwiN3ERiBCdpfwDzD6f6Z5/zRKb/8qhKAAAABcDXkVQUW02Jk8cWGlz4L2XVASPSEoDGNJisoGBRUBm15AcbLIXOA3WBucRMgJESHEuQUwIcWzUukVLyzEuslRWRY6gyJdLpgmmYl0umKJMoJmZqj+tFFqRkbGKWpJ0ltRb+orTE1//6knc4jsBiuXkBQVxwLvYCXAIAIEAHNQ9oLiwli8mwlZB/SoJH+taqymzat2Keiytb5lhf1TZ0vNSmIb0SmeVFBl+u7BNmlqAFYYACAABWDOlLzCYyeyAhItorMRkz5pR3X2dZw1Sv/7kmQPgANsUc1rhhTAOEQ6LwXiOQ2NSzutIFEA15dl5PwJwJPN3cwmMx/FXGHwCXwZ2/ENhCFoQSN4Qn3ZiGfYiGWtikmx77mNs5m66HuVFVYd5zMqEou2rNMDKN///lKbS/V7lbX4sHjQIjGq4RlhaUAAOHIAA2HEy46OdcIo6UH931b4N4ClHLqJKh2KyGMn27e9nGwrOpCsK7f/3o/8lWxu/L//yn/+TIFTQAJaRUljpkwMYXu+QgyKGpuwGlX2y6LuvBcvelfr/MOHLJhECPpwcnRA6FkuXn2LOLkKzEokk0Ndp7jlrRlIiNZnRdlsj3RUI66vABJU///t26vvV9N9COZpzuQilfoJtJidZQTxFLfZEoBaAABbEJhHxESM2tWOxdKV/qV64TzThmkFgI6H33b/Np0/+uWqO3//f8K20C//zuxOs5+r6UAJenQASaWT7ZhAQAHiIRspiHiKneHyX4xWEyC7mGyHTKG2DV1GebxMwRWfaZAANKgMUggxg7EZSnU/pRAfdxaq8FgCVuqQAVicQ6evewDU7v////j/+5JkKoBjUU3TeeM1eDQCOTVgYoIOBNFHjDDSoMmIZaWHjHh/p2zSvCkhIUuldvcSn5Yfz6Pt2RCAIAKcmGBSzCj7y26TTMIb/scjVeQcqheImWSiSObhCcJBztjPWc8H3kP5T+GZ7//8qd/JgCVpBOmKrkjSTC+yWBsslMAXHSIptHlDJlSp1R9nLIx6h/qsha8RhLXgfVCCwHw4qFzag9YPiy7muLjFl2d+dtS6zUOTwihtKg+VxeX3pmX6IGn6L1kEzCBDTqQIZzv+aIj0tmDhrSgYfCZ30h9NxUgABoiwQaI2xQiMZtDotUyp747w/3pxC2PYFHu1mo8Mzv1hDrBS3+W/W3/+n//Ty///XQBsGAESQASbaULNBCJEAYtQ11TdajhNtZswqNyakl/FTHWBnA5UYhKisSV0WiS2aDXSdnd71qrboaFvaaZmmqVXD6OZmSVxxRXb//6nZUOu/ZD13ch7M9naRDtRpao7JOR8GQPOOGCo4hkqPPgAAaSymzE1HCh3lGYTqFVfUT0kgRbLNrPhvYzPeqW+o+nIMJa2//uSZEkAg2Va0WsjFDgx4ZmqPGwoDS13S6wMUejHjOXlh4ioeGE//7t3/+W/630ZRgezQSaSttLNlUcB170sKQBwZmKM/gp4MIO5Vfyi4tvHcPBIoMEpqJMDEETJZqRVzYCtyXyLJHMEZZrvHZXb0kKxn+nlDYYqlN//+qK7rTu5m1Z9LIrTWs7o2kj6OjHP4dLKihzxuhWrZ4AwIgSpLtJWniBE3P1lUfyxr0piYrYhiU1F3Z6Ow7G3vqLDn97/q+j9H/+js/0fR/+pEAAoODmEnNSILAiUcUGp8QpxEZ1N5Y2j6xV4oOi0qCguNIsieJWV14vtdthSo7ummVLT55tkJI+l3b47paDYU+wNRSaZlYTp9F4KW//8//zgE0ZBStuf+n4ABsGyeArxA6B5gpQeKJoLawZ/1f0kxpAMkhVC0zU0kErm8N9am6HwEpiaLBJWHiXlp44GVAmIqxr7V9DjhPD39bv/+n/tT4x/oA0AQgkEgxnyAc4aB1SWwdBUSdGGF8sngeG4W5bty6lTfMVFY6lkgo4/D4tncWLIIAI/Ef/7kmRrAMNxJM0TaRwyNKIpYD3jOA2AjT9NZGPAzYWmSPMwoBCtQIhGbufTrHV4YJIgKAAwRadDIXC6A4KAMIDjDdfIsxSh4g4nrAcDOiCikrBMufPuaQOBUFdueGFZFwG6Ju4nsq17waExliFDsYRgzJB0iXa96GD4UfUpByGMvlBt7a/9JX9nq6PnUf/b9aoASG0VONlsq0LHzAmNraHputS0DY3e3Bb+sRpXVazJW4hAos/VeZlolmuFUo2pIJaBo6GGcM1mEHVVL+rHN0mo9FWUOgppb5lfjTTk+j6Pd/Xfr+Y6NUtUK7yu3SUy95UepziDwb8MIxQ8zAgIABwAAACJIcYL3aSZlrRh0ekkrlMeEoythxMF0DgukceTd5/NZXFsMbev2f/o9/yP9P/1bFgCAxhP+nDbqDhhh6UCJzi35RlwM18tNqP870UmYTKsRgCtTCXYX8C8wwQKQiEFARMj7i4KaGVVGPUlDbNkz2tG0Nc21LJIdZv1tCKrCv06VLzV+j/m/qqGcvzZpS6lVtGKz1LBv/xRaLEk3AgAN3D/+5JkiIBDaFfTawMsyjShiYs9LygNYWtBjQxTqN6JJUmHjHDnBzr45Ctve6nIPvcrfJTUVEFPG+3K5hyo7Cwdi76tT1igoEmybqc4rf4yz//7v++3//oqAAQpCBFWqSiQyQSTGehaSYJT5pUWMDYQpSj2njfqULdmbS2bhoQBUMMsOjUSIYkx3NzzLe8fD1HomJYzv7vyqiu4UKMJWqoZBzakVuzw19UZ6f9SXUUDQaOawVxVmWS2XyT3QoBqn2FR2pBAHvjtltkYArE18a/UgrolnLV2DtvA0NwoGbZ7XLUSp1oK3lo78icu5fsp1a1H0xbdTNoyc4V7tv/0NHyAgBhaIHPMahRUYThICEBMuhKRVaE/IhK50oeSH/iszJIi/AnlZ8N8sZ0+c/jpEBFqKCBlWcwea3W7ZL01fihgr7x4dzM2Ik4po5p9RFGpCI3ymexO+IiL1g0jkUEBLwlX8BvpI5/8sAAlcIe/yRODxFquVBT/MQ4gMd4qEMkkdbdYUHFOs1qNaMqhxMMz7lVzcYgcWRNOQJjQDAi5XDPv//+j//uSZKUAA1c7S2OGFDA8ZnqtPMJvzOzJJq7gZcDzDKZw9gyw/RUABRJECG21jaZVRSmOa1XogyPdB4rC+PSzalgZtEv2YRmGH8EYQ4boBQrKEby1gCwvMF5IJZwSzgd0MgD2hCGXF7EnaRexChXSP7baQsbTdg1htiGDdaB4LCx0VBMVWLOuQFQOz69vr3Kk+ws1nKuFgAsu3r/igMPG8pfYuI5zhlXBABaoE/YVcPSsIpSLlWucOzzrkzJWD0rbhg0CwlFBMLNUNf/93/WBDBCYAwSAqOR85QEaRh0ShtQDY0BDtQcSEygY8j6Rx9VNVCXeUCIb5pBAOEwRfgGrb3hjj72y/dSUs7KJDHEEFa4pme63U+p0VKKzmYpF2SKfZqUOaREy/1P6N9kLm6seVP/V2wAcpQXvhcgSPcfWSyAAa89Of33PBhV4yA6CJ2KJn5BpokqEjdNuQS4hEpZmf1oua4VncKFEV4rAKAz0v/7ff+IACBm1MIyIMlyfO+4oDDdMEGONQBZMUGQBL0ICIcdglxoDVsjLaySDQYlOwTWoAv/7kmS+AAOCJU/7WGFoN+L6PBnjPY1lQSTO6EfA5Y9qNMMKTxnBQaABqVVRpg5cTla1Yf3YpV95Z+1V31vjtyv4bd+/N3MxPm3HBct4gt3V6wioen9e/+YAA4AAEvQF0NtZSDSUHr2aeXI9EhVIN+9jhSCZlrkr7GzWorzvmB6gwFAEpnw3eZns6bJRqRYKwRS0fDugRHnT0BUYAwfGA1dHo80tMyuEcwbegzhHlE4KHdQuC40eYO7T3rejb6rzQEhdbKm1n5+6FmW+afppFZWlnNM4efSGwkcaFjDwo+YAPCBkOQC4xEDCeJcv/9H//3bbFBmAEOwIHmZrCwqAA6PI9SoLBA405+M0teTO1FMhwqGE4GRwFWPEh1D6c2zie0BgHRQwG7JEFMAkRqFlpZv8YtvVwwlwnRZVAIEAGzEw2TCorj4XBDBokDSbTD20cjcAYC34iHA6LiqhVQXKjw4KD5oEBZ0W/dwHGOInJjHYYfx+HUk22CZdCVOhsTRoPEh1xc2YIEDk0ikCPajKMujb9SUzMjG45tpbl1nuHnGPiyX/+5Jk1oiDGizIQ7oxUEAkCQhrAh4LJF0ezuDFgR6U5CWjDghAogL/+UKn9bluP/yzqg7d/1y4NCC4YLz0Mi1B1REnop5H4oTrrnKVTOKtIljakrtShRA17V8DsY0QdMHyWSaM2gZRpSKto2kaRw4m4cZ8G2rn5EAqsJIHB1RsXdk+d///1u/+UMCQCYx4AoTLATTMGIH8wrRjjO5B/DAGxwBBg5hIIjaXmEYIIwILA5hwWiGBQswEMMW2SxKA52BIGv9t08BoJIgdrytg8CMRfdStf7bPSC4hnxUKjRLBMFIQiQT5g8IktHAsPTs7R5RetMljloV9XozaZcl29KVX9Y8SMewxK+87McDko/7QGtmET8ae+H4ld1f/ogqiX2NnG+TqF309LMlgZcSnhW5HJZTp9hA1S97iUpBYKJnJtZTkU2hMaVqzHwV5qUYyuGFxeIwFlrXS3/////+5gAwFH4xdGUyz+wwyDwxZRc6/GAD1l3Wtg0UfCaA9CumRF8nhzMFAElGsUmQ46wrBWcj4YgqeOEclGJPKpk+p2DUwuOUI//uSZPMC49UwxcO5SXBSJBjAaYmCEmDPFA9th8EEECPFgw4QnKq8YsL4+w+MlWxLa665TfrFWn1rzHvU73umY2o6T/zMyzlv+wBFTuhi1Bz1nv7v/p6gACCFAoGtkbB8a/XbLpPnvrkK0w3UjzsQw7VC6SGYDE6RViggs8mui50xiHrIZJFadNze9/0LgC7eKepKgKj93//2f2f/qwAMAGAyBKBjSzFRSHMB4CYLkPmECHMQTQMSHGehrpMuh2GAOa7bwINAlruKFKgMFUaQgcjWVWbBIFRxkrPW5ppopIGOo5FuQag5HmtbsnLVjEyKovlrk0pSOwjahdG6QVDBcMdv9qvpEzlerU7u4bw/37+sACW0uuVuAAThXX2O4Us+JUibqGKBgwXCJv5yYMsmk73TUjK7b2BHWBrI3Qbg//r/8CJDj6Dwq83IzMLqBTA0C7MPAS4y/EmjB9BaMIgcczUAqDyVMNh+UhVnSljs7Fm/XqzFMsyHzMaFsXkcCQN46bzxVy371xICABBGWLkgpHSWKUInXWWQw4lJnSFZRtCvFf/7kmThiAO8McYLuWFgRkQI6WDDhg6AuRbPYSVA8w3otCeY35GgVIGmE02Elm2O3e3HPlRdoXC5jOFyP/90pthj6OJVuo1u9RzPSYDT0YKC+ZSEcbZTkYkhMYiHmb1DQAyhcisIxcbLNvw/Lnr4jE9LAiYaRdTQX2hmVAQbIzA4GVIl2GMJVZOZblrNbCEWOuzbay+Isu2LWRwEaUkVPYbYvopb/myXqo+KuPnyif+znYkRbD/0cSlmUa3es/shiAFX7cYDhqYgnd5eYiBphghHaA+GUX+6rsjwmJR1W9uTaxGCoushL1ks7Xj0oTyEGCz9JIvpJeQTxHErS2+1wsCrd/j1vJt8Q2k2ejwAEWh08E0y77f/Xv///pd9Xqt5IAIQHBeNNCfOy4LMVAtMTC6O5hVNsIDBahAXHhIVTRiTO1TvwxyFoGmcPjaguyeDtUuIzAN0IRDsrDqeC4rpGbJpk8tAij3n8avkZe1fNty059Plur/duVts77FEOkVFzA7OUTv/JyH+h/+ud6n/iw/Qp9AwMQtDKtDzNgAHAxFwkzD/+5JE6QjD2S3EA9lJcHRmGMJ3CSwMAJ8fLmDFgc2WoondMKhYNYMfIWswHgGAuBqvxP4HBuvuhkmOTFDGgFpvaWCAi+mZxm2FK8chsLHIm47OXfgpurew0uK20OKPpVlE3S8ve2tiTWKGcsTOj0nDXzBu4TvLs85u0sYyMFtVtdnJ/Hr+GjCufieXwwmf+t+vX/U7qpcXqrTErmYsAhc2wCRJtOPMWEUAl3F6WRlzJiszy8/8VfZohgSAFh/iQPHSQ2NBA2o2j2jcWJwyqHNgiHwvnXi+VPUSM5NJMukgHgufBgUCkJbv/0afnf+t3q/+uABxBpKmY6FH29iGWQKmM7xHNJRmFYKBAGIRgwDCQBUyUEawsYGgFYi1+wPC6UDcBgFZzDu30E5KDZUkQjowLh5mYWn+kkxk7v7d3petUIpRW5CkpJlEvJdRJjWf4KpClsRKJnS1NP6vraT+X/9NfR/kf/wX+SjbfrLAEGAAtWMqEkwV3IUdQ2idjVAMDFzZ2HqBXzcWRuOhgYORoGvQ+BGuKTyARrjHl1SB9yeb0bLz//uSZMaIBD8yw4PaMvBUpGjVZSOEDz1RFQ6kU0FvEeNllJoI9ZZ/PSeq255V5GUZ0HAdW0LHAOCp8uGZr9P85/ZL85/v7f/kzFUwKgCTIiBJMvZQUwXwQTB3A+Az6QTOAFmVmGsdySl7XlvPg+q5H3BBR2mggUeVAwMC48OjorDxCOIXgQDiINi0WBl5fcnCFtLznqUmZyVyEqzWWCuTjFOoU2rndngtFomUE1OGif5Raw+FfuYcIbDexOt5c1/wey4EyY1dbzQAEgEBKAAPipcNEz7cBsGczyfB437dB3WzQZD1DA4VKMcaLAHdi4pGcXsZ+LyFnuRVfCDpcR9OlyK+7MR5QA7iEEkggaDH//t//////1gAwAHgVGYwtGEx79AwEEgw5T83TG4DBm7bW0ClIsZppLMl6H1mXuEAemBgJv2MTP06I288bUeSXbbVLq/O51fZJUWxSRDlRqCGKXcKu2ckyY16ysY8Th/BB71NxFboPKNFj0RFcr9OpNOz3s73ZwkEAVKAfUaQAyVKWCgwWcpKSVMqtUDvzUGamPccBv/7kmSsAAPvLESD2UlQTcWJCmUDgA3wzxkOsHDBNpXjmZYOGFNNBKra1vm9/41/Q4icu4rr7kBGKJwXu9kDl1075SVwUJuFTJ8QoXcIvZ/9P/lf/6UGDAjAVMbsAEx2UpTBMAeEJBZgtBPGEWWpUDKyQNsLBx9RS2lTGYiooxU2pEiYOemBowLkRgEGxSuIkApIuNlmaRKpT9tSuErgYH5vZj82Urz7CoVm/9X1up1DWpBg0k5GFMIvZUAMoO2efVE8p6y3Q333duk46QAAkFAcAPgTUBhqCGFrjQIZ4gIDiqV2aRiNsaKLgG44iNBhhYQc1tg50E3P7TVn53GqCGulsnWP55qLBk35jDAnzQA+DxrhjI0VjGRgTmwbDODC6D/o2GcKs1fThJ8tNh9JayYRB7Or+p3lzmqFyoXVkwQDAgRZifOLvEF12X2vXqTSCc8qIolCadQeHF3oVCcXlrXP3rlXUCZ613GBcuS++WlU9+fd8KkNQINeJ5AGjUUph60qkU8I6F4VWQP7YXRd6UO+ksfhrGaBUgDEUjyZhHY2ilv/+5Jkpo6DvC1FC9lJYD3CiQk94zhNhHkUDuTFwUSVYwWEjlA5IHrx0peXcWIQbpkQQ3WDpY5QuXnThowUCRUHGfWT/7V+/uv+hQIBgKDoa4F2fRvSY1AyYqBsd6AmbIENHkzAaENuBQ+zUGaqPDW/wTtClQoXuutKYpW5QeFBBLiOI4n9bQMp7Mqk+mIwj4KIVmGr+twuybf1YX4z/xcRA0DzmmQXcETVupzf+lTqyP6D31P63ezIvt0AA6CAtARFpANjp6Gr43Y0KGKDRSJuVejn6YyMCKw1Ro5hZpK4hCE9haG5dgihE4tJqepM/tk3l/bmR5Ag8NBE8p3shV+3//////q0AkTox9xUzSaIrMRsD0wPxLDGqGNMMsBDUWMGMGmpTDgHOMxvjWrL/GRlGrKJ5T0sa8mMHRUfIRCNGmQaFIEzMkqKK6AREBosrCNkOF4NIWWqioxtIjoQaFbjIhEQKiQOwyDVJLLRZH/cKAYtWLXEZ7SfdsNYKp7djrHewAAO8VlzSgAaSQoIzqqs+Vhc9ZtpxBIUAmhC0dPrWisK//uSZKwIA4MpRSu6SVBLxSj5YMOED2yJDg9pJYD1FiW0wI5EVY3s4wZjzFMOgpVMSob2Y1VlKUj9fXs4UZ1ULnUBDEcYjEdKjnW4jfUTDF4ljVFMgEh4OCAQzFlskrx9+ZTOP1SBYKAQ4uTisxKfjJCTcciquSgSEzlGqBotE5Kq5rkSOU+clh4ioChR9+RaHWg08j5WS9vyUSgq6JQVdWGtYlOqDsFeWrO5U74alUAGExdJUzbRYR/IghT+K2uMZOopFDtGL8JHhLdyKMybBIpKZYGS5u9/5dFQeHwo22eh31Pqe/ACMBFkBEV1ePGmUShUDS5ZVA7uzXexmIzFPYp71rEgrChCFE+FCihJyET/2ahiFJ5VUtmPwrCUiAgK/WG//r+2S/5YOln//6hUBoERqEMDK4xHp05Lx+IqETvOggFycagSIyUAtKWRKwkAkyOTj1TkVbLJSxKyMErR85SWmo025TzPyc89+clOEkjvng1///////yoCNJMQU1FMy4xMDCqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqv/7kmSwjvNoID+LuDHQNqNYIGHmKgkktt4MBHNBN5ebAMEZwKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqo=";
            var audio = new Audio(base64Sound);
            audio.play();
          }
    
          function sendMessage(msg) {
            var dt = new Date();
            var hours = dt.getHours().toString().padStart(2, "0");
            var minutes = dt.getMinutes().toString().padStart(2, "0");
            var time = hours + ":" + minutes;
            var $newMessage = $(`
            <div class="outgoing-message" style="display:none;">
              <p>${msg}</p>
              <div class="bottom">
                <span>${time}</span>
                <div class="icon">
                  <?xml version="1.0" encoding="utf-8"?>
                  <!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
                  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                    viewBox="0 0 109.8 69.7" style="enable-background:new 0 0 109.8 69.7;" xml:space="preserve">
                  <style type="text/css">
                    .st0{fill:#25D366;}
                    .st1{fill:#FFFFFF;}
                    .st2{fill:none;stroke:#B3B3B3;stroke-width:8.2759;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
                    .st3{fill:#B3B3B3;}
                    .st4{fill:none;stroke:#29ABE2;stroke-width:8.2759;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
                    .st5{fill:#29ABE2;}
                    .st6{fill:#1D262D;}
                  </style>
                  <g id="BACKGROUND">
                  </g>
                  <g id="OBJECTS">
                    <g>
                      <g>
                        <path class="st0" d="M-23.2-124.1L-23.2-124.1c-18.7,0-33.9-15.2-33.9-33.9v0c0-18.7,15.2-33.9,33.9-33.9h0
                          c18.7,0,33.9,15.2,33.9,33.9v0C10.7-139.3-4.5-124.1-23.2-124.1z"/>
                        <g>
                          <path id="shape_2_7_" class="st1" d="M-42.4-140.4l2.7-9.9c-1.7-2.9-2.6-6.2-2.6-9.6c0-10.5,8.6-19.1,19.1-19.1
                            c5.1,0,9.9,2,13.5,5.6c3.6,3.6,5.6,8.4,5.6,13.5c0,10.5-8.6,19.1-19.1,19.1c0,0,0,0,0,0h0c-3.2,0-6.3-0.8-9.1-2.3L-42.4-140.4z
                            M-31.8-146.5l0.6,0.3c2.4,1.4,5.2,2.2,8.1,2.2h0c8.8,0,15.9-7.1,15.9-15.9c0-4.2-1.7-8.2-4.7-11.2c-3-3-7-4.7-11.2-4.7
                            c-8.8,0-15.9,7.1-15.9,15.9c0,3,0.8,5.9,2.4,8.5l0.4,0.6l-1.6,5.9L-31.8-146.5z"/>
                          <path id="shape_1_7_" class="st1" d="M-27.9-167.8c-0.4-0.8-0.7-0.8-1.1-0.8c-0.3,0-0.6,0-0.9,0c-0.3,0-0.8,0.1-1.3,0.6
                            c-0.4,0.5-1.7,1.6-1.7,4c0,2.4,1.7,4.6,2,4.9c0.2,0.3,3.3,5.3,8.2,7.2c4,1.6,4.9,1.3,5.7,1.2c0.9-0.1,2.8-1.2,3.2-2.3
                            c0.4-1.1,0.4-2.1,0.3-2.3c-0.1-0.2-0.4-0.3-0.9-0.6c-0.5-0.2-2.8-1.4-3.3-1.6c-0.4-0.2-0.8-0.2-1.1,0.2
                            c-0.3,0.5-1.2,1.6-1.5,1.9c-0.3,0.3-0.6,0.4-1,0.1c-0.5-0.2-2-0.7-3.8-2.4c-1.4-1.3-2.4-2.8-2.7-3.3c-0.3-0.5,0-0.7,0.2-1
                            c0.2-0.2,0.5-0.6,0.7-0.8c0.2-0.3,0.3-0.5,0.5-0.8c0.2-0.3,0.1-0.6,0-0.8C-26.6-164.5-27.5-166.9-27.9-167.8z"/>
                        </g>
                      </g>
                      <g>
                        <path class="st0" d="M26.6-167.2c1.4-0.2,3-0.4,4.8-0.4c3.3,0,5.6,0.8,7.2,2.2c1.6,1.4,2.5,3.5,2.5,6.3c0,2.9-0.9,5.2-2.5,6.9
                          c-1.7,1.7-4.4,2.5-7.8,2.5c-1.6,0-3-0.1-4.1-0.2V-167.2z M28.9-151.6c0.6,0.1,1.4,0.1,2.3,0.1c4.9,0,7.5-2.7,7.5-7.5
                          c0-4.2-2.3-6.8-7.2-6.8c-1.2,0-2.1,0.1-2.7,0.2V-151.6z"/>
                        <path class="st0" d="M59.1-158.8c0,6.1-3.7,9.3-8.2,9.3c-4.7,0-7.9-3.6-7.9-9c0-5.6,3.5-9.3,8.2-9.3
                          C55.9-167.7,59.1-164,59.1-158.8z M45.4-158.5c0,3.8,2,7.2,5.6,7.2c3.6,0,5.7-3.3,5.7-7.3c0-3.5-1.8-7.2-5.6-7.2
                          C47.2-165.9,45.4-162.4,45.4-158.5z"/>
                        <path class="st0" d="M64-167.4v10.5c0,4,1.8,5.6,4.1,5.6c2.6,0,4.3-1.7,4.3-5.6v-10.5h2.3v10.3c0,5.4-2.9,7.6-6.7,7.6
                          c-3.6,0-6.3-2.1-6.3-7.5v-10.4H64z"/>
                        <path class="st0" d="M78.4-167.2c1-0.2,2.6-0.4,4.2-0.4c2.3,0,3.7,0.4,4.8,1.3c0.9,0.7,1.5,1.7,1.5,3.1c0,1.7-1.1,3.2-3,3.9v0.1
                          c1.7,0.4,3.6,1.8,3.6,4.4c0,1.5-0.6,2.7-1.5,3.5c-1.2,1.1-3.2,1.7-6.1,1.7c-1.6,0-2.8-0.1-3.5-0.2V-167.2z M80.7-160h2.1
                          c2.4,0,3.8-1.3,3.8-3c0-2.1-1.6-2.9-3.9-2.9c-1,0-1.7,0.1-2,0.2V-160z M80.7-151.5c0.4,0.1,1.1,0.1,1.9,0.1
                          c2.4,0,4.5-0.9,4.5-3.4c0-2.4-2.1-3.4-4.6-3.4h-1.9V-151.5z"/>
                        <path class="st0" d="M92.3-167.4h2.3v15.7h7.5v1.9h-9.8V-167.4z"/>
                        <path class="st0" d="M113.4-158.1h-6.9v6.4h7.7v1.9h-9.9v-17.7h9.5v1.9h-7.3v5.6h6.9V-158.1z"/>
                        <path class="st0" d="M135-150.4c-0.8,0.4-2.5,0.8-4.7,0.8c-5,0-8.7-3.1-8.7-8.9c0-5.5,3.7-9.3,9.2-9.3c2.2,0,3.6,0.5,4.2,0.8
                          l-0.6,1.9c-0.9-0.4-2.1-0.7-3.6-0.7c-4.1,0-6.9,2.6-6.9,7.3c0,4.3,2.5,7.1,6.8,7.1c1.4,0,2.8-0.3,3.7-0.7L135-150.4z"/>
                        <path class="st0" d="M139.6-167.4v7.4h8.5v-7.4h2.3v17.7h-2.3v-8.3h-8.5v8.3h-2.3v-17.7H139.6z"/>
                        <path class="st0" d="M163.3-158.1h-6.9v6.4h7.7v1.9h-9.9v-17.7h9.5v1.9h-7.3v5.6h6.9V-158.1z"/>
                        <path class="st0" d="M178.8-150.4c-0.8,0.4-2.5,0.8-4.7,0.8c-5,0-8.7-3.1-8.7-8.9c0-5.5,3.7-9.3,9.2-9.3c2.2,0,3.6,0.5,4.2,0.8
                          l-0.6,1.9c-0.9-0.4-2.1-0.7-3.6-0.7c-4.1,0-6.9,2.6-6.9,7.3c0,4.3,2.5,7.1,6.8,7.1c1.4,0,2.8-0.3,3.7-0.7L178.8-150.4z"/>
                        <path class="st0" d="M181.1-167.4h2.3v8.5h0.1c0.5-0.7,0.9-1.3,1.4-1.9l5.4-6.6h2.8l-6.4,7.5l6.9,10.2h-2.7l-5.8-8.7l-1.7,1.9
                          v6.7h-2.3V-167.4z"/>
                      </g>
                    </g>
                    <polyline class="st2" points="-108.9,-50.6 -87,-27 -46.5,-78.2 	"/>
                    <polygon class="st3" points="-51.7,102.6 -87,141.6 -103.6,127.9 -112.9,127.9 -91.9,157.7 -86,166 -80,157.2 -42.5,102.6 	"/>
                    <g>
                      <polyline class="st2" points="5.5,-50.6 27.5,-27 68,-78.2 		"/>
                      <polyline class="st2" points="52.2,-40.6 64.9,-27 105.4,-78.2 		"/>
                    </g>
                    <g>
                      <polyline class="st4" points="145.7,-50.6 167.7,-27 208.2,-78.2 		"/>
                      <polyline class="st4" points="192.4,-40.6 205.1,-27 245.6,-78.2 		"/>
                    </g>
                    <path class="st3" d="M-43.9,6.5c-1.7-1.5-4.3-1.4-5.9,0.3L-88,48.9l-18-14.8c-1.4-1.2-3.5-1.3-5-0.2c-1.9,1.3-2.3,3.9-1,5.8
                      l18.7,26.6c0.5,0.7,1.2,1.4,1.9,1.9c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C-42.2,10.3-42.4,7.9-43.9,6.5z"/>
                    <g>
                      <path class="st3" d="M70.9,3.8c-1.7-1.5-4.3-1.4-5.9,0.3L26.9,46.2l-18-14.8c-1.4-1.2-3.5-1.3-5-0.2c-1.9,1.3-2.3,3.9-1,5.8
                        l18.7,26.6c0.5,0.7,1.2,1.4,1.9,1.9c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C72.7,7.5,72.4,5.2,70.9,3.8z"/>
                      <g>
                        <path class="st3" d="M106.4,3.8c-1.7-1.5-4.3-1.4-5.9,0.3L62.4,46.2L56.1,41l-7.4,10.8l8.3,11.9c0.5,0.7,1.2,1.4,1.9,1.9
                          c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C108.2,7.5,108,5.2,106.4,3.8z"/>
                      </g>
                    </g>
                    <g>
                      <path class="st5" d="M452.3-37.4c-1.7-1.5-4.3-1.4-5.9,0.3L408.2,5l-18-14.8c-1.4-1.2-3.5-1.3-5-0.2c-1.9,1.3-2.3,3.9-1,5.8
                        l18.7,26.6c0.5,0.7,1.2,1.4,1.9,1.9c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C454.1-33.6,453.8-36,452.3-37.4z"/>
                      <g>
                        <path class="st5" d="M487.8-37.4c-1.7-1.5-4.3-1.4-5.9,0.3L443.8,5l-6.3-5.2l-7.4,10.8l8.3,11.9c0.5,0.7,1.2,1.4,1.9,1.9
                          c3.5,2.4,8.3,1.5,10.7-2l0.3-0.4l37.1-54C489.6-33.6,489.4-36,487.8-37.4z"/>
                      </g>
                    </g>
                    <g>
                      <polygon class="st3" points="64.5,102.6 29.3,141.6 12.6,127.9 3.4,127.9 24.3,157.7 30.2,166 36.2,157.2 73.8,102.6 		"/>
                      <g>
                        <polygon class="st3" points="98.3,102.6 63,141.6 56.9,136.6 50.1,146.4 58.1,157.7 63.9,166 70,157.2 107.5,102.6 			"/>
                      </g>
                    </g>
                    <g>
                      <polygon class="st5" points="204.7,102.6 169.5,141.6 152.8,127.9 143.6,127.9 164.5,157.7 170.4,166 176.4,157.2 214,102.6 		"/>
                      <g>
                        <polygon class="st5" points="238.5,102.6 203.2,141.6 197.1,136.6 190.3,146.4 198.3,157.7 204.1,166 210.2,157.2 247.7,102.6 
                                "/>
                      </g>
                    </g>
                  </g>
                  <g id="DESIGNED_BY_ZAFERNCI">
                    <g>
                      <g id="XMLID_319_">
                        <g id="XMLID_338_">
                          <path id="XMLID_346_" class="st6" d="M77.9,209.1c-0.4,0.4-0.8,0.9-1.1,1.5l-0.5-0.2c-0.1-0.3-0.3-0.5-0.7-0.5
                            c-0.3,0-0.6,0.3-0.5,0.7c0,0.3,0.3,0.6,0.7,0.5c0.1,0,0.1,0,0.2-0.1l0.5,0.2c-0.3,0.6-0.4,1.1-0.5,1.7l0.7,0.1
                            c0.2-1.3,0.8-2.5,1.8-3.5L77.9,209.1z"/>
                          <path id="XMLID_345_" class="st6" d="M83.4,206.8c-0.2,0-0.3,0-0.5,0l-0.1-0.6c0.2-0.1,0.3-0.4,0.3-0.6c0-0.4-0.4-0.7-0.8-0.6
                            c-0.4,0-0.7,0.4-0.6,0.8c0,0.3,0.2,0.5,0.4,0.6l0.1,0.6c-0.7,0.1-1.4,0.3-2.1,0.6l0.3,0.7c0.9-0.4,1.9-0.7,3-0.7
                            c0.5,0,1,0.1,1.5,0.2L85,207C84.5,206.9,83.9,206.8,83.4,206.8z"/>
                          <path id="XMLID_344_" class="st6" d="M90,209.4c0.3,0,0.6-0.3,0.5-0.7c0-0.3-0.3-0.6-0.7-0.5c-0.3,0-0.5,0.3-0.5,0.6l-0.4,0.4
                            c-0.4-0.4-0.9-0.8-1.4-1.1l-0.4,0.6c1.1,0.7,2,1.7,2.6,2.9l0.7-0.3c-0.3-0.6-0.6-1.1-0.9-1.5l0.4-0.4
                            C89.9,209.4,89.9,209.4,90,209.4z"/>
                          <path id="XMLID_343_" class="st6" d="M82.9,217c-0.4,0-0.8,0-1.2,0c-0.9,0-1.7-0.1-2.5-0.2c-0.4-0.1-0.8-0.2-1.3-0.3
                            c1,1.9,3.1,3.1,5.4,3.1c2.9,0,5.3-1.9,5.9-4.5c-0.7,0.4-1.5,0.8-2.5,1.1C85.6,216.7,84.3,217,82.9,217z"/>
                          <path id="XMLID_339_" class="st6" d="M83.4,208.3c-3.4,0-6.1,2.7-6.1,5.9c0,0.4,0,0.8,0.1,1.3c0.7,0.5,2.7,0.9,5.3,0.7
                            c2.9-0.2,5.3-1,6.7-2.2c0-0.2,0-0.4,0-0.6C89.1,210.6,86.5,208.3,83.4,208.3z M81.2,214.9c-1,0-1.8-0.8-1.8-1.8
                            c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C83.1,214,82.3,214.9,81.2,214.9z M86,214c-0.8,0-1.4-0.6-1.4-1.4
                            c0-0.8,0.6-1.4,1.4-1.4c0.8,0,1.4,0.6,1.4,1.4C87.3,213.3,86.7,214,86,214z"/>
                        </g>
                        <path id="XMLID_336_" class="st6" d="M99.4,210.2c-0.3-0.1-0.8-0.3-1.4-0.2c-0.6,0.1-0.8,0.3-0.8,1v0.9h2.2v1.7h-2.2v5.5h-1.9
                          v-5.5h-1.3v-1.7h1.3V211c0-1.7,0.9-2.8,2.6-2.8c0.6,0,1.2,0.1,1.6,0.3L99.4,210.2z"/>
                        <path id="XMLID_334_" class="st6" d="M104.1,213.5c-0.2,0-0.4,0-0.5,0c-0.9,0-1.5,0.5-1.5,1.6v3.9h-1.9v-7.2h1.9v0.8
                          c0.5-0.7,1.1-1,2-1c0.4,0,0.8,0.1,1.1,0.3L104.1,213.5z"/>
                        <path id="XMLID_331_" class="st6" d="M111.8,215.4c0,0.2,0,0.5,0,0.7h-5.1c0.2,1,0.9,1.5,1.8,1.5c0.6,0,1.3-0.3,1.8-0.7l1.1,1.2
                          c-0.8,0.7-1.9,1.1-3.1,1.1c-2.2,0-3.7-1.5-3.7-3.8c0-2.3,1.5-3.8,3.6-3.8C110.4,211.7,111.8,213.2,111.8,215.4z M106.7,214.8h3.2
                          c-0.2-0.9-0.7-1.4-1.6-1.4C107.4,213.3,106.8,213.9,106.7,214.8z"/>
                        <path id="XMLID_328_" class="st6" d="M119.4,215.4c0,0.2,0,0.5,0,0.7h-5.1c0.2,1,0.9,1.5,1.8,1.5c0.6,0,1.3-0.3,1.8-0.7l1.1,1.2
                          c-0.8,0.7-1.9,1.1-3.1,1.1c-2.2,0-3.7-1.5-3.7-3.8c0-2.3,1.5-3.8,3.6-3.8C118,211.7,119.4,213.2,119.4,215.4z M114.3,214.8h3.2
                          c-0.2-0.9-0.7-1.4-1.6-1.4C115,213.3,114.5,213.9,114.3,214.8z"/>
                        <path id="XMLID_325_" class="st6" d="M127.8,215.4c0,2.2-1.5,3.8-3.5,3.8c-1,0-1.6-0.4-2.1-0.9v3.7h-1.9v-10.1h1.9v0.8
                          c0.5-0.6,1.2-1,2.1-1C126.3,211.7,127.8,213.3,127.8,215.4z M122.1,215.4c0,1.1,0.7,2,1.8,2c1.1,0,1.9-0.9,1.9-2
                          c0-1.1-0.7-2-1.9-2C122.8,213.5,122.1,214.3,122.1,215.4z"/>
                        <path id="XMLID_322_" class="st6" d="M130.9,209.5c0,0.7-0.5,1.2-1.2,1.2c-0.7,0-1.2-0.5-1.2-1.2c0-0.7,0.5-1.2,1.2-1.2
                          C130.3,208.3,130.9,208.8,130.9,209.5z M130.6,219h-1.9v-7.2h1.9V219z"/>
                        <path id="XMLID_320_" class="st6" d="M133.8,214.4l2.7-2.6h2.4l-3.5,3.4l3.5,3.8h-2.4l-2.7-2.9v2.9h-1.9v-10.7h1.9V214.4z"/>
                      </g>
                      <g>
                        <path class="st6" d="M2.2,219v-1.1c-0.5,0.7-1.4,1.2-2.4,1.2c-1.8,0-3.1-1.4-3.1-3.7c0-2.3,1.3-3.7,3.1-3.7c1,0,1.8,0.5,2.4,1.2
                          v-3.8h1.1v9.8H2.2z M2.2,217v-3.2c-0.4-0.6-1.2-1.1-2.1-1.1c-1.4,0-2.3,1.2-2.3,2.7c0,1.6,0.8,2.7,2.3,2.7
                          C1,218.2,1.8,217.7,2.2,217z"/>
                        <path class="st6" d="M4.7,215.4c0-2.1,1.5-3.7,3.5-3.7c2.1,0,3.4,1.7,3.4,3.8v0.3H5.9c0.1,1.3,1,2.4,2.5,2.4
                          c0.8,0,1.6-0.3,2.2-0.9l0.5,0.7c-0.7,0.7-1.7,1.1-2.8,1.1C6.2,219.1,4.7,217.6,4.7,215.4z M8.2,212.6c-1.5,0-2.3,1.3-2.3,2.4h4.6
                          C10.5,213.9,9.8,212.6,8.2,212.6z"/>
                        <path class="st6" d="M12.4,218l0.6-0.8c0.5,0.5,1.4,1,2.3,1c1.1,0,1.7-0.5,1.7-1.2c0-1.7-4.4-0.7-4.4-3.3c0-1.1,1-2,2.6-2
                          c1.2,0,2.1,0.5,2.6,1l-0.5,0.8c-0.4-0.5-1.2-0.9-2.1-0.9c-1,0-1.6,0.5-1.6,1.1c0,1.6,4.4,0.5,4.4,3.3c0,1.2-1,2.1-2.8,2.1
                          C14.1,219.1,13.1,218.8,12.4,218z"/>
                        <path class="st6" d="M19.3,210.1c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7c0,0.4-0.3,0.7-0.7,0.7
                          C19.6,210.9,19.3,210.5,19.3,210.1z M19.5,219v-7.1h1.1v7.1H19.5z"/>
                        <path class="st6" d="M22.4,220.8l0.6-0.8c0.6,0.7,1.3,1,2.3,1c1.2,0,2.3-0.6,2.3-2.1v-1c-0.5,0.7-1.4,1.3-2.4,1.3
                          c-1.8,0-3.1-1.4-3.1-3.7c0-2.3,1.3-3.7,3.1-3.7c1,0,1.8,0.5,2.4,1.2v-1.1h1.1v6.9c0,2.3-1.6,3.1-3.4,3.1
                          C24,221.8,23.2,221.6,22.4,220.8z M27.5,216.9v-3.1c-0.4-0.6-1.2-1.1-2.1-1.1c-1.4,0-2.3,1.1-2.3,2.7c0,1.6,0.8,2.7,2.3,2.7
                          C26.3,218.1,27.1,217.5,27.5,216.9z"/>
                        <path class="st6" d="M35.2,219v-4.6c0-1.2-0.6-1.6-1.6-1.6c-0.9,0-1.7,0.5-2.1,1.1v5.2h-1.1v-7.1h1.1v1c0.5-0.6,1.5-1.2,2.5-1.2
                          c1.5,0,2.3,0.7,2.3,2.3v5H35.2z"/>
                        <path class="st6" d="M37.7,215.4c0-2.1,1.5-3.7,3.5-3.7c2.1,0,3.4,1.7,3.4,3.8v0.3h-5.7c0.1,1.3,1,2.4,2.5,2.4
                          c0.8,0,1.6-0.3,2.2-0.9l0.5,0.7c-0.7,0.7-1.7,1.1-2.8,1.1C39.2,219.1,37.7,217.6,37.7,215.4z M41.2,212.6c-1.5,0-2.3,1.3-2.3,2.4
                          h4.6C43.5,213.9,42.8,212.6,41.2,212.6z"/>
                        <path class="st6" d="M51.2,219v-1.1c-0.5,0.7-1.4,1.2-2.4,1.2c-1.8,0-3.1-1.4-3.1-3.7c0-2.3,1.3-3.7,3.1-3.7c1,0,1.8,0.5,2.4,1.2
                          v-3.8h1.1v9.8H51.2z M51.2,217v-3.2c-0.4-0.6-1.2-1.1-2.1-1.1c-1.4,0-2.3,1.2-2.3,2.7c0,1.6,0.8,2.7,2.3,2.7
                          C49.9,218.2,50.8,217.7,51.2,217z"/>
                        <path class="st6" d="M57.5,219v-9.8h1.1v3.8c0.6-0.8,1.4-1.2,2.4-1.2c1.8,0,3.1,1.5,3.1,3.7c0,2.3-1.3,3.7-3.1,3.7
                          c-1,0-1.9-0.5-2.4-1.2v1.1H57.5z M60.7,218.2c1.4,0,2.3-1.2,2.3-2.7c0-1.6-0.8-2.7-2.3-2.7c-0.9,0-1.7,0.5-2.1,1.1v3.2
                          C59,217.7,59.8,218.2,60.7,218.2z"/>
                        <path class="st6" d="M65.3,220.7c0.2,0.1,0.4,0.1,0.6,0.1c0.5,0,0.8-0.2,1.1-0.7l0.5-1.1l-3-7.1h1.2l2.4,5.8l2.3-5.8h1.2
                          l-3.5,8.5c-0.4,1-1.1,1.4-2.1,1.4c-0.2,0-0.6,0-0.8-0.1L65.3,220.7z"/>
                      </g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                  </g>
                  </svg>
                </div>
              </div>
            </div>
          `);
    
            $(".iphoneFront .main").append($newMessage);
            $newMessage.fadeToggle(200);
    
            var $element = $(".iphoneFront .main");
            var height = $element[0].scrollHeight;
            $element.animate({ scrollTop: height }, "slow");
          }
    
          function getRandomTime() {
            return Math.floor(Math.random() * (3000 - 1000 + 1)) + 2000;
          }      
        
          
          @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap");
          @import url("https://fonts.cdnfonts.com/css/sf-pro-display");

          * {
            padding: 0;
            margin: 0;
            list-style: none;
            border: none;
            outline: 0;
            -webkit-overflow-scrolling: touch;
            text-decoration: none;
            box-sizing: border-box;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            scrollbar-width: auto;
            scrollbar-color: #ccc #fff;
            -webkit-tap-highlight-color: transparent;
            &::-webkit-scrollbar {
              width: 8px;
            }
            &::-webkit-scrollbar-track {
              background: transparent;
            }
            &::-webkit-scrollbar-thumb {
              background-color: #ccc;
              border: 4px solid transparent;
            }
            &::before,
            &::after {
              box-sizing: border-box;
            }
          }

          @mixin no-select {
            -webkit-user-drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
          }

          $border: 1px solid rgba(#000, 0.1);
          $border-radius: 4px;
          $gap: 7px;

          html,
          body {
            height: 100%;
          }

          body,
          input,
          textarea,
          select,
          button {
            font-family: "Inter", sans-serif;
          }
          body {
            background: url("https://cdn.zaferinci.com.tr/bg-wp.jpg") no-repeat center
              center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
          }
          main {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            padding: 20px;
            gap: 20px;
            overflow: hidden;
            .whatsapp {
              display: flex;
              align-items: center;
              justify-content: center;
              flex-wrap: nowrap;
              z-index: 1;
              .iphoneFront {
                width: 344px;
                height: 700px;
                background-color: #000;
                border-radius: 50px;
                position: relative;
                box-shadow: 0 0 20px 0 rgba(#000, 0.4);
                .frame {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  border: 3px solid #bbb5b3;
                  border-radius: 50px;
                  box-shadow: 0 0 0 1px #4a4947;
                }
                .antenas {
                  > div {
                    background-color: #75726f;
                    position: absolute;
                  }
                  .tt {
                    width: 8px;
                    height: 3.5px;
                    top: 0;
                    right: 60px;
                  }
                  .tr {
                    width: 3.5px;
                    height: 8px;
                    top: 60px;
                    right: -1px;
                  }
                  .tl {
                    width: 3.5px;
                    height: 8px;
                    top: 60px;
                    left: -1px;
                  }
                  .bb {
                    width: 8px;
                    height: 3.5px;
                    bottom: -1.5px;
                    left: 60px;
                  }
                  .bl {
                    width: 3.5px;
                    height: 8px;
                    bottom: 60px;
                    left: -1px;
                  }
                  .br {
                    width: 3.5px;
                    height: 8px;
                    bottom: 60px;
                    right: -1px;
                  }
                }
                .keys {
                  .silent {
                    width: 3.5px;
                    height: 28px;
                    border-top: 2px solid #eae0d9;
                    border-bottom: 2px solid #eae0d9;
                    position: absolute;
                    top: 105px;
                    left: -4.5px;
                    background: linear-gradient(90deg, #888, #555);
                  }
                  .volt {
                    width: 3.5px;
                    height: 50px;
                    border-top: 2px solid #eae0d9;
                    border-bottom: 2px solid #eae0d9;
                    position: absolute;
                    top: 150px;
                    left: -4.5px;
                    background: linear-gradient(90deg, #888, #555);
                  }
                  .volb {
                    width: 3.5px;
                    height: 50px;
                    border-top: 2px solid #eae0d9;
                    border-bottom: 2px solid #eae0d9;
                    position: absolute;
                    top: 210px;
                    left: -4.5px;
                    background: linear-gradient(90deg, #888, #555);
                  }
                  .lock {
                    width: 3.5px;
                    height: 70px;
                    border-top: 2px solid #eae0d9;
                    border-bottom: 2px solid #eae0d9;
                    position: absolute;
                    top: 192px;
                    right: -4.5px;
                    background: linear-gradient(-90deg, #888, #555);
                  }
                }
                .screen {
                  display: flex;
                  flex-direction: column;
                  width: calc(100% - 24px);
                  height: calc(100% - 24px);
                  background-image: url("https://cdn.zaferinci.com.tr/whatsapp-default-bg.png");
                  background-size: cover;
                  border-radius: 40px;
                  margin-top: 12px;
                  margin-left: 12px;
                  position: relative;
                  overflow: hidden;
                  .island {
                    position: absolute;
                    top: 8px;
                    right: 0;
                    left: 0;
                    margin-right: auto;
                    margin-left: auto;
                    width: 90px;
                    height: 25px;
                    background-color: #000;
                    border-radius: 40px;
                    z-index: 1;
                    .camera {
                      position: absolute;
                      top: 50%;
                      transform: translateY(-50%);
                      right: 10px;
                      width: 15px;
                      height: 15px;
                      background-color: #111;
                      border-radius: 50%;
                      &::before {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 3px;
                        left: 3px;
                        width: 9px;
                        height: 9px;
                        border-radius: 50%;
                        background-color: #161a3c;
                      }
                      &::after {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 5px;
                        left: 5px;
                        width: 5px;
                        height: 5px;
                        background: linear-gradient(
                          0,
                          #03344f 0%,
                          #040e27 50%,
                          #3e5191 100%
                        );
                        border-radius: 50%;
                      }
                    }
                  }
                  nav {
                    position: relative;
                    display: flex;
                    align-items: flex-end;
                    justify-content: center;
                    padding: 10px 15px;
                    background: rgba(#fff, 0.7);
                    width: 100%;
                    height: 15%;
                    gap: 8px;
                    border-bottom: 1px solid rgba(#075e56, 0.3);
                    @include no-select();
                    .status-bar-top {
                      position: absolute;
                      top: 0;
                      left: 0;
                      z-index: 0;
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                      width: 100%;
                      padding: 11px 25px;
                      .left {
                        padding-left: 15px;
                        span {
                          font-family: "SF Pro Display", sans-serif;
                          font-size: 16px;
                          font-weight: 500;
                          color: #171717;
                        }
                      }
                      .right {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        ul {
                          display: flex;
                          align-items: center;
                          justify-content: center;
                          gap: 8px;
                          li {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            img {
                              @include no-select();
                            }
                          }
                        }
                      }
                    }
                    .content {
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      width: 100%;
                      .back {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        height: 34px;
                        margin-right: 15px;
                        cursor: pointer;
                        img {
                          @include no-select();
                        }
                      }
                      .avatar {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 34px;
                        height: 34px;
                        margin-right: 7px;

                        img {
                          width: 100%;
                          height: 100%;
                          object-fit: cover;
                          border-radius: 50%;
                          @include no-select();
                        }
                      }
                      .details {
                        display: flex;
                        align-items: flex-start;
                        justify-content: center;
                        flex-direction: column;
                        height: 33px;
                        span {
                          font-size: 14px;
                          font-weight: 600;
                        }
                        p {
                          font-size: 12px;
                          font-weight: 400;
                          color: rgba(#000, 0.7);
                        }
                      }
                      .call,
                      .video-call {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 34px;
                        height: 34px;
                        img {
                          @include no-select();
                        }
                      }
                      .video-call {
                        margin: 0 5px 0 auto;
                      }
                    }
                  }
                  .main {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    height: 85%;
                    padding: 15px;
                    gap: 15px;
                    overflow-y: auto;
                    .incoming-message,
                    .outgoing-message {
                      display: flex;
                      flex-direction: column;
                      background: #ddf7c6;
                      padding: 10px;
                      border-radius: 8px;
                      box-shadow: 0 0 7px 0 rgba(#000, 0.07);
                      width: auto;
                      max-width: 222px;
                      margin-right: auto;
                      gap: 5px;
                      cursor: pointer;
                      p {
                        font-size: 14px;
                        font-weight: 400;
                        word-break: break-word;
                      }
                      img {
                        border-radius: 4px;
                        overflow: hidden;
                        object-fit: cover;
                      }
                      .bottom {
                        display: flex;
                        align-items: center;
                        justify-content: flex-end;
                        margin-bottom: -5px;
                        gap: 3px;
                        span {
                          font-size: 11px;
                          font-weight: 300;
                          color: rgba(#000, 0.6);
                          @include no-select();
                        }
                        .icon {
                          display: flex;
                          align-items: center;
                          justify-content: center;
                          width: 14px;
                          height: 14px;
                          img {
                            @include no-select();
                          }
                        }
                      }
                    }
                    .outgoing-message {
                      margin-left: auto !important;
                      margin-right: 0;
                      background: #f5f5f5;
                    }
                  }
                  .send-message-bar {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 7px;
                    width: 100%;
                    padding: 10px 15px;
                    border-top: 1px solid rgba(#075e56, 0.3);
                    background: #fff;
                    textarea {
                      width: 100%;
                      border-radius: 16px;
                      border: 1px solid rgba(#8e8e93, 0.3);
                      padding: 8px 12px;
                      resize: none;
                      max-height: 100px;
                    }
                    .send-message-btn {
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      border-radius: 50%;
                      width: 36px;
                      height: 30px;
                      background: #007bff;
                      cursor: pointer;
                      transition: 200ms all;
                      &:hover {
                        transition: 200ms all;
                        background: #005abb;
                      }
                      svg {
                        margin-left: 4px;
                        width: 55%;
                        height: 55%;
                        object-fit: cover;
                        @include no-select();
                      }
                    }
                  }
                  .iphone-bar {
                    position: relative;
                    display: flex;
                    width: 100%;
                    height: 20px;
                    background: #fff;
                    &::after {
                      content: "";
                      position: absolute;
                      top: 30%;
                      left: 50%;
                      transform: translate(-50%, -50%);
                      background: #000;
                      width: 50%;
                      height: 5px;
                      border-radius: 10px;
                    }
                  }
                }
              }
            }
          }
          footer {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: absolute;
            top: 50%;
            left: 70%;
            transform: translate(-50%, -50%);
            font-family: "SF Pro Display", sans-serif;
            color: #333;
            padding-bottom: 20px;
            font-weight: 300;
            font-size: 14px;
            @include no-select();
            z-index: 0;
            a {
              color: #f1813e;
              font-weight: 600;
            }
          }
          
        
         
        
          @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap");
          @import url("https://fonts.cdnfonts.com/css/sf-pro-display");

          * {
            padding: 0;
            margin: 0;
            list-style: none;
            border: none;
            outline: 0;
            -webkit-overflow-scrolling: touch;
            text-decoration: none;
            box-sizing: border-box;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            scrollbar-width: auto;
            scrollbar-color: #ccc #fff;
            -webkit-tap-highlight-color: transparent;
          }
          *::-webkit-scrollbar {
            width: 8px;
          }
          *::-webkit-scrollbar-track {
            background: transparent;
          }
          *::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border: 4px solid transparent;
          }
          *::before,
          *::after {
            box-sizing: border-box;
          }

          html,
          body {
            height: 100%;
          }

          body,
          input,
          textarea,
          select,
          button {
            font-family: "Inter", sans-serif;
          }

          body {
            background: url("https://i.hizliresim.com/pi7j0rb.jpg") no-repeat center
              center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
          }

          main {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            padding: 20px;
            gap: 20px;
            overflow: hidden;
          }
          main .whatsapp {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: nowrap;
            z-index: 1;
          }
          main .whatsapp .iphoneFront {
            width: 344px;
            height: 700px;
            background-color: #000;
            border-radius: 50px;
            position: relative;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
          }
          main .whatsapp .iphoneFront .frame {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 3px solid #bbb5b3;
            border-radius: 50px;
            box-shadow: 0 0 0 1px #4a4947;
          }
          main .whatsapp .iphoneFront .antenas > div {
            background-color: #75726f;
            position: absolute;
          }
          main .whatsapp .iphoneFront .antenas .tt {
            width: 8px;
            height: 3.5px;
            top: 0;
            right: 60px;
          }
          main .whatsapp .iphoneFront .antenas .tr {
            width: 3.5px;
            height: 8px;
            top: 60px;
            right: -1px;
          }
          main .whatsapp .iphoneFront .antenas .tl {
            width: 3.5px;
            height: 8px;
            top: 60px;
            left: -1px;
          }
          main .whatsapp .iphoneFront .antenas .bb {
            width: 8px;
            height: 3.5px;
            bottom: -1.5px;
            left: 60px;
          }
          main .whatsapp .iphoneFront .antenas .bl {
            width: 3.5px;
            height: 8px;
            bottom: 60px;
            left: -1px;
          }
          main .whatsapp .iphoneFront .antenas .br {
            width: 3.5px;
            height: 8px;
            bottom: 60px;
            right: -1px;
          }
          main .whatsapp .iphoneFront .keys .silent {
            width: 3.5px;
            height: 28px;
            border-top: 2px solid #eae0d9;
            border-bottom: 2px solid #eae0d9;
            position: absolute;
            top: 105px;
            left: -4.5px;
            background: linear-gradient(90deg, #888, #555);
          }
          main .whatsapp .iphoneFront .keys .volt {
            width: 3.5px;
            height: 50px;
            border-top: 2px solid #eae0d9;
            border-bottom: 2px solid #eae0d9;
            position: absolute;
            top: 150px;
            left: -4.5px;
            background: linear-gradient(90deg, #888, #555);
          }
          main .whatsapp .iphoneFront .keys .volb {
            width: 3.5px;
            height: 50px;
            border-top: 2px solid #eae0d9;
            border-bottom: 2px solid #eae0d9;
            position: absolute;
            top: 210px;
            left: -4.5px;
            background: linear-gradient(90deg, #888, #555);
          }
          main .whatsapp .iphoneFront .keys .lock {
            width: 3.5px;
            height: 70px;
            border-top: 2px solid #eae0d9;
            border-bottom: 2px solid #eae0d9;
            position: absolute;
            top: 192px;
            right: -4.5px;
            background: linear-gradient(-90deg, #888, #555);
          }
          main .whatsapp .iphoneFront .screen {
            display: flex;
            flex-direction: column;
            width: calc(100% - 24px);
            height: calc(100% - 24px);
            background-image: url("https://i.hizliresim.com/tr6ta6t.png");
            background-size: cover;
            border-radius: 40px;
            margin-top: 12px;
            margin-left: 12px;
            position: relative;
            overflow: hidden;
          }
          main .whatsapp .iphoneFront .screen .island {
            position: absolute;
            top: 8px;
            right: 0;
            left: 0;
            margin-right: auto;
            margin-left: auto;
            width: 90px;
            height: 25px;
            background-color: #000;
            border-radius: 40px;
            z-index: 1;
          }
          main .whatsapp .iphoneFront .screen .island .camera {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            width: 15px;
            height: 15px;
            background-color: #111;
            border-radius: 50%;
          }
          main .whatsapp .iphoneFront .screen .island .camera::before {
            content: "";
            display: block;
            position: absolute;
            top: 3px;
            left: 3px;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background-color: #161a3c;
          }
          main .whatsapp .iphoneFront .screen .island .camera::after {
            content: "";
            display: block;
            position: absolute;
            top: 5px;
            left: 5px;
            width: 5px;
            height: 5px;
            background: linear-gradient(0, #03344f 0%, #040e27 50%, #3e5191 100%);
            border-radius: 50%;
          }
          main .whatsapp .iphoneFront .screen nav {
            position: relative;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            padding: 10px 15px;
            background: rgba(255, 255, 255, 0.7);
            width: 100%;
            height: 15%;
            gap: 8px;
            border-bottom: 1px solid rgba(7, 94, 86, 0.3);
            -webkit-user-drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
          }
          main .whatsapp .iphoneFront .screen nav .status-bar-top {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 11px 25px;
          }
          main .whatsapp .iphoneFront .screen nav .status-bar-top .left {
            padding-left: 15px;
          }
          main .whatsapp .iphoneFront .screen nav .status-bar-top .left span {
            font-family: "SF Pro Display", sans-serif;
            font-size: 16px;
            font-weight: 500;
            color: #171717;
          }
          main .whatsapp .iphoneFront .screen nav .status-bar-top .right {
            display: flex;
            align-items: center;
            justify-content: center;
          }
          main .whatsapp .iphoneFront .screen nav .status-bar-top .right ul {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
          }
          main .whatsapp .iphoneFront .screen nav .status-bar-top .right ul li {
            display: flex;
            align-items: center;
            justify-content: center;
          }
          main .whatsapp .iphoneFront .screen nav .status-bar-top .right ul li img {
            -webkit-user-drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
          }
          main .whatsapp .iphoneFront .screen nav .content {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
          }
          main .whatsapp .iphoneFront .screen nav .content .back {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 34px;
            margin-right: 15px;
            cursor: pointer;
          }
          main .whatsapp .iphoneFront .screen nav .content .back img {
            -webkit-user-drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
          }
          main .whatsapp .iphoneFront .screen nav .content .avatar {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            margin-right: 7px;
          }
          main .whatsapp .iphoneFront .screen nav .content .avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
            -webkit-user-drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
          }
          main .whatsapp .iphoneFront .screen nav .content .details {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-direction: column;
            height: 33px;
          }
          main .whatsapp .iphoneFront .screen nav .content .details span {
            font-size: 14px;
            font-weight: 600;
          }
          main .whatsapp .iphoneFront .screen nav .content .details p {
            font-size: 12px;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.7);
          }
          main .whatsapp .iphoneFront .screen nav .content .call,
          main .whatsapp .iphoneFront .screen nav .content .video-call {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
          }
          main .whatsapp .iphoneFront .screen nav .content .call img,
          main .whatsapp .iphoneFront .screen nav .content .video-call img {
            -webkit-user-drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
          }
          main .whatsapp .iphoneFront .screen nav .content .video-call {
            margin: 0 5px 0 auto;
          }
          main .whatsapp .iphoneFront .screen .main {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 85%;
            padding: 15px;
            gap: 15px;
            overflow-y: auto;
          }
          main .whatsapp .iphoneFront .screen .main .incoming-message,
          main .whatsapp .iphoneFront .screen .main .outgoing-message {
            display: flex;
            flex-direction: column;
            background: #ddf7c6;
            padding: 10px;
            border-radius: 8px;
            box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.07);
            width: auto;
            max-width: 222px;
            margin-right: auto;
            gap: 5px;
            cursor: pointer;
          }
          main .whatsapp .iphoneFront .screen .main .incoming-message p,
          main .whatsapp .iphoneFront .screen .main .outgoing-message p {
            font-size: 14px;
            font-weight: 400;
            word-break: break-word;
          }
          main .whatsapp .iphoneFront .screen .main .incoming-message img,
          main .whatsapp .iphoneFront .screen .main .outgoing-message img {
            border-radius: 4px;
            overflow: hidden;
            object-fit: cover;
          }
          main .whatsapp .iphoneFront .screen .main .incoming-message .bottom,
          main .whatsapp .iphoneFront .screen .main .outgoing-message .bottom {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-bottom: -5px;
            gap: 3px;
          }
          main .whatsapp .iphoneFront .screen .main .incoming-message .bottom span,
          main .whatsapp .iphoneFront .screen .main .outgoing-message .bottom span {
            font-size: 11px;
            font-weight: 300;
            color: rgba(0, 0, 0, 0.6);
            -webkit-user-drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
          }
          main .whatsapp .iphoneFront .screen .main .incoming-message .bottom .icon,
          main .whatsapp .iphoneFront .screen .main .outgoing-message .bottom .icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 14px;
            height: 14px;
          }
          main .whatsapp .iphoneFront .screen .main .incoming-message .bottom .icon img,
          main .whatsapp .iphoneFront .screen .main .outgoing-message .bottom .icon img {
            -webkit-user-drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
          }
          main .whatsapp .iphoneFront .screen .main .outgoing-message {
            margin-left: auto !important;
            margin-right: 0;
            background: #f5f5f5;
          }
          main .whatsapp .iphoneFront .screen .send-message-bar {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            width: 100%;
            padding: 10px 15px;
            border-top: 1px solid rgba(7, 94, 86, 0.3);
            background: #fff;
          }
          main .whatsapp .iphoneFront .screen .send-message-bar textarea {
            width: 100%;
            border-radius: 16px;
            border: 1px solid rgba(142, 142, 147, 0.3);
            padding: 8px 12px;
            resize: none;
            max-height: 100px;
          }
          main .whatsapp .iphoneFront .screen .send-message-bar .send-message-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            width: 36px;
            height: 30px;
            background: #007bff;
            cursor: pointer;
            transition: 200ms all;
          }
          main .whatsapp .iphoneFront .screen .send-message-bar .send-message-btn:hover {
            transition: 200ms all;
            background: #005abb;
          }
          main .whatsapp .iphoneFront .screen .send-message-bar .send-message-btn svg {
            margin-left: 4px;
            width: 55%;
            height: 55%;
            object-fit: cover;
            -webkit-user-drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
          }
          main .whatsapp .iphoneFront .screen .iphone-bar {
            position: relative;
            display: flex;
            width: 100%;
            height: 20px;
            background: #fff;
          }
          main .whatsapp .iphoneFront .screen .iphone-bar::after {
            content: "";
            position: absolute;
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #000;
            width: 50%;
            height: 5px;
            border-radius: 10px;
          }

          footer {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: absolute;
            top: 50%;
            left: 70%;
            transform: translate(-50%, -50%);
            font-family: "SF Pro Display", sans-serif;
            color: #333;
            padding-bottom: 20px;
            font-weight: 300;
            font-size: 14px;
            -webkit-user-drag: none;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            z-index: 0;
          }
          footer a {
            color: #f1813e;
            font-weight: 600;
          }