@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">
                            <h4 class="!text-white">Eclectica Capital a.d.</h4>
                            <h1 class="!text-white">Investment Fund Management Company.</h1>
                        </div>
                        <div class="relative mt-6 md:mt-0" data-aos="fade-left" data-aos-duration="1000">

                            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 250 350"
                            style="enable-background:new 0 0 250 350;" class="w-full max-w-[250px] xl:ml-60" xml:space="preserve">
                            <style type="text/css">
                                .st0 {
                                    fill: none;
                                }

                                .st1 {
                                    fill: #D1AC68;
                                }
                            </style>
                            <g id="Layer_x0020_1">
                                <rect x="8.6" y="6.6" class="st0" width="240.8" height="337.8" />
                                <path class="st1"
                                    d="M236,92.5c5.6-1.9,1.9-9.3,0.9-15.9c0.9,1.9,6.6,5.6,7.5,7.5v-6.6c-0.9-4.7-3.7-9.3-7.5-13.1
      c3.7-1.9,3.7,0,7.5,0l0,0c-5.6-14-16.8-0.9-25.2-2.8c-5.6,0-10.3,0.9-14,7.5c0,0.9-10.3,18.6-14,25.2c2.8,5.6,8.4,6.6,14,7.5
      c4.7-8.4,4.7-12.1,9.3-20.5c0.9,6.6,5.6,16.8,14.9,14.9c-0.9-0.9-3.7-4.7-4.7-7.5c-1.9-4.7-1.9-9.3,0-8.4
      C232.3,83.1,236,83.1,236,92.5z M168.8,22.4c3.7,0,6.6,1.9,6.6,2.8c0,1.9-2.8,2.8-6.6,2.8c-3.7,0-6.6-0.9-6.6-2.8
      C162.3,24.3,165.1,22.4,168.8,22.4z M204.3,35.5c2.8,0,5.6-0.9,7.5-0.9c4.7-0.9,9.3-0.9,15.9,1.9c3.7,1.9,8.4,1.9,14,2.8
      c-6.6,5.6-25.2-1.9-28,0.9c-6.6,5.6-6.6,14.9,0.9,16.8c-3.7-2.8-5.6-7.5,4.7-12.1c5.6-1.9,19.6,6.6,25.2,7.5V32.7
      c-8.4,0-11.2,0-17.7-1.9c7.5,0,14-4.7,17.7-10.3V8.5c-2.8,7.5-15.9,10.3-18.6,0c0.9,14,3.7,15.9-14.9,24.2
      C208.9,33.7,206.2,34.6,204.3,35.5z M131.5,311.7c-1.9,3.7-3.7,7.5-7.5,12.1c-1.9,1.9-4.7,4.7-7.5,7.5c-2.8,1.9-5.6,3.7-8.4,5.6
      c-4.7,0.9-8.4,1.9-13.1,1.9c-8.4,0.9-16.8-1.9-24.2-7.5c-7.5-4.7-13.1-12.1-15.9-21.4c-4.7-16.8,0-29.9,4.7-44.8
      c3.7-12.1,7.5-24.2,7.5-28.9c0-4.7-0.9-9.3-2.8-14C55,203.5-1,203.5,40.1,277.3c-4.7-0.9-10.3-2.8-15.9-6.6
      c-4.7-2.8-8.4-6.6-11.2-12.1c-3.9-5.6-5.7-12.1-6.7-18.7c-0.9-2.8-0.9-4.7-0.9-6.6c0-4.7,0.9-9.3,2.8-14
      c1.9-5.6,6.6-13.1,12.1-18.6c19.6-18.6,49.4-12.1,60.6,12.1c3.7,6.6,5.6,14.9,5.6,23.3c0,7.5-3.7,21.4-8.4,35.5
      c-2.8,9.3-7.5,21.4-4.7,30.8c2.8,9.3,11.2,15.9,21.4,14.9c10.3,0,18.6-9.3,18.6-20.5c0.9-4.7-4.7-14-9.3-22.4
      c-9.3-17.7-8.3-27.1-0.9-51.3c2.8-11.2,5.6-18.6,11.2-30.8c7.5-10.3,50.4-33.6,61.6-35.5c10.3-1.9,20.5-1.9,25.2,8.4
      c10.3,22.4-9.3,38.3-23.3,42c-7.5,1.9-14,3.7-15.9,7.5c0,1.9,0.9,3.7,1.9,3.7c0,0,13.1-5.6,14.9-5.6c10.3-2.8,58.8-27.1,65.3-9.3
      v7.5c-2.8,0.9-6.6-2.8-11.2-1.9c5.6,3.7,9.3,6.6,7.5,15.9c-3.7-6.6-9.3-8.4-16.8-8.4c11.2,2.8,13.1,19.6,2.8,19.6
      c5.6-8.4-5.6-10.3-12.1-12.1c-5.6-1.9-55.1,11.2-61.6,14.9c-2.8,0-6.6-1.9-8.4-4.7c-6.6-6.6-3.7-15.9-1.9-24.2
      c-0.9,1.9-14,18.6-19.6,28.9C109.1,261.4,141.8,279.1,131.5,311.7z M88.6,258.5c-2.8,11.2-17.7,41.1,0.9,50.4
      c4.7,1.9,17.7,0,18.6-20.5c-0.9,0-5.6,15.9-15.9,14.9C83,301.5,86.7,267,88.6,258.5z M53.1,268.8c0-7.5,8.4-24.2,5.6-36.4
      c-3.7-16.8-32.7-16.8-28.9,8.4c0.9,0,6.6-17.7,16.8-14C55,229.6,55,239.9,53.1,268.8z M171.6,242.7c10.3,1.9,32.7,12.1,42,17.7
      c2.8,1.9,14.9,9.3,20.5,11.2c-24.2,7.5-67.2-24.2-68.1-24.2c10.3,17.7,18.6,22.4,40.1,29.9c10.3,2.8,21.4,5.6,36.4,10.3
      c0.9-3.7,1.9-6.6,1.9-10.3v-13.1c-14-3.7-23.3-3.7-31.7-10.3c6.6,1.9,27.1,1.9,31.7-2.8v-15.9c-8.4,10.3-18.6,11.2-22.4,11.2
      c-13.1,0-16.8-4.7-12.1-14C195.9,238,184.7,239.9,171.6,242.7z M126.8,256.7c8.4,4.7,38.3,70,47.6,75.6
      c5.6-3.7-16.8-22.4-18.6-34.5c-1.9-10.3,3.7-17.7,14.9-3.7c-21.4-8.4,14,31.7,19.6,38.3c-8.4,2.8-16.8,4.7-25.2,6.6
      c-2.8-3.7-6.6-14-8.4-15.9c-1.9-3.7-0.9-6.6-6.6-7.5c2.8,5.6,6.6,19.6,2.8,25.2c-9.3,0.9-18.6,1.9-28,1.9c-2.8,0-5.6,0-9.3,0
      c19.6-11.2,26.1-28,25.2-45.7C139.9,282.8,132.4,268.8,126.8,256.7z M49.3,278.1c-1.9,1.9-2.8,4.7-4.7,6.6
      c-1.9,4.7-4.7,8.4-12.1,11.2c-3.7,1.9-7.5,4.7-12.1,8.4c-0.9-10.3,11.2-12.1,10.3-17.7c-1.9-9.3-16.8-18.6-20.5-15.9
      c5.6,0,14,4.7,12.1,16.8c-1.9,5.6-9.3,4.7-13.1,7.5c3.7,6.6,8.4,13.1,14.9,18.6c9.3-8.4,6.6-12.1,18.6-14.9
      c-3.7,4.7-11.2,16.8-6.6,22.4c7.5,4.7,16.8,8.4,26.1,12.1c-14-14.9-18.6-27.1-14.9-48.5C48.4,282.8,48.4,280,49.3,278.1z
      M207.1,161.5c0,0,3.7,6.6,10.3,11.2c7.5,5.6,18.6,10.3,22.4,12.1c-10.3,2.8-26.1-10.3-26.1-10.3c0.9,0.9,1.9,7.5-1.9,13.1
      c-0.9,2.8-5.6,8.4-7.5,9.3c18.6-3.7,17.7-6.6,40.1-3.7v-13.1c-5.6-0.9-6.6-1.9-10.3-4.7c2.8,0.9,7.5,0.9,10.3,0v-9.3
      c-4.7,1.9-18.6,6.6-15.9,0C222.9,168,212.7,160.6,207.1,161.5z M195.9,136.3c0,4.7-3.7,11.2-5.6,14.9c-1.9-1.9-11.2,0-14.9,0
      c-15.9,2.8-40.1,18.6-54.1,28.9c-1.9,0.9-3.7,2.8-4.7,3.7c0.9-2.8,1.9-5.6,2.8-8.4c2.8-4.7,28.9-57.9,28-59.7
      c-1.9,0.9-4.7,1.9-6.6,2.8c0-4.7,0-9.3,0.9-13.1c-4.7,0-3.7-0.9-9.3,3.7c0-5.6,0.9-10.3,1.9-15.9c-3.7,0.9-6.6,0.9-9.3,2.8
      c1.9-10.3,3.7-14,5.6-19.6c-3.7,0.9-6.6,0-9.3,0c3.7-8.4,5.6-8.4,8.4-16.8c-2.8,0-6.6-6.6-9.3-7.5c3.7-2.8,7.5-6.6,9.3-11.2
      c-0.9-1.9-5.6-6.6-7.5-8.4c4.7-1.9,7.5-2.8,11.2-4.7c-6.4-8.4-6.4-5.6-8.3-19.6c5.6,0,15.9,0,32.7,0c0.9,0,1.9,4.7,5.6,8.4
      c0-4.7,0-6.6,0-8.4c1.9,0.9,7.5,5.6,9.3,7.5c0.9-3.7,0-4.7,1.9-7.5c4.7,6.6,4.7,7.5,12.1,5.6c10.3-1.9,9.3-4.7,11.2-5.6
      c3.7,0,4.7,0,6.6,0c0.9,7.5,1.9,17.7-0.9,24.2c-3.7-4.7-1.9-2.8-3.7-5.6c-0.9,1.9-2.8,3.7-3.7,5.6c-0.9-0.9-2.8-1.9-3.7-2.8
      c-4.7,4.7-7.5,3.7-10.3,8.4c5.6,1.9,7.5,4.7,12.1,0c0.9,1.9,1.9,2.8,2.8,4.7c1.9-1.9,3.7-3.7,5.6-4.7c0.9,10.3,0.9,14-4.7,21.4
      c-0.9-3.7-0.9-2.8-2.8-6.6c-3.7,4.7-3.7,6.6-8.4,7.5c0.9-2.8,1.9-3.7,1.9-7.5c-4.7-2.8-4.7-0.9-9.3,1.9
      c-5.6,2.8-20.5-6.6-21.4-13.1c0-0.9-0.9-1.9-1.9-1.9c-1,0-1.9,1.9-1.9,2.8c0.9,7.5,10.3,14,14.9,16.8c0.9,21.4,12.1,28,16.8,34.5
      c2.8,10.3,13.1,12.1,20.5,13.1c4.7,0.9,15.9,0.9,18.6,2.8c5.6,3.7,18.6,14,19.6,25.2v10.3c-0.9-1.9-3.7-5.6-4.7-7.5
      c-1.9,6.6,6.6,20.5-5.6,23.3c2.8-12.1,0.9-14.9-2.8-22.4c0.9,9.3-0.9,24.2-11.2,19.6c4.7-6.6,4.7-4.7,0.9-24.2
      c-3.7,0-7.5,13.1-6.6,19.6c-12.1-15.9,2.8-19.6-1.9-27.1c-2.8-2.8-35.5,9.3-40.1,11.2c-0.9,0.9-1.9,2.8-0.9,4.7
      c0.9,2.8,18.6-6.6,24.2-7.5C195.9,136.3,195.9,136.3,195.9,136.3z M91.4,240.8c0,0,0.9-3.7,0.9-4.7c0-14-4.7-28-14.9-38.3
      c-0.9-0.9-2.8-2.8-3.7-3.7c0,0.9,22.4-39.2,24.2-46.6c0.9-0.9,0.9-2.8,0-2.8c-6.6-4.7-31.7,39.2-37.3,42
      c-10.3-3.7-22.4-2.8-32.7,1.9c-8.4,3.7-14.9,10.3-19.6,17.7c-0.9,1.9-1.9,3.7-2.8,5.6c0-6.6,0-15.9,0-21.4
      c0-13.1,63.5-65.3,76.5-75.6c0.9-0.9,0-2.8-0.9-3.7c-6.5-6.6-67.1,33.5-75.6,41.9v-34.5c26.1-18.6,40.1-28,70.9-42.9
      c0.9-0.9,1.9-1.9,0.9-3.7C75.5,65.4,12,89.6,5.5,91.5V61.6c28-10.3,45.7-14.9,72.8-23.3c0.9,0,1.9-1.9,0.9-2.8
      c0-1.9-0.9-2.8-1.9-1.9c-28-0.9-45.7,1.9-71.9,0c0-8.4,0-16.8,0-25.2H109c-3.7,27.1-11.2,116.7,28.9,119.5
      c-7.5,13.1-18.6,39.2-21.4,45.7c-4.7,10.3-9.3,20.5-12.1,29.9C102.5,210,94.2,235.2,91.4,240.8z M154.8,244.6
      c13.1,24.2,27.1,32.7,51.3,38.3c13.1,2.8,28,7.5,23.3,26.1c-0.9,0.9-2.8,1.9-3.7,2.8c0-0.9-1.9-9.3-1.9-11.2
      c-0.9-5.6-2.8-4.7-3.7-3.7c-2.8,1.9,0,3.7,0.9,10.3c0,3.7-0.9,8.4-2.8,11.2l0,0c-0.9-2.8-5.6-17.7-8.4-15.9
      c-3.7,2.8,7.5,14-1.9,21.4l0,0c-0.9-14.9-4.7-10.3-13.1-15.9c-4.7,4.7,2.8,14,3.7,20.5l0,0c-15.9-7.5-15.9-22.4-16.8-26.1
      c-2.8-8.4-9.3-15.9-15.9-20.5c-2.8-2.8-32.7-27.1-39.2-32.7c-1.9-6.6,4.7-15.9,10.3-21.4C138,235.2,145.5,246.4,154.8,244.6z" />
                            </g>
                        </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>


                <section class="relative overflow-hidden pt-14 lg:pb-[100px] lg:pt-[100px]">
                    <div class="container relative z-[1]">
                        <div class="text-center ltr:lg:text-left rtl:lg:text-right">
                            <div class="heading mb-5 text-center ltr:lg:text-left rtl:lg:text-right xl:w-[95%]">
                                <h4>Team</h4>
                            </div>
                            <p class="pb-10 text-lg leading-[30px] text-black dark:text-white">Trust is like an invisible thread that connects people and builds bridges towards shared success, and this very thread forms the foundation of our team at the Eclectica Capital a.d. Investment Fund Management Company.</p>
                            <p class="pb-10 text-lg leading-[30px] text-black dark:text-white">Our team consists of recognized experts from the financial industry, auditing, real estate, IT, construction, as well as the academic sector. The heterogeneity of our expertise allows us to comprehensively assess each investment and make the best decisions for our clients. The trust that our team builds both within the institution and among a broader base of founding partners ensures that every investment is managed with the utmost care and dedication. We proudly emphasize that our diversified team is the foundation of the strength and success of our funds, and the trust we have earned among our partners and clients is key to long-term growth and stability.</p>
                            <p class="pb-10 text-lg leading-[30px] text-black dark:text-white">We are proud of the people who make up our team – their professional accomplishments, commitment, and the satisfaction they find in every success, as they are the ones who bring light to our shared visions and turn them into reality.</p>
                        </div>
                    </div>
                </section>



        <section class="py-12 dark:bg-black lg:py-24">




            <div class="container">
                <div class="heading mb-10 text-center">
                    <h4 class="!font-black uppercase">Executive <span class="text-secondary">Board</span></h4>
                </div>
                <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">

                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">

                        <a href="{{ route('page', ['en', 'dusan-jovicic']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                                <img src="{{ asset('') }}build/frontend/assets/images/team/dusan-jovicic.jpg"
                                    class="rtl:rotate-y-180" alt="">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Dušan Jovičić
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    Member of the Executive Board
                                </p>
                            </div>
                        </a>
                    </div>

                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <a href="{{ route('page', ['en', 'ognjen-kapor']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                                <img src="{{ asset('') }}build/frontend/assets/images/team/ognjen-kapor.jpg"
                                    class="rtl:rotate-y-180" alt="">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Ognjen Kapor
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    Member of the Executive Board
                                </p>
                            </div>
                        </a>
                    </div>




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

        <section class="py-12 dark:bg-black lg:py-24">
            <div class="container">
                <div class="heading mb-10 text-center">
                    <h4 class="!font-black uppercase">Supervisory <span class="text-secondary">Board</span></h4>
                </div>
                <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <a href="{{ route('page', ['en', 'borislav-strugarevic']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                                <img src="{{ asset('') }}build/frontend/assets/images/team/borislav-strugarevic.jpg"
                                    class="rtl:rotate-y-180" alt="">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Borislav Strugarević
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    Chairman of the Supervisory Board
                                </p>
                            </div>
                        </a>
                    </div>

                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <a href="{{ route('page', ['en', 'milovan-popovic']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                                <img src="{{ asset('') }}build/frontend/assets/images/team/milovan-popovic.jpg"
                                    class="rtl:rotate-y-180" alt="">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Milovan Popović
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    Member of the Supervisory Board
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <a href="{{ route('page', ['en', 'boris-korenak']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                                <img src="{{ asset('') }}build/frontend/assets/images/team/boris-korenak.jpg"
                                    class="rtl:rotate-y-180" alt="">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Boris Korenak
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    Member of the Supervisory Board and Chairman of the Risk Committee
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </section>




        <section class="py-12 dark:bg-black lg:py-24">
            <div class="container">
                <div class="heading mb-10 text-center">
                    <h4 class="!font-black uppercase">Investment <span class="text-secondary">Committee</span></h4>
                </div>
                <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">


                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">

                        <a href="{{ route('page', ['en', 'nikola-stakic']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                                <img src="{{ asset('') }}build/frontend/assets/images/team/nikola-stakic.jpg"
                                    class="rtl:rotate-y-180" alt="">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Nikola Stakić
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    Chairman of the Investment Committee
                                </p>
                            </div>
                        </a>
                    </div>



                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">

                        <a href="{{ route('page', ['en', 'milun-trivunac']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                                <img src="{{ asset('') }}build/frontend/assets/images/team/milun-trivunac.jpg"
                                    class="rtl:rotate-y-180" alt="">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Milun Trivunac
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    Member of the Investment Committee
                                </p>
                            </div>
                        </a>
                    </div>


                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <a href="{{ route('page', ['en', 'dusan-jovicic']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                                <img src="{{ asset('') }}build/frontend/assets/images/team/dusan-jovicic.jpg"
                                    class="rtl:rotate-y-180" alt="">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Dušan Jovičić
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    Member of the Executive Board
                                </p>
                            </div>
                        </a>
                    </div>


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


        <section class="py-12 dark:bg-black lg:py-24">
            <div class="container">
                <div class="heading mb-10 text-center">
                    <h4 class="!font-black uppercase">Risk <span class="text-secondary">Committee</span>
                    </h4>
                </div>
                <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <a href="{{ route('page', ['en', 'boris-korenak']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                                <img src="{{ asset('') }}build/frontend/assets/images/team/boris-korenak.jpg"
                                    class="rtl:rotate-y-180" alt="">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Boris Korenak
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    Member of the Supervisory Board and Chairman of the Risk Committee
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <a href="{{ route('page', ['en', 'ognjen-kapor']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                                <img src="{{ asset('') }}build/frontend/assets/images/team/ognjen-kapor.jpg"
                                    class="rtl:rotate-y-180" alt="">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Ognjen Kapor
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    Member of the Executive Board
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <a href="{{ route('page', ['en', 'uros-camilovic']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                                <img src="{{ asset('') }}build/frontend/assets/images/team/uros-camilovic.jpg"
                                    class="rtl:rotate-y-180" alt="">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Uroš Ćamilović
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    title ...
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </section>


        <section class="py-12 dark:bg-black lg:py-24">
            <div class="container">
                <div class="heading mb-10 text-center">
                    <h4 class="!font-black">Licencirani portfolio menadžeri <span class="text-secondary">u našem timu</span></h4>
                </div>
                <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">

                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">

                        <div class="overflow-hidden rounded-t-xl">
                        </div>
                        <div
                            class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                            <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                Danica Pavlović
                            </h5>
                            <p class="mt-[6px] pb-5 text-base">
                                licence number >>>>>>
                            </p>
                        </div>

                    </div>
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <a href="{{ route('page', ['en', 'ognjen-kapor']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Ognjen Kapor
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    licence number >>>>>>
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">

                        <a href="{{ route('page', ['en', 'nikola-stakic']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Nikola Stakić
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    licence number >>>>>>
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">
                        <a href="{{ route('page', ['en', 'boris-korenak']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Boris Korenak
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    licence number >>>>>>
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="group rounded-xl border-2 border-transparent duration-200 hover:border-secondary aos-init aos-animate"
                        data-aos="fade-up" data-aos-duration="1000">

                        <a href="{{ route('page', ['en', 'milun-trivunac']) }}">
                            <div class="overflow-hidden rounded-t-xl">
                            </div>
                            <div
                                class="overflow-hidden rounded-b-xl bg-white px-5 group-hover:bg-secondary/20 dark:bg-white/10">
                                <h5 class="pt-[14px] text-lg font-extrabold text-black dark:text-white">
                                    Milun Trivunac
                                </h5>
                                <p class="mt-[6px] pb-5 text-base">
                                    licence number >>>>>>
                                </p>
                            </div>
                        </a>
                    </div>

                </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