@media screen and (max-width: 950px) {
  .signup_card {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 480px;
    background-color: #fff;
    border-radius: 30px;
    flex-direction: column;
    box-shadow: 0px 0px 14px 3px #0000000a;
    padding: 0;
    top: 127px;
    width: 364px;
  }

  .all_input_signup {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -184px;
  }

  .signup_card h1 {
    font-size: 40px;
  }

  #go_back_to_login_card img {
    position: absolute;
    top: -95px;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  .headline_container_signup {
    width: 279px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }

  .sign_up_header {
    width: 381px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 20px;
  }

  .signup_container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 292px;
    height: 49px;
    top: 530px;
    gap: 28px;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 400;
  }

  .signup_card h1 {
    font-size: 47px;
    font-weight: 700;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .signup_card {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 442px;
    background-color: #fff;
    border-radius: 30px;
    flex-direction: column;
    box-shadow: 0px 0px 14px 3px #0000000a;
    padding: 0;
    top: 127px;
    width: 276px;
  }
  .login_input_container {
    gap: 18px;
  }
  .signup_button_container > .primary_button {
    width: 91px;
    height: 28px;
  }
}

@media screen and (max-width: 345px) {
  .card {
    width: 254px;
    height: 345px;
  }
  .signup_container {
    top: 536px !important;
  }
  .login_footer_links {
    top: 590px !important;
  }
}