Home
ariaw
Logo grid

Logo grid

This tailwind example is contributed by ariaw, on 28-Oct-2025. Component is made with Tailwind CSS v3. It is responsive.

Grid Logo cloud

Author ariaw

396

4

Fork Fullscreen

<div class="flex min-h-screen items-center justify-center bg-gray-50 p-4">
  
  <section class="group relative mx-auto max-w-7xl rounded-xl border border-gray-200 bg-gray-50 p-8 transition-all duration-300 hover:border-blue-300 hover:backdrop-blur-sm">
    
    <div class="grid grid-cols-2 justify-center gap-8 md:grid-cols-4 lg:grid-cols-6">
      
      <div class="flex items-center justify-center p-1 grayscale filter transition-all duration-300 hover:grayscale-0 sm:p-2 md:p-3 lg:p-4">
        <svg width="100%" height="100%" viewBox="0 0 286 40" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M286 7.5C286 8.88071 284.881 10 283.5 10C282.119 10 281 8.88071 281 7.5C281 6.11929 282.119 5 283.5 5C284.881 5 286 6.11929 286 7.5Z" fill="#002767"></path>
          <path d="M213.975 23.4327C214.063 23.0176 213.868 22.6497 213.492 22.5205L199.501 17.7166C197.613 17.0683 196.635 15.2214 197.079 13.1388C197.645 10.4783 200.312 8.32143 203.036 8.32143H221.141L220.32 12.1786H202.215C201.672 12.1786 201.141 12.6085 201.028 13.1388C200.94 13.5538 201.134 13.9217 201.511 14.051L215.502 18.8548C217.39 19.5032 218.367 21.35 217.924 23.4327C217.358 26.0932 214.69 28.25 211.966 28.25H193.862L194.683 24.3929H212.787C213.33 24.3929 213.862 23.9629 213.975 23.4327Z" fill="#002767"></path>
          <path d="M170.529 8L166.253 28.0893H162.303L166.58 8H170.529Z" fill="#002767"></path>
          <path d="M275.18 8C278.452 8 280.552 10.5904 279.872 13.7857L276.862 27.9286H272.912L275.923 13.7857C276.15 12.7206 275.449 11.8571 274.359 11.8571H267.119L263.698 27.9286H259.749L263.17 11.8571H253.955L250.534 27.9286H246.585L250.006 11.8571H253.955L254.776 8H275.18Z" fill="#002767"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M105.629 8.32143C108.901 8.32143 111.002 10.9118 110.322 14.1071L108.132 24.3929H104.183L103.362 28.25H88.2236C85.0032 28.25 82.9173 25.74 83.5017 22.6137L83.5316 22.4643L85.7211 12.1786H89.6702L90.4912 8.32143H105.629ZM87.4807 22.4643L87.4621 22.5635C87.2981 23.5825 87.9882 24.3929 89.0447 24.3929H104.183L106.372 14.1071C106.599 13.042 105.899 12.1786 104.808 12.1786H89.6702L87.4807 22.4643Z" fill="#002767"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M158.284 8.32143C161.556 8.32143 163.656 10.9118 162.976 14.1071L160.787 24.3929H156.838L156.017 28.25H140.878C137.658 28.25 135.572 25.74 136.156 22.6137L136.186 22.4643L138.376 12.1786H142.325L143.146 8.32143H158.284ZM140.135 22.4643L140.117 22.5635C139.953 23.5825 140.643 24.3929 141.699 24.3929H156.838L159.027 14.1071C159.254 13.042 158.554 12.1786 157.463 12.1786H142.325L140.135 22.4643Z" fill="#002767"></path>
          <path d="M177.867 12.1786C176.776 12.1786 175.708 13.042 175.482 14.1071L171.103 34.6786H167.154L171.533 14.1071C172.213 10.9118 175.416 8.32143 178.688 8.32143H191.851L191.03 12.1786H194.979L192.79 22.4643C192.11 25.6596 188.906 28.25 185.635 28.25H176.42L177.241 24.3929H186.456C187.546 24.3929 188.614 23.5294 188.841 22.4643L191.03 12.1786H177.867Z" fill="#002767"></path>
          <path d="M115.274 20.2143C115.048 21.2794 115.748 22.1429 116.838 22.1429H126.053L125.232 26H116.017C112.746 26 110.645 23.4096 111.325 20.2143L112.967 12.5H116.916L117.737 8.64286H130.901C134.173 8.64286 136.273 11.2332 135.593 14.4286L132.446 29.2143C131.766 32.4096 128.562 35 125.29 35H112.62L113.442 31.1429H126.112C127.202 31.1429 128.27 30.2794 128.497 29.2143L131.644 14.4286C131.871 13.3635 131.171 12.5 130.08 12.5H116.916L115.274 20.2143Z" fill="#002767"></path>
          <path d="M65.077 22.4643L68.0876 8.32143H64.1385L61.1279 22.4643C60.4477 25.6596 62.5484 28.25 65.8199 28.25H79.9963L80.8174 24.3929H66.641C65.5505 24.3929 64.8503 23.5294 65.077 22.4643Z" fill="#002767"></path>
          <path d="M224.314 22.7857L224.296 22.8849C224.132 23.9039 224.822 24.7143 225.878 24.7143H241.017L244.438 8.64286H248.387L244.966 24.7143H241.017L240.196 28.5714H225.057C221.837 28.5714 219.751 26.0614 220.335 22.9351L220.365 22.7857L223.376 8.64286H227.325L224.314 22.7857Z" fill="#002767"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M17 0C17.5523 0 18 0.447715 18 1V8.39648C18 8.61918 18.2693 8.7307 18.4268 8.57324L26.4141 0.585938C26.7891 0.210936 27.2978 7.97938e-05 27.8281 0H36.5859C36.8511 4.04019e-05 37.1055 0.105468 37.293 0.292969L40.293 3.29297C40.6834 3.68347 40.6834 4.31653 40.293 4.70703L36.4268 8.57324C36.2693 8.73073 36.3808 8.99997 36.6035 9H44.5859C44.8511 9.00004 45.1055 9.10547 45.293 9.29297L48.293 12.293C48.6834 12.6835 48.6834 13.3165 48.293 13.707L44.3535 17.6465C44.1583 17.8417 44.1583 18.1583 44.3535 18.3535L47.5859 21.5859C48.4914 22.4914 49 23.7195 49 25C49 26.2805 48.4913 27.5086 47.5859 28.4141L36.5859 39.4141C36.2109 39.7891 35.7022 39.9999 35.1719 40H32C31.4477 40 31 39.5523 31 39V31.6035C31 31.3808 30.7307 31.2693 30.5732 31.4268L22.5859 39.4141C22.2109 39.7891 21.7022 39.9999 21.1719 40H12.4141C12.1489 40 11.8945 39.8945 11.707 39.707L8.70703 36.707C8.31661 36.3165 8.31661 35.6835 8.70703 35.293L12.5732 31.4268C12.7307 31.2693 12.6192 31 12.3965 31H4.41406C4.1489 31 3.89453 30.8945 3.70703 30.707L0.707031 27.707C0.316606 27.3165 0.316607 26.6835 0.707031 26.293L4.64648 22.3535C4.8417 22.1583 4.8417 21.8417 4.64648 21.6465L1.41406 18.4141C0.508652 17.5086 0 16.2805 0 15C0 13.7195 0.508651 12.4914 1.41406 11.5859L12.4141 0.585938C12.7891 0.210936 13.2978 8.00463e-05 13.8281 0H17ZM20.0713 9C18.7452 9 17.4728 9.52716 16.5352 10.4648L5.85352 21.1465C5.53861 21.4615 5.76165 21.9999 6.20703 22H20.793C21.2383 22.0001 21.4613 22.5386 21.1465 22.8535L13.8535 30.1465C13.5386 30.4615 13.7616 30.9999 14.207 31H28.9287C30.2548 31 31.5272 30.4728 32.4648 29.5352L43.1465 18.8535C43.4417 18.5583 43.2642 18.0663 42.874 18.0059L42.793 18H28.207C27.7616 18 27.5386 17.4615 27.8535 17.1465L35.1465 9.85352C35.4614 9.53855 35.2384 9.00006 34.793 9H20.0713Z" fill="#297AFF"></path>
        </svg>
      </div>
      
      <div class="flex items-center justify-center p-1 grayscale filter transition-all duration-300 hover:grayscale-0 sm:p-2 md:p-3 lg:p-4">
        <svg width="100%" height="100%" viewBox="0 0 302 40" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M23.5294 0C23.9188 0 24.3059 0.00933158 24.6906 0.0280324C24.6983 0.0284056 24.7047 0.0222832 24.7047 0.0145966V0.0145966C24.7047 0.00716965 24.7108 0.0011489 24.7182 0.0011489H46.227C46.6865 0.00137965 47.0588 0.373466 47.0588 0.83295C47.0588 1.05356 46.9712 1.26515 46.8153 1.42119L41.1753 7.05882H53.203C53.998 7.05882 54.7248 7.52694 55.0019 8.27203C55.9513 10.825 56.4706 13.5871 56.4706 16.4706C56.4706 29.4655 45.9361 40 32.9412 40C32.552 40 32.1651 39.9896 31.7806 39.9708C31.7726 39.9705 31.7659 39.9768 31.7659 39.9848V39.9848C31.7659 39.9926 31.7596 39.9989 31.7518 39.9989H10.2436C9.78414 39.9986 9.41177 39.6265 9.41177 39.1671C9.41179 38.9464 9.49938 38.7348 9.65533 38.5788L15.293 32.9412H3.26757C2.47264 32.9412 1.74575 32.4731 1.46868 31.728C0.519328 29.175 0 26.4129 0 23.5294C0 10.5345 10.5345 0 23.5294 0ZM31.5809 16.6556C29.6389 14.383 26.7531 12.9412 23.5294 12.9412C17.6817 12.9412 12.9412 17.6817 12.9412 23.5294C12.9412 24.7672 13.1552 25.9547 13.5455 27.0588H21.1753L24.8897 23.3444C26.8317 25.617 29.7175 27.0588 32.9412 27.0588C38.7889 27.0588 43.5294 22.3183 43.5294 16.4706C43.5294 15.2328 43.3154 14.0453 42.9251 12.9412H35.2953L31.5809 16.6556Z" fill="#3754FA"></path>
          <path d="M291.015 30.1738V16.1031C291.015 15.6976 290.65 15.3326 290.244 15.3326H289.717C289.393 15.3326 289.109 15.5354 288.987 15.8192L284.081 27.4165C283.392 29.1195 281.729 30.1738 279.904 30.1738C278.08 30.1738 276.458 29.1195 275.768 27.4165L270.821 15.8192C270.74 15.5354 270.456 15.3326 270.132 15.3326H269.605C269.199 15.3326 268.834 15.6976 268.834 16.1031V30.1738H264.252V16.1031C264.252 13.143 266.645 10.71 269.605 10.71H270.132C272.281 10.71 274.227 12.0076 275.079 14.035L279.904 25.4701L284.73 14.035C285.581 12.0076 287.528 10.71 289.717 10.71H290.244C293.205 10.71 295.597 13.143 295.597 16.1031V30.1738H291.015Z" fill="#211A43"></path>
          <path d="M243.339 30.1738C238.675 30.1738 234.904 26.4027 234.904 21.7395V10.71H239.486V21.7395C239.486 23.8481 241.23 25.5917 243.339 25.5917H253.071C255.179 25.5917 256.923 23.8481 256.923 21.7395V10.71H261.505V21.7395C261.505 26.4027 257.734 30.1738 253.071 30.1738H243.339Z" fill="#211A43"></path>
          <path d="M226.462 25.5917C227.233 25.5917 227.882 24.9429 227.882 24.1725C227.882 23.402 227.273 22.7938 226.543 22.7532H215.717C212.392 22.7532 209.715 20.077 209.715 16.7519C209.715 13.4268 212.392 10.71 215.717 10.71H232.504V15.3326H215.717C214.946 15.3326 214.297 15.9814 214.297 16.7519C214.297 17.5223 214.946 18.1711 215.717 18.1711H226.624C229.868 18.2522 232.504 20.888 232.504 24.1725C232.504 27.4976 229.787 30.1738 226.462 30.1738H209.715V25.5917H226.462Z" fill="#211A43"></path>
          <path d="M183.984 30.1738V16.1031C183.984 13.143 186.377 10.71 189.337 10.71H201.137C204.948 10.71 208.03 13.8323 208.03 17.644C208.03 21.4556 204.948 24.578 201.137 24.578H188.566V30.1738H183.984ZM188.566 16.1031V19.9553H201.137C202.394 19.9553 203.448 18.901 203.448 17.644C203.448 16.3869 202.394 15.3326 201.137 15.3326H189.337C188.931 15.3326 188.566 15.6976 188.566 16.1031Z" fill="#211A43"></path>
          <path d="M176.266 10.71H180.848V30.1738H176.266V10.71Z" fill="#211A43"></path>
          <path d="M164.127 25.5917C166.966 25.5917 169.277 23.2804 169.277 20.4419C169.277 17.644 166.966 15.3326 164.127 15.3326H156.99C154.152 15.3326 151.841 17.644 151.841 20.4419C151.841 23.2804 154.152 25.5917 156.99 25.5917H164.127ZM164.127 10.71C169.52 10.71 173.859 15.0893 173.859 20.4419C173.859 25.835 169.52 30.1738 164.127 30.1738H156.99C151.597 30.1738 147.259 25.835 147.259 20.4419C147.259 15.0893 151.597 10.71 156.99 10.71H164.127Z" fill="#211A43"></path>
          <path d="M129.429 30.1738C124.036 30.1738 119.697 25.835 119.697 20.4419C119.697 15.0893 124.036 10.71 129.429 10.71H143.5V15.3326H129.429C126.591 15.3326 124.28 17.644 124.28 20.4419C124.28 23.2804 126.591 25.5917 129.429 25.5917H139.77C140.54 25.5917 141.189 24.9429 141.189 24.1725C141.189 23.402 140.54 22.7532 139.77 22.7532H128.659V18.1711H139.77C143.095 18.1711 145.811 20.8474 145.811 24.1725C145.811 27.4976 143.095 30.1738 139.77 30.1738H129.429Z" fill="#211A43"></path>
          <path d="M108.451 25.5917C111.289 25.5917 113.6 23.2804 113.6 20.4419C113.6 17.644 111.289 15.3326 108.451 15.3326H101.314C98.4753 15.3326 96.164 17.644 96.164 20.4419C96.164 23.2804 98.4753 25.5917 101.314 25.5917H108.451ZM108.451 10.71C113.844 10.71 118.182 15.0893 118.182 20.4419C118.182 25.835 113.844 30.1738 108.451 30.1738H101.314C95.9207 30.1738 91.5819 25.835 91.5819 20.4419C91.5819 15.0893 95.9207 10.71 101.314 10.71H108.451Z" fill="#211A43"></path>
          <path d="M72.8175 24.8212C72.8175 25.2267 73.1824 25.5917 73.5879 25.5917H90.7405V30.1738H73.5879C70.6278 30.1738 68.2354 27.7814 68.2354 24.8212V10.5883H72.8175V24.8212Z" fill="#211A43"></path>
          <path d="M301.177 10.5883C301.177 11.8878 300.123 12.9412 298.824 12.9412C297.524 12.9412 296.471 11.8878 296.471 10.5883C296.471 9.2888 297.524 8.23535 298.824 8.23535C300.123 8.23535 301.177 9.2888 301.177 10.5883Z" fill="#211A43"></path>
        </svg>
      </div>
      
      <div class="flex items-center justify-center p-1 grayscale filter transition-all duration-300 hover:grayscale-0 sm:p-2 md:p-3 lg:p-4">
        <svg width="100%" height="100%" viewBox="0 0 222 40" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M20 0C27.4768 0 31.2154 -0.000204921 34 1.60742C35.8242 2.66064 37.3394 4.17577 38.3926 6C40.0002 8.7846 40 12.5232 40 20C40 27.4768 40.0002 31.2154 38.3926 34C37.3394 35.8242 35.8242 37.3394 34 38.3926C31.2154 40.0002 27.4768 40 20 40C12.5232 40 8.7846 40.0002 6 38.3926C4.17577 37.3394 2.66064 35.8242 1.60742 34C-0.000204921 31.2154 0 27.4768 0 20C0 12.5232 -0.000204921 8.7846 1.60742 6C2.66064 4.17577 4.17577 2.66064 6 1.60742C8.7846 -0.000204921 12.5232 0 20 0ZM22 4C13.1634 4 6 11.1634 6 20C6 28.8366 13.1634 36 22 36C30.8366 36 38 28.8366 38 20C38 11.1634 30.8366 4 22 4Z" fill="#FF4D00"></path>
          <path d="M36 20C36 25.5228 31.5228 30 26 30C20.4772 30 16 25.5228 16 20C16 14.4772 20.4772 10 26 10C31.5228 10 36 14.4772 36 20Z" fill="#FF4D00"></path>
          <path d="M214.535 11.2587C216.771 11.2587 218.569 11.9453 219.928 13.3186C221.309 14.67 222 16.5665 222 19.0078V29.6343H217.396V19.6291C217.396 18.2122 217.034 17.1332 216.311 16.3921C215.587 15.6292 214.6 15.2477 213.351 15.2477C212.101 15.2477 211.103 15.6292 210.358 16.3921C209.634 17.1332 209.273 18.2122 209.273 19.6291V29.6343H204.668V19.6291C204.668 18.2122 204.307 17.1332 203.583 16.3921C202.86 15.6292 201.873 15.2477 200.623 15.2477C199.352 15.2477 198.343 15.6292 197.598 16.3921C196.874 17.1332 196.512 18.2122 196.512 19.6291V29.6343H191.908V11.5203H196.512V13.7109C197.104 12.948 197.861 12.3486 198.782 11.9126C199.724 11.4767 200.755 11.2587 201.873 11.2587C203.298 11.2587 204.57 11.5639 205.688 12.1742C206.806 12.7627 207.672 13.6128 208.286 14.7245C208.878 13.6782 209.733 12.839 210.851 12.2069C211.991 11.5747 213.219 11.2587 214.535 11.2587Z" fill="#391300"></path>
          <path d="M188.516 11.5202V29.6343H183.879V27.3455C183.287 28.1302 182.509 28.7514 181.544 29.2092C180.602 29.6452 179.571 29.8631 178.453 29.8631C177.028 29.8631 175.767 29.5689 174.671 28.9803C173.575 28.37 172.709 27.4872 172.073 26.3319C171.459 25.1548 171.152 23.7597 171.152 22.1467V11.5202H175.756V21.4928C175.756 22.9314 176.118 24.0431 176.841 24.8278C177.565 25.5908 178.552 25.9722 179.801 25.9722C181.073 25.9722 182.071 25.5908 182.794 24.8278C183.518 24.0431 183.879 22.9314 183.879 21.4928V11.5202H188.516Z" fill="#391300"></path>
          <path d="M161.519 29.9285C160.028 29.9285 158.69 29.667 157.506 29.1438C156.322 28.5989 155.38 27.8686 154.678 26.9531C153.998 26.0376 153.626 25.024 153.56 23.9123H158.197C158.285 24.6099 158.625 25.1875 159.216 25.6453C159.83 26.103 160.587 26.3319 161.486 26.3319C162.363 26.3319 163.042 26.1575 163.525 25.8088C164.029 25.46 164.281 25.0131 164.281 24.4682C164.281 23.8796 163.974 23.4437 163.36 23.1603C162.768 22.8551 161.815 22.5282 160.499 22.1794C159.14 21.8524 158.022 21.5146 157.145 21.1658C156.29 20.817 155.544 20.283 154.908 19.5637C154.294 18.8443 153.987 17.8743 153.987 16.6537C153.987 15.6509 154.272 14.7354 154.843 13.9071C155.434 13.0788 156.268 12.4249 157.342 11.9453C158.438 11.4658 159.721 11.226 161.19 11.226C163.36 11.226 165.092 11.7709 166.386 12.8608C167.679 13.9289 168.392 15.3785 168.524 17.2095H164.117C164.051 16.4902 163.744 15.9234 163.196 15.5093C162.67 15.0733 161.957 14.8553 161.058 14.8553C160.225 14.8553 159.578 15.0079 159.118 15.3131C158.679 15.6183 158.46 16.0433 158.46 16.5883C158.46 17.1986 158.767 17.6673 159.381 17.9942C159.995 18.2994 160.949 18.6155 162.242 18.9424C163.558 19.2694 164.643 19.6073 165.498 19.956C166.353 20.3048 167.088 20.8497 167.701 21.5909C168.337 22.3102 168.666 23.2693 168.688 24.4682C168.688 25.5145 168.392 26.4518 167.8 27.2801C167.23 28.1084 166.397 28.7624 165.301 29.2419C164.226 29.6997 162.966 29.9285 161.519 29.9285Z" fill="#391300"></path>
          <path d="M138.013 14.136C138.605 13.3077 139.416 12.621 140.447 12.0761C141.499 11.5094 142.694 11.226 144.031 11.226C145.588 11.226 146.991 11.6074 148.241 12.3704C149.512 13.1333 150.51 14.2232 151.234 15.64C151.979 17.0351 152.352 18.6591 152.352 20.5119C152.352 22.3647 151.979 24.0104 151.234 25.4491C150.51 26.8659 149.512 27.9667 148.241 28.7515C146.991 29.5362 145.588 29.9285 144.031 29.9285C142.694 29.9285 141.51 29.6561 140.479 29.1111C139.471 28.5662 138.649 27.8795 138.013 27.0512V38.2662H133.409V11.5203H138.013V14.136ZM147.649 20.5119C147.649 19.422 147.419 18.4847 146.958 17.6999C146.52 16.8934 145.928 16.2831 145.182 15.8689C144.459 15.4548 143.67 15.2477 142.814 15.2477C141.981 15.2477 141.192 15.4657 140.447 15.9016C139.723 16.3158 139.131 16.9261 138.671 17.7326C138.232 18.5392 138.013 19.4874 138.013 20.5773C138.013 21.6672 138.232 22.6154 138.671 23.4219C139.131 24.2284 139.723 24.8496 140.447 25.2856C141.192 25.6998 141.981 25.9068 142.814 25.9068C143.67 25.9068 144.459 25.6889 145.182 25.2529C145.928 24.8169 146.52 24.1957 146.958 23.3892C147.419 22.5827 147.649 21.6236 147.649 20.5119Z" fill="#391300"></path>
          <path d="M127.742 9.36227C126.93 9.36227 126.251 9.1116 125.703 8.61025C125.176 8.0871 124.913 7.44406 124.913 6.68114C124.913 5.91821 125.176 5.28607 125.703 4.78472C126.251 4.26157 126.93 4 127.742 4C128.553 4 129.222 4.26157 129.748 4.78472C130.296 5.28607 130.57 5.91821 130.57 6.68114C130.57 7.44406 130.296 8.0871 129.748 8.61025C129.222 9.1116 128.553 9.36227 127.742 9.36227ZM130.011 11.5203V29.6343H125.407V11.5203H130.011Z" fill="#391300"></path>
          <path d="M113.676 29.9285C111.922 29.9285 110.343 29.5471 108.94 28.7842C107.537 27.9994 106.43 26.8986 105.618 25.4818C104.829 24.0649 104.435 22.4301 104.435 20.5773C104.435 18.7244 104.84 17.0896 105.651 15.6727C106.485 14.2559 107.614 13.166 109.039 12.4031C110.464 11.6183 112.053 11.226 113.807 11.226C115.561 11.226 117.151 11.6183 118.576 12.4031C120.001 13.166 121.119 14.2559 121.931 15.6727C122.764 17.0896 123.18 18.7244 123.18 20.5773C123.18 22.4301 122.753 24.0649 121.898 25.4818C121.065 26.8986 119.924 27.9994 118.477 28.7842C117.052 29.5471 115.452 29.9285 113.676 29.9285ZM113.676 25.9395C114.509 25.9395 115.287 25.7434 116.011 25.351C116.756 24.9368 117.348 24.3265 117.787 23.52C118.225 22.7135 118.445 21.7326 118.445 20.5773C118.445 18.8552 117.984 17.5365 117.063 16.621C116.164 15.6836 115.057 15.215 113.742 15.215C112.426 15.215 111.319 15.6836 110.42 16.621C109.543 17.5365 109.105 18.8552 109.105 20.5773C109.105 22.2993 109.532 23.629 110.387 24.5663C111.264 25.4818 112.36 25.9395 113.676 25.9395Z" fill="#391300"></path>
          <path d="M93.8549 29.9285C92.1009 29.9285 90.5223 29.5471 89.1191 28.7842C87.716 27.9994 86.6088 26.8986 85.7975 25.4818C85.0082 24.0649 84.6136 22.4301 84.6136 20.5773C84.6136 18.7244 85.0192 17.0896 85.8304 15.6727C86.6636 14.2559 87.7927 13.166 89.2178 12.4031C90.6429 11.6183 92.2325 11.226 93.9865 11.226C95.7404 11.226 97.33 11.6183 98.7551 12.4031C100.18 13.166 101.298 14.2559 102.11 15.6727C102.943 17.0896 103.359 18.7244 103.359 20.5773C103.359 22.4301 102.932 24.0649 102.077 25.4818C101.244 26.8986 100.103 27.9994 98.6564 28.7842C97.2313 29.5471 95.6308 29.9285 93.8549 29.9285ZM93.8549 25.9395C94.688 25.9395 95.4664 25.7434 96.1899 25.351C96.9353 24.9368 97.5273 24.3265 97.9658 23.52C98.4043 22.7135 98.6236 21.7326 98.6236 20.5773C98.6236 18.8552 98.1631 17.5365 97.2423 16.621C96.3434 15.6836 95.2362 15.215 93.9207 15.215C92.6052 15.215 91.498 15.6836 90.5991 16.621C89.7221 17.5365 89.2836 18.8552 89.2836 20.5773C89.2836 22.2993 89.7111 23.629 90.5662 24.5663C91.4432 25.4818 92.5394 25.9395 93.8549 25.9395Z" fill="#391300"></path>
          <path d="M74.0339 29.9285C72.28 29.9285 70.7014 29.5471 69.2982 28.7842C67.895 27.9994 66.7878 26.8986 65.9766 25.4818C65.1873 24.0649 64.7926 22.4301 64.7926 20.5773C64.7926 18.7244 65.1982 17.0896 66.0095 15.6727C66.8426 14.2559 67.9717 13.166 69.3968 12.4031C70.822 11.6183 72.4115 11.226 74.1655 11.226C75.9195 11.226 77.509 11.6183 78.9341 12.4031C80.3593 13.166 81.4774 14.2559 82.2886 15.6727C83.1218 17.0896 83.5384 18.7244 83.5384 20.5773C83.5384 22.4301 83.1108 24.0649 82.2558 25.4818C81.4226 26.8986 80.2825 27.9994 78.8355 28.7842C77.4104 29.5471 75.8099 29.9285 74.0339 29.9285ZM74.0339 25.9395C74.8671 25.9395 75.6454 25.7434 76.3689 25.351C77.1144 24.9368 77.7064 24.3265 78.1448 23.52C78.5833 22.7135 78.8026 21.7326 78.8026 20.5773C78.8026 18.8552 78.3422 17.5365 77.4213 16.621C76.5224 15.6836 75.4152 15.215 74.0997 15.215C72.7842 15.215 71.677 15.6836 70.7781 16.621C69.9011 17.5365 69.4626 18.8552 69.4626 20.5773C69.4626 22.2993 69.8902 23.629 70.7452 24.5663C71.6222 25.4818 72.7185 25.9395 74.0339 25.9395Z" fill="#391300"></path>
          <path d="M56.6042 26.0049H64.1683V29.6342H52V6.8119H56.6042V26.0049Z" fill="#391300"></path>
          <path d="M98.3243 30.6895C98.6953 30.5407 99.0584 30.3715 99.4132 30.1815L99.4208 30.1774C100.987 29.3281 102.257 28.1549 103.213 26.6755V30.2702C103.111 35.1089 99.1495 39 94.278 39H93.7878C88.9163 39 84.9552 35.1089 84.8532 30.2702H89.7005C89.8006 32.4373 91.5923 34.1635 93.7878 34.1635H94.278C96.3299 34.1635 98.0291 32.6557 98.3243 30.6895Z" fill="#391300"></path>
        </svg>
      </div>
      
      <div class="flex items-center justify-center p-1 grayscale filter transition-all duration-300 hover:grayscale-0 sm:p-2 md:p-3 lg:p-4">
        <svg width="100%" height="100%" viewBox="0 0 221 40" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M38.3487 0.937332C39.6391 -0.302594 41.6732 -0.308232 42.9703 0.895827L43.0932 1.01546L43.5126 1.45736C47.7614 6.0489 49.3446 11.3997 48.9385 16.6254C48.5265 21.9248 46.0924 26.9222 42.6967 30.8713C39.3031 34.8179 34.7723 37.9259 29.8748 39.2749C24.9157 40.6406 19.4919 40.2052 14.7838 36.866C10.7906 34.0336 9.27028 29.4562 9.167 25.0094C6.92619 23.9052 4.56842 22.5328 2.09457 20.8638L1.4409 20.4178L1.30165 20.3169C-0.102828 19.2389 -0.42396 17.2437 0.59965 15.779C1.62357 14.3143 3.61731 13.917 5.12456 14.848L5.26955 14.9424L5.86506 15.3493C7.34702 16.3491 8.76109 17.2159 10.1057 17.9641C10.9731 14.9059 12.4104 11.9696 14.3038 9.5492C17.1405 5.92322 21.3936 3.02347 26.604 3.45611C31.2972 3.84608 34.7649 6.27842 36.5548 9.71115C38.2879 13.0351 38.3136 17.0336 36.7989 20.4723C35.2546 23.9779 32.1196 26.8985 27.6098 28.1019C24.3643 28.9679 20.5622 28.9084 16.2722 27.7487V27.7503C14.5645 27.2885 12.7748 26.6507 10.9044 25.8224C10.4848 25.6366 10.1196 25.9205 10.9044 26.4132C13.1131 27.9882 16.2245 29.3084 17.1249 29.7515C17.5504 30.4431 18.0781 31.0104 18.6829 31.4394C21.4662 33.4135 24.7222 33.7752 28.0825 32.8497C31.5044 31.9072 34.9341 29.6346 37.5943 26.541C40.2524 23.4497 41.9662 19.7458 42.2486 16.1119C42.5151 12.683 41.5302 9.16045 38.5633 5.95943L38.2701 5.65099L38.153 5.52403C36.9855 4.19612 37.059 2.17717 38.3487 0.937332ZM26.0453 10.1002C23.8926 9.92141 21.6207 11.0599 19.602 13.6403C18.0646 15.6055 16.9013 18.159 16.3082 20.7865C20.533 22.2375 23.6815 22.2474 25.8692 21.6638C28.4018 20.988 29.9204 19.458 30.6513 17.7989C31.4116 16.0726 31.3337 14.1916 30.5964 12.7776C29.9159 11.4725 28.5459 10.308 26.0453 10.1002Z" fill="#00DC33"></path>
          <path d="M137.709 13.6026C135.84 13.6026 134.64 12.1927 134.9 10.3013C135.16 8.40993 136.748 7 138.618 7C140.487 7 141.687 8.40993 141.427 10.3013C141.167 12.1927 139.579 13.6026 137.709 13.6026Z" fill="#00390E"></path>
          <path d="M132.61 32.1381L134.947 15.1501H140.046L137.709 32.1381H132.61Z" fill="#00390E"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M141.573 23.8163L139.429 39.3943H144.528L145.782 30.2813C146.628 31.7944 148.219 32.5854 150.224 32.5854C154.032 32.5854 158.771 29.7655 159.584 23.8506C160.337 18.3828 157.104 14.7033 151.767 14.7033C146.634 14.7033 142.358 18.1077 141.573 23.8163ZM154.446 23.6443C154.11 26.0859 152.314 27.7709 150.003 27.7709C147.691 27.7709 146.359 26.0859 146.695 23.6443C147.031 21.2027 148.827 19.5177 151.138 19.5177C153.45 19.5177 154.782 21.2027 154.446 23.6443Z" fill="#00390E"></path>
          <path d="M166.375 32.5854C162.058 32.5854 159.592 30.2469 159.973 26.98H165.004C164.915 27.8741 165.5 28.3212 166.893 28.3212C168.457 28.3212 169.043 27.7709 169.142 27.0488C169.288 25.9893 168.243 25.829 166.858 25.6166L166.853 25.6157C166.756 25.6008 166.658 25.5857 166.558 25.5701C164.294 25.2262 160.567 24.6416 161.13 20.5493C161.603 17.1105 164.62 14.7033 168.801 14.7033C172.982 14.7033 175.23 17.1449 174.911 20.2054H169.948C169.92 19.4145 169.302 18.9675 168.282 18.9675C167.025 18.9675 166.425 19.6208 166.33 20.3086C166.195 21.2935 167.287 21.4635 168.717 21.6863L168.924 21.7185C171.29 22.0624 174.905 22.7158 174.352 26.7393C173.869 30.2469 170.692 32.5854 166.375 32.5854Z" fill="#00390E"></path>
          <path d="M195.178 22.5783L193.863 32.1383H198.962L200.277 22.5783C200.59 20.3086 201.786 19.5177 203.316 19.5177C204.812 19.5177 205.791 20.3086 205.478 22.5783L204.163 32.1383H209.262L210.577 22.5783C210.89 20.3086 212.086 19.5177 213.582 19.5177C215.112 19.5177 216.091 20.3086 215.779 22.5783L214.463 32.1383H219.562L220.878 22.5783C221.63 17.1105 218.834 14.7033 214.754 14.7033C212.341 14.7033 210.241 15.6318 208.738 17.42C207.726 15.6318 205.848 14.7033 203.468 14.7033C199.389 14.7033 195.931 17.1105 195.178 22.5783Z" fill="#00390E"></path>
          <path d="M176.237 23.9536C175.447 29.6965 178.381 32.5851 183.344 32.5851C188.307 32.5851 192.04 29.6621 192.826 23.9536L194.037 15.1501H188.938L187.727 23.9536C187.358 26.6359 185.91 27.7707 184.006 27.7707C182.102 27.7707 180.967 26.6359 181.336 23.9536L182.547 15.1501H177.448L176.237 23.9536Z" fill="#00390E"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M113.669 23.6443C112.96 28.8026 116.179 32.5854 121.482 32.5854C126.785 32.5854 131.044 28.8026 131.754 23.6443C132.464 18.486 129.245 14.7033 123.942 14.7033C118.639 14.7033 114.379 18.486 113.669 23.6443ZM126.587 23.6443C126.251 26.0859 124.455 27.7709 122.144 27.7709C119.832 27.7709 118.5 26.0859 118.836 23.6443C119.172 21.2027 120.968 19.5177 123.279 19.5177C125.591 19.5177 126.923 21.2027 126.587 23.6443Z" fill="#00390E"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M97.4338 30.9881C95.374 29.41 94.3525 26.7816 94.7841 23.6443C95.4937 18.486 99.7534 14.7033 105.056 14.7033C110.359 14.7033 113.578 18.486 112.869 23.6443C112.183 28.6269 108.185 32.326 103.135 32.5723C104.324 33.2563 106.052 33.8094 107.322 34.2159C107.746 34.3517 108.119 34.4712 108.404 34.5737C109.557 34.8653 110.293 35.9522 110.115 37.2484C109.906 38.7681 108.519 40 107.016 40H98.8563C95.8518 40 93.7552 37.5361 94.1733 34.4967H102.875C100.887 33.7188 98.7857 32.1629 97.4338 30.9881ZM103.259 27.7709C105.57 27.7709 107.366 26.0859 107.702 23.6443C108.038 21.2027 106.706 19.5177 104.394 19.5177C102.083 19.5177 100.287 21.2027 99.9511 23.6443C99.6152 26.0859 100.947 27.7709 103.259 27.7709Z" fill="#00390E"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M75.8989 23.6443C75.1892 28.8026 78.4081 32.5854 83.7111 32.5854C89.0142 32.5854 93.2739 28.8026 93.9835 23.6443C94.6932 18.486 91.4743 14.7033 86.1713 14.7033C80.8683 14.7033 76.6085 18.486 75.8989 23.6443ZM88.8165 23.6443C88.4806 26.0859 86.6851 27.7709 84.3735 27.7709C82.0619 27.7709 80.73 26.0859 81.0659 23.6443C81.4018 21.2027 83.1974 19.5177 85.5089 19.5177C87.8205 19.5177 89.1524 21.2027 88.8165 23.6443Z" fill="#00390E"></path>
          <path d="M58 32.1382L61.0941 9.64798H66.601L64.2166 26.9799H74.7207L74.011 32.1382H58Z" fill="#00390E"></path>
        </svg>
      </div>
      
      <div class="flex items-center justify-center p-1 grayscale filter transition-all duration-300 hover:grayscale-0 sm:p-2 md:p-3 lg:p-4">
        <svg width="100%" height="100%" viewBox="0 0 223 40" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M12.3288 0L22.663 8.82887C23.2765 9.35302 23.6301 10.1222 23.6301 10.9323V17.5862L13.296 8.75734C12.6824 8.23319 12.3288 7.464 12.3288 6.65386V0Z" fill="#7B19D8"></path>
          <path d="M12.3288 40L22.663 31.1711C23.2765 30.647 23.6301 29.8778 23.6301 29.0677V22.4138L13.296 31.2427C12.6824 31.7668 12.3288 32.536 12.3288 33.3461V40Z" fill="#7B19D8"></path>
          <path d="M0 9.31034L10.1936 17.9705C10.6878 18.3904 11.3137 18.6207 11.9603 18.6207H20.181L10.0125 9.96253C9.51795 9.54141 8.89118 9.31034 8.24346 9.31034H0Z" fill="#7B19D8"></path>
          <path d="M0 30.6897L10.1309 22.0345C10.626 21.6115 11.2542 21.3793 11.9034 21.3793H20.2055L10.0119 30.0394C9.51769 30.4593 8.89185 30.6897 8.24517 30.6897H0Z" fill="#7B19D8"></path>
          <path d="M37.6712 0L27.337 8.82887C26.7235 9.35302 26.3699 10.1222 26.3699 10.9323V17.5862L36.704 8.75734C37.3176 8.23319 37.6712 7.464 37.6712 6.65386V0Z" fill="#7B19D8"></path>
          <path d="M37.6712 40L27.337 31.1711C26.7235 30.647 26.3699 29.8778 26.3699 29.0677V22.4138L36.704 31.2427C37.3176 31.7668 37.6712 32.536 37.6712 33.3461V40Z" fill="#7B19D8"></path>
          <path d="M50 9.31034L39.8064 17.9705C39.3122 18.3904 38.6863 18.6207 38.0397 18.6207H29.819L39.9875 9.96253C40.4821 9.54141 41.1088 9.31034 41.7565 9.31034H50Z" fill="#7B19D8"></path>
          <path d="M50 30.6897L39.8691 22.0345C39.374 21.6115 38.7458 21.3793 38.0966 21.3793H29.7945L39.9881 30.0394C40.4823 30.4593 41.1081 30.6897 41.7548 30.6897H50Z" fill="#7B19D8"></path>
          <path d="M132.775 10.6686C132.114 10.6686 131.56 10.4448 131.112 9.99709C130.664 9.54942 130.441 8.99516 130.441 8.3343C130.441 7.67345 130.664 7.11919 131.112 6.67151C131.56 6.22384 132.114 6 132.775 6C133.415 6 133.959 6.22384 134.406 6.67151C134.854 7.11919 135.078 7.67345 135.078 8.3343C135.078 8.99516 134.854 9.54942 134.406 9.99709C133.959 10.4448 133.415 10.6686 132.775 10.6686Z" fill="#320C55"></path>
          <path d="M134.566 13.0029V30.6221H130.92V13.0029H134.566Z" fill="#320C55"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M144.407 13.5465C143.341 14.1008 142.498 14.783 141.88 15.593V13.0029H138.234V39H141.88V28.064C142.541 28.874 143.394 29.5562 144.439 30.1105C145.483 30.6434 146.678 30.9099 148.021 30.9099C149.556 30.9099 150.953 30.5262 152.211 29.7587C153.49 28.97 154.492 27.8828 155.217 26.4971C155.942 25.0901 156.304 23.5019 156.304 21.7326C156.304 19.9632 155.942 18.3963 155.217 17.032C154.492 15.6676 153.49 14.6124 152.211 13.8663C150.953 13.0988 149.556 12.7151 148.021 12.7151C146.678 12.7151 145.473 12.9923 144.407 13.5465ZM151.827 18.5988C152.339 19.4729 152.594 20.5174 152.594 21.7326C152.594 22.9477 152.339 24.0136 151.827 24.9302C151.336 25.8469 150.675 26.5504 149.844 27.0407C149.034 27.5097 148.159 27.7442 147.221 27.7442C146.304 27.7442 145.43 27.5097 144.599 27.0407C143.788 26.5717 143.127 25.8895 142.616 24.9942C142.125 24.0775 141.88 23.0116 141.88 21.7965C141.88 20.5814 142.125 19.5262 142.616 18.6308C143.127 17.7355 143.788 17.0533 144.599 16.5843C145.43 16.1153 146.304 15.8808 147.221 15.8808C148.159 15.8808 149.034 16.1153 149.844 16.5843C150.675 17.032 151.336 17.7035 151.827 18.5988Z" fill="#320C55"></path>
          <path d="M165.187 30.9099C163.801 30.9099 162.554 30.6647 161.445 30.1744C160.358 29.6628 159.494 28.9806 158.855 28.1279C158.215 27.2539 157.874 26.2839 157.831 25.218H161.605C161.669 25.9641 162.021 26.593 162.661 27.1047C163.322 27.595 164.143 27.8401 165.123 27.8401C166.147 27.8401 166.936 27.6483 167.49 27.2645C168.066 26.8595 168.354 26.3479 168.354 25.7297C168.354 25.0688 168.034 24.5785 167.394 24.2587C166.776 23.939 165.784 23.5872 164.42 23.2035C163.098 22.8411 162.021 22.4893 161.189 22.1483C160.358 21.8072 159.633 21.2849 159.015 20.5814C158.418 19.8779 158.119 18.9506 158.119 17.7994C158.119 16.8614 158.396 16.0087 158.951 15.2413C159.505 14.4525 160.294 13.8343 161.317 13.3866C162.362 12.939 163.556 12.7151 164.899 12.7151C166.904 12.7151 168.514 13.2267 169.729 14.25C170.966 15.2519 171.627 16.6269 171.712 18.375H168.066C168.002 17.5862 167.682 16.9574 167.106 16.4884C166.531 16.0194 165.752 15.7849 164.772 15.7849C163.812 15.7849 163.076 15.9661 162.565 16.3285C162.053 16.6909 161.797 17.1705 161.797 17.7674C161.797 18.2364 161.968 18.6308 162.309 18.9506C162.65 19.2704 163.066 19.5262 163.556 19.718C164.047 19.8886 164.772 20.1124 165.731 20.3895C167.01 20.7306 168.055 21.0824 168.865 21.4448C169.697 21.7859 170.411 22.2975 171.008 22.9797C171.605 23.6618 171.914 24.5678 171.936 25.6977C171.936 26.6996 171.659 27.595 171.104 28.3837C170.55 29.1725 169.761 29.7907 168.737 30.2384C167.735 30.686 166.552 30.9099 165.187 30.9099Z" fill="#320C55"></path>
          <path d="M219.45 13.5785C218.362 13.0029 217.126 12.7151 215.74 12.7151C214.439 12.7151 213.224 13.0349 212.094 13.6744C210.964 14.2926 210.132 15.1347 209.599 16.2006C209.002 15.0707 208.149 14.2074 207.04 13.6105C205.932 13.0136 204.674 12.7151 203.266 12.7151C202.222 12.7151 201.241 12.9176 200.324 13.3227C199.407 13.7277 198.65 14.2926 198.053 15.0174V13.0029H194.407V30.6221H198.053V20.7733C198.053 19.1957 198.448 17.9913 199.236 17.1599C200.047 16.3072 201.134 15.8808 202.499 15.8808C203.863 15.8808 204.94 16.3072 205.729 17.1599C206.518 17.9913 206.912 19.1957 206.912 20.7733V30.6221H210.527V20.7733C210.527 19.1957 210.921 17.9913 211.71 17.1599C212.52 16.3072 213.608 15.8808 214.972 15.8808C216.337 15.8808 217.414 16.3072 218.203 17.1599C218.991 17.9913 219.386 19.1957 219.386 20.7733V30.6221H223V20.2297C223 18.6308 222.68 17.2665 222.041 16.1366C221.422 15.0068 220.559 14.1541 219.45 13.5785Z" fill="#320C55"></path>
          <path d="M190.716 30.6221V13.0029H187.07V22.8198C187.07 24.3973 186.664 25.6124 185.854 26.4651C185.065 27.2965 183.989 27.7122 182.624 27.7122C181.259 27.7122 180.183 27.2965 179.394 26.4651C178.605 25.6124 178.21 24.3973 178.21 22.8198V13.0029H174.596V23.3634C174.596 24.9622 174.905 26.3265 175.524 27.4564C176.163 28.5862 177.027 29.4389 178.114 30.0145C179.223 30.5901 180.47 30.8779 181.856 30.8779C182.901 30.8779 183.882 30.6754 184.799 30.2703C185.737 29.844 186.494 29.2684 187.07 28.5436V30.6221H190.716Z" fill="#320C55"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M114.779 29.7907C116.122 30.5368 117.625 30.9099 119.288 30.9099C120.973 30.9099 122.508 30.5368 123.894 29.7907C125.301 29.0233 126.41 27.9467 127.22 26.561C128.03 25.1754 128.435 23.5872 128.435 21.7965C128.435 20.0058 128.041 18.4176 127.252 17.032C126.463 15.6463 125.386 14.5804 124.022 13.8343C122.657 13.0882 121.133 12.7151 119.448 12.7151C117.764 12.7151 116.239 13.0882 114.874 13.8343C113.51 14.5804 112.433 15.6463 111.644 17.032C110.855 18.4176 110.461 20.0058 110.461 21.7965C110.461 23.6085 110.845 25.2074 111.612 26.593C112.38 27.9574 113.435 29.0233 114.779 29.7907ZM121.911 27.0727C121.101 27.5203 120.226 27.7442 119.288 27.7442C117.817 27.7442 116.591 27.2326 115.61 26.2093C114.651 25.1647 114.171 23.6938 114.171 21.7965C114.171 20.5174 114.405 19.4409 114.874 18.5669C115.344 17.6715 115.973 17 116.761 16.5523C117.572 16.1047 118.446 15.8808 119.384 15.8808C120.322 15.8808 121.196 16.1047 122.007 16.5523C122.817 17 123.467 17.6715 123.958 18.5669C124.448 19.4409 124.693 20.5174 124.693 21.7965C124.693 23.0756 124.437 24.1628 123.926 25.0581C123.414 25.9535 122.742 26.625 121.911 27.0727Z" fill="#320C55"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M95.5765 29.8314C95.5518 29.818 95.527 29.8044 95.5024 29.7907C94.1591 29.0233 93.1036 27.9574 92.336 26.593C91.5684 25.2074 91.1846 23.6085 91.1846 21.7965C91.1846 20.0058 91.5791 18.4176 92.368 17.032C93.1569 15.6463 94.2337 14.5804 95.5983 13.8343C96.963 13.0882 98.4875 12.7151 100.172 12.7151C101.856 12.7151 103.381 13.0882 104.746 13.8343C106.11 14.5804 107.187 15.6463 107.976 17.032C108.765 18.4176 109.159 20.0058 109.159 21.7965C109.159 23.5872 108.754 25.1754 107.944 26.561C107.134 27.9467 106.025 29.0233 104.618 29.7907C103.426 30.4323 102.124 30.7981 100.711 30.8879C102.442 31.6797 105.075 32.319 106.553 32.6779C107.186 32.8316 107.607 32.9338 107.656 32.9747L107.658 32.9752V36.6231H94.3745V32.9752H102.029C100.082 32.5355 97.4373 31.0922 95.5765 29.8314ZM100.012 27.7442C100.95 27.7442 101.824 27.5203 102.635 27.0727C103.466 26.625 104.138 25.9535 104.65 25.0581C105.161 24.1628 105.417 23.0756 105.417 21.7965C105.417 20.5174 105.172 19.4409 104.682 18.5669C104.191 17.6715 103.541 17 102.731 16.5523C101.92 16.1047 101.046 15.8808 100.108 15.8808C99.1698 15.8808 98.2956 16.1047 97.4853 16.5523C96.6964 17 96.0674 17.6715 95.5983 18.5669C95.1292 19.4409 94.8947 20.5174 94.8947 21.7965C94.8947 23.6938 95.3744 25.1647 96.3339 26.2093C97.3148 27.2326 98.5408 27.7442 100.012 27.7442Z" fill="#320C55"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M76.2262 29.7907C77.5695 30.5368 79.0727 30.9099 80.7359 30.9099C82.4203 30.9099 83.9555 30.5368 85.3415 29.7907C86.7487 29.0233 87.8575 27.9467 88.6677 26.561C89.478 25.1754 89.8831 23.5872 89.8831 21.7965C89.8831 20.0058 89.4886 18.4176 88.6997 17.032C87.9108 15.6463 86.834 14.5804 85.4694 13.8343C84.1048 13.0882 82.5802 12.7151 80.8958 12.7151C79.2113 12.7151 77.6868 13.0882 76.3222 13.8343C74.9576 14.5804 73.8808 15.6463 73.0919 17.032C72.303 18.4176 71.9085 20.0058 71.9085 21.7965C71.9085 23.6085 72.2923 25.2074 73.0599 26.593C73.8275 27.9574 74.8829 29.0233 76.2262 29.7907ZM83.3585 27.0727C82.5483 27.5203 81.674 27.7442 80.7359 27.7442C79.2646 27.7442 78.0386 27.2326 77.0578 26.2093C76.0983 25.1647 75.6186 23.6938 75.6186 21.7965C75.6186 20.5174 75.8531 19.4409 76.3222 18.5669C76.7913 17.6715 77.4203 17 78.2092 16.5523C79.0194 16.1047 79.8936 15.8808 80.8318 15.8808C81.77 15.8808 82.6442 16.1047 83.4544 16.5523C84.2647 17 84.915 17.6715 85.4054 18.5669C85.8958 19.4409 86.141 20.5174 86.141 21.7965C86.141 23.0756 85.8852 24.1628 85.3734 25.0581C84.8617 25.9535 84.1901 26.625 83.3585 27.0727Z" fill="#320C55"></path>
          <path d="M63.6461 27.6802H71.1621V30.6221H60V8.39824H63.6461V27.6802Z" fill="#320C55"></path>
        </svg>
      </div>
      
      <div class="flex items-center justify-center p-1 grayscale filter transition-all duration-300 hover:grayscale-0 sm:p-2 md:p-3 lg:p-4">
        <svg width="100%" height="100%" viewBox="0 0 241 40" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M23.32 7.483C22.711 6.012 21.818 4.676 20.693 3.551C19.568 2.426 18.231 1.533 16.761 0.924C15.289 0.313 13.713 0 12.121 0C11.762 0 11.406 0.021 11.05 0.053C10.944 0.063 10.839 0.076 10.734 0.088C10.472 0.118 10.211 0.157 9.95198 0.204C9.84798 0.223 9.74398 0.24 9.63998 0.262C9.29298 0.335 8.94798 0.417 8.60898 0.52C8.60698 0.52 8.60498 0.52 8.60298 0.522C8.26098 0.626 7.92598 0.749 7.59498 0.883C7.55798 0.898 7.51998 0.908 7.48298 0.923C7.42198 0.948 7.36598 0.981 7.30598 1.007C7.06298 1.112 6.82398 1.226 6.58698 1.347C6.49298 1.395 6.39798 1.442 6.30498 1.493C5.99298 1.664 5.68598 1.844 5.38898 2.042C5.38698 2.043 5.38598 2.044 5.38398 2.045C5.08798 2.243 4.80398 2.458 4.52798 2.68C4.44498 2.747 4.36498 2.817 4.28298 2.886C4.08198 3.057 3.88598 3.234 3.69698 3.417C3.64898 3.463 3.59698 3.503 3.54998 3.55C3.52098 3.579 3.49698 3.611 3.46898 3.64C3.21898 3.895 2.97698 4.156 2.75098 4.432C2.74898 4.435 2.74698 4.437 2.74498 4.44C2.52098 4.713 2.31298 4.999 2.11398 5.291C2.05498 5.378 1.99898 5.467 1.94198 5.556C1.79898 5.778 1.66398 6.004 1.53498 6.234C1.48298 6.327 1.43098 6.419 1.38098 6.513C1.21598 6.828 1.06098 7.148 0.923977 7.478L0.921977 7.482V7.486C0.783977 7.816 0.666977 8.153 0.560977 8.492C0.528977 8.593 0.501977 8.695 0.472977 8.796C0.399977 9.05 0.336977 9.306 0.280977 9.563C0.258977 9.667 0.234977 9.77 0.214977 9.874C0.149977 10.222 0.0939766 10.572 0.0589766 10.924C0.0589766 10.926 0.0589766 10.929 0.0589766 10.931C0.0239766 11.286 0.00997656 11.643 0.00697656 12C0.00697656 12.04 0.000976562 12.08 0.000976562 12.12H0.00797656C0.00797656 12.91 0.0779766 13.702 0.233977 14.485C0.701977 16.836 1.85598 18.996 3.55098 20.691C5.24598 22.386 7.40598 23.54 9.75698 24.008C12.108 24.476 14.545 24.236 16.76 23.318C18.975 22.401 20.868 20.847 22.2 18.854C23.532 16.861 24.243 14.517 24.243 12.12C24.243 10.528 23.93 8.952 23.32 7.481V7.483ZM15.145 14.141C14.746 14.739 14.177 15.205 13.513 15.48C12.848 15.755 12.117 15.827 11.412 15.687C10.706 15.547 10.059 15.2 9.54998 14.692C9.04098 14.183 8.69498 13.536 8.55498 12.83C8.50098 12.556 8.48798 12.279 8.49698 12.003C8.50198 11.844 8.51798 11.686 8.54398 11.529C8.55398 11.467 8.56298 11.405 8.57598 11.343C8.62198 11.134 8.67998 10.927 8.76198 10.729C8.84398 10.53 8.94898 10.343 9.06398 10.163C9.09798 10.11 9.13598 10.06 9.17298 10.009C9.26498 9.88 9.36598 9.758 9.47398 9.642C9.51698 9.596 9.55898 9.549 9.60498 9.505C9.91498 9.207 10.274 8.967 10.667 8.795C10.725 8.77 10.784 8.749 10.843 8.727C10.992 8.671 11.144 8.625 11.299 8.589C11.36 8.575 11.421 8.559 11.483 8.548C11.694 8.51 11.907 8.485 12.122 8.485C12.6 8.485 13.072 8.579 13.514 8.762C13.955 8.945 14.356 9.213 14.694 9.55C15.032 9.888 15.299 10.289 15.482 10.73C15.665 11.171 15.759 11.644 15.759 12.122C15.759 12.841 15.546 13.544 15.146 14.142L15.145 14.141Z" fill="url(#paint0_linear_5083_7840)"></path>
          <path d="M22.2001 34.613C23.5321 32.62 24.2431 30.276 24.2431 27.879H15.7581C15.7581 28.598 15.5451 29.301 15.1451 29.899C14.7461 30.497 14.1781 30.963 13.5131 31.238C12.8481 31.513 12.1171 31.585 11.4121 31.445C10.7071 31.305 10.0591 30.958 9.55011 30.45C9.04111 29.941 8.69511 29.294 8.55511 28.588C8.41511 27.882 8.48711 27.151 8.76211 26.487C9.03711 25.823 9.50311 25.255 10.1011 24.855C10.6981 24.456 11.3991 24.243 12.1161 24.242H12.1211V15.757H12.1181C9.72211 15.757 7.37911 16.468 5.38711 17.8C4.45911 18.42 3.62711 19.161 2.91011 20C2.08611 20.964 1.41311 22.056 0.923112 23.24C0.00511158 25.455 -0.234888 27.892 0.233112 30.243C0.701112 32.594 1.85511 34.754 3.55011 36.449C5.24511 38.144 7.40511 39.299 9.75611 39.766C12.1071 40.234 14.5441 39.994 16.7591 39.076C18.9741 38.159 20.8671 36.605 22.1991 34.612L22.2001 34.613Z" fill="url(#paint1_linear_5083_7840)"></path>
          <path d="M27.8789 15.758C31.0939 15.758 34.1769 17.035 36.4499 19.308C38.7229 21.581 39.9999 24.664 39.9999 27.879C39.9999 31.094 38.7229 34.177 36.4499 36.45C34.1769 38.723 31.0939 40 27.8789 40V31.515C28.8429 31.515 29.7679 31.132 30.4499 30.45C31.1319 29.768 31.5149 28.843 31.5149 27.879C31.5149 26.915 31.1319 25.99 30.4499 25.308C29.7679 24.626 28.8429 24.243 27.8789 24.243V15.758Z" fill="url(#paint2_linear_5083_7840)"></path>
          <path d="M27.8788 40C24.6638 40 21.5808 38.723 19.3078 36.45C17.0348 34.177 15.7578 31.094 15.7578 27.879C15.7578 24.664 17.0348 21.581 19.3078 19.308C21.5808 17.035 24.6638 15.758 27.8788 15.758V24.243C26.9148 24.243 25.9898 24.626 25.3078 25.308C24.6258 25.99 24.2428 26.915 24.2428 27.879C24.2428 28.843 24.6258 29.768 25.3078 30.45C25.9898 31.132 26.9148 31.515 27.8788 31.515V40Z" fill="#1DC2C6"></path>
          <path d="M24.2421 12.121H15.7571C15.7571 12.151 15.7571 12.181 15.7561 12.211C15.7451 12.656 15.6521 13.097 15.4801 13.513C15.3881 13.734 15.2761 13.945 15.1441 14.142C15.1271 14.167 15.1101 14.192 15.0931 14.216C14.8371 14.58 14.5141 14.895 14.1411 15.145C13.9421 15.278 13.7311 15.39 13.5121 15.481C13.4841 15.493 13.4561 15.504 13.4281 15.514C13.0131 15.674 12.5701 15.757 12.1201 15.757V24.242C13.7191 24.242 15.2951 23.926 16.7591 23.319C16.8041 23.301 16.8481 23.282 16.8921 23.263C17.5741 22.971 18.2311 22.615 18.8541 22.199C20.1841 21.31 21.3181 20.172 22.1981 18.855C22.2251 18.815 22.2511 18.775 22.2781 18.734C22.6831 18.112 23.0321 17.451 23.3181 16.759C23.9301 15.281 24.2411 13.705 24.2411 12.12L24.2421 12.121Z" fill="#9BE183"></path>
          <path d="M15.7578 12.121C15.7578 9.72399 16.4688 7.37999 17.8008 5.38699C19.1328 3.39399 21.0258 1.83999 23.2408 0.922989C25.4548 0.0049895 27.8928 -0.23501 30.2438 0.23299C32.5948 0.70099 34.7548 1.85499 36.4498 3.54999C38.1448 5.24499 39.2998 7.40499 39.7668 9.75599C40.2348 12.107 39.9948 14.544 39.0768 16.759C38.1598 18.974 36.6058 20.867 34.6128 22.199C32.6198 23.531 30.2758 24.242 27.8788 24.242V15.757C28.5978 15.757 29.3008 15.544 29.8988 15.144C30.4968 14.745 30.9628 14.177 31.2378 13.512C31.5128 12.847 31.5848 12.116 31.4448 11.411C31.3048 10.706 30.9578 10.058 30.4498 9.54899C29.9408 9.03999 29.2938 8.69399 28.5878 8.55399C27.8828 8.41399 27.1508 8.48599 26.4868 8.76099C25.8228 9.03599 25.2548 9.50199 24.8548 10.1C24.4548 10.698 24.2418 11.401 24.2418 12.12H15.7568L15.7578 12.121Z" fill="url(#paint3_linear_5083_7840)"></path>
          <path d="M60.2386 7.59008L56.4588 25.3728H67.1868L65.9144 31.3591H54.2864C50.1824 31.3591 48.9754 29.2463 49.6865 25.901L53.5786 7.59008H60.2386Z" fill="#0E293E"></path>
          <path d="M76.4139 31.8873C70.7979 31.8873 67.4121 27.6617 68.5049 22.5205C69.5902 17.4146 74.7724 13.189 80.3884 13.189C86.0044 13.189 89.3902 17.4146 88.3049 22.5205C87.2121 27.6617 82.0299 31.8873 76.4139 31.8873ZM77.6789 25.9362C79.7309 25.9362 81.4282 24.3868 81.8174 22.5557C82.2141 20.6894 81.1754 19.14 79.1234 19.14C77.0714 19.14 75.3741 20.6894 74.9774 22.5557C74.5882 24.3868 75.6269 25.9362 77.6789 25.9362Z" fill="#0E293E"></path>
          <path d="M94.6851 39.9863C90.2211 39.9863 87.3927 38.0496 86.4703 34.5987L92.433 31.7816C92.7546 32.9789 93.5726 34.2113 95.8046 34.2113C98.1446 34.2113 99.9995 32.7676 100.718 30.2322C99.6972 30.9717 98.2094 31.5351 96.1574 31.5351C91.1534 31.5351 87.9223 27.7673 89.045 22.4853C90.1303 17.3794 95.2975 13.2242 100.914 13.2242C106.674 13.2242 109.983 17.1329 108.838 22.5205L107.356 29.4928C106.008 35.8312 100.625 39.9863 94.6851 39.9863ZM98.1784 25.5841C100.122 25.5841 101.875 24.2812 102.287 22.3445C102.691 20.4429 101.485 19.1753 99.5406 19.1753C97.6326 19.1753 95.8512 20.4429 95.447 22.3445C95.0353 24.2812 96.2704 25.5841 98.1784 25.5841Z" fill="#0E293E"></path>
          <path d="M118.182 31.8873C112.566 31.8873 109.181 27.6617 110.273 22.5205C111.359 17.4146 116.541 13.189 122.157 13.189C127.773 13.189 131.159 17.4146 130.073 22.5205C128.981 27.6617 123.798 31.8873 118.182 31.8873ZM119.447 25.9362C121.499 25.9362 123.197 24.3868 123.586 22.5557C123.983 20.6894 122.944 19.14 120.892 19.14C118.84 19.14 117.143 20.6894 116.746 22.5557C116.357 24.3868 117.395 25.9362 119.447 25.9362Z" fill="#0E293E"></path>
          <path d="M137.746 11.8861C135.622 11.8861 134.225 10.1607 134.667 8.08307C135.108 6.00548 137.239 4.28003 139.363 4.28003C141.487 4.28003 142.884 6.00548 142.443 8.08307C142.001 10.1607 139.87 11.8861 137.746 11.8861ZM134.11 13.7524H140.59L136.847 31.3591H130.367L134.11 13.7524Z" fill="#0E293E"></path>
          <path d="M144.497 39.4581H138.017L141.617 22.5205C142.762 17.1329 147.733 13.2242 153.493 13.2242C159.109 13.2242 162.503 17.4146 161.417 22.5205C160.22 28.1547 155.61 31.8873 149.886 31.8873C148.554 31.8873 147.305 31.4999 146.316 30.9013L144.497 39.4581ZM150.791 25.9362C152.843 25.9362 154.541 24.3868 154.93 22.5557C155.326 20.6894 154.28 19.1753 152.228 19.1753C150.176 19.1753 148.486 20.6894 148.09 22.5557C147.701 24.3868 148.739 25.9362 150.791 25.9362Z" fill="#0E293E"></path>
          <path d="M168.379 31.9225C164.311 31.9225 161.974 30.5492 160.995 27.8729L166.222 25.3024C166.63 26.4292 167.482 26.9926 169.102 26.9926C170.434 26.9926 171.144 26.5348 171.264 25.9714C171.72 23.8234 161.752 26.0066 163.204 19.1753C163.908 15.8652 167.356 13.189 172.252 13.189C176.536 13.189 178.442 15.2314 179.067 17.2033L173.833 19.8091C173.662 18.7527 172.573 18.1189 171.349 18.1189C170.413 18.1189 169.826 18.5062 169.714 19.0344C169.25 21.2176 179.181 19.2105 177.773 25.8306C176.988 29.528 172.771 31.9225 168.379 31.9225Z" fill="#0E293E"></path>
          <path d="M188.332 25.7249C190.42 25.7249 191.717 23.8586 192.188 21.6402L193.865 13.7524H200.345L198.504 22.4149C197.403 27.5912 193.394 31.8873 187.022 31.8873C180.65 31.8873 178.467 27.5912 179.568 22.4149L181.409 13.7524H187.889L186.212 21.6402C185.741 23.8586 186.244 25.7249 188.332 25.7249Z" fill="#0E293E"></path>
          <path d="M225.315 13.0481C231.507 13.0481 233.596 17.2737 232.556 22.1684L230.603 31.3591H224.123L225.844 23.26C226.316 21.0416 225.877 19.2105 223.501 19.2105C221.125 19.2105 219.944 21.0416 219.472 23.26L217.751 31.3591H211.271L212.992 23.26C213.464 21.0416 213.061 19.2105 210.685 19.2105C208.309 19.2105 207.092 21.0416 206.62 23.26L204.899 31.3591H198.419L200.372 22.1684C201.412 17.2737 205.299 13.0481 211.491 13.0481C214.875 13.0481 217.046 14.351 217.705 16.4991C219.35 14.351 222.219 13.0481 225.315 13.0481Z" fill="#0E293E"></path>
          <path d="M240.758 11.4738C240.758 13.1306 239.415 14.4738 237.758 14.4738C236.101 14.4738 234.758 13.1306 234.758 11.4738C234.758 9.81691 236.101 8.47376 237.758 8.47376C239.415 8.47376 240.758 9.81691 240.758 11.4738Z" fill="#0E293E"></path>
          <defs>
            <linearGradient id="paint0_linear_5083_7840" x1="33.562" y1="5.112" x2="6.90198" y2="13.828" gradientUnits="userSpaceOnUse">
              <stop offset="0.637" stop-color="#F16930"></stop>
              <stop offset="0.959" stop-color="#F8C70E"></stop>
            </linearGradient>
            <linearGradient id="paint1_linear_5083_7840" x1="10.7451" y1="27.73" x2="22.7451" y2="31.23" gradientUnits="userSpaceOnUse">
              <stop stop-color="#9BE183"></stop>
              <stop offset="1" stop-color="#256B52"></stop>
            </linearGradient>
            <linearGradient id="paint2_linear_5083_7840" x1="32.5" y1="30" x2="29.6599" y2="22.346" gradientUnits="userSpaceOnUse">
              <stop stop-color="#1DC2C6"></stop>
              <stop offset="1" stop-color="#23336B"></stop>
            </linearGradient>
            <linearGradient id="paint3_linear_5083_7840" x1="32.7458" y1="16.387" x2="27" y2="10" gradientUnits="userSpaceOnUse">
              <stop offset="0.245" stop-color="#1DC1C5"></stop>
              <stop offset="1" stop-color="#9CE182"></stop>
            </linearGradient>
          </defs>
        </svg>
      </div>
    </div>

<div class="absolute inset-0 flex items-center justify-center rounded-xl bg-white/30 opacity-0 backdrop-blur-sm transition-opacity duration-300 group-hover:opacity-100">
      <a href="#" class="= rounded-full bg-blue-600 px-6 py-3 font-semibold text-white transition-colors duration-300 hover:bg-blue-700"> Meet Our Clients! </a>
    </div>
  </section>
</div>

Related Examples

Company icons grid

Author:
Amit Pachange

3 years ago

13.2k
Company icons grid

Author:
Piet Vriend

3 years ago

10.6k
Sponsors section
icon grid

Author:
Sienna

3 years ago

13.3k
Brand icons grid
showcase your 'Happy Customers'.

Author:
Kennedy Mills

2 years ago

11.4k
Login Form
Login Form With google icon

Author:
Md. Tofayel islam

1 year ago

1.9k
Brand Grid with Hover Effect

Author:
ariaw

1 year ago

1.7k
Logo grid

Author:
ariaw

6 months ago

536
Logo grid

Author:
ariaw

6 months ago

542
Logo grid

Author:
ariaw

6 months ago

477
Logo grid

Author:
ariaw

6 months ago

458
YouTube Community Post UI Mockup
A static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.

Author:
Hamza Atig

1 year ago

1.2k
Responsive landscape cards

Author:
Piet Vriend

3 years ago

10.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: [email protected]

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2026 TailwindFlex. All Rights Reserved.

v1.12