@include('inc.header')

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
<style>
    .price-wrapper{
  position: relative; 
  display: inline-block;
}

.price-slash{
  position: relative;
  width: 100%;
  height: 0;
  border-top: 4px solid red;
  transform: rotate(-0deg);
  top: 17px;
}

.price{ font-size: 30px;}

iframe {
    max-width: 100%;
    height: 560px;
    width: auto;
    height: auto;
}
</style>
 <!-- content begin -->
     <!-- content begin -->
        <div class="no-bottom no-top" id="content">

            <div id="top"></div>

            <section  id="subheader" class="jarallax">
    <img src="{{asset('assets/autoev/images/background/gradient-1.webp')}} " class="jarallax-img" alt="">
    <div class="container relative z-index-1000">
        
    </div>

    <section>
                <div class="container">
                    <div class="row g-4">
                    @foreach($videos as $data)
                    <div class="col-lg-4 col-md-6">
                        <div class="rounded-10px bg-grey d-flex justify-content-center align-items-center">
                            <div class="post-image ">
                                <!-- Embed the video using an iframe -->
                                <iframe 
                                    src="{{ $data->video_link }}" 
                                    frameborder="0" 
                                    allowfullscreen
                                    style="max-width: 100%; max-height: 460px; width: auto; height: auto;">
                                </iframe>
                            </div>
                        </div>
                    </div>
                @endforeach

                        
                    </div>
                </div>
            </section>





          


          


          
         


          
            
           

        </div>
        <!-- content close -->
        <!-- content close -->

          



@include('inc.footer')