<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">A deep green gemstone.  Fine emeralds are among the most valuable gemstones.  Unlike diamonds and other precious stones, flaws or inclusions are common in emeralds, so their value is less affected by them than with other precious stones like diamonds.  The most highly prized emeralds are from Columbia.  A fine emerald is bright, vivid green, with the most valuable having a slight blue cast to the bright green.  Many emeralds used in jewelry are of relatively low quality as they are often dyed or oiled to improve the color and minimize the flaws.  If an emerald appears to be very fine and lacking any flaws it is most likely synthetic.</p>
    </p>
  </div>
  <div class="col-xs-12 text-center">
      <br><img class="img-fluid" alt="EMERALD illustration image" src="/jewelry-assets/faq_answer_images/34/Emerald.jpg" />
  </div>
</div>


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