.side-pattern{
    top: 50%;
    right: -1.5%;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    width: 20%;
    height: 100%;
    background-position: center right;
}


.auth-btn-theme{
    border: 0.1rem solid var(--brand-brown); 
    background-color: transparent;
    transition: all 0.25s ease-in-out;
}

.auth-btn-theme:hover{
    transform: scale(1.05);
    border: 0.1rem solid var(--brand-brown); 
    background-color: var(--brand-brown);
}


.otp-fake-input .otp-content, .otp-fake-input {
    position: relative;
    }

  .otp-fake-input span.otp-content:not(:empty)::after {
    content: "*"; /* or "•" */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: black; 
    pointer-events: none;
  } 

  .otp-fake-input {
    width: 40px !important;
    height: 40px !important;
}

.otp-fake-input span.otp-content:not(:empty)::after {
    transform: translate(-50%, -40%);
}

span.otp-content{
  color: transparent !important; 
}

  .otp-fake-input {
      border-radius: 50% !important;
  }

  .otp-fake-input.otpdesigner__focus__ {
      border: 2px solid #ec8023 !important;
  }
  .page-footer{
    /* background-color: #e79024; */
    background-color: #9f5626;
  }
  .cursor-pointer{
    cursor: pointer;
  }
  .realInput{
    /* visibility: hidden; */
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
  }