 <!--start main wrapper-->
  <main class="main-wrapper">
    <div class="main-content">
      <button class="btn guestBtn d-flex gap-2 align-items-center" id="backBtn"><img src="./assets/images/arowleft.svg"
          alt="" width="15px"> Back</button>
      <div class="row">
        <div class="col-md-8 my-2">
          <h3 class="fmon">Profile</h3>
        </div>

      </div>
      <div class="modal-body">



        <form class="row">
          <div class="col-md-6 my-2">
            <label for="" class="form-label">Name </label>
            <div class="input-group mb-3">
              <input type="text" class="form-control " placeholder="Recipient's username"
                aria-label="Recipient's username" aria-describedby="basic-addon2" disabled value="Corel Delutter">
              <span class="input-group-text" id="basic-addon2"><img src="./assets/images/lock-solid.svg" alt=""
                  width="20px"></span>
            </div>
          </div>
          <div class="col-md-6 my-2">
            <label for="" class="form-label">User Role </label>
            <div class="input-group mb-3">
              <input type="text" class="form-control " placeholder="Recipient's username"
                aria-label="Recipient's username" aria-describedby="basic-addon2" disabled value="Role">
              <span class="input-group-text" id="basic-addon2"><img src="./assets/images/lock-solid.svg" alt=""
                  width="20px"></span>
            </div>
          </div>
          <div class="col-md-6 my-2">
            <label for="" class="form-label">Email </label>
            <div class="input-group mb-3">
              <input type="email" class="form-control " placeholder="Recipient's username"
                aria-label="Recipient's username" aria-describedby="basic-addon2" disabled value="carolde@gmail.com">
              <span class="input-group-text" id="basic-addon2"><img src="./assets/images/lock-solid.svg" alt=""
                  width="20px"></span>
            </div>
          </div>
          <div class="col-md-6 my-2">
            <label for="" class="form-label">Company </label>
            <div class="input-group mb-3">
              <input type="text" class="form-control " placeholder="Recipient's username"
                aria-label="Recipient's username" aria-describedby="basic-addon2" disabled value="Domuns Company">
              <span class="input-group-text" id="basic-addon2"><img src="./assets/images/lock-solid.svg" alt=""
                  width="20px"></span>
            </div>
          </div>
          <div class="col-md-6 my-2">
            <label for="" class="form-label">Password </label>
            <div class="input-group mb-3">
              <input type="password" class="form-control " placeholder="Recipient's username"
                aria-label="Recipient's username" aria-describedby="basic-addon2" disabled value="Domuns Company">
              <span class="input-group-text" id="basic-addon2"><img src="./assets/images/lock-solid.svg" alt=""
                  width="20px"></span>
            </div>
          </div>

          <div class="col-md-12 my-2">
            <div class="row d-flex justify-content-center mb-3">
              <div class="col-md-12 my-2 d-flex justify-content-center">
                <a href="./password.html" class="btn autBtn py-2 px-5">Change Password</a>
              </div>
            </div>
          </div>
        </form>
        <!-- button for attahmnts -->



      </div>
    </div>
    </div>

  </main>
  <!--end main wrapper-->
