
<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>اولین بازی سکسی ایرانی</title>
  <meta name="description" content="Play the most realistic sex simulator game powered by CumGPT AI technology.">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;900&amp;display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/all.min.css">

  <link rel="stylesheet" href="css/mad.css">
  <style>
	@media (max-width: 480px) {
		.question-title h2:lang(fr) {
			font-size: 22px;
		}
		.question-title h2:lang(it),
		.question-title h2:lang(nb),
		.question-title h2:lang(nn),
		.question-title h2:lang(no),
		.question-title h2:lang(sk)
		{
			font-size: 21px;
		}
		.question-title h2:lang(ko) {
			font-size: 20px;
		}
		.question-title h2:lang(sv) {
			font-size: 19px;
		}
		.final-step p:lang(pl) {
			font-size: 18px;
		}
		.final-step p:lang(ro) {
			font-size: 20px;
		}
		.gaytr {
			font-size: 20px !important;
		}
	}
</style>
</head>

<body>
  
  <video poster="https://bangready.b-cdn.net/video/1280x720_sx_bg104.mp4" autoplay="" muted="" loop="" playsinline="" id="background-video" class="background-video">
	  <source src="https://bangready.b-cdn.net/video/1280x720_sx_bg104.mp4" type="video/mp4">
  </video>
  <div id="dark-bg"></div>
		
  <div class="multi-step-form">

    <form id="msform">

      <div class="progress hidden-progress">
        <div class="progress-bar progress-bar-color" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div>
      </div> 
	  <br>
	  
      <!-- step 0 start --> 
      <fieldset id="step0">
        <div class="form-card">
          <div class="question-title">
			<img src="img/main.jpg" style="width: 100%;">
      <br><br>
            <h2>آماده تجربه بهترین گیم سکسی ایرانی هستی؟</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="auto-advance" id="opt_1_step0" type="radio" name="step" value="Yes">
              <label for="opt_1_step0" style="background: #27AE60;">
                اره              </label>
            </div>
          </div>

        </div>
      </fieldset>
      <!-- step 0 end -->

      <!-- step 1 start --> 
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">1</span>/18</div>
          <div class="question-title">
            <h2>جنسیتت رو انتخاب کن</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="tooltip1" id="opt_1_step1" type="radio" name="step" value="Male">
              <label for="opt_1_step1">
                مرد              </label>
            </div>

            <div class="form-label">
              <input class="tooltip1" id="opt_2_step1" type="radio" name="step" value="Female">
              <label for="opt_2_step1">
                زن              </label>
            </div>
          </div>

        </div>
		<div id="displayDiv1" style="display:none;" class="note-card">
    <div class="note-card-top">
      <span class="hand-holder"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-index" viewBox="0 0 16 16">
  <path d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 1 0 1 0V6.435a4.9 4.9 0 0 1 .106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 0 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.035a.5.5 0 0 1-.416-.223l-1.433-2.15a1.5 1.5 0 0 1-.243-.666l-.345-3.105a.5.5 0 0 1 .399-.546L5 8.11V9a.5.5 0 0 0 1 0V1.75A.75.75 0 0 1 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z"></path>
</svg></span> ما هویت جنسی را برای شخصی سازی کاراکتر شما نیاز داریم   </div>
    <p>شرکت کنندگان میتوانند پروفایل خود را شخصی سازی کنند</p>
  </div>
        <input type="button" name="next" class="next action-button" value="Next" disabled="">
      </fieldset>
      <!-- step 1 end -->
	  
	  <!-- step 2 start -->
      <fieldset>
        <div class="form-card">


          <div class="steps">
			<span class="dynamic-step">2</span>/18		  </div>
          <div class="question-title">
            <h2>تمایل خود را انتخاب کنید</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="tooltip2" id="opt_1_step2" type="radio" name="step" value="Straight">
              <label for="opt_1_step2">
                عادی              </label>
            </div>

            <div class="form-label">
              <input class="tooltip2" id="opt_2_step2" type="radio" name="step" value="Gay">
              <label for="opt_2_step2">
                گی              </label>
            </div>

            <div class="form-label">
              <input class="tooltip2" id="opt_6_step2" type="radio" name="step">
              <label for="opt_6_step2">
                لزبین              </label>
            </div>
          </div>

        </div>
		<div id="displayDiv2" style="display:none;" class="note-card">
    <div class="note-card-top">
      <span class="hand-holder"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-index" viewBox="0 0 16 16">
  <path d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 1 0 1 0V6.435a4.9 4.9 0 0 1 .106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 0 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.035a.5.5 0 0 1-.416-.223l-1.433-2.15a1.5 1.5 0 0 1-.243-.666l-.345-3.105a.5.5 0 0 1 .399-.546L5 8.11V9a.5.5 0 0 0 1 0V1.75A.75.75 0 0 1 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z"></path>
