<div class="container">
   <div id="cotter-container-signup"></div>
</div>

.contaienr{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:100vh
}

#cotter-container-signup{
  padding: 40px;
  height: 500px;
}

 var config = {
    ApiKeyID: "e977d178-506d-4223-a502-7df0381c9dc8",
    RedirectURL: "https://mohammadaktaa.me/account/create",
    Type: "PHONE", // EMAIL or PHONE
    ContainerID: "cotter-container-signup",
    ButtonBackgroundColor: "#000000",
    ButtonTextColor: "#ffffff",
    ButtonText: "Sign Up Now",
    // AdditionalFields: [
    //   {
    //     label: "Full Name",
    //     name: "name",
    //     placeholder: "Enter your full name"
    //   }
    // ],
    IdentifierField: "phone",
    // OnBegin: payload => {
    //   if (payload.identifier != "+12345678910") {
    //     return "Phone Number is not allowed";
    //   }
    //   return null;
    // },
    OnSuccess: payload => {
      console.log(payload)
      // SET Token Cookie/localstorage here
      // window.localStorage.setItem("access_token", payload.access_token);
      // window.localStorage.setItem("refresh_token", payload.refresh_token);
      // window.location.href = "/signin";
    },
    CountryCode:["+971","+961","+963","+1","+970"],
  };
  var cotter = new Cotter(config);
  cotter.showForm();