<section class="grid relative xl:mt-16">
    <div class="w-full bg-no-repeat bg-cover bg-[center_top] absolute top-0 right-0 left-0 bottom-0 md:bottom-[33%]" style="background-image: url('/images/aiuti-bg.svg');"></div>
    <div class="n7-container-sm py-8 md:py-10 lg:py-14 xl:px-[5%] grid gap-8 z-10">
        <div class="grid gap-6 justify-items-center text-white">
            <h2 class="text-3xl md:text-5xl">Aiuti per l’agricoltura</h2>
            <p class="text-md md:text-xl max-w-screen-sm text-center">Tutte le informazioni, la normativa e la documentazione sui fondi comunitari, nazionali e regionali </p>
        </div>

        <div class="grid md:grid-cols-2 gap-5">
            <article class="n7-card n7-background-gray-01 rounded-md shadow-md transition hover:shadow-lg
   md:grid-cols-[min-content_1fr]
   is-card-fullclickable transition hover:shadow-lg group">

                <div class="n7-card__image w-12 md:w-16 lg:w-24 h-12 md:h-16 lg:h-24
  ">
                    <img class="object-scale-down w-full h-full" alt="Fondo Europeo Agricolo di Garanzia" src="/images/eu-european-union.png" />
                </div>

                <div class="grid gap-2.5 md:gap-4">
                    <div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
                        <h3 class="n7-card__title text-lg md:text-xl font-bold">
                            <a class="hover:underline group-hover:underline" href="">
                                FEAGA<br> Fondo Europeo Agricolo di Garanzia

                            </a>
                        </h3>

                        <div class="flex items-baseline justify-between">

                            <div class="n7-card__categories">
                                <span class="n7-category n7-content-placeholder">
                                    Categoria
                                </span>
                            </div>

                        </div>

                    </div>

                    <p class="n7-card__excerpt text-base md:text-lg n7-content-03">
                        Testo aggiuntivo da configurazione
                    </p>

                </div>
            </article>

            <article class="n7-card n7-background-gray-01 rounded-md shadow-md transition hover:shadow-lg
   md:grid-cols-[min-content_1fr]
   is-card-fullclickable transition hover:shadow-lg group">

                <div class="n7-card__image w-12 md:w-16 lg:w-24 h-12 md:h-16 lg:h-24
  ">
                    <img class="object-scale-down w-full h-full" alt="Fondo europeo agricolo per lo sviluppo rurale" src="/images/Psr-progamma-sviluppo-rurale.png" />
                </div>

                <div class="grid gap-2.5 md:gap-4">
                    <div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
                        <h3 class="n7-card__title text-lg md:text-xl font-bold">
                            <a class="hover:underline group-hover:underline" href="">
                                FEASR-PSR<br> Fondo europeo agricolo per lo sviluppo rurale

                            </a>
                        </h3>

                        <div class="flex items-baseline justify-between">

                            <div class="n7-card__categories">
                                <span class="n7-category n7-content-placeholder">
                                    Categoria
                                </span>
                            </div>

                        </div>

                    </div>

                    <p class="n7-card__excerpt text-base md:text-lg n7-content-03">
                        Testo aggiuntivo da configurazione
                    </p>

                </div>
            </article>

            <article class="n7-card n7-background-gray-01 rounded-md shadow-md transition hover:shadow-lg
   md:grid-cols-[min-content_1fr]
   is-card-fullclickable transition hover:shadow-lg group">

                <div class="n7-card__image w-12 md:w-16 lg:w-24 h-12 md:h-16 lg:h-24
  ">
                    <img class="object-scale-down w-full h-full" alt="Fondo per lo sviluppo e la coesione" src="/images/Fsc-fondo-per-lo-sviluppo-e-coesione.png" />
                </div>

                <div class="grid gap-2.5 md:gap-4">
                    <div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
                        <h3 class="n7-card__title text-lg md:text-xl font-bold">
                            <a class="hover:underline group-hover:underline" href="">
                                FSC<br> Fondo per lo sviluppo e la coesione

                            </a>
                        </h3>

                        <div class="flex items-baseline justify-between">

                            <div class="n7-card__categories">
                                <span class="n7-category n7-content-placeholder">
                                    Categoria
                                </span>
                            </div>

                        </div>

                    </div>

                    <p class="n7-card__excerpt text-base md:text-lg n7-content-03">
                        Testo aggiuntivo da configurazione
                    </p>

                </div>
            </article>

            <article class="n7-card n7-background-gray-01 rounded-md shadow-md transition hover:shadow-lg
   md:grid-cols-[min-content_1fr]
   is-card-fullclickable transition hover:shadow-lg group">

                <div class="n7-card__image w-12 md:w-16 lg:w-24 h-12 md:h-16 lg:h-24
  ">
                    <img class="object-scale-down w-full h-full" alt="Piano Regionale Agricolo Forestale" src="/images/rt-regione-toscana.png" />
                </div>

                <div class="grid gap-2.5 md:gap-4">
                    <div class="n7-card__heading flex flex-col-reverse gap-2.5 md:gap-4">
                        <h3 class="n7-card__title text-lg md:text-xl font-bold">
                            <a class="hover:underline group-hover:underline" href="">
                                PRAF<br> Piano Regionale Agricolo Forestale

                            </a>
                        </h3>

                        <div class="flex items-baseline justify-between">

                            <div class="n7-card__categories">
                                <span class="n7-category n7-content-placeholder">
                                    Categoria
                                </span>
                            </div>

                        </div>

                    </div>

                    <p class="n7-card__excerpt text-base md:text-lg n7-content-03">
                        Testo aggiuntivo da configurazione
                    </p>

                </div>
            </article>

        </div>

        <div class="text-center py-2">

            <button type="button" class="n7-btn 
    n7-btn--primary
    n7-btn--primary">
                Vedi tutti

                <span class="sr-only"> gli aiuti</span><svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 ml-2 transition-all duration-200 ease-out transform group-hover:translate-x-1" aria-hidden="true" focusable="false" role="img">
                    <use xlink:href="../../icons.svg#mini--chevron-right" />
                </svg>

            </button>

        </div>
    </div>
