@extends('Common::index')
@section('title', $how_use->title)
@section('how_use')
<main class="main-about-how_use-om">
    <div class="container">
        <h2 class="site-title-om">{{ $how_use->title }}</h2>
        <section class="about-content-om">

            <div class="row-om">
                @if($how_use->video)
                <div class="col-om">
                    <a class="video-block-om" href="{{ $how_use->video }}" data-fancybox="video">
                        <figure class="figure-om img-block-om loading-omd asp-om">
                            <img class="lazy-omd" data-src="{{ $how_use->image }}" alt="{{ $how_use->title }}">
                        </figure>
    
                        <figure class="figure-om vid-play-om">
                            <svg xmlns="http://www.w3.org/2000/svg" width="76.744" height="76.744"
                                viewBox="0 0 76.744 76.744">
                                <path id="Icon_awesome-play-circle" data-name="Icon awesome-play-circle"
                                    d="M38.935.563A38.372,38.372,0,1,0,77.307,38.935,38.365,38.365,0,0,0,38.935.563Zm17.9,42.085L29.6,58.275a3.72,3.72,0,0,1-5.524-3.249V22.843A3.722,3.722,0,0,1,29.6,19.594L56.836,36.15A3.725,3.725,0,0,1,56.836,42.648Z"
                                    transform="translate(-0.563 -0.563)" fill="#fff" />
                            </svg>
                        </figure>
                    </a>
                </div>
                @endif
                <div class="col-om">
                    <div class="about-img-om">
                        <figure class="figure-om loading-omd asp-om">
                            <img class="lazy-omd" data-src="{{ $how_use->image }}" alt="..">
                        </figure>
                    </div>
                </div>
            </div>
          

          
            <div class="about-pargraphs-om">
                <p>
                    {!! $how_use->content !!}
                </p>
            </div>
        </section>

    </div>

</main>
@stop