.loginPg {
  @apply bg-white relative;

  .imgOverlay img {
    @apply relative z-[11];
  }

  .loginBox {
    @apply absolute inset-0 flex items-center justify-center flex-col z-20;

    .headingBox {
      @apply mb-16 text-center;

      h2 {
        @apply text-[2.5rem] font-bold capitalize mb-0;
      }

      p {
        @apply text-[#272634] font-medium;
      }
    }

    .or {
      @apply flex items-center justify-center mt-2 mb-5 gap-2;

      .bar {
        --color: rgba(0, 0, 0, 0.35);
        @apply bg-[var(--color)] w-full h-[2px] rounded-full;
      }

      h6 {
        @apply whitespace-nowrap font-semibold;
      }
    }

    .gbtn {
      @apply flex items-center justify-center gap-2;
    }

    .inputCont {
      label {
        @apply font-bold flex justify-between items-center;

        a {
          @apply font-normal cursor-pointer;
        }
      }
      input {
        @apply border border-solid border-black/30;
      }
    }

.validationError{
  color: red;
  font-weight: bold;
  text-align: center;
}

    .signupText {
      @apply mt-3 text-[#272634] font-medium text-center;
      a {
        @apply inline-block ml-2 underline;
      }

      span,
      a {
        @apply font-bold;
      }
    }
  }
}