</svg></span> تمایل شما سیو شد    </div>
    <p>ارائه گرایش جنسی شخصیت شما به ما کمک میکند شما را با سایر بازیکنان با علایق مشابه دهیم</p>
  </div>
        <input type="button" name="next" class="next action-button" value="Next" disabled="">
        <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
	  <!-- step 2 end -->
	  
      <!-- step 3 start --> 
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">3</span>/18</div>
          <div class="question-title">
            <h2>چند سالته؟</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input id="opt_1_step3" type="radio" name="step">
              <label for="opt_1_step3">
                18-25              </label>
            </div>

            <div class="form-label">
              <input id="opt_2_step3" type="radio" name="step">
              <label for="opt_2_step3">
                26-35              </label>
            </div>

            <div class="form-label">
              <input id="opt_3_step3" type="radio" name="step">
              <label for="opt_3_step3">
                36-45              </label>
            </div>
			
            <div class="form-label">
              <input id="opt_4_step3" type="radio" name="step">
              <label for="opt_4_step3">
                46-55              </label>
            </div>
			
            <div class="form-label">
              <input id="opt_5_step3" type="radio" name="step">
              <label for="opt_5_step3">
                56 یا بیشتر             </label>
            </div>
          </div>

        </div>
		<div id="displayDiv" style="display:none;"></div>
        <input type="button" name="next" class="next action-button" value="Next" disabled=""> <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
      <!-- step 3 end -->
	  
	  <!-- step 4 start -->
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">4</span>/18</div>
          <div class="question-title">
            <h3 style="padding: 4% 4% 1%;">این بازی دارای پوزیشن های جنسی ای است که ممکن است برای برخی از بازیکنان آزاردهنده باشد. شامل رابطه جنسی ، خانوادگی ، bdsm ، فوتاناری و موارد دیگر می شود.  اکنون این حق را دارید که این محتوا را غیرفعال کنید.</h3><br>
			<h2>حالت بازی خود را انتخاب کنید</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="auto-advance" id="opt_1_step4" type="radio" name="step" value="Extreme">
              <label for="opt_1_step4" style="background: #27AE60;">
                 معمولی              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_2_step4" type="radio" name="step" value="Softcore">
              <label for="opt_2_step4" style="background: #27AE60;">
                با سانسور              </label>
            </div>
          </div>

        </div> <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
	  <!-- step 4 end -->
	  
      <!-- step 5 start --> 
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">5</span>/18</div>
          <div class="question-title">
            <h2>مقدار سختی بازی را انتخاب کنید</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input id="opt_1_step5" type="radio" name="step">
              <label for="opt_1_step5">
                آسان              </label>
            </div>

            <div class="form-label">
              <input id="opt_2_step5" type="radio" name="step">
              <label for="opt_2_step5">
                معمولی              </label>
            </div>

            <div class="form-label">
              <input id="opt_3_step5" type="radio" name="step">
              <label for="opt_3_step5">
                سخت              </label>
            </div>
			
          </div>

        </div>
		<div id="displayDiv" style="display:none;"></div>
        <input type="button" name="next" class="next action-button" value="Next" disabled=""> <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
      <!-- step 5 end -->
	  
	  <!-- step 6 start -->
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">6</span>/18</div>
          <div class="question-title">
            <h2 id="question-title-step6">با کدوم اول رابطه برقرار میکنی؟</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="auto-advance" id="opt_1_step6" type="radio" name="step" value="Stepsister">
              <label for="opt_1_step6" style="background: #27AE60;">
                خواهر ناتنی              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_2_step6" type="radio" name="step" value="Neighbor's Wife">
              <label for="opt_2_step6" style="background: #27AE60;">
                زن همسایه              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_3_step6" type="radio" name="step" value="Stepmom">
              <label for="opt_3_step6" style="background: #27AE60;">
                مادر ناتنی              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_4_step6" type="radio" name="step" value="Babysitter">
              <label for="opt_4_step6" style="background: #27AE60;">
                دختر 18 ساله              </label>
            </div>
          </div>

        </div>
        <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
	  <!-- step 6 end -->
	  
	  <!-- step 7 start -->
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">7</span>/18</div>
          <div class="question-title">
            <h2 id="question-title-step7">واژنش رو چطوری دوست داری؟</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="auto-advance" id="opt_1_step7" type="radio" name="step" value="Shaved">
              <label for="opt_1_step7" style="background: #27AE60;">
                شیو شده سفید              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_2_step7" type="radio" name="step" value="Trimmed">
              <label for="opt_2_step7" style="background: #27AE60;">
                  صورتی           </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_3_step7" type="radio" name="step" value="Hairy">
              <label for="opt_3_step7" style="background: #27AE60;">
                مویی              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_4_step7" type="radio" name="step" value="Pierced">
              <label for="opt_4_step7" style="background: #27AE60;">
                با پیرسینگ              </label>
            </div>
          </div>

        </div>
        <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
	  <!-- step 7 end -->
	  
	  <!-- step 8 start -->
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">8</span>/18</div>
          <div class="question-title">
            <h2 id="question-title-step8">سینه هاش چطور باشه؟</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="auto-advance" id="opt_1_step8" type="radio" name="step" value="Flat">
              <label for="opt_1_step8" style="background: #27AE60;">
                کوچیک              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_2_step8" type="radio" name="step" value="Small">
              <label for="opt_2_step8" style="background: #27AE60;">
                متوسط              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_3_step8" type="radio" name="step" value="Normal">
              <label for="opt_3_step8" style="background: #27AE60;">
                بزرگ              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_4_step8" type="radio" name="step" value="Big">
              <label for="opt_4_step8" style="background: #27AE60;">
                بزرگ تر              </label>
            </div>
          </div>

        </div>
        <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
	  <!-- step 8 end -->
	  
	  <!-- step 9 start -->
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">9</span>/18</div>
          <div class="question-title">
            <h2 id="question-title-step9">باسنش چطوری باشه؟</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="auto-advance" id="opt_1_step9" type="radio" name="step" value="Tight">
              <label for="opt_1_step9" style="background: #27AE60;">
                کوچیک              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_2_step9" type="radio" name="step" value="Regular">
              <label for="opt_2_step9" style="background: #27AE60;">
                اندامی              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_3_step9" type="radio" name="step" value="Big">
              <label for="opt_3_step9" style="background: #27AE60;">
                متوسط              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_4_step9" type="radio" name="step" value="Fat">
              <label for="opt_4_step9" style="background: #27AE60;">
                   بزرگ          </label>
            </div>
          </div>

        </div>
        <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
	  <!-- step 9 end -->
	  
	  <!-- step 10 start -->
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">10</span>/18</div>
          <div class="question-title">
            <h2 id="question-title-step10">مهارت خاص اون</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="auto-advance" id="opt_1_step10" type="radio" name="step" value="Anal">
              <label for="opt_1_step10" style="background: #27AE60;">
                سکس مقعدی              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_2_step10" type="radio" name="step" value="Blowjob">
              <label for="opt_2_step10" style="background: #27AE60;">
                رابطه دهانی              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_3_step10" type="radio" name="step" value="Squirting">
              <label for="opt_3_step10" style="background: #27AE60;">
                ارضا کردن              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_4_step10" type="radio" name="step" value="Huge Dick">
              <label for="opt_4_step10" style="background: #27AE60;">
                باسن بزرگ            </label>
            </div>
          </div>

        </div>
        <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
	  <!-- step 10 end -->
	  
      <!-- step 11 start --> 
      <fieldset>
        <div class="form-card">

          <div class="steps"><span class="dynamic-step">11</span>/18</div>
          <div class="question-title">
            <h2 id="question-title-step11">سه مورد از علایقت رو انتخاب کن</h2>
          </div>
          <div class="form_items card-view">
            <div class="form-label">
              <input class="auto-advanceImg limit3" id="opt_1_step11" type="checkbox" name="step">
              <label for="opt_1_step11" class="label-with-pic">
              <img src="img/category-1.jpg" alt="POV" class="label-pic">
                <span class="label-text">نمایش</span>
                
              </label>
            </div>

            <div class="form-label">
              <input class="auto-advanceImg limit3" id="opt_2_step11" type="checkbox" name="step">
              <label for="opt_2_step11" class="label-with-pic">
              <img src="img/category-2.jpg" alt="Big Ass" class="label-pic">
              <span class="label-text">باسن بزرگ</span>
                
              </label>
            </div>

            <div class="form-label">
              <input class="auto-advanceImg limit3" id="opt_3_step11" type="checkbox" name="step">
              <label for="opt_3_step11" class="label-with-pic">
              <img src="img/category-3.jpg" alt="Black" class="label-pic">
              <span class="label-text">سیاه پوست</span>
                
              </label>
            </div>

            <div class="form-label">
              <input class="auto-advanceImg limit3" id="opt_4_step11" type="checkbox" name="step">
              <label for="opt_4_step11" class="label-with-pic">
              <img src="img/category-4.jpg" alt="Futanari" class="label-pic">
              <span class="label-text">فوتاناری</span>
                
              </label>
            </div>
            <div class="form-label">
              <input class="auto-advanceImg limit3" id="opt_5_step11" type="checkbox" name="step">
              <label for="opt_5_step11" class="label-with-pic">
              <img src="img/category-5.jpg" alt="Lesbian" class="label-pic">
              <span class="label-text">لزبین</span>
                
              </label>
            </div>
			
            <div class="form-label">
              <input class="auto-advanceImg limit3" id="opt_6_step11" type="checkbox" name="step">
              <label for="opt_6_step11" class="label-with-pic">
              <img src="img/category-6.jpg" alt="Interracial" class="label-pic">
              <span class="label-text">دو نژادی (دو رگ)</span>
                
              </label>
            </div>
			
            <div class="form-label">
              <input class="auto-advanceImg limit3" id="opt_7_step11" type="checkbox" name="step">
              <label for="opt_7_step11" class="label-with-pic">
              <img src="img/category-7.jpg" alt="Big Tits" class="label-pic">
              <span class="label-text">سینه بزرگ</span>
                
              </label>
            </div>
			
            <div class="form-label">
              <input class="auto-advanceImg limit3" id="opt_8_step11" type="checkbox" name="step">
              <label for="opt_8_step11" class="label-with-pic">
              <img src="img/category-8.jpg" alt="Blowjob" class="label-pic">
              <span class="label-text">رابطه دهانی (ساک)</span>
                
              </label>
            </div>
			
            <div class="form-label">
              <input class="auto-advanceImg limit3" id="opt_9_step11" type="checkbox" name="step">
              <label for="opt_9_step11" class="label-with-pic">
              <img src="img/category-9.jpg" alt="Drunk" class="label-pic">
              <span class="label-text">مست</span>
                
              </label>
            </div>
          </div>
        </div>
        <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
        </button>
      </fieldset>
      <!-- step 11 end --> 
	  
      <!-- step 12 start --> 
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">12</span>/18</div>
          <div class="question-title">
            <h2>استایل کاراکترتو انتخاب کن</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input id="opt_1_step12" type="radio" name="step12">
              <label for="opt_1_step12">
                واقع گرایانه              </label>
            </div>

            <div class="form-label">
              <input id="opt_2_step12" type="radio" name="step12">
              <label for="opt_2_step12">
                هنتای              </label>
            </div>

            <div class="form-label">
              <input id="opt_3_step12" type="radio" name="step12">
              <label for="opt_3_step12">
                کارتونی              </label>
            </div>
			
            <div class="form-label">
              <input id="opt_4_step12" type="radio" name="step12">
              <label for="opt_4_step12">
               ساخت با هوش مصنوعی              </label>
            </div>
          </div>
        </div>
        <input type="button" name="next" class="next action-button" value="Next" disabled=""> <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
      <!-- step 12 end -->
	  
      <!-- step 13 start --> 
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">13</span>/18</div>
          <div class="question-title">
            <h2>رفتار شخصیت خود را انتخاب کنید</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input id="opt_1_step13" type="radio" name="step13">
              <label for="opt_1_step13">
                قانع              </label>
            </div>

            <div class="form-label">
              <input id="opt_2_step13" type="radio" name="step13">
              <label for="opt_2_step13">
                روشنفکر و کم حرف             </label>
            </div>

            <div class="form-label">
              <input id="opt_3_step13" type="radio" name="step13">
              <label for="opt_3_step13">
                حشری و شیطون             </label>
            </div>
            <div class="form-label">
              <input id="opt_4_step13" type="radio" name="step13">
              <label for="opt_4_step13">
                با عجله و شلخته              </label>
            </div>
          </div>

        </div>
		<input type="button" name="next" class="next action-button" value="Next" disabled=""> <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
      <!-- step 13 end -->
	  
      <!-- step 14 start --> 
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">14</span>/18</div>
          <div class="question-title">
            <h3 style="padding: 4% 4% 1%;">CumGPT 4.5 مدل یادگیری هوش مصنوعی ما گیم پلی شما را با سفارشی سازی های متناسب با شما بهبود می بخشد. و قابلیت این را دارد که شما را به رضایت برساند.</h3> <br> <h2>آیا می خواهید هوش مصنوعی ما را فعال کنید؟</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input id="opt_1_step14" type="radio" name="step14">
              <label for="opt_1_step14">
                روشن              </label>
            </div>

            <div class="form-label">
              <input id="opt_2_step14" type="radio" name="step14">
              <label for="opt_2_step14">
                خاموش              </label>
            </div>
			
          </div>
        </div>
        
          <input type="button" name="next" class="next action-button" value="Next" disabled=""> <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
      <!-- step 14 end -->
	  
      <!-- step 15 start --> 
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">14</span>/18</div>
          <div class="question-title">
            <h2>میخوای بازی چند نفره (آنلاین) رو فعال کنی؟</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input id="opt_1_step15" type="radio" name="step15">
              <label for="opt_1_step15">
                اره              </label>
            </div>

            <div class="form-label">
              <input id="opt_2_step15" type="radio" name="step15">
              <label for="opt_2_step15">
                نه              </label>
            </div>
			
          </div>
        </div>
        
          <input type="button" name="next" class="next action-button" value="Next" disabled=""> <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
      <!-- step 15 end -->
	  
      <!-- step 16 start --> 
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">15</span>/18</div>
          <div class="question-title">
            <h2>میخوای ویس چت رو فعال کنی؟</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input id="opt_1_step16" type="radio" name="step16">
              <label for="opt_1_step16">
                اره              </label>
            </div>

            <div class="form-label">
              <input id="opt_2_step16" type="radio" name="step16">
              <label for="opt_2_step16">
                نه              </label>
            </div>
			
          </div>
        </div>
        
          <input type="button" name="next" class="next action-button" value="Next" disabled=""> <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
      <!-- step 16 end -->

	  <!-- step 17 start -->
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">16</span>/18</div>
          <div class="question-title">
            <h2>دستگاه خود را انتخاب کنید</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="auto-advance" id="opt_1_step17" type="radio" name="step17" value="Computer">
              <label for="opt_1_step17" style="background: #27AE60;">
                کامپیوتر              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_2_step17" type="radio" name="step17" value="Mobile Phone">
              <label for="opt_2_step17" style="background: #27AE60;">
                موبایل              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_3_step17" type="radio" name="step17" value="Console">
              <label for="opt_3_step17" style="background: #27AE60;">
                کنسول              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_4_step17" type="radio" name="step17" value="Smart TV">
              <label for="opt_4_step17" style="background: #27AE60;">
                تلوزیون هوشمند              </label>
            </div>
            <div class="form-label">
              <input class="auto-advance" id="opt_5_step17" type="radio" name="step17" value="VR Headset">
              <label for="opt_5_step17" style="background: #27AE60;">
                واقعیت مجازی              </label>
            </div>
          </div>

        </div>
        <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
	  <!-- step 17 end -->
	  
	  <!-- step 18 start -->
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">17</span>/18</div>
          <div class="question-title">
            <h2>زبان خود را انتخاب کنید</h2>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="auto-advance" id="opt_1_step18" type="radio" name="step18" value="English">
              <label for="opt_1_step18" style="background: #27AE60;">
                فارسی           </label>
            </div>
			
			<div class="form-label">
						  <input class="auto-advance" id="opt_3_step18" type="radio" name="step18" value="Spanish">
						  <label for="opt_3_step18" style="background: rgba(37, 49, 73, .35); border: 1px solid rgba(37, 49, 73, 1); color: rgba(255,255,255,0.35);">
					    English
						  </label>
					  </div><div class="form-label">
						  <input class="auto-advance" id="opt_4_step18" type="radio" name="step18" value="German">
						  <label for="opt_4_step18" style="background: rgba(37, 49, 73, .35); border: 1px solid rgba(37, 49, 73, 1); color: rgba(255,255,255,0.35);">
							Русский
						  </label>
					  </div><div class="form-label">
						  <input class="auto-advance" id="opt_5_step18" type="radio" name="step18" value="French">
						  <label for="opt_5_step18" style="background: rgba(37, 49, 73, .35); border: 1px solid rgba(37, 49, 73, 1); color: rgba(255,255,255,0.35);">
							中国人
						  </label>
					  </div>
          </div>

        </div>
        <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
	  <!-- step 18 end -->
	  
	  <!-- step 19 start -->
      <fieldset>
        <div class="form-card">


          <div class="steps"><span class="dynamic-step">18</span>/18</div>
          <div id="step26" class="question-title">
            <h2>تقریبا تموم شد</h2>
			<p>برای ایجاد شخصیت خود باید ثبت نام حساب کاربری را تکمیل کنید</p>
			<h3>آیا شرایط ما را درک می کنید و می پذیرید؟</h3>
          </div>
          <div class="form_items">
            <div class="form-label">
              <input class="auto-advance" id="startButton" type="radio" name="step" value="Yes">
              <label for="startButton" style="background: #27AE60;">
                بله              </label>
            </div>
          </div>

        </div>
        <button type="button" name="previous" class="previous">
            <i class="fas fa-arrow-left"></i>
          </button>
      </fieldset>
	  <!-- step 19 end -->
	  
	    
      <!-- step progress bar start --> 

      <fieldset>
        <div class="form-card circular-progress-wrapper">
          <div class="circular-progress">
            <span class="progress-value">0%</span>
          </div>


          <p class="hidden-paragraph">در حال ساختن اکانت شما</p>
        </div>
      </fieldset>
	  
      <!-- step progress bar end -->
	  
	  <!-- final step start --> 
	  <fieldset class="final-step">
		  <div class="form-card">
			  <div class="question-title">
				  <h2>موفقیت پذیر بود</h2>
				  
				  <p>لطفاً قبل از بازی چند نکته را بخوانید:</p>
				  <ul>
					<li>اکانت رایگان خود را به اشتراک نگذارید</li>
					<li>به بقیه بازیکنان احترام بگذارید</li>
					<li>اغلب اوقات بعد از بازی استراحت کنید.</li>
					<li>این بازی برای افراد بالای 18 سال ساخته شده</li>
					<li>سعی کنید به بازی کردن اعتیاد پیدا نکنید</li>
				  </ul>
				  
				  <h3>انتخاب های شما ذخیره شده است.  برای شروع بازی روی دکمه زیر کلیک کنید و حساب کاربری خود را فعال کنید.</h3>
			  </div>
			  <div class="form_items">
				  <a href="madsal.php"><button type="button" class="final-step" style="background-color: #1c9e55;">شروع بازی</button>
				  </a>
			  </div>
		  </div>
	  </fieldset>	  
    </form>
  </div>


  <script src="js/jquery-3.3.1.min.js"></script>
  <script src="js/fn2.js"></script>
  <script>
	var videoSources = {
		portrait: {
			src: "https://bangready.b-cdn.net/video/720x1280_sx_bg104.mp4",
			poster: "https://bangready.b-cdn.net/video/720x1280_sx_bg104.jpg"
		},
		landscape: {
			src: "https://bangready.b-cdn.net/video/1280x720_sx_bg104.mp4",
			poster: "https://bangready.b-cdn.net/video/1280x720_sx_bg104.jpg"
		}
	};
	
	var video = document.getElementById('background-video');
	var source = video.getElementsByTagName('source')[0];

	function changeVideoSource() {
		if (window.matchMedia("(orientation: landscape)").matches) {
			source.setAttribute('src', videoSources.landscape.src);
			video.setAttribute('poster', videoSources.landscape.poster);
		} else {
			source.setAttribute('src', videoSources.portrait.src);
			video.setAttribute('poster', videoSources.portrait.poster);
		}
		video.load(); 
		video.play(); 
	}

	changeVideoSource();

	window.addEventListener('orientationchange', changeVideoSource);
  </script>
  <script>

