Element not visible error

I have a webelement[textbox]. In chrome if i inspect the element it shows me these 2 input class.
But i am unable to find it when i try with id or xpath. can u pls help.


<input class="w-28 required validCardType validCardNumber lefticon hightlight-focus Do-HideValue" id="booking_info_credit_card_credit_card_number" maxlength="19" name="info[credit_card][credit_card_number]" placeholder="e.g 000000000000" size="19" tabindex="395" type="password">


<input class="w-28 required lefticon hightlight-focus Do-HideValue displayedButNotVisible" id="fake_credit_card_credit_card_number" maxlength="19" name="fake[credit_card][credit_card_number]" placeholder="e.g 000000000000" size="19" tabindex="396" type="text" disabled="disabled">