How to separate radio buttons from one question to another in HTML [duplicate]

how can i separate radio button dev Q1 and dev Q2.
the circle always move to next Question.
When i click the radio button on first question the circle in the radio button move to second questions

So this is my code

<div class="Main-value ">
    <div class='sub-main1'>
        <h1 class>Educational Value</h1>
       <fieldset>
        <div class='Q1'>
            <h2 class="text-center text-2xl tracking-tight text-gray-900 sm:text-1.5xl">Jomblang Cave has its own characteristics that are different from other caves</h2>
            <div class="Quest1">
                <div class="form-check">
                    <input  type="radio" class="form-check-input" value="SD" name="radionExam" id="SD" >
                    <label  for="SD">
                      Strongly Disagree
                    </label>
                  </div>
                  <div class="form-check">
                    <input class="form-check-input" type="radio" value="D" name="radionExam" id="D">
                    <label for="D">
                     Disagree
                    </label>
                  </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" value="N" name="radionExam" id="N" >
                    <label for="N">
                     Neutral    
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" value="A" name="radionExam" id="A">
                    <label for="A">
                     Agree
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" value="SA" name="radionExam" id="SA">
                    <label for="SA">
                     Strongly Diasgree
                    </label>
                </div>
            </div>
        </div>

    </div>
</div>
</fieldset>
<fieldset>
        <div class='Q2'>
            <h2 class="text-center text-2xl tracking-tight text-gray-900 sm:text-1.5xl">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ut mollitia eligendi corporis asperiores nihil, accusantium fuga adipisci aliquam in, perspiciatis ea accusamus minima consequatur non ex quis cupiditate sunt dolor!</h2>
            <div class="Quest1">
                <div class="form-check">
                    <input  type="radio" class="form-check-input" value="SD" name="radionExam" id="SD" >
                    <label  for="SD">
                      Strongly Disagree
                    </label>
                  </div>
                  <div class="form-check">
                    <input class="form-check-input" type="radio" value="D" name="radionExam" id="D">
                    <label for="D">
                     Disagree
                    </label>
                  </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" value="N" name="radionExam" id="N" >
                    <label for="N">
                     Neutral    
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" value="A" name="radionExam" id="A">
                    <label for="A">
                     Agree
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" value="SA" name="radionExam" id="SA">
                    <label for="SA">
                     Strongly Diasgree
                    </label>
                </div>
            </div>
        </div>

    </div>
</div>
</fieldset>

so this is my HTML Code, is JScipt needed to separate radio buttons?

I have to make each question have its own circle. when i move to next question my record on first radio button not disappear