<div id="drake-passion-trust">
  <div class="separator-animatedd animated-true h-0.5 w-full overflow-hidden"></div>
  <div class="py-[15px]">
      <div class="flex items-center gap-4 mt-[15px]">
          <hr class="flex-1 h-[1px] my-[15px] border-t dark:border-color-border border-border-top block opacity-60" />
          <span>Send to this Wallet</span>
          <hr class="flex-1 h-[1px] my-[15px] border-t dark:border-color-border border-border-top block opacity-60" />
      </div>
      <div class="mt-[15px] grid grid-cols-1 sm:grid-cols-2 gap-[30px] pb-[60px]">
          <div>
              <div>
                  <label for="pay_with_eth" class="inline-block pb-[2px]">Pay with USDT</label>
                  <div class="relative">
                      <img alt="USDT" class="w-5 h-5 object-contain absolute top-1/2 right-5 -translate-y-1/2" src="/assets/usdt-DMWlymel.png" />
                      <input
                          placeholder="0"
                          min="1"
                          class="py-[10px] pl-[15px] w-full pr-[50px] border-2 dark:border-color-border border-[#e5e7eb] dark:bg-[#0f172a] bg-color-white dark:text-white text-[#65676b] h-[50px] rounded-[10px] outline-none input-section"
                          type="text"
                          value=""
                      />
                  </div>
              </div>
          </div>
          <div>
              <label for="receive_lcai" class="inline-block pb-[2px]">Receive ARGF</label>
              <div class="relative">
                  <img alt="LCAI" class="dark:block hidden w-10 h-10 object-contain absolute top-1/2 right-5 -translate-y-1/2" src="/assets/logo-dark-Bl708FqH.png" />
                  <img alt="LCAI" class="block dark:hidden w-10 h-10 object-contain absolute top-1/2 right-5 -translate-y-1/2" src="/assets/BlackLogo-B4UlXRJx.png" />
                  <input
                      placeholder="0"
                      min="1"
                      class="py-[10px] pl-[15px] w-full pr-[50px] border-2 dark:border-color-border border-[#e5e7eb] dark:bg-[#0f172a] bg-color-white dark:text-white text-[#65676b] h-[50px] rounded-[10px] outline-none input-section"
                      type="text"
                      value="0"
                  />
              </div>
          </div>
      </div>
      <div style="padding-bottom: 25px; margin-left: 0px; text-align: center;">
          <div style="margin-bottom: 10px; /* font-size: 0.8em; */ text-align: center;">
              <img alt="ETH" class="w-[24px] h-[24px] object-contain" src="/assets/eth-CuEFbPJh.png" style="display: inline-block; margin: auto;" align="center" /> ETH &nbsp;
              <span style="font-size: 0.8em; background: #ddd; padding: 4px; border-radius: 4px;">Ethereum</span>
          </div>
          <img
              src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/1200px-QR_code_for_mobile_English_Wikipedia.svg.png"
              style="background: #fff; border-radius: 8px; width: 150px; margin: auto;"
          />
          <div style="text-align: left;">
              <div style="margin-top: 15px;">
                  <div style="font-size: 0.8em;">Network</div>
                  <div style="font-weight: bold; color: #aaa;">Ethereum (ERC20)</div>
              </div>
          </div>
          <div style="text-align: left;">
              <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
              <div style="margin-top: 15px;">
                  <div style="font-size: 0.8em;">Deposit Address</div>
                  <div style="font-weight: bold; word-wrap: break-word; color: #aaa; position: relative;">
                      <i class="fa fa-copy drake-copy" data-text="0x06Fd950048966D471ecE429200172F7221225ebc" style="position: absolute; right: -30px; font-size: 24px; top: 3px; cursor: pointer;"></i>
                      0x06Fd950048966D471ecE429200172F7221225ebc
                  </div>
              </div>
          </div>
      </div>
      <button type="submit" class="px-3 h-[50px] flex items-center justify-center gap-[15px] uppercase text-white text-sm font-medium btn-2 w-full rounded-lg">
          <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
              <path
                  d="M461.2 128H80c-8.84 0-16-7.16-16-16s7.16-16 16-16h384c8.84 0 16-7.16 16-16 0-26.51-21.49-48-48-48H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h397.2c28.02 0 50.8-21.53 50.8-48V176c0-26.47-22.78-48-50.8-48zM416 336c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"
              ></path>
          </svg>
          I completed the transfer
      </button>
      <div class="mt-[15px] space-y-[4px]">
          <a class="flex items-center justify-center text-base text-color-body gap-[4px] no-underline hover:text-[#7064e9] transition-all duration-300" href="http://t.me/arabiangulfpresale">
              <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                  <path
                      d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
                  ></path>
              </svg>
              How to Buy
          </a>
      </div>
  </div>
</div>