<section class="how-to-finance">
{# VERSION MOBILE #}
<div class="relative lg:hidden">
{# à la une img #}
<img class="w-full" src="{{ asset('build/images/illu-financement-mobile.png')}}" alt="illustration comment financer ?" >
{# à la une content #}
<div class="p-horizontal p-vertical flex flex-col gap-6 bg-[#F5F5F5] shadow-lg">
<h2 data-aos="fade-down" data-aos-delay="0" class="font-allerBold uppercase text-center text-2xl">Comment financer votre formation ?</h2>
<p data-aos="fade-down" data-aos-delay="100" class="font-allerRegular text-base text-center">Choisir Qwantic, c’est apprendre en s’amusant des compétences opérationnelles, directement applicables en entreprise. </p>
<p data-aos="fade-down" data-aos-delay="200" class="font-allerRegular text-base text-center">Nos parcours diplômants sont proposés en alternance pour vous permettre d’accéder sans frais à une formation certifiante et d’acquérir une vraie expérience professionnelle.</p>
<p data-aos="fade-down" data-aos-delay="300" class="font-allerBold text-lg text-center">Le coût de la formation est pris
en charge à 100% par l’entreprise qui vous accueille et vous êtes rémunéré pendant toute la durée
de votre formation.</p>
</div>
</div>
{# VERSION DESKTOP #}
<div class="hidden lg:block overflow-hidden relative">
<svg class="absolute right-0 h-full z-10" xmlns="http://www.w3.org/2000/svg" width="659.447" height="527.658" viewBox="0 0 659.447 527.658">
<path id="Tracé_981" data-name="Tracé 981" d="M95.911-7257.343l329-527.658H755.358v527.658Z" transform="translate(-95.911 7785.001)" fill="#fff" opacity="0.5"/>
</svg>
<svg class="absolute left-[-20rem] top-[-5rem] z-10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="873.601" height="873.6" viewBox="0 0 873.601 873.6">
<defs>
<clipPath id="clip-path">
<circle id="Ellipse_59" data-name="Ellipse 59" cx="436.8" cy="436.8" r="436.8" fill="#fff"/>
</clipPath>
</defs>
<g id="Groupe_996" data-name="Groupe 996" clip-path="url(#clip-path)">
<path id="Tracé_939" data-name="Tracé 939" d="M195.347,122.1-163.022,761.726-275.037,558.85h-45.709L-432.762,761.726-544.778,558.85H-702.3l269.538,488.09,134.9-244.222,134.845,244.222L352.869,122.1Z" transform="translate(269.71 -155.532)" fill="#fff"/>
<path id="Tracé_940" data-name="Tracé 940" d="M838.838,983,569.3,1471.09H727.684l105.928-191.766L939.489,1471.09h168.835Z" transform="translate(-356.785 -579.682)" fill="#fff"/>
<path id="Tracé_941" data-name="Tracé 941" d="M112.438,520.79,381.975,32.7H223.591L117.663,224.517,11.735,32.7H-157.1Z" transform="translate(1.1 -111.486)" fill="#fff"/>
</g>
</svg>
<div class="p-horizontal bg-[#F5F5F5] flex flex-row gap-20 items-center relative w-full">
<div class="flex flex-col gap-4 w-1/2 relative z-10 w-2/3 py-10">
<h2 class="font-allerBold uppercase text-left text-2xl">Comment financer votre formation ?</h2>
<p class="font-allerRegular text-left text-base relative z-20">Choisir Qwantic, c’est apprendre en s’amusant des compétences opérationnelles, directement applicables en entreprise.
</p>
<p class="lg:max-xl:hidden font-allerRegular text-left text-base relative z-20">Nos parcours diplômants sont proposés en alternance pour vous permettre d’accéder sans frais à une formation certifiante et d’acquérir une vraie expérience professionnelle.
</p>
<p class="font-allerRegular text-left text-base relative z-20">Le coût de la formation est pris
en charge à 100% par l’entreprise qui vous accueille et vous êtes rémunéré pendant toute la durée
de votre formation.</p>
</div>
<div class=" flex items-center relative z-20 w-1/3">
<img class="w-full pt-20" src="{{ asset('build/images/svg/illu-finance-desktop.svg')}}" alt="logo Qualiopi" >
</div>
</div>
</div>
</section>