.otp-verification {
  height: 100vh;

  .box {

    form {
      .otp-input-fields {
        text-align: center;
        position: relative;
        display: flex;
        justify-content: center;

        input {
          width: 54px;
          height: 54px;
          text-align: center;
          font-size: 20px;
          outline: none;
          font-weight: 600;
          background: #fff;
          border: 1px solid transparent;
          border-radius: 18px;
          @media (max-width: 575px) {
            width: 35px;
          }

          &::-webkit-outer-spin-button,
          &::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
          }

          /* Firefox */
          &[type=number] {
            -moz-appearance: textfield;
          }

          &:focus {
            border-color: #00C5B4;
            font-size: 20px;
          }
        }

        input.otp__digit {
          margin: 0 5px;
        }
      }

      .login-btns {
        margin-top: 70px;
        .resend_btn {
          border: 1px solid #00C5B4;
          border-radius: 34px;
          background: #fff;
          font-size: 14px;
          font-weight: 600;
          line-height: 16px;
          color: #161616;
          width: 155px;
          margin: auto auto 70px;
        }
      }
    }
  }
}