.form_layout_wrapper {
  @apply flex flex-col items-center
    py-5 px-4 gap-3 rounded-3xl m-auto bg-white;
  box-shadow: 2px 2px 8px 1px rgb(10 99 169 / 16%),
    5px 3px 11px -2px rgb(0 0 0 / 20%);

  & #login_form p {
    @apply my-2;
  }
  input {
    @apply bg-transparent;
  }

  input:focus-visible {
    @apply outline-none;
  }

  .mobile_number_field_wrapper {
    @apply w-full h-10 flex items-center justify-between;
  }
  .form_control {
    @apply rounded-lg;
    width: 388px;
    height: 3rem;
    background: #f1f1f1;
    box-shadow: inset 3px 3px 4px rgba(191, 184, 184, 0.7),
      inset -3px -3px 4px rgba(255, 255, 255, 0.55);
    border-radius: 11px;
  }

  .form_control:nth-child(2) {
    @apply w-1/6 left-0 text-center p-0 text-primary-pink shadow-none bg-transparent border-none;
  }
}