@extends('layouts.app')

@section('contect')

<style>
    .sh_ow{background:#fff !important;box-shadow:0 1px 1px 0 rgb(0 0 0 / 5%), 0 1px 2px 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(0 0 0 / 20%);}

        @media screen and (min-width: 320px) and (max-width: 767px) {
        #next {
         margin-top: -5px !important;
    }
}
</style>


    <div class="sh_ow">
        <div class="divs">
            <div class="cls2">
				@foreach($introInfo as $info)
					@php $i = 0 @endphp

					@foreach($info['description'] as $desc)
					@if($i > 1)
						<h3 class="ti_l">{{ $desc['heading'] }}</h3>
						<p class="li_te">{{ $desc['description'] }}</p>
					@endif
					@php $i++ @endphp
					@endforeach
				@endforeach
                
            </div>

        </div>
        <a id="prev" href="{{ route('home',['steps'=>'step1']) }}"><i class="fa fa-arrow-left"></i>&nbsp;Prev</a>
        <a id="next" href="{{ route('home',['steps'=>'step3']) }}">Next&nbsp;<i class="fa fa-arrow-right"></i></a>
    </div>

@endsection
