@extends('landing.master')
@section('title', 'Smart Invest Group – Заедно е попаметно. #СегаМожеме')
@section('meta_title', 'Smart Invest Group – Заедно е попаметно. #СегаМожеме')
@section('keywords', 'заработка, инвестирање, безбеден')
@section('description', 'Паметен, лесен и безбеден начин за инвестирање - Инвестирајте дигитално и добијте загарантирана заработка')
{{-- facebook meta tags --}}
@section('fb_meta_title', 'Smart Invest Group – Заедно е попаметно. #СегаМожеме')
@section('fb_description',  'Паметен, лесен и безбеден начин за инвестирање - Инвестирајте дигитално и добијте загарантирана заработка')
@section('fb_route', URL::current())
@section('fb_type', 'website')
@section('fb_image', Vite::asset('resources/images/homepage/si-group-social.png'))

{{--twitter meta tags --}}
@section('twitter_meta_title',  'Smart Invest Group – Заедно е попаметно. #СегаМожеме')
@section('twitter_description', 'Паметен, лесен и безбеден начин за инвестирање - Инвестирајте дигитално и добијте загарантирана заработка')
@section('twitter_url',  URL::current())

@section('content')
    <div class="w-full overflow-hidden relative block bg-[#F8F8F8]">
        <section class="w-full block pb-10 md:pb-20 pt-20 sm:pt-[90px] xl:pt-[160px]">
            <div class="mx-auto max-w-[1440px] px-5 block">
                <div class="bg-white rounded-2xl p-5 py-10 lg:py-14 xl:py-16 lg:px-10 xl:px-24 overflow-hidden">
                    <div class="flex flex-row flex-wrap items-center lg:-mx-8 xl:-mx-14">
                        <div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="100" 
                            class="w-full lg:w-1/2 xl:w-[684px] lg:px-8 xl:px-14 mb-5 sm:mb-10 lg:mb-0 text-center lg:text-left">
                            <h1 class="text-4xl md:text-5xl xl:text-[68px] !leading-tight mb-5 sm:mb-7 text-slate-900 capitalize">
                                {{ __('Кои сме') }} <span class="font-extrabold">{{ __('ние') }}?</span>
                            </h1>
                            <p class="lg:w-[601px] max-w-full text-neutral-400 text-base mb-0">
                                {{ __('Друштвото за градежништво, производство и услуги СМАРТ ИНВЕСТ ГРОУП ДОО Скопје со ЕДБ 4080023615957 и ЕМБС 7685076 е просперитетна и влијателна инвестициска групација која делува во разнообразни сегменти на македонскиот бизнис и општество. Нејзината уникатност произлегува од вклучувањето на искусни и реномирани македонски претприемачи со повеќе од две децении искуство во области како: градежништво, ИТ-технологија, финансии и банкарство, трговија и угостителство, медиуми, маркетинг, печатарска индустрија и многу други. Мрежата на компаниите кои се дел од SMART INVEST GROUP е јасен индикатор за нивната сериозност и потенцијал за постигнување на долгорочни цели') }}.
                            </p>
                        </div>

                        <div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="100" 
                            class="w-full lg:w-1/2 xl:w-[calc(100%_-_684px)] lg:px-8 xl:px-14 flex justify-center relative rounded-2xl lg:rounded-[30px]">
                            
                            <picture>
                                <source srcset="{{ Vite::asset('resources/images/homepage/koi-sme-nie.webp') }} 1x" type="image/webp">
                                <img src="{{ Vite::asset('resources/images/homepage/koi-sme-nie.jpg') }}" alt="koi-sme-nie" width="336" height="755" class="w-full h-full object-cover object-center rounded-2xl lg:rounded-[30px]">
                            </picture>

                            <div x-data="{
                                count: 0, 
                                target: {{ str_replace(',', '', str_replace('.', '', $total_investments->vkupno_investirani)) }},
                                duration: 2000,
                                startCounting() {
                                    let startTime = null;
                                    let step = (timestamp) => {
                                        if (!startTime) startTime = timestamp;
                                        let progress = timestamp - startTime;
                                        let percentage = Math.min(progress / this.duration, 1);
                                        this.count = new Intl.NumberFormat().format(Math.floor(percentage * this.target));
                                        if (progress < this.duration) {
                                            requestAnimationFrame(step);
                                        }
                                    };
                                    requestAnimationFrame(step);
                                }
                            }" x-init="startCounting()"
                            class="p-4 absolute left-2 lg:left-0 xl:-left-16 [@media(max-width:640px)]:bottom-3 sm:top-3 xl:top-6 bg-white rounded-lg sm:rounded-xl w-[225px] text-xs lg:text-sm xl:text-base z-20 text-black font-bold shadow-[24px_24px_64px_rgba(0,0,0,0.10)] text-right ">
                                <p>
                                    <span class="font-normal">{{ __('инвестирани') }}</span><br>
                                    <span class=""><span x-text="count" class="text-3xl font-bold"></span> <br>{{ __('МКД') }}</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="w-full block py-10 md:py-20 relative overflow-hidden">
            <div class="mx-auto max-w-[1031px] px-5 text-center">
                <div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="100">
                    <h2 class="text-3xl md:text-4xl xl:text-[52px] !leading-tight text-bgdark capitalize mb-6">{{ __('Нашите') }} <span class="font-extrabold">{{ __('партнери') }}</span></h2>
                    <p class="text-neutral-400 text-base mb-6 md:mb-8">{{ __('Оваа мрежа ги вклучува следниве компании: БВ Бизнис Груп, Unlimited Coders, Ресторан Чифлик, Марио Матео, Графо пром, ЕПС Врати и Метал и ОХО продукција, кои заедно располагаат со значителен капитал, над 30.000.000 € со над 500 вработени лица, што ја потврдува нивната важност и влијателност на пазарот') }}.</p>
                </div>
                <div data-aos="fade-up" data-aos-duration="2000" data-aos-delay="100" class="flex flex-row flex-wrap -mx-3 items-center justify-center xl:justify-between">
                    <div class="px-3 py-4 xl:py-2">
                        <div class="relative group">
                            <img src="{{ Vite::asset('resources/images/homepage/eps-doors-and-metal.svg')}}" width="52" height="62" loading="lazy" class="w-auto h-auto max-h-[92px] max-w-[190px]  transition-all duration-300 opacity-100 group-hover:opacity-0" >
                            <img src="{{ Vite::asset('resources/images/homepage/eps-doors-and-metal-hover.svg')}}"  width="52" height="62"  loading="lazy" class="w-full h-full max-h-[92px] max-w-[190px] absolute top-0 left-0 transition-all duration-300 opacity-0 group-hover:opacity-100">
                        </div>
                    </div>

                    <div class="px-3 py-4 xl:py-2">
                        <div class="relative group">
                            <img src="{{ Vite::asset('resources/images/homepage/pop-food-de-niro-logo.svg')}}" width="74" height="74" loading="lazy" class="w-auto h-auto max-h-[92px] max-w-[190px]  transition-all duration-300 opacity-100 group-hover:opacity-0" >
                            <img src="{{ Vite::asset('resources/images/homepage/pop-food-de-niro-logo-hover.svg')}}"  width="74" height="74"  loading="lazy" class="w-full h-full max-h-[92px] max-w-[190px] absolute top-0 left-0 transition-all duration-300 opacity-0 group-hover:opacity-100">
                        </div>
                    </div>

                    <div class="px-3 py-4 xl:py-2">
                        <div class="relative group">
                            <img src="{{ Vite::asset('resources/images/homepage/business-group-logo.svg')}}" width="66" height="66" loading="lazy" class="w-auto h-auto max-h-[92px] max-w-[190px]  transition-all duration-300 opacity-100 group-hover:opacity-0" >
                            <img src="{{ Vite::asset('resources/images/homepage/business-group-logo-hover.svg')}}"  width="66" height="66"  loading="lazy" class="w-full h-full max-h-[92px] max-w-[190px] absolute top-0 left-0 transition-all duration-300 opacity-0 group-hover:opacity-100">
                        </div>
                    </div>

                    <div class="px-3 py-4 xl:py-2">
                        <div class="relative group">
                            <img src="{{ Vite::asset('resources/images/homepage/oxo-logo.svg')}}" width="162" height="66" loading="lazy" class="w-auto h-auto max-h-[92px] max-w-[190px]  transition-all duration-300 opacity-100 group-hover:opacity-0" >
                            <img src="{{ Vite::asset('resources/images/homepage/oxo-logo-hover.svg')}}"  width="162" height="66"  loading="lazy" class="w-full h-full max-h-[92px] max-w-[190px] absolute top-0 left-0 transition-all duration-300 opacity-0 group-hover:opacity-100">
                        </div>
                    </div>

                    <div class="px-3 py-4 xl:py-2">
                        <div class="relative group">
                            <img src="{{ Vite::asset('resources/images/homepage/grafoprom-logo.svg')}}" width="124" height="61" loading="lazy" class="w-auto h-auto max-h-[92px] max-w-[190px]  transition-all duration-300 opacity-100 group-hover:opacity-0" >
                            <img src="{{ Vite::asset('resources/images/homepage/grafoprom-logo-hover.svg')}}"  width="124" height="61"  loading="lazy" class="w-full h-full max-h-[92px] max-w-[190px] absolute top-0 left-0 transition-all duration-300 opacity-0 group-hover:opacity-100">
                        </div>
                    </div>

                    <div class="px-3 py-4 xl:py-2">
                        <div class="relative group">
                            <img src="{{ Vite::asset('resources/images/homepage/ciflik-winery-logo.svg')}}" width="83" height="63" loading="lazy" class="w-auto h-auto max-h-[92px] max-w-[190px]  transition-all duration-300 opacity-100 group-hover:opacity-0" >
                            <img src="{{ Vite::asset('resources/images/homepage/ciflik-winery-logo-hover.svg')}}"  width="83" height="63"  loading="lazy" class="w-full h-full max-h-[92px] max-w-[190px] absolute top-0 left-0 transition-all duration-300 opacity-0 group-hover:opacity-100">
                        </div>
                    </div>

                    <div class="px-3 py-4 xl:py-2">
                        <div class="relative group">
                            <img src="{{ Vite::asset('resources/images/homepage/unlimited-coders-logo.svg')}}" width="98" height="61" loading="lazy" class="w-auto h-auto max-h-[92px] max-w-[190px]  transition-all duration-300 opacity-100 group-hover:opacity-0" >
                            <img src="{{ Vite::asset('resources/images/homepage/unlimited-coders-logo-hover.svg')}}"  width="98" height="61"  loading="lazy" class="w-full h-full max-h-[92px] max-w-[190px] absolute top-0 left-0 transition-all duration-300 opacity-0 group-hover:opacity-100">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="w-full block py-10 md:py-20 overflow-hidden">
            <div class="mx-auto max-w-[1440px] px-5 block">
                <div class="flex flex-col lg:flex-row items-stretch -mx-2.5">
                    <div class="p-2.5 w-full lg:w-[calc(100%_-_340px)] overflow-hidden">
                        <div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="100" class="bg-white rounded-2xl p-5 py-10 lg:p-10 xl:p-[89px] overflow-hidden">
                            <div class="flex flex-row flex-wrap items-stretch lg:-mx-4">
                                <div class="w-full h-[90vw] lg:h-auto lg:w-1/2 xl:w-[340px] lg:px-4 flex justify-center relative rounded-2xl lg:rounded-[20px] mb-5 lg:mb-0">
                                    <picture>
                                        <source srcset="{{ Vite::asset('resources/images/homepage/aleksandar-todosiev.webp') }} 1x" type="image/webp">
                                        <img src="{{ Vite::asset('resources/images/homepage/aleksandar-todosiev.jpg') }}" alt="aleksandar-todosiev" width="336" height="755" class="w-full h-full object-cover object-center rounded-2xl lg:rounded-[20px]">
                                    </picture>
                                </div>
                                <div class="w-full lg:w-1/2 xl:w-[calc(100%_-_340px)] lg:px-4 text-center lg:text-left">
                                    <h2 class="text-2xl md:text-3xl xl:text-[40px] !leading-tight text-bgdark capitalize font-bold">{{ __('Александар Тодосиев') }}</h2>
                                    <p class="text-neutral-500 text-lg md:text-xl 2xl:text-2xl mb-5">{{ __('Генерален Директор') }}</p>
                                    <p class="text-neutral-400 text-base last-of-type:mb-0 mb-3 md:mb-6">{{ __('Наша главна цел е да бидеме мостот помеѓу оние кои сакаат да ги инвестираат своите средства во сигурни и квалитетни проекти и бизнис-идеи кои ја формираат иднината') }}.</p>
                                    <p class="text-neutral-400 text-base last-of-type:mb-0 mb-3 md:mb-6">
                                    {{ __('Ние сме посветени кон реализирање на футуристички идеи кои ќе бидат препознатливи ширум светот, додека ги одржуваме највисоките стандарди на бизнис-етика и доверба') }}.</p>
                                    <p class="text-neutral-400 text-base last-of-type:mb-0 mb-3 md:mb-6">
                                    {{ __('Најважно од сè е што сите наши проекти ќе опстанат со децении да зборуваат за нас, ќе бидат профитабилни и ќе ни ја обезбедат заслужената финансиска слобода') }}.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="100" class="p-2.5 w-full lg:w-[340px] overflow-hidden">
                        <div class="flex flex-col sm:flex-row lg:flex-col items-stretch w-full lg:w-[340px] max-w-full h-full overflow-hidden">
                            <div class="rounded-2xl w-full lg:h-[190px] mb-5 sm:mb-0 lg:mb-5 sm:mr-5 lg:mr-0 relative">
                                <picture class="w-full">
                                    <source srcset="{{ Vite::asset('resources/images/homepage/gallery.webp') }} 1x" type="image/webp">
                                    <img src="{{ Vite::asset('resources/images/homepage/gallery.jpg') }}" width="gallery" height="" alt="" class="rounded-2xl object-center object-cover w-full h-full">
                                </picture>
                                <div class="absolute text-xs font-bold text-white left-4 sm:left-5 right-4 sm:right-5 bottom-4 z-20 !leading-tight">
                                    95% {{ __('од инвеститорите во проектите кои веќе завршија во текот на 2024 година, ги реинвестираа своите средства во останатите тековни проекти') }} 
                                </div>
                            </div>
                            
                            <div x-data="{
                                count: 0, 
                                target: {{ str_replace(',', '', str_replace('.', '', $total_investments->vkupno_isplateni)) }},
                                duration: 2000,
                                hasStarted: false,
                                startCounting() {
                                    if (this.hasStarted) return;
                                    this.hasStarted = true;
                                    let startTime = null;
                                    let step = (timestamp) => {
                                        if (!startTime) startTime = timestamp;
                                        let progress = timestamp - startTime;
                                        let percentage = Math.min(progress / this.duration, 1);
                                        this.count = new Intl.NumberFormat().format(Math.floor(percentage * this.target));
                                        if (progress < this.duration) {
                                            requestAnimationFrame(step);
                                        }
                                    };
                                    requestAnimationFrame(step);
                                },
                                initObserver() {
                                    let observer = new IntersectionObserver(entries => {
                                        entries.forEach(entry => {
                                            if (entry.isIntersecting) {
                                                this.startCounting();
                                                observer.disconnect(); // Stop observing once triggered
                                            }
                                        });
                                    }, { threshold: 0.5 }); // Adjust threshold for when it triggers
                                    observer.observe(this.$el);
                                }
                            }"
                            x-init="initObserver()"
                                 class="w-full rounded-2xl bg-[#F2F2F2] text-neutral-400 text-left text-base p-7 relative lg:h-full flex flex-col justify-between"
                            >
                                <div class="flex flex-col font-bold items-start text-xl md:text-2xl text-colormain mb-3 sm:mb-5 lg:mb-0">
                                    <p class="text-2xl lg:text-3xl font-bold bg-gradient-to-b from-[#334F90] to-[#0F172A] text-transparent bg-clip-text mb-5 ">
                                        <span x-text="count" class="text-2xl sm:text-5xl"></span> <br>{{ __('МКД') }}
                                    </p>
                                </div>

                                <p class="text-neutral-400 text-base mb-0">{{ __('вратени на инвеститорите како капитална добивка') }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="w-full block py-10 md:py-20">
            <div class="mx-auto max-w-[1440px] px-5 block">
                <div class="bg-[#AAB2FF]/10 rounded-2xl p-5 py-10 lg:py-12 xl:py-[88px] lg:px-10 xl:px-[89px] overflow-hidden">
                    <div class="flex flex-row flex-wrap items-center -mx-6">
                        <div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="100" class="w-full lg:w-1/2 xl:w-[502px] px-6 mb-5 sm:mb-10 lg:mb-0 text-center lg:text-left">
                            <h2 class="text-3xl md:text-4xl xl:text-[40px] !leading-tight mb-5 text-[#18191C] capitalize font-bold">{{ __('Мисија') }}</h2>
                            <p class="text-neutral-500 text-base sm:text-xl md:text-[20px] mb-0">{{ __('Мисијата на SMART INVEST GROUP е да ја подобри општествената благосостојба, служејќи како линк помеѓу лица кои сакаат да инвестираат во сигурни, безризични и квалитетни проекти и оние кои имаат модерни бизнис-идеи со голем потенцијал') }}.</p>
                        </div>
                        <div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="100" class="w-full lg:w-1/2 xl:w-[calc(100%_-_502px)] px-6 relative rounded-2xl lg:rounded-[30px]">
                            <div class="flex flex-col sm:flex-row items-center -mx-[6px] lg:-mx-[14px] xl:-mx-5 mb-3 lg:mb-7">
                                <div class="w-full sm:w-1/2 xl:w-[248px] h-[190px] px-[6px] lg:px-[14px] xl:px-5 relative mb-3 sm:mb-0">
                                    <picture>
                                        <source srcset="{{ Vite::asset('resources/images/homepage/misija-1.webp') }} 1x" type="image/webp">
                                        <img src="{{ Vite::asset('resources/images/homepage/misija-1.jpg') }}" alt="misija-1" width="336" height="755" class="w-full h-full object-cover object-center rounded-2xl lg:rounded-[20px]">
                                    </picture>
                                    <div class="absolute text-xs text-white left-5 sm:left-8 right-5 sm:right-8 bottom-5 z-20 !leading-tight">
                                        <div class="font-bold">{{ __('Ви благодариме за довербата') }}!</div> 
                                        {{ __('Заедно инвестираме во иднина полна со можности и просперитет') }}.
                                    </div>
                                </div>
                                <div class="w-full sm:w-1/2 xl:w-[calc(100%_-_248px)] h-[190px] px-[6px] lg:px-[14px] xl:px-5">
                                    <picture>
                                        <source srcset="{{ Vite::asset('resources/images/homepage/misija-2.webp') }} 1x" type="image/webp">
                                        <img src="{{ Vite::asset('resources/images/homepage/misija-2.jpg') }}" alt="misija-2" width="336" height="755" class="w-full h-full object-cover object-center rounded-2xl lg:rounded-[20px]">
                                    </picture>
                                </div>
                            </div>
                            <div class="w-full h-[190px] sm:h-[236px] rounded-2xl lg:rounded-[20px]">
                                <picture>
                                    <source srcset="{{ Vite::asset('resources/images/homepage/misija-3.webp') }} 1x" type="image/webp">
                                    <img src="{{ Vite::asset('resources/images/homepage/misija-3.jpg') }}" alt="misija-3" width="336" height="755" class="w-full h-full object-cover object-center rounded-2xl lg:rounded-[20px]">
                                </picture>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="w-full block py-10 md:py-20">
            <div class="mx-auto max-w-[1440px] px-5 block">
                <div class="bg-[#FFECEA] rounded-2xl p-5 py-10 lg:py-12 xl:py-[100px] lg:px-10 xl:px-20 overflow-hidden">
                    <div class="flex flex-row flex-wrap items-center -mx-4 lg:-mx-8">
                        <div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="100" class="w-full lg:w-1/2 xl:w-[calc(100%_-_565px)] px-4 lg:px-8 relative">
                            <div class="flex flex-col sm:flex-row -mx-[6px] lg:-mx-[14px] xl:-mx-5 order-last lg:order-first">
                                <div class="w-full sm:w-1/2 xl:w-[calc(100%_-_387px)] px-[6px] lg:px-[14px] xl:px-5 mb-3 lg:mb-0">
                                    <div class="flex flex-col items-center">
                                        <div class="w-full h-[190px] lg:h-[291px] mb-3 lg:mb-6 rounded-2xl lg:rounded-[20px] relative">
                                            <div class="absolute hidden sm:block -right-9 lg:-left-7 -bottom-7 lg:-top-7 z-20">
                                                <div class="relative w-[43px] sm:w-[63px] xl:w-[71px] h-[43px] sm:h-[63px] xl:h-[71px] rounded-full bg-white/50 border border-[#E6E6E6] flex items-center justify-center after:absolute after:content-[''] after:rounded-full after:border after:border-[#ECECEC] after:bg-white after:w-[46px] after:md:w-[54px] after:h-[46px] after:md:h-[54px] after:inset-0 after:m-auto after:shadow-[6.67px_16px_29.33px_rgba(191,191,202,0.25)] shadow-[0px_9.33px_16px_rgba(191,191,202,0.25)]">
                                                    <svg class="w-[23px] md:w-[23px] h-auto fill-colormain relative z-10" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M11.8333 22.3034C6.15042 22.3034 1.53125 17.6842 1.53125 12.0013C1.53125 6.31839 6.15042 1.69922 11.8333 1.69922C17.5162 1.69922 22.1354 6.31839 22.1354 12.0013C22.1354 12.3942 21.8096 12.7201 21.4167 12.7201C21.0237 12.7201 20.6979 12.3942 20.6979 12.0013C20.6979 7.1138 16.7208 3.13672 11.8333 3.13672C6.94583 3.13672 2.96875 7.1138 2.96875 12.0013C2.96875 16.8888 6.94583 20.8659 11.8333 20.8659C12.2262 20.8659 12.5521 21.1917 12.5521 21.5846C12.5521 21.9776 12.2262 22.3034 11.8333 22.3034Z" fill="#0D153D"/>
                                                        <path d="M8.9575 21.3438H7.99917C7.60625 21.3438 7.28042 21.0179 7.28042 20.625C7.28042 20.2321 7.58708 19.9158 7.98 19.9063C6.47542 14.7696 6.47542 9.23042 7.98 4.09375C7.59667 4.08417 7.28042 3.76792 7.28042 3.375C7.28042 2.98208 7.60625 2.65625 7.99917 2.65625H8.9575C9.1875 2.65625 9.40792 2.77125 9.54209 2.95333C9.67625 3.145 9.71459 3.38457 9.63793 3.60499C7.83626 9.01957 7.83626 14.99 9.63793 20.4046C9.71459 20.625 9.67625 20.8646 9.54209 21.0563C9.40792 21.2479 9.1875 21.3438 8.9575 21.3438Z" fill="#0D153D"/>
                                                        <path d="M16.1067 12.7193C15.7138 12.7193 15.388 12.3934 15.388 12.0005C15.388 9.14468 14.9279 6.31759 14.0271 3.60551C13.9025 3.23176 14.1038 2.81966 14.4775 2.69508C14.8513 2.57049 15.2634 2.77177 15.388 3.14552C16.3367 6.00136 16.8255 8.98176 16.8255 12.0005C16.8255 12.3934 16.4996 12.7193 16.1067 12.7193Z" fill="#0D153D"/>
                                                        <path d="M11.832 16.9917C9.1487 16.9917 6.49412 16.6084 3.92578 15.8513C3.9162 16.2347 3.59995 16.5509 3.20703 16.5509C2.81411 16.5509 2.48828 16.2251 2.48828 15.8321V14.8738C2.48828 14.6438 2.60328 14.4234 2.78536 14.2892C2.97703 14.1551 3.21662 14.1167 3.43704 14.1934C6.14912 15.0942 8.9762 15.5542 11.832 15.5542C12.2249 15.5542 12.5508 15.8801 12.5508 16.273C12.5508 16.6659 12.2249 16.9917 11.832 16.9917Z" fill="#0D153D"/>
                                                        <path d="M20.4573 9.84317C20.3807 9.84317 20.304 9.83361 20.2273 9.80486C14.8128 8.00319 8.84234 8.00319 3.42776 9.80486C3.05401 9.92944 2.64193 9.72816 2.51735 9.35441C2.39276 8.98066 2.59401 8.56857 2.96776 8.44398C8.67943 6.5369 14.9661 6.5369 20.6682 8.44398C21.0419 8.56857 21.2432 8.98066 21.1186 9.35441C21.0419 9.6515 20.7544 9.84317 20.4573 9.84317Z" fill="#0D153D"/>
                                                        <path d="M17.7737 21.7271C15.6845 21.7271 13.9883 20.0308 13.9883 17.9417C13.9883 15.8525 15.6845 14.1562 17.7737 14.1562C19.8629 14.1562 21.5591 15.8525 21.5591 17.9417C21.5591 20.0308 19.8629 21.7271 17.7737 21.7271ZM17.7737 15.5938C16.4799 15.5938 15.4258 16.6479 15.4258 17.9417C15.4258 19.2354 16.4799 20.2896 17.7737 20.2896C19.0674 20.2896 20.1216 19.2354 20.1216 17.9417C20.1216 16.6479 19.0674 15.5938 17.7737 15.5938Z" fill="#0D153D"/>
                                                        <path d="M21.4149 22.3017C21.2328 22.3017 21.0508 22.2346 20.907 22.0909L19.9487 21.1325C19.6708 20.8546 19.6708 20.3946 19.9487 20.1166C20.2266 19.8387 20.6866 19.8387 20.9645 20.1166L21.9228 21.075C22.2008 21.3529 22.2008 21.8129 21.9228 22.0909C21.7791 22.2346 21.597 22.3017 21.4149 22.3017Z" fill="#0D153D"/>
                                                    </svg>
                                                </div>
                                            </div>
                                            <picture>
                                                <source srcset="{{ Vite::asset('resources/images/homepage/vizija-1.webp') }} 1x" type="image/webp">
                                                <img src="{{ Vite::asset('resources/images/homepage/vizija-1.jpg') }}" alt="vizija-1" width="944" height="544" class="w-full h-full object-cover object-center rounded-2xl lg:rounded-[20px]">
                                            </picture>
                                        </div>
                                        <div class="w-full h-[190px] lg:h-[138px] rounded-2xl lg:rounded-[20px] relative">
                                            <picture>
                                                <source srcset="{{ Vite::asset('resources/images/homepage/vizija-2.webp') }} 1x" type="image/webp">
                                                <img src="{{ Vite::asset('resources/images/homepage/vizija-2.jpg') }}" alt="vizija-2" width="944" height="544" class="w-full h-full object-cover object-center rounded-2xl lg:rounded-[20px]">
                                            </picture>
                                            <div class="absolute text-xs text-white left-5 bottom-3 z-20 !leading-tight">
                                                <div class="mb-0.5 font-semibold text-sm">{{ __('Заедно е попаметно') }}.</div> 
                                                <span class="italic">#{{ __('СегаМожеме') }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="w-full sm:w-1/2 xl:w-[387px] h-[190px] sm:h-[392px] lg:h-[452px] px-[6px] lg:px-[14px] xl:px-5">
                                    <picture>
                                        <source srcset="{{ Vite::asset('resources/images/homepage/vizija-3.webp') }} 1x" type="image/webp">
                                        <img src="{{ Vite::asset('resources/images/homepage/vizija-3.jpg') }}" alt="vizija-3" width="944" height="544" class="w-full h-full object-cover object-center rounded-2xl lg:rounded-[20px]">
                                    </picture>
                                </div>
                            </div>
                        </div>
                        <div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="100" class="w-full lg:w-1/2 xl:w-[565px] px-4 lg:px-8 mb-5 sm:mb-10 lg:mb-0 text-center lg:text-left order-first lg:order-last">
                            <h2 class="text-3xl md:text-4xl xl:text-[40px] !leading-tight mb-5 text-[#18191C] capitalize font-bold">{{ __('Визија') }}</h2>
                            <p class="text-neutral-500 text-base sm:text-xl md:text-[20px] mb-0">{{ __('Нашата визија е да креираме широка мрежа на компании која ќе биде спој помеѓу интересот и иднината, и ќе напише приказна која ќе биде белег од нашето време и од нашата земја, почитувајќи ги критериумите на бизнис-етика, доверба и квалитет') }}.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section x-data="{ inView: false }" 
        x-intersect.once="inView = true" class="w-full block py-10 md:py-20 overflow-hidden">
            <div class="mx-auto max-w-[1440px] px-5 block">
                <h2 class="text-center text-4xl md:text-5xl xl:text-[68px] !leading-tight mb-8 md:mb-16 xl:mb-[76px] text-slate-900"><span class="font-bold capitalize block md:inline-block">Smart Invest Group</span> {{ __('во') }} <div class="relative inline-block">
                    <span class="absolute left-0.5 -bottom-2 
                    h-[5px] bg-[#A0B5FF] 
                    transition-all duration-[3s] rounded-full" :class="inView ? ' animate-fill' : ''"></span>
                    {{ __('кратки црти') }}
                </div></h2>
                <div class="flex flex-row flex-wrap justify-center items-stretch -mx-3 overflow-hidden">
                    <div class="p-3 w-full md:w-1/2 lg:w-1/3" data-aos="fade-down" data-aos-duration="2000" data-aos-delay="0">
                        <div class="h-full bg-white p-5 md:p-8 rounded-2xl lg:rounded-[20px]">
                            <div class="w-full flex flex-col items-center max-w-full text-center sm:text-left">
                                <p class="relative sm:pl-12 md:pl-14 xl:pl-16 text-lg sm:text-xl !leading-tight mb-4 font-bold text-bgdark w-full">
                                    <svg class="block sm:hidden mb-4 w-10 h-10 mx-auto" width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M22 19.5H35L41 25.5V8.5C41 6.3 39.2 4.5 37 4.5H22C19.8 4.5 18 6.3 18 8.5V15.5C18 17.7 19.8 19.5 22 19.5Z" stroke="#18181B" stroke-width="2"/>
                                        <path d="M20 16.5H7L1 22.5V5.5C1 3.3 2.8 1.5 5 1.5H20C22.2 1.5 24 3.3 24 5.5V12.5C24 14.7 22.2 16.5 20 16.5Z" stroke="#18181B" stroke-width="2"/>
                                        <path d="M9 33.5C11.7614 33.5 14 31.2614 14 28.5C14 25.7386 11.7614 23.5 9 23.5C6.23858 23.5 4 25.7386 4 28.5C4 31.2614 6.23858 33.5 9 33.5Z" stroke="#18181B" stroke-width="2"/>
                                        <path d="M33 33.5C35.7614 33.5 38 31.2614 38 28.5C38 25.7386 35.7614 23.5 33 23.5C30.2386 23.5 28 25.7386 28 28.5C28 31.2614 30.2386 33.5 33 33.5Z" stroke="#18181B" stroke-width="2"/>
                                        <path d="M17 39.5C17 39.5 14.8 35.5 9 35.5C3.2 35.5 1 39.5 1 39.5V41.5H17V39.5ZM41 39.5C41 39.5 38.8 35.5 33 35.5C27.2 35.5 25 39.5 25 39.5V41.5H41V39.5Z" fill="#18181B"/>
                                    </svg>
                                    <svg class="hidden sm:block absolute left-0 top-0 bottom-0 w-8 md:w-10 h-8 md:h-10" width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M22 19.5H35L41 25.5V8.5C41 6.3 39.2 4.5 37 4.5H22C19.8 4.5 18 6.3 18 8.5V15.5C18 17.7 19.8 19.5 22 19.5Z" stroke="#18181B" stroke-width="2"/>
                                        <path d="M20 16.5H7L1 22.5V5.5C1 3.3 2.8 1.5 5 1.5H20C22.2 1.5 24 3.3 24 5.5V12.5C24 14.7 22.2 16.5 20 16.5Z" stroke="#18181B" stroke-width="2"/>
                                        <path d="M9 33.5C11.7614 33.5 14 31.2614 14 28.5C14 25.7386 11.7614 23.5 9 23.5C6.23858 23.5 4 25.7386 4 28.5C4 31.2614 6.23858 33.5 9 33.5Z" stroke="#18181B" stroke-width="2"/>
                                        <path d="M33 33.5C35.7614 33.5 38 31.2614 38 28.5C38 25.7386 35.7614 23.5 33 23.5C30.2386 23.5 28 25.7386 28 28.5C28 31.2614 30.2386 33.5 33 33.5Z" stroke="#18181B" stroke-width="2"/>
                                        <path d="M17 39.5C17 39.5 14.8 35.5 9 35.5C3.2 35.5 1 39.5 1 39.5V41.5H17V39.5ZM41 39.5C41 39.5 38.8 35.5 33 35.5C27.2 35.5 25 39.5 25 39.5V41.5H41V39.5Z" fill="#18181B"/>
                                    </svg>
                                    {{ __('Поврзување на инвеститори и иновативни бизниси') }}
                                </p>
                                <p class="font-normal text-sm text-bgdark">{{ __('Платформата е наменета за поедноставно и транспарентно поврзување на инвеститори кои се заинтересирани за пласман на своите слободни средства, со оние кои имаат модерни бизнис-идеи со голем потенцијал') }}.</p>
                            </div>
                        </div>
                    </div>
                    <div class="p-3 w-full md:w-1/2 lg:w-1/3" data-aos="fade-down" data-aos-duration="2000" data-aos-delay="300">
                        <div class="h-full bg-white p-5 md:p-8 rounded-2xl lg:rounded-[20px]">
                            <div class="w-full flex flex-col items-center max-w-full text-center sm:text-left">
                                <p class="relative sm:pl-12 md:pl-14 text-lg sm:text-xl !leading-tight mb-4 font-bold text-bgdark w-full">
                                    <svg class="block sm:hidden mb-4 w-10 h-10 mx-auto" width="31" height="37" viewBox="0 0 31 37" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M9.33398 20.1667V6C9.33398 5.33696 9.59738 4.70107 10.0662 4.23223C10.5351 3.76339 11.1709 3.5 11.834 3.5C12.497 3.5 13.1329 3.76339 13.6018 4.23223C14.0706 4.70107 14.334 5.33696 14.334 6V18.5M14.334 17.6667V14.3333C14.334 13.6703 14.5974 13.0344 15.0662 12.5656C15.5351 12.0967 16.1709 11.8333 16.834 11.8333C17.497 11.8333 18.1329 12.0967 18.6018 12.5656C19.0706 13.0344 19.334 13.6703 19.334 14.3333V18.5M19.334 16C19.334 15.337 19.5974 14.7011 20.0662 14.2322C20.5351 13.7634 21.1709 13.5 21.834 13.5C22.497 13.5 23.1329 13.7634 23.6017 14.2322C24.0706 14.7011 24.334 15.337 24.334 16V18.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M24.3333 17.6673C24.3333 17.0043 24.5967 16.3684 25.0656 15.8996C25.5344 15.4307 26.1703 15.1673 26.8333 15.1673C27.4964 15.1673 28.1323 15.4307 28.6011 15.8996C29.0699 16.3684 29.3333 17.0043 29.3333 17.6673V25.1673C29.3333 27.8195 28.2798 30.363 26.4044 32.2384C24.529 34.1137 21.9855 35.1673 19.3333 35.1673H16H16.3467C14.6906 35.1676 13.0603 34.7566 11.6023 33.9711C10.1443 33.1857 8.90419 32.0504 7.99333 30.6673L7.66667 30.1673C7.14667 29.3695 5.32111 26.1873 2.19 20.6207C1.87075 20.0532 1.78547 19.3836 1.9523 18.7542C2.11914 18.1249 2.52491 17.5854 3.08333 17.2507C3.67839 16.8946 4.37518 16.7472 5.06344 16.8317C5.75169 16.9162 6.39211 17.2279 6.88333 17.7173L9.33333 20.1673M4.33333 3.50065L2.66667 1.83398M2.66667 10.1673H1M19.3333 3.50065L21 1.83398M21 8.50065H22.6667" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                    <svg class="hidden sm:block absolute left-0 top-0 bottom-0 w-8 md:w-10 h-8 md:h-10" width="31" height="37" viewBox="0 0 31 37" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M9.33398 20.1667V6C9.33398 5.33696 9.59738 4.70107 10.0662 4.23223C10.5351 3.76339 11.1709 3.5 11.834 3.5C12.497 3.5 13.1329 3.76339 13.6018 4.23223C14.0706 4.70107 14.334 5.33696 14.334 6V18.5M14.334 17.6667V14.3333C14.334 13.6703 14.5974 13.0344 15.0662 12.5656C15.5351 12.0967 16.1709 11.8333 16.834 11.8333C17.497 11.8333 18.1329 12.0967 18.6018 12.5656C19.0706 13.0344 19.334 13.6703 19.334 14.3333V18.5M19.334 16C19.334 15.337 19.5974 14.7011 20.0662 14.2322C20.5351 13.7634 21.1709 13.5 21.834 13.5C22.497 13.5 23.1329 13.7634 23.6017 14.2322C24.0706 14.7011 24.334 15.337 24.334 16V18.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M24.3333 17.6673C24.3333 17.0043 24.5967 16.3684 25.0656 15.8996C25.5344 15.4307 26.1703 15.1673 26.8333 15.1673C27.4964 15.1673 28.1323 15.4307 28.6011 15.8996C29.0699 16.3684 29.3333 17.0043 29.3333 17.6673V25.1673C29.3333 27.8195 28.2798 30.363 26.4044 32.2384C24.529 34.1137 21.9855 35.1673 19.3333 35.1673H16H16.3467C14.6906 35.1676 13.0603 34.7566 11.6023 33.9711C10.1443 33.1857 8.90419 32.0504 7.99333 30.6673L7.66667 30.1673C7.14667 29.3695 5.32111 26.1873 2.19 20.6207C1.87075 20.0532 1.78547 19.3836 1.9523 18.7542C2.11914 18.1249 2.52491 17.5854 3.08333 17.2507C3.67839 16.8946 4.37518 16.7472 5.06344 16.8317C5.75169 16.9162 6.39211 17.2279 6.88333 17.7173L9.33333 20.1673M4.33333 3.50065L2.66667 1.83398M2.66667 10.1673H1M19.3333 3.50065L21 1.83398M21 8.50065H22.6667" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                    {{ __('Алтернативен и паметен начин на инвестирање за првпат кај нас') }}!
                                </p>
                                <p class="font-normal text-sm text-bgdark">{{ __('Оваа платформа нуди иновативен и современ начин на инвестирање, кој првпат се појавува на нашиот пазар. На брз и лесен начин, платформата ги поврзува инвеститорите со претприемачите, овозможувајќи им паметен пласман на средствата во перспективни бизнис-идеи') }}.</p>
                            </div>
                        </div>
                    </div>
                    <div class="p-3 w-full md:w-1/2 lg:w-1/3" data-aos="fade-down" data-aos-duration="2000" data-aos-delay="500">
                        <div class="h-full bg-white p-5 md:p-8 rounded-2xl lg:rounded-[20px]">
                            <div class="w-full flex flex-col items-center max-w-full text-center sm:text-left">
                                <p class="relative sm:pl-12 md:pl-14 xl:pl-[50px] text-lg sm:text-xl !leading-tight mb-4 font-bold text-bgdark w-full">
                                    <svg class="block sm:hidden mb-4 w-10 h-10 mx-auto" width="42" width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M29.566 38.4169H12.716C12.1827 38.4169 11.716 38.0836 11.5327 37.6003C11.3493 37.1003 11.4993 36.5502 11.8993 36.2169C12.2993 35.8836 12.666 35.4502 12.9327 34.9836C13.466 34.1336 13.7327 33.1669 13.7327 32.1836C13.7327 29.2003 11.2994 26.7669 8.31603 26.7669C7.08269 26.7669 5.91603 27.1835 4.93269 27.9669C4.56603 28.2669 4.04935 28.3169 3.61601 28.1169C3.18268 27.9169 2.91602 27.4669 2.91602 26.9836V19.7003C2.91602 15.5503 6.28267 12.1836 10.4327 12.1836H29.566C33.716 12.1836 37.0827 15.5503 37.0827 19.7003V22.1003C37.0827 22.7836 36.516 23.3503 35.8327 23.3503H32.466C31.8827 23.3503 31.3494 23.5669 30.966 23.9669L30.9494 23.9836C30.4827 24.4336 30.266 25.0502 30.316 25.6836C30.416 26.7836 31.466 27.6669 32.666 27.6669H35.8327C36.516 27.6669 37.0827 28.2336 37.0827 28.9169V30.9002C37.0827 35.0502 33.716 38.4169 29.566 38.4169ZM15.2993 35.9169H29.566C32.3327 35.9169 34.5827 33.6669 34.5827 30.9002V30.1669H32.666C30.1494 30.1669 28.016 28.3002 27.816 25.9002C27.6827 24.5336 28.1827 23.1836 29.1827 22.2003C30.0493 21.3169 31.216 20.8336 32.466 20.8336H34.5827V19.6836C34.5827 16.9169 32.3327 14.6669 29.566 14.6669H10.4327C7.66601 14.6669 5.41602 16.9169 5.41602 19.6836V24.817C6.34935 24.4503 7.33268 24.2502 8.33268 24.2502C12.6993 24.2502 16.2493 27.8002 16.2493 32.1669C16.2493 33.4836 15.916 34.7836 15.2993 35.9169Z" fill="#18181B"/>
                                        <path d="M4.16602 22.434C3.48268 22.434 2.91602 21.8673 2.91602 21.184V13.5674C2.91602 11.0841 4.48269 8.83399 6.79935 7.95066L20.0327 2.95066C21.3994 2.43399 22.916 2.61741 24.0994 3.45074C25.2994 4.28407 25.9994 5.63406 25.9994 7.08406V13.4174C25.9994 14.1007 25.4327 14.6674 24.7494 14.6674C24.066 14.6674 23.4994 14.1007 23.4994 13.4174V7.08406C23.4994 6.45073 23.1994 5.86738 22.666 5.50071C22.1327 5.13404 21.4993 5.0507 20.8993 5.28403L7.66603 10.284C6.31603 10.8007 5.39936 12.1174 5.39936 13.5674V21.184C5.41602 21.884 4.84935 22.434 4.16602 22.434Z" fill="#18181B"/>
                                        <path d="M32.6661 30.1653C30.1495 30.1653 28.0161 28.2987 27.8161 25.8987C27.6828 24.5153 28.1828 23.1654 29.1828 22.182C30.0328 21.3154 31.1995 20.832 32.4495 20.832H35.9161C37.5661 20.882 38.8328 22.182 38.8328 23.782V27.2154C38.8328 28.8154 37.5661 30.1153 35.9661 30.1653H32.6661ZM35.8828 23.332H32.4661C31.8828 23.332 31.3495 23.5487 30.9661 23.9487C30.4828 24.4154 30.2495 25.0487 30.3161 25.682C30.4161 26.782 31.4661 27.6653 32.6661 27.6653H35.9328C36.1495 27.6653 36.3495 27.4654 36.3495 27.2154V23.782C36.3495 23.532 36.1495 23.3487 35.8828 23.332Z" fill="#18181B"/>
                                        <path d="M23.3327 21.75H11.666C10.9827 21.75 10.416 21.1833 10.416 20.5C10.416 19.8167 10.9827 19.25 11.666 19.25H23.3327C24.016 19.25 24.5827 19.8167 24.5827 20.5C24.5827 21.1833 24.016 21.75 23.3327 21.75Z" fill="#18181B"/>
                                        <path d="M8.33268 40.0833C5.56602 40.0833 2.96602 38.6167 1.56602 36.2333C0.81602 35.0333 0.416016 33.6167 0.416016 32.1667C0.416016 29.7333 1.49935 27.4833 3.38268 25.9833C4.78268 24.8666 6.54935 24.25 8.33268 24.25C12.6993 24.25 16.2493 27.8 16.2493 32.1667C16.2493 33.6167 15.8493 35.0334 15.0993 36.25C14.6993 36.95 14.1493 37.5833 13.516 38.1167C12.1327 39.3833 10.2827 40.0833 8.33268 40.0833ZM8.33268 26.75C7.09935 26.75 5.93268 27.1666 4.94935 27.95C3.66602 28.9666 2.91602 30.5167 2.91602 32.1667C2.91602 33.15 3.18268 34.1166 3.69935 34.95C4.68268 36.6166 6.41602 37.5833 8.33268 37.5833C9.64935 37.5833 10.916 37.1 11.8827 36.2333C12.316 35.8667 12.6827 35.4333 12.9494 34.9667C13.4827 34.1167 13.7493 33.15 13.7493 32.1667C13.7493 29.1833 11.316 26.75 8.33268 26.75Z" fill="#18181B"/>
                                        <path d="M7.3841 35.0672C7.06743 35.0672 6.75077 34.9506 6.50077 34.7006L4.85078 33.0506C4.36745 32.5673 4.36745 31.7672 4.85078 31.2839C5.33411 30.8005 6.13411 30.8005 6.61744 31.2839L7.41744 32.084L10.0841 29.6172C10.5841 29.1505 11.3841 29.1839 11.8508 29.6839C12.3174 30.1839 12.2841 30.9839 11.7841 31.4506L8.23411 34.7339C7.98411 34.9506 7.6841 35.0672 7.3841 35.0672Z" fill="#18181B"/>
                                    </svg>
                                    <svg class="hidden sm:block absolute left-0 top-0 bottom-0 w-8 md:w-10 h-8 md:h-10" width="42" width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M29.566 38.4169H12.716C12.1827 38.4169 11.716 38.0836 11.5327 37.6003C11.3493 37.1003 11.4993 36.5502 11.8993 36.2169C12.2993 35.8836 12.666 35.4502 12.9327 34.9836C13.466 34.1336 13.7327 33.1669 13.7327 32.1836C13.7327 29.2003 11.2994 26.7669 8.31603 26.7669C7.08269 26.7669 5.91603 27.1835 4.93269 27.9669C4.56603 28.2669 4.04935 28.3169 3.61601 28.1169C3.18268 27.9169 2.91602 27.4669 2.91602 26.9836V19.7003C2.91602 15.5503 6.28267 12.1836 10.4327 12.1836H29.566C33.716 12.1836 37.0827 15.5503 37.0827 19.7003V22.1003C37.0827 22.7836 36.516 23.3503 35.8327 23.3503H32.466C31.8827 23.3503 31.3494 23.5669 30.966 23.9669L30.9494 23.9836C30.4827 24.4336 30.266 25.0502 30.316 25.6836C30.416 26.7836 31.466 27.6669 32.666 27.6669H35.8327C36.516 27.6669 37.0827 28.2336 37.0827 28.9169V30.9002C37.0827 35.0502 33.716 38.4169 29.566 38.4169ZM15.2993 35.9169H29.566C32.3327 35.9169 34.5827 33.6669 34.5827 30.9002V30.1669H32.666C30.1494 30.1669 28.016 28.3002 27.816 25.9002C27.6827 24.5336 28.1827 23.1836 29.1827 22.2003C30.0493 21.3169 31.216 20.8336 32.466 20.8336H34.5827V19.6836C34.5827 16.9169 32.3327 14.6669 29.566 14.6669H10.4327C7.66601 14.6669 5.41602 16.9169 5.41602 19.6836V24.817C6.34935 24.4503 7.33268 24.2502 8.33268 24.2502C12.6993 24.2502 16.2493 27.8002 16.2493 32.1669C16.2493 33.4836 15.916 34.7836 15.2993 35.9169Z" fill="#18181B"/>
                                        <path d="M4.16602 22.434C3.48268 22.434 2.91602 21.8673 2.91602 21.184V13.5674C2.91602 11.0841 4.48269 8.83399 6.79935 7.95066L20.0327 2.95066C21.3994 2.43399 22.916 2.61741 24.0994 3.45074C25.2994 4.28407 25.9994 5.63406 25.9994 7.08406V13.4174C25.9994 14.1007 25.4327 14.6674 24.7494 14.6674C24.066 14.6674 23.4994 14.1007 23.4994 13.4174V7.08406C23.4994 6.45073 23.1994 5.86738 22.666 5.50071C22.1327 5.13404 21.4993 5.0507 20.8993 5.28403L7.66603 10.284C6.31603 10.8007 5.39936 12.1174 5.39936 13.5674V21.184C5.41602 21.884 4.84935 22.434 4.16602 22.434Z" fill="#18181B"/>
                                        <path d="M32.6661 30.1653C30.1495 30.1653 28.0161 28.2987 27.8161 25.8987C27.6828 24.5153 28.1828 23.1654 29.1828 22.182C30.0328 21.3154 31.1995 20.832 32.4495 20.832H35.9161C37.5661 20.882 38.8328 22.182 38.8328 23.782V27.2154C38.8328 28.8154 37.5661 30.1153 35.9661 30.1653H32.6661ZM35.8828 23.332H32.4661C31.8828 23.332 31.3495 23.5487 30.9661 23.9487C30.4828 24.4154 30.2495 25.0487 30.3161 25.682C30.4161 26.782 31.4661 27.6653 32.6661 27.6653H35.9328C36.1495 27.6653 36.3495 27.4654 36.3495 27.2154V23.782C36.3495 23.532 36.1495 23.3487 35.8828 23.332Z" fill="#18181B"/>
                                        <path d="M23.3327 21.75H11.666C10.9827 21.75 10.416 21.1833 10.416 20.5C10.416 19.8167 10.9827 19.25 11.666 19.25H23.3327C24.016 19.25 24.5827 19.8167 24.5827 20.5C24.5827 21.1833 24.016 21.75 23.3327 21.75Z" fill="#18181B"/>
                                        <path d="M8.33268 40.0833C5.56602 40.0833 2.96602 38.6167 1.56602 36.2333C0.81602 35.0333 0.416016 33.6167 0.416016 32.1667C0.416016 29.7333 1.49935 27.4833 3.38268 25.9833C4.78268 24.8666 6.54935 24.25 8.33268 24.25C12.6993 24.25 16.2493 27.8 16.2493 32.1667C16.2493 33.6167 15.8493 35.0334 15.0993 36.25C14.6993 36.95 14.1493 37.5833 13.516 38.1167C12.1327 39.3833 10.2827 40.0833 8.33268 40.0833ZM8.33268 26.75C7.09935 26.75 5.93268 27.1666 4.94935 27.95C3.66602 28.9666 2.91602 30.5167 2.91602 32.1667C2.91602 33.15 3.18268 34.1166 3.69935 34.95C4.68268 36.6166 6.41602 37.5833 8.33268 37.5833C9.64935 37.5833 10.916 37.1 11.8827 36.2333C12.316 35.8667 12.6827 35.4333 12.9494 34.9667C13.4827 34.1167 13.7493 33.15 13.7493 32.1667C13.7493 29.1833 11.316 26.75 8.33268 26.75Z" fill="#18181B"/>
                                        <path d="M7.3841 35.0672C7.06743 35.0672 6.75077 34.9506 6.50077 34.7006L4.85078 33.0506C4.36745 32.5673 4.36745 31.7672 4.85078 31.2839C5.33411 30.8005 6.13411 30.8005 6.61744 31.2839L7.41744 32.084L10.0841 29.6172C10.5841 29.1505 11.3841 29.1839 11.8508 29.6839C12.3174 30.1839 12.2841 30.9839 11.7841 31.4506L8.23411 34.7339C7.98411 34.9506 7.6841 35.0672 7.3841 35.0672Z" fill="#18181B"/>
                                    </svg>
                                    {{ __('Инвестициска шанса за физички лица во приватен капитал') }}
                                </p>
                                <p class="font-normal text-sm text-bgdark">{{ __('Одлична можност за физички лица да инвестираат во приватен капитал заедно со веќе етаблирани успешни компании') }}.</p>
                            </div>
                        </div>
                    </div>
                    <div class="p-3 w-full md:w-1/2 lg:w-1/3" data-aos="fade-down" data-aos-duration="2000" data-aos-delay="700">
                        <div class="h-full bg-white p-5 md:p-8 rounded-2xl lg:rounded-[20px]">
                            <div class="w-full flex flex-col items-center max-w-full text-center sm:text-left">
                                <p class="relative sm:pl-12 md:pl-14 xl:pl-16 text-lg sm:text-xl !leading-tight mb-4 font-bold text-bgdark w-full">
                                    <svg class="block sm:hidden mb-4 w-10 h-10 mx-auto" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M30.9109 18.1505C31.241 15.1681 30.6691 12.1552 29.2691 9.50125C27.8691 6.84728 25.7052 4.6742 23.0573 3.26285C20.4093 1.8515 17.3989 1.26675 14.4151 1.58418C11.4314 1.90161 8.61138 3.10662 6.31961 5.04348C4.02784 6.98034 2.36963 9.56002 1.55929 12.4491C0.748955 15.3383 0.823731 18.404 1.77396 21.2502C2.72418 24.0964 4.50618 26.5921 6.88965 28.415C9.27313 30.2378 12.1485 31.3039 15.1442 31.4755M2.00088 11.5005H30.0009M2.00088 21.5005H25.1675" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M15.1674 1.5C12.3597 5.99935 10.8711 11.1964 10.8711 16.5C10.8711 21.8036 12.3597 27.0006 15.1674 31.5M16.8341 1.5C20.553 7.45925 21.9257 14.5875 20.6858 21.5017M21.0008 28.1667L24.3341 31.5L31.0008 24.8333" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                    <svg class="hidden sm:block absolute left-0 top-0 bottom-0 w-8 md:w-10 h-8 md:h-10" width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M30.9109 18.1505C31.241 15.1681 30.6691 12.1552 29.2691 9.50125C27.8691 6.84728 25.7052 4.6742 23.0573 3.26285C20.4093 1.8515 17.3989 1.26675 14.4151 1.58418C11.4314 1.90161 8.61138 3.10662 6.31961 5.04348C4.02784 6.98034 2.36963 9.56002 1.55929 12.4491C0.748955 15.3383 0.823731 18.404 1.77396 21.2502C2.72418 24.0964 4.50618 26.5921 6.88965 28.415C9.27313 30.2378 12.1485 31.3039 15.1442 31.4755M2.00088 11.5005H30.0009M2.00088 21.5005H25.1675" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M15.1674 1.5C12.3597 5.99935 10.8711 11.1964 10.8711 16.5C10.8711 21.8036 12.3597 27.0006 15.1674 31.5M16.8341 1.5C20.553 7.45925 21.9257 14.5875 20.6858 21.5017M21.0008 28.1667L24.3341 31.5L31.0008 24.8333" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                    Smart Invest Group – {{ __('локален еквивалент на глобално успешни инвестициски платформи') }}
                                </p>
                                <p class="font-normal text-sm text-bgdark">Smart Invest Group {{ __('е еквивалент на светски развиени и функционални платформи од овој тип на работење. Со својата иновативност и сигурност, овозможува инвеститорите и претприемачите да се поврзат на ефикасен и транспарентен начин') }}. </p>
                            </div>
                        </div>
                    </div>
                    <div class="p-3 w-full md:w-1/2 lg:w-1/3" data-aos="fade-down" data-aos-duration="2000" data-aos-delay="900">
                        <div class="h-full bg-white p-5 md:p-8 rounded-2xl lg:rounded-[20px]">
                            <div class="w-full flex flex-col items-center max-w-full text-center sm:text-left">
                                <p class="relative sm:pl-12 md:pl-14 xl:pl-16  text-lg sm:text-xl !leading-tight mb-4 font-bold text-bgdark w-full">
                                    <svg class="block sm:hidden mb-4 w-10 h-10 mx-auto" width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M23.75 35.5C24.4404 35.5 25 34.9404 25 34.25C25 33.5596 24.4404 33 23.75 33C23.0596 33 22.5 33.5596 22.5 34.25C22.5 34.9404 23.0596 35.5 23.75 35.5Z" fill="#18181B"/>
                                        <path d="M36.25 39.25H20C18.6212 39.25 17.5 38.1287 17.5 36.75V31.75C17.5 30.3713 18.6212 29.25 20 29.25H36.25C37.6287 29.25 38.75 30.3713 38.75 31.75V36.75C38.75 38.1287 37.6287 39.25 36.25 39.25ZM20 31.75V36.75H36.25V31.75H20ZM36.25 26.75H20C18.6212 26.75 17.5 25.6287 17.5 24.25V19.25C17.5 17.8712 18.6212 16.75 20 16.75H36.25C37.6287 16.75 38.75 17.8712 38.75 19.25V24.25C38.75 25.6287 37.6287 26.75 36.25 26.75ZM20 19.25V24.25H36.25V19.25H20Z" fill="#18181B"/>
                                        <path d="M15 34.625C9.18375 32.56 5 27.0163 5 20.5C5 12.2288 11.7288 5.5 20 5.5C26.0387 5.5 31.2425 9.095 33.6188 14.25H36.3263C33.8025 7.6825 27.4462 3 20 3C10.35 3 2.5 10.85 2.5 20.5C2.5 28.4125 7.78125 35.1063 15 37.2625V34.625Z" fill="#18181B"/>
                                    </svg>
                                    <svg class="hidden sm:block absolute left-0 top-0 bottom-0 w-8 md:w-10 h-8 md:h-10" width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M23.75 35.5C24.4404 35.5 25 34.9404 25 34.25C25 33.5596 24.4404 33 23.75 33C23.0596 33 22.5 33.5596 22.5 34.25C22.5 34.9404 23.0596 35.5 23.75 35.5Z" fill="#18181B"/>
                                        <path d="M36.25 39.25H20C18.6212 39.25 17.5 38.1287 17.5 36.75V31.75C17.5 30.3713 18.6212 29.25 20 29.25H36.25C37.6287 29.25 38.75 30.3713 38.75 31.75V36.75C38.75 38.1287 37.6287 39.25 36.25 39.25ZM20 31.75V36.75H36.25V31.75H20ZM36.25 26.75H20C18.6212 26.75 17.5 25.6287 17.5 24.25V19.25C17.5 17.8712 18.6212 16.75 20 16.75H36.25C37.6287 16.75 38.75 17.8712 38.75 19.25V24.25C38.75 25.6287 37.6287 26.75 36.25 26.75ZM20 19.25V24.25H36.25V19.25H20Z" fill="#18181B"/>
                                        <path d="M15 34.625C9.18375 32.56 5 27.0163 5 20.5C5 12.2288 11.7288 5.5 20 5.5C26.0387 5.5 31.2425 9.095 33.6188 14.25H36.3263C33.8025 7.6825 27.4462 3 20 3C10.35 3 2.5 10.85 2.5 20.5C2.5 28.4125 7.78125 35.1063 15 37.2625V34.625Z" fill="#18181B"/>
                                    </svg>
                                    {{ __('Изнајмување на платформата за посредување во инвестиции') }}
                                </p>
                                <p class="font-normal text-sm text-bgdark">Smart Invest Group {{ __('нуди дополнителна можност за изнајмување на платформата на заинтересирани страни, при посредување за обезбедувањето на потенцијални инвестиции и инвеститори') }}.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="w-full block relative overflow-hidden mt-10 md:mt-20 py-36">
            <div class="w-auto max-w-[1440px] mx-auto px-5 z-40 text-center sm:text-left">
                <div class="absolute top-0 left-0 right-0 bottom-0 h-full w-full block z-10 bg-[#686EA2]/40 backdrop-blur-[4px]">
                </div>
                <div class="absolute left-0 right-0 top-0 bottom-0 h-full w-full block z-0">
                    <picture>
                        <source srcset="{{ Vite::asset('resources/images/homepage/zakazi-konsultacija-bg.webp') }} 1x" type="image/webp">
                        <img src="{{ Vite::asset('resources/images/homepage/zakazi-konsultacija-bg.jpg') }}" alt="zakazi-konsultacija" width="865px" height="80px" class="w-full h-full object-cover object-center">
                    </picture>
                </div>
                <div class="mx-auto flex flex-row relative z-20 items-center justify-center w-full">
                    <div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="100" class="w-full sm:-mx-2 md:-mx-[18px] flex flex-col sm:flex-row items-center justify-center">
                        <div class="pb-3 md:pb-0 sm:px-2 md:px-[18px]">
                            <h3 class="text-4xl md:text-5xl xl:text-6xl !leading-tight font-bold text-white ">{{ __('Закажи консултација') }}</h3>
                        </div>
                        <div class="w-full sm:w-auto sm:px-2 md:px-[18px]">
                            <a href="{{ route('register') }}" class="inline-block w-full md:w-auto text-white text-base bg-colorred border border-colorred transition-all hover:bg-transparent hover:border-colormain rounded-full px-6 py-3 md:py-4 text-center">{{ __('Регистрирај се') }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection
   
{{-- @push('modals') --}}

{{-- @endpush --}}
@push('scripts')

@endpush