Merhaba arkadaşlar popup login alanım mevcut loginden sonra tekrar bir popup cıkartıp sms doğrulatması yapıyorum
ama bir çakışma oluyor loginden sonra çıkan popup ile login popup alt alta geliyor

görselle daha iyi anlayacaksınız

Kısaca ekran da loginden sonra cıkan popup kalsın istiyorum

<div class="custom-popup">
            <div class="p-header">
                Giriş Formu <br></br>
                <a href="#" class="p-close"></a>
            </div>
            <div class="p-content" style="display:none">
                <form method="post" class="thm-1 big center" >
                    <div class="inp">
                        <input style="background-color:#9c9c9b; color: #555453;" type="text"
                            placeholder="Güvenlik Kodu" class="kod" maxlength="13">
                        </div>
                    <div class="forgotten">
                        <a class="yellow" rel="external" data-ajax="false">Lütfen Telefonunuza Gelen Kodu
                            Giriniz.</a>
                        </div>
                    <button type="submit" class="but-yellow">Girişi Onaylıyorum</button>
                </form>
                <div class="forgotten">
                    <a href="#" class="yellow aaa">Şifremi Unuttum</a> / 
                    <a href="#" class="aaa">Kullanıcı Adımı Unuttum</a>
                </div>
            </div>
            <div class="p-content">
                <form method="post" id="form1" class="thm-1 login">
                    <div class="fieldgroup">
                       <div class="inp">
                        <input data-role="none" name="kullanici_ad" type="text" placeholder="Kullanıcı Adı" >
                       </div>
                       <div class="inp">
                        <input data-role="none" name="sifre" type="password" placeholder="Şifre">
                       </div>
                    </div>
                    <button data-role="none" data-theme="none" type="submit" class="but-yellow">Giriş</button>
                </form>
                <div class="forgotten">
                    <a href="#" class="yellow" rel="external" data-ajax="false">Şifremi Unuttum</a>
                </div>
                <div class="forgotten">
                    <a href="#" class="yellow" rel="external" data-ajax="false">Kullanıcı Adı Hatırlatma</a>
                </div>
            </div>
        </div>

<script>
    $(function () {
        $("#form1").on("submit", function (e) {
            e.preventDefault()
            $.ajax('login.php', {
                beforeSend() {
                    console.log('Gönderi işleniyor')
                },
                method: 'POST',
                data: $(this).serialize(),
                dataType: "json",
            }).then(success => {
          if (success.status) {
              $(".p-content").modal({
                  backdrop: "static"
              })
          } else {
              console.log('Giriş bilgileri hatalı')
          }
      }, fail => {
          console.log(`Server hatası: ${fail}`)
      })
              })
          })
</script>