Vector Calculator IJ
An easy-to-use online tool to perform vector operations such as addition, subtraction, dot and cross products for students and professionals.
<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">
Check It Yourself
</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="vector-calculator-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">
The Vector Calculator IJ provides a comprehensive solution for performing essential vector operations quickly and accurately. Whether you're working on physics experiments, engineering designs, or academic assignments, this tool allows you to input vector components and instantly see results such as addition, subtraction, scalar multiplication, dot product, and cross product.<br/><br/>Powered by client-side calculations, it ensures fast response times without server dependency. Its user-friendly interface supports both 2D and 3D vectors, with toggle options to switch contexts. Key features include step-by-step explanations, detailed results, and options to copy or export calculations for reports or presentations.<br/><br/>Designed for students, teachers, engineers, and researchers, the Vector Calculator IJ helps simplify complex vector math, improve accuracy, and enhance learning and productivity across multiple disciplines.
</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. Enter the components of your vectors in the input fields labeled X, Y, (and Z if 3D).<br/>2. Select the desired operation from the operation menu.<br/>3. View the results instantly in the output panel.<br/>4. Use additional options for explanations, copying, or exporting results.<br/>5. Switch between 2D and 3D vectors as needed.
</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">
How do I perform vector addition in this tool?
</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">
Input the components of two vectors in the provided fields, select 'Addition' as the operation, and the calculator will display the resulting vector immediately.
</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">
Can I calculate the cross product of 2D vectors?
</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">
Yes, by toggling to 3D mode (adding Z=0 for 2D vectors), you can compute the cross product, which results in a scalar perpendicular to the plane.
</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">
Is this tool suitable for physics and engineering students?
</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">
Absolutely. It provides precise, instant calculations that help students verify their work and understand vector operations better.
</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">
Can I see step-by-step explanations of calculations?
</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">
Yes, toggling the explanation mode shows each step involved in the selected vector operation, aiding in learning.
</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">
Does it support angle calculations between vectors?
</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">
Yes, the tool can compute the angle between two vectors in degrees or radians, useful for various scientific applications.
</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 width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title>Futures Calculator MNQ Icon A modern SVG icon representing a futures calculator with upward trending line, symbolizing trading analysis. MNQ
Futures Calculator MNQ
Quickly calculate MNQ futures contract values, margins, and potential profits or losses with this free, user-friendly online tool for traders and investors.
Statistical calculator icon Minimalist SVG depicting a calculator with statistical data symbols, representing a MnQ calculator tool. ∑
MnQ Calculator
Quickly perform statistical calculations like mean, median, mode, and standard deviation with our free online MnQ calculator designed for students and professionals.
SVG icon representing a mnemonic and calculation A minimal, modern SVG illustration of a mnemonic device with a stylized brain and note card
Mnemonic Calculator
A free online tool to create, organize, and manage mnemonics, helping students and professionals improve memory retention effectively.
Measurement Conversion Icon Simple SVG icon representing measurement conversion with a ruler and arrows
Measurement Conversion
Quickly convert millimeters to various units like centimeters, inches, and meters using our free online measurement converter, suitable for professionals and hobbyists.
Norwegian
Danish
German
English
Spanish
French
Italian
Dutch
Portuguese
Swedish
Hebrew
Arabic
