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

  <div class="staticPageWrapper ">
    <div class="textHeading w-100" >
      <p role="heading" style="color: {{titleColor}};">{{{displayTitle}}}</p>
    </div>
      
      <div class="staticPageWrapper">
       <div class="component__body text__body container-title" style="display: block;">
        <div class="component__body-inner text__body-inner">
          {{{compile body}}}
        </div>
        <div class="component__instruction media__instruction">
          <div class="component__instruction-inner media__instruction-inner">
            {{instruction}}
          </div> 
        </div>
      </div>
      </div>   
    
      <div class="w-100" style=" ">
        <div class="component__body text__body">
          <div class="component__body-inner text__body-inner">
            <div class="vid_container">
                 <span role="text" aria-label="{{{videoAltText}}}" style="    position: absolute;
    display: inline;
    width: 100%;
    background: transparent;
    min-height: 424px;
    left: -8px;
    right: 0;
    margin: 1px auto; z-index: -1"></span>
              <iframe src="{{videoUrl}}" frameborder="0" allowfullscreen allow="autoplay; encrypted-media"></iframe>
              {{!-- {{#if video_transcript}} --}}
              <div class="vid_transcriptArea">
                <button class="trnascriptBtn">{{transcript_btn}}</button>
                <div class="transcript_text">
                  <p>{{{video_transcript}}}</p>
                </div>
              </div>
              {{!-- {{/if}} --}}
            </div>

          </div>
        </div>

       <div class="vimeoFooter-text">
           {{{footerText}}}
       </div> 
      </div>

  </div>

</div>
</div>