Awake

Below code and result is showing how to search input text via jQuery filter method

  <div class="col-12 my-5 text-center">
    <h2 class="product-win">BEER &amp; CIDER</h2>
    <form class="example-two" action="javascript:void(0)">
      <input type="text" placeholder="Search Products" name="search" id="mysearchInput" class="">
    </form>
  </div>

  <div class="container">
    <div class="row">
     <div class="col-lg-3 col-md-3 col-sm-7 col-10 text-center main-centent mb-5 SearchproductName">
      <div class="d-block">
        <div class="d-flex justify-content-between">   
         <i class="col-md-2 col-2 fa fa-heart fa-heart-o"></i>
         <i class="fa fa-plus-circle" aria-hidden="true"></i>
       </div>
       <p>Sassy Rose Cider (France) 33cl</p>
       <h5 class="h-tag">$ 1200</h5>
     </div>
   </div>



   <div class="col-lg-3 col-md-3 col-sm-7 col-10 text-center main-centent mb-5 SearchproductName">
    <div class="d-block">
      <div class="d-flex justify-content-between">  
        <i class="col-md-2 col-2 fa fa-heart fa-heart-o"></i>
        <i class="fa fa-plus-circle" aria-hidden="true"></i>
      </div>
      <p>Cider Pear (Poire) (France) 33cl</p>
      <h5 class="h-tag">$ 1200</h5>
    </div>
  </div>



  <div class="col-lg-3 col-md-3 col-sm-7 col-10 text-center main-centent mb-5 SearchproductName">
    <div class="d-block">
      <div class="d-flex justify-content-between">   
        <i class="col-md-2 col-2 fa fa-heart fa-heart-o"></i>
        <i class="fa fa-plus-circle" aria-hidden="true"></i>
      </div>
      <p>Smirnoff Black</p>
      <h5 class="h-tag">$ 1200</h5>
    </div>
  </div>

  <div class="col-lg-3 col-md-3 col-sm-7 col-10 text-center main-centent mb-5 SearchproductName">
    <div class="d-block">
      <div class="d-flex justify-content-between"> 
        <i class="col-md-2 col-2 fa fa-heart fa-heart-o"></i>
        <i class="fa fa-plus-circle" aria-hidden="true"></i>
      </div>
      <p>Jack Daniels Honey &amp; Lemon 330ML</p>
      <h5 class="h-tag">$ 1200</h5>
    </div>
  </div>
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<!--autosuggestion_code-->
<script>
  jQuery(document).ready(function(){
    jQuery("#mysearchInput").on("keyup", function() {
      console.log('keyup');
      var value = $(this).val().toLowerCase();
      jQuery(".SearchproductName").filter(function() {
        jQuery(this).toggle(jQuery(this).text().toLowerCase().indexOf(value) > -1)
      });
    });
  });

</script>

Result