SVG Converter Studio

Generates a self-contained 512x512 SVG image suitable for tool previews and testing, featuring a bold, abstract composition on a transparent background.

Check It Yourself

Call tool by api Embed on your site Advertize here

About This Tool

This tool delivers a self-contained SVG asset that can be embedded directly in web projects or design tests. It outputs a clean vector image at a fixed 512x512 canvas with a transparent background, enabling seamless composition with other UI elements. The output does not embed external fonts or raster data, so it remains crisp at any scale and remains device- and framework-agnostic. Users include frontend developers validating rendering paths, designers preparing placeholder assets, and QA engineers verifying asset loading. The generic, non-branded design makes it suitable for multiple projects without licensing concerns.

Conceptually, the generator constructs an abstract composition from simple vector shapes such as polygons and circles. The elements are positioned to cover roughly 70% of the canvas while leaving transparent margins, ensuring visibility across backgrounds. The generation is deterministic and reproducible; the same parameters yield identical SVG strings. Accessibility is supported by including a and <desc> within the SVG, which helps assistive technologies identify the asset without altering the visual output.<br/><br/>Core workflow focuses on portability and simplicity: fixed viewBox, explicit size, no embedded fonts, and a minimal set of shapes. Use cases include inlining in frameworks, exporting as assets for prototyping, or validating rendering pipelines. Unique value lies in producing a ready-to-use vector string that requires no build steps or dependencies, making it easy to integrate into CI, design tokens, and component libraries. </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. Provide optional inputs for width/height and color palette (defaults to 512x512 and a bold blue palette).<br/>2. Generate the SVG content string.<br/>3. Copy to clipboard or save as a .svg file.<br/>4. Validate rendering in a browser or vector editor.<br/>5. Integrate the SVG string into codebases or design systems. </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"> What formats are produced? </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"> The output is a standalone SVG string that uses vector shapes and does not embed fonts or raster data. It is scalable, browser-compatible, and suitable for inlined use or file export. </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 customize colors or shapes? </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. Optional inputs allow palette customization and geometry adjustments. The default design uses bold blues, but you can supply hex colors and adjust shape counts to fit branding needs. </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 the SVG suitable for production branding? </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"> The SVG is generic and non-branded. For production branding, adapt colors, shapes, or embed fonts as needed to align with brand guidelines. </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"> Where can I reuse the output? </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"> The SVG string can be embedded inline in HTML, stored as a file, or loaded by JavaScript in various frameworks. It remains portable across projects and environments. </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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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\" role=\"img\" aria-label=\"Document to PDF converter icon\"><title>Document to PDF converterAbstract bold document icon with a conversion arrow

Doc to PDF Converter

A document to PDF converter for writers, students, and editors to produce portable PDFs from common formats.

Word Document Converter

Converts plain text into Word-ready DOCX with basic styling and metadata for quick export.

Writing converter to text

Converts handwritten or drafted text into editable digital text for editing, analysis, or content repurposing, suitable for writers, researchers, and students.

PDF Writer Converter

Converts textual content into a structured PDF for academics, writers, and teams, enabling consistent formatting and easy sharing.

Your Feedback Matters

Help Us to Improve