@if($qaBlock)
  @if( $qaBlock->description )
    <div class="block-wrapper comparison-block" data-share-element="pobreza_qa" data-anchor="#pobreza_qa">
    <a id="pobreza_qa"></a>
  @else
    <div class="block-wrapper comparison-block">
  @endif
  <div class="block-body">
    <div class="block-container">
      @if( $qaBlock->subtitle || $qaBlock->description )
        <div class="comparison-title-wrapper">
          @if( $qaBlock->title )
            <h2>{{ $qaBlock->title }}</h2>
          @endif
          @if( $qaBlock->description )
            <h3>{{ $qaBlock->description }}</h3>
          @endif
        </div>
      @endif
      @if( $qaBlock->subtitle || $qaBlock->description )
        @include('frontend.partials.reusables.social')
      @endif
      <div class="comparison-body">
        <div class="questions-wrapper">
          <ul class="js-select-compare-question">
            @foreach($qaBlock->questionsAnswers as $key => $qa)
              <li class="{{ !$key ? 'active' : '' }}">
                <div class="question-wrapper">
                  <div class="icon-container">
                     <div class="{{ $qa->iconclass }}"></div>
                  </div>
                  <p>{{ $qa->question }}</p>
                </div>
              </li>
            @endforeach
          </ul>
        </div>
        <div class="answers-wrapper js-comparison-answers">
        @foreach($qaBlock->questionsAnswers as $key => $qa)
          <ul class="{{ !$key ? 'open active' : '' }}">
            <li>
              {{ $qa->answer}}
            </li>
          </ul>
        @endforeach
        </div>
      </div>
    </div>
  </div>
</div>
@endif