</section>
<section class="grid relative xl:mt-16">
    <div class="w-full bg-no-repeat bg-cover bg-[center_top] absolute top-0 right-0 left-0 bottom-0 md:bottom-[33%]" style="background-image: url('/images/aiuti-bg.svg');"></div>
    <div class="n7-container-sm py-8 md:py-10 lg:py-14 xl:px-[5%] grid gap-8 z-10">
        <div class="grid gap-6 justify-items-center text-white">
            <h2 class="text-3xl md:text-5xl">Aiuti per l’agricoltura</h2>
            <p class="text-md md:text-xl max-w-screen-sm text-center">Tutte le informazioni, la normativa e la documentazione sui fondi comunitari, nazionali e regionali </p>
        </div>

        <div class="grid md:grid-cols-2 gap-5">
            {% render '@card--aiuti',{ heading: 'FEAGA<br> Fondo Europeo Agricolo di Garanzia', text:'È un regime di finanziamento europeo che sostiene la politica della pesca, la pesca nelle acque interne, lacquacoltura e il settore...', img:{path: '/images/eu-european-union.png', alt: 'Fondo Europeo Agricolo di Garanzia'} }, true %}
            {% render '@card--aiuti',{ heading: 'FEASR-PSR<br> Fondo europeo agricolo per lo sviluppo rurale', text: 'È un regime di finanziamento europeo che sostiene la politica della pesca, la pesca nelle acque interne, lacquacoltura e il settore...', img:{path: '/images/Psr-progamma-sviluppo-rurale.png', alt: 'Fondo europeo agricolo per lo sviluppo rurale'} }, true %}
            {% render '@card--aiuti',{ heading: 'FSC<br> Fondo per lo sviluppo e la coesione', text:'È un regime di finanziamento europeo che sostiene la politica della pesca, la pesca nelle acque interne, lacquacoltura e il settore...', img:{path: '/images/Fsc-fondo-per-lo-sviluppo-e-coesione.png', alt: 'Fondo per lo sviluppo e la coesione'} }, true %}
            {% render '@card--aiuti',{ heading: 'PRAF<br> Piano Regionale Agricolo Forestale', text:'È un regime di finanziamento europeo che sostiene la politica della pesca, la pesca nelle acque interne, lacquacoltura e il settore...', img:{path: '/images/rt-regione-toscana.png', alt: 'Piano Regionale Agricolo Forestale'} }, true %}
        </div>

        <div class="text-center py-2">
            {% render '@button--icon-right',{ label: 'Vedi tutti', srOnlyLabel:' gli aiuti' }, true %}
        </div>
    </div>
</section>
/* No context defined. */

No notes defined.