<div class="form">
<div class="gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital" data-form-theme="orbital" data-form-index="0" id="gform_wrapper_1">
<style>
#gform_wrapper_1[data-form-index="0"].gform-theme,
[data-parent-form="1_0"] {
--gf-color-primary: #204ce5;
--gf-color-primary-rgb: 32, 76, 229;
--gf-color-primary-contrast: #fff;
--gf-color-primary-contrast-rgb: 255, 255, 255;
--gf-color-primary-darker: #001AB3;
--gf-color-primary-lighter: #527EFF;
--gf-color-secondary: #fff;
--gf-color-secondary-rgb: 255, 255, 255;
--gf-color-secondary-contrast: #112337;
--gf-color-secondary-contrast-rgb: 17, 35, 55;
--gf-color-secondary-darker: #F5F5F5;
--gf-color-secondary-lighter: #FFFFFF;
--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);
--gf-color-out-ctrl-light-rgb: 17, 35, 55;
--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);
--gf-color-out-ctrl-light-lighter: #F5F5F5;
--gf-color-out-ctrl-dark: #585e6a;
--gf-color-out-ctrl-dark-rgb: 88, 94, 106;
--gf-color-out-ctrl-dark-darker: #112337;
--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);
--gf-color-in-ctrl: #fff;
--gf-color-in-ctrl-rgb: 255, 255, 255;
--gf-color-in-ctrl-contrast: #112337;
--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;
--gf-color-in-ctrl-darker: #F5F5F5;
--gf-color-in-ctrl-lighter: #FFFFFF;
--gf-color-in-ctrl-primary: #204ce5;
--gf-color-in-ctrl-primary-rgb: 32, 76, 229;
--gf-color-in-ctrl-primary-contrast: #fff;
--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;
--gf-color-in-ctrl-primary-darker: #001AB3;
--gf-color-in-ctrl-primary-lighter: #527EFF;
--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);
--gf-color-in-ctrl-light-rgb: 17, 35, 55;
--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);
--gf-color-in-ctrl-light-lighter: #F5F5F5;
--gf-color-in-ctrl-dark: #585e6a;
--gf-color-in-ctrl-dark-rgb: 88, 94, 106;
--gf-color-in-ctrl-dark-darker: #112337;
--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);
--gf-radius: 3px;
--gf-font-size-secondary: 14px;
--gf-font-size-tertiary: 13px;
--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");
--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");
--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");
--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);
--gf-ctrl-border-color: #686e77;
--gf-ctrl-size: var(--gf-ctrl-size-md);
--gf-ctrl-label-color-primary: #112337;
--gf-ctrl-label-color-secondary: #112337;
--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);
--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);
--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);
--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);
--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);
--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);
--gf-ctrl-btn-border-color-secondary: #686e77;
--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;
--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);
--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);
--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);
--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);
--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);
}
</style>
<form method="post" enctype="multipart/form-data" id="gform_1" action="/sample-page/" data-formid="1" novalidate="">
<div class="gform-body gform_body">
<div id="gform_fields_1" class="gform_fields top_label form_sublabel_below description_below validation_below">
<div id="field_1_7" class="gfield gfield--type-html gfield--input-type-html gfield--width-full gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible">
<h2>This is an HTML block</h2>
<p>It has content that can be <em>styled</em> in <strong>many ways</strong></p>
</div>
<div id="field_1_1" class="gfield gfield--type-text gfield--input-type-text gfield_contains_required field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible"><label class="gfield_label gform-field-label" for="input_1_1">Single line text<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label>
<div class="ginput_container ginput_container_text"><input name="input_1" id="input_1_1" type="text" value="" class="large" aria-describedby="gfield_description_1_1" aria-required="true" aria-invalid="false"></div>
<div class="gfield_description" id="gfield_description_1_1">This is the description.</div>
</div>
<div id="field_1_3" class="gfield gfield--type-textarea gfield--input-type-textarea field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"><label class="gfield_label gform-field-label" for="input_1_3">Paragraph text</label>
<div class="ginput_container ginput_container_textarea"><textarea name="input_3" id="input_1_3" class="textarea large" placeholder="This is some placeholder text" aria-invalid="false" rows="10" cols="50"></textarea></div>
</div>
<div id="field_1_4" class="gfield gfield--type-select gfield--input-type-select field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible"><label class="gfield_label gform-field-label" for="input_1_4">Select</label>
<div class="ginput_container ginput_container_select"><select name="input_4" id="input_1_4" class="large gfield_select" aria-describedby="gfield_description_1_4" aria-invalid="false">
<option value="First Choice">First Choice</option>
<option value="Second Choice">Second Choice</option>
<option value="Third Choice">Third Choice</option>
</select></div>
<div class="gfield_description" id="gfield_description_1_4">This is a select</div>
</div>
<fieldset id="field_1_5" class="gfield gfield--type-checkbox gfield--type-choice gfield--input-type-checkbox field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible">
<legend class="gfield_label gform-field-label gfield_label_before_complex">Checkboxes</legend>
<div class="ginput_container ginput_container_checkbox">
<div class="gfield_checkbox " id="input_1_5">
<div class="gchoice gchoice_1_5_1">
<input class="gfield-choice-input" name="input_5.1" type="checkbox" value="First Choice" id="choice_1_5_1">
<label for="choice_1_5_1" id="label_1_5_1" class="gform-field-label gform-field-label--type-inline">First Choice</label>
</div>
<div class="gchoice gchoice_1_5_2">
<input class="gfield-choice-input" name="input_5.2" type="checkbox" value="Second Choice" id="choice_1_5_2">
<label for="choice_1_5_2" id="label_1_5_2" class="gform-field-label gform-field-label--type-inline">Second Choice</label>
</div>
<div class="gchoice gchoice_1_5_3">
<input class="gfield-choice-input" name="input_5.3" type="checkbox" value="Third Choice" id="choice_1_5_3">
<label for="choice_1_5_3" id="label_1_5_3" class="gform-field-label gform-field-label--type-inline">Third Choice</label>
</div>
</div>
</div>
</fieldset>
<fieldset id="field_1_6" class="gfield gfield--type-radio gfield--type-choice gfield--input-type-radio field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible">
<legend class="gfield_label gform-field-label">Radio buttons</legend>
<div class="ginput_container ginput_container_radio">
<div class="gfield_radio" id="input_1_6">
<div class="gchoice gchoice_1_6_0">
<input class="gfield-choice-input" name="input_6" type="radio" value="First Choice" id="choice_1_6_0" onchange="gformToggleRadioOther( this )">
<label for="choice_1_6_0" id="label_1_6_0" class="gform-field-label gform-field-label--type-inline">First Choice</label>
</div>
<div class="gchoice gchoice_1_6_1">
<input class="gfield-choice-input" name="input_6" type="radio" value="Second Choice" id="choice_1_6_1" onchange="gformToggleRadioOther( this )">
<label for="choice_1_6_1" id="label_1_6_1" class="gform-field-label gform-field-label--type-inline">Second Choice</label>
</div>
<div class="gchoice gchoice_1_6_2">
<input class="gfield-choice-input" name="input_6" type="radio" value="Third Choice" id="choice_1_6_2" onchange="gformToggleRadioOther( this )">
<label for="choice_1_6_2" id="label_1_6_2" class="gform-field-label gform-field-label--type-inline">Third Choice</label>
</div>
</div>
</div>
</fieldset>
<fieldset id="field_1_8" class="gfield gfield--type-multi_choice gfield--type-choice gfield--input-type-checkbox field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible gfield--choice-align-vertical">
<legend class="gfield_label gform-field-label gfield_label_before_complex">Untitled</legend>
<div class="ginput_container ginput_container_checkbox"><span class="gfield_choice_limit_message gfield_description" id="gfield_choice_limit_message_1_8">Select between <strong>1</strong> and <strong>2</strong> choices.</span>
<div class="gfield_checkbox " id="input_1_8">
<div class="gchoice gchoice_1_8_1">
<input class="gfield-choice-input" name="input_8.1" type="checkbox" value="First Choice" id="choice_1_8_1" aria-describedby="gfield_choice_limit_message_1_8">
<label for="choice_1_8_1" id="label_1_8_1" class="gform-field-label gform-field-label--type-inline">First Choice</label>
</div>
<div class="gchoice gchoice_1_8_2">
<input class="gfield-choice-input" name="input_8.2" type="checkbox" value="Second Choice" id="choice_1_8_2">
<label for="choice_1_8_2" id="label_1_8_2" class="gform-field-label gform-field-label--type-inline">Second Choice</label>
</div>
<div class="gchoice gchoice_1_8_3">
<input class="gfield-choice-input" name="input_8.3" type="checkbox" value="Third Choice" id="choice_1_8_3">
<label for="choice_1_8_3" id="label_1_8_3" class="gform-field-label gform-field-label--type-inline">Third Choice</label>
</div>
</div>
</div>
</fieldset>
<fieldset id="field_1_10" class="gfield gfield--type-name gfield--input-type-name field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible">
<legend class="gfield_label gform-field-label gfield_label_before_complex">Name</legend>
<div class="ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row" id="input_1_10">
<span id="input_1_10_3_container" class="name_first gform-grid-col gform-grid-col--size-auto">
<input type="text" name="input_10.3" id="input_1_10_3" value="" aria-required="false">
<label for="input_1_10_3" class="gform-field-label gform-field-label--type-sub ">First</label>
</span>
<span id="input_1_10_6_container" class="name_last gform-grid-col gform-grid-col--size-auto">
<input type="text" name="input_10.6" id="input_1_10_6" value="" aria-required="false">
<label for="input_1_10_6" class="gform-field-label gform-field-label--type-sub ">Last</label>
</span>
</div>
</fieldset>
<div id="field_1_11" class="gfield gfield--type-date gfield--input-type-date gfield--input-type-datepicker gfield--datepicker-no-icon field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"><label class="gfield_label gform-field-label" for="input_1_11">Date</label>
<div class="ginput_container ginput_container_date">
<input name="input_11" id="input_1_11" type="text" value="" class="datepicker gform-datepicker mdy datepicker_no_icon gdatepicker-no-icon hasDatepicker initialized" placeholder="mm/dd/yyyy" aria-describedby="input_1_11_date_format" aria-invalid="false">
<span id="input_1_11_date_format" class="screen-reader-text">MM slash DD slash YYYY</span>
</div>
<input type="hidden" id="gforms_calendar_icon_input_1_11" class="gform_hidden" value="http://nnphi.localhost/app/plugins/gravityforms/images/datepicker/datepicker.svg">
</div>
<fieldset id="field_1_12" class="gfield gfield--type-time gfield--input-type-time field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible">
<legend class="gfield_label gform-field-label gfield_label_before_complex">Time</legend>
<div class="ginput_container ginput_complex gform-grid-row">
<div class="gfield_time_hour ginput_container ginput_container_time gform-grid-col" id="input_1_12">
<input type="number" maxlength="2" name="input_12[]" id="input_1_12_1" value="" min="0" max="12" step="1" placeholder="HH" aria-required="false">
<label class="gform-field-label gform-field-label--type-sub hour_label screen-reader-text" for="input_1_12_1">Hours</label>
</div>
<div class="below hour_minute_colon gform-grid-col">:</div>
<div class="gfield_time_minute ginput_container ginput_container_time gform-grid-col">
<input type="number" maxlength="2" name="input_12[]" id="input_1_12_2" value="" min="0" max="59" step="1" placeholder="MM" aria-required="false">
<label class="gform-field-label gform-field-label--type-sub minute_label screen-reader-text" for="input_1_12_2">Minutes</label>
</div>
<div class="gfield_time_ampm ginput_container ginput_container_time below gform-grid-col">
<select name="input_12[]" id="input_1_12_3">
<option value="am">AM</option>
<option value="pm">PM</option>
</select>
<label class="gform-field-label gform-field-label--type-sub am_pm_label screen-reader-text" for="input_1_12_3">AM/PM</label>
</div>
</div>
</fieldset>
<div id="field_1_13" class="gfield gfield--type-phone gfield--input-type-phone field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"><label class="gfield_label gform-field-label" for="input_1_13">Phone</label>
<div class="ginput_container ginput_container_phone"><input name="input_13" id="input_1_13" type="tel" value="" class="large" aria-invalid="false">
<div data-lastpass-icon-root="" style="position: relative !important; height: 0px !important; width: 0px !important; float: left !important;"></div>
</div>
</div>
<fieldset id="field_1_14" class="gfield gfield--type-address gfield--input-type-address field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible">
<legend class="gfield_label gform-field-label gfield_label_before_complex">Address</legend>
<div class="ginput_complex ginput_container has_street has_street2 has_city has_state has_zip has_country ginput_container_address gform-grid-row" id="input_1_14">
<span class="ginput_full address_line_1 ginput_address_line_1 gform-grid-col" id="input_1_14_1_container">
<input type="text" name="input_14.1" id="input_1_14_1" value="" aria-required="false">
<label for="input_1_14_1" id="input_1_14_1_label" class="gform-field-label gform-field-label--type-sub ">Street Address</label>
</span><span class="ginput_full address_line_2 ginput_address_line_2 gform-grid-col" id="input_1_14_2_container">
<input type="text" name="input_14.2" id="input_1_14_2" value="" aria-required="false">
<label for="input_1_14_2" id="input_1_14_2_label" class="gform-field-label gform-field-label--type-sub ">Address Line 2</label>
</span><span class="ginput_left address_city ginput_address_city gform-grid-col" id="input_1_14_3_container">
<input type="text" name="input_14.3" id="input_1_14_3" value="" aria-required="false">
<label for="input_1_14_3" id="input_1_14_3_label" class="gform-field-label gform-field-label--type-sub ">City</label>
</span><span class="ginput_right address_state ginput_address_state gform-grid-col" id="input_1_14_4_container">
<input type="text" name="input_14.4" id="input_1_14_4" value="" aria-required="false">
<label for="input_1_14_4" id="input_1_14_4_label" class="gform-field-label gform-field-label--type-sub ">State / Province / Region</label>
</span><span class="ginput_left address_zip ginput_address_zip gform-grid-col" id="input_1_14_5_container">
<input type="text" name="input_14.5" id="input_1_14_5" value="" aria-required="false">
<label for="input_1_14_5" id="input_1_14_5_label" class="gform-field-label gform-field-label--type-sub ">ZIP / Postal Code</label>
</span><span class="ginput_right address_country ginput_address_country gform-grid-col" id="input_1_14_6_container">
<select name="input_14.6" id="input_1_14_6" aria-required="false">
<option value="" selected="selected"></option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antarctica">Antarctica</option>
<option value="Antigua and Barbuda">Antigua and Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia">Bolivia</option>
<option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option>
<option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
<option value="Botswana">Botswana</option>
<option value="Bouvet Island">Bouvet Island</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
<option value="Brunei Darussalam">Brunei Darussalam</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cabo Verde">Cabo Verde</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Canada">Canada</option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African Republic</option>
<option value="Chad">Chad</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos Islands">Cocos Islands</option>
<option value="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Congo, Democratic Republic of the">Congo, Democratic Republic of the</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Croatia">Croatia</option>
<option value="Cuba">Cuba</option>
<option value="Curaçao">Curaçao</option>
<option value="Cyprus">Cyprus</option>
<option value="Czechia">Czechia</option>
<option value="Côte d'Ivoire">Côte d'Ivoire</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Eswatini">Eswatini</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands">Falkland Islands</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Territories">French Southern Territories</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guernsey">Guernsey</option>
<option value="Guinea">Guinea</option>
<option value="Guinea-Bissau">Guinea-Bissau</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option>
<option value="Holy See">Holy See</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Iran">Iran</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Isle of Man">Isle of Man</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jersey">Jersey</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option>
<option value="Korea, Republic of">Korea, Republic of</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon">Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libya">Libya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macao">Macao</option>
<option value="Madagascar">Madagascar</option>
<option value="Malawi">Malawi</option>
<option value="Malaysia">Malaysia</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Micronesia">Micronesia</option>
<option value="Moldova">Moldova</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montenegro">Montenegro</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Namibia">Namibia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherlands">Netherlands</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="North Macedonia">North Macedonia</option>
<option value="Northern Mariana Islands">Northern Mariana Islands</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
<option value="Palestine, State of">Palestine, State of</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Philippines">Philippines</option>
<option value="Pitcairn">Pitcairn</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Romania">Romania</option>
<option value="Russian Federation">Russian Federation</option>
<option value="Rwanda">Rwanda</option>
<option value="Réunion">Réunion</option>
<option value="Saint Barthélemy">Saint Barthélemy</option>
<option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
<option value="Saint Lucia">Saint Lucia</option>
<option value="Saint Martin">Saint Martin</option>
<option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
<option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
<option value="Samoa">Samoa</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome and Principe">Sao Tome and Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Serbia">Serbia</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Sint Maarten">Sint Maarten</option>
<option value="Slovakia">Slovakia</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option>
<option value="South Sudan">South Sudan</option>
<option value="Spain">Spain</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syria Arab Republic">Syria Arab Republic</option>
<option value="Taiwan">Taiwan</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Tanzania, the United Republic of">Tanzania, the United Republic of</option>
<option value="Thailand">Thailand</option>
<option value="Timor-Leste">Timor-Leste</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad and Tobago">Trinidad and Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Türkiye">Türkiye</option>
<option value="US Minor Outlying Islands">US Minor Outlying Islands</option>
<option value="Uganda">Uganda</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Emirates">United Arab Emirates</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States">United States</option>
<option value="Uruguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Venezuela">Venezuela</option>
<option value="Viet Nam">Viet Nam</option>
<option value="Virgin Islands, British">Virgin Islands, British</option>
<option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
<option value="Wallis and Futuna">Wallis and Futuna</option>
<option value="Western Sahara">Western Sahara</option>
<option value="Yemen">Yemen</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
<option value="Ã…land Islands">Ã…land Islands</option>
</select>
<label for="input_1_14_6" id="input_1_14_6_label" class="gform-field-label gform-field-label--type-sub ">Country</label>
</span>
<div class="gf_clear gf_clear_complex"></div>
</div>
</fieldset>
<div id="field_1_15" class="gfield gfield--type-website gfield--input-type-website field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"><label class="gfield_label gform-field-label" for="input_1_15">Website</label>
<div class="ginput_container ginput_container_website">
<input name="input_15" id="input_1_15" type="url" value="" class="large" placeholder="https://" aria-invalid="false">
</div>
</div>
<div id="field_1_16" class="gfield gfield--type-email gfield--input-type-email field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"><label class="gfield_label gform-field-label" for="input_1_16">Email</label>
<div class="ginput_container ginput_container_email">
<input name="input_16" id="input_1_16" type="email" value="" class="large" aria-invalid="false">
</div>
</div>
<div id="field_1_17" class="gfield gfield--type-fileupload gfield--input-type-fileupload field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"><label class="gfield_label gform-field-label" for="input_1_17">File</label>
<div class="ginput_container ginput_container_fileupload"><input type="hidden" name="MAX_FILE_SIZE" value="33554432"><input name="input_17" id="input_1_17" type="file" class="large" aria-describedby="gfield_upload_rules_1_17" onchange="javascript:gformValidateFileSize( this, 33554432 );"><span class="gfield_description gform_fileupload_rules" id="gfield_upload_rules_1_17">Max. file size: 32 MB.</span>
<div class="gfield_description validation_message gfield_validation_message validation_message--hidden-on-empty" id="live_validation_message_1_17"></div>
</div>
</div>
<div id="field_1_18" class="gfield gfield--type-captcha gfield--input-type-captcha field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"><label class="gfield_label gform-field-label" for="input_1_18">CAPTCHA</label>
<div id="input_1_18" class="ginput_container ginput_recaptcha" data-sitekey="" data-theme="light" data-tabindex="0" data-badge=""></div>
</div>
<fieldset id="field_1_19" class="gfield gfield--type-list gfield--input-type-list field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible">
<legend class="gfield_label gform-field-label">List</legend>
<div class="ginput_container ginput_container_list ginput_list ">
<div class="gfield_list gfield_list_container">
<div class="gfield_list_groups">
<div class="gfield_list_row_odd gfield_list_group gform-grid-row">
<div class="gfield_list_group_item gfield_list_cell gfield_list_19_cell1 gform-grid-col"><input aria-invalid="false" aria-label="List, Row 1" data-aria-label-template="List, Row {0}" type="text" name="input_19[]" value=""></div>
<div class="gfield_list_icons gform-grid-col"> <button type="button" class="add_list_item " aria-label="Add another row" onclick="gformAddListItem(this, 0)">Add</button> <button type="button" class="delete_list_item" aria-label="Remove row 1" data-aria-label-template="Remove row {0}" onclick="gformDeleteListItem(this, 0)" style="visibility:hidden;">Remove</button></div>
</div>
</div>
</div>
</div>
</fieldset>
<div id="field_1_20" class="gfield gfield--type-multiselect gfield--input-type-multiselect field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"><label class="gfield_label gform-field-label" for="input_1_20">Multi-select</label>
<div class="ginput_container ginput_container_multiselect"><select multiple="multiple" size="7" name="input_20[]" id="input_1_20" class="large gfield_select" aria-invalid="false">
<option value="First Choice">First Choice</option>
<option value="Second Choice">Second Choice</option>
<option value="Third Choice">Third Choice</option>
</select></div>
</div>
<fieldset id="field_1_21" class="gfield gfield--type-consent gfield--type-choice gfield--input-type-consent field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible">
<legend class="gfield_label gform-field-label gfield_label_before_complex">Consent</legend>
<div class="ginput_container ginput_container_consent"><input name="input_21.1" id="input_1_21_1" type="checkbox" value="1" aria-invalid="false"> <label class="gform-field-label gform-field-label--type-inline gfield_consent_label" for="input_1_21_1">I agree to the privacy policy.</label><input type="hidden" name="input_21.2" value="I agree to the privacy policy." class="gform_hidden"><input type="hidden" name="input_21.3" value="1" class="gform_hidden"></div>
</fieldset>
</div>
</div>
<div class="gform-footer gform_footer top_label"> <input type="submit" id="gform_submit_button_1" class="gform_button button" onclick="gform.submission.handleButtonClick(this);" data-submission-type="submit" value="Submit">
<input type="hidden" class="gform_hidden" name="gform_submission_method" data-js="gform_submission_method_1" value="postback">
<input type="hidden" class="gform_hidden" name="gform_theme" data-js="gform_theme_1" id="gform_theme_1" value="orbital">
<input type="hidden" class="gform_hidden" name="gform_style_settings" data-js="gform_style_settings_1" id="gform_style_settings_1" value="[]">
<input type="hidden" class="gform_hidden" name="is_submit_1" value="1">
<input type="hidden" class="gform_hidden" name="gform_submit" value="1">
<input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
<input type="hidden" class="gform_hidden" name="state_1" value="WyJ7XCI0XCI6W1wiOGRlYTcyZWNkMTZkMGRkYWY1OWEwNTRiOWNiYmNiN2RcIixcIjlmMTQ0OWQyNTdlZWQ3NGMzMzI0ZjJmYWFmMjEwMDY4XCIsXCI5NDQ4ZmFkNDE3MjQ1NzM0ZWFiYjU5YWM5YjY5NDUyOVwiXSxcIjUuMVwiOlwiOGRlYTcyZWNkMTZkMGRkYWY1OWEwNTRiOWNiYmNiN2RcIixcIjUuMlwiOlwiOWYxNDQ5ZDI1N2VlZDc0YzMzMjRmMmZhYWYyMTAwNjhcIixcIjUuM1wiOlwiOTQ0OGZhZDQxNzI0NTczNGVhYmI1OWFjOWI2OTQ1MjlcIixcIjZcIjpbXCI4ZGVhNzJlY2QxNmQwZGRhZjU5YTA1NGI5Y2JiY2I3ZFwiLFwiOWYxNDQ5ZDI1N2VlZDc0YzMzMjRmMmZhYWYyMTAwNjhcIixcIjk0NDhmYWQ0MTcyNDU3MzRlYWJiNTlhYzliNjk0NTI5XCJdLFwiOC4xXCI6XCI4ZGVhNzJlY2QxNmQwZGRhZjU5YTA1NGI5Y2JiY2I3ZFwiLFwiOC4yXCI6XCI5ZjE0NDlkMjU3ZWVkNzRjMzMyNGYyZmFhZjIxMDA2OFwiLFwiOC4zXCI6XCI5NDQ4ZmFkNDE3MjQ1NzM0ZWFiYjU5YWM5YjY5NDUyOVwiLFwiMjEuMVwiOlwiMjM1NTViNTBhZDkxMDhhMTg0MjJjZDI3MGE5NzFlNWVcIixcIjIxLjJcIjpcIjc5OWFhZGQxZTZjNTNkZjQzM2U2YTk1OTgzMzFhY2U1XCIsXCIyMS4zXCI6XCIyMzU1NWI1MGFkOTEwOGExODQyMmNkMjcwYTk3MWU1ZVwifSIsIjc4ODI0YThhZTMxNTZiZDE0NzVmZDQ2MzY5NzZiZGIxIl0=">
<input type="hidden" autocomplete="off" class="gform_hidden" name="gform_target_page_number_1" id="gform_target_page_number_1" value="0">
<input type="hidden" autocomplete="off" class="gform_hidden" name="gform_source_page_number_1" id="gform_source_page_number_1" value="1">
<input type="hidden" name="gform_field_values" value="">
</div>
</form>
</div>
<script type="text/javascript">
/* <![CDATA[ */
gform.initializeOnLoaded(function() {
gformInitSpinner(1, 'http://nnphi.localhost/app/plugins/gravityforms/images/spinner.svg', false);
jQuery('#gform_ajax_frame_1').on('load', function() {
var contents = jQuery(this).contents().find('*').html();
var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;
if (!is_postback) {
return;
}
var form_content = jQuery(this).contents().find('#gform_wrapper_1');
var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;
var is_redirect = contents.indexOf('gformRedirect(){') >= 0;
var is_form = form_content.length > 0 && !is_redirect && !is_confirmation;
var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;
if (is_form) {
jQuery('#gform_wrapper_1').html(form_content.html());
if (form_content.hasClass('gform_validation_error')) {
jQuery('#gform_wrapper_1').addClass('gform_validation_error');
} else {
jQuery('#gform_wrapper_1').removeClass('gform_validation_error');
}
setTimeout(function() {
/* delay the scroll by 50 milliseconds to fix a bug in chrome */ }, 50);
if (window['gformInitDatepicker']) {
gformInitDatepicker();
}
if (window['gformInitPriceFields']) {
gformInitPriceFields();
}
var current_page = jQuery('#gform_source_page_number_1').val();
gformInitSpinner(1, 'http://nnphi.localhost/app/plugins/gravityforms/images/spinner.svg', false);
jQuery(document).trigger('gform_page_loaded', [1, current_page]);
window['gf_submitting_1'] = false;
} else if (!is_redirect) {
var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();
if (!confirmation_content) {
confirmation_content = contents;
}
jQuery('#gform_wrapper_1').replaceWith(confirmation_content);
jQuery(document).trigger('gform_confirmation_loaded', [1]);
window['gf_submitting_1'] = false;
wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());
} else {
jQuery('#gform_1').append(contents);
if (window['gformRedirect']) {
gformRedirect();
}
}
jQuery(document).trigger("gform_pre_post_render", [{
formId: "1",
currentPage: "current_page",
abort: function() {
this.preventDefault();
}
}]);
if (event && event.defaultPrevented) {
return;
}
const gformWrapperDiv = document.getElementById("gform_wrapper_1");
if (gformWrapperDiv) {
const visibilitySpan = document.createElement("span");
visibilitySpan.id = "gform_visibility_test_1";
gformWrapperDiv.insertAdjacentElement("afterend", visibilitySpan);
}
const visibilityTestDiv = document.getElementById("gform_visibility_test_1");
let postRenderFired = false;
function triggerPostRender() {
if (postRenderFired) {
return;
}
postRenderFired = true;
gform.core.triggerPostRenderEvents(1, current_page);
if (visibilityTestDiv) {
visibilityTestDiv.parentNode.removeChild(visibilityTestDiv);
}
}
function debounce(func, wait, immediate) {
var timeout;
return function() {
var context = this,
args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
}
const debouncedTriggerPostRender = debounce(function() {
triggerPostRender();
}, 200);
if (visibilityTestDiv && visibilityTestDiv.offsetParent === null) {
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
if (mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null) {
debouncedTriggerPostRender();
observer.disconnect();
}
});
});
observer.observe(document.body, {
attributes: true,
childList: false,
subtree: true,
attributeFilter: ['style', 'class'],
});
} else {
triggerPostRender();
}
});
});
/* ]]> */
</script>
</div>
<div class="form">
{{ component.form | raw }}
</div>
{
"site": {
"title": "National Network of Public Health Institutes"
},
"background": "white",
"breadcrumbs": [
{
"title": "Home",
"url": "#"
},
{
"title": "Primary Page One",
"url": "#"
},
{
"title": "Interior Page One",
"url": "#"
}
],
"footerLinks": {
"items": [
{
"title": "Subscribe to our newsletter",
"url": "#"
},
{
"title": "Explore membership benefits",
"url": "#"
},
{
"title": "See career opportunities",
"url": "#"
}
]
},
"contactInfo": {
"copyright": "© National Network of Public Health Institutes. All Rights Reserved",
"facebookLink": "https://facebook.com",
"linkedInLink": "https://linkedin.com",
"youtubeLink": "https://youtube.com",
"flickrLink": "https://flickr.com",
"twitterLink": "https://twitter.com",
"instagramLink": "https://instagram.com",
"youTubeLink": "https://youtube.com"
},
"utilityNavigation": {
"items": [
{
"title": "Member directory",
"url": "#"
},
{
"title": "Events",
"url": "#",
"isActive": true
},
{
"title": "Blog",
"url": "#"
}
]
},
"primaryNavigation": {
"items": [
{
"title": "Workforce resources",
"url": "#",
"children": [
{
"title": "Resource Directory",
"url": "#",
"children": []
},
{
"title": "Trainings",
"url": "#",
"children": [
{
"title": "Training Level 3 example",
"url": "#"
}
]
}
]
},
{
"title": "Programs & Projects",
"url": "#",
"isDescendantActive": true,
"children": [
{
"title": "Data Modernization",
"url": "#",
"children": []
},
{
"title": "Environmental Health and Emergency Preparedness",
"url": "#",
"children": []
},
{
"title": "Evaluation and Impact",
"url": "#",
"isDescendantActive": true,
"children": [
{
"title": "Third level example",
"url": "#",
"isActive": true,
"children": [
{
"title": "Fourth level example",
"url": "#",
"isActive": true,
"children": [
{
"title": "Fifth level example",
"url": "#",
"isActive": true
}
]
},
{
"title": "Fourth level example 2",
"url": "#"
},
{
"title": "Fourth level example 3",
"url": "#"
}
]
}
]
},
{
"title": "Multisector Strategies and Population Health",
"url": "#",
"children": []
},
{
"title": "Public Health Events and Convenings Management",
"url": "#",
"children": []
},
{
"title": "Public Health Infrastructure Grant",
"url": "#",
"children": []
},
{
"title": "Public health training",
"url": "#",
"children": []
}
]
},
{
"title": "Explore the Network",
"url": "#",
"children": [
{
"title": "Member Directory",
"url": "#",
"children": []
},
{
"title": "Membership paths",
"url": "#",
"children": []
}
]
},
{
"title": "Partner with us",
"url": "#"
},
{
"title": "About",
"url": "#",
"children": [
{
"title": "Blog",
"url": "#",
"children": []
},
{
"title": "Events",
"url": "#",
"children": []
},
{
"title": "Newsletters",
"url": "#",
"children": []
},
{
"title": "Signature programs",
"url": "#",
"children": []
},
{
"title": "Contact us",
"url": "#",
"children": []
},
{
"title": "Meet the team",
"url": "#",
"children": []
}
]
}
]
},
"component": {
"type": "form",
"form": "<div class=\"gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital\" data-form-theme=\"orbital\" data-form-index=\"0\" id=\"gform_wrapper_1\"><style>#gform_wrapper_1[data-form-index=\"0\"].gform-theme,[data-parent-form=\"1_0\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E\");--gf-icon-ctrl-select: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E\");--gf-icon-ctrl-search: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style><form method=\"post\" enctype=\"multipart/form-data\" id=\"gform_1\" action=\"/sample-page/\" data-formid=\"1\" novalidate=\"\">\n <div class=\"gform-body gform_body\"><div id=\"gform_fields_1\" class=\"gform_fields top_label form_sublabel_below description_below validation_below\"><div id=\"field_1_7\" class=\"gfield gfield--type-html gfield--input-type-html gfield--width-full gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><h2>This is an HTML block</h2>\n<p>It has content that can be <em>styled</em> in <strong>many ways</strong></p></div><div id=\"field_1_1\" class=\"gfield gfield--type-text gfield--input-type-text gfield_contains_required field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\"><label class=\"gfield_label gform-field-label\" for=\"input_1_1\">Single line text<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)</span></span></label><div class=\"ginput_container ginput_container_text\"><input name=\"input_1\" id=\"input_1_1\" type=\"text\" value=\"\" class=\"large\" aria-describedby=\"gfield_description_1_1\" aria-required=\"true\" aria-invalid=\"false\"></div><div class=\"gfield_description\" id=\"gfield_description_1_1\">This is the description.</div></div><div id=\"field_1_3\" class=\"gfield gfield--type-textarea gfield--input-type-textarea field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><label class=\"gfield_label gform-field-label\" for=\"input_1_3\">Paragraph text</label><div class=\"ginput_container ginput_container_textarea\"><textarea name=\"input_3\" id=\"input_1_3\" class=\"textarea large\" placeholder=\"This is some placeholder text\" aria-invalid=\"false\" rows=\"10\" cols=\"50\"></textarea></div></div><div id=\"field_1_4\" class=\"gfield gfield--type-select gfield--input-type-select field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\"><label class=\"gfield_label gform-field-label\" for=\"input_1_4\">Select</label><div class=\"ginput_container ginput_container_select\"><select name=\"input_4\" id=\"input_1_4\" class=\"large gfield_select\" aria-describedby=\"gfield_description_1_4\" aria-invalid=\"false\"><option value=\"First Choice\">First Choice</option><option value=\"Second Choice\">Second Choice</option><option value=\"Third Choice\">Third Choice</option></select></div><div class=\"gfield_description\" id=\"gfield_description_1_4\">This is a select</div></div><fieldset id=\"field_1_5\" class=\"gfield gfield--type-checkbox gfield--type-choice gfield--input-type-checkbox field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><legend class=\"gfield_label gform-field-label gfield_label_before_complex\">Checkboxes</legend><div class=\"ginput_container ginput_container_checkbox\"><div class=\"gfield_checkbox \" id=\"input_1_5\"><div class=\"gchoice gchoice_1_5_1\">\n\t\t\t\t\t\t\t\t<input class=\"gfield-choice-input\" name=\"input_5.1\" type=\"checkbox\" value=\"First Choice\" id=\"choice_1_5_1\">\n\t\t\t\t\t\t\t\t<label for=\"choice_1_5_1\" id=\"label_1_5_1\" class=\"gform-field-label gform-field-label--type-inline\">First Choice</label>\n\t\t\t\t\t\t\t</div><div class=\"gchoice gchoice_1_5_2\">\n\t\t\t\t\t\t\t\t<input class=\"gfield-choice-input\" name=\"input_5.2\" type=\"checkbox\" value=\"Second Choice\" id=\"choice_1_5_2\">\n\t\t\t\t\t\t\t\t<label for=\"choice_1_5_2\" id=\"label_1_5_2\" class=\"gform-field-label gform-field-label--type-inline\">Second Choice</label>\n\t\t\t\t\t\t\t</div><div class=\"gchoice gchoice_1_5_3\">\n\t\t\t\t\t\t\t\t<input class=\"gfield-choice-input\" name=\"input_5.3\" type=\"checkbox\" value=\"Third Choice\" id=\"choice_1_5_3\">\n\t\t\t\t\t\t\t\t<label for=\"choice_1_5_3\" id=\"label_1_5_3\" class=\"gform-field-label gform-field-label--type-inline\">Third Choice</label>\n\t\t\t\t\t\t\t</div></div></div></fieldset><fieldset id=\"field_1_6\" class=\"gfield gfield--type-radio gfield--type-choice gfield--input-type-radio field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><legend class=\"gfield_label gform-field-label\">Radio buttons</legend><div class=\"ginput_container ginput_container_radio\"><div class=\"gfield_radio\" id=\"input_1_6\">\n\t\t\t<div class=\"gchoice gchoice_1_6_0\">\n\t\t\t\t\t<input class=\"gfield-choice-input\" name=\"input_6\" type=\"radio\" value=\"First Choice\" id=\"choice_1_6_0\" onchange=\"gformToggleRadioOther( this )\">\n\t\t\t\t\t<label for=\"choice_1_6_0\" id=\"label_1_6_0\" class=\"gform-field-label gform-field-label--type-inline\">First Choice</label>\n\t\t\t</div>\n\t\t\t<div class=\"gchoice gchoice_1_6_1\">\n\t\t\t\t\t<input class=\"gfield-choice-input\" name=\"input_6\" type=\"radio\" value=\"Second Choice\" id=\"choice_1_6_1\" onchange=\"gformToggleRadioOther( this )\">\n\t\t\t\t\t<label for=\"choice_1_6_1\" id=\"label_1_6_1\" class=\"gform-field-label gform-field-label--type-inline\">Second Choice</label>\n\t\t\t</div>\n\t\t\t<div class=\"gchoice gchoice_1_6_2\">\n\t\t\t\t\t<input class=\"gfield-choice-input\" name=\"input_6\" type=\"radio\" value=\"Third Choice\" id=\"choice_1_6_2\" onchange=\"gformToggleRadioOther( this )\">\n\t\t\t\t\t<label for=\"choice_1_6_2\" id=\"label_1_6_2\" class=\"gform-field-label gform-field-label--type-inline\">Third Choice</label>\n\t\t\t</div></div></div></fieldset><fieldset id=\"field_1_8\" class=\"gfield gfield--type-multi_choice gfield--type-choice gfield--input-type-checkbox field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible gfield--choice-align-vertical\"><legend class=\"gfield_label gform-field-label gfield_label_before_complex\">Untitled</legend><div class=\"ginput_container ginput_container_checkbox\"><span class=\"gfield_choice_limit_message gfield_description\" id=\"gfield_choice_limit_message_1_8\">Select between <strong>1</strong> and <strong>2</strong> choices.</span><div class=\"gfield_checkbox \" id=\"input_1_8\"><div class=\"gchoice gchoice_1_8_1\">\n\t\t\t\t\t\t\t\t<input class=\"gfield-choice-input\" name=\"input_8.1\" type=\"checkbox\" value=\"First Choice\" id=\"choice_1_8_1\" aria-describedby=\"gfield_choice_limit_message_1_8\">\n\t\t\t\t\t\t\t\t<label for=\"choice_1_8_1\" id=\"label_1_8_1\" class=\"gform-field-label gform-field-label--type-inline\">First Choice</label>\n\t\t\t\t\t\t\t</div><div class=\"gchoice gchoice_1_8_2\">\n\t\t\t\t\t\t\t\t<input class=\"gfield-choice-input\" name=\"input_8.2\" type=\"checkbox\" value=\"Second Choice\" id=\"choice_1_8_2\">\n\t\t\t\t\t\t\t\t<label for=\"choice_1_8_2\" id=\"label_1_8_2\" class=\"gform-field-label gform-field-label--type-inline\">Second Choice</label>\n\t\t\t\t\t\t\t</div><div class=\"gchoice gchoice_1_8_3\">\n\t\t\t\t\t\t\t\t<input class=\"gfield-choice-input\" name=\"input_8.3\" type=\"checkbox\" value=\"Third Choice\" id=\"choice_1_8_3\">\n\t\t\t\t\t\t\t\t<label for=\"choice_1_8_3\" id=\"label_1_8_3\" class=\"gform-field-label gform-field-label--type-inline\">Third Choice</label>\n\t\t\t\t\t\t\t</div></div></div></fieldset><fieldset id=\"field_1_10\" class=\"gfield gfield--type-name gfield--input-type-name field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><legend class=\"gfield_label gform-field-label gfield_label_before_complex\">Name</legend><div class=\"ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row\" id=\"input_1_10\">\n \n <span id=\"input_1_10_3_container\" class=\"name_first gform-grid-col gform-grid-col--size-auto\">\n <input type=\"text\" name=\"input_10.3\" id=\"input_1_10_3\" value=\"\" aria-required=\"false\">\n <label for=\"input_1_10_3\" class=\"gform-field-label gform-field-label--type-sub \">First</label>\n </span>\n \n <span id=\"input_1_10_6_container\" class=\"name_last gform-grid-col gform-grid-col--size-auto\">\n <input type=\"text\" name=\"input_10.6\" id=\"input_1_10_6\" value=\"\" aria-required=\"false\">\n <label for=\"input_1_10_6\" class=\"gform-field-label gform-field-label--type-sub \">Last</label>\n </span>\n \n </div></fieldset><div id=\"field_1_11\" class=\"gfield gfield--type-date gfield--input-type-date gfield--input-type-datepicker gfield--datepicker-no-icon field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><label class=\"gfield_label gform-field-label\" for=\"input_1_11\">Date</label><div class=\"ginput_container ginput_container_date\">\n <input name=\"input_11\" id=\"input_1_11\" type=\"text\" value=\"\" class=\"datepicker gform-datepicker mdy datepicker_no_icon gdatepicker-no-icon hasDatepicker initialized\" placeholder=\"mm/dd/yyyy\" aria-describedby=\"input_1_11_date_format\" aria-invalid=\"false\">\n <span id=\"input_1_11_date_format\" class=\"screen-reader-text\">MM slash DD slash YYYY</span>\n </div>\n <input type=\"hidden\" id=\"gforms_calendar_icon_input_1_11\" class=\"gform_hidden\" value=\"http://nnphi.localhost/app/plugins/gravityforms/images/datepicker/datepicker.svg\"></div><fieldset id=\"field_1_12\" class=\"gfield gfield--type-time gfield--input-type-time field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><legend class=\"gfield_label gform-field-label gfield_label_before_complex\">Time</legend><div class=\"ginput_container ginput_complex gform-grid-row\">\n <div class=\"gfield_time_hour ginput_container ginput_container_time gform-grid-col\" id=\"input_1_12\">\n <input type=\"number\" maxlength=\"2\" name=\"input_12[]\" id=\"input_1_12_1\" value=\"\" min=\"0\" max=\"12\" step=\"1\" placeholder=\"HH\" aria-required=\"false\"> \n <label class=\"gform-field-label gform-field-label--type-sub hour_label screen-reader-text\" for=\"input_1_12_1\">Hours</label>\n </div>\n <div class=\"below hour_minute_colon gform-grid-col\">:</div>\n <div class=\"gfield_time_minute ginput_container ginput_container_time gform-grid-col\">\n <input type=\"number\" maxlength=\"2\" name=\"input_12[]\" id=\"input_1_12_2\" value=\"\" min=\"0\" max=\"59\" step=\"1\" placeholder=\"MM\" aria-required=\"false\">\n <label class=\"gform-field-label gform-field-label--type-sub minute_label screen-reader-text\" for=\"input_1_12_2\">Minutes</label>\n </div>\n <div class=\"gfield_time_ampm ginput_container ginput_container_time below gform-grid-col\">\n \n <select name=\"input_12[]\" id=\"input_1_12_3\">\n <option value=\"am\">AM</option>\n <option value=\"pm\">PM</option>\n </select> \n <label class=\"gform-field-label gform-field-label--type-sub am_pm_label screen-reader-text\" for=\"input_1_12_3\">AM/PM</label> \n </div>\n </div></fieldset><div id=\"field_1_13\" class=\"gfield gfield--type-phone gfield--input-type-phone field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><label class=\"gfield_label gform-field-label\" for=\"input_1_13\">Phone</label><div class=\"ginput_container ginput_container_phone\"><input name=\"input_13\" id=\"input_1_13\" type=\"tel\" value=\"\" class=\"large\" aria-invalid=\"false\"><div data-lastpass-icon-root=\"\" style=\"position: relative !important; height: 0px !important; width: 0px !important; float: left !important;\"></div></div></div><fieldset id=\"field_1_14\" class=\"gfield gfield--type-address gfield--input-type-address field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><legend class=\"gfield_label gform-field-label gfield_label_before_complex\">Address</legend> \n <div class=\"ginput_complex ginput_container has_street has_street2 has_city has_state has_zip has_country ginput_container_address gform-grid-row\" id=\"input_1_14\">\n <span class=\"ginput_full address_line_1 ginput_address_line_1 gform-grid-col\" id=\"input_1_14_1_container\">\n <input type=\"text\" name=\"input_14.1\" id=\"input_1_14_1\" value=\"\" aria-required=\"false\">\n <label for=\"input_1_14_1\" id=\"input_1_14_1_label\" class=\"gform-field-label gform-field-label--type-sub \">Street Address</label>\n </span><span class=\"ginput_full address_line_2 ginput_address_line_2 gform-grid-col\" id=\"input_1_14_2_container\">\n <input type=\"text\" name=\"input_14.2\" id=\"input_1_14_2\" value=\"\" aria-required=\"false\">\n <label for=\"input_1_14_2\" id=\"input_1_14_2_label\" class=\"gform-field-label gform-field-label--type-sub \">Address Line 2</label>\n </span><span class=\"ginput_left address_city ginput_address_city gform-grid-col\" id=\"input_1_14_3_container\">\n <input type=\"text\" name=\"input_14.3\" id=\"input_1_14_3\" value=\"\" aria-required=\"false\">\n <label for=\"input_1_14_3\" id=\"input_1_14_3_label\" class=\"gform-field-label gform-field-label--type-sub \">City</label>\n </span><span class=\"ginput_right address_state ginput_address_state gform-grid-col\" id=\"input_1_14_4_container\">\n <input type=\"text\" name=\"input_14.4\" id=\"input_1_14_4\" value=\"\" aria-required=\"false\">\n <label for=\"input_1_14_4\" id=\"input_1_14_4_label\" class=\"gform-field-label gform-field-label--type-sub \">State / Province / Region</label>\n </span><span class=\"ginput_left address_zip ginput_address_zip gform-grid-col\" id=\"input_1_14_5_container\">\n <input type=\"text\" name=\"input_14.5\" id=\"input_1_14_5\" value=\"\" aria-required=\"false\">\n <label for=\"input_1_14_5\" id=\"input_1_14_5_label\" class=\"gform-field-label gform-field-label--type-sub \">ZIP / Postal Code</label>\n </span><span class=\"ginput_right address_country ginput_address_country gform-grid-col\" id=\"input_1_14_6_container\">\n <select name=\"input_14.6\" id=\"input_1_14_6\" aria-required=\"false\"><option value=\"\" selected=\"selected\"></option><option value=\"Afghanistan\">Afghanistan</option><option value=\"Albania\">Albania</option><option value=\"Algeria\">Algeria</option><option value=\"American Samoa\">American Samoa</option><option value=\"Andorra\">Andorra</option><option value=\"Angola\">Angola</option><option value=\"Anguilla\">Anguilla</option><option value=\"Antarctica\">Antarctica</option><option value=\"Antigua and Barbuda\">Antigua and Barbuda</option><option value=\"Argentina\">Argentina</option><option value=\"Armenia\">Armenia</option><option value=\"Aruba\">Aruba</option><option value=\"Australia\">Australia</option><option value=\"Austria\">Austria</option><option value=\"Azerbaijan\">Azerbaijan</option><option value=\"Bahamas\">Bahamas</option><option value=\"Bahrain\">Bahrain</option><option value=\"Bangladesh\">Bangladesh</option><option value=\"Barbados\">Barbados</option><option value=\"Belarus\">Belarus</option><option value=\"Belgium\">Belgium</option><option value=\"Belize\">Belize</option><option value=\"Benin\">Benin</option><option value=\"Bermuda\">Bermuda</option><option value=\"Bhutan\">Bhutan</option><option value=\"Bolivia\">Bolivia</option><option value=\"Bonaire, Sint Eustatius and Saba\">Bonaire, Sint Eustatius and Saba</option><option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina</option><option value=\"Botswana\">Botswana</option><option value=\"Bouvet Island\">Bouvet Island</option><option value=\"Brazil\">Brazil</option><option value=\"British Indian Ocean Territory\">British Indian Ocean Territory</option><option value=\"Brunei Darussalam\">Brunei Darussalam</option><option value=\"Bulgaria\">Bulgaria</option><option value=\"Burkina Faso\">Burkina Faso</option><option value=\"Burundi\">Burundi</option><option value=\"Cabo Verde\">Cabo Verde</option><option value=\"Cambodia\">Cambodia</option><option value=\"Cameroon\">Cameroon</option><option value=\"Canada\">Canada</option><option value=\"Cayman Islands\">Cayman Islands</option><option value=\"Central African Republic\">Central African Republic</option><option value=\"Chad\">Chad</option><option value=\"Chile\">Chile</option><option value=\"China\">China</option><option value=\"Christmas Island\">Christmas Island</option><option value=\"Cocos Islands\">Cocos Islands</option><option value=\"Colombia\">Colombia</option><option value=\"Comoros\">Comoros</option><option value=\"Congo\">Congo</option><option value=\"Congo, Democratic Republic of the\">Congo, Democratic Republic of the</option><option value=\"Cook Islands\">Cook Islands</option><option value=\"Costa Rica\">Costa Rica</option><option value=\"Croatia\">Croatia</option><option value=\"Cuba\">Cuba</option><option value=\"Curaçao\">Curaçao</option><option value=\"Cyprus\">Cyprus</option><option value=\"Czechia\">Czechia</option><option value=\"Côte d'Ivoire\">Côte d'Ivoire</option><option value=\"Denmark\">Denmark</option><option value=\"Djibouti\">Djibouti</option><option value=\"Dominica\">Dominica</option><option value=\"Dominican Republic\">Dominican Republic</option><option value=\"Ecuador\">Ecuador</option><option value=\"Egypt\">Egypt</option><option value=\"El Salvador\">El Salvador</option><option value=\"Equatorial Guinea\">Equatorial Guinea</option><option value=\"Eritrea\">Eritrea</option><option value=\"Estonia\">Estonia</option><option value=\"Eswatini\">Eswatini</option><option value=\"Ethiopia\">Ethiopia</option><option value=\"Falkland Islands\">Falkland Islands</option><option value=\"Faroe Islands\">Faroe Islands</option><option value=\"Fiji\">Fiji</option><option value=\"Finland\">Finland</option><option value=\"France\">France</option><option value=\"French Guiana\">French Guiana</option><option value=\"French Polynesia\">French Polynesia</option><option value=\"French Southern Territories\">French Southern Territories</option><option value=\"Gabon\">Gabon</option><option value=\"Gambia\">Gambia</option><option value=\"Georgia\">Georgia</option><option value=\"Germany\">Germany</option><option value=\"Ghana\">Ghana</option><option value=\"Gibraltar\">Gibraltar</option><option value=\"Greece\">Greece</option><option value=\"Greenland\">Greenland</option><option value=\"Grenada\">Grenada</option><option value=\"Guadeloupe\">Guadeloupe</option><option value=\"Guam\">Guam</option><option value=\"Guatemala\">Guatemala</option><option value=\"Guernsey\">Guernsey</option><option value=\"Guinea\">Guinea</option><option value=\"Guinea-Bissau\">Guinea-Bissau</option><option value=\"Guyana\">Guyana</option><option value=\"Haiti\">Haiti</option><option value=\"Heard Island and McDonald Islands\">Heard Island and McDonald Islands</option><option value=\"Holy See\">Holy See</option><option value=\"Honduras\">Honduras</option><option value=\"Hong Kong\">Hong Kong</option><option value=\"Hungary\">Hungary</option><option value=\"Iceland\">Iceland</option><option value=\"India\">India</option><option value=\"Indonesia\">Indonesia</option><option value=\"Iran\">Iran</option><option value=\"Iraq\">Iraq</option><option value=\"Ireland\">Ireland</option><option value=\"Isle of Man\">Isle of Man</option><option value=\"Israel\">Israel</option><option value=\"Italy\">Italy</option><option value=\"Jamaica\">Jamaica</option><option value=\"Japan\">Japan</option><option value=\"Jersey\">Jersey</option><option value=\"Jordan\">Jordan</option><option value=\"Kazakhstan\">Kazakhstan</option><option value=\"Kenya\">Kenya</option><option value=\"Kiribati\">Kiribati</option><option value=\"Korea, Democratic People's Republic of\">Korea, Democratic People's Republic of</option><option value=\"Korea, Republic of\">Korea, Republic of</option><option value=\"Kuwait\">Kuwait</option><option value=\"Kyrgyzstan\">Kyrgyzstan</option><option value=\"Lao People's Democratic Republic\">Lao People's Democratic Republic</option><option value=\"Latvia\">Latvia</option><option value=\"Lebanon\">Lebanon</option><option value=\"Lesotho\">Lesotho</option><option value=\"Liberia\">Liberia</option><option value=\"Libya\">Libya</option><option value=\"Liechtenstein\">Liechtenstein</option><option value=\"Lithuania\">Lithuania</option><option value=\"Luxembourg\">Luxembourg</option><option value=\"Macao\">Macao</option><option value=\"Madagascar\">Madagascar</option><option value=\"Malawi\">Malawi</option><option value=\"Malaysia\">Malaysia</option><option value=\"Maldives\">Maldives</option><option value=\"Mali\">Mali</option><option value=\"Malta\">Malta</option><option value=\"Marshall Islands\">Marshall Islands</option><option value=\"Martinique\">Martinique</option><option value=\"Mauritania\">Mauritania</option><option value=\"Mauritius\">Mauritius</option><option value=\"Mayotte\">Mayotte</option><option value=\"Mexico\">Mexico</option><option value=\"Micronesia\">Micronesia</option><option value=\"Moldova\">Moldova</option><option value=\"Monaco\">Monaco</option><option value=\"Mongolia\">Mongolia</option><option value=\"Montenegro\">Montenegro</option><option value=\"Montserrat\">Montserrat</option><option value=\"Morocco\">Morocco</option><option value=\"Mozambique\">Mozambique</option><option value=\"Myanmar\">Myanmar</option><option value=\"Namibia\">Namibia</option><option value=\"Nauru\">Nauru</option><option value=\"Nepal\">Nepal</option><option value=\"Netherlands\">Netherlands</option><option value=\"New Caledonia\">New Caledonia</option><option value=\"New Zealand\">New Zealand</option><option value=\"Nicaragua\">Nicaragua</option><option value=\"Niger\">Niger</option><option value=\"Nigeria\">Nigeria</option><option value=\"Niue\">Niue</option><option value=\"Norfolk Island\">Norfolk Island</option><option value=\"North Macedonia\">North Macedonia</option><option value=\"Northern Mariana Islands\">Northern Mariana Islands</option><option value=\"Norway\">Norway</option><option value=\"Oman\">Oman</option><option value=\"Pakistan\">Pakistan</option><option value=\"Palau\">Palau</option><option value=\"Palestine, State of\">Palestine, State of</option><option value=\"Panama\">Panama</option><option value=\"Papua New Guinea\">Papua New Guinea</option><option value=\"Paraguay\">Paraguay</option><option value=\"Peru\">Peru</option><option value=\"Philippines\">Philippines</option><option value=\"Pitcairn\">Pitcairn</option><option value=\"Poland\">Poland</option><option value=\"Portugal\">Portugal</option><option value=\"Puerto Rico\">Puerto Rico</option><option value=\"Qatar\">Qatar</option><option value=\"Romania\">Romania</option><option value=\"Russian Federation\">Russian Federation</option><option value=\"Rwanda\">Rwanda</option><option value=\"Réunion\">Réunion</option><option value=\"Saint Barthélemy\">Saint Barthélemy</option><option value=\"Saint Helena, Ascension and Tristan da Cunha\">Saint Helena, Ascension and Tristan da Cunha</option><option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis</option><option value=\"Saint Lucia\">Saint Lucia</option><option value=\"Saint Martin\">Saint Martin</option><option value=\"Saint Pierre and Miquelon\">Saint Pierre and Miquelon</option><option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines</option><option value=\"Samoa\">Samoa</option><option value=\"San Marino\">San Marino</option><option value=\"Sao Tome and Principe\">Sao Tome and Principe</option><option value=\"Saudi Arabia\">Saudi Arabia</option><option value=\"Senegal\">Senegal</option><option value=\"Serbia\">Serbia</option><option value=\"Seychelles\">Seychelles</option><option value=\"Sierra Leone\">Sierra Leone</option><option value=\"Singapore\">Singapore</option><option value=\"Sint Maarten\">Sint Maarten</option><option value=\"Slovakia\">Slovakia</option><option value=\"Slovenia\">Slovenia</option><option value=\"Solomon Islands\">Solomon Islands</option><option value=\"Somalia\">Somalia</option><option value=\"South Africa\">South Africa</option><option value=\"South Georgia and the South Sandwich Islands\">South Georgia and the South Sandwich Islands</option><option value=\"South Sudan\">South Sudan</option><option value=\"Spain\">Spain</option><option value=\"Sri Lanka\">Sri Lanka</option><option value=\"Sudan\">Sudan</option><option value=\"Suriname\">Suriname</option><option value=\"Svalbard and Jan Mayen\">Svalbard and Jan Mayen</option><option value=\"Sweden\">Sweden</option><option value=\"Switzerland\">Switzerland</option><option value=\"Syria Arab Republic\">Syria Arab Republic</option><option value=\"Taiwan\">Taiwan</option><option value=\"Tajikistan\">Tajikistan</option><option value=\"Tanzania, the United Republic of\">Tanzania, the United Republic of</option><option value=\"Thailand\">Thailand</option><option value=\"Timor-Leste\">Timor-Leste</option><option value=\"Togo\">Togo</option><option value=\"Tokelau\">Tokelau</option><option value=\"Tonga\">Tonga</option><option value=\"Trinidad and Tobago\">Trinidad and Tobago</option><option value=\"Tunisia\">Tunisia</option><option value=\"Turkmenistan\">Turkmenistan</option><option value=\"Turks and Caicos Islands\">Turks and Caicos Islands</option><option value=\"Tuvalu\">Tuvalu</option><option value=\"Türkiye\">Türkiye</option><option value=\"US Minor Outlying Islands\">US Minor Outlying Islands</option><option value=\"Uganda\">Uganda</option><option value=\"Ukraine\">Ukraine</option><option value=\"United Arab Emirates\">United Arab Emirates</option><option value=\"United Kingdom\">United Kingdom</option><option value=\"United States\">United States</option><option value=\"Uruguay\">Uruguay</option><option value=\"Uzbekistan\">Uzbekistan</option><option value=\"Vanuatu\">Vanuatu</option><option value=\"Venezuela\">Venezuela</option><option value=\"Viet Nam\">Viet Nam</option><option value=\"Virgin Islands, British\">Virgin Islands, British</option><option value=\"Virgin Islands, U.S.\">Virgin Islands, U.S.</option><option value=\"Wallis and Futuna\">Wallis and Futuna</option><option value=\"Western Sahara\">Western Sahara</option><option value=\"Yemen\">Yemen</option><option value=\"Zambia\">Zambia</option><option value=\"Zimbabwe\">Zimbabwe</option><option value=\"Åland Islands\">Åland Islands</option></select>\n <label for=\"input_1_14_6\" id=\"input_1_14_6_label\" class=\"gform-field-label gform-field-label--type-sub \">Country</label>\n </span>\n <div class=\"gf_clear gf_clear_complex\"></div>\n </div></fieldset><div id=\"field_1_15\" class=\"gfield gfield--type-website gfield--input-type-website field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><label class=\"gfield_label gform-field-label\" for=\"input_1_15\">Website</label><div class=\"ginput_container ginput_container_website\">\n <input name=\"input_15\" id=\"input_1_15\" type=\"url\" value=\"\" class=\"large\" placeholder=\"https://\" aria-invalid=\"false\">\n </div></div><div id=\"field_1_16\" class=\"gfield gfield--type-email gfield--input-type-email field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><label class=\"gfield_label gform-field-label\" for=\"input_1_16\">Email</label><div class=\"ginput_container ginput_container_email\">\n <input name=\"input_16\" id=\"input_1_16\" type=\"email\" value=\"\" class=\"large\" aria-invalid=\"false\">\n </div></div><div id=\"field_1_17\" class=\"gfield gfield--type-fileupload gfield--input-type-fileupload field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><label class=\"gfield_label gform-field-label\" for=\"input_1_17\">File</label><div class=\"ginput_container ginput_container_fileupload\"><input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"33554432\"><input name=\"input_17\" id=\"input_1_17\" type=\"file\" class=\"large\" aria-describedby=\"gfield_upload_rules_1_17\" onchange=\"javascript:gformValidateFileSize( this, 33554432 );\"><span class=\"gfield_description gform_fileupload_rules\" id=\"gfield_upload_rules_1_17\">Max. file size: 32 MB.</span><div class=\"gfield_description validation_message gfield_validation_message validation_message--hidden-on-empty\" id=\"live_validation_message_1_17\"></div></div></div><div id=\"field_1_18\" class=\"gfield gfield--type-captcha gfield--input-type-captcha field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><label class=\"gfield_label gform-field-label\" for=\"input_1_18\">CAPTCHA</label><div id=\"input_1_18\" class=\"ginput_container ginput_recaptcha\" data-sitekey=\"\" data-theme=\"light\" data-tabindex=\"0\" data-badge=\"\"></div></div><fieldset id=\"field_1_19\" class=\"gfield gfield--type-list gfield--input-type-list field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><legend class=\"gfield_label gform-field-label\">List</legend><div class=\"ginput_container ginput_container_list ginput_list \"><div class=\"gfield_list gfield_list_container\"><div class=\"gfield_list_groups\"><div class=\"gfield_list_row_odd gfield_list_group gform-grid-row\"><div class=\"gfield_list_group_item gfield_list_cell gfield_list_19_cell1 gform-grid-col\"><input aria-invalid=\"false\" aria-label=\"List, Row 1\" data-aria-label-template=\"List, Row {0}\" type=\"text\" name=\"input_19[]\" value=\"\"></div><div class=\"gfield_list_icons gform-grid-col\"> <button type=\"button\" class=\"add_list_item \" aria-label=\"Add another row\" onclick=\"gformAddListItem(this, 0)\">Add</button> <button type=\"button\" class=\"delete_list_item\" aria-label=\"Remove row 1\" data-aria-label-template=\"Remove row {0}\" onclick=\"gformDeleteListItem(this, 0)\" style=\"visibility:hidden;\">Remove</button></div></div></div></div></div></fieldset><div id=\"field_1_20\" class=\"gfield gfield--type-multiselect gfield--input-type-multiselect field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><label class=\"gfield_label gform-field-label\" for=\"input_1_20\">Multi-select</label><div class=\"ginput_container ginput_container_multiselect\"><select multiple=\"multiple\" size=\"7\" name=\"input_20[]\" id=\"input_1_20\" class=\"large gfield_select\" aria-invalid=\"false\"><option value=\"First Choice\">First Choice</option><option value=\"Second Choice\">Second Choice</option><option value=\"Third Choice\">Third Choice</option></select></div></div><fieldset id=\"field_1_21\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"><legend class=\"gfield_label gform-field-label gfield_label_before_complex\">Consent</legend><div class=\"ginput_container ginput_container_consent\"><input name=\"input_21.1\" id=\"input_1_21_1\" type=\"checkbox\" value=\"1\" aria-invalid=\"false\"> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for=\"input_1_21_1\">I agree to the privacy policy.</label><input type=\"hidden\" name=\"input_21.2\" value=\"I agree to the privacy policy.\" class=\"gform_hidden\"><input type=\"hidden\" name=\"input_21.3\" value=\"1\" class=\"gform_hidden\"></div></fieldset></div></div>\n <div class=\"gform-footer gform_footer top_label\"> <input type=\"submit\" id=\"gform_submit_button_1\" class=\"gform_button button\" onclick=\"gform.submission.handleButtonClick(this);\" data-submission-type=\"submit\" value=\"Submit\"> \n <input type=\"hidden\" class=\"gform_hidden\" name=\"gform_submission_method\" data-js=\"gform_submission_method_1\" value=\"postback\">\n <input type=\"hidden\" class=\"gform_hidden\" name=\"gform_theme\" data-js=\"gform_theme_1\" id=\"gform_theme_1\" value=\"orbital\">\n <input type=\"hidden\" class=\"gform_hidden\" name=\"gform_style_settings\" data-js=\"gform_style_settings_1\" id=\"gform_style_settings_1\" value=\"[]\">\n <input type=\"hidden\" class=\"gform_hidden\" name=\"is_submit_1\" value=\"1\">\n <input type=\"hidden\" class=\"gform_hidden\" name=\"gform_submit\" value=\"1\">\n \n <input type=\"hidden\" class=\"gform_hidden\" name=\"gform_unique_id\" value=\"\">\n <input type=\"hidden\" class=\"gform_hidden\" name=\"state_1\" value=\"WyJ7XCI0XCI6W1wiOGRlYTcyZWNkMTZkMGRkYWY1OWEwNTRiOWNiYmNiN2RcIixcIjlmMTQ0OWQyNTdlZWQ3NGMzMzI0ZjJmYWFmMjEwMDY4XCIsXCI5NDQ4ZmFkNDE3MjQ1NzM0ZWFiYjU5YWM5YjY5NDUyOVwiXSxcIjUuMVwiOlwiOGRlYTcyZWNkMTZkMGRkYWY1OWEwNTRiOWNiYmNiN2RcIixcIjUuMlwiOlwiOWYxNDQ5ZDI1N2VlZDc0YzMzMjRmMmZhYWYyMTAwNjhcIixcIjUuM1wiOlwiOTQ0OGZhZDQxNzI0NTczNGVhYmI1OWFjOWI2OTQ1MjlcIixcIjZcIjpbXCI4ZGVhNzJlY2QxNmQwZGRhZjU5YTA1NGI5Y2JiY2I3ZFwiLFwiOWYxNDQ5ZDI1N2VlZDc0YzMzMjRmMmZhYWYyMTAwNjhcIixcIjk0NDhmYWQ0MTcyNDU3MzRlYWJiNTlhYzliNjk0NTI5XCJdLFwiOC4xXCI6XCI4ZGVhNzJlY2QxNmQwZGRhZjU5YTA1NGI5Y2JiY2I3ZFwiLFwiOC4yXCI6XCI5ZjE0NDlkMjU3ZWVkNzRjMzMyNGYyZmFhZjIxMDA2OFwiLFwiOC4zXCI6XCI5NDQ4ZmFkNDE3MjQ1NzM0ZWFiYjU5YWM5YjY5NDUyOVwiLFwiMjEuMVwiOlwiMjM1NTViNTBhZDkxMDhhMTg0MjJjZDI3MGE5NzFlNWVcIixcIjIxLjJcIjpcIjc5OWFhZGQxZTZjNTNkZjQzM2U2YTk1OTgzMzFhY2U1XCIsXCIyMS4zXCI6XCIyMzU1NWI1MGFkOTEwOGExODQyMmNkMjcwYTk3MWU1ZVwifSIsIjc4ODI0YThhZTMxNTZiZDE0NzVmZDQ2MzY5NzZiZGIxIl0=\">\n <input type=\"hidden\" autocomplete=\"off\" class=\"gform_hidden\" name=\"gform_target_page_number_1\" id=\"gform_target_page_number_1\" value=\"0\">\n <input type=\"hidden\" autocomplete=\"off\" class=\"gform_hidden\" name=\"gform_source_page_number_1\" id=\"gform_source_page_number_1\" value=\"1\">\n <input type=\"hidden\" name=\"gform_field_values\" value=\"\">\n \n </div>\n </form>\n </div><script type=\"text/javascript\">\n/* <![CDATA[ */\n gform.initializeOnLoaded( function() {gformInitSpinner( 1, 'http://nnphi.localhost/app/plugins/gravityforms/images/spinner.svg', false );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'http://nnphi.localhost/app/plugins/gravityforms/images/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"1\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( \"gform_wrapper_1\" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( \"span\" ); visibilitySpan.id = \"gform_visibility_test_1\"; gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan ); } const visibilityTestDiv = document.getElementById( \"gform_visibility_test_1\" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; gform.core.triggerPostRenderEvents( 1, current_page ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); \n/* ]]> */\n</script>"
}
}
.form {
@include componentWithMargin;
& .gform-theme {
--gf-ctrl-size: 2.5rem !important;
}
& .gfield--type-html {
@include richText;
color: var(--black);
}
& .gfield_label {
@include headline6;
color: var(--black);
margin-bottom: .5rem;
}
& .gfield_description {
@include detail;
color: var(--grayDarkest);
}
& .gfield_validation_message {
color: var(--errorAccessible);
}
& .gfield_required_text {
color: var(--errorAccessible);
}
& input[type=text], & textarea, & select, & select[multiple], & input[type=tel], & input[type=number], & input[type=url], & input[type=email], & input[type=file] {
@include bodySmall;
border: solid 1px var(--purple);
border-radius: .125rem;
color: var(--black);
&:disabled {
background-color: var(--lightGrayTint);
border-color: var(--grayDarkest);
color: var(--grayDarkest);
}
&:focus {
border-color: var(--brightPurple);
}
&::placeholder {
color: var(--grayDarkest);
}
}
& input[type=text], & textarea, & select, & input[type=tel], & input[type=number], & input[type=url], & input[type=email] {
padding-left: 1rem;
padding-right: 1rem;
}
& select {
padding-top: .5rem;
padding-bottom: .5rem;
}
& .gform-field-label--type-inline {
@include bodySmall;
color: var(--black);
margin-left: 0;
}
& .ginput_container_checkbox, .ginput_container_radio {
margin-top: 1rem;
}
& .gfield--type-choice {
& .gfield_checkbox, .gfield_radio {
gap: 1rem;
}
& .gchoice {
align-items: center;
display: flex;
gap: 1rem;
}
& .gfield-choice-input[type=checkbox] {
width: .75rem;
height: .75rem;
border: solid 1px var(--brightPurple);
border-radius: .125rem;
&:checked {
background-color: var(--brightPurple);
}
&:before {
content: unset;
}
}
& .gfield-choice-input[type=radio] {
width: .75rem;
height: .75rem;
border: solid 1px var(--brightPurple);
border-radius: 50%;
&:checked {
background-color: var(--brightPurple);
}
&:before {
content: unset;
}
}
}
& .gfield--type-choice .ginput_container_consent {
align-items: center;
display: flex;
gap: 1rem;
input[type=checkbox] {
width: .75rem;
height: .75rem;
border: solid 1px var(--brightPurple);
border-radius: .125rem;
&:checked {
background-color: var(--brightPurple);
}
&:before {
content: unset;
}
}
}
& .gform_wrapper .gform-footer.gform_footer input.gform_button[type=submit] {
--backgroundColor: var(--purple);
--borderColor: var(--purple);
--textColor: var(--white);
--iconColor: var(--brightPurple);
--hoverBackgroundColor: var(--brightPurple);
--hoverBorderColor: var(--brightPurple);
--hoverTextColor: var(--purple);
--hoverIconColor: var(--white);
@include detailBold;
background: var(--backgroundColor) url("data:image/svg+xml,%3Csvg class='right-chevron' xmlns='http://www.w3.org/2000/svg' fill='%23BB71F4' aria-hidden='true' viewBox='0 0 8 12'%3E%3Ctitle%3Eright chevron%3C/title%3E%3Cpath class='_mark right-chevron__shape' d='M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z'/%3E%3C/svg%3E") no-repeat;
background-size: .5rem;
background-position-x: calc(100% - 1rem);
background-position-y: center;
border: solid 2px var(--borderColor);
border-radius: 2px;
color: var(--textColor);
display: inline-flex;
padding: .5rem 2.25rem .5rem 1rem;
text-decoration: none;
transition: all 200ms ease-in-out;
--currentIconColor: var(--iconColor);
&[disabled] {
--backgroundColor: var(--grayTint);
--borderColor: var(--grayTint);
--textColor: var(--white);
--iconColor: var(--white);
--hoverBackgroundColor: var(--grayTint);
--hoverBorderColor: var(--grayTint);
--hoverTextColor: var(--white);
--hoverIconColor: var(--white);
background: var(--backgroundColor) url("data:image/svg+xml,%3Csvg class='right-chevron' xmlns='http://www.w3.org/2000/svg' fill='white' aria-hidden='true' viewBox='0 0 8 12'%3E%3Ctitle%3Eright chevron%3C/title%3E%3Cpath class='_mark right-chevron__shape' d='M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z'/%3E%3C/svg%3E") no-repeat;
}
&:focus,
&:hover {
background: var(--hoverBackgroundColor) url("data:image/svg+xml,%3Csvg class='right-chevron' xmlns='http://www.w3.org/2000/svg' fill='white' aria-hidden='true' viewBox='0 0 8 12'%3E%3Ctitle%3Eright chevron%3C/title%3E%3Cpath class='_mark right-chevron__shape' d='M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z'/%3E%3C/svg%3E") no-repeat;
background-size: .5rem;
background-position-x: calc(100% - 1rem);
background-position-y: center;
border: solid 2px var(--hoverBorderColor);
color: var(--hoverTextColor);
--currentIconColor: var(--hoverIconColor);
}
}
}
No notes defined.