@extends('layouts.app')
@section('metades')
  
@endsection
@section('title')
    <title>{{ $data['metaTitle'] }}</title>
@endsection
@section('content')
    <div class="container">
        <div class="w-100 mt-3 text-md-center title-bx1">
            <h3 class="one8">Course Offered</h3>
        </div>
        <div class="main-gallery">
            <div class="row mb-5">
                @foreach ($data['moduleItems'] as $item)
                    @if (count($item['dynamicSections']) > 0)
                        {{-- <div class="syllabus-area"> --}}
                        @foreach ($item['dynamicSections'] as $dynamicSection)
                            <div class="col-lg-6 col-sm-12 text-center">
                                <div class="courses_in">{{ $dynamicSection['title'] }}</div>
                            </div>
                        @endforeach
                    @endif
                @endforeach
            </div>
        </div>
    </div>
@endsection

<style>
    .courses_in {
        background-color: #ffe7cd;
        width: 265px;
        margin: 0px auto;
        padding: 45px;
        font-size: 24px;
        font-weight: 600;
        border-radius: 15px;
        color: #793e00;
    }

    @media (max-width: 767px) {
        .courses_in {
            margin-bottom: 20px;
            width: 100%;
            padding: 20px;
        }
    }

</style>
