Reduce vertical spacing between radio buttons and checkboxes

I'm trying to make a form where the user can click off which seminars they want to attend. 2 sets of 2 seminars are running simultaneously, so i would like clicking off one of the options to disable the option of selecting of the seminar that runs concurrently with it. it doesn;t seem as thought im able to apply conditional field rules within one 'question',  so ive built the list out of an arrangement of check boxes and radio buttons, but i would like to reduce the vertical spacing between all of these fields so that they appear to the end user as one normal looking list.

i've tried embedding the CSS for top and bottom padding but i dont have the skill for it, so i'm looking for some help.

thanks very much! the form is located at: http://form.jotform.ca/form/52364610063245

thank you!

Inject this CSS codes to your form.

[data-type="control_radio"], [data-type="control_checkbox"] {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 8px;      

    margin-bottom: 8px;

}

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

Result:

Let us know if you want further changes.

Regards!