Tailwind Modals Components in Dashy library

<section class="fixed inset-0 z-50 flex items-center justify-center flex-wrap py-28 bg-neutral-500 bg-opacity-80 overflow-y-auto" :class="{'hidden': !open}" x-data="{ open: true }">
  <div class="container px-4 mx-auto">
    <div class="relative pt-16 pb-20 px-16 text-center bg-white rounded-xl shadow-3xl">
      <button x-on:click="open=false" class="absolute right-6 top-6 text-neutral-400 hover:text-neutral-500">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M5.46967 17.4697C5.17678 17.7626 5.17678 18.2374 5.46967 18.5303C5.76256 18.8232 6.23744 18.8232 6.53033 18.5303L5.46967 17.4697ZM18.5303 6.53033C18.8232 6.23744 18.8232 5.76256 18.5303 5.46967C18.2374 5.17678 17.7626 5.17678 17.4697 5.46967L18.5303 6.53033ZM6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L6.53033 5.46967ZM17.4697 18.5303C17.7626 18.8232 18.2374 18.8232 18.5303 18.5303C18.8232 18.2374 18.8232 17.7626 18.5303 17.4697L17.4697 18.5303ZM6.53033 18.5303L18.5303 6.53033L17.4697 5.46967L5.46967 17.4697L6.53033 18.5303ZM5.46967 6.53033L17.4697 18.5303L18.5303 17.4697L6.53033 5.46967L5.46967 6.53033Z" fill="currentColor"></path>
        </svg>
      </button>
      <h2 class="font-heading mb-2 text-4xl text-center font-bold rounded-xl">What will you be using Dashy for?</h2>
      <p class="mb-11 text-neutral-500">We’ll use this to recommend designs and templates, especially for you</p>
      <div class="flex flex-wrap mb-9 -m-3">
        <div class="w-full sm:w-1/2 md:w-1/3 p-3">
          <div class="p-8 h-full border rounded-xl">
            <div class="flex items-center justify-center mx-auto mb-6 w-14 h-14 bg-neutral-100 rounded-full">
              <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M23.75 26.25V27L23.75 27L23.75 26.25ZM6.25 26.25L6.24999 27H6.25V26.25ZM3.75001 25.5C3.3358 25.5 3.00001 25.8357 3 26.25C2.99999 26.6642 3.33578 27 3.74999 27L3.75001 25.5ZM11.25 7.99997C10.8358 7.99997 10.5 8.33576 10.5 8.74997C10.5 9.16418 10.8358 9.49997 11.25 9.49997V7.99997ZM12.5 9.49997C12.9142 9.49997 13.25 9.16418 13.25 8.74997C13.25 8.33576 12.9142 7.99997 12.5 7.99997V9.49997ZM11.25 13C10.8358 13 10.5 13.3358 10.5 13.75C10.5 14.1642 10.8358 14.5 11.25 14.5V13ZM12.5 14.5C12.9142 14.5 13.25 14.1642 13.25 13.75C13.25 13.3358 12.9142 13 12.5 13V14.5ZM17.5 7.99997C17.0858 7.99997 16.75 8.33576 16.75 8.74997C16.75 9.16418 17.0858 9.49997 17.5 9.49997V7.99997ZM18.75 9.49997C19.1642 9.49997 19.5 9.16418 19.5 8.74997C19.5 8.33576 19.1642 7.99997 18.75 7.99997V9.49997ZM17.5 13C17.0858 13 16.75 13.3358 16.75 13.75C16.75 14.1642 17.0858 14.5 17.5 14.5V13ZM18.75 14.5C19.1642 14.5 19.5 14.1642 19.5 13.75C19.5 13.3358 19.1642 13 18.75 13V14.5ZM26.25 27C26.6642 27 27 26.6642 27 26.25C27 25.8357 26.6642 25.5 26.25 25.5L26.25 27ZM8.75 4.5H21.25V3H8.75V4.5ZM23 6.25V26.25H24.5V6.25H23ZM7 26.25V6.25H5.5V26.25H7ZM21.25 4.5C22.2165 4.5 23 5.2835 23 6.25H24.5C24.5 4.45507 23.0449 3 21.25 3V4.5ZM8.75 3C6.95507 3 5.5 4.45507 5.5 6.25H7C7 5.2835 7.7835 4.5 8.75 4.5V3ZM3.74999 27L6.24999 27L6.25001 25.5L3.75001 25.5L3.74999 27ZM13.75 19.5H16.25V18H13.75V19.5ZM11.25 9.49997H12.5V7.99997H11.25V9.49997ZM11.25 14.5H12.5V13H11.25V14.5ZM17.5 9.49997H18.75V7.99997H17.5V9.49997ZM17.5 14.5H18.75V13H17.5V14.5ZM16.25 19.5C16.5261 19.5 16.75 19.7238 16.75 20H18.25C18.25 18.8954 17.3546 18 16.25 18V19.5ZM13.25 20C13.25 19.7238 13.4739 19.5 13.75 19.5V18C12.6454 18 11.75 18.8954 11.75 20H13.25ZM12.5 25.5H6.25V27H12.5V25.5ZM11.75 20V26.25H13.25V20H11.75ZM23.75 27L26.25 27L26.25 25.5L23.75 25.5L23.75 27ZM23.75 25.5H17.5V27H23.75V25.5ZM17.5 25.5H12.5V27H17.5V25.5ZM16.75 20V26.25H18.25V20H16.75Z" fill="#0C1523"></path>
              </svg>
            </div>
            <h3 class="font-heading mb-3.5 text-lg font-semibold">Large company</h3>
            <p class="text-neutral-500">You’re here to scale your brand and keep it consistent</p>
          </div>
        </div>
        <div class="w-full sm:w-1/2 md:w-1/3 p-3">
          <div class="p-8 h-full border rounded-xl">
            <div class="flex items-center justify-center mx-auto mb-6 w-14 h-14 bg-neutral-100 rounded-full">
              <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.5805 19.4194L10.0502 19.9498L10.0502 19.9498L10.5805 19.4194ZM19.4194 19.4194L19.9497 19.9498L19.9497 19.9498L19.4194 19.4194ZM11.2644 20.1033L11.7947 19.573L11.7947 19.573L11.2644 20.1033ZM12.4999 23.0862L11.7499 23.0862V23.0862H12.4999ZM18.7355 20.1033L18.2051 19.573L18.2051 19.573L18.7355 20.1033ZM17.4999 23.0862L18.2499 23.0862L18.2499 23.0862L17.4999 23.0862ZM14.9999 26.25L14.9999 25.5L14.9999 25.5L14.9999 26.25ZM12.0793 20.5C11.6651 20.5 11.3293 20.8358 11.3293 21.25C11.3293 21.6642 11.6651 22 12.0793 22V20.5ZM17.9205 22C18.3347 22 18.6705 21.6642 18.6705 21.25C18.6705 20.8358 18.3347 20.5 17.9205 20.5V22ZM15.7499 3.75C15.7499 3.33579 15.4141 3 14.9999 3C14.5857 3 14.2499 3.33579 14.2499 3.75H15.7499ZM14.2499 5C14.2499 5.41421 14.5857 5.75 14.9999 5.75C15.4141 5.75 15.7499 5.41421 15.7499 5H14.2499ZM23.4852 7.57538C23.7781 7.28249 23.7781 6.80761 23.4852 6.51472C23.1923 6.22183 22.7174 6.22183 22.4246 6.51472L23.4852 7.57538ZM21.5407 7.3986C21.2478 7.6915 21.2478 8.16637 21.5407 8.45926C21.8336 8.75216 22.3084 8.75216 22.6013 8.45926L21.5407 7.3986ZM26.25 15.7499C26.6642 15.7499 27 15.4141 27 14.9999C27 14.5857 26.6642 14.2499 26.25 14.2499V15.7499ZM25 14.2499C24.5858 14.2499 24.25 14.5857 24.25 14.9999C24.25 15.4141 24.5858 15.7499 25 15.7499V14.2499ZM5 15.7499C5.41421 15.7499 5.75 15.4141 5.75 14.9999C5.75 14.5857 5.41421 14.2499 5 14.2499V15.7499ZM3.75 14.2499C3.33579 14.2499 3 14.5857 3 14.9999C3 15.4141 3.33579 15.7499 3.75 15.7499V14.2499ZM7.39853 8.45926C7.69143 8.75216 8.1663 8.75216 8.4592 8.45926C8.75209 8.16637 8.75209 7.69149 8.4592 7.3986L7.39853 8.45926ZM7.57531 6.51472C7.28242 6.22182 6.80754 6.22182 6.51465 6.51472C6.22176 6.80761 6.22176 7.28249 6.51465 7.57538L7.57531 6.51472ZM11.1108 18.8891C8.96296 16.7412 8.96296 13.2588 11.1108 11.1109L10.0502 10.0503C7.31652 12.784 7.31652 17.2161 10.0502 19.9498L11.1108 18.8891ZM11.1108 11.1109C13.2587 8.96306 16.7411 8.96306 18.889 11.1109L19.9497 10.0503C17.216 7.31661 12.7839 7.31661 10.0502 10.0503L11.1108 11.1109ZM18.889 11.1109C21.0369 13.2588 21.0369 16.7412 18.889 18.8891L19.9497 19.9498C22.6834 17.2161 22.6834 12.784 19.9497 10.0503L18.889 11.1109ZM10.0502 19.9498L10.7341 20.6336L11.7947 19.573L11.1108 18.8891L10.0502 19.9498ZM11.7499 23.0862V23.75H13.2499V23.0862H11.7499ZM18.889 18.8891L18.2051 19.573L19.2658 20.6336L19.9497 19.9498L18.889 18.8891ZM16.7499 23.0862V23.75H18.2499V23.0862H16.7499ZM16.7499 23.75C16.7499 24.7165 15.9664 25.5 14.9999 25.5L14.9999 27C16.7949 27 18.2499 25.5449 18.2499 23.75H16.7499ZM18.2051 19.573C17.2734 20.5047 16.7499 21.7685 16.7499 23.0862L18.2499 23.0862C18.2499 22.1663 18.6154 21.2841 19.2658 20.6336L18.2051 19.573ZM11.7499 23.75C11.7499 25.5449 13.205 27 14.9999 27L14.9999 25.5C14.0334 25.5 13.2499 24.7165 13.2499 23.75H11.7499ZM10.7341 20.6336C11.3845 21.2841 11.7499 22.1663 11.7499 23.0862L13.2499 23.0862C13.2499 21.7685 12.7265 20.5047 11.7947 19.573L10.7341 20.6336ZM12.0793 22H17.9205V20.5H12.0793V22ZM14.2499 3.75V5H15.7499V3.75H14.2499ZM22.4246 6.51472L21.5407 7.3986L22.6013 8.45926L23.4852 7.57538L22.4246 6.51472ZM26.25 14.2499H25V15.7499H26.25V14.2499ZM5 14.2499H3.75V15.7499H5V14.2499ZM8.4592 7.3986L7.57531 6.51472L6.51465 7.57538L7.39853 8.45926L8.4592 7.3986Z" fill="#0C1523"></path>
              </svg>
            </div>
            <h3 class="font-heading mb-3.5 text-lg font-semibold">Personal</h3>
            <p class="text-neutral-500">You’re here to make anything and everything</p>
          </div>
        </div>
        <div class="w-full sm:w-1/2 md:w-1/3 p-3">
          <div class="p-8 h-full border rounded-xl">
            <div class="flex items-center justify-center mx-auto mb-6 w-14 h-14 bg-neutral-100 rounded-full">
              <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M9.69023 6.72856L10.0805 6.08809L9.69023 6.72856ZM12.9058 5.39664L12.177 5.2197L12.9058 5.39664ZM6.72856 9.69023L6.08809 10.0805H6.08809L6.72856 9.69023ZM5.39664 12.9058L5.2197 12.177L5.39664 12.9058ZM5.39664 17.0942L5.57357 16.3654L5.39664 17.0942ZM6.72856 20.3098L6.08809 19.9195L6.72856 20.3098ZM9.69023 23.2714L10.0805 23.9119L9.69023 23.2714ZM12.9058 24.6034L13.6346 24.4264L12.9058 24.6034ZM17.0942 24.6034L17.823 24.7803L17.0942 24.6034ZM20.3098 23.2714L19.9195 23.9119L20.3098 23.2714ZM23.2714 20.3098L23.9119 19.9195L23.2714 20.3098ZM24.6034 17.0942L24.7803 17.823L24.6034 17.0942ZM24.6034 12.9058L24.4264 13.6346L24.6034 12.9058ZM23.2714 9.69023L23.9119 10.0805L23.2714 9.69023ZM20.3098 6.72856L19.9195 6.08809L20.3098 6.72856ZM17.0942 5.39664L16.3654 5.57357L17.0942 5.39664ZM9.29998 7.36904C10.9801 8.39273 13.1705 7.48544 13.6346 5.57357L12.177 5.2197C11.9525 6.14439 10.8931 6.5832 10.0805 6.08809L9.29998 7.36904ZM7.36904 9.29998C6.60258 8.04209 8.04209 6.60258 9.29998 7.36904L10.0805 6.08809C7.47967 4.50339 4.50339 7.47967 6.08809 10.0805L7.36904 9.29998ZM5.57357 13.6346C7.48544 13.1705 8.39273 10.9801 7.36904 9.29998L6.08809 10.0805C6.58321 10.8931 6.14439 11.9525 5.2197 12.177L5.57357 13.6346ZM5.57357 16.3654C4.14214 16.0179 4.14214 13.9821 5.57357 13.6346L5.2197 12.177C2.2601 12.8954 2.2601 17.1046 5.2197 17.823L5.57357 16.3654ZM7.36904 20.7C8.39273 19.0199 7.48544 16.8295 5.57357 16.3654L5.2197 17.823C6.14439 18.0475 6.58321 19.1069 6.08809 19.9195L7.36904 20.7ZM9.29999 22.631C8.04209 23.3974 6.60259 21.9579 7.36904 20.7L6.08809 19.9195C4.50339 22.5203 7.47967 25.4966 10.0805 23.9119L9.29999 22.631ZM13.6346 24.4264C13.1705 22.5146 10.9801 21.6073 9.29999 22.631L10.0805 23.9119C10.8931 23.4168 11.9525 23.8556 12.177 24.7803L13.6346 24.4264ZM16.3654 24.4264C16.0179 25.8579 13.9821 25.8579 13.6346 24.4264L12.177 24.7803C12.8955 27.7399 17.1046 27.7399 17.823 24.7803L16.3654 24.4264ZM20.7 22.631C19.0199 21.6073 16.8295 22.5146 16.3654 24.4264L17.823 24.7803C18.0475 23.8556 19.1069 23.4168 19.9195 23.9119L20.7 22.631ZM22.631 20.7C23.3974 21.9579 21.9579 23.3974 20.7 22.631L19.9195 23.9119C22.5203 25.4966 25.4966 22.5203 23.9119 19.9195L22.631 20.7ZM24.4264 16.3654C22.5146 16.8295 21.6073 19.0199 22.631 20.7L23.9119 19.9195C23.4168 19.1069 23.8556 18.0475 24.7803 17.823L24.4264 16.3654ZM24.4264 13.6346C25.8579 13.9821 25.8579 16.0179 24.4264 16.3654L24.7803 17.823C27.7399 17.1046 27.7399 12.8954 24.7803 12.177L24.4264 13.6346ZM22.631 9.29998C21.6073 10.9801 22.5146 13.1705 24.4264 13.6346L24.7803 12.177C23.8556 11.9525 23.4168 10.8931 23.9119 10.0805L22.631 9.29998ZM20.7 7.36904C21.9579 6.60259 23.3974 8.04208 22.631 9.29998L23.9119 10.0805C25.4966 7.47967 22.5203 4.50339 19.9195 6.08809L20.7 7.36904ZM16.3654 5.57357C16.8295 7.48544 19.0199 8.39273 20.7 7.36904L19.9195 6.08809C19.1069 6.58321 18.0475 6.14439 17.823 5.2197L16.3654 5.57357ZM17.823 5.2197C17.1046 2.2601 12.8955 2.2601 12.177 5.2197L13.6346 5.57357C13.9821 4.14214 16.0179 4.14214 16.3654 5.57357L17.823 5.2197ZM18 15C18 16.6569 16.6569 18 15 18V19.5C17.4853 19.5 19.5 17.4853 19.5 15H18ZM15 18C13.3431 18 12 16.6569 12 15H10.5C10.5 17.4853 12.5147 19.5 15 19.5V18ZM12 15C12 13.3431 13.3431 12 15 12V10.5C12.5147 10.5 10.5 12.5147 10.5 15H12ZM15 12C16.6569 12 18 13.3431 18 15H19.5C19.5 12.5147 17.4853 10.5 15 10.5V12Z" fill="#0C1523"></path>
              </svg>
            </div>
            <h3 class="font-heading mb-3.5 text-lg font-semibold">Teacher</h3>
            <p class="text-neutral-500">You’re here to empower your students</p>
          </div>
        </div>
        <div class="w-full sm:w-1/2 md:w-1/3 p-3">
          <div class="p-8 h-full border rounded-xl">
            <div class="flex items-center justify-center mx-auto mb-6 w-14 h-14 bg-neutral-100 rounded-full">
              <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M5 12.5V11.75C4.58579 11.75 4.25 12.0858 4.25 12.5H5ZM25 12.5H25.75C25.75 12.0858 25.4142 11.75 25 11.75V12.5ZM25 26.25V27C25.4142 27 25.75 26.6642 25.75 26.25H25ZM5 26.25H4.25C4.25 26.6642 4.58579 27 5 27V26.25ZM10.75 17.5C10.75 17.0858 10.4142 16.75 10 16.75C9.58579 16.75 9.25 17.0858 9.25 17.5H10.75ZM9.25 21.25C9.25 21.6642 9.58579 22 10 22C10.4142 22 10.75 21.6642 10.75 21.25H9.25ZM15.75 17.5C15.75 17.0858 15.4142 16.75 15 16.75C14.5858 16.75 14.25 17.0858 14.25 17.5H15.75ZM14.25 21.25C14.25 21.6642 14.5858 22 15 22C15.4142 22 15.75 21.6642 15.75 21.25H14.25ZM20.75 17.5C20.75 17.0858 20.4142 16.75 20 16.75C19.5858 16.75 19.25 17.0858 19.25 17.5H20.75ZM19.25 21.25C19.25 21.6642 19.5858 22 20 22C20.4142 22 20.75 21.6642 20.75 21.25H19.25ZM3.75 25.5C3.33579 25.5 3 25.8358 3 26.25C3 26.6642 3.33579 27 3.75 27V25.5ZM26.25 27C26.6642 27 27 26.6642 27 26.25C27 25.8358 26.6642 25.5 26.25 25.5V27ZM3.75 11.75C3.33579 11.75 3 12.0858 3 12.5C3 12.9142 3.33579 13.25 3.75 13.25V11.75ZM26.25 13.25C26.6642 13.25 27 12.9142 27 12.5C27 12.0858 26.6642 11.75 26.25 11.75V13.25ZM3.4454 8.06464C3.06688 8.23287 2.89641 8.67609 3.06464 9.0546C3.23287 9.43312 3.67609 9.60359 4.0546 9.43536L3.4454 8.06464ZM15 3.75L15.3046 3.06464C15.1107 2.97845 14.8893 2.97845 14.6954 3.06464L15 3.75ZM25.9454 9.43536C26.3239 9.60359 26.7671 9.43312 26.9354 9.0546C27.1036 8.67609 26.9331 8.23287 26.5546 8.06464L25.9454 9.43536ZM5 13.25H25V11.75H5V13.25ZM24.25 12.5V26.25H25.75V12.5H24.25ZM25 25.5H5V27H25V25.5ZM5.75 26.25V12.5H4.25V26.25H5.75ZM9.25 17.5V21.25H10.75V17.5H9.25ZM14.25 17.5V21.25H15.75V17.5H14.25ZM19.25 17.5V21.25H20.75V17.5H19.25ZM3.75 27H26.25V25.5H3.75V27ZM3.75 13.25H26.25V11.75H3.75V13.25ZM4.0546 9.43536L15.3046 4.43536L14.6954 3.06464L3.4454 8.06464L4.0546 9.43536ZM14.6954 4.43536L25.9454 9.43536L26.5546 8.06464L15.3046 3.06464L14.6954 4.43536Z" fill="#0C1523"></path>
              </svg>
            </div>
            <h3 class="font-heading mb-3.5 text-lg font-semibold">Small Business</h3>
            <p class="text-neutral-500">You’re here to design your brand from the ground up</p>
          </div>
        </div>
        <div class="w-full sm:w-1/2 md:w-1/3 p-3">
          <div class="p-8 h-full border rounded-xl">
            <div class="flex items-center justify-center mx-auto mb-6 w-14 h-14 bg-neutral-100 rounded-full">
              <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M11.25 25L11.7803 25.5303C11.8764 25.4342 11.9446 25.3138 11.9776 25.1819L11.25 25ZM10 26.25L9.46967 25.7197C9.25517 25.9342 9.191 26.2568 9.30709 26.537C9.42318 26.8173 9.69665 27 10 27V26.25ZM20 26.25V27C20.3033 27 20.5768 26.8173 20.6929 26.537C20.809 26.2568 20.7448 25.9342 20.5303 25.7197L20 26.25ZM18.75 25L18.0224 25.1819C18.0554 25.3138 18.1236 25.4342 18.2197 25.5303L18.75 25ZM12.9151 21.4319C13.0156 21.0301 12.7712 20.6229 12.3694 20.5224C11.9676 20.4219 11.5604 20.6663 11.4599 21.0681L12.9151 21.4319ZM18.5401 21.0681C18.4396 20.6663 18.0324 20.4219 17.6306 20.5224C17.2288 20.6229 16.9844 21.0301 17.0849 21.4319L18.5401 21.0681ZM3.75 15.5C3.33579 15.5 3 15.8358 3 16.25C3 16.6642 3.33579 17 3.75 17V15.5ZM26.25 17C26.6642 17 27 16.6642 27 16.25C27 15.8358 26.6642 15.5 26.25 15.5V17ZM6.25 4.5H23.75V3H6.25V4.5ZM25.5 6.25V18.75H27V6.25H25.5ZM23.75 20.5H6.25V22H23.75V20.5ZM4.5 18.75V6.25H3V18.75H4.5ZM6.25 20.5C5.2835 20.5 4.5 19.7165 4.5 18.75H3C3 20.5449 4.45507 22 6.25 22V20.5ZM25.5 18.75C25.5 19.7165 24.7165 20.5 23.75 20.5V22C25.5449 22 27 20.5449 27 18.75H25.5ZM23.75 4.5C24.7165 4.5 25.5 5.2835 25.5 6.25H27C27 4.45507 25.5449 3 23.75 3V4.5ZM6.25 3C4.45507 3 3 4.45507 3 6.25H4.5C4.5 5.2835 5.2835 4.5 6.25 4.5V3ZM10.7197 24.4697L9.46967 25.7197L10.5303 26.7803L11.7803 25.5303L10.7197 24.4697ZM10 27H20V25.5H10V27ZM20.5303 25.7197L19.2803 24.4697L18.2197 25.5303L19.4697 26.7803L20.5303 25.7197ZM11.4599 21.0681L10.5224 24.8181L11.9776 25.1819L12.9151 21.4319L11.4599 21.0681ZM19.4776 24.8181L18.5401 21.0681L17.0849 21.4319L18.0224 25.1819L19.4776 24.8181ZM3.75 17H26.25V15.5H3.75V17Z" fill="#0C1523"></path>
              </svg>
            </div>
            <h3 class="font-heading mb-3.5 text-lg font-semibold">Student</h3>
            <p class="text-neutral-500">You’re here to impress your teachers and classmate</p>
          </div>
        </div>
        <div class="w-full sm:w-1/2 md:w-1/3 p-3">
          <div class="p-8 h-full border rounded-xl">
            <div class="flex items-center justify-center mx-auto mb-6 w-14 h-14 bg-neutral-100 rounded-full">
              <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M5.39752 15.8525L5.92785 15.3221L5.39752 15.8525ZM13.3525 7.89752L13.8828 7.36719L13.3525 7.89752ZM15.0001 9.54511L14.4697 10.0754C14.6104 10.2161 14.8012 10.2951 15.0001 10.2951C15.199 10.2951 15.3898 10.2161 15.5304 10.0754L15.0001 9.54511ZM15.0001 25.455L14.4697 25.9853C14.6104 26.126 14.8012 26.205 15.0001 26.205C15.199 26.205 15.3897 26.126 15.5304 25.9853L15.0001 25.455ZM24.6025 15.8525L24.0721 15.3221L24.0721 15.3221L24.6025 15.8525ZM16.6475 7.89753L16.1172 7.3672L16.1172 7.36722L16.6475 7.89753ZM5.92785 15.3221C4.02405 13.4183 4.02405 10.3317 5.92785 8.42785L4.86719 7.36719C2.3776 9.85679 2.3776 13.8932 4.86719 16.3828L5.92785 15.3221ZM5.92785 8.42785C7.83166 6.52405 10.9183 6.52405 12.8221 8.42785L13.8828 7.36719C11.3932 4.8776 7.35679 4.8776 4.86719 7.36719L5.92785 8.42785ZM12.8221 8.42785L14.4697 10.0754L15.5304 9.01478L13.8828 7.36719L12.8221 8.42785ZM4.86719 16.3828L14.4697 25.9853L15.5304 24.9247L5.92785 15.3221L4.86719 16.3828ZM24.0721 8.42785C25.976 10.3317 25.976 13.4183 24.0721 15.3221L25.1328 16.3828C27.6224 13.8932 27.6224 9.85679 25.1328 7.36719L24.0721 8.42785ZM17.1779 8.42786C19.0817 6.52405 22.1683 6.52405 24.0721 8.42785L25.1328 7.36719C22.6432 4.8776 18.6068 4.8776 16.1172 7.3672L17.1779 8.42786ZM24.0721 15.3221L14.4697 24.9247L15.5304 25.9853L25.1328 16.3828L24.0721 15.3221ZM16.1172 7.36722L14.4697 9.01481L15.5304 10.0754L17.1779 8.42783L16.1172 7.36722Z" fill="#0C1523"></path>
              </svg>
            </div>
            <h3 class="font-heading mb-3.5 text-lg font-semibold">Non-profit or Charity</h3>
            <p class="text-neutral-500">You’re here to design for the greater good</p>
          </div>
        </div>
      </div>
      <a class="inline-flex px-6 py-4 text-sm text-neutral-50 font-medium bg-gradient-purple-left hover:bg-gradient-purple-left-dark rounded-lg transition duration-300" href="#">Get Started using Dashy</a>
    </div>
  </div>
</section>