Need help cleaning up the payment field by using custom CSS

I have a payment form that allows customers to select a donation level, or to enter another amount of their choosing.  However, I would like the credit card number and security code to be on one line.  I would also like the expiration month and year to be on one line as well.  I appreciate your help!

Please try injecting the following custom CSS into your form:

li[data-type="control_authnet"] .form-address-table tr:nth-of-type(3) .form-sub-label-container,
li[data-type="control_authnet"] .form-address-table tr:nth-of-type(4) .form-sub-label-container {
    width: 48%;
}

li[data-type="control_authnet"] .form-address-table tr:nth-of-type(3) .form-sub-label-container:nth-of-type(1),
li[data-type="control_authnet"] .form-address-table tr:nth-of-type(4) .form-sub-label-container:nth-of-type(1) {
    margin: 0 3% 0 0;
}

You can inject custom CSS into your form by following this guide:

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Upon adding the above CSS to your form, your form should display like this:

Please try it out, and let us know should you need any further assistance. Cheers