<turbo-stream action="update" target="remote_modal"><template>
  <turbo-frame id="remote_modal">
  <div class="modal fade" data-controller="modal"
       data-action="turbo:submit-end->modal#submitEnd keyup@window->modal#closeWithKeyboard click@window->modal#closeBackground">
    <div class="modal-dialog modal-lg">
      <div class="modal-content rounded-0 border shadow-sm position-relative" style="border-width: 10px !important; border-color: #C0C0C0 !important;">
        <button type="button" class="btn-close btn-sm position-absolute top-0 end-0 m-2" data-bs-dismiss="modal" aria-label="Close" style="z-index: 1050;"></button>
        <div class="modal-body remote_modal_body " id="remote_modal_body">
          
    <div class="row">
  <div class="col-xs-12">
    <p>
      <p class="description">Gem stone or diamond setting between two parallel bars where the sides of the gems are left open.  This maximizes the amount of light entering the gems, which usually creates extraordinary brilliance and sparkle.</p>
    </p>
  </div>
  <div class="col-xs-12 text-center">
      <br><img class="img-fluid" alt="BAR SETTING illustration image" src="/jewelry-assets/faq_answer_images/23/bar_setting.jpg" />
  </div>
</div>


        </div>
      </div>
    </div>
  </div>
</turbo-frame></template></turbo-stream>