Vektorreknare IJ
Ett lättanvänt onlineverktyg för att utföra vektoroperationer som addition, subtraktion, skalär- och korsprodukter för studenter och yrkesverksamma.
<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">
Kontrollera själv
</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="vektorreknare-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>Call tool by 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>Embed on your site</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>Advertize here</span>
</a>
</div>
<div class="mt-16">
<h3 class="text-2xl leading-tight font-semibold mb-4 md:mb-6">About This Tool</h3>
<p class="text-[#717171] text-base font-normal mb-9 md:mb-14">
Vektorreknaren IJ ger en heltäckande lösning för att snabbt och exakt utföra vektorrelationer. Oavsett om du arbetar med fysikexperiment, tekniska designuppgifter eller akademiska uppgifter, tillåter detta verktyg att du matar in vektorernas komponenter och direkt ser resultat som addition, subtraktion, skalär multiplikation, skalär- och korsprodukt.<br/><br/>Genom klientbaserade beräkningar garanteras snabba svarstider utan serverberoende. Det användarvänliga gränssnittet stödjer både 2D- och 3D-vektorer, med växlingar för olika kontexter. Viktiga funktioner inkluderar steg-för-steg förklaringar, detaljerade resultat samt möjlighet att kopiera eller exportera uträkningar för rapporter eller presentationer.<br/><br/>Designad för studenter, lärare, ingenjörer och forskare hjälper Vektorreknaren IJ till att förenkla komplex vektormatematik, förbättra noggrannheten och öka inlärning och produktivitet inom flera discipliner.
</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">Sign in to see all your usage
<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">
How to Use
</h2>
<p class="text-[#717171] leading-relaxed tracking-wide">
1. Ange vektorernas komponenter i fälten märkt X, Y (och Z för 3D).<br/>2. Välj den önskade operationen i menyn.<br/>3. Se resultatet omedelbart i utdatapanelen.<br/>4. Använd ytterligare alternativ för förklaringar, kopiering eller export.<br/>5. Växla mellan 2D och 3D efter behov.
</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">
FAQs/Additional Resources
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-10 md:mb-20">
Find Quick Answers
</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">
Hur gör jag vektoraddition i detta verktyg?
</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">
Ange komponenterna för två vektorer, välj 'Addition' som operation, och verktyget visar omedelbart den resulterande vektorn.
</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">
Kan jag beräkna korsprodukten för 2D-vektorer?
</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">
Ja, genom att växla till 3D-läge (Z=0 för 2D-vektorer) kan du beräkna korsprodukten, vilket ger en skalar vinkelrätt mot planet.
</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">
Är detta verktyg lämpligt för studenter inom fysik och teknik?
</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">
Absolut. Det ger exakta, snabba beräkningar som hjälper studenter att verifiera sina lösningar och bättre förstå vektorrelationer.
</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">
Kan jag se stegvisa förklaringar av beräkningarna?
</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">
Ja, genom att aktivera förklaringsläget visas varje steg i vald vektoroperation, vilket underlättar inlärningen.
</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">
Stöder det beräkning av vinklar mellan vektorer?
</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">
Ja, verktyget kan beräkna vinkeln i grader eller radianer, vilket är användbart för många vetenskapliga tillämpningar.
</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">
User Reviews
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-7 md:mb-14">
See What Others Are Saying
</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">
Explore Related Tools
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-start mb-7 md:mb-14">
More Solutions for Your Needs
</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 xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><title>Calculator mg/kg Icon A modern icon featuring a calculator with a scale or measurement symbol, representing dosage calculation in mg per kg.
Beräkna snabbt och noggrant medicin- eller kosttillskottsdoser i mg från mg/kg och kroppsvikt med detta gratis verktyg.
Norwegian
Danish
German
English
Spanish
French
Italian
Dutch
Portuguese
Swedish
Hebrew
Arabic
