@extends('frontend.layouts.main-en')

@section('styles')
    <!-- AOS Animation CSS -->
    <link href="{{ asset('build/frontend/assets/css/aos.css') }}" rel="stylesheet" />
    <!-- Style CSS -->
    <link rel="stylesheet" href="{{ asset('build/frontend/assets/css/style.css') }}" />
@endsection

@section('content')
    <div class="-mt-[82px] flex-grow overflow-x-hidden lg:-mt-[106px]">
        <div
            class="bg-[url(../build/frontend/assets/images/inner-page-hero-bg.png)] bg-cover bg-bottom bg-no-repeat pt-[82px] lg:pt-[106px]">
            <div class="relative">
                <div class="container">
                    <div class="items-center justify-between py-10 md:flex md:h-[400px] md:py-0">
                        <div class="heading relative mb-0 text-center ltr:md:text-left rtl:md:text-right">
                            <h6>---</h6>
                            <h4 class="!text-white">Fond 3</h4>
                        </div>
                        <div class="relative mt-6 md:mt-0" data-aos="fade-left" data-aos-duration="1000">

                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">

<defs>
</defs>
<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
	<path d="M 87.333 6.429 H 2.667 C 1.194 6.429 0 7.623 0 9.096 V 62.95 c 0 1.473 1.194 2.667 2.667 2.667 h 24.672 l -7.096 17.191 l 1.849 0.764 l 4.436 -10.745 h 36.947 l 4.435 10.745 l 1.85 -0.764 l -7.096 -17.191 h 24.671 c 1.473 0 2.667 -1.194 2.667 -2.667 V 9.096 C 90 7.623 88.806 6.429 87.333 6.429 z M 62.648 70.826 H 27.352 l 2.151 -5.21 h 30.995 L 62.648 70.826 z M 88 62.95 c 0 0.368 -0.299 0.667 -0.667 0.667 H 2.667 C 2.299 63.616 2 63.317 2 62.95 V 9.096 c 0 -0.368 0.299 -0.667 0.667 -0.667 h 84.667 C 87.701 8.429 88 8.728 88 9.096 V 62.95 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(175,185,210); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
	<path d="M 19.878 38.482 c -0.728 0 -1.44 -0.015 -2.14 -0.044 l 0.079 -1.891 c 15.714 0.653 39.401 -6.618 49.66 -18.498 l 1.432 1.237 C 58.425 31.429 35.886 38.482 19.878 38.482 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(120,210,190); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
	<polygon points="70.52,21.72 71.31,14.21 64.41,17.29 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(120,210,190); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
	<path d="M 23.307 57.604 h -4.613 c -0.506 0 -0.915 -0.41 -0.915 -0.915 v -13.28 c 0 -0.506 0.41 -0.915 0.915 -0.915 h 4.613 c 0.506 0 0.915 0.41 0.915 0.915 v 13.28 C 24.222 57.194 23.812 57.604 23.307 57.604 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(210,85,90); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
	<path d="M 35.307 57.604 h -4.613 c -0.506 0 -0.915 -0.41 -0.915 -0.915 V 42.32 c 0 -0.506 0.41 -0.915 0.915 -0.915 h 4.613 c 0.506 0 0.915 0.41 0.915 0.915 v 14.369 C 36.222 57.194 35.812 57.604 35.307 57.604 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(210,85,90); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
	<path d="M 47.307 57.604 h -4.613 c -0.506 0 -0.915 -0.41 -0.915 -0.915 V 40.067 c 0 -0.506 0.41 -0.915 0.915 -0.915 h 4.613 c 0.506 0 0.915 0.41 0.915 0.915 v 16.622 C 48.222 57.194 47.812 57.604 47.307 57.604 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,195,110); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
	<path d="M 59.307 57.604 h -4.613 c -0.506 0 -0.915 -0.41 -0.915 -0.915 V 35.11 c 0 -0.506 0.41 -0.915 0.915 -0.915 h 4.613 c 0.506 0 0.915 0.41 0.915 0.915 v 21.579 C 60.222 57.194 59.812 57.604 59.307 57.604 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,195,110); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
	<path d="M 71.307 57.604 h -4.613 c -0.506 0 -0.915 -0.41 -0.915 -0.915 V 27.449 c 0 -0.506 0.41 -0.915 0.915 -0.915 h 4.613 c 0.506 0 0.915 0.41 0.915 0.915 v 29.239 C 72.222 57.194 71.812 57.604 71.307 57.604 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(165,215,110); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
</g>
</svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <section class="relative overflow-hidden pt-14 lg:pb-48 lg:pt-[100px]">
            <div class="container">
                <div class="relative z-10 lg:flex">

                </div>
            </div>
        </section>



    </div>
@endsection

@section('scripts')
    <!-- AOS Animation JS -->
    <script src="{{ asset('build/frontend/assets/js/aos.js') }}"></script>
    <!-- Custom Js -->
    <script src="{{ asset('build/frontend/assets/js/custom.js') }}"></script>
@endsection