@extends('front::layouts.master')

@section('content')
    <x-front-breadcrumbs>
        <li>الاتصال بنا</li>
    </x-front-breadcrumbs>

    <section class="block-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                    @include('front::contact-us.partials.content')

                    @include('front::contact-us.partials.contact-info')

                    @include('front::contact-us.partials.contact-form')
                </div><!-- نهاية العمود -->

                @include('front::partials.pages-sidebars')
            </div><!-- نهاية الصف -->
        </div><!-- نهاية الحاوية -->
    </section><!-- نهاية الكتلة الأولى -->
@endsection

@push('styles')
    <style>
        figure {
            max-width: 100%;
        }

        figure > img {
            max-width: 100%;
            max-height: 60rem;
            height: auto;
        }

        .contact-us-content {
            padding: 0;
            margin: 0;
        }

        .contact-us-content .secondary-font {
            padding: 0;
            margin: 0 0 3rem;
        }
    </style>
@endpush