Calcolatore di Vettori IJ
Uno strumento online semplice da usare per eseguire operazioni vettoriali come addizione, sottrazione, prodotti scalare e vettoriale per studenti e professionisti.
<desc>An icon representing vector calculations with arrows and axes, styled in blue and gray for clarity and modern aesthetic.</desc><circle cx="256" cy="256" r="200" fill="none" stroke="#007BFF" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/><line x1="256" y1="56" x2="256" y2="456" stroke="#6C757D" stroke-width="8" stroke-linecap="round"/><line x1="56" y1="256" x2="456" y2="256" stroke="#6C757D" stroke-width="8" stroke-linecap="round"/><path d="M256 256 L356 156" stroke="#007BFF" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M256 256 L156 356" stroke="#007BFF" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><circle cx="356" cy="156" r="12" fill="#007BFF"/><circle cx="156" cy="356" r="12" fill="#007BFF"/><rect x="410" y="156" width="80" height="80" fill="none" stroke="#6C757D" stroke-width="4" rx="8" ry="8"/><circle cx="256" cy="256" r="12" fill="#007BFF"/></svg>
</div>
<img class="w-48 md:w-64 absolute top-1/2 -translate-y-1/2 -right-32 xl:-right-12"
src="https://anyonlinetool.com/themes/tailwind/images/tool/mobile.png" alt="">
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-7xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-4xl font-semibold md:leading-tight leading-tight mb-12 text-center">
Verifica tu stesso
</h2>
<div class="mb-6">
<script src="https://anyonlinetool.com/embed-bucket/aot.js" data-license-key=guest_user
data-lang="en-us"
data-tool-key="calcolatore-di-vettori-ij"></script>
</div>
<div class="flex gap-4 flex-wrap md:flex-nowrap">
<a class="w-full md:w-1/3 flex justify-center items-center gap-2.5 text-lg md:text-xl font-medium border border-[#cacaca] rounded-xl h-[60px] md:h-[75px] px-10 transition-all duration-200 hover:border-transparent hover:shadow-wave"
href="#">
<svg class="w-auto md:w-11 h-8 md:h-11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 44"
fill="none">
<path
d="M0 22L8.70116 13.4922L11.4885 16.2176L5.57473 22L11.4885 27.7824L8.70116 30.5078L0 22ZM13.7988 8.5078L22.5 0L31.2012 8.5078L28.4138 11.2332L22.5 5.45085L16.5862 11.2332L13.7988 8.5078ZM16.5862 32.7668L22.5 38.5492L28.4138 32.7668L31.2012 35.4922L22.5 44L13.7988 35.4922L16.5862 32.7668ZM20.5248 23.9313V20.0687H24.4752V23.9313H20.5248ZM33.5115 27.7824L39.4253 22L33.5115 16.2176L36.2988 13.4922L45 22L36.2988 30.5078L33.5115 27.7824Z"
fill="#F7869A" />
</svg>
<span>Chiama lo strumento tramite API</span>
</a>
<a class="embed-tool w-full md:w-1/3 flex justify-center items-center gap-5 text-lg md:text-xl font-medium border border-[#cacaca] rounded-xl h-[60px] md:h-[75px] px-10 transition-all duration-200 hover:border-transparent hover:shadow-wave"
href="#">
<svg class="w-auto md:w-[58px] h-[22px] md:h-[34px]" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 58 34" fill="none">
<path
d="M38.1579 27.5347L42.7368 32.0496L58 17L42.7368 1.95043L38.1579 6.4653L48.8421 17L38.1579 27.5347ZM19.8421 6.4653L15.2632 1.95043L0 17L15.2632 32.0496L19.8421 27.5347L9.1579 17L19.8421 6.4653ZM31.9244 0L35.2365 0.890935L26.0786 34L22.7665 33.1091L31.9244 0Z"
fill="#50B4CC" />
</svg>
<span>Incorpora sul tuo sito</span>
</a>
<a class="w-full md:w-1/3 flex justify-center items-center gap-4 text-lg md:text-xl font-medium border border-[#cacaca] rounded-xl h-[60px] md:h-[75px] px-10 transition-all duration-200 hover:border-transparent hover:shadow-wave"
href="#">
<svg class="w-auto md:w-[39px] h-[23px] md:h-[35px]" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 39 35" fill="none">
<path
d="M20.6661 25.2778L14.4261 9.72222H10.5261L6.6261 19.4444V19.4483L4.28805 25.2778H8.48835L9.26835 23.3333H15.6838L16.4638 25.2778H20.6661ZM10.8264 19.4444L12.4781 15.3319L14.1258 19.4444H10.8264ZM29.25 9.72222H33.15V25.2778H27.3C25.7485 25.2778 24.2605 24.6632 23.1634 23.5692C22.0663 22.4753 21.45 20.9915 21.45 19.4444C21.45 17.8973 22.0663 16.4136 23.1634 15.3197C24.2605 14.2257 25.7485 13.6111 27.3 13.6111H29.25V9.72222ZM27.3 17.5C26.7828 17.5 26.2868 17.7049 25.9211 18.0695C25.5554 18.4342 25.35 18.9287 25.35 19.4444C25.35 19.9601 25.5554 20.4547 25.9211 20.8194C26.2868 21.184 26.7828 21.3889 27.3 21.3889H29.25V17.5H27.3ZM37.05 0H1.95C1.43283 0 0.936838 0.20486 0.571142 0.569515C0.205446 0.934169 0 1.42875 0 1.94444V33.0556C0 33.5713 0.205446 34.0658 0.571142 34.4305C0.936838 34.7951 1.43283 35 1.95 35H37.05C37.5672 35 38.0632 34.7951 38.4289 34.4305C38.7946 34.0658 39 33.5713 39 33.0556V1.94444C39 1.42875 38.7946 0.934169 38.4289 0.569515C38.0632 0.20486 37.5672 0 37.05 0ZM3.9 31.1111V3.88889H35.1V31.1111H3.9Z"
fill="#6D9CF6" />
</svg>
<span>Pubblicizza qui</span>
</a>
</div>
<div class="mt-16">
<h3 class="text-2xl leading-tight font-semibold mb-4 md:mb-6">Informazioni su questo strumento</h3>
<p class="text-[#717171] text-base font-normal mb-9 md:mb-14">
Il Calcolatore di Vettori IJ offre una soluzione completa per eseguire rapidamente e con precisione operazioni vettoriali fondamentali. Che tu lavori a esperimenti di fisica, progetti ingegneristici o compiti accademici, questo strumento ti consente di inserire i componenti dei vettori e visualizzare immediatamente risultati come somma, sottrazione, moltiplicazione scalare, prodotto scalare e prodotto vettoriale.<br/><br/>Grazie ai calcoli lato client, garantisce risposte rapide senza dipendenza dai server. La sua interfaccia intuitiva supporta vettori 2D e 3D, con possibilità di commutare tra i contesti. Funzionalità principali includono spiegazioni passo passo, risultati dettagliati e opzioni per copiare o esportare i calcoli per rapporti o presentazioni.<br/><br/>Progettato per studenti, insegnanti, ingegneri e ricercatori, il Calcolatore di Vettori IJ aiuta a semplificare complesse operazioni vettoriali, migliorare la precisione e favorire l’apprendimento e la produttività in vari campi.
</p>
<div class="flex justify-center text-center">
<a href="https://anyonlinetool.com/register"
class="bg-text hover:bg-accent text-lg md:text-xl font-semibold leading-tight text-white py-3.5 px-6 md:py-5 md:px-10 rounded-lg inline-flex justify-center items-center gap-5 transition-colors duration-300">Accedi per vedere tutto il tuo utilizzo
<img class="w-3.5 rtl:rotate-180"
src="https://anyonlinetool.com/themes/tailwind/images/homepage/btn-arrow.png" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full">
<div class="py-10 md:py-32">
<div class="flex flex-wrap md:flex-nowrap justify-center items-center gap-9">
<div class="w-full md:w-1/2">
<h2 class="text-3xl md:text-4xl leading-tight md:leading-tight font-semibold mb-4 md:mb-6">
Come usare
</h2>
<p class="text-[#717171] leading-relaxed tracking-wide">
1. Inserisci i componenti dei vettori nei campi X, Y (e Z se 3D).<br/>2. Seleziona l’operazione desiderata dal menu.<br/>3. Visualizza i risultati immediatamente nel pannello di output.<br/>4. Usa opzioni aggiuntive per spiegazioni, copia o esportazione.<br/>5. Alterna tra 2D e 3D secondo necessità.
</p>
</div>
<div class="w-full md:w-1/2">
<img class="w-[549px] max-w-full"
src="https://anyonlinetool.com/themes/tailwind/images/tool/how-to-use.png"
alt="">
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-5xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-center mb-3 md:mb-4">
FAQ/Risorse aggiuntive
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-10 md:mb-20">
Trova risposte rapide
</p>
<div class="flex flex-col gap-4 md:gap-6 [&>[data-state=open]>div>svg]:rotate-0">
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Come faccio a fare l’addizione di vettori con questo strumento?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Inserisci i componenti di due vettori, seleziona 'Addizione' come operazione, e lo strumento mostrerà subito il vettore risultante.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Posso calcolare il prodotto vettoriale di vettori 2D?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Sì, passando alla modalità 3D (aggiungendo Z=0 per vettori 2D), puoi calcolare il prodotto vettoriale, che restituisce uno scalare perpendicolare al piano.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Questo strumento è adatto per studenti di fisica e ingegneria?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Assolutamente sì. Fornisce calcoli precisi e immediati, aiutando gli studenti a verificare il proprio lavoro e a comprendere meglio le operazioni vettoriali.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Posso vedere spiegazioni dettagliate passo passo?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Sì, attivando la modalità di spiegazione vengono mostrati tutti i passaggi della operazione vettoriale scelta, favorendo l’apprendimento.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Supporta il calcolo degli angoli tra vettori?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Sì, lo strumento può calcolare l’angolo tra due vettori in gradi o radianti, utile per molte applicazioni scientifiche.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-center mb-3">
Recensioni degli utenti
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-7 md:mb-14">
Guarda cosa dicono gli altri
</p>
<div class="swiper testimonial-swiper">
<div class="swiper-wrapper mb-12 md:mb-24">
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-1.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-2.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-3.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-4.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-5.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-6.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-7.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-8.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-9.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="flex justify-center gap-5">
<button
class="prev-btn py-3 px-6 md:py-4 md:px-8 border border-text rounded-lg transition-colors duration-300 hover:bg-text group">
<svg class="w-[23px] h-[18px] rtl:rotate-180" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 26 20" fill="none">
<path class="stroke-text transition-colors duration-300 group-hover:stroke-white"
d="M0.999718 10L24.1426 10M9.99972 19L0.999718 10L9.99972 19ZM0.999718 10L9.99972 0.999999L0.999718 10Z"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<button
class="next-btn py-3 px-6 md:py-4 md:px-8 border border-text rounded-lg transition-colors duration-300 hover:bg-text group">
<svg class="w-[23px] h-[18px] rtl:rotate-180" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 26 20" fill="none">
<path class="stroke-text transition-colors duration-300 group-hover:stroke-white"
d="M24.1429 10H1M15.1429 1L24.1429 10L15.1429 1ZM24.1429 10L15.1429 19L24.1429 10Z"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-start mb-3">
Esplora strumenti correlati
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-start mb-7 md:mb-14">
Altre soluzioni per le tue esigenze
</p>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-x-8 gap-y-7">
<div class="bg-white rounded-xl shadow-wave px-5 py-8 flex flex-col gap-5 items-start relative">
<div class="w-[50px] h-[50px] flex items-center justify-center overflow-hidden">
<div class="w-[50px] h-[50px] max-w-[50px] max-h-[50px] flex items-center justify-center" style="max-width:50px;max-height:50px;">
<svg width='512' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><title>Calculator Mod Icon An SVG icon representing modular calculation with a divisor and dividend.
A fast, intuitive tool to perform modular arithmetic calculations for developers, students, and professionals needing quick results.
Norwegian
Danish
German
English
Spanish
French
Italian
Dutch
Portuguese
Swedish
Hebrew
Arabic
