@if($data = $website->moduleSections('check-sections'))

<div class="sec-color my-14 pt-10 pb-16">
    <div class="sec-title text-center pt-4">
        <h2 class="title pb-4 mb-0">
            {{ $data->module->locale->title }}  
          </h2>
    </div>
    <section class="flex flex-col lg:en:flex-row lg:ar:flex-row-reverse justify-between w-10/12 mx-auto">
        <div class="content bg-white shadow-lg w-full lg:w-9/12 p-10 h-full en:pr-12 ar:pl-12" style="align-self: baseline">
        
        
            @foreach($data->sections as $section)
            <div class="mb-4">
                <a href="{{$section->url()}}" class="capitalize" style="color: var(--main--color)">
                    <h3 class="capitalize mb-3" style="color: var(--main--color)">
                        {{$section->locale->title}}
                </h3>
                </a>
                <p class="mb-3">
                    {{$section->locale->description}}
                </p>
            </div>
            @endforeach 
            
            
        </div>
        <div class="img tw-mx-auto w-11/12 h-full lg:h-80 relative -mt-5 lg:w-6/12 lg:ar:-mr-20 lg:mt-5">
            <img class="w-full h-full" src="https://nasu.edu.eg/ar/archive/download/324237" alt="study">
        </div>
    </section>
</div>

@endif