<style>
  .percircle.big {
      font-size: 141px !important;
  }
  .percircle {
      position: relative;
      width: 140px !important;
      height: 140px !important;
  }    
    .video-grid.iner {
    margin-bottom: 5px;
}
  </style>
  
  
  <?php $__env->startSection('content'); ?>
        <div class="common-content">
            <div class="page-content">
              <div class="page-heading">
                    <div class="headings">
                      <h6>How to works</h6>
                    </div>
                </div> 
                
                 


<section class="innerWraper benefits_wraper">
  <div class="container">
      <div class="row">
          <div class="col-lg-6">
              <div class="video-grid iner">
                  <video id="video1" poster controls>
                    <source src="https://www.meddbot.com/assets/video/1.mov" type="video/ogg">
                  Your browser does not support the video tag.
                  </video>
                  <h5>Create Purchase Order</h5>
              </div>
          </div>
          <div class="col-lg-6">
              <div class="video-grid iner">
                  <video id="video2"  controls>
                    <source src="https://www.meddbot.com/assets/video/2.MOV" type="video/mp4">
                    <source src="https://www.meddbot.com/assets/video/2.MOV" type="video/ogg">
                  Your browser does not support the video tag.
                  </video>
                  <h5>Approve Purchase Order</h5>
              </div>
          </div>
          <div class="col-lg-6">
              <div class="video-grid iner">
                  <video id="video3"  controls>
                    <source src="https://www.meddbot.com/assets/video/3.MOV" type="video/mp4">
                    <source src="https://www.meddbot.com/assets/video/3.MOV" type="video/ogg">
                  Your browser does not support the video tag.
                  </video>
                  <h5>Add PBG</h5>
              </div>
          </div>
          <div class="col-lg-6">
              <div class="video-grid iner">
                  <video id="video4"  controls>
                    <source src="https://www.meddbot.com/assets/video/4.mov" type="video/mp4">
                    <source src="https://www.meddbot.com/assets/video/4.mov" type="video/ogg">
                  Your browser does not support the video tag.
                  </video>
                  <h5>Approve & Reject PBG</h5>
              </div>
          </div>
          <div class="col-lg-6">
              <div class="video-grid iner">
                  <video id="video5"  controls>
                    <source src="https://www.meddbot.com/assets/video/5.mov" type="video/mp4">
                    <source src="https://www.meddbot.com/assets/video/5.mov" type="video/ogg">
                  Your browser does not support the video tag.
                  </video>
                  <h5>Add Prerequisite & Register Sold</h5>
              </div>
          </div>
          <div class="col-lg-6">
              <div class="video-grid iner">
                  <video id="video5"  controls>
                    <source src="https://www.meddbot.com/assets/video/6.mov" type="video/mp4">
                    <source src="https://www.meddbot.com/assets/video/6.mov" type="video/ogg">
                  Your browser does not support the video tag.
                  </video>
                  <h5>Approve Register Sold</h5>
              </div>
          </div>
          <div class="col-lg-6">
              <div class="video-grid iner">
                  <video id="video5"  controls>
                    <source src="https://www.meddbot.com/assets/video/7.mov" type="video/mp4">
                    <source src="https://www.meddbot.com/assets/video/7.mov" type="video/ogg">
                  Your browser does not support the video tag.
                  </video>
                  <h5>Update order flow</h5>
              </div>
          </div>
          <div class="col-lg-6">
              <div class="video-grid iner">
                  <video id="video5"  controls>
                    <source src="https://www.meddbot.com/assets/video/8.mov" type="video/mp4">
                    <source src="https://www.meddbot.com/assets/video/8.mov" type="video/ogg">
                  Your browser does not support the video tag.
                  </video>
                  <h5>Receiving product from store app</h5>
              </div>
          </div>
<!--
          <div class="col-lg-6">
              <div class="video-grid iner">
                  <video id="video5"  controls>
                    <source src="https://www.meddbot.com/assets/video/9.mov" type="video/mp4">
                    <source src="https://www.meddbot.com/assets/video/9.mov" type="video/ogg">
                  Your browser does not support the video tag.
                  </video>
                  <h5>Buyer Registration</h5>
              </div>
          </div>
          <div class="col-lg-6">
              <div class="video-grid iner">
                  <video id="video5"  controls>
                    <source src="https://www.meddbot.com/assets/video/10.mov" type="video/mp4">
                    <source src="https://www.meddbot.com/assets/video/10.mov" type="video/ogg">
                  Your browser does not support the video tag.
                  </video>
                  <h5>Vendor Registration</h5>
              </div>
          </div>
-->
         
      </div>
  </div>   
</section>

<div class="modal fade" id="videoplay"  data-bs-backdrop="static" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
     <div class="modal-body modal-video">
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="fas fa-times"></i></button>
   <iframe class="youtube-video" width="420" height="315" src="https://www.youtube.com/embed/c3UMPQsfzFk?controls=0"></iframe>
</div>
      
    </div>
  </div>
</div>

<style>
  .innerWraper .main_titles:after {
      width: 155px !important;
  }video {
      width: 100%;
      height: 300px;
  }.video-grid h5 {
      background: #fff;
      padding: 15px 15px;
      box-shadow: -3px 4px 10px #ccc;
      font-size: 18px;
  }
      
    @media  only screen and (max-width: 767px)
  {
      video {
      height: auto;
  }
      section.innerWraper.benefits_wraper.p-5 {
      padding: 15px !important;
  }
      .video-grid h5 {
      font-size: 15px !important;
  }
    .video-grid {
      margin-bottom: 20px;
  }  
      
      
      
      
      
      
  }  
      
  </style>
  
  
                               
                          
            
  <?php $__env->stopSection(); ?>
  <?php $__env->startSection('scripts'); ?>
  <script>
  <?php if(Session::has('message')): ?>
        swal({
          title: "",
          text: "<?php echo e(Session::get('message')); ?>",
          type: "success",
          showCancelButton: false,
          dangerMode: false,
          confirmButtonText: 'OK',
  
      });
  <?php endif; ?>
  
  </script>
  
  <?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/meddbot/public_html/resources/views/howtoworks.blade.php ENDPATH**/ ?>