<div class="component__inner text__inner mr_wrapper_container_text" style="background-color: {{bgColor}};">

  <div class="staticPageWrapper">
    <div class="text_intro04" style="background-color: {{topModuleBgcolor}};">
      <div class="reflection_icon_container"  style="background-color: {{iconBgcolor}};">
        <img src={{displayImage1}} alt="{{imgalt}}">
      </div>
      <div>
        <div class="reflectionWrapper">
        <div class="textHeading" >
          <p role="heading" style="color: {{bodytitleColor}};">{{{displayTitle}}}</p>
        </div>
        {{!-- <div class="text_bodytext">
          <div class="numberContainer">
            <span class="number">2</span>
            <span class="numbertext">{{{body1}}}</span>
          </div>
        </div> --}}

         <div class="container-title_survey_mcq" style="">
          {{!-- {{> component this}} --}}

          <div class="inner_container_survey">
            <div class="contentpart_intro w-100" style=" ">
              {{#each _items}}
              <div class="question_text">
                <p>{{qtext}}</p>
              </div>
              <div class="question_ins_text">
                <p><i>{{instructionText}}</i></p>
              </div>
              {{#each optionItem}}   

              <div class="textrd_question01" id="textrd_question_{{@index}}" style="background-color ;">
                <label class="lab_container" for="radio_{{optionindex}}" >
                  {{optext}}
                  <input type="radio" id="radio_{{@index}}" class="redkBox" name="{{radioInd}}"
                    data-correct="{{iscorrect}}">
                  <span class="radioassessment"></span>
                  <span class="correctIncorrectIcon"></span>
                </label>
              </div>
              {{/each}} 
              {{/each}}
            </div>
            <button class="btn-text btn__action js-btn-action mr_submit_button disablebuttonSubmit" style="background-color: {{topModuleBgcolorsubmit}};">Submit</button>
          </div>
        </div>
        </div>
       
       
      </div>
    </div>



    <div class="showDive" id="shohid" style="background-color: {{bodyColor}};">
      {{!-- <div class="shadow_bg"></div> --}}
      <div class="showDive_content" id="" style="background-color: {{bgcolor}}">
        {{!-- <button type="submit" class="closeBtn" style="position: absolute; top:18px; right:20px;">
          <div class="closeIcon"></div>
        </button> --}}
        {{!-- {{> component this}} --}}
        <div class="showDive_content_inner">
          <div class="contentpart w-60">
            <div class="component__body text__body">
              <div class="component__body-inner text__body-inner"> 

              <div>
                <img src='course/en/images/icon_left.png' aria-hidden="true" class='qoutIcon'>
                {{{compile body}}}
                <img style='margin-bottom:-10px' src='course/en/images/icon_right.png' aria-hidden="true">
              </div>  
              
              </div>
            </div>
          </div>
          <div class="mrImgContainer w-40 text_intro04_Popimg text-center" style="max-width: {{imgWidth}}">
            <img src="{{displayImange}}" alt="{{imgalt-Anna}}" style="" >
          </div>
        </div>
      </div>
      {{#if endLessonText}}
    <div class="endText">      
      <p>
        {{{endLessonText}}}</p>
    </div>
    {{/if}}
    </div>
  </div>

</div> 