Published on

6 Easy Ways To Create A Blog UI With Tailwind CSS

Tags
Pages
Blog UI

As a FrontEnd technology blogger, you are always looking for ways to improve the design of your website. One of the best ways to do this is by using Tailwind CSS, a utility-first CSS framework that makes it easy to create beautiful and responsive user interfaces. In this article, we will discuss 6 easy ways to create a Blog UI with Tailwind CSS.

What is Tailwind CSS?

Tailwind CSS is a utility-first CSS framework that allows you to create custom designs without writing any CSS. It provides a set of pre-defined classes that you can use to style your HTML elements. Tailwind CSS is highly customizable, and you can configure it to match your design needs.

The description of Blog UI ui component

A Blog UI is a user interface component that is used to display blog posts on a website. It typically includes a list of blog posts, each with a title, date, and excerpt. The Blog UI component is an essential part of any blogging website, and it needs to be designed in a way that is both functional and visually appealing.

Why use Tailwind CSS to create a Blog UI ui component?

Tailwind CSS is an excellent choice for creating a Blog UI component because it provides a set of pre-defined classes that you can use to style your HTML elements. This makes it easy to create a custom design without writing any CSS. Additionally, Tailwind CSS is highly customizable, so you can configure it to match your design needs.

The preview of Blog UI ui component

To create a Blog UI component with Tailwind CSS, you can use the following classes:

  • bg-white: sets the background color to white.
  • border-gray-300: sets the border color to gray.
  • rounded-md: rounds the corners of the element.
  • shadow-sm: adds a small shadow to the element.
  • text-gray-900: sets the text color to gray.
  • text-sm: sets the font size to small.
  • truncate: truncates the text if it exceeds the width of the element.

Free download of the Blog UI's source code

The source code of Blog UI ui component

To create a Blog UI component with Tailwind CSS, you can use the following HTML and CSS code:

<div class="bg-white border-gray-300 rounded-md shadow-sm">
  <div class="p-4">
    <h2 class="text-gray-900 text-sm font-medium truncate">Title of Blog Post</h2>
    <p class="text-gray-500 text-sm">Date of Blog Post</p>
    <p class="text-gray-500 text-sm truncate">Excerpt of Blog Post</p>
  </div>
</div>

.bg-white {
  background-color: #fff;
}

.border-gray-300 {
  border-color: #e2e8f0;
}

.rounded-md {
  border-radius: 0.375rem;
}

.shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.text-gray-900 {
  color: #1a202c;
}

