<div class="component__inner text__inner mr_wrapper_container_text" style="background-color: {{bgColor}};"> 
{{#if MCQ}}
  <div class="staticPageWrapper">
    {{#if displayTitle}}
    <div class="textHeading" style="color: {{titleColor}};">
      <p >{{{displayTitle}}}</p>      
    </div>
    {{/if}}

    {{#if ostText}}
    <div class="text_bodytext">
          <div class="ost_container">
                  <div class="ost_inner">{{{ostText}}}</div>
                  <div class="img_inner"><img src ="{{displayImange}}"></div>
          </div>
    </div>
    {{/if}}
    <div class="container-title_survey_mcq" style="background-color: {{QblockBgColor}};">
          {{!-- {{> component this}} --}}          
          <div class="inner_container_survey">
              <div class="contentpart_intro w-100" style=" ">
                  {{#each _items}}
                      <div class="question_text">{{{qtext}}}</div> 
                      <div class="question_ins_text"><i>{{instructionText}}</i></div> 
                    {{#each optionItem}}
                  
                    <div class="textrd_question01" id ="textrd_question_{{@index}}">                      
                            <label class="lab_container" for="radio_{{optionindex}}" style="background-color: {{opBgColor}};">
                                    {{optext}}
                                    <input type="radio" id="radio_{{@index}}" class="redkBox" name="{{radioName}}"
                                      data-correct="{{iscorrect}}" jump-to ="{{jumpTo}}">
                                    
                                    <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" data-block = "{{_parentId}}" style="background-color: {{btnBgcolor}};">{{btnText}}</button>
          </div>    
       
          </div>
    
    <div class = "showDive" id="shohide">
   
    <div class="showDive_content" style="margin: 0px;">
  
 
    <div class ="showDive_content_inner"  style="padding:0px">       
      <div class="contentpart w-100" >
          <div class="component__body text__body">
            <div class="component__body-inner text__body-inner" style="margin-bottom: 0px; margin-top:0px;">   
              {{{compile body}}}
     
            </div>
          </div>
      </div>
 
    </div>
    </div> 
  </div>
  </div> 

{{else}}
  <div class="staticPageWrapper">
    {{#if displayTitle}}
    <div class="textHeading" style="color: {{titleColor}};">
      <p>{{{displayTitle}}}</p>      
    </div>
    {{/if}}

    {{#if ostText}}
    <div class="text_bodytext">
          <div class="ost_container">
                  <div class="ost_inner">{{{ostText}}}</div>
                  {{!-- <div class="img_inner"><img src ="{{displayImange}}"></div> --}}
          </div>
    </div>
    {{/if}}
    <div class="container-title_survey_mcq" >
          {{!-- {{> component this}} --}}  
          
          <div class="inner_container_survey">
              <div class="contentpart_intro w-100">
                  {{#each _items}}
                      <div class="question_text">{{{qtext}}}</div> 
                      <div class="question_ins_text"><i>{{instructionText}}</i></div> 
                      <div class ="question_body">
                    {{#each optionItem}}                  
                    <div class="textrd_question01" id ="textrd_question_{{@index}}" style="background-color: {{opBgColor}};">
                             {{#if callout}}                     
                             <div class ="call_out">{{callout}}</div>
                              {{/if}} 
                             <div class="image_inner"><img src="{{bgimage}}"></div> 
                            <label class="lab_container" for="radio_{{optionindex}}">
                                    {{optext}}
                                    <input type="radio" id="radio_{{@index}}" class="redkBox" name="radio"
                                      data-correct="{{iscorrect}}" jump-to ="{{jumpTo}}">
                                    
                                    <span class="radioassessment"></span>
                                    <span class="correctIncorrectIcon"></span>
                                  </label>                    
                    </div> 
                    {{/each}} 
                    </div> 
                    {{/each}} 
                  </div>
                <button class="btn-text btn__action js-btn-action mr_submit_button disablebuttonSubmit" data-block = "{{_parentId}}" style="background-color: {{btnBgcolor}};">{{btnText}}</button>
          </div>    
       
          </div>
    
    <div class = "showDive" id="shohide" >
    
    <div class="showDive_content" id="" style="background-color: {{bgcolor}}">
 
   
    <div class ="showDive_content_inner" style="padding:0px">       
      <div class="contentpart w-100" >
          <div class="component__body text__body">
            <div class="component__body-inner text__body-inner" style="margin-bottom: 0px margin-top:0px;">   
              {{{compile body}}}
       
            </div>
          </div>
      </div>
 
    </div>
    </div> 
  </div>
  </div> 
  {{/if}}
   
</div>




