#sign-in{
        font-family: 'Poppins', sans-serif;
        background-color: #0d111d;
      }
      #exampleInputEmail1{
        background-color: #252832;
        border: none;
        color: white !important;
        padding: 8px!important;
      }
      .icon{
        border: none !important;
        background-color: #252832 !important;
      }
      #exampleInputEmail1::placeholder{
        color: #FFFFFF !important;
      }
      .icon img ,   .icon svg{
        height:17px;
      }
      #regForm , .regForm{
        max-width: 400px!important;
        margin: auto;
      }

      .card-container {
          display: grid;
          grid-template-columns: 1fr 1fr;
          justify-content: center;
          align-items: center;
          color: #fff;
          gap: 10px
      }

      .cards {
          /* display: grid; */
          display: flex;
          justify-content: center;
          align-items: center;
          align-items: center;
          gap: 10px;
          width: 115px;
          height: 49px;
          background-color: #ff8000;
          /* border:1px solid #fff; */
          border-radius: 15px;
          cursor: pointer;
          box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
      }
       
      .bi-person{
          font-size: 20px;
      }
      #regForm {
          display: none;
      }

      *{
          margin: 0px ;
          padding: 0px;
          box-sizing: border-box;
      }
      .center-screen{
        position: relative;
        top: 15%;
      }
      .anotherAcc h6{
        font-size: 13px;
      }

      
    /* ============ sign- up  */
      #sign-up{
        background-color: #0d111d;
        overflow-y: hidden;
        font-family: 'Poppins', sans-serif;
      }
      #exampleInputEmail1{
        background-color: #252832;
        border: none;
        color: white;
      }
      .icon{
        border: none;
        background-color: #252832;
      }
      #exampleInputEmail1::placeholder,#exampleInputPassword1::placeholder{
        color: #FFFFFF;
      }
      .mid-screen{
        top: 15%;
        position: relative;
      }
      @media screen and (max-width:430px) {
        .sign{
          padding: 12px;
        }
        body{
          margin-left: 0%;
          margin-top: 50px;
        }
      }

      /* ============ otp  */

           
     #otp-screen{
        font-family: 'Poppins', sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 85vh;
        margin: 0;
        background-color: #0d111d;
      }
      .otp-container {
        text-align: center;
      }
  
      .otp-input {
        width: 3rem;
        height: 3rem;
        font-size: 1.2rem;
        margin: 0 0.1rem;
        text-align: center;
        border-radius: 4px;
        background-color: #252832;
        color: white;
        border: none;
      }
  
      /* Optional: Style for better visibility when typing */
      .otp-input:focus {
        outline: none;
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
      }

      /* otp  */

      /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.sign-in-input{
  border: none !important;
  background: #252832 !important;
  color: white !important;
  padding:8px!important;
}

.sign-in-input::placeholder{
  color: #fff !important;
}

.hidden{
  display: hidden !important;
}