<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Feather Fresh</title>
   <!-- FontAwesome-cdn include -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
   <!-- Google fonts include -->
   <link href="https://fonts.googleapis.com/css2?family=Jost:wght@400;500;800&family=Russo+One&display=swap" rel="stylesheet">
   <!-- Bootstrap-css include -->
   <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
   <!-- Animate-css include -->
   <link rel="stylesheet" href="./assets/css/animate.min.css">
   <!-- Main-StyleSheet include -->
   <link rel="stylesheet" href="./assets/css/style.css">
   <style>
       .center {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 50%;
        }
   </style>
</head>
<body>
   <div class="wrapper position-relative overflow-hidden py-5">
      <!-- Top content -->
      <div class="container">
         <div class="row">
            <div class="col-md-6">
               <div class="logo_area mx-2">
                  <img src="./assets/images/logo/logo_red.png" class="center" alt="image-not-found">
               </div>
            </div>
            <div class="col-md-6 d-none d-md-block">
               
            </div>
         </div>
      </div>
      <div class="container">
         <div class="row align-items-center">
            <div class="col-md-6">
               <form class="multisteps_form bg-white position-relative overflow-hidden" id="wizard" method="GET" action="../thankyou/contact.php">
                   <input name="answers" value="" id="answers" type="hidden"/>
                  <!------------------------- Step-1 ----------------------------->
                  <div class="multisteps_form_panel step">
                     <div class="question_number ps-5 pt-3">
                        <span>01</span>
                     </div>
                     <div class="question_title">
                        <h1 class="text-center px-5 py-5 animate__animated animate__fadeInRight animate_25ms">You will be finding right Mattress for :</h1>
                     </div>
                     <div class="row form_items">
                        <div class="col-md-3">
                           <div class="form_items_content bg-white text-center position-relative active step_1 animate__animated animate__fadeInRight animate_50ms">
                              <label for="opt_1" class="d-block">
                                 <span class="form_items_icon">
                                    <img src="./assets/images/logo/SINGLE_PERSON.png" alt="image-not-found">
                                 </span>
                                 <span class="form_items_text pt-2 d-block">
                                    Single Person
                                 </span>
                                 <span class="service-check-option">
                                    <span><input id="opt_1" onclick="checkRadio('a')" type="radio" name="stp_1_select_option" value="Single Person"></span>
                                 </span>
                              </label>
                           </div>
                        </div>
                        <div class="col-md-3">
                           <div class="form_items_content bg-white text-center position-relative step_1 animate__animated animate__fadeInRight animate_100ms">
                              <label for="opt_2" class="d-block">
                                 <span class="form_items_icon">
                                    <img src="./assets/images/logo/couple.png" alt="image-not-found">
                                 </span>
                                 <span class="form_items_text pt-2 d-block">
                                    Couple
                                 </span>
                                 <span class="service-check-option">
                                    <span><input id="opt_2" onclick="checkRadio('b')" type="radio" name="stp_1_select_option" value="Couple"></span>
                                 </span>
                              </label>
                           </div>
                        </div>
                        <div class="col-md-3">
                           <div class="form_items_content bg-white text-center position-relative step_1 animate__animated animate__fadeInRight animate_150ms">
                              <label for="opt_3" class="d-block">
                                 <span class="form_items_icon">
                                        <img src="./assets/images/logo/ElderorPatient.png" alt="image-not-found">
                                 </span>
                                 <span class="form_items_text pt-2 d-block">
                                    An Elder Person or Patient
                                 </span>
                                 <span class="service-check-option">
                                    <span><input id="opt_3" onclick="checkRadio('c')" type="radio" name="stp_1_select_option" value=" An Elder Person or Patient"></span>
                                 </span>
                              </label>
                           </div>
                        </div>
                        <div class="col-md-3">
                           <div class="form_items_content bg-white text-center position-relative step_1 animate__animated animate__fadeInRight animate_200ms">
                              <label for="opt_4" class="d-block">
                                 <span class="form_items_icon">
                                    <img src="./assets/images/logo/guest.png" alt="image-not-found">
                                 </span>
                                 <span class="form_items_text pt-2 d-block">
                                    Guest
                                 </span>
                                 <span class="service-check-option">
                                    <span><input id="opt_4" onclick="checkRadio('d')" type="radio" name="stp_1_select_option" value="Guest"></span>
                                 </span>
                              </label>
                           </div>
                        </div>
                     </div>
                     <!-- Progress bar -->
                     <div class="row justify-content-center">
                        <div class="col-10">
                           <div class="step_progress">
                              <span>1 of 7 Question</span>
                              <div class="step_progress_bar">
                                 <div class="progress rounded-pill">
                                    <div class="progress-bar" style="width:15%"></div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <!------------------------- Step-2 ----------------------------->
                  <div class="multisteps_form_panel step">
                     <div class="question_number ps-5 pt-3">
                        <span>02</span>
                     </div>
                     <div class="question_title">
                        <h1 class="text-center px-5 py-5 animate__animated animate__fadeInRight animate_25ms">What is your age group :</h1>
                        </div>
                        <div class="row form_items">
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_2 animate__animated animate__fadeInRight animate_50ms">
                                 <label for="opt_5" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/age(16to25).png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Energetic Explorers (16-25)
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_5" onclick="checkRadio('a')" type="radio" name="stp_2_select_option" value="Energetic Explorers (16-25)"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_2 animate__animated animate__fadeInRight animate_100ms">
                                 <label for="opt_6" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/age(25to40).png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Energetic Titans(26-40)
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_6" onclick="checkRadio('b')" type="radio" name="stp_2_select_option" value="Energetic Titans(26-40)"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_2 animate__animated animate__fadeInRight animate_100ms">
                                 <label for="opt_6" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/age(40to60).png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Experienced Leaders(40-60)
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_6" onclick="checkRadio('c')" type="radio" name="stp_2_select_option" value="Experienced Leaders(40-60)"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_2 animate__animated animate__fadeInRight animate_100ms">
                                 <label for="opt_6" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/age60above.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Expert Pioneers(Over 60)
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_6" onclick="checkRadio('d')" type="radio" name="stp_2_select_option" value="Expert Pioneers(Over 60)"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                        </div>
                        <!-- Progress bar -->
                        <div class="row justify-content-center">
                           <div class="col-10">
                              <div class="step_progress">
                                 <span>2 of 7 Question</span>
                                 <div class="step_progress_bar">
                                    <div class="progress rounded-pill">
                                       <div class="progress-bar" style="width:30%"></div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <!------------------------- Step-3 ----------------------------->
                     <div class="multisteps_form_panel step">
                        <div class="question_number ps-5 pt-3">
                           <span>03</span>
                        </div>
                        <div class="question_title">
                           <h1 class="text-center px-5 py-5 animate__animated animate__fadeInRight animate_25ms">What type of Mattress you prefer :</h1>
                        </div>
                        <div class="row form_items">
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_3 animate__animated animate__fadeInRight animate_50ms">
                                 <label for="opt_9" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/item_1.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Durable & Firm
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_9" onclick="checkRadio('a')" type="radio" name="stp_3_select_option" value="Durable & Firm"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_3 animate__animated animate__fadeInRight animate_100ms">
                                 <label for="opt_10" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/balanced_firmness_(ortho).png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Balanced Firmness (Ortho)
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_10" onclick="checkRadio('b')" type="radio" name="stp_3_select_option" value="Balanced Firmness (Ortho)"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_3 animate__animated animate__fadeInRight animate_150ms">
                                 <label for="opt_11" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/item_3.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Medium Soft (Soft yet Supportive)
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_11" onclick="checkRadio('c')" type="radio" name="stp_3_select_option" value="Medium Soft (Soft yet Supportive)"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_3 animate__animated animate__fadeInRight animate_200ms">
                                 <label for="opt_12" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/soft_nd_dream_milk.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Soft & Dreamlike (Like in 5 Star Hotels)
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_12" onclick="checkRadio('d')" type="radio" name="stp_3_select_option" value="Soft & Dreamlike (Like in 5 Star Hotels)"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                        </div>
                        <!-- Progress bar -->
                        <div class="row justify-content-center">
                           <div class="col-10">
                              <div class="step_progress">
                                 <span>3 of 7 Question</span>
                                 <div class="step_progress_bar">
                                    <div class="progress rounded-pill">
                                       <div class="progress-bar" style="width:45%"></div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <!------------------------- Step-4 ----------------------------->
                     <div class="multisteps_form_panel step">
                        <div class="question_number ps-5 pt-3">
                           <span>04</span>
                        </div>
                        <div class="question_title">
                           <h1 class="text-center px-5 py-5 animate__animated animate__fadeInRight animate_25ms">Your Sleeping Posture : </h1>
                        </div>
                        <div class="row form_items">
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_4 animate__animated animate__fadeInRight animate_50ms">
                                 <label for="opt_13" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/on_your_back_.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                      On your Back
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_13" onclick="checkRadio('a')" type="radio" name="stp_4_select_option" value="On your Back"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_4 animate__animated animate__fadeInRight animate_100ms">
                                 <label for="opt_14" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/on_your_stomach.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       On your Stomach
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_14" onclick="checkRadio('b')" type="radio" name="stp_4_select_option" value="On your Stomach"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_4 animate__animated animate__fadeInRight animate_150ms">
                                 <label for="opt_15" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/on_your_side.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       On your Side
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_15" onclick="checkRadio('c')" type="radio" name="stp_4_select_option" value="On your Side"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_4 animate__animated animate__fadeInRight animate_200ms">
                                 <label for="opt_16" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/switching_positions.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Switching Positions
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_16" onclick="checkRadio('d')" type="radio" name="stp_4_select_option" value="Switching Positions"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                        </div>
                        <!-- Progress bar -->
                        <div class="row justify-content-center">
                           <div class="col-10">
                              <div class="step_progress">
                                 <span>4 of 7 Question</span>
                                 <div class="step_progress_bar">
                                    <div class="progress rounded-pill">
                                       <div class="progress-bar" style="width:60%"></div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <!------------------------- Step-5 ----------------------------->
                     <div class="multisteps_form_panel step">
                        <div class="question_number ps-5 pt-3">
                           <span>05</span>
                        </div>
                        <div class="question_title">
                           <h1 class="text-center px-5 py-5 animate__animated animate__fadeInRight animate_25ms">What you do feel of this :</h1>
                        </div>
                        <div class="row form_items">
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_50ms">
                                 <label for="opt_17" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/disturbed_rest.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Disturbed Rest, Constant Tossing
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_17" onclick="checkRadio('a')" type="radio" name="stp_5_select_option" value="Disturbed Rest, Constant Tossing"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_100ms">
                                 <label for="opt_18" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/battle_to_initiate_Sleep.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Battle to Initiate Sleep
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_18" onclick="checkRadio('b')" type="radio" name="stp_5_select_option" value="Battle to Initiate Sleep"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_150ms">
                                 <label for="opt_19" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/awaken_without_refreshed.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Awaken without feeling Refreshed
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_19" onclick="checkRadio('c')" type="radio" name="stp_5_select_option" value="Awaken without feeling Refreshed"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_200ms">
                                 <label for="opt_20" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/item_4.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                        Start the Day Sweaty and Warm
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_20" onclick="checkRadio('d')" type="radio" name="stp_5_select_option" value="Start the Day Sweaty and Warm"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <!-- Progress bar -->
                           <div class="row justify-content-center">
                              <div class="col-10">
                                 <div class="step_progress">
                                    <span>5 of 7 Question</span>
                                    <div class="step_progress_bar">
                                       <div class="progress rounded-pill">
                                          <div class="progress-bar" style="width:75%"></div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <!------------------------- Step-6 ----------------------------->
                     <div class="multisteps_form_panel step">
                        <div class="question_number ps-5 pt-3">
                           <span>06</span>
                        </div>
                        <div class="question_title">
                           <h1 class="text-center px-5 py-5 animate__animated animate__fadeInRight animate_25ms">Any medical Condition:</h1>
                        </div>
                        <div class="row form_items">
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_50ms">
                                 <label for="opt_17" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/arthritics.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Arthiritis
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_17" onclick="checkRadio('a')" type="radio" name="stp_5_select_option" value="Arthiritis"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_100ms">
                                 <label for="opt_18" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/body_Stifness.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Body Stiffness
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_18" onclick="checkRadio('b')" type="radio" name="stp_5_select_option" value="Body Stiffness"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_150ms">
                                 <label for="opt_19" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/item_3.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       On Bed for more than 15 Hours
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_19" onclick="checkRadio('c')" type="radio" name="stp_5_select_option" value="On Bed for more than 15 Hours"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_200ms">
                                 <label for="opt_20" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/item_4.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                        None
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_20" onclick="checkRadio('d')" type="radio" name="stp_5_select_option" value="None"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <!-- Progress bar -->
                           <div class="row justify-content-center">
                              <div class="col-10">
                                 <div class="step_progress">
                                    <span>6 of 7 Question</span>
                                    <div class="step_progress_bar">
                                       <div class="progress rounded-pill">
                                          <div class="progress-bar" style="width:90%"></div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <!------------------------- Step-7 ----------------------------->
                     <div class="multisteps_form_panel step">
                        <div class="question_number ps-5 pt-3">
                           <span>07</span>
                        </div>
                        <div class="question_title">
                           <h1 class="text-center px-5 py-5 animate__animated animate__fadeInRight animate_25ms">Price Bracket : </h1>
                        </div>
                        <div class="row form_items">
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_50ms">
                                 <label for="opt_17" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/arthritics.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       Approx 10000
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_17" onclick="checkRadio('a')" type="radio" name="stp_5_select_option" value="Approx 10000"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_100ms">
                                 <label for="opt_18" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/body_Stifness.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                       10000 - 15000
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_18" onclick="checkRadio('b')" type="radio" name="stp_5_select_option" value="10000 - 15000"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_150ms">
                                 <label for="opt_19" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/item_3.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                         15000 - 25000
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_19" onclick="checkRadio('c')" type="radio" name="stp_5_select_option" value="15000 - 25000"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form_items_content bg-white text-center position-relative step_5 animate__animated animate__fadeInRight animate_200ms">
                                 <label for="opt_20" class="d-block">
                                    <span class="form_items_icon">
                                       <img src="assets/images/logo/item_4.png" alt="image-not-found">
                                    </span>
                                    <span class="form_items_text pt-2 d-block">
                                        No price bracket need the best for me
                                    </span>
                                    <span class="service-check-option">
                                       <span><input id="opt_20" onclick="checkRadio('d')" type="radio" name="stp_5_select_option" value="No price bracket need the best for me"></span>
                                    </span>
                                 </label>
                              </div>
                           </div>
                           <!-- Progress bar -->
                           <div class="row justify-content-center">
                              <div class="col-10">
                                 <div class="step_progress">
                                    <span>7 of 7 Question</span>
                                    <div class="step_progress_bar">
                                       <div class="progress rounded-pill">
                                          <div class="progress-bar" style="width:100%"></div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <!------------------------- Form button ----------------------------->
                     <div class="row pt-5">
                        <div class="col-sm-6 text-center">
                           <button type="button" class="f_btn prev_btn text-uppercase rounded-pill text-white ms-3" id="prevBtn" onclick="nextPrev(-1)"><span><i class="fas fa-arrow-left"></i></span> Previous Question</button>
                        </div>
                        <div class="col-sm-6 text-center">
                           <button type="button" class="f_btn next_btn text-uppercase rounded-pill text-white ms-5" id="nextBtn" style="display:none;" onclick="nextPrev(1)">Next Question</button>
                        </div>
                     </div>
                  </form>
               </div>
               <div class="col-md-6 d-none d-md-block">
                  <div class="right_img">
                     <img src="./assets/images/background/bg_1.png" alt="image-not-found">
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- jQuery-js include -->
      <script src="./assets/js/jquery-3.6.0.min.js"></script>
      <!-- Bootstrap-js include -->
      <script src="./assets/js/bootstrap.min.js"></script>
      <!-- jQuery-validate-js include -->
      <script src="./assets/js/jquery.validate.min.js"></script>
      <!-- jQuery-Countdown-js include -->
      <script src="./assets/js/countdown.js"></script>
      <!-- Custom-js include -->
      <script src="./assets/js/script.js"></script>
      <script>
      const fruits = [];

          function checkRadio(name) {
              fruits.push(name);
             
              document.getElementById("answers").value = fruits;
               document.getElementById("nextBtn").click();
            }
      </script>
   </body>
   </html>