Features Components in Boldui library

<section class="relative pb-20 pt-32 bg-black overflow-hidden">
  <img class="absolute top-0 right-0" src="boldui-assets/elements/shadow-light-3.svg" alt="">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap -mx-4 -mb-32">
      <div class="relative w-full md:w-1/2 lg:w-1/3 px-4 mb-32">
        <div class="w-64 mx-auto">
          <span class="relative block mb-6">
            <img class="absolute h-64 w-40 md:w-64 top-0 left-0 transform -translate-x-1/2 -mt-28" src="boldui-assets/elements/ellipse.svg" alt="">
            <svg width="26" height="32" viewBox="0 0 26 32" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M25.4008 6.86099C25.403 6.86099 25.4047 6.85928 25.4047 6.85717C25.4048 6.18162 25.4314 5.49848 25.4047 4.82297C25.4047 4.81532 25.4047 4.80767 25.4047 4.80002C25.4047 4.44442 25.1638 4.17294 24.8426 4.06205C23.5196 3.60321 22.1928 3.14437 20.8698 2.68553C18.782 1.96285 16.6981 1.23635 14.6104 0.513674C14.1477 0.353079 13.6889 0.169543 13.2186 0.0318899C12.9853 -0.0369364 12.8247 0.0165949 12.6221 0.0854212C12.385 0.169542 12.1441 0.24984 11.9071 0.333961C9.90728 1.02605 7.91131 1.71813 5.91153 2.41022C4.34764 2.95318 2.78758 3.49232 1.22369 4.03529C1.19692 4.04293 1.17398 4.05441 1.14722 4.06205C0.826027 4.17294 0.585134 4.44825 0.585134 4.80002V11.8853C0.585134 13.3765 0.581311 14.8678 0.585134 16.359C0.588958 17.6247 0.810732 18.8979 1.23134 20.0909C2.09167 22.5496 3.65555 24.7099 5.51769 26.5109C7.35688 28.2889 9.50961 29.7763 11.8191 30.8699C12.083 30.9923 12.3468 31.1108 12.6106 31.2255C12.6248 31.2326 12.6424 31.2397 12.657 31.2468C12.6579 31.2472 12.6628 31.2484 12.6637 31.2484C12.6638 31.2484 12.6642 31.2485 12.6643 31.2485C12.7025 31.2638 12.7445 31.2791 12.7827 31.2905C12.965 31.3399 13.1661 31.3138 13.3674 31.231C13.3701 31.2299 13.3744 31.229 13.3768 31.2274C13.3792 31.2258 13.3805 31.2249 13.3832 31.2238C15.7141 30.2336 17.8769 28.8347 19.7724 27.1571C21.6842 25.4632 23.3705 23.4022 24.3799 21.043C24.8999 19.8233 25.2441 18.5615 25.3588 17.2385C25.42 16.5311 25.397 15.8161 25.397 15.1049V6.86481C25.397 6.8627 25.3987 6.86099 25.4008 6.86099ZM19.7839 11.5565C19.4665 11.8738 19.1491 12.1912 18.8318 12.5086C17.4552 13.8851 16.0825 15.2578 14.706 16.6343C13.838 17.5023 12.9662 18.3741 12.0982 19.2421C11.6585 19.6818 10.9129 19.6818 10.477 19.2421C10.3011 19.0662 10.1252 18.8903 9.94934 18.7144C8.71811 17.4832 7.48689 16.252 6.25183 15.0169C5.79682 14.5619 5.83123 13.8545 6.25183 13.3957C6.67244 12.9406 7.44865 12.9712 7.87308 13.3957C8.04897 13.5716 8.22486 13.7513 8.40074 13.9272C9.31207 14.8385 10.2234 15.7567 11.1347 16.6687C11.2149 16.749 11.345 16.749 11.4253 16.6687C12.8018 15.2922 14.1745 13.9157 15.551 12.5392C16.419 11.6712 17.2908 10.7994 18.1588 9.93141C18.6138 9.47639 19.325 9.5108 19.78 9.93141C20.2389 10.352 20.2083 11.132 19.7839 11.5565Z" fill="#FFEC3E"></path>
            </svg>
          </span>
          <div class="max-w-xs">
            <h3 class="mb-6 text-lg text-white font-heading">Security in saving</h3>
            <p class="text-lg text-gray-500">Take care to develop resources continually and integrity them with previous projects.</p>
          </div>
        </div>
      </div>
      <div class="relative w-full md:w-1/2 lg:w-1/3 px-4 mb-32">
        <div class="w-64 mx-auto">
          <span class="relative block mb-6">
            <img class="absolute h-64 w-40 md:w-64 top-0 left-0 transform -translate-x-1/2 -mt-28" src="boldui-assets/elements/ellipse.svg" alt="">
            <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" clip-rule="evenodd" d="M32.0001 16.1393C32.0001 6.99642 25.1429 0.139282 16.0001 0.139282C7.61911 0.139282 6.10352e-05 7.75833 6.10352e-05 16.1393C6.10352e-05 25.2821 6.8572 32.1393 16.0001 32.1393C25.1429 32.1393 32.0001 25.2821 32.0001 16.1393ZM11.4286 13.0917C10.9796 12.6094 10.9993 11.9972 11.4286 11.5679C11.858 11.1385 12.5317 11.1471 12.9524 11.5679L16.0001 14.6155L19.0477 11.5679C19.0477 11.5679 19.8675 10.8929 20.5715 11.5679C21.2754 12.2428 20.5715 13.0917 20.5715 13.0917L17.5239 16.1393L20.5715 19.0829C21.5023 19.9856 20.5715 20.7107 20.5715 20.7107C20.5715 20.7107 19.8096 21.3922 19.0477 20.6303L16.0001 17.6631L12.9524 20.6303C12.9524 20.6303 12.1133 21.315 11.4286 20.6303C11.0078 20.2095 11.2118 19.3279 11.4286 19.0829L14.4763 16.1393L11.4286 13.0917Z" fill="#FFEC3E"></path>
            </svg>
          </span>
          <div class="max-w-xs">
            <h3 class="mb-6 text-lg text-white font-heading">No errors</h3>
            <p class="text-lg text-gray-500">Take care to develop resources continually and integrity them with previous projects.</p>
          </div>
        </div>
      </div>
      <div class="relative w-full md:w-1/2 lg:w-1/3 px-4 mb-32">
        <div class="w-64 mx-auto">
          <span class="relative block mb-6">
            <img class="absolute h-64 w-40 md:w-64 top-0 left-0 transform -translate-x-1/2 -mt-28" src="boldui-assets/elements/ellipse.svg" alt="">
            <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M2.89077 3.01913C-0.963347 6.87325 -0.963347 13.1683 2.89077 17.0224C5.63148 19.7632 9.74255 20.6624 13.3397 19.2921L15.7807 21.733C15.9948 21.9472 16.2946 22.0756 16.5943 22.0756H19.0781V24.5594C19.0781 24.8592 19.2066 25.1589 19.4207 25.373L20.6197 26.5721C20.8338 26.7862 21.1336 26.9147 21.4334 26.9147H23.9171V29.3985C23.9171 29.6982 24.0456 29.998 24.2597 30.2121L25.7157 31.6681C25.9299 31.8822 26.2296 32.0107 26.4866 32.0107L30.7261 32.1392C31.0259 32.1392 31.3685 32.0535 31.6254 31.7966C31.8395 31.5825 31.968 31.2399 31.968 30.8973L31.8395 26.6577C31.8395 26.358 31.6682 26.101 31.4969 25.8869L19.1209 13.5537C20.4484 9.91373 19.592 5.84549 16.8513 3.10478C13.04 -0.834988 6.7449 -0.834988 2.89077 3.01913ZM15.0527 8.71467L10.1708 13.8535C9.91384 14.1533 9.52843 14.3246 9.10019 14.3246C8.67196 14.3246 8.32937 14.1533 8.0296 13.8535L5.33172 10.9843C4.77501 10.3848 4.81783 9.48549 5.37454 8.92879C5.97407 8.37208 6.87337 8.4149 7.43007 8.97161L9.10019 10.7274L12.9543 6.70196C13.511 6.10243 14.4531 6.10243 15.0098 6.65914C15.5666 7.21584 15.6094 8.11514 15.0527 8.71467Z" fill="#FFEC3E"></path>
            </svg>
          </span>
          <div class="max-w-xs">
            <h3 class="mb-6 text-lg text-white font-heading">Change of access</h3>
            <p class="text-lg text-gray-500">Take care to develop resources continually and integrity them with previous projects.</p>
          </div>
        </div>
      </div>
      <div class="relative w-full md:w-1/2 lg:w-1/3 px-4 mb-32">
        <div class="w-64 mx-auto">
          <span class="relative block mb-6">
            <img class="absolute h-64 w-40 md:w-64 top-0 left-0 transform -translate-x-1/2 -mt-28" src="boldui-assets/elements/ellipse.svg" alt="">
            <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M30.9945 11.3916L18.5515 1.76009C17.0417 0.614719 14.9592 0.614719 13.4494 1.76009L0.954461 11.3916C0.590024 11.6519 0.381775 12.1205 0.381775 12.5891V30.7068C0.381775 31.4877 0.954461 32.1125 1.68333 32.2166H30.3176C31.0465 32.1125 31.6192 31.4877 31.6192 30.7068V12.5891C31.6192 12.1205 31.411 11.6519 30.9945 11.3916ZM3.50552 27.2707V16.5458L8.86794 22.3247L3.50552 27.2707ZM18.8119 18.3159C17.1979 16.8582 14.8031 16.8582 13.1891 18.3159L11.1066 20.1902L4.28645 12.7973L15.3757 4.25909C15.7402 3.94671 16.2608 3.94671 16.6252 4.25909L27.7145 12.7973L20.8944 20.2422L18.8119 18.3159ZM28.4955 27.2707L23.1851 22.3768L28.4955 16.5458V27.2707Z" fill="#FFEC3E"></path>
            </svg>
          </span>
          <div class="max-w-xs">
            <h3 class="mb-6 text-lg text-white font-heading">Weekly email updates</h3>
            <p class="text-lg text-gray-500">Take care to develop resources continually and integrity them with previous projects.</p>
          </div>
        </div>
      </div>
      <div class="relative w-full md:w-1/2 lg:w-1/3 px-4 mb-32">
        <div class="w-64 mx-auto">
          <span class="relative block mb-6">
            <img class="absolute h-64 w-40 md:w-64 top-0 left-0 transform -translate-x-1/2 -mt-28" src="boldui-assets/elements/ellipse.svg" alt="">
            <svg width="25" height="33" viewBox="0 0 25 33" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M4.44631 21.8809H19.5368C22.2652 19.6915 24.0168 16.323 24.0168 12.5841C24.0168 5.94831 18.6274 0.558838 11.9916 0.558838C5.38947 0.558838 0 5.94831 0 12.5841C0 16.323 1.71789 19.6915 4.44631 21.8809ZM11.9916 3.01778C17.28 3.01778 21.5579 7.29567 21.5579 12.5841C21.5579 15.1441 20.5137 17.502 18.8295 19.2199C18.3579 17.4683 17.0105 16.1209 15.3263 15.6157C14.3831 16.2557 13.2042 16.6262 11.9916 16.6262C10.7789 16.6262 9.59999 16.2557 8.65683 15.6157C6.97263 16.1209 5.62526 17.4683 5.15368 19.2199C3.46947 17.502 2.45895 15.1441 2.45895 12.5841C2.42526 7.29567 6.73684 3.01778 11.9916 3.01778Z" fill="#FFEC3E"></path>
              <path d="M11.9916 15.0094C14.4844 15.0094 16.5052 12.9885 16.5052 10.4957C16.5052 8.00284 14.4844 5.98199 11.9916 5.98199C9.49873 5.98199 7.47789 8.00284 7.47789 10.4957C7.47789 12.9885 9.49873 15.0094 11.9916 15.0094Z" fill="#FFEC3E"></path>
              <path d="M21.4905 23.363H2.49263C1.17894 23.363 0.134735 24.4409 0.134735 25.7209V30.2009C0.134735 31.5146 1.21263 32.5588 2.49263 32.5588H21.4905C22.8042 32.5588 23.8484 31.4809 23.8484 30.2009V25.7209C23.8484 24.4072 22.8042 23.363 21.4905 23.363ZM7.41052 29.022C7.71368 29.3251 7.71368 29.763 7.41052 30.0662C7.27578 30.2009 7.07368 30.2683 6.90526 30.2683C6.73683 30.2683 6.53473 30.2009 6.39999 30.0662L5.35578 29.022L4.2442 30.0662C4.10947 30.2009 3.90736 30.2683 3.73894 30.2683C3.57052 30.2683 3.36842 30.2009 3.23368 30.0662C2.93052 29.763 2.93052 29.3251 3.23368 29.022L4.27789 27.9778L3.23368 26.9336C2.93052 26.6304 2.93052 26.1925 3.23368 25.8894C3.53684 25.5862 3.97473 25.5862 4.27789 25.8894L5.3221 26.9336L6.36631 25.8894C6.66947 25.5862 7.10736 25.5862 7.41052 25.8894C7.71368 26.1925 7.71368 26.6304 7.41052 26.9336L6.36631 27.9778L7.41052 29.022ZM14.08 29.022C14.3831 29.3251 14.3831 29.763 14.08 30.0662C13.9452 30.2009 13.7431 30.2683 13.5747 30.2683C13.4063 30.2683 13.2042 30.2009 13.0695 30.0662L11.9916 28.9883L10.9474 30.0325C10.8126 30.1672 10.6105 30.2346 10.4421 30.2346C10.2737 30.2346 10.0716 30.1672 9.93683 30.0325C9.63367 29.7293 9.63367 29.2915 9.93683 28.9883L10.981 27.9441L9.93683 26.8999C9.63367 26.5967 9.63367 26.1588 9.93683 25.8557C10.24 25.5525 10.6779 25.5525 10.981 25.8557L12.0253 26.8999L13.0695 25.8557C13.3726 25.5525 13.8105 25.5525 14.1137 25.8557C14.4168 26.1588 14.4168 26.5967 14.1137 26.8999L13.0695 27.9441L14.08 29.022ZM20.7831 29.022C21.0863 29.3251 21.0863 29.763 20.7831 30.0662C20.6484 30.2009 20.4463 30.2683 20.2779 30.2683C20.1095 30.2683 19.9073 30.2009 19.7726 30.0662L18.7284 29.022L17.6842 30.0662C17.5495 30.2009 17.3474 30.2683 17.1789 30.2683C17.0105 30.2683 16.8084 30.2009 16.6737 30.0662C16.3705 29.763 16.3705 29.3251 16.6737 29.022L17.7179 27.9778L16.6737 26.9336C16.3705 26.6304 16.3705 26.1925 16.6737 25.8894C16.9768 25.5862 17.4147 25.5862 17.7179 25.8894L18.7621 26.9336L19.8063 25.8894C20.1095 25.5862 20.5473 25.5862 20.8505 25.8894C21.1537 26.1925 21.1537 26.6304 20.8505 26.9336L19.8063 27.9778L20.7831 29.022Z" fill="#FFEC3E"></path>
            </svg>
          </span>
          <div class="max-w-xs">
            <h3 class="mb-6 text-lg text-white font-heading">Frequent authentication</h3>
            <p class="text-lg text-gray-500">Take care to develop resources continually and integrity them with previous projects.</p>
          </div>
        </div>
      </div>
      <div class="relative w-full md:w-1/2 lg:w-1/3 px-4 mb-32">
        <div class="w-64 mx-auto">
          <span class="relative block mb-6">
            <img class="absolute h-64 w-40 md:w-64 top-0 left-0 transform -translate-x-1/2 -mt-28" src="boldui-assets/elements/ellipse.svg" alt="">
            <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M29.0868 0.558838H2.88129C1.41963 0.558838 0.271179 1.70729 0.271179 3.16895V29.9487C0.271179 31.4104 1.41963 32.5588 2.88129 32.5588H29.0868C30.5485 32.5588 31.697 31.4104 31.697 29.9487V3.16895C31.697 1.70729 30.4963 0.558838 29.0868 0.558838ZM28.5648 29.4267H3.40332V3.69097H28.5648V29.4267Z" fill="#FFEC3E"></path>
              <path d="M26.2157 9.6943C26.2157 10.5817 25.5371 11.2604 24.6496 11.2604H7.31848C6.48324 11.2604 5.75241 10.5817 5.75241 9.6943C5.75241 8.80686 6.48324 8.12823 7.31848 8.12823H24.6496C25.4849 8.12823 26.2157 8.80686 26.2157 9.6943Z" fill="#FFEC3E"></path>
              <path d="M13.2173 16.585C13.2173 17.4724 12.5387 18.1511 11.6513 18.1511H7.31848C6.48324 18.1511 5.75241 17.4724 5.75241 16.585C5.75241 15.6976 6.48324 15.0189 7.31848 15.0189H11.6513C12.5387 15.0189 13.2173 15.6976 13.2173 16.585Z" fill="#FFEC3E"></path>
              <path d="M13.2173 23.5279C13.2173 24.4153 12.5387 25.0939 11.6513 25.0939H7.31848C6.48324 25.0939 5.75241 24.4153 5.75241 23.5279C5.75241 22.6404 6.48324 21.9618 7.31848 21.9618H11.6513C12.5387 21.9618 13.2173 22.6404 13.2173 23.5279Z" fill="#FFEC3E"></path>
              <path d="M25.7981 18.0467L20.3169 23.4757C20.0037 23.7889 19.586 23.9455 19.2206 23.9455C18.803 23.9455 18.4376 23.7889 18.1244 23.4757L16.0363 21.3876C15.4099 20.7612 15.4099 19.7693 16.0363 19.1951C16.6627 18.5687 17.6546 18.5687 18.2288 19.1951L19.2206 20.1869L23.5534 15.8542C24.1798 15.2277 25.1717 15.2277 25.7459 15.8542C26.3723 16.4284 26.3723 17.4202 25.7981 18.0467Z" fill="#FFEC3E"></path>
            </svg>
          </span>
          <div class="max-w-xs">
            <h3 class="mb-6 text-lg text-white font-heading">List of regular users</h3>
            <p class="text-lg text-gray-500">Take care to develop resources continually and integrity them with previous projects.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>