.text-sm {
  font-size: 0.875rem;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

<!-- component -->
<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
<div class="w-full text-gray-200 bg-gray-800">
  <div x-data="{ open: false }" class="flex flex-col max-w-screen-xl px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
    <div class="p-4 flex flex-row items-center justify-between">
      <a href="#" class="text-lg font-semibold tracking-widest uppercase rounded-lg text-white focus:outline-none focus:shadow-outline">Blog UI</a>
      <button class="md:hidden rounded-lg focus:outline-none focus:shadow-outline" @click="open = !open">
        <svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
          <path x-show="!open" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"></path>
          <path x-show="open" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
        </svg>
      </button>
    </div>
    <nav :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow pb-4 md:pb-0 hidden md:flex md:justify-end md:flex-row">
      <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="#">Blog</a>
      <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="#">Portfolio</a>
      <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="#">About</a>
      <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="#">Contact</a>
      <div @click.away="open = false" class="relative" x-data="{ open: false }">
        <button @click="open = !open" class="flex flex-row items-center w-full px-4 py-2 mt-2 text-sm font-semibold text-left bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:focus:bg-gray-600 dark-mode:hover:bg-gray-600 md:w-auto md:inline md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline">
          <span>My Account</span>
          <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
        </button>
        <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48">
          <div class="px-2 py-2 rounded-md shadow bg-gray-800">
            <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="#">Login</a>
            <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="#">Register</a>
            <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="#">Forgot Password?</a>
          </div>
        </div>
      </div>    
    </nav>
  </div>
</div>

<!-- CONTENT -->
	<div
		class="overflow-y-scroll space-y-3 bg-gray-200 border-gray-900 shadow-xl z-10 rounded">
		<div class=" p-2 space-y-3 z-0">
			<h4 class="text-3xl font-bold">Category</h4>
			<div class="flex items-center justify-between overflow-y-scroll text-gray-500 cursor-pointer space-x-3">
				<div
					class="flex flex-col items-center w-20  h-18  border border-indigo-50 rounded-2xl hover:text-indigo-500 cursor-pointer py-2 bg-white">
					<img class="h-8 w-8 " src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNi44MjY2NmluIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiIHZpZXdCb3g9IjAgMCA2LjgyNjY2IDYuODI2NjYiIHdpZHRoPSI2LjgyNjY2aW4iIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CiAgIDwhW0NEQVRBWwogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDowLjAwNjk0NDg4O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZH0KICAgIC5maWw0IHtmaWxsOm5vbmV9CiAgICAuZmlsMSB7ZmlsbDojOUQ3QTcyfQogICAgLmZpbDIge2ZpbGw6I0VERUFFM30KICAgIC5maWwzIHtmaWxsOiNGRkUxNTZ9CiAgICAuZmlsMCB7ZmlsbDpibGFjaztmaWxsLXJ1bGU6bm9uemVyb30KICAgXV0+CiAgPC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxheWVyX3gwMDIwXzEiPjxnIGlkPSJfNDEyMDQyMzQ0Ij48Zz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTEuNzExODkgMS44OTY1MmwzLjQwMjg5IDBjMC4wMjk0NTI4LDAgMC4wNTMzMzQ2LDAuMDIzODgxOSAwLjA1MzMzNDYsMC4wNTMzMzQ2bDAgMy4zMTEyOGMwLDAuMDI5NDUyOCAtMC4wMjM4ODE5LDAuMDUzMzM0NiAtMC4wNTMzMzQ2LDAuMDUzMzM0NmwtMy40MDI4OSAwYy0wLjAyOTQ1MjgsMCAtMC4wNTMzMzQ2LC0wLjAyMzg4MTkgLTAuMDUzMzM0NiwtMC4wNTMzMzQ2bDAgLTMuMzExMjhjMCwtMC4wMjk0NTI4IDAuMDIzODgxOSwtMC4wNTMzMzQ2IDAuMDUzMzM0NiwtMC4wNTMzMzQ2em0zLjM0OTU2IDAuMTA2NjY5bC0zLjI5NjIyIDAgMCAzLjIwNDYxIDMuMjk2MjIgMCAwIC0zLjIwNDYxeiIgaWQ9Il80MTAyOTQwNTYiLz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTEuNTM4MzYgMS44OTY1MmwzLjc0OTk0IDAgMCAtMC45MzY1MjQgLTMuNzQ5OTQgMCAwIDAuOTM2NTI0em0zLjgwMzI4IDAuMTA2NjY5bC0zLjg1NjYxIDBjLTAuMDI5NDUyOCwwIC0wLjA1MzMzNDYsLTAuMDIzODgxOSAtMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMCAtMS4wNDMxOWMwLC0wLjAyOTQ1MjggMC4wMjM4ODE5LC0wLjA1MzMzNDYgMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMy44NTY2MSAwYzAuMDI5NDUyOCwwIDAuMDUzMzM0NiwwLjAyMzg4MTkgMC4wNTMzMzQ2LDAuMDUzMzM0NmwwIDEuMDQzMTljMCwwLjAyOTQ1MjggLTAuMDIzODgxOSwwLjA1MzMzNDYgLTAuMDUzMzM0NiwwLjA1MzMzNDZ6IiBpZD0iXzQxMDMwMDIyNCIvPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNMi4xMTg1NSAxLjE1MDE5bDAuMDU2NTMxNSAwLjE3NTExOCAwLjE4NzE1NCAtMC4wMDAzNTgyNjggMCAtMC4wMDAxNTc0OGMwLjAyMjA5MDYsLTMuOTM3MDFlLTAwNSAwLjA0MDAzNTQsMC4wMTc4MzQ2IDAuMDQwMDc0OCwwLjAzOTkyNTIgMi4zNjIyZS0wMDUsMC4wMTQxNTc1IC0wLjAwNzMwNzA5LDAuMDI2NjE0MiAtMC4wMTgzOTM3LDAuMDMzNzQ0MWwtMC4xNDk4MDMgMC4xMDgzOSAwLjA1ODE2NTQgMC4xNzc4NSA3LjQ4MDMxZS0wMDUgLTIuMzYyMmUtMDA1YzAuMDA2ODY2MTQsMC4wMjA5OTYxIC0wLjAwNDU5MDU1LDAuMDQzNTg2NiAtMC4wMjU1ODY2LDAuMDUwNDUyOCAtMC4wMTQwMTE4LDAuMDA0NTgyNjggLTAuMDI4NzM2MiwwLjAwMSAtMC4wMzkwMTk3LC0wLjAwODEyOTkybC0wLjE0ODEyNiAtMC4xMDgwNTUgLTAuMTUxMjQgMC4xMTAzMzEgMC4wMDAxMDYyOTkgMC4wMDAxNDk2MDZjLTAuMDE3ODQ2NSwwLjAxMzAxOTcgLTAuMDQyODcwMSwwLjAwOTEwNjMgLTAuMDU1ODg5OCwtMC4wMDg3NDAxNiAtMC4wMDg0MDU1MSwtMC4wMTE1MTk3IC0wLjAwOTc1MTk3LC0wLjAyNjAzMTUgLTAuMDA0ODUwMzksLTAuMDM4Mzc0bDAuMDU3Mzg1OCAtMC4xNzU0NjEgLTAuMTUxNjE0IC0wLjEwOTcwMSAtMy41NDMzMWUtMDA1IDQuNzI0NDFlLTAwNWMtMC4wMTc4OTM3LC0wLjAxMjk0ODggLTAuMDIxOTA1NSwtMC4wMzc5NjA2IC0wLjAwODk1NjY5LC0wLjA1NTg1NDMgMC4wMDg1Nzg3NCwtMC4wMTE4NTQzIDAuMDIyNDQ4OCwtMC4wMTc2MTAyIDAuMDM2MDM5NCwtMC4wMTYzODU4bDAuMTgzNTk4IDAuMDAwMzUwMzk0IDAuMDU3NDg4MiAtMC4xNzgwOTggLTkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1YzAuMDA2NzgzNDYsLTAuMDIxMDIzNiAwLjAyOTMzMDcsLTAuMDMyNTYzIDAuMDUwMzU0MywtMC4wMjU3Nzk1IDAuMDEzODAzMSwwLjAwNDQ1Mjc2IDAuMDIzNTE1NywwLjAxNTcwNDcgMC4wMjY2NDE3LDAuMDI4ODU4M3ptLTAuMDEwNDYwNiAwLjIyNzIwNWwtMC4wMjg0Njg1IC0wLjA4ODE4NSAtMC4wMjc0ODAzIDAuMDg1MTQxN2MtMC4wMDQxNDE3MywwLjAxNzcxMjYgLTAuMDIwMDU5MSwwLjAzMDg4OTggLTAuMDM5MDI3NiwwLjAzMDg1NDNsMCAtMC4wMDAxNTc0OCAtMC4wOTI2NTM1IC0wLjAwMDE3NzE2NSAwLjA3MzE4NSAwLjA1Mjk1MjhjMC4wMTUwNDcyLDAuMDA5NTc0OCAwLjAyMjMxMSwwLjAyODQ0NDkgMC4wMTY1MTE4LDAuMDQ2MTczMmwtNy40ODAzMWUtMDA1IC0yLjM2MjJlLTAwNSAtMC4wMjg4MzA3IDAuMDg4MTYxNCAwLjA3MTc4MzUgLTAuMDUyMzY2MWMwLjAxMzc1OTgsLTAuMDEyMjYzOCAwLjAzNDY2NTQsLTAuMDEzNzI4MyAwLjA1MDE2MTQsLTAuMDAyNDI1MmwtMC4wMDAxMDYyOTkgMC4wMDAxNDk2MDYgMC4wNzQ5MDU1IDAuMDU0NjQ1NyAtMC4wMjgwMzU0IC0wLjA4NTczMjNjLTAuMDA2NjU3NDgsLTAuMDE2NjI2IC0wLjAwMTQ2ODUsLTAuMDM2MjcxNyAwLjAxMzcwMDgsLTAuMDQ3MjQ4bDMuNTQzMzFlLTAwNSA0LjcyNDQxZS0wMDUgMC4wNzUwOTA2IC0wLjA1NDMzNDYgLTAuMDg5MDQzMyAwLjAwMDE2OTI5MWMtMC4wMTgyNTIsMC4wMDE3MDQ3MiAtMC4wMzU4ODk4LC0wLjAwOTM3Nzk1IC0wLjA0MTc1MiwtMC4wMjc1NDcybDkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1eiIgaWQ9Il80MTAzMDEwNDAiLz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTIuNzg1NDEgMS4xNTAxOWwwLjA1NjUyNzYgMC4xNzUxMTggMC4xODcxNTcgLTAuMDAwMzU4MjY4IDAgLTAuMDAwMTU3NDhjMC4wMjIwOTA2LC0zLjkzNzAxZS0wMDUgMC4wNDAwMzU0LDAuMDE3ODM0NiAwLjA0MDA3NDgsMC4wMzk5MjUyIDIuMzYyMmUtMDA1LDAuMDE0MTU3NSAtMC4wMDczMDcwOSwwLjAyNjYxNDIgLTAuMDE4MzkzNywwLjAzMzc0NDFsLTAuMTQ5ODAzIDAuMTA4MzkgMC4wNTgxNjE0IDAuMTc3ODUgNy40ODAzMWUtMDA1IC0yLjM2MjJlLTAwNWMwLjAwNjg2NjE0LDAuMDIwOTk2MSAtMC4wMDQ1OTA1NSwwLjA0MzU4NjYgLTAuMDI1NTg2NiwwLjA1MDQ1MjggLTAuMDE0MDExOCwwLjAwNDU4MjY4IC0wLjAyODczNjIsMC4wMDEgLTAuMDM5MDE5NywtMC4wMDgxMjk5MmwtMC4xNDgxMjIgLTAuMTA4MDU1IC0wLjE1MTI0NCAwLjExMDMzMSAwLjAwMDEwNjI5OSAwLjAwMDE0OTYwNmMtMC4wMTc4NDY1LDAuMDEzMDE5NyAtMC4wNDI4NzAxLDAuMDA5MTA2MyAtMC4wNTU4ODk4LC0wLjAwODc0MDE2IC0wLjAwODQwNTUxLC0wLjAxMTUxOTcgLTAuMDA5NzUxOTcsLTAuMDI2MDMxNSAtMC4wMDQ4NTAzOSwtMC4wMzgzNzRsMC4wNTczODU4IC0wLjE3NTQ2MSAtMC4xNTE2MSAtMC4xMDk3MDEgLTMuNTQzMzFlLTAwNSA0LjcyNDQxZS0wMDVjLTAuMDE3ODkzNywtMC4wMTI5NDg4IC0wLjAyMTkwNTUsLTAuMDM3OTYwNiAtMC4wMDg5NTY2OSwtMC4wNTU4NTQzIDAuMDA4NTc4NzQsLTAuMDExODU0MyAwLjAyMjQ0ODgsLTAuMDE3NjEwMiAwLjAzNjAzOTQsLTAuMDE2Mzg1OGwwLjE4MzU5NCAwLjAwMDM1MDM5NCAwLjA1NzQ5MjEgLTAuMTc4MDk4IC05Ljg0MjUyZS0wMDUgLTkuODQyNTJlLTAwNWMwLjAwNjc4MzQ2LC0wLjAyMTAyMzYgMC4wMjkzMzA3LC0wLjAzMjU2MyAwLjA1MDM1NDMsLTAuMDI1Nzc5NSAwLjAxMzgwMzEsMC4wMDQ0NTI3NiAwLjAyMzUxNTcsMC4wMTU3MDQ3IDAuMDI2NjQxNywwLjAyODg1ODN6bS0wLjAxMDQ2NDYgMC4yMjcyMDVsLTAuMDI4NDY0NiAtMC4wODgxODUgLTAuMDI3NDg0MyAwLjA4NTE0MTdjLTAuMDA0MTQxNzMsMC4wMTc3MTI2IC0wLjAyMDA1OTEsMC4wMzA4ODk4IC0wLjAzOTAyNzYsMC4wMzA4NTQzbDAgLTAuMDAwMTU3NDggLTAuMDkyNjUzNSAtMC4wMDAxNzcxNjUgMC4wNzMxODUgMC4wNTI5NTI4YzAuMDE1MDQzMywwLjAwOTU3NDggMC4wMjIzMTEsMC4wMjg0NDQ5IDAuMDE2NTExOCwwLjA0NjE3MzJsLTcuNDgwMzFlLTAwNSAtMi4zNjIyZS0wMDUgLTAuMDI4ODMwNyAwLjA4ODE2NTQgMC4wNzE3ODc0IC0wLjA1MjM3MDFjMC4wMTM3NTk4LC0wLjAxMjI1OTggMC4wMzQ2NjU0LC0wLjAxMzcyODMgMC4wNTAxNjE0LC0wLjAwMjQyNTJsLTAuMDAwMTA2Mjk5IDAuMDAwMTQ5NjA2IDAuMDc0OTA1NSAwLjA1NDY0NTcgLTAuMDI4MDM1NCAtMC4wODU3MzIzYy0wLjAwNjY1NzQ4LC0wLjAxNjYyOTkgLTAuMDAxNDY4NSwtMC4wMzYyNzE3IDAuMDEzNzAwOCwtMC4wNDcyNDhsMy41NDMzMWUtMDA1IDQuNzI0NDFlLTAwNSAwLjA3NTA5MDYgLTAuMDU0MzM0NiAtMC4wODkwNDcyIDAuMDAwMTY5MjkxYy0wLjAxODI1MiwwLjAwMTcwNDcyIC0wLjAzNTg4OTgsLTAuMDA5Mzc3OTUgLTAuMDQxNzUyLC0wLjAyNzU0NzJsOS44NDI1MmUtMDA1IC05Ljg0MjUyZS0wMDV6IiBpZD0iXzQxMDI5ODIzMiIvPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNMy40NTIyNiAxLjE1MDE5bDAuMDU2NTI3NiAwLjE3NTExOCAwLjE4NzE1NyAtMC4wMDAzNTgyNjggMCAtMC4wMDAxNTc0OGMwLjAyMjA5MDYsLTMuOTM3MDFlLTAwNSAwLjA0MDAzNTQsMC4wMTc4MzQ2IDAuMDQwMDc0OCwwLjAzOTkyNTIgMi4zNjIyZS0wMDUsMC4wMTQxNTc1IC0wLjAwNzMwNzA5LDAuMDI2NjE0MiAtMC4wMTgzOTM3LDAuMDMzNzQ0MWwtMC4xNDk4MDMgMC4xMDgzOSAwLjA1ODE2NTQgMC4xNzc4NSA3LjQ4MDMxZS0wMDUgLTIuMzYyMmUtMDA1YzAuMDA2ODY2MTQsMC4wMjA5OTYxIC0wLjAwNDU5MDU1LDAuMDQzNTg2NiAtMC4wMjU1ODY2LDAuMDUwNDUyOCAtMC4wMTQwMTE4LDAuMDA0NTgyNjggLTAuMDI4NzM2MiwwLjAwMSAtMC4wMzkwMTk3LC0wLjAwODEyOTkybC0wLjE0ODEyNiAtMC4xMDgwNTUgLTAuMTUxMjQ0IDAuMTEwMzMxIDAuMDAwMTA2Mjk5IDAuMDAwMTQ5NjA2Yy0wLjAxNzg0NjUsMC4wMTMwMTk3IC0wLjA0Mjg3MDEsMC4wMDkxMDYzIC0wLjA1NTg4OTgsLTAuMDA4NzQwMTYgLTAuMDA4NDA1NTEsLTAuMDExNTE5NyAtMC4wMDk3NTE5NywtMC4wMjYwMzE1IC0wLjAwNDg1MDM5LC0wLjAzODM3NGwwLjA1NzM4NTggLTAuMTc1NDYxIC0wLjE1MTYxIC0wLjEwOTcwMSAtMy41NDMzMWUtMDA1IDQuNzI0NDFlLTAwNWMtMC4wMTc4OTM3LC0wLjAxMjk0ODggLTAuMDIxOTA1NSwtMC4wMzc5NjA2IC0wLjAwODk1NjY5LC0wLjA1NTg1NDMgMC4wMDg1Nzg3NCwtMC4wMTE4NTQzIDAuMDIyNDQ4OCwtMC4wMTc2MTAyIDAuMDM2MDM5NCwtMC4wMTYzODU4bDAuMTgzNTk0IDAuMDAwMzUwMzk0IDAuMDU3NDkyMSAtMC4xNzgwOTggLTkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1YzAuMDA2NzgzNDYsLTAuMDIxMDIzNiAwLjAyOTMzMDcsLTAuMDMyNTYzIDAuMDUwMzU0MywtMC4wMjU3Nzk1IDAuMDEzODAzMSwwLjAwNDQ1Mjc2IDAuMDIzNTE1NywwLjAxNTcwNDcgMC4wMjY2NDE3LDAuMDI4ODU4M3ptLTAuMDEwNDY0NiAwLjIyNzIwNWwtMC4wMjg0NjQ2IC0wLjA4ODE4NSAtMC4wMjc0ODQzIDAuMDg1MTQxN2MtMC4wMDQxNDE3MywwLjAxNzcxMjYgLTAuMDIwMDU5MSwwLjAzMDg4OTggLTAuMDM5MDI3NiwwLjAzMDg1NDNsMCAtMC4wMDAxNTc0OCAtMC4wOTI2NTM1IC0wLjAwMDE3NzE2NSAwLjA3MzE4NSAwLjA1Mjk1MjhjMC4wMTUwNDMzLDAuMDA5NTc0OCAwLjAyMjMxMSwwLjAyODQ0NDkgMC4wMTY1MTE4LDAuMDQ2MTczMmwtNy40ODAzMWUtMDA1IC0yLjM2MjJlLTAwNSAtMC4wMjg4MzA3IDAuMDg4MTY1NCAwLjA3MTc4NzQgLTAuMDUyMzcwMWMwLjAxMzc1OTgsLTAuMDEyMjU5OCAwLjAzNDY2NTQsLTAuMDEzNzI4MyAwLjA1MDE2MTQsLTAuMDAyNDI1MmwtMC4wMDAxMDYyOTkgMC4wMDAxNDk2MDYgMC4wNzQ5MDU1IDAuMDU0NjQ1NyAtMC4wMjgwMzU0IC0wLjA4NTczMjNjLTAuMDA2NjU3NDgsLTAuMDE2NjI2IC0wLjAwMTQ2ODUsLTAuMDM2MjcxNyAwLjAxMzcwMDgsLTAuMDQ3MjQ4bDMuNTQzMzFlLTAwNSA0LjcyNDQxZS0wMDUgMC4wNzUwOTA2IC0wLjA1NDMzNDYgLTAuMDg5MDQ3MiAwLjAwMDE2OTI5MWMtMC4wMTgyNTIsMC4wMDE3MDQ3MiAtMC4wMzU4ODk4LC0wLjAwOTM3Nzk1IC0wLjA0MTc1MiwtMC4wMjc1NDcybDkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1eiIgaWQ9Il80MTAyOTg0MjQiLz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTQuMTE5MTEgMS4xNTAxOWwwLjA1NjUzMTUgMC4xNzUxMTggMC4xODcxNTQgLTAuMDAwMzU4MjY4IDAgLTAuMDAwMTU3NDhjMC4wMjIwOTA2LC0zLjkzNzAxZS0wMDUgMC4wNDAwMzU0LDAuMDE3ODM0NiAwLjA0MDA3NDgsMC4wMzk5MjUyIDIuMzYyMmUtMDA1LDAuMDE0MTU3NSAtMC4wMDczMDcwOSwwLjAyNjYxNDIgLTAuMDE4MzkzNywwLjAzMzc0NDFsLTAuMTQ5ODAzIDAuMTA4MzkgMC4wNTgxNjU0IDAuMTc3ODUgNy40ODAzMWUtMDA1IC0yLjM2MjJlLTAwNWMwLjAwNjg2NjE0LDAuMDIwOTk2MSAtMC4wMDQ1OTA1NSwwLjA0MzU4NjYgLTAuMDI1NTg2NiwwLjA1MDQ1MjggLTAuMDE0MDExOCwwLjAwNDU4MjY4IC0wLjAyODczNjIsMC4wMDEgLTAuMDM5MDE5NywtMC4wMDgxMjk5MmwtMC4xNDgxMjYgLTAuMTA4MDU1IC0wLjE1MTI0IDAuMTEwMzMxIDAuMDAwMTA2Mjk5IDAuMDAwMTQ5NjA2Yy0wLjAxNzg0NjUsMC4wMTMwMTk3IC0wLjA0Mjg3MDEsMC4wMDkxMDYzIC0wLjA1NTg4OTgsLTAuMDA4NzQwMTYgLTAuMDA4NDA1NTEsLTAuMDExNTE5NyAtMC4wMDk3NTE5NywtMC4wMjYwMzE1IC0wLjAwNDg1MDM5LC0wLjAzODM3NGwwLjA1NzM4MTkgLTAuMTc1NDYxIC0wLjE1MTYxIC0wLjEwOTcwMSAtMy41NDMzMWUtMDA1IDQuNzI0NDFlLTAwNWMtMC4wMTc4OTM3LC0wLjAxMjk0ODggLTAuMDIxOTA1NSwtMC4wMzc5NjA2IC0wLjAwODk1NjY5LC0wLjA1NTg1NDMgMC4wMDg1Nzg3NCwtMC4wMTE4NTQzIDAuMDIyNDQ4OCwtMC4wMTc2MTAyIDAuMDM2MDM5NCwtMC4wMTYzODU4bDAuMTgzNTk4IDAuMDAwMzUwMzk0IDAuMDU3NDg4MiAtMC4xNzgwOTggLTkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1YzAuMDA2NzgzNDYsLTAuMDIxMDIzNiAwLjAyOTMzMDcsLTAuMDMyNTYzIDAuMDUwMzU0MywtMC4wMjU3Nzk1IDAuMDEzODAzMSwwLjAwNDQ1Mjc2IDAuMDIzNTE1NywwLjAxNTcwNDcgMC4wMjY2NDE3LDAuMDI4ODU4M3ptLTAuMDEwNDYwNiAwLjIyNzIwNWwtMC4wMjg0Njg1IC0wLjA4ODE4NSAtMC4wMjc0ODAzIDAuMDg1MTQxN2MtMC4wMDQxNDE3MywwLjAxNzcxMjYgLTAuMDIwMDU5MSwwLjAzMDg4OTggLTAuMDM5MDI3NiwwLjAzMDg1NDNsMCAtMC4wMDAxNTc0OCAtMC4wOTI2NTc1IC0wLjAwMDE3NzE2NSAwLjA3MzE4NSAwLjA1Mjk1MjhjMC4wMTUwNDMzLDAuMDA5NTc0OCAwLjAyMjMxMSwwLjAyODQ0NDkgMC4wMTY1MTE4LDAuMDQ2MTczMmwtNy40ODAzMWUtMDA1IC0yLjM2MjJlLTAwNSAtMC4wMjg4MzA3IDAuMDg4MTY1NCAwLjA3MTc4NzQgLTAuMDUyMzcwMWMwLjAxMzc1OTgsLTAuMDEyMjYzOCAwLjAzNDY2NTQsLTAuMDEzNzI4MyAwLjA1MDE2MTQsLTAuMDAyNDI1MmwtMC4wMDAxMDYyOTkgMC4wMDAxNDk2MDYgMC4wNzQ5MDU1IDAuMDU0NjQ1NyAtMC4wMjgwMzU0IC0wLjA4NTczMjNjLTAuMDA2NjU3NDgsLTAuMDE2NjI2IC0wLjAwMTQ2ODUsLTAuMDM2MjcxNyAwLjAxMzcwMDgsLTAuMDQ3MjQ4bDMuNTQzMzFlLTAwNSA0LjcyNDQxZS0wMDUgMC4wNzUwOTA2IC0wLjA1NDMzNDYgLTAuMDg5MDQzMyAwLjAwMDE2OTI5MWMtMC4wMTgyNTIsMC4wMDE3MDQ3MiAtMC4wMzU4ODk4LC0wLjAwOTM3Nzk1IC0wLjA0MTc1MiwtMC4wMjc1NDcybDkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1eiIgaWQ9Il80MTAzMDA0NDAiLz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTQuNzg1OTcgMS4xNTAxOWwwLjA1NjUzMTUgMC4xNzUxMTggMC4xODcxNTQgLTAuMDAwMzU4MjY4IDAgLTAuMDAwMTU3NDhjMC4wMjIwOTA2LC0zLjkzNzAxZS0wMDUgMC4wNDAwMzU0LDAuMDE3ODM0NiAwLjA0MDA3NDgsMC4wMzk5MjUyIDIuMzYyMmUtMDA1LDAuMDE0MTU3NSAtMC4wMDczMDcwOSwwLjAyNjYxNDIgLTAuMDE4MzkzNywwLjAzMzc0NDFsLTAuMTQ5ODAzIDAuMTA4MzkgMC4wNTgxNjU0IDAuMTc3ODUgNy40ODAzMWUtMDA1IC0yLjM2MjJlLTAwNWMwLjAwNjg2NjE0LDAuMDIwOTk2MSAtMC4wMDQ1OTA1NSwwLjA0MzU4NjYgLTAuMDI1NTg2NiwwLjA1MDQ1MjggLTAuMDE0MDExOCwwLjAwNDU4MjY4IC0wLjAyODczNjIsMC4wMDEgLTAuMDM5MDE5NywtMC4wMDgxMjk5MmwtMC4xNDgxMjYgLTAuMTA4MDU1IC0wLjE1MTI0IDAuMTEwMzMxIDAuMDAwMTA2Mjk5IDAuMDAwMTQ5NjA2Yy0wLjAxNzg0NjUsMC4wMTMwMTk3IC0wLjA0Mjg3MDEsMC4wMDkxMDYzIC0wLjA1NTg4OTgsLTAuMDA4NzQwMTYgLTAuMDA4NDA1NTEsLTAuMDExNTE5NyAtMC4wMDk3NTE5NywtMC4wMjYwMzE1IC0wLjAwNDg1MDM5LC0wLjAzODM3NGwwLjA1NzM4NTggLTAuMTc1NDYxIC0wLjE1MTYxNCAtMC4xMDk3MDEgLTMuNTQzMzFlLTAwNSA0LjcyNDQxZS0wMDVjLTAuMDE3ODkzNywtMC4wMTI5NDg4IC0wLjAyMTkwNTUsLTAuMDM3OTYwNiAtMC4wMDg5NTY2OSwtMC4wNTU4NTQzIDAuMDA4NTc4NzQsLTAuMDExODU0MyAwLjAyMjQ0ODgsLTAuMDE3NjEwMiAwLjAzNjAzOTQsLTAuMDE2Mzg1OGwwLjE4MzU5OCAwLjAwMDM1MDM5NCAwLjA1NzQ4ODIgLTAuMTc4MDk4IC05Ljg0MjUyZS0wMDUgLTkuODQyNTJlLTAwNWMwLjAwNjc4MzQ2LC0wLjAyMTAyMzYgMC4wMjkzMzA3LC0wLjAzMjU2MyAwLjA1MDM1NDMsLTAuMDI1Nzc5NSAwLjAxMzgwMzEsMC4wMDQ0NTI3NiAwLjAyMzUxNTcsMC4wMTU3MDQ3IDAuMDI2NjQxNywwLjAyODg1ODN6bS0wLjAxMDQ2MDYgMC4yMjcyMDVsLTAuMDI4NDY4NSAtMC4wODgxODUgLTAuMDI3NDgwMyAwLjA4NTE0MTdjLTAuMDA0MTQxNzMsMC4wMTc3MTI2IC0wLjAyMDA1OTEsMC4wMzA4ODk4IC0wLjAzOTAyNzYsMC4wMzA4NTQzbDAgLTAuMDAwMTU3NDggLTAuMDkyNjUzNSAtMC4wMDAxNzcxNjUgMC4wNzMxODUgMC4wNTI5NTI4YzAuMDE1MDQ3MiwwLjAwOTU3NDggMC4wMjIzMTEsMC4wMjg0NDQ5IDAuMDE2NTExOCwwLjA0NjE3MzJsLTcuNDgwMzFlLTAwNSAtMi4zNjIyZS0wMDUgLTAuMDI4ODMwNyAwLjA4ODE2MTQgMC4wNzE3ODM1IC0wLjA1MjM2NjFjMC4wMTM3NTk4LC0wLjAxMjI2MzggMC4wMzQ2NjU0LC0wLjAxMzcyODMgMC4wNTAxNjE0LC0wLjAwMjQyNTJsLTAuMDAwMTA2Mjk5IDAuMDAwMTQ5NjA2IDAuMDc0OTA1NSAwLjA1NDY0NTcgLTAuMDI4MDM1NCAtMC4wODU3MzIzYy0wLjAwNjY1NzQ4LC0wLjAxNjYyNiAtMC4wMDE0Njg1LC0wLjAzNjI3MTcgMC4wMTM3MDA4LC0wLjA0NzI0OGwzLjU0MzMxZS0wMDUgNC43MjQ0MWUtMDA1IDAuMDc1MDkwNiAtMC4wNTQzMzQ2IC0wLjA4OTA0MzMgMC4wMDAxNjkyOTFjLTAuMDE4MjUyLDAuMDAxNzA0NzIgLTAuMDM1ODg5OCwtMC4wMDkzNzc5NSAtMC4wNDE3NTIsLTAuMDI3NTQ3Mmw5Ljg0MjUyZS0wMDUgLTkuODQyNTJlLTAwNXoiIGlkPSJfNDEwMjk5NzkyIi8+PHBhdGggY2xhc3M9ImZpbDAiIGQ9Ik0yLjg2NDI4IDMuNzgwMjdsMS4xMjk4MyAwYzAuMDI5NDUyOCwwIDAuMDUzMzM0NiwwLjAyMzg4MTkgMC4wNTMzMzQ2LDAuMDUzMzM0NmwwIDEuNDI3NTRjMCwwLjAyOTQ1MjggLTAuMDIzODgxOSwwLjA1MzMzNDYgLTAuMDUzMzM0NiwwLjA1MzMzNDZsLTEuMTI5ODMgMGMtMC4wMjk0NTI4LDAgLTAuMDUzMzM0NiwtMC4wMjM4ODE5IC0wLjA1MzMzNDYsLTAuMDUzMzM0NmwwIC0xLjQyNzU0YzAsLTAuMDI5NDUyOCAwLjAyMzg4MTksLTAuMDUzMzM0NiAwLjA1MzMzNDYsLTAuMDUzMzM0NnptMS4wNzY1IDAuMTA2NjY5bC0xLjAyMzE2IDAgMCAxLjMyMDg3IDEuMDIzMTYgMCAwIC0xLjMyMDg3eiIgaWQ9Il80MTAyOTk3NDQiLz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTIuMDQ3MTcgNC40NTQ0NmwwLjQyNDU3NSAwYzAuMDI5NDUyOCwwIDAuMDUzMzM0NiwwLjAyMzg4MTkgMC4wNTMzMzQ2LDAuMDUzMzM0NmwwIDAuNDI0NTc1YzAsMC4wMjk0NTI4IC0wLjAyMzg4MTksMC4wNTMzMzQ2IC0wLjA1MzMzNDYsMC4wNTMzMzQ2bC0wLjQyNDU3NSAwYy0wLjAyOTQ1MjgsMCAtMC4wNTMzMzQ2LC0wLjAyMzg4MTkgLTAuMDUzMzM0NiwtMC4wNTMzMzQ2bDAgLTAuNDI0NTc1YzAsLTAuMDI5NDUyOCAwLjAyMzg4MTksLTAuMDUzMzM0NiAwLjA1MzMzNDYsLTAuMDUzMzM0NnptMC4zNzEyNCAwLjEwNjY2OWwtMC4zMTc5MDYgMCAwIDAuMzE3OTA2IDAuMzE3OTA2IDAgMCAtMC4zMTc5MDZ6IiBpZD0iXzQxMDMwMDQ2NCIvPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNMi4wNDcxNyAzLjcxMTQ1bDAuNDI0NTc1IDBjMC4wMjk0NTI4LDAgMC4wNTMzMzQ2LDAuMDIzODgxOSAwLjA1MzMzNDYsMC4wNTMzMzQ2bDAgMC40MjQ1NzVjMCwwLjAyOTQ1MjggLTAuMDIzODgxOSwwLjA1MzMzNDYgLTAuMDUzMzM0NiwwLjA1MzMzNDZsLTAuNDI0NTc1IDBjLTAuMDI5NDUyOCwwIC0wLjA1MzMzNDYsLTAuMDIzODgxOSAtMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMCAtMC40MjQ1NzVjMCwtMC4wMjk0NTI4IDAuMDIzODgxOSwtMC4wNTMzMzQ2IDAuMDUzMzM0NiwtMC4wNTMzMzQ2em0wLjM3MTI0IDAuMTA2NjY5bC0wLjMxNzkwNiAwIDAgMC4zMTc5MDYgMC4zMTc5MDYgMCAwIC0wLjMxNzkwNnoiIGlkPSJfNDEwMjk0NTEyIi8+PHBhdGggY2xhc3M9ImZpbDAiIGQ9Ik0yLjA0NzE3IDIuOTY4NDRsMC40MjQ1NzUgMGMwLjAyOTQ1MjgsMCAwLjA1MzMzNDYsMC4wMjM4ODE5IDAuMDUzMzM0NiwwLjA1MzMzNDZsMCAwLjQyNDU3NWMwLDAuMDI5NDUyOCAtMC4wMjM4ODE5LDAuMDUzMzM0NiAtMC4wNTMzMzQ2LDAuMDUzMzM0NmwtMC40MjQ1NzUgMGMtMC4wMjk0NTI4LDAgLTAuMDUzMzM0NiwtMC4wMjM4ODE5IC0wLjA1MzMzNDYsLTAuMDUzMzM0NmwwIC0wLjQyNDU3NWMwLC0wLjAyOTQ1MjggMC4wMjM4ODE5LC0wLjA1MzMzNDYgMC4wNTMzMzQ2LC0wLjA1MzMzNDZ6bTAuMzcxMjQgMC4xMDY2NjlsLTAuMzE3OTA2IDAgMCAwLjMxNzkwNiAwLjMxNzkwNiAwIDAgLTAuMzE3OTA2eiIgaWQ9Il80MTAyOTc5MjAiLz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTIuMDQ3MTcgMi4yMjU0M2wwLjQyNDU3NSAwYzAuMDI5NDUyOCwwIDAuMDUzMzM0NiwwLjAyMzg4MTkgMC4wNTMzMzQ2LDAuMDUzMzM0NmwwIDAuNDI0NTc1YzAsMC4wMjk0NTI4IC0wLjAyMzg4MTksMC4wNTMzMzQ2IC0wLjA1MzMzNDYsMC4wNTMzMzQ2bC0wLjQyNDU3NSAwYy0wLjAyOTQ1MjgsMCAtMC4wNTMzMzQ2LC0wLjAyMzg4MTkgLTAuMDUzMzM0NiwtMC4wNTMzMzQ2bDAgLTAuNDI0NTc1YzAsLTAuMDI5NDUyOCAwLjAyMzg4MTksLTAuMDUzMzM0NiAwLjA1MzMzNDYsLTAuMDUzMzM0NnptMC4zNzEyNCAwLjEwNjY2OWwtMC4zMTc5MDYgMCAwIDAuMzE3OTA2IDAuMzE3OTA2IDAgMCAtMC4zMTc5MDZ6IiBpZD0iXzQxMDI5OTY0OCIvPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNNC4zNTQ5MSA0LjQ1NDQ2bDAuNDI0NTc5IDBjMC4wMjk0NTI4LDAgMC4wNTMzMzQ2LDAuMDIzODgxOSAwLjA1MzMzNDYsMC4wNTMzMzQ2bDAgMC40MjQ1NzVjMCwwLjAyOTQ1MjggLTAuMDIzODgxOSwwLjA1MzMzNDYgLTAuMDUzMzM0NiwwLjA1MzMzNDZsLTAuNDI0NTc5IDBjLTAuMDI5NDUyOCwwIC0wLjA1MzMzNDYsLTAuMDIzODgxOSAtMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMCAtMC40MjQ1NzVjMCwtMC4wMjk0NTI4IDAuMDIzODgxOSwtMC4wNTMzMzQ2IDAuMDUzMzM0NiwtMC4wNTMzMzQ2em0wLjM3MTI0NCAwLjEwNjY2OWwtMC4zMTc5MDkgMCAwIDAuMzE3OTA2IDAuMzE3OTA5IDAgMCAtMC4zMTc5MDZ6IiBpZD0iXzQxMDI5NzM5MiIvPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNNC4zNTQ5MSAzLjcxMTQ1bDAuNDI0NTc5IDBjMC4wMjk0NTI4LDAgMC4wNTMzMzQ2LDAuMDIzODgxOSAwLjA1MzMzNDYsMC4wNTMzMzQ2bDAgMC40MjQ1NzVjMCwwLjAyOTQ1MjggLTAuMDIzODgxOSwwLjA1MzMzNDYgLTAuMDUzMzM0NiwwLjA1MzMzNDZsLTAuNDI0NTc5IDBjLTAuMDI5NDUyOCwwIC0wLjA1MzMzNDYsLTAuMDIzODgxOSAtMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMCAtMC40MjQ1NzVjMCwtMC4wMjk0NTI4IDAuMDIzODgxOSwtMC4wNTMzMzQ2IDAuMDUzMzM0NiwtMC4wNTMzMzQ2em0wLjM3MTI0NCAwLjEwNjY2OWwtMC4zMTc5MDkgMCAwIDAuMzE3OTA2IDAuMzE3OTA5IDAgMCAtMC4zMTc5MDZ6IiBpZD0iXzQxMDMwMDM2OCIvPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNNC4zNTQ5MSAyLjk2ODQ0bDAuNDI0NTc5IDBjMC4wMjk0NTI4LDAgMC4wNTMzMzQ2LDAuMDIzODgxOSAwLjA1MzMzNDYsMC4wNTMzMzQ2bDAgMC40MjQ1NzVjMCwwLjAyOTQ1MjggLTAuMDIzODgxOSwwLjA1MzMzNDYgLTAuMDUzMzM0NiwwLjA1MzMzNDZsLTAuNDI0NTc5IDBjLTAuMDI5NDUyOCwwIC0wLjA1MzMzNDYsLTAuMDIzODgxOSAtMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMCAtMC40MjQ1NzVjMCwtMC4wMjk0NTI4IDAuMDIzODgxOSwtMC4wNTMzMzQ2IDAuMDUzMzM0NiwtMC4wNTMzMzQ2em0wLjM3MTI0NCAwLjEwNjY2OWwtMC4zMTc5MDkgMCAwIDAuMzE3OTA2IDAuMzE3OTA5IDAgMCAtMC4zMTc5MDZ6IiBpZD0iXzQxMDI5NTI4MCIvPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNNC4zNTQ5MSAyLjIyNTQzbDAuNDI0NTc5IDBjMC4wMjk0NTI4LDAgMC4wNTMzMzQ2LDAuMDIzODgxOSAwLjA1MzMzNDYsMC4wNTMzMzQ2bDAgMC40MjQ1NzVjMCwwLjAyOTQ1MjggLTAuMDIzODgxOSwwLjA1MzMzNDYgLTAuMDUzMzM0NiwwLjA1MzMzNDZsLTAuNDI0NTc5IDBjLTAuMDI5NDUyOCwwIC0wLjA1MzMzNDYsLTAuMDIzODgxOSAtMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMCAtMC40MjQ1NzVjMCwtMC4wMjk0NTI4IDAuMDIzODgxOSwtMC4wNTMzMzQ2IDAuMDUzMzM0NiwtMC4wNTMzMzQ2em0wLjM3MTI0NCAwLjEwNjY2OWwtMC4zMTc5MDkgMCAwIDAuMzE3OTA2IDAuMzE3OTA5IDAgMCAtMC4zMTc5MDZ6IiBpZD0iXzQxMDI5NjI2NCIvPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNMy41ODU2NyAyLjk2ODQ0bDAuNDI0NTc1IDBjMC4wMjk0NTI4LDAgMC4wNTMzMzQ2LDAuMDIzODgxOSAwLjA1MzMzNDYsMC4wNTMzMzQ2bDAgMC40MjQ1NzVjMCwwLjAyOTQ1MjggLTAuMDIzODgxOSwwLjA1MzMzNDYgLTAuMDUzMzM0NiwwLjA1MzMzNDZsLTAuNDI0NTc1IDBjLTAuMDI5NDUyOCwwIC0wLjA1MzMzNDYsLTAuMDIzODgxOSAtMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMCAtMC40MjQ1NzVjMCwtMC4wMjk0NTI4IDAuMDIzODgxOSwtMC4wNTMzMzQ2IDAuMDUzMzM0NiwtMC4wNTMzMzQ2em0wLjM3MTI0IDAuMTA2NjY5bC0wLjMxNzkwNiAwIDAgMC4zMTc5MDYgMC4zMTc5MDYgMCAwIC0wLjMxNzkwNnoiIGlkPSJfNDEwMzAwMTI4Ii8+PHBhdGggY2xhc3M9ImZpbDAiIGQ9Ik0zLjU4NTY3IDIuMjI1NDNsMC40MjQ1NzUgMGMwLjAyOTQ1MjgsMCAwLjA1MzMzNDYsMC4wMjM4ODE5IDAuMDUzMzM0NiwwLjA1MzMzNDZsMCAwLjQyNDU3NWMwLDAuMDI5NDUyOCAtMC4wMjM4ODE5LDAuMDUzMzM0NiAtMC4wNTMzMzQ2LDAuMDUzMzM0NmwtMC40MjQ1NzUgMGMtMC4wMjk0NTI4LDAgLTAuMDUzMzM0NiwtMC4wMjM4ODE5IC0wLjA1MzMzNDYsLTAuMDUzMzM0NmwwIC0wLjQyNDU3NWMwLC0wLjAyOTQ1MjggMC4wMjM4ODE5LC0wLjA1MzMzNDYgMC4wNTMzMzQ2LC0wLjA1MzMzNDZ6bTAuMzcxMjQgMC4xMDY2NjlsLTAuMzE3OTA2IDAgMCAwLjMxNzkwNiAwLjMxNzkwNiAwIDAgLTAuMzE3OTA2eiIgaWQ9Il80MTAyOTY3OTIiLz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTIuODE2NDIgMi45Njg0NGwwLjQyNDU3NSAwYzAuMDI5NDUyOCwwIDAuMDUzMzM0NiwwLjAyMzg4MTkgMC4wNTMzMzQ2LDAuMDUzMzM0NmwwIDAuNDI0NTc1YzAsMC4wMjk0NTI4IC0wLjAyMzg4MTksMC4wNTMzMzQ2IC0wLjA1MzMzNDYsMC4wNTMzMzQ2bC0wLjQyNDU3NSAwYy0wLjAyOTQ1MjgsMCAtMC4wNTMzMzQ2LC0wLjAyMzg4MTkgLTAuMDUzMzM0NiwtMC4wNTMzMzQ2bDAgLTAuNDI0NTc1YzAsLTAuMDI5NDUyOCAwLjAyMzg4MTksLTAuMDUzMzM0NiAwLjA1MzMzNDYsLTAuMDUzMzM0NnptMC4zNzEyNCAwLjEwNjY2OWwtMC4zMTc5MDYgMCAwIDAuMzE3OTA2IDAuMzE3OTA2IDAgMCAtMC4zMTc5MDZ6IiBpZD0iXzQxMDI5NzA1NiIvPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNMi44MTY0MiAyLjIyNTQzbDAuNDI0NTc1IDBjMC4wMjk0NTI4LDAgMC4wNTMzMzQ2LDAuMDIzODgxOSAwLjA1MzMzNDYsMC4wNTMzMzQ2bDAgMC40MjQ1NzVjMCwwLjAyOTQ1MjggLTAuMDIzODgxOSwwLjA1MzMzNDYgLTAuMDUzMzM0NiwwLjA1MzMzNDZsLTAuNDI0NTc1IDBjLTAuMDI5NDUyOCwwIC0wLjA1MzMzNDYsLTAuMDIzODgxOSAtMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMCAtMC40MjQ1NzVjMCwtMC4wMjk0NTI4IDAuMDIzODgxOSwtMC4wNTMzMzQ2IDAuMDUzMzM0NiwtMC4wNTMzMzQ2em0wLjM3MTI0IDAuMTA2NjY5bC0wLjMxNzkwNiAwIDAgMC4zMTc5MDYgMC4zMTc5MDYgMCAwIC0wLjMxNzkwNnoiIGlkPSJfNDEwMjk4OTUyIi8+PHBhdGggY2xhc3M9ImZpbDEiIGQ9Ik0yLjc2MzA4IDMuNDQ2MzVsMCAtMC40MjQ1NzVjMCwtMC4wMjk0NTI4IDAuMDIzODgxOSwtMC4wNTMzMzQ2IDAuMDUzMzM0NiwtMC4wNTMzMzQ2bDAuNDI0NTc1IDBjMC4wMjk0NTI4LDAgMC4wNTMzMzQ2LDAuMDIzODgxOSAwLjA1MzMzNDYsMC4wNTMzMzQ2bDAgMC40MjQ1NzVjMCwwLjAyOTQ1MjggLTAuMDIzODgxOSwwLjA1MzMzNDYgLTAuMDUzMzM0NiwwLjA1MzMzNDZsLTAuNDI0NTc1IDBjLTAuMDI5NDUyOCwwIC0wLjA1MzMzNDYsLTAuMDIzODgxOSAtMC4wNTMzMzQ2LC0wLjA1MzMzNDZ6bTAuNDc3OTA5IC0wLjY4OTY3N2wtMC40MjQ1NzUgMGMtMC4wMjk0NTI4LDAgLTAuMDUzMzM0NiwtMC4wMjM4ODE5IC0wLjA1MzMzNDYsLTAuMDUzMzM0NmwwIC0wLjQyNDU3NWMwLC0wLjAyOTQ1MjggMC4wMjM4ODE5LC0wLjA1MzMzNDYgMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMC40MjQ1NzUgMGMwLjAyOTQ1MjgsMCAwLjA1MzMzNDYsMC4wMjM4ODE5IDAuMDUzMzM0NiwwLjA1MzMzNDZsMCAwLjQyNDU3NWMwLDAuMDI5NDUyOCAtMC4wMjM4ODE5LDAuMDUzMzM0NiAtMC4wNTMzMzQ2LDAuMDUzMzM0NnptMS44MjA0NSAtMC43NTM0ODRsLTMuMjk2MjIgMCAwIDMuMjA0NjEgMS4wNDU3MyAwIDAgLTEuMzc0MmMwLC0wLjAyOTQ1MjggMC4wMjM4ODE5LC0wLjA1MzMzNDYgMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMS4xMjk4MyAwYzAuMDI5NDUyOCwwIDAuMDUzMzM0NiwwLjAyMzg4MTkgMC4wNTMzMzQ2LDAuMDUzMzM0NmwwIDEuMzc0MiAxLjAxMzk5IDAgMCAtMy4yMDQ2MXptLTEuNTI5MTEgMC43MDAxNWwwIC0wLjQyNDU3NWMwLC0wLjAyOTQ1MjggMC4wMjM4ODE5LC0wLjA1MzMzNDYgMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMC40MjQ1NzUgMGMwLjAyOTQ1MjgsMCAwLjA1MzMzNDYsMC4wMjM4ODE5IDAuMDUzMzM0NiwwLjA1MzMzNDZsMCAwLjQyNDU3NWMwLDAuMDI5NDUyOCAtMC4wMjM4ODE5LDAuMDUzMzM0NiAtMC4wNTMzMzQ2LDAuMDUzMzM0NmwtMC40MjQ1NzUgMGMtMC4wMjk0NTI4LDAgLTAuMDUzMzM0NiwtMC4wMjM4ODE5IC0wLjA1MzMzNDYsLTAuMDUzMzM0NnptMCAwLjc0MzAxMmwwIC0wLjQyNDU3NWMwLC0wLjAyOTQ1MjggMC4wMjM4ODE5LC0wLjA1MzMzNDYgMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMC40MjQ1NzUgMGMwLjAyOTQ1MjgsMCAwLjA1MzMzNDYsMC4wMjM4ODE5IDAuMDUzMzM0NiwwLjA1MzMzNDZsMCAwLjQyNDU3NWMwLDAuMDI5NDUyOCAtMC4wMjM4ODE5LDAuMDUzMzM0NiAtMC4wNTMzMzQ2LDAuMDUzMzM0NmwtMC40MjQ1NzUgMGMtMC4wMjk0NTI4LDAgLTAuMDUzMzM0NiwtMC4wMjM4ODE5IC0wLjA1MzMzNDYsLTAuMDUzMzM0NnptMC43NjkyNDggLTAuNzQzMDEybDAgLTAuNDI0NTc1YzAsLTAuMDI5NDUyOCAwLjAyMzg4MTksLTAuMDUzMzM0NiAwLjA1MzMzNDYsLTAuMDUzMzM0NmwwLjQyNDU3OSAwYzAuMDI5NDUyOCwwIDAuMDUzMzM0NiwwLjAyMzg4MTkgMC4wNTMzMzQ2LDAuMDUzMzM0NmwwIDAuNDI0NTc1YzAsMC4wMjk0NTI4IC0wLjAyMzg4MTksMC4wNTMzMzQ2IC0wLjA1MzMzNDYsMC4wNTMzMzQ2bC0wLjQyNDU3OSAwYy0wLjAyOTQ1MjgsMCAtMC4wNTMzMzQ2LC0wLjAyMzg4MTkgLTAuMDUzMzM0NiwtMC4wNTMzMzQ2em0wIDAuNzQzMDEybDAgLTAuNDI0NTc1YzAsLTAuMDI5NDUyOCAwLjAyMzg4MTksLTAuMDUzMzM0NiAwLjA1MzMzNDYsLTAuMDUzMzM0NmwwLjQyNDU3OSAwYzAuMDI5NDUyOCwwIDAuMDUzMzM0NiwwLjAyMzg4MTkgMC4wNTMzMzQ2LDAuMDUzMzM0NmwwIDAuNDI0NTc1YzAsMC4wMjk0NTI4IC0wLjAyMzg4MTksMC4wNTMzMzQ2IC0wLjA1MzMzNDYsMC4wNTMzMzQ2bC0wLjQyNDU3OSAwYy0wLjAyOTQ1MjgsMCAtMC4wNTMzMzQ2LC0wLjAyMzg4MTkgLTAuMDUzMzM0NiwtMC4wNTMzMzQ2em0wIDAuMzE4NDM3YzAsLTAuMDI5NDUyOCAwLjAyMzg4MTksLTAuMDUzMzM0NiAwLjA1MzMzNDYsLTAuMDUzMzM0NmwwLjQyNDU3OSAwYzAuMDI5NDUyOCwwIDAuMDUzMzM0NiwwLjAyMzg4MTkgMC4wNTMzMzQ2LDAuMDUzMzM0NmwwIDAuNDI0NTc1YzAsMC4wMjk0NTI4IC0wLjAyMzg4MTksMC4wNTMzMzQ2IC0wLjA1MzMzNDYsMC4wNTMzMzQ2bC0wLjQyNDU3OSAwYy0wLjAyOTQ1MjgsMCAtMC4wNTMzMzQ2LC0wLjAyMzg4MTkgLTAuMDUzMzM0NiwtMC4wNTMzMzQ2bDAgLTAuNDI0NTc1em0wLjA1MzMzNDYgMC42ODk2NzdsMC40MjQ1NzkgMGMwLjAyOTQ1MjgsMCAwLjA1MzMzNDYsMC4wMjM4ODE5IDAuMDUzMzM0NiwwLjA1MzMzNDZsMCAwLjQyNDU3NWMwLDAuMDI5NDUyOCAtMC4wMjM4ODE5LDAuMDUzMzM0NiAtMC4wNTMzMzQ2LDAuMDUzMzM0NmwtMC40MjQ1NzkgMGMtMC4wMjk0NTI4LDAgLTAuMDUzMzM0NiwtMC4wMjM4ODE5IC0wLjA1MzMzNDYsLTAuMDUzMzM0NmwwIC0wLjQyNDU3NWMwLC0wLjAyOTQ1MjggMC4wMjM4ODE5LC0wLjA1MzMzNDYgMC4wNTMzMzQ2LC0wLjA1MzMzNDZ6bS0xLjgyOTgzIC0xLjQzMjY5bDAgMC40MjQ1NzVjMCwwLjAyOTQ1MjggLTAuMDIzODgxOSwwLjA1MzMzNDYgLTAuMDUzMzM0NiwwLjA1MzMzNDZsLTAuNDI0NTc1IDBjLTAuMDI5NDUyOCwwIC0wLjA1MzMzNDYsLTAuMDIzODgxOSAtMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMCAtMC40MjQ1NzVjMCwtMC4wMjk0NTI4IDAuMDIzODgxOSwtMC4wNTMzMzQ2IDAuMDUzMzM0NiwtMC4wNTMzMzQ2bDAuNDI0NTc1IDBjMC4wMjk0NTI4LDAgMC4wNTMzMzQ2LDAuMDIzODgxOSAwLjA1MzMzNDYsMC4wNTMzMzQ2em0tMC4wNTMzMzQ2IC0wLjI2NTEwMmwtMC40MjQ1NzUgMGMtMC4wMjk0NTI4LDAgLTAuMDUzMzM0NiwtMC4wMjM4ODE5IC0wLjA1MzMzNDYsLTAuMDUzMzM0NmwwIC0wLjQyNDU3NWMwLC0wLjAyOTQ1MjggMC4wMjM4ODE5LC0wLjA1MzMzNDYgMC4wNTMzMzQ2LC0wLjA1MzMzNDZsMC40MjQ1NzUgMGMwLjAyOTQ1MjgsMCAwLjA1MzMzNDYsMC4wMjM4ODE5IDAuMDUzMzM0NiwwLjA1MzMzNDZsMCAwLjQyNDU3NWMwLDAuMDI5NDUyOCAtMC4wMjM4ODE5LDAuMDUzMzM0NiAtMC4wNTMzMzQ2LDAuMDUzMzM0NnptMCAwLjk1NDc4YzAuMDI5NDUyOCwwIDAuMDUzMzM0NiwwLjAyMzg4MTkgMC4wNTMzMzQ2LDAuMDUzMzM0NmwwIDAuNDI0NTc1YzAsMC4wMjk0NTI4IC0wLjAyMzg4MTksMC4wNTMzMzQ2IC0wLjA1MzMzNDYsMC4wNTMzMzQ2bC0wLjQyNDU3NSAwYy0wLjAyOTQ1MjgsMCAtMC4wNTMzMzQ2LC0wLjAyMzg4MTkgLTAuMDUzMzM0NiwtMC4wNTMzMzQ2bDAgLTAuNDI0NTc1YzAsLTAuMDI5NDUyOCAwLjAyMzg4MTksLTAuMDUzMzM0NiAwLjA1MzMzNDYsLTAuMDUzMzM0NmwwLjQyNDU3NSAwem0tMC40MjQ1NzUgMC43NDMwMTJsMC40MjQ1NzUgMGMwLjAyOTQ1MjgsMCAwLjA1MzMzNDYsMC4wMjM4ODE5IDAuMDUzMzM0NiwwLjA1MzMzNDZsMCAwLjQyNDU3NWMwLDAuMDI5NDUyOCAtMC4wMjM4ODE5LDAuMDUzMzM0NiAtMC4wNTMzMzQ2LDAuMDUzMzM0NmwtMC40MjQ1NzUgMGMtMC4wMjk0NTI4LDAgLTAuMDUzMzM0NiwtMC4wMjM4ODE5IC0wLjA1MzMzNDYsLTAuMDUzMzM0NmwwIC0wLjQyNDU3NWMwLC0wLjAyOTQ1MjggMC4wMjM4ODE5LC0wLjA1MzMzNDYgMC4wNTMzMzQ2LC0wLjA1MzMzNDZ6IiBpZD0iXzQxMjAzNzA4OCIvPjxnPjxwb2x5Z29uIGNsYXNzPSJmaWwyIiBpZD0iXzQxMjAzNjA4MCIgcG9pbnRzPSIyLjEwMDUsMi42NSAyLjQxODQxLDIuNjUgMi40MTg0MSwyLjMzMjEgMi4xMDA1LDIuMzMyMSAiLz48cG9seWdvbiBjbGFzcz0iZmlsMiIgaWQ9Il80MTIwMzgyNjQiIHBvaW50cz0iMi44Njk3NSwyLjMzMjEgMi44Njk3NSwyLjY1IDMuMTg3NjYsMi42NSAzLjE4NzY2LDIuMzMyMSAiLz48cG9seWdvbiBjbGFzcz0iZmlsMiIgaWQ9Il80MTIwNDExNjgiIHBvaW50cz0iMy42MzksMi4zMzIxIDMuNjM5LDIuNjUgMy45NTY5MSwyLjY1IDMuOTU2OTEsMi4zMzIxICIvPjxwb2x5Z29uIGNsYXNzPSJmaWwyIiBpZD0iXzQxMjA0MjgyNCIgcG9pbnRzPSI0LjQwODI1LDIuMzMyMSA0LjQwODI1LDIuNjUgNC43MjYxNiwyLjY1IDQuNzI2MTYsMi4zMzIxICIvPjxwb2x5Z29uIGNsYXNzPSJmaWwyIiBpZD0iXzQxMjAzODg4OCIgcG9pbnRzPSI0LjcyNjE2LDMuMDc1MTEgNC40MDgyNSwzLjA3NTExIDQuNDA4MjUsMy4zOTMwMiA0LjcyNjE2LDMuMzkzMDIgIi8+PHBvbHlnb24gY2xhc3M9ImZpbDIiIGlkPSJfNDEyMDQzMjMyIiBwb2ludHM9IjMuOTU2OTEsMy4zOTMwMiAzLjk1NjkxLDMuMDc1MTEgMy42MzksMy4wNzUxMSAzLjYzOSwzLjM5MzAyICIvPjxwb2x5Z29uIGNsYXNzPSJmaWwyIiBpZD0iXzQxMjAzNzExMiIgcG9pbnRzPSIzLjE4NzY2LDMuMzkzMDIgMy4xODc2NiwzLjA3NTExIDIuODY5NzUsMy4wNzUxMSAyLjg2OTc1LDMuMzkzMDIgIi8+PHBvbHlnb24gY2xhc3M9ImZpbDIiIGlkPSJfNDEyMDQzMjU2IiBwb2ludHM9IjIuNDE4NDEsMy4zOTMwMiAyLjQxODQxLDMuMDc1MTEgMi4xMDA1LDMuMDc1MTEgMi4xMDA1LDMuMzkzMDIgIi8+PHBvbHlnb24gY2xhc3M9ImZpbDIiIGlkPSJfNDEyMDQxMjg4IiBwb2ludHM9IjIuNDE4NDEsMy44MTgxMiAyLjEwMDUsMy44MTgxMiAyLjEwMDUsNC4xMzYwMyAyLjQxODQxLDQuMTM2MDMgIi8+PHBvbHlnb24gY2xhc3M9ImZpbDIiIGlkPSJfNDEyMDQyMzIwIiBwb2ludHM9IjQuNDA4MjUsMy44MTgxMiA0LjQwODI1LDQuMTM2MDMgNC43MjYxNiw0LjEzNjAzIDQuNzI2MTYsMy44MTgxMiAiLz48cG9seWdvbiBjbGFzcz0iZmlsMiIgaWQ9Il80MTIwNDAwNjQiIHBvaW50cz0iNC43MjYxNiw0LjU2MTEzIDQuNDA4MjUsNC41NjExMyA0LjQwODI1LDQuODc5MDQgNC43MjYxNiw0Ljg3OTA0ICIvPjxwb2x5Z29uIGNsYXNzPSJmaWwyIiBpZD0iXzQxMjAzODcyMCIgcG9pbnRzPSIyLjQxODQxLDQuODc5MDQgMi40MTg0MSw0LjU2MTEzIDIuMTAwNSw0LjU2MTEzIDIuMTAwNSw0Ljg3OTA0ICIvPjxwb2x5Z29uIGNsYXNzPSJmaWwyIiBpZD0iXzQxMjA0MjU4NCIgcG9pbnRzPSIyLjkxNzYyLDMuODg2OTQgMi45MTc2Miw1LjIwNzggMy45NDA3OCw1LjIwNzggMy45NDA3OCwzLjg4Njk0ICIvPjwvZz48Zz48cGF0aCBjbGFzcz0iZmlsMyIgZD0iTTIuMDUzMDMgMS41Mzk3N2MwLjAxMzc1OTgsLTAuMDEyMjYzOCAwLjAzNDY2NTQsLTAuMDEzNzI4MyAwLjA1MDE2MTQsLTAuMDAyNDI1MmwtMC4wMDAxMDYyOTkgMC4wMDAxNDk2MDYgMC4wNzQ5MDU1IDAuMDU0NjQ1NyAtMC4wMjgwMzU0IC0wLjA4NTczMjNjLTAuMDA2NjU3NDgsLTAuMDE2NjI2IC0wLjAwMTQ2ODUsLTAuMDM2MjcxNyAwLjAxMzcwMDgsLTAuMDQ3MjQ4bDMuNTQzMzFlLTAwNSA0LjcyNDQxZS0wMDUgMC4wNzUwOTA2IC0wLjA1NDMzNDYgLTAuMDg5MDQzMyAwLjAwMDE2OTI5MWMtMC4wMTgyNTIsMC4wMDE3MDQ3MiAtMC4wMzU4ODk4LC0wLjAwOTM3Nzk1IC0wLjA0MTc1MiwtMC4wMjc1NDcybDkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1IC0wLjAyODQ2ODUgLTAuMDg4MTg1IC0wLjAyNzQ4MDMgMC4wODUxNDE3Yy0wLjAwNDE0MTczLDAuMDE3NzEyNiAtMC4wMjAwNTkxLDAuMDMwODg5OCAtMC4wMzkwMjc2LDAuMDMwODU0M2wwIC0wLjAwMDE1NzQ4IC0wLjA5MjY1MzUgLTAuMDAwMTc3MTY1IDAuMDczMTg1IDAuMDUyOTUyOGMwLjAxNTA0NzIsMC4wMDk1NzQ4IDAuMDIyMzExLDAuMDI4NDQ0OSAwLjAxNjUxMTgsMC4wNDYxNzMybC03LjQ4MDMxZS0wMDUgLTIuMzYyMmUtMDA1IC0wLjAyODgzMDcgMC4wODgxNjE0IDAuMDcxNzgzNSAtMC4wNTIzNjYxeiIgaWQ9Il80MTIwMzYwMzIiLz48cGF0aCBjbGFzcz0iZmlsMyIgZD0iTTIuNjYwNSAxLjQ1NzgzYzAuMDE1MDQzMywwLjAwOTU3NDggMC4wMjIzMTEsMC4wMjg0NDQ5IDAuMDE2NTExOCwwLjA0NjE3MzJsLTcuNDgwMzFlLTAwNSAtMi4zNjIyZS0wMDUgLTAuMDI4ODMwNyAwLjA4ODE2NTQgMC4wNzE3ODc0IC0wLjA1MjM3MDFjMC4wMTM3NTk4LC0wLjAxMjI1OTggMC4wMzQ2NjU0LC0wLjAxMzcyODMgMC4wNTAxNjE0LC0wLjAwMjQyNTJsLTAuMDAwMTA2Mjk5IDAuMDAwMTQ5NjA2IDAuMDc0OTA1NSAwLjA1NDY0NTcgLTAuMDI4MDM1NCAtMC4wODU3MzIzYy0wLjAwNjY1NzQ4LC0wLjAxNjYyOTkgLTAuMDAxNDY4NSwtMC4wMzYyNzE3IDAuMDEzNzAwOCwtMC4wNDcyNDhsMy41NDMzMWUtMDA1IDQuNzI0NDFlLTAwNSAwLjA3NTA5MDYgLTAuMDU0MzM0NiAtMC4wODkwNDcyIDAuMDAwMTY5MjkxYy0wLjAxODI1MiwwLjAwMTcwNDcyIC0wLjAzNTg4OTgsLTAuMDA5Mzc3OTUgLTAuMDQxNzUyLC0wLjAyNzU0NzJsOS44NDI1MmUtMDA1IC05Ljg0MjUyZS0wMDUgLTAuMDI4NDY0NiAtMC4wODgxODUgLTAuMDI3NDg0MyAwLjA4NTE0MTdjLTAuMDA0MTQxNzMsMC4wMTc3MTI2IC0wLjAyMDA1OTEsMC4wMzA4ODk4IC0wLjAzOTAyNzYsMC4wMzA4NTQzbDAgLTAuMDAwMTU3NDggLTAuMDkyNjUzNSAtMC4wMDAxNzcxNjUgMC4wNzMxODUgMC4wNTI5NTI4eiIgaWQ9Il80MTIwNDMxMzYiLz48cGF0aCBjbGFzcz0iZmlsMyIgZD0iTTMuMjU0MTcgMS40MDQ4N2wwLjA3MzE4NSAwLjA1Mjk1MjhjMC4wMTUwNDMzLDAuMDA5NTc0OCAwLjAyMjMxMSwwLjAyODQ0NDkgMC4wMTY1MTE4LDAuMDQ2MTczMmwtNy40ODAzMWUtMDA1IC0yLjM2MjJlLTAwNSAtMC4wMjg4MzA3IDAuMDg4MTY1NCAwLjA3MTc4NzQgLTAuMDUyMzcwMWMwLjAxMzc1OTgsLTAuMDEyMjU5OCAwLjAzNDY2NTQsLTAuMDEzNzI4MyAwLjA1MDE2MTQsLTAuMDAyNDI1MmwtMC4wMDAxMDYyOTkgMC4wMDAxNDk2MDYgMC4wNzQ5MDU1IDAuMDU0NjQ1NyAtMC4wMjgwMzU0IC0wLjA4NTczMjNjLTAuMDA2NjU3NDgsLTAuMDE2NjI2IC0wLjAwMTQ2ODUsLTAuMDM2MjcxNyAwLjAxMzcwMDgsLTAuMDQ3MjQ4bDMuNTQzMzFlLTAwNSA0LjcyNDQxZS0wMDUgMC4wNzUwOTA2IC0wLjA1NDMzNDYgLTAuMDg5MDQ3MiAwLjAwMDE2OTI5MWMtMC4wMTgyNTIsMC4wMDE3MDQ3MiAtMC4wMzU4ODk4LC0wLjAwOTM3Nzk1IC0wLjA0MTc1MiwtMC4wMjc1NDcybDkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1IC0wLjAyODQ2NDYgLTAuMDg4MTg1IC0wLjAyNzQ4NDMgMC4wODUxNDE3Yy0wLjAwNDE0MTczLDAuMDE3NzEyNiAtMC4wMjAwNTkxLDAuMDMwODg5OCAtMC4wMzkwMjc2LDAuMDMwODU0M2wwIC0wLjAwMDE1NzQ4IC0wLjA5MjY1MzUgLTAuMDAwMTc3MTY1eiIgaWQ9Il80MTIwMzk3NTIiLz48cGF0aCBjbGFzcz0iZmlsMyIgZD0iTTMuOTIxMDIgMS40MDQ4N2wwLjA3MzE4NSAwLjA1Mjk1MjhjMC4wMTUwNDMzLDAuMDA5NTc0OCAwLjAyMjMxMSwwLjAyODQ0NDkgMC4wMTY1MTE4LDAuMDQ2MTczMmwtNy40ODAzMWUtMDA1IC0yLjM2MjJlLTAwNSAtMC4wMjg4MzA3IDAuMDg4MTY1NCAwLjA3MTc4NzQgLTAuMDUyMzcwMWMwLjAxMzc1OTgsLTAuMDEyMjYzOCAwLjAzNDY2NTQsLTAuMDEzNzI4MyAwLjA1MDE2MTQsLTAuMDAyNDI1MmwtMC4wMDAxMDYyOTkgMC4wMDAxNDk2MDYgMC4wNzQ5MDU1IDAuMDU0NjQ1NyAtMC4wMjgwMzU0IC0wLjA4NTczMjNjLTAuMDA2NjU3NDgsLTAuMDE2NjI2IC0wLjAwMTQ2ODUsLTAuMDM2MjcxNyAwLjAxMzcwMDgsLTAuMDQ3MjQ4bDMuNTQzMzFlLTAwNSA0LjcyNDQxZS0wMDUgMC4wNzUwOTA2IC0wLjA1NDMzNDYgLTAuMDg5MDQzMyAwLjAwMDE2OTI5MWMtMC4wMTgyNTIsMC4wMDE3MDQ3MiAtMC4wMzU4ODk4LC0wLjAwOTM3Nzk1IC0wLjA0MTc1MiwtMC4wMjc1NDcybDkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1IC0wLjAyODQ2ODUgLTAuMDg4MTg1IC0wLjAyNzQ4MDMgMC4wODUxNDE3Yy0wLjAwNDE0MTczLDAuMDE3NzEyNiAtMC4wMjAwNTkxLDAuMDMwODg5OCAtMC4wMzkwMjc2LDAuMDMwODU0M2wwIC0wLjAwMDE1NzQ4IC0wLjA5MjY1NzUgLTAuMDAwMTc3MTY1eiIgaWQ9Il80MTIwNDA0NzIiLz48cGF0aCBjbGFzcz0iZmlsMyIgZD0iTTQuNTg3ODggMS40MDQ4N2wwLjA3MzE4NSAwLjA1Mjk1MjhjMC4wMTUwNDcyLDAuMDA5NTc0OCAwLjAyMjMxMSwwLjAyODQ0NDkgMC4wMTY1MTE4LDAuMDQ2MTczMmwtNy40ODAzMWUtMDA1IC0yLjM2MjJlLTAwNSAtMC4wMjg4MzA3IDAuMDg4MTYxNCAwLjA3MTc4MzUgLTAuMDUyMzY2MWMwLjAxMzc1OTgsLTAuMDEyMjYzOCAwLjAzNDY2NTQsLTAuMDEzNzI4MyAwLjA1MDE2MTQsLTAuMDAyNDI1MmwtMC4wMDAxMDYyOTkgMC4wMDAxNDk2MDYgMC4wNzQ5MDU1IDAuMDU0NjQ1NyAtMC4wMjgwMzU0IC0wLjA4NTczMjNjLTAuMDA2NjU3NDgsLTAuMDE2NjI2IC0wLjAwMTQ2ODUsLTAuMDM2MjcxNyAwLjAxMzcwMDgsLTAuMDQ3MjQ4bDMuNTQzMzFlLTAwNSA0LjcyNDQxZS0wMDUgMC4wNzUwOTA2IC0wLjA1NDMzNDYgLTAuMDg5MDQzMyAwLjAwMDE2OTI5MWMtMC4wMTgyNTIsMC4wMDE3MDQ3MiAtMC4wMzU4ODk4LC0wLjAwOTM3Nzk1IC0wLjA0MTc1MiwtMC4wMjc1NDcybDkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1IC0wLjAyODQ2ODUgLTAuMDg4MTg1IC0wLjAyNzQ4MDMgMC4wODUxNDE3Yy0wLjAwNDE0MTczLDAuMDE3NzEyNiAtMC4wMjAwNTkxLDAuMDMwODg5OCAtMC4wMzkwMjc2LDAuMDMwODU0M2wwIC0wLjAwMDE1NzQ4IC0wLjA5MjY1MzUgLTAuMDAwMTc3MTY1eiIgaWQ9Il80MTIwMzgwNDgiLz48L2c+PHBhdGggY2xhc3M9ImZpbDEiIGQ9Ik0zLjk4NDczIDEuMzI1MzFsMC4wNTc0ODgyIC0wLjE3ODA5OCAtOS44NDI1MmUtMDA1IC05Ljg0MjUyZS0wMDVjMC4wMDY3ODM0NiwtMC4wMjEwMjM2IDAuMDI5MzMwNywtMC4wMzI1NjMgMC4wNTAzNTQzLC0wLjAyNTc3OTUgMC4wMTM4MDMxLDAuMDA0NDUyNzYgMC4wMjM1MTU3LDAuMDE1NzA0NyAwLjAyNjY0MTcsMC4wMjg4NTgzbDAuMDU2NTMxNSAwLjE3NTExOCAwLjE4NzE1NCAtMC4wMDAzNTgyNjggMCAtMC4wMDAxNTc0OGMwLjAyMjA5MDYsLTMuOTM3MDFlLTAwNSAwLjA0MDAzNTQsMC4wMTc4MzQ2IDAuMDQwMDc0OCwwLjAzOTkyNTIgMi4zNjIyZS0wMDUsMC4wMTQxNTc1IC0wLjAwNzMwNzA5LDAuMDI2NjE0MiAtMC4wMTgzOTM3LDAuMDMzNzQ0MWwtMC4xNDk4MDMgMC4xMDgzOSAwLjA1ODE2NTQgMC4xNzc4NSA3LjQ4MDMxZS0wMDUgLTIuMzYyMmUtMDA1YzAuMDA2ODY2MTQsMC4wMjA5OTYxIC0wLjAwNDU5MDU1LDAuMDQzNTg2NiAtMC4wMjU1ODY2LDAuMDUwNDUyOCAtMC4wMTQwMTE4LDAuMDA0NTgyNjggLTAuMDI4NzM2MiwwLjAwMSAtMC4wMzkwMTk3LC0wLjAwODEyOTkybC0wLjE0ODEyNiAtMC4xMDgwNTUgLTAuMTUxMjQgMC4xMTAzMzEgMC4wMDAxMDYyOTkgMC4wMDAxNDk2MDZjLTAuMDE3ODQ2NSwwLjAxMzAxOTcgLTAuMDQyODcwMSwwLjAwOTEwNjMgLTAuMDU1ODg5OCwtMC4wMDg3NDAxNiAtMC4wMDg0MDU1MSwtMC4wMTE1MTk3IC0wLjAwOTc1MTk3LC0wLjAyNjAzMTUgLTAuMDA0ODUwMzksLTAuMDM4Mzc0bDAuMDU3MzgxOSAtMC4xNzU0NjEgLTAuMTUxNjEgLTAuMTA5NzAxIC0zLjU0MzMxZS0wMDUgNC43MjQ0MWUtMDA1Yy0wLjAxNzg5MzcsLTAuMDEyOTQ4OCAtMC4wMjE5MDU1LC0wLjAzNzk2MDYgLTAuMDA4OTU2NjksLTAuMDU1ODU0MyAwLjAwODU3ODc0LC0wLjAxMTg1NDMgMC4wMjI0NDg4LC0wLjAxNzYxMDIgMC4wMzYwMzk0LC0wLjAxNjM4NThsMC4xODM1OTggMC4wMDAzNTAzOTR6bTAuNDU2MTczIDAuMDcxODg5OGMtMC4wMTc4OTM3LC0wLjAxMjk0ODggLTAuMDIxOTA1NSwtMC4wMzc5NjA2IC0wLjAwODk1NjY5LC0wLjA1NTg1NDMgMC4wMDg1Nzg3NCwtMC4wMTE4NTQzIDAuMDIyNDQ4OCwtMC4wMTc2MTAyIDAuMDM2MDM5NCwtMC4wMTYzODU4bDAuMTgzNTk4IDAuMDAwMzUwMzk0IDAuMDU3NDg4MiAtMC4xNzgwOTggLTkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1YzAuMDA2NzgzNDYsLTAuMDIxMDIzNiAwLjAyOTMzMDcsLTAuMDMyNTYzIDAuMDUwMzU0MywtMC4wMjU3Nzk1IDAuMDEzODAzMSwwLjAwNDQ1Mjc2IDAuMDIzNTE1NywwLjAxNTcwNDcgMC4wMjY2NDE3LDAuMDI4ODU4M2wwLjA1NjUzMTUgMC4xNzUxMTggMC4xODcxNTQgLTAuMDAwMzU4MjY4IDAgLTAuMDAwMTU3NDhjMC4wMjIwOTA2LC0zLjkzNzAxZS0wMDUgMC4wNDAwMzU0LDAuMDE3ODM0NiAwLjA0MDA3NDgsMC4wMzk5MjUyIDIuMzYyMmUtMDA1LDAuMDE0MTU3NSAtMC4wMDczMDcwOSwwLjAyNjYxNDIgLTAuMDE4MzkzNywwLjAzMzc0NDFsLTAuMTQ5ODAzIDAuMTA4MzkgMC4wNTgxNjU0IDAuMTc3ODUgNy40ODAzMWUtMDA1IC0yLjM2MjJlLTAwNWMwLjAwNjg2NjE0LDAuMDIwOTk2MSAtMC4wMDQ1OTA1NSwwLjA0MzU4NjYgLTAuMDI1NTg2NiwwLjA1MDQ1MjggLTAuMDE0MDExOCwwLjAwNDU4MjY4IC0wLjAyODczNjIsMC4wMDEgLTAuMDM5MDE5NywtMC4wMDgxMjk5MmwtMC4xNDgxMjYgLTAuMTA4MDU1IC0wLjE1MTI0IDAuMTEwMzMxIDAuMDAwMTA2Mjk5IDAuMDAwMTQ5NjA2Yy0wLjAxNzg0NjUsMC4wMTMwMTk3IC0wLjA0Mjg3MDEsMC4wMDkxMDYzIC0wLjA1NTg4OTgsLTAuMDA4NzQwMTYgLTAuMDA4NDA1NTEsLTAuMDExNTE5NyAtMC4wMDk3NTE5NywtMC4wMjYwMzE1IC0wLjAwNDg1MDM5LC0wLjAzODM3NGwwLjA1NzM4NTggLTAuMTc1NDYxIC0wLjE1MTYxNCAtMC4xMDk3MDEgLTMuNTQzMzFlLTAwNSA0LjcyNDQxZS0wMDV6bS0wLjk4ODY0MiAtMC4yNDcwMDhsMC4wNTY1Mjc2IDAuMTc1MTE4IDAuMTg3MTU3IC0wLjAwMDM1ODI2OCAwIC0wLjAwMDE1NzQ4YzAuMDIyMDkwNiwtMy45MzcwMWUtMDA1IDAuMDQwMDM1NCwwLjAxNzgzNDYgMC4wNDAwNzQ4LDAuMDM5OTI1MiAyLjM2MjJlLTAwNSwwLjAxNDE1NzUgLTAuMDA3MzA3MDksMC4wMjY2MTQyIC0wLjAxODM5MzcsMC4wMzM3NDQxbC0wLjE0OTgwMyAwLjEwODM5IDAuMDU4MTY1NCAwLjE3Nzg1IDcuNDgwMzFlLTAwNSAtMi4zNjIyZS0wMDVjMC4wMDY4NjYxNCwwLjAyMDk5NjEgLTAuMDA0NTkwNTUsMC4wNDM1ODY2IC0wLjAyNTU4NjYsMC4wNTA0NTI4IC0wLjAxNDAxMTgsMC4wMDQ1ODI2OCAtMC4wMjg3MzYyLDAuMDAxIC0wLjAzOTAxOTcsLTAuMDA4MTI5OTJsLTAuMTQ4MTI2IC0wLjEwODA1NSAtMC4xNTEyNDQgMC4xMTAzMzEgMC4wMDAxMDYyOTkgMC4wMDAxNDk2MDZjLTAuMDE3ODQ2NSwwLjAxMzAxOTcgLTAuMDQyODcwMSwwLjAwOTEwNjMgLTAuMDU1ODg5OCwtMC4wMDg3NDAxNiAtMC4wMDg0MDU1MSwtMC4wMTE1MTk3IC0wLjAwOTc1MTk3LC0wLjAyNjAzMTUgLTAuMDA0ODUwMzksLTAuMDM4Mzc0bDAuMDU3Mzg1OCAtMC4xNzU0NjEgLTAuMTUxNjEgLTAuMTA5NzAxIC0zLjU0MzMxZS0wMDUgNC43MjQ0MWUtMDA1Yy0wLjAxNzg5MzcsLTAuMDEyOTQ4OCAtMC4wMjE5MDU1LC0wLjAzNzk2MDYgLTAuMDA4OTU2NjksLTAuMDU1ODU0MyAwLjAwODU3ODc0LC0wLjAxMTg1NDMgMC4wMjI0NDg4LC0wLjAxNzYxMDIgMC4wMzYwMzk0LC0wLjAxNjM4NThsMC4xODM1OTQgMC4wMDAzNTAzOTQgMC4wNTc0OTIxIC0wLjE3ODA5OCAtOS44NDI1MmUtMDA1IC05Ljg0MjUyZS0wMDVjMC4wMDY3ODM0NiwtMC4wMjEwMjM2IDAuMDI5MzMwNywtMC4wMzI1NjMgMC4wNTAzNTQzLC0wLjAyNTc3OTUgMC4wMTM4MDMxLDAuMDA0NDUyNzYgMC4wMjM1MTU3LDAuMDE1NzA0NyAwLjAyNjY0MTcsMC4wMjg4NTgzem0tMS43NDAzNyAwLjc0NjMyN2wzLjQwMjg5IDBjMC4wMDAyMTY1MzUsMCAwLjAwMDQzNzAwOCwwIDAuMDAwNjUzNTQzLDMuOTM3MDFlLTAwNmwwLjE3Mjg3NCAwIDAgLTAuOTM2NTI0IC0zLjc0OTk0IDAgMCAwLjkzNjUyNCAwLjE3Mjg3NCAwYzAuMDAwMjE2NTM1LC0zLjkzNzAxZS0wMDYgMC4wMDA0MzcwMDgsLTMuOTM3MDFlLTAwNiAwLjAwMDY1MzU0MywtMy45MzcwMWUtMDA2em0xLjA3MzUyIC0wLjc0NjMyN2wwLjA1NjUyNzYgMC4xNzUxMTggMC4xODcxNTcgLTAuMDAwMzU4MjY4IDAgLTAuMDAwMTU3NDhjMC4wMjIwOTA2LC0zLjkzNzAxZS0wMDUgMC4wNDAwMzU0LDAuMDE3ODM0NiAwLjA0MDA3NDgsMC4wMzk5MjUyIDIuMzYyMmUtMDA1LDAuMDE0MTU3NSAtMC4wMDczMDcwOSwwLjAyNjYxNDIgLTAuMDE4MzkzNywwLjAzMzc0NDFsLTAuMTQ5ODAzIDAuMTA4MzkgMC4wNTgxNjE0IDAuMTc3ODUgNy40ODAzMWUtMDA1IC0yLjM2MjJlLTAwNWMwLjAwNjg2NjE0LDAuMDIwOTk2MSAtMC4wMDQ1OTA1NSwwLjA0MzU4NjYgLTAuMDI1NTg2NiwwLjA1MDQ1MjggLTAuMDE0MDExOCwwLjAwNDU4MjY4IC0wLjAyODczNjIsMC4wMDEgLTAuMDM5MDE5NywtMC4wMDgxMjk5MmwtMC4xNDgxMjIgLTAuMTA4MDU1IC0wLjE1MTI0NCAwLjExMDMzMSAwLjAwMDEwNjI5OSAwLjAwMDE0OTYwNmMtMC4wMTc4NDY1LDAuMDEzMDE5NyAtMC4wNDI4NzAxLDAuMDA5MTA2MyAtMC4wNTU4ODk4LC0wLjAwODc0MDE2IC0wLjAwODQwNTUxLC0wLjAxMTUxOTcgLTAuMDA5NzUxOTcsLTAuMDI2MDMxNSAtMC4wMDQ4NTAzOSwtMC4wMzgzNzRsMC4wNTczODU4IC0wLjE3NTQ2MSAtMC4xNTE2MSAtMC4xMDk3MDEgLTMuNTQzMzFlLTAwNSA0LjcyNDQxZS0wMDVjLTAuMDE3ODkzNywtMC4wMTI5NDg4IC0wLjAyMTkwNTUsLTAuMDM3OTYwNiAtMC4wMDg5NTY2OSwtMC4wNTU4NTQzIDAuMDA4NTc4NzQsLTAuMDExODU0MyAwLjAyMjQ0ODgsLTAuMDE3NjEwMiAwLjAzNjAzOTQsLTAuMDE2Mzg1OGwwLjE4MzU5NCAwLjAwMDM1MDM5NCAwLjA1NzQ5MjEgLTAuMTc4MDk4IC05Ljg0MjUyZS0wMDUgLTkuODQyNTJlLTAwNWMwLjAwNjc4MzQ2LC0wLjAyMTAyMzYgMC4wMjkzMzA3LC0wLjAzMjU2MyAwLjA1MDM1NDMsLTAuMDI1Nzc5NSAwLjAxMzgwMzEsMC4wMDQ0NTI3NiAwLjAyMzUxNTcsMC4wMTU3MDQ3IDAuMDI2NjQxNywwLjAyODg1ODN6bS0wLjQwMTQ5MiAwLjI0ODI3MmwtMC4xNDk4MDMgMC4xMDgzOSAwLjA1ODE2NTQgMC4xNzc4NSA3LjQ4MDMxZS0wMDUgLTIuMzYyMmUtMDA1YzAuMDA2ODY2MTQsMC4wMjA5OTYxIC0wLjAwNDU5MDU1LDAuMDQzNTg2NiAtMC4wMjU1ODY2LDAuMDUwNDUyOCAtMC4wMTQwMTE4LDAuMDA0NTgyNjggLTAuMDI4NzM2MiwwLjAwMSAtMC4wMzkwMTk3LC0wLjAwODEyOTkybC0wLjE0ODEyNiAtMC4xMDgwNTUgLTAuMTUxMjQgMC4xMTAzMzEgMC4wMDAxMDYyOTkgMC4wMDAxNDk2MDZjLTAuMDE3ODQ2NSwwLjAxMzAxOTcgLTAuMDQyODcwMSwwLjAwOTEwNjMgLTAuMDU1ODg5OCwtMC4wMDg3NDAxNiAtMC4wMDg0MDU1MSwtMC4wMTE1MTk3IC0wLjAwOTc1MTk3LC0wLjAyNjAzMTUgLTAuMDA0ODUwMzksLTAuMDM4Mzc0bDAuMDU3Mzg1OCAtMC4xNzU0NjEgLTAuMTUxNjE0IC0wLjEwOTcwMSAtMy41NDMzMWUtMDA1IDQuNzI0NDFlLTAwNWMtMC4wMTc4OTM3LC0wLjAxMjk0ODggLTAuMDIxOTA1NSwtMC4wMzc5NjA2IC0wLjAwODk1NjY5LC0wLjA1NTg1NDMgMC4wMDg1Nzg3NCwtMC4wMTE4NTQzIDAuMDIyNDQ4OCwtMC4wMTc2MTAyIDAuMDM2MDM5NCwtMC4wMTYzODU4bDAuMTgzNTk4IDAuMDAwMzUwMzk0IDAuMDU3NDg4MiAtMC4xNzgwOTggLTkuODQyNTJlLTAwNSAtOS44NDI1MmUtMDA1YzAuMDA2NzgzNDYsLTAuMDIxMDIzNiAwLjAyOTMzMDcsLTAuMDMyNTYzIDAuMDUwMzU0MywtMC4wMjU3Nzk1IDAuMDEzODAzMSwwLjAwNDQ1Mjc2IDAuMDIzNTE1NywwLjAxNTcwNDcgMC4wMjY2NDE3LDAuMDI4ODU4M2wwLjA1NjUzMTUgMC4xNzUxMTggMC4xODcxNTQgLTAuMDAwMzU4MjY4IDAgLTAuMDAwMTU3NDhjMC4wMjIwOTA2LC0zLjkzNzAxZS0wMDUgMC4wNDAwMzU0LDAuMDE3ODM0NiAwLjA0MDA3NDgsMC4wMzk5MjUyIDIuMzYyMmUtMDA1LDAuMDE0MTU3NSAtMC4wMDczMDcwOSwwLjAyNjYxNDIgLTAuMDE4MzkzNywwLjAzMzc0NDF6IiBpZD0iXzQxMjA0MzM3NiIvPjwvZz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTEuNDQyMzEgNS40MzcxM2wzLjk0MjA2IDAgMCAtMC4xNTE4MDMgLTMuOTQyMDYgMCAwIDAuMTUxODAzem0zLjk5NTM5IDAuMDc3NTI3NmwtNC4wNDg3MiAwYy0wLjAyOTQ1MjgsMCAtMC4wNTMzMzQ2LC0wLjAxNzM1ODMgLTAuMDUzMzM0NiwtMC4wMzg3NjM4bDAgLTAuMjI5MzMxYzAsLTAuMDIxNDA1NSAwLjAyMzg4MTksLTAuMDM4NzYzOCAwLjA1MzMzNDYsLTAuMDM4NzYzOGw0LjA0ODcyIDBjMC4wMjk0NTI4LDAgMC4wNTMzMzQ2LDAuMDE3MzU4MyAwLjA1MzMzNDYsMC4wMzg3NjM4bDAgMC4yMjkzMzFjMCwwLjAyMTQwNTUgLTAuMDIzODgxOSwwLjAzODc2MzggLTAuMDUzMzM0NiwwLjAzODc2Mzh6IiBpZD0iXzQxMjAzOTE1MiIvPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNMS4yMTAxNiA1LjY2NjQ3bDQuNDA2MzUgMCAwIC0wLjE1MTgwMyAtNC40MDYzNSAwIDAgMC4xNTE4MDN6bTQuNDU5NjkgMC4wNzc1Mjc2bC00LjUxMzAyIDBjLTAuMDI5NDUyOCwwIC0wLjA1MzMzNDYsLTAuMDE3MzU4MyAtMC4wNTMzMzQ2LC0wLjAzODc2MzhsMCAtMC4yMjkzMzFjMCwtMC4wMjE0MDU1IDAuMDIzODgxOSwtMC4wMzg3NjM4IDAuMDUzMzM0NiwtMC4wMzg3NjM4bDQuNTEzMDIgMGMwLjAyOTQ1MjgsMCAwLjA1MzMzNDYsMC4wMTczNTgzIDAuMDUzMzM0NiwwLjAzODc2MzhsMCAwLjIyOTMzMWMwLDAuMDIxNDA1NSAtMC4wMjM4ODE5LDAuMDM4NzYzOCAtMC4wNTMzMzQ2LDAuMDM4NzYzOHoiIGlkPSJfNDEyMDM1OTYwIi8+PHBhdGggY2xhc3M9ImZpbDAiIGQ9Ik0wLjk3ODAxMiA1Ljg5NThsNC44NzA2NCAwIDAgLTAuMTUxODAzIC00Ljg3MDY0IDAgMCAwLjE1MTgwM3ptNC45MjM5OCAwLjA3NzUyNzZsLTQuOTc3MzEgMGMtMC4wMjk0NTI4LDAgLTAuMDUzMzM0NiwtMC4wMTczNTgzIC0wLjA1MzMzNDYsLTAuMDM4NzYzOGwwIC0wLjIyOTMzMWMwLC0wLjAyMTQwNTUgMC4wMjM4ODE5LC0wLjAzODc2MzggMC4wNTMzMzQ2LC0wLjAzODc2MzhsNC45NzczMSAwYzAuMDI5NDUyOCwwIDAuMDUzMzM0NiwwLjAxNzM1ODMgMC4wNTMzMzQ2LDAuMDM4NzYzOGwwIDAuMjI5MzMxYzAsMC4wMjE0MDU1IC0wLjAyMzg4MTksMC4wMzg3NjM4IC0wLjA1MzMzNDYsMC4wMzg3NjM4eiIgaWQ9Il80MTIwMzYzOTIiLz48cG9seWdvbiBjbGFzcz0iZmlsMSBzdHIwIiBpZD0iXzQxMjAzNzU2OCIgcG9pbnRzPSI1LjI1Mzk4LDUuMjg1MzMgMS41NzI2OSw1LjI4NTMzIDEuNDQyMzEsNS4yODUzMyAxLjQ0MjMxLDUuNDM3MTMgNS4zODQzNiw1LjQzNzEzIDUuMzg0MzYsNS4yODUzMyAiLz48cG9seWdvbiBjbGFzcz0iZmlsMSBzdHIwIiBpZD0iXzQxMjA0MTUwNCIgcG9pbnRzPSI1LjQzNzcsNS41MTQ2NiAxLjM4ODk3LDUuNTE0NjYgMS4yMTAxNiw1LjUxNDY3IDEuMjEwMTYsNS42NjY0NyA1LjYxNjUxLDUuNjY2NDcgNS42MTY1MSw1LjUxNDY3ICIvPjxwb2x5Z29uIGNsYXNzPSJmaWwxIHN0cjAiIGlkPSJfNDEyMDM4NzkyIiBwb2ludHM9IjUuNjY5ODQsNS43NDQgMS4xNTY4Miw1Ljc0NCAwLjk3ODAxMiw1Ljc0NCAwLjk3ODAxMiw1Ljg5NTggNS44NDg2NSw1Ljg5NTggNS44NDg2NSw1Ljc0NCAiLz48L2c+PC9nPjxyZWN0IGNsYXNzPSJmaWw0IiBoZWlnaHQ9IjYuODI2NjYiIHdpZHRoPSI2LjgyNjY2Ii8+PC9zdmc+">
					<p class="text-gray-600 text-sm mt-1 font-bold">Hotel</p>
				</div>
				<div
					class="flex flex-col items-center w-20  h-18  border border-indigo-50 rounded-2xl hover:text-indigo-500 cursor-pointer py-2 bg-white">
					<img class="h-8 w-8 " src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9IkZsYXQiPjxwYXRoIGQ9Im0xMTIgMjRoMjg4YTQ4IDQ4IDAgMCAxIDQ4IDQ4djMzNmExNiAxNiAwIDAgMSAtMTYgMTZoLTM1MmExNiAxNiAwIDAgMSAtMTYtMTZ2LTMzNmE0OCA0OCAwIDAgMSA0OC00OHoiIGZpbGw9IiMzNDhmZDkiLz48cGF0aCBkPSJtODAgNDI0aDY0YTAgMCAwIDAgMSAwIDB2NTZhOCA4IDAgMCAxIC04IDhoLTQ4YTggOCAwIDAgMSAtOC04di01NmEwIDAgMCAwIDEgMCAweiIgZmlsbD0iIzRkNWU3OCIvPjxwYXRoIGQ9Im0zNjggNDI0aDY0YTAgMCAwIDAgMSAwIDB2NTZhOCA4IDAgMCAxIC04IDhoLTQ4YTggOCAwIDAgMSAtOC04di01NmEwIDAgMCAwIDEgMCAweiIgZmlsbD0iIzRkNWU3OCIvPjxjaXJjbGUgY3g9IjEyMCIgY3k9IjM2OCIgZmlsbD0iI2ZmYjUzMSIgcj0iMjQiLz48Y2lyY2xlIGN4PSIzOTIiIGN5PSIzNjgiIGZpbGw9IiNmZmI1MzEiIHI9IjI0Ii8+PHBhdGggZD0ibTE2OCAzNDRoMTc2djE2aC0xNzZ6IiBmaWxsPSIjMmQ3ZGJmIi8+PHBhdGggZD0ibTE2OCAzNzZoMTc2djE2aC0xNzZ6IiBmaWxsPSIjMmQ3ZGJmIi8+PHBhdGggZD0ibTY0IDk2aDM4NHYyMDhoLTM4NHoiIGZpbGw9IiM0ZGI3ZTUiLz48cGF0aCBkPSJtNDQ4IDk2djIwOGgtMzI0LjNjMTE1LjA5LTM2LjcxIDIyNS43Ni0xMDEuNjcgMzAwLjM3LTIwOHoiIGZpbGw9IiM0YWFmZGIiLz48cGF0aCBkPSJtMjQ4IDk2aDE2djIwOGgtMTZ6IiBmaWxsPSIjNDVhN2QxIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgNTEyIDQwMCkiLz48cGF0aCBkPSJtMjE2IDIzNi45My02OS45NDYgNzcuNzE4IDExLjg5MiAxMC43MDQgNTguMDU0LTY0LjUwNXYxOS4xNTNoMTZ2LTgwaC0xNnoiIGZpbGw9IiNlMGUwZGUiLz48cGF0aCBkPSJtMzY1Ljk0NiAzMTQuNjQ4LTY5Ljk0Ni03Ny43MTh2LTM2LjkzaC0xNnY4MGgxNnYtMTkuMTUzbDU4LjA1NCA2NC41MDV6IiBmaWxsPSIjZTBlMGRlIi8+PHJlY3QgZmlsbD0iI2UwZTBkZSIgaGVpZ2h0PSI5NiIgcng9IjgiIHdpZHRoPSI0MCIgeD0iMjQiIHk9IjE2OCIvPjxwYXRoIGQ9Im02NCAyMDQuOTZ2NDMuMDRhOCA4IDAgMCAxIC04IDhoLTI0YTggOCAwIDAgMSAtOC04di0xMC42NWE0NTkuOTYzIDQ1OS45NjMgMCAwIDAgNDAtMzIuMzl6IiBmaWxsPSIjZDlkOWQ3Ii8+PHJlY3QgZmlsbD0iI2UwZTBkZSIgaGVpZ2h0PSI5NiIgcng9IjgiIHdpZHRoPSI0MCIgeD0iNDQ4IiB5PSIxNjgiLz48ZyBmaWxsPSIjZjM1MjQ0Ij48cGF0aCBkPSJtMjQ4IDQ4aDE2djE2aC0xNnoiLz48cGF0aCBkPSJtMjgwIDQ4aDE2djE2aC0xNnoiLz48cGF0aCBkPSJtMjE2IDQ4aDE2djE2aC0xNnoiLz48cGF0aCBkPSJtMTA0IDQ4aDE2djE2aC0xNnoiLz48cGF0aCBkPSJtMzkyIDQ4aDE2djE2aC0xNnoiLz48L2c+PHBhdGggZD0ibTgwIDQyNGg2NHYxNmgtNjR6IiBmaWxsPSIjM2I0OTVlIi8+PHBhdGggZD0ibTM2OCA0MjRoNjR2MTZoLTY0eiIgZmlsbD0iIzNiNDk1ZSIvPjxwYXRoIGQ9Im00ODggMjEyLjk2djQzLjA0YTggOCAwIDAgMSAtOCA4aC0yNGE4IDggMCAwIDEgLTgtOHYtMTAuNjVhNDU5Ljk2MyA0NTkuOTYzIDAgMCAwIDQwLTMyLjM5eiIgZmlsbD0iI2Q5ZDlkNyIvPjwvZz48L3N2Zz4=">
					<p class="text-gray-600 text-sm mt-1 font-bold">Bus</p>
				</div>
				<div
					class="flex flex-col items-center w-20  h-18  border border-indigo-50 rounded-2xl  hover:text-indigo-500 cursor-pointer py-2 bg-white">
					<img class="h-8 w-8 " src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ2NHB0IiB2aWV3Qm94PSIwIDAgNDY0IDQ2NCIgd2lkdGg9IjQ2NHB0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDQ2NCAxMTIuMzIwMzEyLTE3OC4zOTg0MzggMzkuNjc5Njg4IDI2LjM5ODQzOCAxNC41NTg1OTQtMjEuODM5ODQ0IDE4IDI0LjcxODc1IDY0LjMyMDMxMi0xMDYuMzIwMzEyIDIzLjEyMTA5NCAxNS40NDE0MDYgMTYtMTYgNDggMjQgLjMyMDMxMi0uMTYwMTU2IDEyNy42Nzk2ODggMjMyLjE2MDE1NnptMCAwIiBmaWxsPSIjNGU5MDFlIi8+PHBhdGggZD0ibTQ2NCA0NjRoLTMwNGw4Mi45NjA5MzgtNjMuNDQxNDA2IDM3LjAzOTA2MiA3LjQ0MTQwNiAxNiA4IDM0LjU1ODU5NC0zNC41NTg1OTR6bTAgMCIgZmlsbD0iIzAwNjY1YSIvPjxwYXRoIGQ9Im00NDAgMTc2YzEzLjI1MzkwNiAwIDI0IDEwLjc0NjA5NCAyNCAyNHMtMTAuNzQ2MDk0IDI0LTI0IDI0aC01NmMtOC44MzU5MzggMC0xNi03LjE2NDA2Mi0xNi0xNnM3LjE2NDA2Mi0xNiAxNi0xNmMuMDQyOTY5LTEwLjY0ODQzOCA3LjA5NzY1Ni0xOS45OTYwOTQgMTcuMzI4MTI1LTIyLjk1NzAzMSAxMC4yMzA0NjktMi45NjA5MzggMjEuMTg3NSAxLjE3NTc4MSAyNi45MTAxNTYgMTAuMTU2MjUgMy41NzQyMTktMi4wNzgxMjUgNy42Mjg5MDctMy4xODM1OTQgMTEuNzYxNzE5LTMuMTk5MjE5em0wIDAiIGZpbGw9IiNhYWZmZjUiLz48cGF0aCBkPSJtMjg4IDE0NCA0OC4zMjAzMTIgODcuODM5ODQ0LS4zMjAzMTIuMTYwMTU2LTQ4LTI0LTE2IDE2LTIzLjEyMTA5NC0xNS40NDE0MDZ6bTAgMCIgZmlsbD0iI2U2ZTdlOCIvPjxwYXRoIGQ9Im0yOTYgMzYwIDM0LjU1ODU5NCAyMS40NDE0MDYtMzQuNTU4NTk0IDM0LjU1ODU5NC0xNi04LTM3LjAzOTA2Mi03LjQ0MTQwNnptMCAwIiBmaWxsPSIjZTZlN2U4Ii8+PHBhdGggZD0ibTEzNiAyNDggMzAuNTU4NTk0IDQyLjE2MDE1Ni0xNC41NTg1OTQgMjEuODM5ODQ0LTM5LjY3OTY4OC0yNi4zOTg0Mzh6bTAgMCIgZmlsbD0iI2U2ZTdlOCIvPjxwYXRoIGQ9Im0xNjAgOTZjMCAyMi4wODk4NDQtMTcuOTEwMTU2IDQwLTQwIDQwcy00MC0xNy45MTAxNTYtNDAtNDAgMTcuOTEwMTU2LTQwIDQwLTQwIDQwIDE3LjkxMDE1NiA0MCA0MHptMCAwIiBmaWxsPSIjZmZlYjk5Ii8+PGcgZmlsbD0iI2ZmZGE0NCI+PHBhdGggZD0ibTExMiAwaDE2djMyaC0xNnptMCAwIi8+PHBhdGggZD0ibTQ2LjQ2MDkzOCAzMy43NzM0MzggMTEuMzEyNS0xMS4zMTI1IDIyLjYyODkwNiAyMi42Mjg5MDYtMTEuMzE2NDA2IDExLjMxMjV6bTAgMCIvPjxwYXRoIGQ9Im0yNCA4OGgzMnYxNmgtMzJ6bTAgMCIvPjxwYXRoIGQ9Im00Ni40NTcwMzEgMTU4LjIyMjY1NiAyMi42Mjg5MDctMjIuNjI4OTA2IDExLjMxMjUgMTEuMzEyNS0yMi42Mjg5MDcgMjIuNjI4OTA2em0wIDAiLz48cGF0aCBkPSJtMTEyIDE2MGgxNnYzMmgtMTZ6bTAgMCIvPjxwYXRoIGQ9Im0xNTkuNTkzNzUgMTQ2LjkxNDA2MiAxMS4zMTY0MDYtMTEuMzEyNSAyMi42MjUgMjIuNjI4OTA3LTExLjMxNjQwNiAxMS4zMTI1em0wIDAiLz48cGF0aCBkPSJtMTg0IDg4aDMydjE2aC0zMnptMCAwIi8+PHBhdGggZD0ibTE1OS42MDE1NjIgNDUuMDg1OTM4IDIyLjYyODkwNy0yMi42MjUgMTEuMzEyNSAxMS4zMTI1LTIyLjYyODkwNyAyMi42Mjg5MDZ6bTAgMCIvPjwvZz48L3N2Zz4=">
					<p class="text-gray-600 text-sm mt-1 font-bold">Hills</p>
				</div>
				<div
					class="flex flex-col items-center w-20  h-18  border border-indigo-50  rounded-2xl hover:text-indigo-500 cursor-pointer py-2 bg-white">
					<img class="h-8 w-8 " src="data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIuMDA0IDUxMi4wMDQiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyLjAwNCA1MTIuMDA0IiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxnPjxnPjxwYXRoIGQ9Im0zNjMuOTQgNDIuNjQ3Yy0uODM3IDAtMS42ODgtLjE0MS0yLjUyMS0uNDM4LTMuOTAxLTEuMzkyLTUuOTM1LTUuNjgzLTQuNTQyLTkuNTg0bDkuODY2LTI3LjY0M2MxLjM5Mi0zLjkwMSA1LjY4My01LjkzNSA5LjU4NC00LjU0MiAzLjkwMSAxLjM5MiA1LjkzNSA1LjY4MyA0LjU0MiA5LjU4NGwtOS44NjYgMjcuNjQzYy0xLjA5NCAzLjA2Ny0zLjk4MiA0Ljk4LTcuMDYzIDQuOTh6IiBmaWxsPSIjYzY4NTViIi8+PC9nPjxnPjxnPjxwYXRoIGQ9Im0yMzQuNzc0IDUxMi4wMDRjLS42NDMgMC0xLjI5Ni0uMDgzLTEuOTQ2LS4yNTgtNC4wMDEtMS4wNzEtNi4zNzUtNS4xODUtNS4zMDQtOS4xODZsNzcuOTc2LTI5MS4wMDdjMS4wNzMtNC4wMDIgNS4xOS02LjM3MSA5LjE4Ni01LjMwNCA0LjAwMSAxLjA3MiA2LjM3NSA1LjE4NSA1LjMwNCA5LjE4NmwtNzcuOTc1IDI5MS4wMDhjLS44OTkgMy4zNTEtMy45MyA1LjU2MS03LjI0MSA1LjU2MXoiIGZpbGw9IiNjNjg1NWIiLz48L2c+PGc+PHBhdGggZD0ibTQ5OS4zNjUgMjE4LjExM2MxLjE3My04Ni40NzctNTcuMjk3LTE2Mi45ODItMTQwLjQ5LTE4NC4zNDYtODEuODE5LTIxLjAxLTE2OC41NDggMTYuMTk0LTIxMC4wNTggOTAuNDE3eiIgZmlsbD0iI2UxN2Y4NSIvPjxwYXRoIGQ9Im0zNTguODc1IDMzLjc2N2MtMjAuMjk5LTUuMjEzLTQwLjktNi44MzgtNjEuMDM4LTUuMjA4IDEwLjM1Ny44NDIgMjAuNzM3IDIuNTYyIDMxLjAzOCA1LjIwOCA4MC42MDEgMjAuNjk4IDEzNy45OTUgOTMuMTUzIDE0MC40MjcgMTc2LjI5MWwzMC4wNjMgOC4wNTZjMS4xNzQtODYuNDc5LTU3LjI5Ni0xNjIuOTg0LTE0MC40OS0xODQuMzQ3eiIgZmlsbD0iI2RlNjQ2ZSIvPjxwYXRoIGQ9Im0zODUuMTc0IDIyNS45LTIuNjU4LTM5LjA5NyAxMTYuODQ5IDMxLjMxLTIxLjg1IDMyLjUzYy0yLjM4NCAzLjU0OS02Ljc2IDUuMTktMTAuODg5IDQuMDgzbC03NC4wNjQtMTkuODQ1Yy00LjEyOS0xLjEwNy03LjA5OS00LjcxNi03LjM4OC04Ljk4MXoiIGZpbGw9IiNmZmUwN2QiLz48cGF0aCBkPSJtNDQ1LjcyNyAyNDQuNjFjLTEuMDIzIDEuNTIzLTIuNDE1IDIuNjkyLTMuOTk1IDMuNDQ2bDI0Ljg5NCA2LjY3YzQuMTI5IDEuMTA3IDguNTA2LS41MzQgMTAuODg5LTQuMDgzbDIxLjg1LTMyLjUzLTMwLjA2My04LjA1NXoiIGZpbGw9IiNmZmQwNjQiLz48cGF0aCBkPSJtMjY4LjMyNCAxOTQuNTktMi42NTgtMzkuMDk3IDExNi44NDkgMzEuMzEtMjEuODUgMzIuNTNjLTIuMzg0IDMuNTQ5LTYuNzYgNS4xOS0xMC44ODkgNC4wODNsLTc0LjA2NC0xOS44NDVjLTQuMTI5LTEuMTA2LTcuMDk4LTQuNzE2LTcuMzg4LTguOTgxeiIgZmlsbD0iI2UxN2Y4NSIvPjxwYXRoIGQ9Im0xNTEuNDc1IDE2My4yOC0yLjY1OC0zOS4wOTcgMTE2Ljg1IDMxLjMxLTIxLjg1IDMyLjUzYy0yLjM4NCAzLjU0OS02Ljc2IDUuMTktMTAuODg5IDQuMDgzbC03NC4wNjQtMTkuODQ1Yy00LjEzLTEuMTA2LTcuMS00LjcxNS03LjM4OS04Ljk4MXoiIGZpbGw9IiNmZmUwN2QiLz48cGF0aCBkPSJtMzg4LjQzOSAxMDAuODkzYy0uNzgyLTIyLjE0My0zLjI3LTQyLjEyNS02LjQzNy01OS41MzItNy40NjQtMy4wMDctMTUuMTgyLTUuNTU0LTIzLjEyNy03LjU5NC00LjkxOS0xLjI2My05Ljg1Ni0yLjMxMS0xNC43OTktMy4xNTctMTIuODY0IDEyLjgzOS0yNy40MDkgMjkuNDctNDEuMzIgNTAuMzE5LTE4LjQzNSAyNy42My0yOS44NjkgNTMuODQxLTM3LjA4OSA3NC41NjRsNDYuODkxIDEyLjU2NCA2OS45NTkgMTguNzQ1YzQuMTE4LTIzLjYzMiA3LjA5My01Mi43MjUgNS45MjItODUuOTA5eiIgZmlsbD0iI2ZmZTA3ZCIvPjxwYXRoIGQ9Im0zNDQuMDc2IDMwLjYwOWMtMS44NzYgMS44NzItMy43OTEgMy44MzUtNS43MzEgNS44NjkgMTYuNjY3IDUuMjM4IDMyLjI0IDEyLjcxNyA0Ni40MTIgMjIuMDYxLS44My01Ljk3Mi0xLjc1OC0xMS43MDMtMi43NTUtMTcuMTc5LTUuODM2LTIuMzUtMTEuNzg1LTQuMzg5LTE3LjgzNC02LjE0MS02LjU5LTEuOTA5LTEzLjM0NS0zLjQ1NC0yMC4wOTItNC42MXoiIGZpbGw9IiNmZmQwNjQiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGQ9Im04MS4yMTEgNTA0LjUwMmMtMi4wNzggMC00LjE4OS0uNDM1LTYuMjA0LTEuMzUyLTcuNTQtMy40MzEtMTAuODcxLTEyLjMyNS03LjQzOS0xOS44NjVsMzAtNjUuOTIyYzMuNDMyLTcuNTQgMTIuMzI2LTEwLjg3IDE5Ljg2Ni03LjQzOXMxMC44NzEgMTIuMzI1IDcuNDM5IDE5Ljg2NWwtMzAgNjUuOTIyYy0yLjUxNSA1LjUyNS03Ljk2MyA4Ljc5MS0xMy42NjIgOC43OTF6IiBmaWxsPSIjYzY4NTViIi8+PC9nPjxnPjxwYXRoIGQ9Im0zOTAuMDQ5IDUwNC41MDJjMi4wNzggMCA0LjE4OS0uNDM1IDYuMjA0LTEuMzUyIDcuNTQtMy40MzEgMTAuODcxLTEyLjMyNSA3LjQzOS0xOS44NjVsLTMwLTY1LjkyMmMtMy40MzItNy41NC0xMi4zMjYtMTAuODctMTkuODY2LTcuNDM5cy0xMC44NzEgMTIuMzI1LTcuNDM5IDE5Ljg2NWwzMCA2NS45MjJjMi41MTUgNS41MjUgNy45NjMgOC43OTEgMTMuNjYyIDguNzkxeiIgZmlsbD0iI2M2ODU1YiIvPjwvZz48cGF0aCBkPSJtNTguMjE0IDQzOC41OGgyOTQuODI1YzcuOTkyIDAgMTUuNjU1LTMuMTg5IDIxLjI4Ni04Ljg2bDEwNS4zNDctMTA2LjA3OWMxLjU2OC0xLjU3OS45MzEtNC4yNTYtMS4xOC00Ljk2bC0yMi45NTctNy42NTJjLTE3LjYxMS01Ljg3LTM3LjAyNy0xLjE4My01MC4wMiAxMi4wNzVsLTUyLjg2MiA1My45NGMtMy43NzUgMy44NTItOC45NDUgNi4wMTYtMTQuMzM4IDYuMDAxbC0yMzkuNDA4LS42NDljLTI0LjEwNy0uMDgtNDMuNjkzIDE5LjQ0MS00My42OTMgNDMuNTQ4djkuNjM1YzAgMS42NTggMS4zNDQgMy4wMDEgMyAzLjAwMXoiIGZpbGw9IiM4MGI0ZmIiLz48cGF0aCBkPSJtNDc4LjQ5MyAzMTguNjgyLTIyLjk1Ny03LjY1MmMtMi4xNjQtLjcyMi00LjM1Ni0xLjI4MS02LjU1OS0xLjY4OGwtMTA0LjY1MSAxMDUuMzc4Yy01LjYzMiA1LjY3MS0xMy4yOTQgOC44Ni0yMS4yODYgOC44NmgtMjY3Ljc2Yy0uMDQyLjc4My0uMDY2IDEuNTcxLS4wNjYgMi4zNjV2OS42MzVjMCAxLjY1NyAxLjM0MyAzIDMgM2gyOTQuODI1YzcuOTkyIDAgMTUuNjU1LTMuMTg5IDIxLjI4Ni04Ljg2bDEwNS4zNDctMTA2LjA3OWMxLjU2OS0xLjU3OS45MzItNC4yNTYtMS4xNzktNC45NTl6IiBmaWxsPSIjNjFhMmY5Ii8+PC9nPjwvZz48Zz48cGF0aCBkPSJtNDgxLjY0NCA1MTIuMDAyaC00NjEuNTIzYy00LjE0MiAwLTcuNS0zLjM1Ny03LjUtNy41czMuMzU4LTcuNSA3LjUtNy41aDQ2MS41MjNjNC4xNDIgMCA3LjUgMy4zNTcgNy41IDcuNXMtMy4zNTcgNy41LTcuNSA3LjV6IiBmaWxsPSIjNjU1ZTY3Ii8+PC9nPjwvZz48L3N2Zz4=">
					<p class="text-gray-600 text-sm mt-1 font-bold">Beach</p>
				</div>
			</div>
        </div>

<!-- component -->

        <div class="bg-gray-200 h-full w-full px-5 pt-6 pb-20 overflow-y-auto">
            <div class="mb-3">
                <h1 class="text-3xl font-bold">Today</h1>
                <p class="text-sm text-gray-500 uppercase font-bold">THURSDAY 6 AUGUST</p>
            </div>
            <div class="mb-5">
                <a href="#" class="block rounded-lg relative p-5 transform transition-all duration-300 scale-100 hover:scale-95" style="background: url(https://images.unsplash.com/photo-1484876065684-b683cf17d276?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=668&q=80) center; background-size: cover;">
                    <div class="absolute top-0 right-0 -mt-3 mr-3">
                        <div class="rounded-full bg-indigo-500 text-white text-xs py-1 pl-2 pr-3 leading-none"><i class="mdi mdi-fire text-base align-middle"></i> <span class="align-middle">FRESH</span></div>
                    </div>
                    <div class="h-48"></div>
                    <h2 class="text-white text-2xl font-bold leading-tight mb-3 pr-5">Tasnim Lacey New Album Out&nbsp;Now</h2>
                    <div class="flex w-full items-center text-sm text-gray-300 font-medium">
                        <div class="flex-1 flex items-center">
                            <div class="rounded-full w-8 h-8 mr-3" style="background: url(https://randomuser.me/api/portraits/women/74.jpg) center; background-size: cover;"></div>
                            <div>Gwen Thomson</div>
                        </div>
                        <div><i class="mdi mdi-thumb-up"></i> 18</div>
                    </div>
                </a>
            </div>
            <div class="mb-5">
                <a href="#" class="block rounded-lg relative p-5 transform transition-all duration-300 scale-100 hover:scale-95" style="background: url(https://images.unsplash.com/photo-1470337458703-46ad1756a187?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1649&q=80) center; background-size: cover;">
                    <div class="h-48"></div>
                    <h2 class="text-white text-2xl font-bold leading-tight mb-3 pr-5">Top 5 Cocktail Bars in&nbsp;NYC</h2>
                    <div class="flex w-full items-center text-sm text-gray-300 font-medium">
                        <div class="flex-1 flex items-center">
                            <div class="rounded-full w-8 h-8 mr-3" style="background: url(https://randomuser.me/api/portraits/women/55.jpg) center; background-size: cover;"></div>
                            <div>Kayden Buckley</div>
                        </div>
                        <div><i class="mdi mdi-thumb-up"></i> 7</div>
                    </div>
                </a>
            </div>
            <div class="mb-3">
                <h1 class="text-3xl font-bold">Yesterday</h1>
                <p class="text-sm text-gray-500 uppercase font-bold">WEDNESDAY 5 AUGUST</p>
            </div>
            <div class="flex -mx-1 mb-5">
                <div class="w-1/2 px-1">
                    <a href="#" class="block mb-2 p-5 rounded overflow-hidden transform transition-all duration-300 scale-100 hover:scale-95" style="background: url(https://images.unsplash.com/photo-1470225620780-dba8ba36b745?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60) center; background-size: cover;">
                        <div class="h-24"></div>
                        <h3 class="text-lg font-bold text-white leading-tight">DJ Dan Spins The Wheels</h3>
                    </a>
                    <a href="#" class="block mb-2 p-5 rounded overflow-hidden transform transition-all duration-300 scale-100 hover:scale-95" style="background: url(https://images.unsplash.com/photo-1534329539061-64caeb388c42?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60) center; background-size: cover;">
                        <div class="h-32"></div>
                        <h3 class="text-lg font-bold text-white leading-tight">Top Travels Destinations For 2020</h3>
                    </a>
                </div>
                <div class="w-1/2 px-1">
                    <a href="#" class="block mb-2 p-5 rounded overflow-hidden transform transition-all duration-300 scale-100 hover:scale-95" style="background: url(https://images.unsplash.com/photo-1526661934280-676cef25bc9b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60) center; background-size: cover;">
                        <div class="h-32"></div>
                        <h3 class="text-lg font-bold text-white leading-tight">M&S Launches New Makeup Range!</h3>
                    </a>
                    <a href="#" class="block mb-2 p-5 rounded overflow-hidden transform transition-all duration-300 scale-100 hover:scale-95" style="background: url(https://images.unsplash.com/photo-1558365849-6ebd8b0454b2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60) center; background-size: cover;">
                        <div class="h-24"></div>
                        <h3 class="text-lg font-bold text-white leading-tight">APT Set To Be A&nbsp;Ripper</h3>
                    </a>
                </div>
            </div>
            <div class="mb-3">
                <h1 class="text-3xl font-bold">Previous</h1>
            </div>
            <div>
                <a href="#" class="flex w-full transform transition-all duration-300 scale-100 hover:scale-95">
                    <div class="block h-24 w-2/5 rounded overflow-hidden" style="background: url(https://images.unsplash.com/photo-1530549387789-4c1017266635?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60) center; background-size: cover;"></div>
                    <div class="pl-3 w-3/5">
                        <p class="text-xs text-gray-500 uppercase font-semibold">SPORTS</p>
                        <h3 class="text-md font-semibold leading-tight mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
                        <div class="flex w-full items-center text-xs text-gray-500 font-medium">
                            <div class="rounded-full w-5 h-5 mr-3" style="background: url(https://randomuser.me/api/portraits/men/41.jpg) center; background-size: cover;"></div>
                            <div>Jack Ryan</div>
                        </div>
                    </div>
                </a>
            </div>
            <hr class="border-gray-200 my-3">
            <div>
                <a href="#" class="flex w-full transform transition-all duration-300 scale-100 hover:scale-95">
                    <div class="block h-24 w-2/5 rounded overflow-hidden" style="background: url(https://images.unsplash.com/photo-1499781350541-7783f6c6a0c8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60) center; background-size: cover;"></div>
                    <div class="pl-3 w-3/5">
                        <p class="text-xs text-gray-500 uppercase font-semibold">ART</p>
                        <h3 class="text-md font-semibold leading-tight mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
                        <div class="flex w-full items-center text-xs text-gray-500 font-medium">
                            <div class="rounded-full w-5 h-5 mr-3" style="background: url(https://randomuser.me/api/portraits/men/63.jpg) center; background-size: cover;"></div>
                            <div>Kevin Jackson</div>
                        </div>
                    </div>
                </a>
            </div>
            <hr class="border-gray-200 my-3">
            <div>
                <a href="#" class="flex w-full transform transition-all duration-300 scale-100 hover:scale-95">
                    <div class="block h-24 w-2/5 rounded overflow-hidden" style="background: url(https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60) center; background-size: cover;"></div>
                    <div class="pl-3 w-3/5">
                        <p class="text-xs text-gray-500 uppercase font-semibold">MUSIC</p>
                        <h3 class="text-md font-semibold leading-tight mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
                        <div class="flex w-full items-center text-xs text-gray-500 font-medium">
                            <div class="rounded-full w-5 h-5 mr-3" style="background: url(https://randomuser.me/api/portraits/women/11.jpg) center; background-size: cover;"></div>
                            <div>Rowena Wheeler</div>
                        </div>
                    </div>
                </a>
            </div>
            <hr class="border-gray-200 my-3">
            <div>
                <a href="#" class="flex w-full transform transition-all duration-300 scale-100 hover:scale-95">
                    <div class="block h-24 w-2/5 rounded overflow-hidden" style="background: url(https://images.unsplash.com/photo-1511068797325-6083f0f872b1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60) center; background-size: cover;"></div>
                    <div class="pl-3 w-3/5">
                        <p class="text-xs text-gray-500 uppercase font-semibold">WORLD</p>
                        <h3 class="text-md font-semibold leading-tight mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
                        <div class="flex w-full items-center text-xs text-gray-500 font-medium">
                            <div class="rounded-full w-5 h-5 mr-3" style="background: url(https://randomuser.me/api/portraits/women/74.jpg) center; background-size: cover;"></div>
                            <div>Gwen Thomson</div>
                        </div>
                    </div>
                </a>
            </div>
        </div>

<!-- component -->

<!-- Foooter -->
<section class="bg-gray-900 pb-20">
    <div class="max-w-screen-xl px-4 py-12 mx-auto space-y-8 overflow-hidden sm:px-6 lg:px-8">
        <nav class="flex flex-wrap justify-center -mx-5 -my-2">
            <div class="px-5 py-2">
                <a href="#" class="text-base leading-6 text-gray-500 hover:text-indigo-500">
                    Blog
                </a>
            </div>
            <div class="px-5 py-2">
                <a href="#" class="text-base leading-6 text-gray-500 hover:text-indigo-500">
                    Portfolio
                </a>
            </div>
            <div class="px-5 py-2">
                <a href="#" class="text-base leading-6 text-gray-500 hover:text-indigo-500">
                    About
                </a>
            </div>
            <div class="px-5 py-2">
                <a href="#" class="text-base leading-6 text-gray-500 hover:text-indigo-500">
                    Contact
                </a>
            </div>
            <div class="px-5 py-2">
                <a href="#" class="text-base leading-6 text-gray-500 hover:text-indigo-500">
                    Terms
                </a>
            </div>
        </nav>
        <div class="flex justify-center mt-8 space-x-6">
            <a href="#" class="text-gray-400 hover:text-indigo-500">
                <span class="sr-only">Facebook</span>
                <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
                    <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
                </svg>
            </a>
            <a href="#" class="text-gray-400 hover:text-indigo-500">
                <span class="sr-only">Instagram</span>
                <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
                    <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path>
                </svg>
            </a>
            <a href="#" class="text-gray-400 hover:text-indigo-500">
                <span class="sr-only">Twitter</span>
                <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
                    <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
                </svg>
            </a>
            <a href="#" class="text-gray-400 hover:text-indigo-500">
                <span class="sr-only">GitHub</span>
                <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
                    <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path>
                </svg>
            </a>
            <a href="#" class="text-gray-400 hover:text-indigo-500">
                <span class="sr-only">Dribbble</span>
                <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
                    <path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"></path>
                </svg>
            </a>
        </div>
        <p class="mt-8 text-base leading-6 text-center text-gray-400">
            © 2021 SomeCompany, Inc. All rights reserved.
        </p>
    </div>
</section>
    <footer
      class="fixed items-center transition ease-in duration-200 hover:text-indigo-500
             inset-x-0
             bottom-0
             mt-20">

			 <div
			class="sticky bottom-2  p-4 px-6 m-2 flex items-center justify-between bg-gray-900 shadow-2xl text-gray-400 rounded-full cursor-pointer">
			<div class="flex flex-col items-center transition ease-in duration-200 hover:text-indigo-500 ">
				<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
					stroke="currentColor">
					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
						d="M17 14v6m-3-3h6M6 10h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2zm10 0h2a2 2 0 002-2V6a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zM6 20h2a2 2 0 002-2v-2a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2z">
					</path>
				</svg>
			</div>
			<div class="flex flex-col items-center transition ease-in duration-200 hover:text-indigo-500 ">
				<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
					stroke="currentColor">
					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
						d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
				</svg>
			</div>
			<div class="flex flex-col items-center transition ease-in duration-200 hover:text-indigo-500 ">
				<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
					stroke="currentColor">
					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
						d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"></path>
				</svg>
			</div>
			<div class="flex flex-col items-center transition ease-in duration-200 hover:text-indigo-500 ">
				<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
					stroke="currentColor">
					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
						d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z">
					</path>
				</svg>
			</div>
		</div>
    </footer>

How to create a Blog UI with Tailwind CSS?

To create a Blog UI with Tailwind CSS, you can follow these steps:

  1. Create a new HTML file and add the necessary HTML structure.
  2. Add the required Tailwind CSS classes to the HTML elements.
  3. Customize the design by modifying the CSS classes or creating new ones.
  4. Repeat steps 2 and 3 for each blog post.

Here is an example of how you can create a Blog UI with Tailwind CSS:

<div class="container mx-auto">
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
    <div class="bg-white border-gray-300 rounded-md shadow-sm">
      <div class="p-4">
        <h2 class="text-gray-900 text-sm font-medium truncate">Title of Blog Post</h2>
        <p class="text-gray-500 text-sm">Date of Blog Post</p>
        <p class="text-gray-500 text-sm truncate">Excerpt of Blog Post</p>
      </div>
    </div>
    <!-- Repeat for each blog post -->
  </div>
</div>

In this example, we have used the grid and grid-cols classes to create a responsive grid layout that displays the blog posts in columns. We have also used the container class to center the content on the page.

Conclusion

In conclusion, Tailwind CSS is an excellent choice for creating a Blog UI component. It provides a set of pre-defined classes that you can use to style your HTML elements, making it easy to create a custom design without writing any CSS. Additionally, Tailwind CSS is highly customizable, so you can configure it to match your design needs. By following the steps outlined in this article, you can create a beautiful and functional Blog UI with Tailwind CSS.