Bulma Components in Bendis library

<section class="section py-24 has-background-light">
  <div class="container">
    <div class="columns is-multiline -mb-16">
      <div class="column is-6-tablet is-4-widescreen mb-16">
        <div class="is-flex has-mw-xs mx-auto">
          <div class="is-flex-shrink-0">
            <svg width="38" height="38" viewbox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M19 -0.0633545L0 18.6833L19 37.43L38 18.6833L19 -0.0633545ZM4.47782 18.6833L19 4.35477L25.1417 10.4146L22.9026 12.6239L19 8.77429L8.95708 18.6833L12.8582 22.5339L10.6191 24.7432L4.47782 18.6833ZM24.5665 18.6833L19 24.177L13.4349 18.6833L19 13.1924L24.5665 18.6833ZM12.8582 26.9525L15.0974 24.7432L19 28.5923L29.0444 18.6833L25.1417 14.8327L27.3809 12.6235L33.5222 18.6833L19 33.0119L12.8582 26.9525Z" fill="#3C74F9"></path>
            </svg>
          </div>
          <div class="ml-7">
            <h3 class="is-size-5 has-text-primary has-text-weight-bold is-uppercase mb-4">Spectacular team plan</h3>
            <p class="has-text-grey has-leading-6">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
          </div>
        </div>
      </div>
      <div class="column is-6-tablet is-4-widescreen mb-16">
        <div class="is-flex has-mw-xs mx-auto">
          <div class="is-flex-shrink-0">
            <svg width="38" height="38" viewbox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M20.5832 0V3.13632C28.5869 3.92368 34.8332 10.612 34.8332 18.7467C34.8332 26.8799 28.5869 33.5678 20.5832 34.3551V37.4933C30.3354 36.6957 38 28.613 38 18.7467C38 8.87889 30.3354 0.799545 20.5832 0Z" fill="#3C74F9"></path>
              <path d="M17.4168 34.3551C9.4164 33.5678 3.16683 26.8799 3.16683 18.7467C3.16683 10.6125 9.4164 3.92368 17.4168 3.13632V0C7.6665 0.799545 0 8.87889 0 18.7467C0 28.613 7.6665 36.6957 17.4168 37.4933V34.3551Z" fill="#3C74F9"></path>
              <path d="M9.6425 17.1846C10.3968 12.7524 14.2932 9.37332 19 9.37332C23.7068 9.37332 27.6032 12.7524 28.3575 17.1846H31.5566C30.7776 11.0212 25.4605 6.24872 19 6.24872C12.5429 6.24872 7.2238 11.0212 6.4429 17.1846H9.6425Z" fill="#3C74F9"></path>
              <path d="M28.3575 20.3087C27.6032 24.739 23.7068 28.12 19 28.12C14.2932 28.12 10.3968 24.739 9.6425 20.3087H6.44337C7.2238 26.4722 12.5428 31.2446 19 31.2446C25.4605 31.2446 30.7776 26.4722 31.5571 20.3087H28.3575Z" fill="#3C74F9"></path>
              <path d="M19 12.4979C15.5026 12.4979 12.6668 15.2959 12.6668 18.7467C12.6668 22.1975 15.5026 24.9954 19 24.9954C22.4988 24.9954 25.3332 22.1975 25.3332 18.7467C25.3332 15.2959 22.4988 12.4979 19 12.4979ZM19 21.8713C17.251 21.8713 15.8332 20.4723 15.8332 18.7467C15.8332 17.021 17.251 15.6221 19 15.6221C20.7504 15.6221 22.1668 17.021 22.1668 18.7467C22.1668 20.4723 20.7504 21.8713 19 21.8713Z" fill="#3C74F9"></path>
            </svg>
          </div>
          <div class="ml-7">
            <h3 class="is-size-5 has-text-primary has-text-weight-bold is-uppercase mb-4">No errors</h3>
            <p class="has-text-grey has-leading-6">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
          </div>
        </div>
      </div>
      <div class="column is-6-tablet is-4-widescreen mb-16">
        <div class="is-flex has-mw-xs mx-auto">
          <div class="is-flex-shrink-0">
            <svg width="38" height="38" viewbox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M19 1.66779H1.58333V19.3167C1.58333 29.0633 9.38164 36.9656 19 36.9656H36.4167V19.3167C36.4167 9.57008 28.6183 1.66779 19 1.66779ZM33.5137 34.0239H19C10.9975 34.0239 4.48625 27.4259 4.48625 19.3167V4.60941H19C27.0025 4.60941 33.5137 11.2079 33.5137 19.3167V34.0239Z" fill="#3C74F9"></path>
              <path d="M19 7.5506C12.5876 7.5506 7.38876 12.8188 7.38876 19.3167C7.38876 25.8146 12.5876 31.0827 19 31.0827C25.4124 31.0827 30.6113 25.8146 30.6113 19.3167C30.6113 12.8188 25.4124 7.5506 19 7.5506ZM19 28.1411C14.1895 28.1411 10.2917 24.19 10.2917 19.3167C10.2917 14.4434 14.1895 10.4922 19 10.4922C23.8092 10.4922 27.7084 14.4434 27.7084 19.3167C27.7084 24.19 23.8092 28.1411 19 28.1411Z" fill="#3C74F9"></path>
              <path d="M19 13.4338C15.794 13.4338 13.1946 16.0679 13.1946 19.3167C13.1946 22.5654 15.794 25.1995 19 25.1995C22.2059 25.1995 24.8054 22.5654 24.8054 19.3167C24.8054 16.0679 22.2059 13.4338 19 13.4338ZM19 22.2583C17.3968 22.2583 16.0971 20.9412 16.0971 19.3167C16.0971 17.6921 17.3968 16.375 19 16.375C20.6032 16.375 21.9029 17.6921 21.9029 19.3167C21.9029 20.9412 20.6032 22.2583 19 22.2583Z" fill="#3C74F9"></path>
            </svg>
          </div>
          <div class="ml-7">
            <h3 class="is-size-5 has-text-primary has-text-weight-bold is-uppercase mb-4">Change of access</h3>
            <p class="has-text-grey has-leading-6">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
          </div>
        </div>
      </div>
      <div class="column is-6-tablet is-4-widescreen mb-16">
        <div class="is-flex has-mw-xs mx-auto">
          <div class="is-flex-shrink-0">
            <svg width="34" height="36" viewbox="0 0 34 36" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M32.8905 1.5705C30.4891 -0.947027 24.0668 1.51085 17.2086 7.12064C10.3483 1.51085 3.9261 -0.94572 1.52586 1.5705C-0.877692 4.08803 1.46892 10.8146 6.82175 18.0002C1.47017 25.1861 -0.877692 31.9141 1.52586 34.4299C3.92734 36.9469 10.3512 34.4882 17.209 28.8797C24.0668 34.4882 30.4895 36.9469 32.891 34.4299C35.2945 31.9123 32.9467 25.1844 27.593 18.0002C32.9479 10.8146 35.2945 4.08672 32.8905 1.5705ZM30.1819 3.48455C30.6898 3.48455 30.9047 3.59515 30.9317 3.62345C31.0714 3.76931 31.4325 5.41646 29.6961 9.20581C28.7543 11.2614 27.4213 13.4658 25.7979 15.6986C24.8407 14.5387 23.8129 13.3792 22.7165 12.231C21.6217 11.0859 20.5145 10.0087 19.4094 9.00639C23.9733 5.36987 27.9841 3.48455 30.1819 3.48455ZM24.0261 17.9993C23.0112 19.2476 21.9231 20.4955 20.7556 21.7186C19.5648 22.9677 18.3765 24.1042 17.2099 25.1422C16.0179 24.0806 14.8271 22.9407 13.6604 21.7186C12.468 20.4702 11.382 19.225 10.3911 18.0037C11.4044 16.7532 12.4913 15.5075 13.6575 14.2848C14.8512 13.0361 16.0391 11.8966 17.2057 10.8586C18.3994 11.9219 19.5906 13.0618 20.7564 14.2835C21.9492 15.5327 23.0357 16.7758 24.0261 17.9993ZM3.35253 4.40849C3.35253 3.8786 3.4581 3.65175 3.4847 3.62345C3.62269 3.47889 5.19541 3.09878 8.81342 4.91922C10.7756 5.90586 12.8782 7.30221 15.0112 9.0016C13.904 10.0052 12.7947 11.0824 11.6987 12.2306C10.6052 13.3775 9.57693 14.5374 8.62182 15.6956C5.15219 10.9122 3.35253 6.71049 3.35253 4.40849ZM4.23449 32.5162C3.72701 32.5162 3.51089 32.4043 3.4847 32.3778C3.34547 32.2315 2.98388 30.5843 4.7216 26.795C5.66341 24.7399 6.99507 22.5354 8.6185 20.3026C9.57651 21.4621 10.6048 22.6233 11.7008 23.7715C12.7943 24.9188 13.9011 25.9943 15.0083 26.9966C10.4427 30.6309 6.4319 32.5162 4.23449 32.5162ZM31.0643 31.5919C31.0643 32.1226 30.9575 32.349 30.9317 32.376C30.7925 32.5223 29.2202 32.902 25.603 31.0816C23.6425 30.0949 21.5382 28.6986 19.4069 26.9979C20.5124 25.9951 21.6209 24.9184 22.7152 23.7711C23.8104 22.6242 24.8382 21.4647 25.7954 20.3052C29.2646 25.0882 31.0643 29.2881 31.0643 31.5919Z" fill="#3C74F9"></path>
            </svg>
          </div>
          <div class="ml-7">
            <h3 class="is-size-5 has-text-primary has-text-weight-bold is-uppercase mb-4">Weekly email updates</h3>
            <p class="has-text-grey has-leading-6">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
          </div>
        </div>
      </div>
      <div class="column is-6-tablet is-4-widescreen mb-16">
        <div class="is-flex has-mw-xs mx-auto">
          <div class="is-flex-shrink-0">
            <svg width="34" height="32" viewbox="0 0 34 32" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M21.1164 0.166687H1.67308C0.909799 0.166687 0.284424 0.801684 0.284424 1.57671V7.21765C0.284424 7.99267 0.909799 8.62767 1.67308 8.62767H21.1164C21.8801 8.62767 22.505 7.99267 22.505 7.21765V1.57671C22.505 0.801684 21.8801 0.166687 21.1164 0.166687ZM19.7277 5.8072H3.06216V2.98715H19.7277V5.8072Z" fill="#3C74F9"></path>
              <path d="M29.4492 0.166687C27.1489 0.166687 25.2828 2.06152 25.2828 4.39718C25.2828 6.73283 27.1489 8.62767 29.4492 8.62767C31.7494 8.62767 33.6155 6.73283 33.6155 4.39718C33.6155 2.06152 31.7494 0.166687 29.4492 0.166687ZM29.4492 5.8072C28.683 5.8072 28.0605 5.17516 28.0605 4.39718C28.0605 3.62046 28.683 2.98715 29.4492 2.98715C30.2154 2.98715 30.8378 3.62046 30.8378 4.39718C30.8378 5.17516 30.2154 5.8072 29.4492 5.8072Z" fill="#3C74F9"></path>
              <path d="M12.7836 19.9091H32.2269C32.9902 19.9091 33.6156 19.2741 33.6156 18.4991V12.8581C33.6156 12.0827 32.9902 11.4481 32.2269 11.4481H12.7836C12.0199 11.4481 11.3949 12.0827 11.3949 12.8581V18.4991C11.3949 19.2741 12.0199 19.9091 12.7836 19.9091ZM14.1723 14.2682H30.8378V17.0886H14.1723V14.2682Z" fill="#3C74F9"></path>
              <path d="M4.45081 19.9091C6.75108 19.9091 8.61721 18.0143 8.61721 15.6786C8.61721 13.343 6.75108 11.4481 4.45081 11.4481C2.15055 11.4481 0.284424 13.343 0.284424 15.6786C0.284424 18.0143 2.15055 19.9091 4.45081 19.9091ZM4.45081 14.2682C5.21701 14.2682 5.83947 14.9019 5.83947 15.6786C5.83947 16.4566 5.21701 17.0886 4.45081 17.0886C3.68462 17.0886 3.06216 16.4566 3.06216 15.6786C3.06216 14.9019 3.68462 14.2682 4.45081 14.2682Z" fill="#3C74F9"></path>
              <path d="M21.1164 22.7296H1.67308C0.909799 22.7296 0.284424 23.3642 0.284424 24.1396V29.7801C0.284424 30.5556 0.909799 31.1906 1.67308 31.1906H21.1164C21.8801 31.1906 22.505 30.5556 22.505 29.7801V24.1396C22.505 23.3642 21.8801 22.7296 21.1164 22.7296ZM19.7277 28.3701H3.06216V25.5497H19.7277V28.3701Z" fill="#3C74F9"></path>
              <path d="M29.4492 22.7296C27.1489 22.7296 25.2828 24.6245 25.2828 26.9601C25.2828 29.2958 27.1489 31.1906 29.4492 31.1906C31.7494 31.1906 33.6155 29.2958 33.6155 26.9601C33.6155 24.6245 31.7494 22.7296 29.4492 22.7296ZM29.4492 28.3701C28.683 28.3701 28.0605 27.7368 28.0605 26.9601C28.0605 26.1834 28.683 25.5497 29.4492 25.5497C30.2154 25.5497 30.8378 26.1834 30.8378 26.9601C30.8378 27.7368 30.2154 28.3701 29.4492 28.3701Z" fill="#3C74F9"></path>
            </svg>
          </div>
          <div class="ml-7">
            <h3 class="is-size-5 has-text-primary has-text-weight-bold is-uppercase mb-4">Frequent authentication</h3>
            <p class="has-text-grey has-leading-6">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
          </div>
        </div>
      </div>
      <div class="column is-6-tablet is-4-widescreen mb-16">
        <div class="is-flex has-mw-xs mx-auto">
          <div class="is-flex-shrink-0">
            <svg width="38" height="38" viewbox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g clip-path="url(#clip0_222_3326)">
                <path d="M19.5293 13.9871C16.4702 13.9871 13.9884 16.4677 13.9884 19.5279C13.9884 22.587 16.4702 25.0687 19.5293 25.0687C22.59 25.0687 25.0701 22.587 25.0701 19.5279C25.0701 16.4677 22.59 13.9871 19.5293 13.9871ZM19.5293 21.3747C18.5081 21.3747 17.6825 20.5491 17.6825 19.5279C17.6825 18.5067 18.5081 17.6811 19.5293 17.6811C20.5505 17.6811 21.376 18.5067 21.376 19.5279C21.376 20.5491 20.5505 21.3747 19.5293 21.3747Z" fill="#3C74F9"></path>
                <path d="M3.67134 37.9983L14.3058 27.3639L11.6941 24.7522L1.05965 35.3866L3.67134 37.9983Z" fill="#3C74F9"></path>
                <path d="M38 35.3849L27.3656 24.7505L24.7539 27.3622L35.3883 37.9966L38 35.3849Z" fill="#3C74F9"></path>
                <path d="M35.3863 1.05883L24.7523 11.6929L27.364 14.3046L37.998 3.67052L35.3863 1.05883Z" fill="#3C74F9"></path>
                <path d="M1.06026 3.67056L11.6947 14.305L14.3064 11.6933L3.67195 1.05887L1.06026 3.67056Z" fill="#3C74F9"></path>
              </g>
              <defs><rect width="38" height="38" fill="white"></rect></defs>
            </svg>
          </div>
          <div class="ml-7">
            <h3 class="is-size-5 has-text-primary has-text-weight-bold is-uppercase mb-4">List of regular users</h3>
            <p class="has-text-grey has-leading-6">Take care to develop resources continually and integrity them with previous projects. More interesting writings for your customers.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>