title: HTML Multi step form doesn't work on Mobile
body: <p>I have a multistep form but the multi-steps doesn't work on mobile it shows all the steps in one go even the success message.</p>
  <p>Please help me if possible</p>
  <pre><code>The HTML-CSS and javascript code I got it from here: 
  
   https://codepen.io/TyStelmach/pen/yNxMeJ
  
  
  ---
  
  The HTML Code
  ```
  &lt;head&gt;
      
      
      &lt;meta charset=&quot;utf-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;
  &lt;!-- Bootstrap CSS --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css&quot;
    integrity=&quot;sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T&quot; crossorigin=&quot;anonymous&quot;&gt;
  
      
      
      
      
        &lt;script src=
      &quot;https://code.jquery.com/jquery-3.2.1.min.js&quot;&gt;
    &lt;/script&gt;
  
    &lt;script src=
  &quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js&quot;
      type=&quot;text/javascript&quot;&gt;
    &lt;/script&gt;
    
  
  
    &lt;script src=
  &quot;https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js&quot;&gt;
    &lt;/script&gt;
   
             &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;  
             &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js&quot;&gt;&lt;/script&gt; 
             
             
    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js&quot;&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  
  &lt;div class=&quot;info&quot;&gt;
    &lt;h1&gt;Please fill in the form &lt;/h1&gt;
    &lt;span&gt;
      Made with
      &lt;i class=&quot;fa fa-beer&quot;&gt;&lt;/i&gt;
      by
      &lt;a href=&quot;http://www.aaa-wa.com&quot;&gt;AAA Web Agency&lt;/a&gt;
      &lt;div class=&quot;spoilers&quot;&gt;
  Need “Permission to Contact” language that is TCPA compliant    &lt;/div&gt;
    &lt;/span&gt;
  &lt;/div&gt;
  
  
  
  &lt;!-- Modal -info --&gt;
  &lt;div class=&quot;container&quot;&gt;
  &lt;div id=&quot;modal-3&quot; class=&quot;modal&quot; data-modal-effect=&quot;slide-top&quot;&gt;
    &lt;div class=&quot;modal-content&quot;&gt;
      &lt;h2 class=&quot;fs-title&quot;&gt;Score Index&lt;/h2&gt;
      &lt;h3 class=&quot;fs-subtitle&quot;&gt;Getting the most out of your data&lt;/h3&gt;
      &lt;p&gt;Your data has been successfully submited&lt;/p&gt;
      &lt;input type=&quot;button&quot; name=&quot;next&quot; class=&quot;next action-button modal-close&quot; value=&quot;Got it!&quot;&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;form name='form1' class=&quot;steps&quot; accept-charset=&quot;UTF-8&quot; enctype=&quot;multipart/form-data&quot; novalidate=&quot;&quot;&gt;
    &lt;ul id=&quot;progressbar&quot;&gt;
      &lt;li class=&quot;active&quot;&gt;Step 1&lt;/li&gt;
      &lt;li&gt;Step2&lt;/li&gt;
      
    &lt;/ul&gt;
  
  
  
    &lt;!-- USER INFORMATION FIELD SET --&gt; 
    &lt;fieldset&gt;
      &lt;h2 class=&quot;fs-title&quot;&gt;Basic Information&lt;/h2&gt;
      &lt;h3 class=&quot;fs-subtitle&quot;&gt;We just need some basic information to begin&lt;/h3&gt;
      &lt;!-- Begin What's Your User ID Field --&gt;
          
              &lt;div class=&quot;hs_firstname field hs-form-field&quot;&gt;
  
          
            &lt;label for=&quot;firstname-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Your 8 digits User ID *&lt;/label&gt;
  
            &lt;input id=&quot;id&quot; name=&quot;user_id&quot;  required=&quot;required&quot; type=&quot;number&quot; onkeyup=&quot;GetDetail(this.value)&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;true&quot; data-msg-required=&quot;Please insert your 8 digits User ID&quot; &gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
          &lt;/div&gt;
          
      &lt;!-- End What's Your User ID Field --&gt;
      
      &lt;!-- Begin What's Your First Name Field --&gt;
          &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;label for=&quot;firstname-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;What's your First Name? *&lt;/label&gt;
  
            &lt;input id=&quot;first_name&quot; name=&quot;first_name&quot; required=&quot;required&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;true&quot; data-msg-required=&quot;Please include your first name&quot; &gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
          &lt;/div&gt;
          
      &lt;!-- End What's Your First Name Field --&gt;
      
      
  &lt;!-- Begin What's Your Last Name Field --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
          
            &lt;label for=&quot;firstname-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;What's your First Name? *&lt;/label&gt;
  
            &lt;input id=&quot;last_name&quot; name=&quot;last_name&quot; required=&quot;required&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;true&quot; data-msg-required=&quot;Please include your last name&quot; &gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      &lt;!-- End What's Your Last Name Field --&gt;
      
      &lt;!-- Begin Address Field --&gt;
          &lt;div class=&quot;hs_firstname field hs-form-field&quot;&gt;
          
            &lt;label for=&quot;firstname-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Your Address *&lt;/label&gt;
  
            &lt;input id=&quot;address&quot; name=&quot;address&quot; required=&quot;required&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;true&quot; data-msg-required=&quot;Please include your address&quot; &gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
          &lt;/div&gt;
      &lt;!-- End Adress Field --&gt;
      &lt;!-- Begin City Field --&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
          
            &lt;label for=&quot;firstname-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;City *&lt;/label&gt;
  
            &lt;input id=&quot;city&quot; name=&quot;city&quot; required=&quot;required&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;true&quot; data-msg-required=&quot;Please include your City&quot; &gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
          &lt;/div&gt;
      &lt;!-- End City Field --&gt;
      &lt;!-- Begin State Field --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
          
            &lt;label for=&quot;firstname-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;State *&lt;/label&gt;
  
            &lt;input id=&quot;state&quot; name=&quot;state&quot; required=&quot;required&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;true&quot; data-msg-required=&quot;Please include your State&quot; &gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
          &lt;/div&gt;
      &lt;!-- End State Field --&gt;
      &lt;!-- Begin Zip Field --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
          
            &lt;label for=&quot;firstname-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Zip Code *&lt;/label&gt;
  
            &lt;input id=&quot;zip&quot; name=&quot;zip&quot; required=&quot;required&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;true&quot; data-msg-required=&quot;Please include your Zip Code&quot; &gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      &lt;!-- End Zip Field --&gt;
     
      
      &lt;!-- Begin What's Your Email Field --&gt;
          &lt;div class=&quot;hs_email field hs-form-field&quot;&gt;
          
            &lt;label for=&quot;email-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Your E-mail Address? *&lt;/label&gt;
  
            &lt;input id=&quot;email-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot; name=&quot;email&quot; required=&quot;required&quot; type=&quot;email&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;true&quot; data-msg-required=&quot;Please enter a valid email address.&quot; &gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
          &lt;/div&gt;
      &lt;!-- End What's Your Email Field --&gt;
  
     
  
  
      &lt;!-- Begin Total Number of Constituents in Your Database Field --&gt;
          &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
          
            &lt;label for=&quot;edit-submitted-constituent-base-total-constituents total_number_of_constituents_in_your_database-99a6d115-5e68-4355-a7d0-529207feb0b3_6344&quot;&gt;Cell Phone No. *&lt;/label&gt;
  
            &lt;input id=&quot;cell&quot; class=&quot;form-text hs-input&quot; name=&quot;cell&quot; required=&quot;required&quot; size=&quot;60&quot; maxlength=&quot;128&quot; type=&quot;phone&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;true&quot; data-msg-required=&quot;Please enter a valid Cell Phone Number&quot; &gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
          &lt;/div&gt;
           
  
      &lt;!-- End Cell Phone Field --&gt;
      &lt;!-- Begin Total Number of Constituents in Your Database Field --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
          
            &lt;label for=&quot;edit-submitted-constituent-base-total-constituents total_number_of_constituents_in_your_database-99a6d115-5e68-4355-a7d0-529207feb0b3_6344&quot;&gt;Office Phone No. &lt;/label&gt;
  
            &lt;input id=&quot;office_phone&quot; class=&quot;form-text hs-input&quot; name=&quot;office_phone&quot; required=&quot;required&quot; size=&quot;60&quot; maxlength=&quot;128&quot; type=&quot;phone&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;false&quot; data-msg-required=&quot;Please enter a Office Phone Number&quot; &gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
          &lt;/div&gt;
  
      &lt;!-- End Cell Phone Field --&gt;
  
  
       &lt;!-- Begin Office Phone Field --&gt;
          
          &lt;div class=&quot;col-md-4&quot;&gt;
          
            &lt;label for=&quot;edit-submitted-constituent-base-total-constituents total_number_of_constituents_in_your_database-99a6d115-5e68-4355-a7d0-529207feb0b3_6344&quot;&gt;Home Phone No.&lt;/label&gt;
  
            &lt;input id=&quot;home_phone&quot; class=&quot;form-text hs-input&quot; name=&quot;home_phone&quot; required=&quot;required&quot; size=&quot;60&quot; maxlength=&quot;128&quot; type=&quot;phone&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;false&quot; data-msg-required=&quot;Please enter a valid number&quot; &gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
          &lt;/div&gt;
          &lt;/div&gt;
        &lt;!-- End Office Phone Field --&gt;
  
  &lt;input type=&quot;button&quot; data-page=&quot;1&quot; name=&quot;next&quot; class=&quot;next action-button&quot; value=&quot;Next&quot; /&gt;
      
    &lt;/fieldset&gt;
  
  
  
   
    
  
  
  
  
  
  
    &lt;!-- RETENTION FIELD SET --&gt;  
    &lt;fieldset&gt;
      &lt;h2 class=&quot;fs-title&quot;&gt;Retention of your donors&lt;/h2&gt;
      &lt;h3 class=&quot;fs-subtitle&quot;&gt;How long can you keep your donors and their donations?&lt;/h3&gt;
          &lt;!-- Begin Monthly Rent Field --&gt;
            &lt;div class=&quot;form-item webform-component webform-component-textfield hs_number_of_donors_in_year_1 field hs-form-field&quot; id=&quot;webform-component-retention--amount-1&quot;&gt; 
          
            &lt;label for=&quot; edit-submitted-retention-amount-1 number_of_donors_in_year_1-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Monthly Rent&lt;/label&gt;
  
            &lt;input id=&quot;monthly_rent&quot; class=&quot;form-text hs-input&quot; name=&quot;monthly_rent&quot; required=&quot;required&quot; size=&quot;60&quot; maxlength=&quot;128&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;false&quot; data-msg-required=&quot;Please enter a valid Monthly Rent&quot;&gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
            &lt;/div&gt;
          &lt;!-- End Monthly Rent Field--&gt;
          &lt;!-- Begin Length of time at residence? Field --&gt;
          &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-md-6&quot; id=&quot;webform-component-retention--amount-1&quot;&gt; 
          
            &lt;label for=&quot; edit-submitted-retention-amount-1 number_of_donors_in_year_1-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Length of time at residence? __ yrs.&lt;/label&gt;
  
            &lt;input id=&quot;residence_yrs&quot; class=&quot;form-text hs-input&quot; name=&quot;residence_yrs&quot; required=&quot;required&quot; size=&quot;60&quot; maxlength=&quot;128&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;false&quot; data-msg-required=&quot;Please enter a valid Monthly Rent&quot;&gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
            &lt;/div&gt;
          &lt;!-- End Length of time Field--&gt;
          &lt;!-- Begin Length of time at residence? Field --&gt;
            &lt;div class=&quot;col-md-6&quot; id=&quot;webform-component-retention--amount-1&quot;&gt; 
          
            &lt;label for=&quot; edit-submitted-retention-amount-1 number_of_donors_in_year_1-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Length of time at residence?___ mos.&lt;/label&gt;
            &lt;input id=&quot;residence_mos&quot; class=&quot;form-text hs-input&quot; name=&quot;residence_mos&quot; required=&quot;required&quot; size=&quot;60&quot; maxlength=&quot;128&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;false&quot; data-msg-required=&quot;Please enter a valid Monthly Rent&quot;&gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
            &lt;/div&gt;
            &lt;/div&gt;
          &lt;!-- End Length of time mons Field--&gt;
                  &lt;!-- Begin Age Field --&gt;
          &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-md-6&quot; id=&quot;webform-component-retention--amount-1&quot;&gt; 
          
            &lt;label for=&quot; edit-submitted-retention-amount-1 number_of_donors_in_year_1-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Age&lt;/label&gt;
  
            &lt;input id=&quot;age&quot; class=&quot;form-text hs-input&quot; name=&quot;age&quot; required=&quot;required&quot; size=&quot;60&quot; maxlength=&quot;128&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;false&quot; data-msg-required=&quot;Please enter a valid Age&quot;&gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
            &lt;/div&gt;
          &lt;!-- End Age Field--&gt;
          &lt;!-- Begin Gender Field --&gt;
            &lt;div class=&quot;col-md-6&quot; id=&quot;webform-component-retention--amount-1&quot;&gt; 
          
            &lt;label for=&quot; edit-submitted-retention-amount-1 number_of_donors_in_year_1-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Gender&lt;/label&gt;
            &lt;input id=&quot;gender&quot; class=&quot;form-text hs-input&quot; name=&quot;gender&quot; required=&quot;required&quot; size=&quot;60&quot; maxlength=&quot;128&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;false&quot; data-msg-required=&quot;Please enter a valid Monthly Rent&quot;&gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
            &lt;/div&gt;
            &lt;/div&gt;
          &lt;!-- End Gender Field--&gt;
          
                  &lt;!-- Begin Length of time at residence? Field --&gt;
          &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-md-6&quot; id=&quot;webform-component-retention--amount-1&quot;&gt; 
          
            &lt;label for=&quot; edit-submitted-retention-amount-1 number_of_donors_in_year_1-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Spouse’s Name&lt;/label&gt;
  
            &lt;input id=&quot;spouse_name&quot; class=&quot;form-text hs-input&quot; name=&quot;spouse_name&quot; required=&quot;required&quot; size=&quot;60&quot; maxlength=&quot;128&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;false&quot; data-msg-required=&quot;Please enter a valid Spouse’s Name&quot;&gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
            &lt;/div&gt;
          &lt;!-- End Spouse’s Name Field--&gt;
          &lt;!-- Begin Spouse’s Age Field --&gt;
            &lt;div class=&quot;col-md-6&quot; id=&quot;webform-component-retention--amount-1&quot;&gt; 
          
            &lt;label for=&quot; edit-submitted-retention-amount-1 number_of_donors_in_year_1-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Spouse’s Age&lt;/label&gt;
            &lt;input id=&quot;spouse_age&quot; class=&quot;form-text hs-input&quot; name=&quot;spouse_age&quot; required=&quot;required&quot; size=&quot;60&quot; maxlength=&quot;128&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;false&quot; data-msg-required=&quot;Please enter a valid Spouse’s Age&quot;&gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
            &lt;/div&gt;
            &lt;/div&gt;
          &lt;!-- End Spouse’s Age Field--&gt;
  
         
  
          &lt;!-- Begin Have you contributed to a 401(k)/403(b)/IRA retirement program in the past year? select --&gt;
            &lt;div class=&quot;form-item webform-component webform-component-textfield&quot; id=&quot;webform-component-retention--percent-change field hs-form-field&quot;&gt;
          
            &lt;label for=&quot;edit-submitted-retention-percent-change&quot;&gt;Retention Rate&lt;/label&gt;
  
           &lt;select id=&quot;select1&quot; class=&quot;form-text hs-input&quot; name=&quot;select1&quot;  value=&quot;&quot; placeholder=&quot;0&quot;&gt;
               &lt;option value=&quot;yes&quot;&gt;Yes&lt;/option&gt;
               &lt;option value=&quot;no&quot;&gt;No&lt;/option&gt;
  
            &lt;/select&gt;
  
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
            &lt;/div&gt;
  
          &lt;!-- End Have you contributed to a 401(k)/403(b)/IRA retirement program in the past year? select --&gt;
          &lt;!-- Begin Best time/day to contact Field --&gt;
            &lt;div class=&quot;form-item webform-component webform-component-textfield hs_number_of_donors_in_year_1 field hs-form-field&quot; id=&quot;webform-component-retention--amount-1&quot;&gt; 
          
            &lt;label for=&quot; edit-submitted-retention-amount-1 number_of_donors_in_year_1-99a6d115-5e68-4355-a7d0-529207feb0b3_2983&quot;&gt;Best time/day to contact:&lt;/label&gt;
  
            &lt;input id=&quot;best_time&quot; class=&quot;form-text hs-input&quot; name=&quot;best_time&quot; required=&quot;required&quot; size=&quot;60&quot; maxlength=&quot;128&quot; type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;&quot; data-rule-required=&quot;false&quot; data-msg-required=&quot;Please enter a valid time&quot;&gt;
            &lt;span class=&quot;error1&quot; style=&quot;display: none;&quot;&gt;
                &lt;i class=&quot;error-log fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
            &lt;/span&gt;
            &lt;/div&gt;
          &lt;!-- End Best time/day to contact Field--&gt;
  
  
         
      &lt;input type=&quot;button&quot; data-page=&quot;5&quot; name=&quot;previous&quot; class=&quot;previous action-button&quot; value=&quot;Previous&quot; /&gt;
      &lt;input id=&quot;submit&quot; class=&quot;hs-button primary large action-button next&quot; type=&quot;submit&quot; value=&quot;Submit&quot;&gt;
      &lt;div class=&quot;explanation btn btn-small modal-trigger&quot; data-modal-id=&quot;modal-3&quot;&gt;What Is This?&lt;/div&gt;
  &lt;/fieldset&gt;
  
    &lt;fieldset&gt;
      &lt;h2 class=&quot;fs-title&quot;&gt;It's on the way!&lt;/h2&gt;
      &lt;h3 class=&quot;fs-subtitle&quot;&gt;Thank you for trying out our marketing grader, please go check your email for your fundraising report card and some helpful tips to improve it!&lt;/h3&gt;
      &lt;div class=&quot;explanation btn btn-small modal-trigger&quot; data-modal-id=&quot;modal-3&quot;&gt;What Is This?&lt;/div&gt;
    &lt;/fieldset&gt;
    
   ```
  </code></pre>