<html><head></head><body><div class="ApprovedVisitor" style="width: 428px; height: 10px; position: relative; background-color: white;">
      <div
        class="Frame294"
        style="height: 24px; left: 24px; top: 124px; position: absolute; opacity: 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; display: inline-flex"
      >
        <div class="Frame286" style="justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex">
          <div class="MdiArrowLeft" style="width: 16px; height: 16px; position: relative">
            <div class="Vector" style="width: 10.56px; height: 10.56px; left: 2.77px; top: 2.72px; position: absolute; background: #052439"></div>
          </div>
          <div
            class="Text"
            style="color: #052439; font-size: 16px; font-family: Roboto; font-weight: 300; line-height: 24px; word-wrap: break-word"
          >Invite Visitor</div>
        </div>
      </div>
      <div class="MdiClose" style="width: 24px; height: 24px; left: 389px; top: 15px; position: absolute">
        <div class="Vector" style="width: 14px; height: 14px; left: 5px; top: 5px; position: absolute; background: rgba(0, 0, 0, 0.38)"></div>
      </div>
      <div
        class="Frame388"
        style="left: 54px; top: 124px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: center; gap: 29px; display: inline-flex"
      >
        <div
          class="HeyAlex"
          style="color: #052439; font-size: 32px; font-family: Roboto; font-weight: 600; line-height: 30px; word-wrap: break-word"
        >Hey Alex,</div>
        <div class="ThankYouForRegisteringYourVisitYouAreNowReadyToCheckInUponArrivalOn2732024" style="width: 316px; text-align: center"><span
            style="color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 30px; word-wrap: break-word"
          >Thank you for registering your visit. You are now ready to check in upon arrival on </span><span
            style="color: #052439; font-size: 16px; font-family: Roboto; font-weight: 500; line-height: 30px; word-wrap: break-word"
          >{{arrivalDate}}</span><span
            style="color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 30px; word-wrap: break-word"
          >.</span></div>
      </div>
      <div class="Frame407" style="width: 428px; height: 98px; left: 0px; top: -4px; position: absolute; background: #052439">
        <div
          class="Frame2"
          style="left: 162px; top: 30px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex"
        >
          <div class="Frame238" style="width: 104.20px; height: 32px; position: relative">
            <div
              class="Rectangle12"
              style="width: 2.25px; height: 24.50px; left: 39.94px; top: 1.12px; position: absolute; transform: rotate(-30deg); transform-origin: 0 0; background: white"
            ></div>
            <div
              class="Rectangle11"
              style="width: 2.24px; height: 22.08px; left: 61.84px; top: 2.22px; position: absolute; transform: rotate(30deg); transform-origin: 0 0; background: #EB261E"
            ></div>
            <div class="Rectangle10" style="width: 11.25px; height: 2px; left: 52.52px; top: 1.34px; position: absolute; background: #EB261E"></div>
            <div class="Frame17" style="width: 15.41px; height: 20.68px; left: 0px; top: 1.13px; position: absolute">
              <div class="Rectangle1" style="width: 15.41px; height: 2.03px; left: 0px; top: 0px; position: absolute; background: white"></div>
              <div class="Rectangle5" style="width: 15.41px; height: 2.03px; left: 0px; top: 18.65px; position: absolute; background: white"></div>
              <div class="Rectangle3" style="width: 15.41px; height: 2.03px; left: 0px; top: 9.73px; position: absolute; background: white"></div>
              <div
                class="Rectangle2"
                style="width: 11.35px; height: 2.03px; left: 2.03px; top: 0.20px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: white"
              ></div>
              <div
                class="Rectangle4"
                style="width: 10.95px; height: 2.03px; left: 15.41px; top: 9.73px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: white"
              ></div>
            </div>
            <div class="Frame16" style="width: 15.44px; height: 20.69px; left: 20.26px; top: 1.17px; position: absolute">
              <div class="Rectangle6" style="width: 15.41px; height: 2.03px; left: 0.03px; top: 0px; position: absolute; background: white"></div>
              <div class="Rectangle7" style="width: 15.41px; height: 2.03px; left: 0.03px; top: 9.73px; position: absolute; background: white"></div>
              <div class="Rectangle9" style="width: 15.41px; height: 2.03px; left: 0.03px; top: 18.65px; position: absolute; background: white"></div>
              <div
                class="Rectangle8"
                style="width: 10.94px; height: 2.04px; left: 2.04px; top: 9.74px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: white"
              ></div>
            </div>
            <div class="Frame15" style="width: 15.44px; height: 20.68px; left: 68.50px; top: 1.17px; position: absolute">
              <div class="Rectangle13" style="width: 15.41px; height: 2.03px; left: 0.02px; top: 0px; position: absolute; background: white"></div>
              <div class="Rectangle14" style="width: 15.41px; height: 2.03px; left: 0.03px; top: 9.70px; position: absolute; background: white"></div>
              <div
                class="Rectangle15"
                style="width: 15.41px; height: 2.03px; left: 0.02px; top: 18.65px; position: absolute; background: white"
              ></div>
              <div
                class="Rectangle16"
                style="width: 10.95px; height: 2.03px; left: 2.03px; top: 9.70px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: white"
              ></div>
            </div>
            <div class="Frame14" style="width: 15.61px; height: 22.53px; left: 88.59px; top: 0.40px; position: absolute">
              <div class="Rectangle17" style="width: 2px; height: 20.67px; left: 0.49px; top: 0.76px; position: absolute; background: white"></div>
              <div
                class="Rectangle19"
                style="width: 2.30px; height: 25.57px; left: 15.86px; top: 21.27px; position: absolute; transform: rotate(146.98deg); transform-origin: 0 0; background: white"
              ></div>
              <div class="Rectangle18" style="width: 2px; height: 20.67px; left: 13.61px; top: 0.76px; position: absolute; background: white"></div>
            </div>
            <div class="Frame20" style="width: 4.96px; height: 7.64px; left: 58.42px; top: 24.36px; position: absolute">
              <div class="Rectangle29" style="width: 4.95px; height: 1.04px; left: 0.01px; top: 0px; position: absolute; background: #EB261E"></div>
              <div class="Rectangle32" style="width: 4.95px; height: 1.04px; left: 0px; top: 6.59px; position: absolute; background: #EB261E"></div>
              <div
                class="Rectangle30"
                style="width: 4.26px; height: 1.04px; left: 1.05px; top: 0px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: #EB261E"
              ></div>
              <div
                class="Rectangle33"
                style="width: 4.17px; height: 1.04px; left: 4.96px; top: 3.38px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: #EB261E"
              ></div>
              <div
                class="Rectangle31"
                style="width: 4.95px; height: 1.04px; left: 0.01px; top: 3.39px; position: absolute; background: #EB261E"
              ></div>
            </div>
            <div class="Frame18" style="width: 4.95px; height: 7.64px; left: 40.88px; top: 24.36px; position: absolute">
              <div class="Rectangle20" style="width: 4.95px; height: 1.04px; left: 0px; top: 0px; position: absolute; background: #EB261E"></div>
              <div
                class="Rectangle23"
                style="width: 7.64px; height: 1.04px; left: 4.95px; top: 0px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: #EB261E"
              ></div>
              <div class="Rectangle21" style="width: 4.95px; height: 1.04px; left: 0px; top: 3.39px; position: absolute; background: #EB261E"></div>
              <div class="Rectangle22" style="width: 4.95px; height: 1.04px; left: 0px; top: 6.60px; position: absolute; background: #EB261E"></div>
            </div>
            <div class="Frame19" style="width: 4.95px; height: 7.64px; left: 50px; top: 24.36px; position: absolute">
              <div class="Rectangle24" style="width: 4.95px; height: 1.04px; left: -0px; top: 0px; position: absolute; background: #EB261E"></div>
              <div
                class="Rectangle25"
                style="width: 7.64px; height: 1.04px; left: 1.04px; top: 0px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: #EB261E"
              ></div>
              <div
                class="Rectangle27"
                style="width: 4.26px; height: 1.04px; left: 4.95px; top: 3.39px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: #EB261E"
              ></div>
              <div class="Rectangle26" style="width: 4.95px; height: 1.04px; left: 0px; top: 3.39px; position: absolute; background: #EB261E"></div>
              <div class="Rectangle28" style="width: 4.95px; height: 1.04px; left: 0px; top: 6.60px; position: absolute; background: #EB261E"></div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="Frame228"
        style="height: 510px; left: 60px; top: 410px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex"
      >
        <div
          class="Frame483"
          style="align-self: stretch; height: 510px; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; width: 280px; overflow: auto; background-color:white;"
        >
          <div
            class="TexAreaSolo"
            style="align-self: stretch; height: 52px; padding-left: 16px; padding-right: 16px; background: white; border-top: 1px rgba(0, 0, 0, 0.04) solid; border-bottom: 1px rgba(0, 0, 0, 0.04) solid; justify-content: space-between; align-items: center; display: inline-flex"
          >
            <div class="Frame32" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 10px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >Name</div>
            </div>
            <div class="Frame33" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >{{name}}</div>
            </div>
          </div>
          <div
            class="TexAreaSolo"
            style="align-self: stretch; height: 52px; padding-left: 16px; padding-right: 16px; background: white; border-top: 1px rgba(0, 0, 0, 0.04) solid; border-bottom: 1px rgba(0, 0, 0, 0.04) solid; justify-content: space-between; align-items: center; display: inline-flex"
          >
            <div class="Frame32" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 10px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >NRIC/Passport/ID No.</div>
            </div>
            <div class="Frame33" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >{{nric}}</div>
            </div>
          </div>
          <div
            class="TexAreaSolo"
            style="align-self: stretch; height: 52px; padding-left: 16px; padding-right: 16px; background: white; border-top: 1px rgba(0, 0, 0, 0.04) solid; border-bottom: 1px rgba(0, 0, 0, 0.04) solid; justify-content: space-between; align-items: center; display: inline-flex"
          >
            <div class="Frame32" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 10px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >Tenant/Resident Address</div>
            </div>
            <div class="Frame33" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >{{address}}</div>
            </div>
          </div>
          <div
            class="TexAreaSolo"
            style="align-self: stretch; height: 52px; padding-left: 16px; padding-right: 16px; background: white; border-top: 1px rgba(0, 0, 0, 0.04) solid; border-bottom: 1px rgba(0, 0, 0, 0.04) solid; justify-content: space-between; align-items: center; display: inline-flex"
          >
            <div class="Frame32" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 10px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >Contact No.</div>
            </div>
            <div class="Frame33" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >{{contactNumber}}</div>
            </div>
          </div>
          <div
            class="TexAreaSolo"
            style="align-self: stretch; height: 52px; padding-left: 16px; padding-right: 16px; background: white; border-top: 1px rgba(0, 0, 0, 0.04) solid; border-bottom: 1px rgba(0, 0, 0, 0.04) solid; justify-content: space-between; align-items: center; display: inline-flex"
          >
            <div class="Frame32" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 10px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >Email</div>
            </div>
            <div class="Frame33" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >{{email}}</div>
            </div>
          </div>
          <div
            class="TexAreaSolo"
            style="align-self: stretch; height: 52px; padding-left: 16px; padding-right: 16px; background: white; border-top: 1px rgba(0, 0, 0, 0.04) solid; border-bottom: 1px rgba(0, 0, 0, 0.04) solid; justify-content: space-between; align-items: center; display: inline-flex"
          >
            <div class="Frame32" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 10px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >Arrival Date</div>
            </div>
            <div class="Frame33" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >{{arrivalDate}}</div>
            </div>
          </div>
          <div
            class="TexAreaSolo"
            style="align-self: stretch; height: 52px; padding-left: 16px; padding-right: 16px; background: white; border-top: 1px rgba(0, 0, 0, 0.04) solid; border-bottom: 1px rgba(0, 0, 0, 0.04) solid; justify-content: space-between; align-items: center; display: inline-flex"
          >
            <div class="Frame32" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div class="Text" style="text-align: right"><span
                  style="color: #052439; font-size: 10px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
                >Arrival Time</span><span
                  style="color: #EB261E; font-size: 10px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
                > </span></div>
            </div>
            <div class="Frame33" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >{{arrivalTime}}</div>
            </div>
          </div>
          <div
            class="TexAreaSolo"
            style="align-self: stretch; height: 52px; padding-left: 16px; padding-right: 16px; background: white; border-top: 1px rgba(0, 0, 0, 0.04) solid; border-bottom: 1px rgba(0, 0, 0, 0.04) solid; justify-content: space-between; align-items: center; display: inline-flex"
          >
            <div class="Frame32" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 10px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >Duration </div>
            </div>
            <div class="Frame33" style="justify-content: flex-start; align-items: center; gap: 24px; display: flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >{{duration}} {{hoursString}}</div>
            </div>
          </div>
          <div
            class="TexAreaSolo"
            style="align-self: stretch; height: 94px; padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px; background: white; border-top: 1px rgba(0, 0, 0, 0.04) solid; border-bottom: 1px rgba(0, 0, 0, 0.04) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex"
          >
            <div class="Frame32" style="justify-content: flex-start; align-items: center; gap: 24px; display: inline-flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 10px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >Purpose of visit</div>
            </div>
            <div class="Frame33" style="justify-content: flex-start; align-items: center; gap: 24px; display: inline-flex">
              <div
                class="Text"
                style="text-align: right; color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
              >{{remarks}}</div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="Frame284"
        style="width: 240px; height:16px; padding: 24px; left: 53px; top: 320px; position: absolute; background: #052439; border-radius: 16px; border: 1px rgba(0, 0, 0, 0.12) solid; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex"
      >
        <div
          class="Frame246"
          style="left: 78px; top: 15px; position: absolute; justify-content: center; align-items: center; gap: 24px; display: flex"
        >
          <div
            class="Text"
            style="text-align: right; color: white; font-size: 20px; font-family: Roboto; font-weight: 500; line-height: 32px; word-wrap: break-word"
          >Visitor Information</div>
        </div>
      </div>
      <div
        class="Frame283"
        style="height: 60px; left: 53px; top: 250px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex"
      >
        <div
          class="Text"
          style="width: 322px; text-align: center; color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 30px; word-wrap: break-word"
        >Access your invitation link <a href="{{link}}">here</a>.</div>
      </div>
      <div
        class="Text"
        style="left: 126px; top: 950px; position: absolute; text-align: right; color: #052439; font-size: 12px; font-family: Roboto; font-weight: 400; line-height: 19px; word-wrap: break-word"
      >© 2024 by Seven 365 Pte Ltd V1.0</div>
    </div></body></html>