Tailwind CSS Benefits Components

<section class="py-12 bg-white">
  <div class="container px-4 mx-auto">
    <div class="max-w-6xl mx-auto">
      <div class="flex flex-wrap items-center -mx-4 -mb-12">
        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
          <div class="text-center">
            <span class="inline-block mb-2">
              <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M28.6667 20.6667C29.04 20.6667 29.3333 20.9601 29.3333 21.3334V22.6667C29.3333 24.8801 27.5467 26.6667 25.3333 26.6667C25.3333 24.4667 23.5333 22.6667 21.3333 22.6667C19.1333 22.6667 17.3333 24.4667 17.3333 26.6667H14.6667C14.6667 24.4667 12.8667 22.6667 10.6667 22.6667C8.46666 22.6667 6.66666 24.4667 6.66666 26.6667C4.45333 26.6667 2.66666 24.8801 2.66666 22.6667V20.0001C2.66666 19.2667 3.26666 18.6667 4 18.6667H16.6667C18.5067 18.6667 20 17.1734 20 15.3334V8.00008C20 7.26675 20.6 6.66675 21.3333 6.66675H22.4533C23.4133 6.66675 24.2933 7.18675 24.7733 8.01342L25.6267 9.50675C25.7467 9.72008 25.5867 10.0001 25.3333 10.0001C23.4933 10.0001 22 11.4934 22 13.3334V17.3334C22 19.1734 23.4933 20.6667 25.3333 20.6667H28.6667Z" fill="#C6FF53"></path>
                <path d="M10.6667 29.3333C12.1394 29.3333 13.3333 28.1394 13.3333 26.6667C13.3333 25.1939 12.1394 24 10.6667 24C9.19391 24 8 25.1939 8 26.6667C8 28.1394 9.19391 29.3333 10.6667 29.3333Z" fill="#C6FF53"></path>
                <path d="M21.3333 29.3333C22.8061 29.3333 24 28.1394 24 26.6667C24 25.1939 22.8061 24 21.3333 24C19.8606 24 18.6667 25.1939 18.6667 26.6667C18.6667 28.1394 19.8606 29.3333 21.3333 29.3333Z" fill="#C6FF53"></path>
                <path d="M29.3333 16.7067V18.6667H25.3333C24.6 18.6667 24 18.0667 24 17.3333V13.3333C24 12.6 24.6 12 25.3333 12H27.0533L28.9867 15.3867C29.2133 15.7867 29.3333 16.24 29.3333 16.7067Z" fill="#C6FF53"></path>
                <path d="M17.44 2.66675H7.58666C4.86666 2.66675 2.66666 4.86675 2.66666 7.58675V16.0934C2.66666 16.8267 3.26666 17.4267 4 17.4267H16.2C17.56 17.4267 18.6667 16.3201 18.6667 14.9601V3.89341C18.6667 3.21341 18.12 2.66675 17.44 2.66675ZM13.4267 9.42675L10.64 12.1201C10.44 12.3067 10.1867 12.4001 9.94666 12.4001C9.69333 12.4001 9.44 12.3067 9.25333 12.1201L7.90666 10.8401C7.50666 10.4534 7.49333 9.81341 7.88 9.41341C8.25333 9.01341 8.89333 9.01341 9.29333 9.38675L9.94666 10.0134L12.04 7.98675C12.44 7.60008 13.0667 7.61341 13.4533 8.01341C13.84 8.41341 13.8267 9.04008 13.4267 9.42675Z" fill="#C6FF53"></path>
              </svg>
            </span>
            <h4 class="font-bold">Free Standard Shipping</h4>
          </div>
        </div>
        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
          <div class="text-center">
            <span class="inline-block mb-2">
              <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M25 10.6667V13.4667C24.4133 13.3867 23.7467 13.3467 23 13.3334V10.6667C23 6.46675 21.8133 3.66675 16 3.66675C10.1867 3.66675 9 6.46675 9 10.6667V13.3334C8.25333 13.3467 7.58667 13.3867 7 13.4667V10.6667C7 6.80008 7.93333 1.66675 16 1.66675C24.0667 1.66675 25 6.80008 25 10.6667Z" fill="#C6FF53"></path>
                <path d="M25 13.4666C24.4133 13.3866 23.7467 13.3466 23 13.3333H8.99999C8.25332 13.3466 7.58666 13.3866 6.99999 13.4666C3.59999 13.8799 2.66666 15.5466 2.66666 19.9999V22.6666C2.66666 27.9999 3.99999 29.3333 9.33332 29.3333H22.6667C28 29.3333 29.3333 27.9999 29.3333 22.6666V19.9999C29.3333 15.5466 28.4 13.8799 25 13.4666ZM11.6133 22.2799C11.36 22.5199 11.0133 22.6666 10.6667 22.6666C10.4933 22.6666 10.32 22.6266 10.16 22.5599C9.98666 22.4933 9.85332 22.3999 9.71999 22.2799C9.47999 22.0266 9.33332 21.6799 9.33332 21.3333C9.33332 21.1599 9.37332 20.9866 9.43999 20.8266C9.50666 20.6666 9.59999 20.5199 9.71999 20.3866C9.85332 20.2666 9.98666 20.1733 10.16 20.1066C10.6533 19.8933 11.24 20.0133 11.6133 20.3866C11.7333 20.5199 11.8267 20.6666 11.8933 20.8266C11.96 20.9866 12 21.1599 12 21.3333C12 21.6799 11.8533 22.0266 11.6133 22.2799ZM17.2267 21.8399C17.16 21.9999 17.0667 22.1466 16.9467 22.2799C16.6933 22.5199 16.3467 22.6666 16 22.6666C15.64 22.6666 15.3067 22.5199 15.0533 22.2799C14.9333 22.1466 14.84 21.9999 14.7733 21.8399C14.7067 21.6799 14.6667 21.5066 14.6667 21.3333C14.6667 20.9733 14.8133 20.6399 15.0533 20.3866C15.5467 19.8933 16.44 19.8933 16.9467 20.3866C17.1867 20.6399 17.3333 20.9733 17.3333 21.3333C17.3333 21.5066 17.2933 21.6799 17.2267 21.8399ZM22.28 22.2799C22.0267 22.5199 21.68 22.6666 21.3333 22.6666C20.9867 22.6666 20.64 22.5199 20.3867 22.2799C20.1467 22.0266 20 21.6933 20 21.3333C20 20.9733 20.1467 20.6399 20.3867 20.3866C20.8933 19.8933 21.7867 19.8933 22.28 20.3866C22.3333 20.4533 22.3867 20.5199 22.44 20.5999C22.4933 20.6666 22.5333 20.7466 22.56 20.8266C22.6 20.9066 22.6267 20.9866 22.64 21.0666C22.6533 21.1599 22.6667 21.2533 22.6667 21.3333C22.6667 21.6799 22.52 22.0266 22.28 22.2799Z" fill="#C6FF53"></path>
              </svg>
            </span>
            <h4 class="font-bold">Secure Shopping Guarantee</h4>
          </div>
        </div>
        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
          <div class="text-center">
            <span class="inline-block mb-2">
              <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M11.1866 24.6532V11.1066C11.1866 10.5732 11.3466 10.0532 11.64 9.61322L15.28 4.19989C15.8533 3.33322 17.28 2.71989 18.4933 3.17322C19.8 3.61322 20.6666 5.07989 20.3866 6.38655L19.6933 10.7466C19.64 11.1466 19.7466 11.5066 19.9733 11.7866C20.2 12.0399 20.5333 12.1999 20.8933 12.1999H26.3733C27.4266 12.1999 28.3333 12.6266 28.8666 13.3732C29.3733 14.0932 29.4666 15.0266 29.1333 15.9732L25.8533 25.9599C25.44 27.6132 23.64 28.9599 21.8533 28.9599H16.6533C15.76 28.9599 14.5066 28.6532 13.9333 28.0799L12.2266 26.7599C11.5733 26.2666 11.1866 25.4799 11.1866 24.6532Z" fill="#C6FF53"></path>
                <path d="M6.94669 8.50659H5.57335C3.50669 8.50659 2.66669 9.30659 2.66669 11.2799V24.6933C2.66669 26.6666 3.50669 27.4666 5.57335 27.4666H6.94669C9.01335 27.4666 9.85335 26.6666 9.85335 24.6933V11.2799C9.85335 9.30659 9.01335 8.50659 6.94669 8.50659Z" fill="#C6FF53"></path>
              </svg>
            </span>
            <h4 class="font-bold">100% Customer Satisfaction</h4>
          </div>
        </div>
        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
          <div class="text-center">
            <span class="inline-block mb-2">
              <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16 2.66675C8.65335 2.66675 2.66669 8.65341 2.66669 16.0001C2.66669 23.3467 8.65335 29.3334 16 29.3334C23.3467 29.3334 29.3334 23.3467 29.3334 16.0001C29.3334 8.65341 23.3467 2.66675 16 2.66675ZM22.3734 12.9334L14.8134 20.4934C14.6267 20.6801 14.3734 20.7867 14.1067 20.7867C13.84 20.7867 13.5867 20.6801 13.4 20.4934L9.62669 16.7201C9.24002 16.3334 9.24002 15.6934 9.62669 15.3067C10.0134 14.9201 10.6534 14.9201 11.04 15.3067L14.1067 18.3734L20.96 11.5201C21.3467 11.1334 21.9867 11.1334 22.3734 11.5201C22.76 11.9067 22.76 12.5334 22.3734 12.9334Z" fill="#AFFF0F"></path>
              </svg>
            </span>
            <h4 class="font-bold">Product Guarantee</h4>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="relative overflow-hidden py-6">
  <div class="container px-4 mx-auto">
    <div class="flex flex-wrap">
      <div class="w-full sm:w-1/2 lg:w-1/4 p-4">
        <div class="flex flex-col items-center gap-3">
          <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
            <path d="M1.5 12.5V17.5C1.5 17.7652 1.60536 18.0196 1.79289 18.2071C1.98043 18.3946 2.23478 18.5 2.5 18.5H3.5C3.5 19.2956 3.81607 20.0587 4.37868 20.6213C4.94129 21.1839 5.70435 21.5 6.5 21.5C7.29565 21.5 8.05871 21.1839 8.62132 20.6213C9.18393 20.0587 9.5 19.2956 9.5 18.5H15.5C15.5 19.2956 15.8161 20.0587 16.3787 20.6213C16.9413 21.1839 17.7043 21.5 18.5 21.5C19.2956 21.5 20.0587 21.1839 20.6213 20.6213C21.1839 20.0587 21.5 19.2956 21.5 18.5H22.5C22.7652 18.5 23.0196 18.3946 23.2071 18.2071C23.3946 18.0196 23.5 17.7652 23.5 17.5V5.5C23.5 4.70435 23.1839 3.94129 22.6213 3.37868C22.0587 2.81607 21.2956 2.5 20.5 2.5H11.5C10.7043 2.5 9.94129 2.81607 9.37868 3.37868C8.81607 3.94129 8.5 4.70435 8.5 5.5V7.5H6.5C6.03426 7.5 5.57492 7.60844 5.15836 7.81672C4.74179 8.025 4.37944 8.32741 4.1 8.7L1.7 11.9C1.67075 11.9435 1.64722 11.9905 1.63 12.04L1.57 12.15C1.52587 12.2615 1.50216 12.3801 1.5 12.5ZM17.5 18.5C17.5 18.3022 17.5586 18.1089 17.6685 17.9444C17.7784 17.78 17.9346 17.6518 18.1173 17.5761C18.3 17.5004 18.5011 17.4806 18.6951 17.5192C18.8891 17.5578 19.0673 17.653 19.2071 17.7929C19.347 17.9327 19.4422 18.1109 19.4808 18.3049C19.5194 18.4989 19.4996 18.7 19.4239 18.8827C19.3482 19.0654 19.22 19.2216 19.0556 19.3315C18.8911 19.4414 18.6978 19.5 18.5 19.5C18.2348 19.5 17.9804 19.3946 17.7929 19.2071C17.6054 19.0196 17.5 18.7652 17.5 18.5ZM10.5 5.5C10.5 5.23478 10.6054 4.98043 10.7929 4.79289C10.9804 4.60536 11.2348 4.5 11.5 4.5H20.5C20.7652 4.5 21.0196 4.60536 21.2071 4.79289C21.3946 4.98043 21.5 5.23478 21.5 5.5V16.5H20.72C20.4388 16.1906 20.0961 15.9435 19.7138 15.7743C19.3315 15.6052 18.918 15.5178 18.5 15.5178C18.082 15.5178 17.6685 15.6052 17.2862 15.7743C16.9039 15.9435 16.5612 16.1906 16.28 16.5H10.5V5.5ZM8.5 11.5H4.5L5.7 9.9C5.79315 9.7758 5.91393 9.675 6.05279 9.60557C6.19164 9.53615 6.34475 9.5 6.5 9.5H8.5V11.5ZM5.5 18.5C5.5 18.3022 5.55865 18.1089 5.66853 17.9444C5.77841 17.78 5.93459 17.6518 6.11732 17.5761C6.30004 17.5004 6.50111 17.4806 6.69509 17.5192C6.88907 17.5578 7.06725 17.653 7.20711 17.7929C7.34696 17.9327 7.4422 18.1109 7.48078 18.3049C7.51937 18.4989 7.49957 18.7 7.42388 18.8827C7.34819 19.0654 7.22002 19.2216 7.05557 19.3315C6.89112 19.4414 6.69778 19.5 6.5 19.5C6.23478 19.5 5.98043 19.3946 5.79289 19.2071C5.60536 19.0196 5.5 18.7652 5.5 18.5ZM3.5 13.5H8.5V16.28C7.90983 15.7526 7.13513 15.4797 6.34469 15.5209C5.55425 15.5621 4.81212 15.914 4.28 16.5H3.5V13.5Z" fill="#FB5622"></path>
          </svg>
          <span class="text-rhino-800 text-sm font-medium">Free Shipping</span>
        </div>
      </div>
      <div class="w-full sm:w-1/2 lg:w-1/4 p-4">
        <div class="flex flex-col items-center gap-3">
          <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
            <path d="M20.13 3.65C20.0138 3.55602 19.8781 3.48928 19.7327 3.45467C19.5873 3.42006 19.4361 3.41846 19.29 3.45C18.2214 3.67395 17.1183 3.6768 16.0486 3.45839C14.9789 3.23997 13.9653 2.80492 13.07 2.18C12.9026 2.06388 12.7037 2.00165 12.5 2.00165C12.2963 2.00165 12.0974 2.06388 11.93 2.18C11.0348 2.80492 10.0211 3.23997 8.95137 3.45839C7.88166 3.6768 6.77857 3.67395 5.71001 3.45C5.56394 3.41846 5.41267 3.42006 5.26731 3.45467C5.12194 3.48928 4.98618 3.55602 4.87001 3.65C4.75399 3.74412 4.66053 3.86304 4.5965 3.99802C4.53247 4.133 4.4995 4.28061 4.50001 4.43V11.88C4.49912 13.3138 4.84078 14.727 5.49654 16.002C6.1523 17.277 7.10319 18.3768 8.27001 19.21L11.92 21.81C12.0894 21.9306 12.2921 21.9954 12.5 21.9954C12.7079 21.9954 12.9106 21.9306 13.08 21.81L16.73 19.21C17.8968 18.3768 18.8477 17.277 19.5035 16.002C20.1592 14.727 20.5009 13.3138 20.5 11.88V4.43C20.5005 4.28061 20.4675 4.133 20.4035 3.99802C20.3395 3.86304 20.246 3.74412 20.13 3.65ZM18.5 11.88C18.5008 12.9948 18.2353 14.0936 17.7257 15.085C17.216 16.0765 16.477 16.9319 15.57 17.58L12.5 19.77L9.43001 17.58C8.52304 16.9319 7.78399 16.0765 7.27435 15.085C6.76472 14.0936 6.49924 12.9948 6.50001 11.88V5.58C8.59643 5.75944 10.696 5.27303 12.5 4.19C14.304 5.27303 16.4036 5.75944 18.5 5.58V11.88Z" fill="#FB5622"></path>
          </svg>
          <span class="text-rhino-800 text-sm font-medium">Secure Shopping</span>
        </div>
      </div>
      <div class="w-full sm:w-1/2 lg:w-1/4 p-4">
        <div class="flex flex-col items-center gap-3">
          <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
            <path d="M22.5 9.66999C22.4368 9.48708 22.322 9.32642 22.1693 9.20749C22.0167 9.08857 21.8328 9.01649 21.64 8.99999L15.95 8.16999L13.4 2.99999C13.3181 2.83092 13.1902 2.68833 13.0311 2.58857C12.8719 2.4888 12.6878 2.43588 12.5 2.43588C12.3121 2.43588 12.1281 2.4888 11.9689 2.58857C11.8097 2.68833 11.6819 2.83092 11.6 2.99999L9.04998 8.15999L3.35998 8.99999C3.1749 9.0263 3.0009 9.10396 2.85773 9.22415C2.71455 9.34435 2.60794 9.50227 2.54998 9.67999C2.49692 9.85367 2.49216 10.0385 2.53621 10.2147C2.58025 10.3909 2.67144 10.5517 2.79998 10.68L6.92998 14.68L5.92998 20.36C5.89428 20.5475 5.91297 20.7412 5.98385 20.9184C6.05473 21.0956 6.17483 21.2489 6.32998 21.36C6.48119 21.4681 6.65955 21.5319 6.84503 21.5443C7.0305 21.5566 7.21575 21.5171 7.37998 21.43L12.5 18.76L17.6 21.44C17.7403 21.5192 17.8988 21.5605 18.06 21.56C18.2718 21.5607 18.4784 21.4942 18.65 21.37C18.8051 21.2589 18.9252 21.1056 18.9961 20.9284C19.067 20.7512 19.0857 20.5575 19.05 20.37L18.05 14.69L22.18 10.69C22.3244 10.5677 22.4311 10.4069 22.4877 10.2263C22.5444 10.0458 22.5486 9.85287 22.5 9.66999ZM16.35 13.67C16.2327 13.7834 16.145 13.9238 16.0944 14.079C16.0439 14.2341 16.032 14.3992 16.06 14.56L16.78 18.75L13.02 16.75C12.8753 16.673 12.7139 16.6327 12.55 16.6327C12.3861 16.6327 12.2247 16.673 12.08 16.75L8.31998 18.75L9.03998 14.56C9.06791 14.3992 9.05609 14.2341 9.00554 14.079C8.95499 13.9238 8.86725 13.7834 8.74998 13.67L5.74998 10.67L9.95998 10.06C10.122 10.0375 10.276 9.97553 10.4085 9.87964C10.541 9.78376 10.6479 9.65683 10.72 9.50999L12.5 5.69999L14.38 9.51999C14.452 9.66683 14.559 9.79376 14.6915 9.88964C14.824 9.98553 14.978 10.0475 15.14 10.07L19.35 10.68L16.35 13.67Z" fill="#FB5622"></path>
          </svg>
          <span class="text-rhino-800 text-sm font-medium">100% Satisfaction</span>
        </div>
      </div>
      <div class="w-full sm:w-1/2 lg:w-1/4 p-4">
        <div class="flex flex-col items-center gap-3">
          <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
            <path d="M10.71 14.75C10.803 14.8437 10.9136 14.9181 11.0354 14.9689C11.1573 15.0197 11.288 15.0458 11.42 15.0458C11.552 15.0458 11.6827 15.0197 11.8046 14.9689C11.9264 14.9181 12.037 14.8437 12.13 14.75L16.21 10.67C16.3983 10.4817 16.5041 10.2263 16.5041 9.96C16.5041 9.6937 16.3983 9.4383 16.21 9.25C16.0217 9.0617 15.7663 8.95591 15.5 8.95591C15.2337 8.95591 14.9783 9.0617 14.79 9.25L11.42 12.63L10.21 11.41C10.0217 11.2217 9.7663 11.1159 9.5 11.1159C9.2337 11.1159 8.9783 11.2217 8.79 11.41C8.6017 11.5983 8.49591 11.8537 8.49591 12.12C8.49591 12.3863 8.6017 12.6417 8.79 12.83L10.71 14.75ZM21.5 2H3.5C3.23478 2 2.98043 2.10536 2.79289 2.29289C2.60536 2.48043 2.5 2.73478 2.5 3V21C2.5 21.2652 2.60536 21.5196 2.79289 21.7071C2.98043 21.8946 3.23478 22 3.5 22H21.5C21.7652 22 22.0196 21.8946 22.2071 21.7071C22.3946 21.5196 22.5 21.2652 22.5 21V3C22.5 2.73478 22.3946 2.48043 22.2071 2.29289C22.0196 2.10536 21.7652 2 21.5 2ZM20.5 20H4.5V4H20.5V20Z" fill="#FB5622"></path>
          </svg>
          <span class="text-rhino-800 text-sm font-medium">Product Guarantee</span>
        </div>
      </div>
    </div>
  </div>
</section>