<div class="RejectedVisitor" style="width: 428px; height: 926px; position: relative; background: white">
  <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: 145.50px; top: 134px; 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
      {{name}},</div>
  </div>
  <div
    class="Frame284"
    style="width: 323px; height: 512px; padding: 24px; left: 28px; top: 253px; position: absolute; background: #052439; border-radius: 16px; border: 1px rgba(0, 0, 0, 0.12) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex"
  >
    <div class="Frame389" style="height: 48px; flex-direction: column; justify-content: center; align-items: center; gap: 4px; display: flex">
      <div
        class="Frame429"
        style="align-self: stretch; padding: 12px; background: #FF5252; border-radius: 100px; justify-content: center; align-items: center; gap: 10px; display: inline-flex; width: 300px"
      >
        <div
          class="Text"
          style="color: white; font-size: 14px; font-family: Roboto; font-weight: 300; line-height: 24px; word-wrap: break-word"
        >{{error}}</div>
      </div>
    </div>
    <div class="Frame283" style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; display: flex">
      <div
        class="Text"
        style="width: 268px; color: white; font-size: 14px; font-family: Roboto; font-weight: 500; line-height: 24px; word-wrap: break-word"
      >Reason</div>
    </div>
    <div
      class="Text"
      style="width: 280px; color: white; font-size: 14px; font-family: Roboto; font-weight: 300; line-height: 24px; word-wrap: break-word"
    >We regret to inform you that your registration could not be completed as the information provided matches an entry in our restricted access list.
      If you believe this is a mistake or if you have any concerns regarding this matter, please contact the building management directly to discuss
      and potentially resolve the issue. We appreciate your understanding and cooperation.</div>
    <div class="Text" style="width: 280px"><span
        style="color: white; font-size: 14px; font-family: Roboto; font-weight: 300; line-height: 24px; word-wrap: break-word"
      >Contact Building Management:<br /></span><span
        style="color: white; font-size: 14px; font-family: Roboto; font-weight: 300; line-height: 24px; word-wrap: break-word"
      >Phone: {{phoneNumber}}<br />Email: {{email}}<br />Office Hours: {{officeHrs}}</span></div>
    <div
      class="Text"
      style="width: 280px; color: white; font-size: 14px; font-family: Roboto; font-weight: 300; line-height: 24px; word-wrap: break-word"
    >Thank you for your attention to this matter.</div>
  </div>
  <div
    class="Frame2"
    style="left: 155px; top: 53px; 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: #052439"
      ></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: #052439"></div>
        <div class="Rectangle5" style="width: 15.41px; height: 2.03px; left: 0px; top: 18.65px; position: absolute; background: #052439"></div>
        <div class="Rectangle3" style="width: 15.41px; height: 2.03px; left: 0px; top: 9.73px; position: absolute; background: #052439"></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: #052439"
        ></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: #052439"
        ></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: #052439"></div>
        <div class="Rectangle7" style="width: 15.41px; height: 2.03px; left: 0.03px; top: 9.73px; position: absolute; background: #052439"></div>
        <div class="Rectangle9" style="width: 15.41px; height: 2.03px; left: 0.03px; top: 18.65px; position: absolute; background: #052439"></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: #052439"
        ></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: #052439"></div>
        <div class="Rectangle14" style="width: 15.41px; height: 2.03px; left: 0.03px; top: 9.70px; position: absolute; background: #052439"></div>
        <div class="Rectangle15" style="width: 15.41px; height: 2.03px; left: 0.02px; top: 18.65px; position: absolute; background: #052439"></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: #052439"
        ></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: #052439"></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: #052439"
        ></div>
        <div class="Rectangle18" style="width: 2px; height: 20.67px; left: 13.61px; top: 0.76px; position: absolute; background: #052439"></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
    class="RegistrationErrorAccessDenied"
    style="width: 316px; left: 57px; top: 205px; position: absolute; text-align: center; color: #052439; font-size: 16px; font-family: Roboto; font-weight: 400; line-height: 30px; word-wrap: break-word"
  >Registration Error: Access Denied</div>
  <div class="Frame406" style="width: 428px; height: 98px; left: 0px; top: -5px; 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="Text"
    style="left: 122px; top: 854px; 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>