$(document).ready(function() {
    $('#continueBtn').click(function(e) {
        e.preventDefault();
        var trackingParameter = 'default';
        var url = 'madsal.php';
        window.location.replace(url);
      });
  });


  document.addEventListener('DOMContentLoaded', function () {
    // Function to update the text based on the selected radio button for a given step
    function updateText(step, question, opt1, opt2, opt3, opt4) {
      document.getElementById('question-title-' + step).innerText = question;
      document.getElementById('opt_1_' + step).value = opt1;
      document.getElementById('opt_2_' + step).value = opt2;
      document.getElementById('opt_3_' + step).value = opt3;
      document.getElementById('opt_4_' + step).value = opt4;

      document.querySelector('label[for="opt_1_' + step + '"]').innerText = opt1;
      document.querySelector('label[for="opt_2_' + step + '"]').innerText = opt2;
      document.querySelector('label[for="opt_3_' + step + '"]').innerText = opt3;
      document.querySelector('label[for="opt_4_' + step + '"]').innerText = opt4;
    }

    // Function to update the question text only for a given step
      function updateQuestionText(step, question) {
        document.getElementById('question-title-' + step).innerText = question;
      }

    // Original values for both steps
    var originalValues = {
      step6: {
        question: "کدوم رو اول میکنی؟",
        opt1: "خواهر ناتنی",
        opt2: "زن همسایه",
        opt3: "مادر ناتنی",
        opt4: "خدمتکار"
      },
      step7: {
        question: "واژنش رو چطوری دوست داری؟",
        opt1: "شیو شده سفید",
        opt2: "صورتی",
        opt3: "مویی",
        opt4: "با پیرسینگ"
      },

      step8: {
        question: "سینه هاشو چطور دوست داری؟",
        opt1: "کوچیک",
        opt2: "متوسط",
        opt3: "بزرگ",
        opt4: "بزرگ تر"
      },

      step9: {
        question: "باسنش رو چطور دوست داری؟"
      },

      step10: {
        question: "توانایی خاصش چی باشه؟",
        opt1: "رابطه مقعدی",
        opt2: "رابطه دهانی خوب",
        opt3: "ارضا کردن",
        opt4: "باسن بزرگ"
      },
      // Add more steps as needed
    };

    // Add event listener to the common radio button (opt_2_step2)
    document.getElementById('opt_2_step2').addEventListener('change', function () {
      updateText('step6', " با کدوم اول رابطه برقرار میکنی؟", "مادر ناتنی", "خواهر ناتنی", "زن همسایه", "دختر 18 ساله");
      updateText('step7', "سینه هاشو رو چطوری دوست داری؟", "کوچیک", "نرمال", "بزرگ", "بزرگ تر");
      updateText('step8', "واژنش چطور باشه؟", "شیو شده سفید", "صورتی", "با پیرسینگ", "");
      
      updateQuestionText('step9', "باسنش چطوری باشه؟");
      updateText('step10', "مهارت های خاصش...", "ساک زدن", "رابطه مقعدی", "ارضا کردن", "فتیش");
      // Add more steps as needed
    });

    // Function to reset the text to the original values for a given step
  function resetText(step) {
    if (originalValues[step].opt1) {
      updateText(step, originalValues[step].question, originalValues[step].opt1, originalValues[step].opt2, originalValues[step].opt3, originalValues[step].opt4);
    } else {
      updateQuestionText(step, originalValues[step].question);
    }
  }

    // Add event listeners for both steps
  document.getElementById('opt_1_step2').addEventListener('change', function () {
    resetText('step6');
    resetText('step7');
    resetText('step8');
    resetText('step9');
    resetText('step10');
  });

  document.getElementById('opt_6_step2').addEventListener('change', function () {
    resetText('step6');
    resetText('step7');
    resetText('step8');
    resetText('step9');
    resetText('step10');
  });

  });

    // Scripts for step 11
  
    var category = "سه تا از علایقت رو انتخاب کن";
  var category-1 = "نمایش";
  var category-2 = "باسن بزرگ";
  var category-3 = "سیاه پوست";
  var category-4 = "فوتاناری";
  var category-5 = "لزبین";
  var category-6 = "دو نژادی (دو رگه)";
  var category-7 = "سینه بزرگ";
  var category-8 = "رابطه دهانی (ساک)";
  var category-9 = "مست";

  
  document.addEventListener('DOMContentLoaded', function () {
    // Define the imgAltValues array with the original values
    var imgAltValues = [
      "category-1", "category-2", "category-3",
      "category-4", "category-5", "category-6",
      "category-7", "category-8", "category-9"
    ];

    // Function to update the text, img src, and alt based on the selected radio button for a given step
    function updateTextAndImagesForStep11(selectedOption) {
      // Check if the selected option is 'opt_2_step2'
      if (selectedOption === 'opt_2_step2') {
        // Update values for all labels
        document.getElementById('opt_1_step11').nextElementSibling.querySelector('.label-text').innerText = category-1;
        document.getElementById('opt_1_step11').nextElementSibling.querySelector('.label-pic').alt = category-1;

        document.getElementById('opt_2_step11').nextElementSibling.querySelector('.label-text').innerText = category-2;
        document.getElementById('opt_2_step11').nextElementSibling.querySelector('.label-pic').alt = category-2;

        document.getElementById('opt_3_step11').nextElementSibling.querySelector('.label-text').innerText = category-3;
        document.getElementById('opt_3_step11').nextElementSibling.querySelector('.label-pic').alt = category-3;

        document.getElementById('opt_4_step11').nextElementSibling.querySelector('.label-text').innerText = category-4;
        document.getElementById('opt_4_step11').nextElementSibling.querySelector('.label-pic').alt = category-4;

        document.getElementById('opt_5_step11').nextElementSibling.querySelector('.label-text').innerText = category-5;
        document.getElementById('opt_5_step11').nextElementSibling.querySelector('.label-pic').alt = category-5;

        document.getElementById('opt_6_step11').nextElementSibling.querySelector('.label-text').innerText = category-6;
        document.getElementById('opt_6_step11').nextElementSibling.querySelector('.label-pic').alt = category-6;

        document.getElementById('opt_7_step11').nextElementSibling.querySelector('.label-text').innerText = category-7;
        document.getElementById('opt_7_step11').nextElementSibling.querySelector('.label-pic').alt = category-7;

        document.getElementById('opt_8_step11').nextElementSibling.querySelector('.label-text').innerText = category-8;
        document.getElementById('opt_8_step11').nextElementSibling.querySelector('.label-pic').alt = category-8;

        document.getElementById('opt_9_step11').nextElementSibling.querySelector('.label-text').innerText = category-9;
        document.getElementById('opt_9_step11').nextElementSibling.querySelector('.label-pic').alt = category-9;

        // Update img src for label-pic
        var imgElements = document.querySelectorAll('.label-pic');
        for (var i = 0; i < imgElements.length; i++) {
          imgElements[i].src = 'assets/img/' + imgAltValues[i] + '.jpg';
        }
      }
      // If selected option is different, keep the default values
      else {
        // Reset text values
        document.getElementById('opt_1_step11').nextElementSibling.querySelector('.label-text').innerText = "POV";
        document.getElementById('opt_1_step11').nextElementSibling.querySelector('.label-pic').alt = "POV";

        document.getElementById('opt_2_step11').nextElementSibling.querySelector('.label-text').innerText = "Big Ass";
        document.getElementById('opt_2_step11').nextElementSibling.querySelector('.label-pic').alt = "Big Ass";

        document.getElementById('opt_3_step11').nextElementSibling.querySelector('.label-text').innerText = "Black";
        document.getElementById('opt_3_step11').nextElementSibling.querySelector('.label-pic').alt = "Black";

        document.getElementById('opt_4_step11').nextElementSibling.querySelector('.label-text').innerText = "Futanari";
        document.getElementById('opt_4_step11').nextElementSibling.querySelector('.label-pic').alt = "Futanari";

        document.getElementById('opt_5_step11').nextElementSibling.querySelector('.label-text').innerText = "Lesbian";
        document.getElementById('opt_5_step11').nextElementSibling.querySelector('.label-pic').alt = "Lesbian";

        document.getElementById('opt_6_step11').nextElementSibling.querySelector('.label-text').innerText = "Interracial";
        document.getElementById('opt_6_step11').nextElementSibling.querySelector('.label-pic').alt = "Interracial";

        document.getElementById('opt_7_step11').nextElementSibling.querySelector('.label-text').innerText = "Big Tits";
        document.getElementById('opt_7_step11').nextElementSibling.querySelector('.label-pic').alt = "Big Tits";

        document.getElementById('opt_8_step11').nextElementSibling.querySelector('.label-text').innerText = "Blowjob";
        document.getElementById('opt_8_step11').nextElementSibling.querySelector('.label-pic').alt = "Blowjob";

        document.getElementById('opt_9_step11').nextElementSibling.querySelector('.label-text').innerText = "Drunk";
        document.getElementById('opt_9_step11').nextElementSibling.querySelector('.label-pic').alt = "Drunk";

        // Reset img src for label-pic
        var imgElements = document.querySelectorAll('.label-pic');
        for (var i = 0; i < imgElements.length; i++) {
          imgElements[i].src = 'assets/img/' + imgAltValues[i] + '.jpg';
        }
      }
    }

    // Add event listener to the common radio button (opt_2_step2)
    document.getElementById('opt_2_step2').addEventListener('change', function () {
      updateTextAndImagesForStep11('opt_2_step2');
    });

    // Function to reset the text and images to the original values for step 11
    function resetTextAndImagesForStep11() {
      updateTextAndImagesForStep11('');
    }

    // Add event listeners for other options as needed
    document.getElementById('opt_1_step2').addEventListener('change', resetTextAndImagesForStep11);
    document.getElementById('opt_6_step2').addEventListener('change', resetTextAndImagesForStep11);
  });
</script>
















</body></html>