<!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">
</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 class="center" src="./assets/images/logo/logo.png" 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="POST" action="code.php">
                  <!------------------------- 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-6">
                           <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">
                                    
                                 </span>
                                 <span class="form_items_text pt-2 d-block">
                                    English
                                 </span>
                                 <span class="service-check-option">
                                    <span><input id="opt_1" type="radio" name="stp_1_select_option" value="english" checked></span>
                                 </span>
                              </label>
                           </div>
                        </div>
                        <div class="col-md-6">
                           <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">
                                   
                                 </span>
                                 <span class="form_items_text pt-2 d-block">
                                    हिंदी
                                 </span>
                                 <span class="service-check-option">
                                    <span><input id="opt_2" type="radio" name="stp_1_select_option" value="hindi"></span>
                                 </span>
                              </label>
                           </div>
                        </div>
                       
                     <!-- Progress bar -->
                     <div class="row justify-content-center">
                        <div class="col-10">
                           <div class="step_progress">
                              <span>1 of 1 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>
                 
                     <!------------------------- 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" 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>
   </body>
   </html>