<section>
  <div
    class="relative items-center w-full px-5 py-12 mx-auto md:px-12 lg:px-20 max-w-7xl"
  >
    <div class="grid w-full grid-cols-1 mx-auto lg:grid-cols-4">
      <div class="max-w-md p-6 mx-auto">
        <div
          class="flex items-center justify-center w-12 h-12 text-primary-dark bg-base-50 rounded-xl"
        >
          <svg
            width="325"
            height="325"
            viewBox="0 0 325 325"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
    