���� JFIF  XX �� �� �     $.' ",#(7),01444'9=82<.342  2!!22222222222222222222222222222222222222222222222222�� ��" �� 4     ��   �� �,�PG"Z_�4�˷����kjز�Z�,F+��_z�,�© �����zh6�٨�ic�fu��� #ډb���_�N� ?� �wQ���5-�~�I���8��� �TK<5o�Iv-� ����k�_U_����� ~b�M��d��� �Ӝ�U�Hh��?]��E�w��Q���k�{��_}qFW7HTՑ��Y��F� ?_�'ϔ��_�Ջt� �=||I �� 6�έ"�����D���/[�k�9�� �Y�8 ds|\���Ҿp6�Ҵ���]��.����6� z<�v��@]�i% �� $j��~ �g��J>��no����pM[me�i$[�� �� s�o�ᘨ�˸ nɜG-�ĨU�ycP� 3.DB�li�;� �hj���x 7Z^�N�h��� ���N3u{�:j �x�힞��#M &��jL P@ _���� P�� &��o8 ������9 �����@Sz 6�t7#O�ߋ � s}Yf�T� ��lmr����Z)'N��k�۞p ����w\�T ȯ?�8` �O��i{wﭹW�[�r�� ��Q4F�׊�� �3m&L�=��h3� ���z~��#� \�l :�F,j@�� ʱ�wQT����8�"kJO��� 6�֚l���� }��� R�>ډK���]��y����&����p�}b�� ;N�1�m�r$� |��7�>e�@ B�TM*-i H��g�D�)� E�m�|�ؘbҗ�a ��Ҿ���� t4��� o���G��*oCN�rP���Q��@z,|?W[0 �����:�n,j WiE��W� �$~/�hp\��?��{(�0���+�Y8rΟ�+����>S-S�� ��VN;� }�s?.����� w �9��˟<���Mq4�Wv' ��{)0�1mB ��V����W[� ����8�/<� �%���wT^�5���b��)iM� p g�N�&ݝ� �VO~� q���u���9� ����!��J27��� �$ O-���! �: �%H��� ـ ����y�ΠM=t{!S�� oK8������ t<����è :a�� ����[���� �ա�H���~��w��Qz`�p o�^ �� ��Q��n�  �,uu�C� $ ^���,� �����8�#��:�6��e�|~� ��!�3� 3.�\0�� q��o�4`.|� ����y�Q�`~;�d�ׯ,��O�Zw�������`73�v�܋�< ���Ȏ�� ـ4k��5�K�a�u�=9Yd��$>x�A�&�� j0� ���vF��� Y� |�y��� ~�6�@c��1vOp �Ig�� ��4��l�OD� ��L����� R���c���j�_�uX 6��3?nk��Wy�f;^*B� ��@ �~a�`��Eu������ +� �� 6�L��.ü>��}y���}_�O�6�͐�:�Yr G�X��kG�� ���l^w�� �~㒶sy� �Iu�!� W ��X��N�7BV��O��!X�2����wvG�R�f�T#�����t�/?���%8�^�W�aT ��G�cL�M���I��(J����1~�8�?aT ���]����AS�E��(��*E}� 2�� #I/�׍qz��^t�̔��� b�Yz4x ���t�){ OH� �+(E��A&�N�������XT��o��"�XC�� '���)}�J�z�p� ��~5�}�^����+�6����w��c��Q�| Lp�d�H��}�(�.|����k��c4^� "�����Z?ȕ ��a< �L�!0 39C� �Eu� C�F�Ew�ç ;�n?�*o���B�8�bʝ���'#Rqf�� �M}7����]��� �s2tcS{�\icTx;�\��7K���P ���ʇ Z O-��~�� c>"��?�� �����P ��E��O�8��@�8��G��Q�g�a�Վ���󁶠 �䧘��_%#r�>� 1�z�a�� eb��qcP ѵ��n���#L��� =��׀t� L�7�` ��V��� A{�C:�g���e@ �w1 Xp 3�c3�ġ���� p��M"'-�@n4���fG� �B3�DJ�8[Jo�ߐ���gK)ƛ��$���� � ��8�3�����+���� �����6�ʻ���� ���S�kI�*KZlT _`�� �?��K� ���QK�d ����B`�s}�>���` ��*�>��,*@J�d�oF*� ���弝��O}�k��s��]��y�ߘ ��c1G�V���<=�7��7����6 �q�PT��tXԀ�!9*4�4Tހ 3XΛex�46�� �Y��D ����� �BdemDa����\�_l,� �G�/���֌7���Y�](�xTt^%�GE�����4�}bT ���ڹ�����; Y)���B�Q��u��>J/J � ⮶.�XԄ��j�ݳ� +E��d ��r�5�_D �1 �� o�� �B�x�΢�#� ��<��W�����8���R6�@ g�M�.��� dr�D��>(otU��@ x=��~v���2� ӣ�d�oBd ��3�eO�6�㣷�� ���ݜ 6��6Y��Qz`�� S��{���\P �~z m5{J/L��1������<�e�ͅPu� b�]�ϔ ���'�� ����f�b� Zpw��c`"��i���BD@:)ִ�:�]��h v�E� w���T�l ��P� ��"Ju�}��وV J��G6��. J/�Qgl߭�e�����@�z�Zev2u� )]կ��� ��7x�� �s�M�-<ɯ�c��r� v�����@��$�ޮ}lk���a�� �'����>x��O\�Z Fu>��� ��ck#��&:��`�$ �ai�>2Δ����l���oF[h� �lE�ܺ�Π k:)���` �� $[6�����9�����kOw�\|��� 8}������ބ:��񶐕� �I�A1/� =�2[�,�!��.}gN#�u����b ��� ~� �݊��}34q��� �d�E��L c��$ ��"�[q�U�硬g^��%B � z���r�p J�ru%v\h 1Y�ne` ǥ:g�� �pQM~�^� Xi� ��`S�:V2 9.�P���V� ?B�k�� AEvw%�_�9C�Q����wKekP ؠ�\� ;Io d�{ ߞo�c1eP��� �\� `����E=���@K<�Y�� �eڼ�J ���w����{av�F�'�M�@ /J��+9p ���|]���� �Iw &` ��8���& M�hg ��[�{ ��Xj�� %��Ӓ� $��(��� �ʹN��� <>�I���RY� ��K2�NPlL�ɀ )��&e� ���B+ь����( � �JTx ���_?EZ� }@ 6�U���뙢ط�z��dWI� n` D����噥�[��uV��"�G& Ú����2 g�}&m� �?ċ �"����Om#� ������� � ��{� ON��"S�X ��Ne��ysQ���@ Fn��Vg��� dX�~nj� ]J�<�K]: ��FW�� b�������62 �=��5f����JKw� �bf�X� 55��~J �%^� ���:�-�QIE��P��v�nZum� z � ~ə ���� ���ة����;�f��\v��� g�8�1��f2 4;�V���ǔ�)��� �9���1\�� c��v�/'Ƞ�w����� ��$�4�R-��t�� �� e�6�/�ġ �̕Ecy�J���u�B���<�W�ַ~�w[B1L۲�-JS΂�{���΃���� ��A��20�c# �� @    0!1@AP"#2Q`$3V�%45a6�FRUq���   � ���^7ׅ,$n� ������+��F�`��2X'��0vM��p�L=������ 5��8������u�p~���.�`r�����\��� O��,ư�0oS ��_�M�����l���4�kv\JSd���x���SW�<��Ae�IX����������$I���w�:S���y���›R��9�Q[���,�5�;�@]�%���u�@ *ro�lbI �� ��+���%m:�͇ZV�����u�̉����θau<�fc�.����{�4Ա� �Q����*�Sm��8\ujqs]{kN���)qO�y�_*dJ�b�7���yQqI&9�ԌK!�M}�R�;�� ����S�T���1���i[U�ɵz�]��U)V�S6���3$K{� ߊ<�(� E]Զ[ǼENg�����'�\?#)Dkf��J���o��v���'�%ƞ�&K�u� !��b�35LX�Ϸ��63$K�a�;�9>,R��W��3�3� d�JeTYE.Mϧ��-�o�j3+y��y^�c�������VO�9NV\nd�1 ��!͕_)a�v;����թ�M�lWR1��)El��P;��yوÏ�u 3�k�5Pr6<�⒲l�!˞*��u־�n�!�l:����UNW ��%��Chx8vL'��X�@��*��)���̮��ˍ��� � ��D-M�+J�U�kvK����+�x8��cY������?�Ԡ��~3mo��|�u@[XeY�C�\Kp�x8�oC�C�&����N�~3-H���� ��MX�s�u<`���~"WL��$8ξ��3���a�)|:@�m�\���^�`�@ҷ)�5p+��6���p�%i)P M���ngc�����#0Aruz���RL+xSS?���ʮ}()#�t��mˇ!��0}}y����<�e� �-ή�Ԩ��X������ MF���ԙ~l L.3���}�V뽺�v��� ��멬��Nl�)�2����^�Iq��a��M��qG��T�����c3#������3U�Ǎ���}��לS�|qa��ڃ�+���-��2�f����/��bz��ڐ�� �ݼ[2�ç����k�X�2�* �Z�d���J�G����M*9W���s{��w���T��x��y,�in�O�v��]���n����P�$� JB@=4�OTI�n��e�22a\����q�d���%�$��(���:���: /*�K[PR�fr\nڙdN���F�n�$�4� [�� U�zƶ����� �mʋ���,�ao�u 3�z� �x��Kn����\[��VFmbE;�_U��&V�Gg�]L�۪&#n%�$ɯ� dG���D�TI=�%+AB�Ru#��b4�1�»x�cs�YzڙJG��f��Il� �d�eF'T� iA��T���uC�$����Y��H?����[!G`}���ͪ� �纤Hv\������j�Ex�K���!���OiƸ�Yj�+u-<���'q����uN�*�r\��+�]���<�wOZ.fp�ێ��,-*)V?j-kÊ#�`�r��dV����(�ݽBk�����G�ƛk�QmUڗe��Z���f}|����8�8��a���i��3'J�����~G_�^���d�8w������ R�`(�~�.��u���l�s+g�bv���W���lGc}��u���afE~1�Ue������Z�0�8�=e�� f@/�jqEKQQ�J� �oN��J���W5~M>$6�Lt�;$ʳ{���^��6�{����v6���ķܰg�V�cnn �~z�x�«�,2�u�?cE+Ș�H؎�%�Za�)���X>uW�Tz�Nyo����s���FQƤ��$��*�&�LLXL)�1�" L��eO��ɟ�9=���:t��Z���c��Ž���Y?�ӭV�wv�~,Y��r�ۗ�|�y��GaF�����C�����.�+� ���v1���fήJ�����]�S��T��B��n5sW}y�$��~z�'�c ��8 ��� ,! �p��VN�S��N�N�q��y8z˱�A��4��*��'������2n<�s���^ǧ˭P�Jޮɏ�U�G�L�J�*#��<�V��t7�8����TĜ>��i}K%,���)[��z�21z ?�N�i�n1?T�I�R#��m-�����������������1����lA�`��fT5+��ܐ�c�q՝��ʐ��,���3�f2U�եmab��#ŠdQ�y>\��)�SLY����w#��.���ʑ�f��� ,"+�w�~�N�'�c�O�3F�������N<���)j��&��,-� �љ���֊�_�zS���TǦ����w�>��?�������n��U仆�V���e�����0���$�C�d���rP �m�׈e�Xm�Vu� �L��.�bֹ��� �[Դaզ���*��\y�8�Է:�Ez\�0�Kq�C b��̘��cө���Q��=0Y��s�N��S.��� 3.���O�o:���#���v7�[#߫ ��5�܎�L���Er4���9n��COWlG�^��0k�%<���ZB���aB_���������'=��{i�v�l�$�uC���mƎҝ{�c㱼�y]���W�i ��ߧc��m�H� m�"�"�����;Y�ߝ�Z�Ǔ�����:S#��|}�y�,/k�Ld� TA�(�AI$+I3��;Y*���Z��}|��ӧO��d�v��..#:n��f>�>���ȶI�TX��� 8��y����"d�R�|�)0���=���n4��6ⲑ�+��r<�O�܂~zh�z����7ܓ�HH�Ga롏���nCo�>������a ���~]���R���̲c?�6(�q�;5%� |�uj�~z8R =X��I�V=�|{v�Gj\gc��q����z�؋%M�ߍ����1y��#��@f^���^�>N��� ��#x#۹��6�Y~�?�dfPO��{��P�4��V��u1E1J �*|���%�� �JN��`eWu�zk M6���q t[�� ��g�G���v��WIG��u_ft����5�j�"�Y�:T��ɐ���*�;� e5���4����q$C��2d�}���� _S�L#m�Yp��O�.�C�;��c����Hi#֩%+) �Ӎ��ƲV���SYź��g |���tj��3�8���r|���V��1#;.SQ�A[���S������#���`n�+���$��$ I �P\[�@�s��(�ED�z���P��])8�G#��0B��[ى��X�II�q<��9�~[Z멜�Z�⊔IWU&A>�P~�#��dp<�?����7���c��'~���5 ��+$���lx@�M�dm��n<=e�dyX��?{�|Aef ,|n3�<~z�ƃ�uۧ�����P��Y,�ӥQ�*g�#먙R�\���;T��i,��[9Qi歉����c>]9�� ��"�c��P�� �Md?٥��If�ت�u��k��/����F��9�c*9��Ǎ:�ØF���z�n*�@|I�ށ9����N3{'��[�'ͬ�Ҳ4��#}��!�V� Fu��,�,mTIk���v C�7v���B�6k�T9��1�*l� '~��ƞF��lU��'�M ����][ΩũJ_�{�i�I�n��$�� �L�� j��O�dx�����kza۪��#�E��Cl����x˘�o�����V���ɞ�ljr��)�/,�߬h�L��#��^��L�ф�,íMƁe�̩�NB�L�����iL����q�}��(��q��6IçJ$�W�E$��:������=#����(�K�B����zђ <��K(�N�۫K�w��^O{!����) �H���>x�������lx�?>Պ�+�>�W���,Ly!_�D���Ō�l���Q�!�[ �S����J��1��Ɛ�Y}��b,+�Lo�x�ɓ)����=�y�oh�@�꥟/��I��ѭ=��P�y9��� �ۍYӘ�e+�p�Jnϱ?V\SO%�(�t� ���=?MR�[Ș�����d�/ ��n�l��B�7j� ��!�;ӥ�/�[-���A�>� dN�sLj ��,ɪv��=1c�.SQ�O3�U���ƀ�ܽ�E����������̻��9G�ϷD�7(�}��Ävӌ\� y�_0[w ���<΍>����a_��[0+�L��F.�޺��f�>oN�T����q;���y\��bՃ��y�jH�<|q-eɏ�_?_9+P���Hp$�����[ux�K w�Mw��N�ی'$Y2�=��q���KB��P��~�� ����Yul:�[<����F1�2�O���5=d����]Y�sw:���Ϯ���E��j,_Q��X��z`H1,#II ��d�wr��P˂@�ZJV����y$�\y�{}��^~���[:N����ߌ�U�������O��d�����ؾe��${p>G��3c���Ė�lʌ�� ת��[��`ϱ�-W����dg�I��ig2��� ��}s ��ؤ(%#sS@���~���3�X�nRG�~\jc3�v��ӍL��M[JB�T��s3}��j�Nʖ��W����;7� �ç?=X�F=-�=����q�ߚ���#���='�c��7���ڑW�I(O+=:uxq�������������e2�zi+�kuG�R��������0�&e�n���iT^J����~\jy���p'dtG��s����O��3����9* �b#Ɋ�� p������[Bws�T�>d4�ۧs���nv�n���U���_�~,�v����ƜJ1��s�� �QIz�� )�(lv8M���U=�;����56��G���s#�K���MP�=��LvyGd��}�VwWBF�'�à �?MH�U�g2�� ����!�p�7Q��j��ڴ����=��j�u��� Jn�A s���uM������e��Ɔ�Ҕ�!) '��8Ϣ�ٔ� �ޝ(��Vp���צ֖d=�IC�J�Ǡ{q������kԭ�߸���i��@K����u�|�p=..�*+����x�����z[Aqġ#s2a�Ɗ���RR�)*HRsi�~�a &f��M��P����-K�L@��Z��Xy�'x�{}��Zm+���:�)�) IJ�-i�u���� ���ܒH��'� L(7�y�GӜq���� j��� 6ߌg1�g�o���,kر���tY�?W,���p���e���f�OQS��!K�۟cҒA�|ս�j�>��=⬒��˧L[�� �߿2JaB~R��u�:��Q�] �0H~���]�7��Ƽ�I���( }��cq '�ήET���q�?f�ab���ӥvr� �)o��-Q��_'����ᴎo��K������;��V���o��%���~OK ����*��b�f:���-ťIR��`B�5!RB@���ï�� �u �̯e\�_U�_������� g�ES��3������� QT��a�� ��x����U<~�c?�*�#]�MW,[8O�a�x��]�1bC|踤�P��lw5V%�)�{t�<��d��5���0i�XSU��m:��Z�┵�i�"��1�^B�-��P�hJ��&)O��*�D��c�W��vM��)����}���P��ܗ-q����\mmζZ-l@�}��a��E�6��F�@��&Sg@���ݚ�M����� ȹ 4����#p�\H����dYDo�H���"��\��..R�B�H�z_�/5˘����6��KhJR��P�mƶi�m���3� ,#c�co��q�a)*P t����R�m�k�7x�D�E�\Y�閣_X�<���~�)���c[[�BP����6�Yq���S��0����%_����;��Àv�~�| VS؇ ��'O0��F0��\���U�-�d@�����7�SJ*z��3n��y��P����O��������� m�~�P�3|Y��ʉr#�C�<�G~�.,! ���bqx���h~0=��!ǫ�jy����l� O,�[B��~��|9��ٱ����Xly�#�i�B��g%�S��������tˋ���e���ې��\[d�t)��.+u�|1 ������#�~Oj����hS�%��i.�~X���I�H�m��0n���c�1uE�q��cF�RF�o���7� �O�ꮧ� ���ۛ{��ʛi5�rw?׌#Qn�TW��~?y$��m\�\o����%W� ?=>S�N@�� �Ʈ���R����N�)�r"C�:��:����� �����#��qb��Y�. �6[��2K����2u�Ǧ�HYR��Q�MV��� �G�$��Q+.>�����nNH��q�^��� ����q��mM��V��D�+�-�#*�U�̒ ���p욳��u:�������IB���m� ��PV@O���r[b= �� ��1U�E��_Nm�yKbN�O���U�}�the�`�|6֮P>�\2�P�V���I�D�i�P�O;�9�r�mAHG�W�S]��J*�_�G��+kP�2����Ka�Z���H�'K�x�W�MZ%�O�YD�Rc+o��?�q��Ghm��d�S�oh�\�D�|:W������UA�Qc yT�q� �����~^�H��/��#p�CZ���T�I�1�ӏT����4��"�ČZ�����}��`w�#�*,ʹ�� ��0�i��課�Om�*�da��^gJ݅{���l�e9uF#T�ֲ��̲�ٞC"�q���ߍ ոޑ�o#�XZTp����@ o�8��(jd��xw�]�,f���`~� |,s��^����f�1���t��|��m�򸄭/ctr��5s��7�9Q�4�H1꠲BB@ l9@���C�����+�wp�xu�£Yc�9��?`@#�o�mH�s2��)�=��2�.�l����jg�9$�Y�S�%*L������R�Y������7Z���,*=�䷘$�������arm�o�ϰ���UW.|�r�uf����IGw�t����Zwo��~5 ��YյhO+=8fF�)�W�7�L9lM�̘·Y���֘YLf�큹�pRF���99.A �"wz��=E\Z���'a� 2��Ǚ�#;�'}�G���*��l��^"q��+2FQ� hj��kŦ��${���ޮ-�T�٭cf�|�3#~�RJ����t��$b�(R��(����r���dx� >U b�&9,>���%E\� Ά�e�$��'�q't��*�א���ެ�b��-|d���SB�O�O��$�R+�H�)�܎�K��1m`;�J�2�Y~9��O�g8=vqD`K[�F)k�[���1m޼c��n���]s�k�z$@��)!I �x՝"v��9=�ZA=`Ɠi �:�E��)` 7��vI��}d�YI�_ �o�:ob���o ���3Q��&D&�2=�� �Ά��;>�h����y.*ⅥS������Ӭ�+q&����j|UƧ��� �}���J0��WW< ۋS�)jQR�j���Ư��rN)�Gű�4Ѷ(�S)Ǣ�8��i��W52���No˓� ۍ%�5brOn�L�;�n��\G����=�^U�dI���8$�&���h��'���+�(������cȁ߫k�l��S^���cƗjԌE�ꭔ��gF���Ȓ��@���}O���*;e�v�WV���YJ\�]X'5��ղ�k�F��b 6R�o՜m��i N�i���� >J����?��lPm�U��}>_Z&�KK��q�r��I�D�Չ~�q�3fL�:S�e>���E���-G���{L�6p�e,8��������QI��h��a�Xa��U�A'���ʂ���s�+טIjP�-��y�8ۈZ?J$��W�P� ��R�s�]��|�l(�ԓ��sƊi��o(��S0 ��Y� 8�T97.�����WiL��c�~�dxc�E|�2!�X�K�Ƙਫ਼�$((�6�~|d9u+�qd�^3�89��Y�6L�.I�����?���iI�q���9�)O/뚅����O���X��X�V��ZF[�یgQ�L��K1���RҖr@v�#��X�l��F���Нy�S�8�7�kF!A��sM���^rkp�jP�DyS$N���q�� nxҍ!U�f�!eh�i�2�m ���`�Y�I�9r�6� �TF���C}/�y�^���Η���5d�'��9A-��J��>{�_l+�`��A���[�'��յ�ϛ#w:݅�%��X�}�&�PSt�Q�"�-��\縵�/����$Ɨh�Xb�*�y��BS����;W�ջ_mc�����vt?2}1�;qS�d�d~u:2k5�2�R�~�z+|HE!)�Ǟl��7`��0�<�,�2*���Hl-��x�^����'_TV�gZA�'j� ^�2Ϊ��N7t�����?w�� �x1��f��Iz�C-Ȗ��K�^q�;���-W�DvT�7��8�Z�������� hK�(P:��Q- �8�n�Z���܃e貾�<�1�YT<�,�����"�6{ / �?�͟��|1�:�#g��W�>$����d��J��d�B�� =��jf[��%rE^��il:��B���x���Sּ�1հ��,�=��*�7 fcG��#q� �eh?��2�7�����,�!7x��6�n�LC�4x��},Geǝ�tC.��vS �F�43��zz\��;QYC,6����~;RYS/6���|2���5���v��T��i����������mlv��������&� �nRh^ejR�LG�f���? �ۉҬܦƩ��|��Ȱ����>3����!v��i�ʯ�>�v��オ�X3e���_1z�Kȗ\<������!�8���V��]��?b�k41�Re��T�q��mz��TiOʦ�Z��Xq���L������q"+���2ۨ��8}�&N7XU7Ap�d�X��~�׿��&4e�o�F��� �H�� ��O���č�c�� 懴�6���͉��+)��v;j��ݷ�� �UV�� i��� j���Y9GdÒJ1��詞�����V?h��l�� ��l�cGs�ځ�������y�Ac���� �\V3�? �� ܙg�>qH�S,�E�W�[�㺨�uch�⍸�O�}���a��>�q�6�n6� ���N6�q�� ���� N    ! 1AQaq�0@����"2BRb�#Pr���3C`��Scst���$4D���%Td��  ? � ��N����a��3��m���C���w��������xA�m�q�m��� m������$����4n淿t'��C"w��zU=D�\R+w�p+Y�T�&�պ@��ƃ��3ޯ?�Aﶂ��aŘ���@-�����Q�=���9D��ռ�ѻ@��M�V��P��܅�G5�f�Y<�u=,EC)�<�Fy'�"�&�չ�X~f��l�KԆV��?�� �W�N����=(� �;���{�r����ٌ�Y���h{�١������jW����P���Tc�����X�K�r��}���w�R��%��?���E��m�� �Y�q|����\lEE4� ��r���}�lsI�Y������f�$�=�d�yO����p�����yBj8jU�o�/�S��?�U��*������ˍ�0����� �u�q�m [�?f����a�� )Q�>����6#������� ?����0UQ����,IX���(6ڵ[�DI�MNލ�c&���υ�j\��X�R|,4��� j������T�hA�e��^���d���b<����n�� �즇�=!���3�^�`j�h�ȓr��jẕ�c�,ٞX����-����a�ﶔ���#�$��]w�O��Ӫ�1y%��L�Y<�wg#�ǝ�̗`�x�xa�t�w��»1���o7o5��>�m뭛C���Uƃߜ}�C���y1Xνm�F8�jI���]����H���ۺиE@I�i;r�8ӭ���� V�F�Շ| ��&?�3|x�B�MuS�Ge�=Ӕ�#BE5G�� ���Y!z��_e��q�р/W>|-�Ci߇�t�1ޯќd�R3�u��g�=0 5��[?�#͏��q�cf���H��{ ?u�=?�?ǯ���}Z��z���hmΔ�BFTW�����<�q� (v� ��!��z���iW]*�J�V�z��gX֧A�q�&��/w���u�gYӘa���; �i=����g:��?2�dž6�ى�k�4�>�Pxs����}������G�9� �3 ���)gG�R<>r h�$��'nc�h�P��Bj��J�ҧH� -��N1���N��?��~��}-q!=��_2hc�M��l�vY%UE�@|�v����M2�.Y[|y�"Eï��K�ZF,�ɯ?,q�?v�M 80jx�"�;�9vk�����+ ֧�� �ȺU��?�%�vcV��mA�6��Qg^M��� �A}�3�nl� QRN�l8�kkn�'�����(��M�7m9و�q���%ޟ���*h$Zk"��$�9��: �?U8�Sl��,,|ɒ��xH(ѷ����Gn�/Q�4�P��G�%��Ա8�N��!� �&�7�;���eKM7�4��9R/%����l�c>�x;������>��C�:�����t��h?aKX�bhe�ᜋ^�$�Iհ �hr7%F$�E��Fd���t��5���+�(M6�t����Ü�UU|zW�=a�Ts�Tg������dqP�Q����b'�m���1{|Y����X�N��b �P~��F^F:����k6�"�j!�� �I�r�`��1&�-$�Bevk:y���#y w��I0��x��=D�4��tU���P�ZH��ڠ底taP��6����b>�xa� ���Q�#� WeF��ŮNj�p�J* mQ�N��� �*I�-*�ȩ�F�g�3 �5��V�ʊ�ɮ�a��5F���O@{���NX��?����H�]3��1�Ri_u��������ѕ�� ����0��� F��~��:60�p�͈�S��qX#a�5>���`�o&+�<2�D����: �������ڝ�$�nP���*)�N�|y�Ej�F�5ټ�e���ihy�Z �>���k�bH�a�v��h�-#���!�Po=@k̆IEN��@��}Ll?j�O������߭�ʞ���Q|A07x���wt!xf���I2?Z��<ץ�T���cU�j��]�� 陎Ltl �}5�ϓ��$�,��O�mˊ�;�@O��jE��j(�ا,��LX���LO���Ц�90�O �.����a��nA���7������j4 ��W��_ٓ���zW�jcB������y՗+EM�)d���N�g6�y1_x��p�$Lv :��9�"z��p���ʙ$��^��JԼ*�ϭ����o���=x�Lj�6�J��u82�A�H�3$�ٕ@�=Vv�]�'�qEz�;I˼��)��=��ɯ���x �/�W(V���p�����$ �m�������u�����񶤑Oqˎ�T����r��㠚x�sr�GC��byp�G��1ߠ�w e�8�$⿄����/�M{*}��W�]˷.�CK\�ުx���/$�WP w���r� |i���&�}�{�X� �>��$-��l���?-z���g����lΆ���(F���h�vS*���b���߲ڡn,|)mrH[���a�3�ר�[1��3o_�U�3�TC�$��(�=�)0�kgP���� ��u�^=��4 �WYCҸ:��vQ�ר�X�à��tk�m,�t*��^�,�}D*� �"(�I��9R����>`�`��[~Q]�#af��i6l��8���6�:,s�s�N6�j"�A4���IuQ��6E,�GnH��zS�HO�uk�5$�I�4��ؤ�Q9�@��C����wp �BGv[]�u�Ov��� 0I4���\��y�����Q�Ѹ��~>Z��8�T��a��q�ޣ;z��a���/��S��I:�ܫ_�|������>=Z����8:�S��U�I�J��"IY���8%b8���H��:�QO�6�;7�I�S��J��ҌAά3��>c���E+&jf$eC+�z�;��V����� �r���ʺ������my�e���aQ�f&��6�ND ��.:��NT�vm�<- u���ǝ\MvZY�N�NT��-A�>jr!S��n�O 1�3�Ns�%�3D@���`������ܟ 1�^c<���� �a�ɽ�̲�Xë#�w�|y�cW�=�9I*H8�p�^(4���՗�k��arOcW�tO�\�ƍR��8����'�K���I�Q�����?5�>[�}��yU�ײ -h��=��% q�ThG�2�)���"ו3]�!kB��*p�FDl�A���,�eEi�H�f�Ps�����5�H:�Փ~�H�0Dت�D�I����h�F3�������c��2���E��9�H��5�zԑ�ʚ�i�X�=:m�xg�hd(�v����׊�9iS��O��d@0ڽ���:�p�5�h-��t�&���X�q�ӕ,��ie�|���7A�2���O%P��E��htj��Y1��w�Ѓ!����  ���� ࢽ��My�7�\�a�@�ţ�J �4�Ȼ�F�@o�̒?4�wx��)��]�P��~�����u�����5�����7X ��9��^ܩ�U;Iꭆ 5 �������eK2�7(�{|��Y׎ �V��\"���Z�1� Z�����}��(�Ǝ"�1S���_�vE30>���p;� ΝD��%x�W�?W?v����o�^V�i�d��r[��/&>�~`�9Wh��y�;���R�� � ;;ɮT��?����r$�g1�K����A��C��c��K��l:�'��3 c�ﳯ*"t8�~l��)���m��+U,z��`( �>yJ�?����h>��]��v��ЍG*�{`��;y]��I�T� ;c��NU�fo¾h���/$���|NS���1�S�"�H��V���T���4��uhǜ�]�v;���5�͠x��'C\�SBpl���h}�N����� A�Bx���%��ޭ�l��/����T��w�ʽ]D�=����K���ž�r㻠l4�S�O?=�k �M:� ��c�C�a�#ha���)�ѐxc�s���gP�iG�� {+���x���Q���I= �� z��ԫ+ �8"�k�ñ�j=|����c ��y��CF��/ ��*9ж�h{ �?4�o� ��k�m�Q�N�x��;�Y��4膚�a�w?�6�> e]�����Q�r�:����g�,i"�����ԩA� *M�<�G��b�if��l^M��5� �Ҩ�{����6J��ZJ�����P�*�����Y���ݛu�_4�9�I8�7���������,^ToR���m4�H��?�N�S�ѕw��/S��甍�@�9H�S�T��t�ƻ���ʒU��*{Xs�@����f��� ��֒Li�K{H�w^���������Ϥm�tq���s� ���ք��f:��o~s��g�r��ט� �S�ѱC�e]�x���a��) ���(b-$(�j>�7q�B?ӕ�F��hV25r[7 Y� }L�R��}����*sg+��x�r�2�U=�*'WS��ZDW]�WǞ�<��叓���{�$�9Ou4��y�90-�1�'*D`�c�^o?(�9��u���ݐ��'PI&� f�Jݮ�������:wS����jfP1F:X �H�9dԯ�� �˝[�_54 �}*;@�ܨ�� ð�yn�T���?�ןd�#���4rG�ͨ��H�1�|-#���Mr�S3��G�3�����)�.᧏3v�z֑��r����$G"�`j �1t��x0<Ɔ�Wh6�y�6��,œ�Ga��gA����y��b��)� �h�D��ß�_�m��ü �gG;��e�v��ݝ�nQ� ��C����-�*��o���y�a��M��I�>�<���]obD��"�:���G�A��-\%LT�8���c�)��+y76���o�Q�#*{�(F�⽕�y����=���rW�\p���۩�c���A���^e6��K������ʐ�cVf5$�'->���ՉN"���F�"�UQ@�f��Gb~��#�&�M=��8�ט�JNu9��D��[̤�s�o�~��� ��� G��9T�tW^g5y$b��Y'��س�Ǵ�=��U-2 #�MC�t(�i� �lj�@Q 5�̣i�*�O����s�x�K�f��}\��M{E�V�{�υ��Ƈ�����);�H����I��fe�Lȣr�2��>��W� I�Ȃ6������i��k�� �5�YOxȺ����>��Y�f5'��|��H+��98pj�n�.O�y�������jY��~��i�w'������l�;�s�2��Y��:'lg�ꥴ)o#'Sa�a�K��Z� �m��}�`169�n���"���x��I ��*+� }F<��cГ���F�P�������ֹ*�PqX�x۩��,� ��N�� �4<-����%����:��7����W���u�`����� $�?�I��&����o��o��`v�>��P��"��l���4��5'�Z�gE���8���?��[�X�7(��.Q�-��*���ތL@̲����v��.5���[��=�t\+�CNܛ��,g�SQnH����}*F�G16���&:�t��4ُ"A��̣��$�b �|����#rs��a�����T�� ]�<�j��B S�('$�ɻ� �wP;�/�n��?�ݜ��x�F��yUn�~mL*-�������Xf�wd^�a�}��f�,=t�׵i�.2/wpN�Ep8�OР���•��R�FJ� 55TZ��T �ɭ�<��]��/�0�r�@�f��V��V����Nz�G��^���7hZi����k��3�,kN�e|�vg�1{9]_i��X5y7� 8e]�U����'�-2,���e"����]ot�I��Y_��n�(JҼ��1�O ]bXc���Nu�No��pS���Q_���_�?i�~�x h5d'�(qw52] ��'ޤ�q��o1�R!���`ywy�A4u���h<קy���\[~�4�\ X�Wt/� 6�����n�F�a8��f���z �3$�t(���q��q�x��^�XWeN'p<-v�!�{�(>ӽDP7��ո0�y)�e$ٕv�Ih'Q�EA�m*�H��RI��=:��� ���4牢) �%_iN�ݧ�l]� �Nt���G��H�L��� ɱ�g<���1V�,�J~�ٹ�"K��Q�� 9�HS�9�?@��k����r�;we݁�]I�!{ �@�G�[�"��`���J:�n]�{�cA�E����V��ʆ���#��U9�6����j�#Y�m\��q�e4h�B�7��C�������d<�?J����1g:ٳ���=Y���D�p�ц� ׈ǔ��1�]26؜oS�'��9�V�FVu�P�h�9�xc�oq�X��p�o�5��Ա5$�9W�V(�[Ak�aY錎qf;�'�[�|���b�6�Ck��)��#a#a˙��8���=äh�4��2��C��4tm^ �n'c� ��]GQ$[Wҿ��i���vN�{Fu ��1�gx��1┷���N�m��{j-,��x�� Ūm�ЧS�[�s���Gna���䑴�� x�p 8<������97�Q���ϴ�v�aϚG��Rt�Һ׈�f^\r��WH�JU�7Z���y)�vg=����n��4�_)y��D'y�6�]�c�5̪ �\� �PF�k����&�c;��cq�$~T�7j ���nç]�<�g ":�to�t}�159�<�/�8������m�b�K#g'I'.W����� 6��I/��>v��\�MN��g���m�A�yQL�4u�Lj�j9��#44�t��l^�}L����n��R��!��t��±]��r��h6ٍ>�yҏ�N��fU�� ���� Fm@�8}�/u��jb9������he:A�y�ծw��GpΧh�5����l}�3p468��)U��d��c����;Us/�֔�YX�1�O2��uq�s��`hwg�r~�{ R��mhN��؎*q 42�*th��>�#���E����#��Hv�O����q�}����� 6�e��\�,Wk�#���X��b>��p}�դ��3���T5��†��6��[��@ �P�y*n��|'f�֧>�lư΂�̺����SU�'*�q�p�_S�����M�� '��c�6��� ��m�� ySʨ;M��r���Ƌ�m�Kxo,���Gm�P��A�G�:��i��w�9�}M(�^�V��$ǒ�ѽ�9���|���� �a����J�SQ�a���r�B;����}���ٻ֢�2�%U���c�#�g���N�a�ݕ�'�v�[�OY'��3L�3�;,p�]@�S��{ls��X�'���c�jw� k'a�.��}�}&�� �dP�*�bK=ɍ!����;3n�gΊU�ߴmt�'*{,=SzfD� A��ko~�G�aoq�_mi}#�m�������P�Xhύ��� �mxǍ�΂���巿zf��Q���c���|kc�����?���W��Y�$���_Lv����l߶��c���`?����l�j�ݲˏ!V��6����U�Ђ(A���4y)H���p�Z_�x��>���e�� R��$�/�`^'3qˏ�-&Q�=?��CFVR �D�fV�9��{�8g�������n�h�(P"��6�[�D���< E�����~0<@�`�G�6����Hг�cc�� �c�K.5��D��d�B���`?�XQ��2��ٿyqo&+�1^� DW�0�ꊩ���G�#��Q�nL3��c���������/��x ��1�1 [y�x�პCW��C�c�UĨ80�m�e�4.{�m��u���I=��f�����0QRls9���f���������9���~f�����Ǩ��a�"@�8���ȁ�Q����#c�ic������G��$���G���r/$W�(��W���V�"��m�7�[m�A�m����bo��D� j����۳� l���^�k�h׽����� ��#� iXn�v��eT�k�a�^Y�4�BN�� ĕ�� 0    !01@Q"2AaPq3BR������ ? � ��@4�Q�����T3,���㺠�W�[=JK�Ϟ���2�r^7��vc�:�9 �E�ߴ�w�S#d���Ix��u��:��Hp��9E!�� V 2;73|F��9Y���*ʬ�F��D����u&���y؟��^EA��A��(ɩ���^��GV:ݜDy�`��Jr29ܾ�㝉��[���E;Fzx��YG��U�e�Y�C���� ����v-tx����I�sם�Ę�q��Eb�+P\ :>�i�C'�;�����k|z�رn�y]�#ǿb��Q��������w�����(�r|ӹs��[�D��2v-%��@;�8<a���[\o[ϧw��I!��*0�krs)�[�J9^��ʜ��p1)� "��/_>��o��<1����A�E�y^�C��`�x1'ܣn�p��s`l���fQ��):�l����b>�Me�jH^?�kl3(�z:���1ŠK&?Q�~�{�ٺ�h�y���/�[��V�|6��}�KbX����mn[-��7�5q�94�������dm���c^���h� X��5��<�eޘ>G���-�}�دB�ޟ� ��|�rt�M��V+�]�c?�-#ڛ��^ǂ}���Lkr���O��u�>�-D�ry� D?:ޞ�U��ǜ�7�V��?瓮�"�#���r��չģVR;�n���/_� ؉v�ݶe5d�b9��/O��009�G���5n�W����JpA�*�r9�>�1��.[t���s�F���nQ� V 77R�]�ɫ8����_0<՜�IF�u(v��4��F�k�3��E)��N:��yڮe��P�`�1}�$WS��J�SQ�N�j �ٺ��޵�#l���ј(�5=��5�lǏmoW�v-�1����v,W�mn��߀$x�<����v�j(����c]��@#��1������Ǔ���o'��u+����;G�#�޸��v-lη��/(`i⣍Pm^� ��ԯ̾9Z��F��������n��1��� ��]�[��)�'������ :�֪�W��FC����� �B9،!?���]��V��A�Վ�M��b�w��G F>_DȬ0¤�#�QR�[V��kz���m�w�"��9ZG�7'[��=�Q����j8R?�zf�\a�=��O�U����*oB�A�|G���2�54 �p��.w7� �� ��&������ξxGHp� B%��$g�����t�Џ򤵍z���HN�u�Я�-�'4��0�� ;_�� 3     !01"@AQa2Pq#3BR������ ? � �ʩca��en��^��8���<�u#��m*08r��y�N"�<�Ѳ0��@\�p��� �����Kv�D��J8�Fҽ� �f�Y��-m�ybX�NP����}�!*8t(�OqѢ��Q�wW�K��ZD��Δ^e��!� ��B�K��p~�����e*l}z#9ң�k���q#�Ft�o��S�R����-�w�!�S���Ӥß|M�l޶V��!eˈ�8Y���c�ЮM2��tk���� ������J�fS����Ö*i/2�����n]�k�\���|4yX�8��U�P.���Ы[���l��@"�t�<������5�lF���vU�����W��W��;�b�cД^6[#7@vU�xgZv��F�6��Q,K�v��� �+Ъ��n��Ǣ��Ft���8��0��c�@�!�Zq s�v�t�;#](B��-�nῃ~���3g������5�J�%���O������n�kB�ĺ�.r��+���#�N$?�q�/�s�6��p��a����a��J/��M�8��6�ܰ"�*������ɗud"\w���aT(����[��F��U՛����RT�b���n�*��6���O��SJ�.�ij<�v�MT��R\c��5l�sZB>F��<7�;EA��{��E���Ö��1U/�#��d1�a�n.1ě����0�ʾR�h��|�R��Ao�3�m3 ��%�� ���28Q� ��y��φ���H�To�7�lW>����#i`�q���c����a��� �m,B�-j����݋�'mR1Ήt�>��V��p���s�0IbI�C.���1R�ea�����]H�6�������� ��4B>��o��](��$B���m�����a�!=� �?�B� K�Ǿ+�Ծ"�n���K��*��+��[T#�{ E�J�S����Q�����s�5�:�U�\wĐ�f�3����܆&�)��� �I���Ԇw��E T�lrTf6Q|R�h:��[K�� �z��c֧�G�C��%\��_�a �84��HcO�bi��ؖV��7H �)*ģK~Xhչ0��4?�0��� �E<���}3���#���u�?�� ��|g�S�6ꊤ�|�I#Hڛ� �ա��w�X��9��7���Ŀ%�SL��y6č��|�F�a 8���b� �$�sק�h���b9RAu7�˨p�Č�_\*w��묦��F ����4D~�f����|(�"m���NK��i�S�>�$d7SlA��/�²����SL��|6N�}���S�˯���g��]6��; �#�.��<���q'Q�1|KQ$�����񛩶"�$r�b:���N8�w@��8$�� �AjfG|~�9F ���Y��ʺ��Bwؒ������M:I岎�G��`s�YV5����6��A �b:�W���G�q%l�����F��H���7�������Fsv7� �k�� 403WebShell
403Webshell
Server IP : 216.10.251.64  /  Your IP : 216.73.216.105
Web Server : Apache
System : Linux server.webkartdigital.com 4.18.0-477.27.2.el8_8.x86_64 #1 SMP Fri Sep 29 08:21:01 EDT 2023 x86_64
User : digit2pk ( 1003)
PHP Version : 8.1.33
Disable Function : exec,passthru,shell_exec,system
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /home/digit2pk/public_html/crimsoncare.in/admin/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/digit2pk/public_html/crimsoncare.in/admin/icons-lineawesome.html
<!doctype html>
<html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable">


<!-- Mirrored from themesbrand.com/velzon/html/material/icons-lineawesome.phpl by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Feb 2024 04:17:01 GMT -->
<head>

    <meta charset="utf-8" />
    <title>Line Awesome Icons | Velzon - Admin & Dashboard Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
    <meta content="Themesbrand" name="author" />
    <!-- App favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">

    <!-- Layout config Js -->
    <script src="assets/js/layout.js"></script>
    <!-- Bootstrap Css -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Icons Css -->
    <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <!-- App Css-->
    <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />
    <!-- custom Css-->
    <link href="assets/css/custom.min.css" rel="stylesheet" type="text/css" />


</head>

<body>

    <!-- Begin page -->
    <div id="layout-wrapper">

        <header id="page-topbar">
    <div class="layout-width">
        <div class="navbar-header">
            <div class="d-flex">
                <!-- LOGO -->
                <div class="navbar-brand-box horizontal-logo">
                    <a href="index.phpl" class="logo logo-dark">
                        <span class="logo-sm">
                            <img src="assets/images/logo-sm.png" alt="" height="22">
                        </span>
                        <span class="logo-lg">
                            <img src="assets/images/logo-dark.png" alt="" height="17">
                        </span>
                    </a>

                    <a href="index.phpl" class="logo logo-light">
                        <span class="logo-sm">
                            <img src="assets/images/logo-sm.png" alt="" height="22">
                        </span>
                        <span class="logo-lg">
                            <img src="assets/images/logo-light.png" alt="" height="17">
                        </span>
                    </a>
                </div>

                <button type="button" class="btn btn-sm px-3 fs-16 header-item vertical-menu-btn topnav-hamburger shadow-none" id="topnav-hamburger-icon">
                    <span class="hamburger-icon">
                        <span></span>
                        <span></span>
                        <span></span>
                    </span>
                </button>

                <!-- App Search-->
                <form class="app-search d-none d-md-block">
                    <div class="position-relative">
                        <input type="text" class="form-control" placeholder="Search..." autocomplete="off" id="search-options" value="">
                        <span class="mdi mdi-magnify search-widget-icon"></span>
                        <span class="mdi mdi-close-circle search-widget-icon search-widget-icon-close d-none" id="search-close-options"></span>
                    </div>
                    <div class="dropdown-menu dropdown-menu-lg" id="search-dropdown">
                        <div data-simplebar style="max-height: 320px;">
                            <!-- item-->
                            <div class="dropdown-header">
                                <h6 class="text-overflow text-muted mb-0 text-uppercase">Recent Searches</h6>
                            </div>

                            <div class="dropdown-item bg-transparent text-wrap">
                                <a href="index.phpl" class="btn btn-soft-secondary btn-sm rounded-pill">how to setup <i class="mdi mdi-magnify ms-1"></i></a>
                                <a href="index.phpl" class="btn btn-soft-secondary btn-sm rounded-pill">buttons <i class="mdi mdi-magnify ms-1"></i></a>
                            </div>
                            <!-- item-->
                            <div class="dropdown-header mt-2">
                                <h6 class="text-overflow text-muted mb-1 text-uppercase">Pages</h6>
                            </div>

                            <!-- item-->
                            <a href="javascript:void(0);" class="dropdown-item notify-item">
                                <i class="ri-bubble-chart-line align-middle fs-18 text-muted me-2"></i>
                                <span>Analytics Dashboard</span>
                            </a>

                            <!-- item-->
                            <a href="javascript:void(0);" class="dropdown-item notify-item">
                                <i class="ri-lifebuoy-line align-middle fs-18 text-muted me-2"></i>
                                <span>Help Center</span>
                            </a>

                            <!-- item-->
                            <a href="javascript:void(0);" class="dropdown-item notify-item">
                                <i class="ri-user-settings-line align-middle fs-18 text-muted me-2"></i>
                                <span>My account settings</span>
                            </a>

                            <!-- item-->
                            <div class="dropdown-header mt-2">
                                <h6 class="text-overflow text-muted mb-2 text-uppercase">Members</h6>
                            </div>

                            <div class="notification-list">
                                <!-- item -->
                                <a href="javascript:void(0);" class="dropdown-item notify-item py-2">
                                    <div class="d-flex">
                                        <img src="assets/images/users/avatar-2.jpg" class="me-3 rounded-circle avatar-xs" alt="user-pic">
                                        <div class="flex-grow-1">
                                            <h6 class="m-0">Angela Bernier</h6>
                                            <span class="fs-11 mb-0 text-muted">Manager</span>
                                        </div>
                                    </div>
                                </a>
                                <!-- item -->
                                <a href="javascript:void(0);" class="dropdown-item notify-item py-2">
                                    <div class="d-flex">
                                        <img src="assets/images/users/avatar-3.jpg" class="me-3 rounded-circle avatar-xs" alt="user-pic">
                                        <div class="flex-grow-1">
                                            <h6 class="m-0">David Grasso</h6>
                                            <span class="fs-11 mb-0 text-muted">Web Designer</span>
                                        </div>
                                    </div>
                                </a>
                                <!-- item -->
                                <a href="javascript:void(0);" class="dropdown-item notify-item py-2">
                                    <div class="d-flex">
                                        <img src="assets/images/users/avatar-5.jpg" class="me-3 rounded-circle avatar-xs" alt="user-pic">
                                        <div class="flex-grow-1">
                                            <h6 class="m-0">Mike Bunch</h6>
                                            <span class="fs-11 mb-0 text-muted">React Developer</span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>

                        <div class="text-center pt-3 pb-1">
                            <a href="pages-search-results.phpl" class="btn btn-primary btn-sm">View All Results <i class="ri-arrow-right-line ms-1"></i></a>
                        </div>
                    </div>
                </form>
            </div>

            <div class="d-flex align-items-center">

                <div class="dropdown d-md-none topbar-head-dropdown header-item">
                    <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle shadow-none" id="page-header-search-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="bx bx-search fs-22"></i>
                    </button>
                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0" aria-labelledby="page-header-search-dropdown">
                        <form class="p-3">
                            <div class="form-group m-0">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
                                    <button class="btn btn-primary" type="submit"><i class="mdi mdi-magnify"></i></button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="dropdown ms-1 topbar-head-dropdown header-item">
                    <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle shadow-none" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <img id="header-lang-img" src="assets/images/flags/us.svg" alt="Header Language" height="20" class="rounded">
                    </button>
                    <div class="dropdown-menu dropdown-menu-end">

                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item language py-2" data-lang="en" title="English">
                            <img src="assets/images/flags/us.svg" alt="user-image" class="me-2 rounded" height="18">
                            <span class="align-middle">English</span>
                        </a>

                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="sp" title="Spanish">
                            <img src="assets/images/flags/spain.svg" alt="user-image" class="me-2 rounded" height="18">
                            <span class="align-middle">Española</span>
                        </a>

                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="gr" title="German">
                            <img src="assets/images/flags/germany.svg" alt="user-image" class="me-2 rounded" height="18"> <span class="align-middle">Deutsche</span>
                        </a>

                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="it" title="Italian">
                            <img src="assets/images/flags/italy.svg" alt="user-image" class="me-2 rounded" height="18">
                            <span class="align-middle">Italiana</span>
                        </a>

                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="ru" title="Russian">
                            <img src="assets/images/flags/russia.svg" alt="user-image" class="me-2 rounded" height="18">
                            <span class="align-middle">русский</span>
                        </a>

                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="ch" title="Chinese">
                            <img src="assets/images/flags/china.svg" alt="user-image" class="me-2 rounded" height="18">
                            <span class="align-middle">中国人</span>
                        </a>

                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="fr" title="French">
                            <img src="assets/images/flags/french.svg" alt="user-image" class="me-2 rounded" height="18">
                            <span class="align-middle">français</span>
                        </a>

                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="ar" title="Arabic">
                            <img src="assets/images/flags/ae.svg" alt="user-image" class="me-2 rounded" height="18">
                            <span class="align-middle">Arabic</span>
                        </a>
                    </div>
                </div>

                <div class="dropdown topbar-head-dropdown ms-1 header-item">
                    <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle shadow-none" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class='bx bx-category-alt fs-22'></i>
                    </button>
                    <div class="dropdown-menu dropdown-menu-lg p-0 dropdown-menu-end">
                        <div class="p-3 border-top-0 border-start-0 border-end-0 border-dashed border">
                            <div class="row align-items-center">
                                <div class="col">
                                    <h6 class="m-0 fw-semibold fs-15"> Web Apps </h6>
                                </div>
                                <div class="col-auto">
                                    <a href="#!" class="btn btn-sm btn-soft-info shadow-none"> View All Apps
                                        <i class="ri-arrow-right-s-line align-middle"></i></a>
                                </div>
                            </div>
                        </div>

                        <div class="p-2">
                            <div class="row g-0">
                                <div class="col">
                                    <a class="dropdown-icon-item" href="#!">
                                        <img src="assets/images/brands/github.png" alt="Github">
                                        <span>GitHub</span>
                                    </a>
                                </div>
                                <div class="col">
                                    <a class="dropdown-icon-item" href="#!">
                                        <img src="assets/images/brands/bitbucket.png" alt="bitbucket">
                                        <span>Bitbucket</span>
                                    </a>
                                </div>
                                <div class="col">
                                    <a class="dropdown-icon-item" href="#!">
                                        <img src="assets/images/brands/dribbble.png" alt="dribbble">
                                        <span>Dribbble</span>
                                    </a>
                                </div>
                            </div>

                            <div class="row g-0">
                                <div class="col">
                                    <a class="dropdown-icon-item" href="#!">
                                        <img src="assets/images/brands/dropbox.png" alt="dropbox">
                                        <span>Dropbox</span>
                                    </a>
                                </div>
                                <div class="col">
                                    <a class="dropdown-icon-item" href="#!">
                                        <img src="assets/images/brands/mail_chimp.png" alt="mail_chimp">
                                        <span>Mail Chimp</span>
                                    </a>
                                </div>
                                <div class="col">
                                    <a class="dropdown-icon-item" href="#!">
                                        <img src="assets/images/brands/slack.png" alt="slack">
                                        <span>Slack</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="dropdown topbar-head-dropdown ms-1 header-item">
                    <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle shadow-none" id="page-header-cart-dropdown" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
                        <i class='bx bx-shopping-bag fs-22'></i>
                        <span class="position-absolute topbar-badge cartitem-badge fs-10 translate-middle badge rounded-pill bg-info">5</span>
                    </button>
                    <div class="dropdown-menu dropdown-menu-xl dropdown-menu-end p-0 dropdown-menu-cart" aria-labelledby="page-header-cart-dropdown">
                        <div class="p-3 border-top-0 border-start-0 border-end-0 border-dashed border">
                            <div class="row align-items-center">
                                <div class="col">
                                    <h6 class="m-0 fs-16 fw-semibold"> My Cart</h6>
                                </div>
                                <div class="col-auto">
                                    <span class="badge bg-warning-subtle text-warning fs-13"><span class="cartitem-badge">7</span>
                                        items</span>
                                </div>
                            </div>
                        </div>
                        <div data-simplebar style="max-height: 300px;">
                            <div class="p-2">
                                <div class="text-center empty-cart" id="empty-cart">
                                    <div class="avatar-md mx-auto my-3">
                                        <div class="avatar-title bg-info-subtle text-info fs-36 rounded-circle">
                                            <i class='bx bx-cart'></i>
                                        </div>
                                    </div>
                                    <h5 class="mb-3">Your Cart is Empty!</h5>
                                    <a href="apps-ecommerce-products.phpl" class="btn btn-success w-md mb-3">Shop Now</a>
                                </div>
                                <div class="d-block dropdown-item dropdown-item-cart text-wrap px-3 py-2">
                                    <div class="d-flex align-items-center">
                                        <img src="assets/images/products/img-1.png" class="me-3 rounded-circle avatar-sm p-2 bg-light" alt="user-pic">
                                        <div class="flex-grow-1">
                                            <h6 class="mt-0 mb-1 fs-14">
                                                <a href="apps-ecommerce-product-details.phpl" class="text-reset">Branded
                                                    T-Shirts</a>
                                            </h6>
                                            <p class="mb-0 fs-12 text-muted">
                                                Quantity: <span>10 x $32</span>
                                            </p>
                                        </div>
                                        <div class="px-2">
                                            <h5 class="m-0 fw-normal">$<span class="cart-item-price">320</span></h5>
                                        </div>
                                        <div class="ps-2">
                                            <button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn shadow-none"><i class="ri-close-fill fs-16"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="d-block dropdown-item dropdown-item-cart text-wrap px-3 py-2">
                                    <div class="d-flex align-items-center">
                                        <img src="assets/images/products/img-2.png" class="me-3 rounded-circle avatar-sm p-2 bg-light" alt="user-pic">
                                        <div class="flex-grow-1">
                                            <h6 class="mt-0 mb-1 fs-14">
                                                <a href="apps-ecommerce-product-details.phpl" class="text-reset">Bentwood Chair</a>
                                            </h6>
                                            <p class="mb-0 fs-12 text-muted">
                                                Quantity: <span>5 x $18</span>
                                            </p>
                                        </div>
                                        <div class="px-2">
                                            <h5 class="m-0 fw-normal">$<span class="cart-item-price">89</span></h5>
                                        </div>
                                        <div class="ps-2">
                                            <button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn shadow-none"><i class="ri-close-fill fs-16"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="d-block dropdown-item dropdown-item-cart text-wrap px-3 py-2">
                                    <div class="d-flex align-items-center">
                                        <img src="assets/images/products/img-3.png" class="me-3 rounded-circle avatar-sm p-2 bg-light" alt="user-pic">
                                        <div class="flex-grow-1">
                                            <h6 class="mt-0 mb-1 fs-14">
                                                <a href="apps-ecommerce-product-details.phpl" class="text-reset">
                                                    Borosil Paper Cup</a>
                                            </h6>
                                            <p class="mb-0 fs-12 text-muted">
                                                Quantity: <span>3 x $250</span>
                                            </p>
                                        </div>
                                        <div class="px-2">
                                            <h5 class="m-0 fw-normal">$<span class="cart-item-price">750</span></h5>
                                        </div>
                                        <div class="ps-2">
                                            <button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn shadow-none"><i class="ri-close-fill fs-16"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="d-block dropdown-item dropdown-item-cart text-wrap px-3 py-2">
                                    <div class="d-flex align-items-center">
                                        <img src="assets/images/products/img-6.png" class="me-3 rounded-circle avatar-sm p-2 bg-light" alt="user-pic">
                                        <div class="flex-grow-1">
                                            <h6 class="mt-0 mb-1 fs-14">
                                                <a href="apps-ecommerce-product-details.phpl" class="text-reset">Gray
                                                    Styled T-Shirt</a>
                                            </h6>
                                            <p class="mb-0 fs-12 text-muted">
                                                Quantity: <span>1 x $1250</span>
                                            </p>
                                        </div>
                                        <div class="px-2">
                                            <h5 class="m-0 fw-normal">$ <span class="cart-item-price">1250</span></h5>
                                        </div>
                                        <div class="ps-2">
                                            <button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn shadow-none"><i class="ri-close-fill fs-16"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="d-block dropdown-item dropdown-item-cart text-wrap px-3 py-2">
                                    <div class="d-flex align-items-center">
                                        <img src="assets/images/products/img-5.png" class="me-3 rounded-circle avatar-sm p-2 bg-light" alt="user-pic">
                                        <div class="flex-grow-1">
                                            <h6 class="mt-0 mb-1 fs-14">
                                                <a href="apps-ecommerce-product-details.phpl" class="text-reset">Stillbird Helmet</a>
                                            </h6>
                                            <p class="mb-0 fs-12 text-muted">
                                                Quantity: <span>2 x $495</span>
                                            </p>
                                        </div>
                                        <div class="px-2">
                                            <h5 class="m-0 fw-normal">$<span class="cart-item-price">990</span></h5>
                                        </div>
                                        <div class="ps-2">
                                            <button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn shadow-none"><i class="ri-close-fill fs-16"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="p-3 border-bottom-0 border-start-0 border-end-0 border-dashed border" id="checkout-elem">
                            <div class="d-flex justify-content-between align-items-center pb-3">
                                <h5 class="m-0 text-muted">Total:</h5>
                                <div class="px-2">
                                    <h5 class="m-0" id="cart-item-total">$1258.58</h5>
                                </div>
                            </div>

                            <a href="apps-ecommerce-checkout.phpl" class="btn btn-success text-center w-100">
                                Checkout
                            </a>
                        </div>
                    </div>
                </div>

                <div class="ms-1 header-item d-none d-sm-flex">
                    <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle shadow-none" data-toggle="fullscreen">
                        <i class='bx bx-fullscreen fs-22'></i>
                    </button>
                </div>

                <div class="ms-1 header-item d-none d-sm-flex">
                    <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle light-dark-mode shadow-none">
                        <i class='bx bx-moon fs-22'></i>
                    </button>
                </div>

                <div class="dropdown topbar-head-dropdown ms-1 header-item" id="notificationDropdown">
                    <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle shadow-none" id="page-header-notifications-dropdown" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
                        <i class='bx bx-bell fs-22'></i>
                        <span class="position-absolute topbar-badge fs-10 translate-middle badge rounded-pill bg-danger">3<span class="visually-hidden">unread messages</span></span>
                    </button>
                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0" aria-labelledby="page-header-notifications-dropdown">

                        <div class="dropdown-head bg-primary bg-pattern rounded-top">
                            <div class="p-3">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h6 class="m-0 fs-16 fw-semibold text-white"> Notifications </h6>
                                    </div>
                                    <div class="col-auto dropdown-tabs">
                                        <span class="badge bg-light-subtle text-body fs-13"> 4 New</span>
                                    </div>
                                </div>
                            </div>

                            <div class="px-2 pt-2">
                                <ul class="nav nav-tabs dropdown-tabs nav-tabs-custom" data-dropdown-tabs="true" id="notificationItemsTab" role="tablist">
                                    <li class="nav-item waves-effect waves-light">
                                        <a class="nav-link active" data-bs-toggle="tab" href="#all-noti-tab" role="tab" aria-selected="true">
                                            All (4)
                                        </a>
                                    </li>
                                    <li class="nav-item waves-effect waves-light">
                                        <a class="nav-link" data-bs-toggle="tab" href="#messages-tab" role="tab" aria-selected="false">
                                            Messages
                                        </a>
                                    </li>
                                    <li class="nav-item waves-effect waves-light">
                                        <a class="nav-link" data-bs-toggle="tab" href="#alerts-tab" role="tab" aria-selected="false">
                                            Alerts
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </div>

                        <div class="tab-content position-relative" id="notificationItemsTabContent">
                            <div class="tab-pane fade show active py-2 ps-2" id="all-noti-tab" role="tabpanel">
                                <div data-simplebar style="max-height: 300px;" class="pe-2">
                                    <div class="text-reset notification-item d-block dropdown-item position-relative">
                                        <div class="d-flex">
                                            <div class="avatar-xs me-3 flex-shrink-0">
                                                <span class="avatar-title bg-info-subtle text-info rounded-circle fs-16">
                                                    <i class="bx bx-badge-check"></i>
                                                </span>
                                            </div>
                                            <div class="flex-grow-1">
                                                <a href="#!" class="stretched-link">
                                                    <h6 class="mt-0 mb-2 lh-base">Your <b>Elite</b> author Graphic
                                                        Optimization <span class="text-secondary">reward</span> is
                                                        ready!
                                                    </h6>
                                                </a>
                                                <p class="mb-0 fs-11 fw-medium text-uppercase text-muted">
                                                    <span><i class="mdi mdi-clock-outline"></i> Just 30 sec ago</span>
                                                </p>
                                            </div>
                                            <div class="px-2 fs-15">
                                                <div class="form-check notification-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="all-notification-check01">
                                                    <label class="form-check-label" for="all-notification-check01"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="text-reset notification-item d-block dropdown-item position-relative">
                                        <div class="d-flex">
                                            <img src="assets/images/users/avatar-2.jpg" class="me-3 rounded-circle avatar-xs flex-shrink-0" alt="user-pic">
                                            <div class="flex-grow-1">
                                                <a href="#!" class="stretched-link">
                                                    <h6 class="mt-0 mb-1 fs-13 fw-semibold">Angela Bernier</h6>
                                                </a>
                                                <div class="fs-13 text-muted">
                                                    <p class="mb-1">Answered to your comment on the cash flow forecast's
                                                        graph 🔔.</p>
                                                </div>
                                                <p class="mb-0 fs-11 fw-medium text-uppercase text-muted">
                                                    <span><i class="mdi mdi-clock-outline"></i> 48 min ago</span>
                                                </p>
                                            </div>
                                            <div class="px-2 fs-15">
                                                <div class="form-check notification-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="all-notification-check02">
                                                    <label class="form-check-label" for="all-notification-check02"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="text-reset notification-item d-block dropdown-item position-relative">
                                        <div class="d-flex">
                                            <div class="avatar-xs me-3 flex-shrink-0">
                                                <span class="avatar-title bg-danger-subtle text-danger rounded-circle fs-16">
                                                    <i class='bx bx-message-square-dots'></i>
                                                </span>
                                            </div>
                                            <div class="flex-grow-1">
                                                <a href="#!" class="stretched-link">
                                                    <h6 class="mt-0 mb-2 fs-13 lh-base">You have received <b class="text-success">20</b> new messages in the conversation
                                                    </h6>
                                                </a>
                                                <p class="mb-0 fs-11 fw-medium text-uppercase text-muted">
                                                    <span><i class="mdi mdi-clock-outline"></i> 2 hrs ago</span>
                                                </p>
                                            </div>
                                            <div class="px-2 fs-15">
                                                <div class="form-check notification-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="all-notification-check03">
                                                    <label class="form-check-label" for="all-notification-check03"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="text-reset notification-item d-block dropdown-item position-relative">
                                        <div class="d-flex">
                                            <img src="assets/images/users/avatar-8.jpg" class="me-3 rounded-circle avatar-xs flex-shrink-0" alt="user-pic">
                                            <div class="flex-grow-1">
                                                <a href="#!" class="stretched-link">
                                                    <h6 class="mt-0 mb-1 fs-13 fw-semibold">Maureen Gibson</h6>
                                                </a>
                                                <div class="fs-13 text-muted">
                                                    <p class="mb-1">We talked about a project on linkedin.</p>
                                                </div>
                                                <p class="mb-0 fs-11 fw-medium text-uppercase text-muted">
                                                    <span><i class="mdi mdi-clock-outline"></i> 4 hrs ago</span>
                                                </p>
                                            </div>
                                            <div class="px-2 fs-15">
                                                <div class="form-check notification-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="all-notification-check04">
                                                    <label class="form-check-label" for="all-notification-check04"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="my-3 text-center view-all">
                                        <button type="button" class="btn btn-soft-success waves-effect waves-light">View
                                            All Notifications <i class="ri-arrow-right-line align-middle"></i></button>
                                    </div>
                                </div>

                            </div>

                            <div class="tab-pane fade py-2 ps-2" id="messages-tab" role="tabpanel" aria-labelledby="messages-tab">
                                <div data-simplebar style="max-height: 300px;" class="pe-2">
                                    <div class="text-reset notification-item d-block dropdown-item">
                                        <div class="d-flex">
                                            <img src="assets/images/users/avatar-3.jpg" class="me-3 rounded-circle avatar-xs" alt="user-pic">
                                            <div class="flex-grow-1">
                                                <a href="#!" class="stretched-link">
                                                    <h6 class="mt-0 mb-1 fs-13 fw-semibold">James Lemire</h6>
                                                </a>
                                                <div class="fs-13 text-muted">
                                                    <p class="mb-1">We talked about a project on linkedin.</p>
                                                </div>
                                                <p class="mb-0 fs-11 fw-medium text-uppercase text-muted">
                                                    <span><i class="mdi mdi-clock-outline"></i> 30 min ago</span>
                                                </p>
                                            </div>
                                            <div class="px-2 fs-15">
                                                <div class="form-check notification-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="messages-notification-check01">
                                                    <label class="form-check-label" for="messages-notification-check01"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="text-reset notification-item d-block dropdown-item">
                                        <div class="d-flex">
                                            <img src="assets/images/users/avatar-2.jpg" class="me-3 rounded-circle avatar-xs" alt="user-pic">
                                            <div class="flex-grow-1">
                                                <a href="#!" class="stretched-link">
                                                    <h6 class="mt-0 mb-1 fs-13 fw-semibold">Angela Bernier</h6>
                                                </a>
                                                <div class="fs-13 text-muted">
                                                    <p class="mb-1">Answered to your comment on the cash flow forecast's
                                                        graph 🔔.</p>
                                                </div>
                                                <p class="mb-0 fs-11 fw-medium text-uppercase text-muted">
                                                    <span><i class="mdi mdi-clock-outline"></i> 2 hrs ago</span>
                                                </p>
                                            </div>
                                            <div class="px-2 fs-15">
                                                <div class="form-check notification-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="messages-notification-check02">
                                                    <label class="form-check-label" for="messages-notification-check02"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="text-reset notification-item d-block dropdown-item">
                                        <div class="d-flex">
                                            <img src="assets/images/users/avatar-6.jpg" class="me-3 rounded-circle avatar-xs" alt="user-pic">
                                            <div class="flex-grow-1">
                                                <a href="#!" class="stretched-link">
                                                    <h6 class="mt-0 mb-1 fs-13 fw-semibold">Kenneth Brown</h6>
                                                </a>
                                                <div class="fs-13 text-muted">
                                                    <p class="mb-1">Mentionned you in his comment on 📃 invoice #12501.
                                                    </p>
                                                </div>
                                                <p class="mb-0 fs-11 fw-medium text-uppercase text-muted">
                                                    <span><i class="mdi mdi-clock-outline"></i> 10 hrs ago</span>
                                                </p>
                                            </div>
                                            <div class="px-2 fs-15">
                                                <div class="form-check notification-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="messages-notification-check03">
                                                    <label class="form-check-label" for="messages-notification-check03"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="text-reset notification-item d-block dropdown-item">
                                        <div class="d-flex">
                                            <img src="assets/images/users/avatar-8.jpg" class="me-3 rounded-circle avatar-xs" alt="user-pic">
                                            <div class="flex-grow-1">
                                                <a href="#!" class="stretched-link">
                                                    <h6 class="mt-0 mb-1 fs-13 fw-semibold">Maureen Gibson</h6>
                                                </a>
                                                <div class="fs-13 text-muted">
                                                    <p class="mb-1">We talked about a project on linkedin.</p>
                                                </div>
                                                <p class="mb-0 fs-11 fw-medium text-uppercase text-muted">
                                                    <span><i class="mdi mdi-clock-outline"></i> 3 days ago</span>
                                                </p>
                                            </div>
                                            <div class="px-2 fs-15">
                                                <div class="form-check notification-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="messages-notification-check04">
                                                    <label class="form-check-label" for="messages-notification-check04"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="my-3 text-center view-all">
                                        <button type="button" class="btn btn-soft-success waves-effect waves-light">View
                                            All Messages <i class="ri-arrow-right-line align-middle"></i></button>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade p-4" id="alerts-tab" role="tabpanel" aria-labelledby="alerts-tab"></div>

                            <div class="notification-actions" id="notification-actions">
                                <div class="d-flex text-muted justify-content-center">
                                    Select <div id="select-content" class="text-body fw-semibold px-1">0</div> Result <button type="button" class="btn btn-link link-danger p-0 ms-3" data-bs-toggle="modal" data-bs-target="#removeNotificationModal">Remove</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="dropdown ms-sm-3 header-item topbar-user">
                    <button type="button" class="btn shadow-none" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="d-flex align-items-center">
                            <img class="rounded-circle header-profile-user" src="assets/images/users/avatar-1.jpg" alt="Header Avatar">
                            <span class="text-start ms-xl-2">
                                <span class="d-none d-xl-inline-block ms-1 fw-medium user-name-text">Anna Adame</span>
                                <span class="d-none d-xl-block ms-1 fs-12 user-name-sub-text">Founder</span>
                            </span>
                        </span>
                    </button>
                    <div class="dropdown-menu dropdown-menu-end">
                        <!-- item-->
                        <h6 class="dropdown-header">Welcome Anna!</h6>
                        <a class="dropdown-item" href="pages-profile.phpl"><i class="mdi mdi-account-circle text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Profile</span></a>
                        <a class="dropdown-item" href="apps-chat.phpl"><i class="mdi mdi-message-text-outline text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Messages</span></a>
                        <a class="dropdown-item" href="apps-tasks-kanban.phpl"><i class="mdi mdi-calendar-check-outline text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Taskboard</span></a>
                        <a class="dropdown-item" href="pages-faqs.phpl"><i class="mdi mdi-lifebuoy text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Help</span></a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="pages-profile.phpl"><i class="mdi mdi-wallet text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Balance : <b>$5971.67</b></span></a>
                        <a class="dropdown-item" href="pages-profile-settings.phpl"><span class="badge bg-success-subtle text-success mt-1 float-end">New</span><i class="mdi mdi-cog-outline text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Settings</span></a>
                        <a class="dropdown-item" href="auth-lockscreen-basic.phpl"><i class="mdi mdi-lock text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Lock screen</span></a>
                        <a class="dropdown-item" href="auth-logout-basic.phpl"><i class="mdi mdi-logout text-muted fs-16 align-middle me-1"></i> <span class="align-middle" data-key="t-logout">Logout</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<!-- removeNotificationModal -->
<div id="removeNotificationModal" class="modal fade zoomIn" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="NotificationModalbtn-close"></button>
            </div>
            <div class="modal-body">
                <div class="mt-2 text-center">
                    <lord-icon src="https://cdn.lordicon.com/gsqxdxog.json" trigger="loop" colors="primary:#f7b84b,secondary:#f06548" style="width:100px;height:100px"></lord-icon>
                    <div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5">
                        <h4>Are you sure ?</h4>
                        <p class="text-muted mx-4 mb-0">Are you sure you want to remove this Notification ?</p>
                    </div>
                </div>
                <div class="d-flex gap-2 justify-content-center mt-4 mb-2">
                    <button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn w-sm btn-danger" id="delete-notification">Yes, Delete It!</button>
                </div>
            </div>

        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
        <!-- ========== App Menu ========== -->
        <div class="app-menu navbar-menu">
            <!-- LOGO -->
            <div class="navbar-brand-box">
                <!-- Dark Logo-->
                <a href="index.phpl" class="logo logo-dark">
                    <span class="logo-sm">
                        <img src="assets/images/logo-sm.png" alt="" height="22">
                    </span>
                    <span class="logo-lg">
                        <img src="assets/images/logo-dark.png" alt="" height="17">
                    </span>
                </a>
                <!-- Light Logo-->
                <a href="index.phpl" class="logo logo-light">
                    <span class="logo-sm">
                        <img src="assets/images/logo-sm.png" alt="" height="22">
                    </span>
                    <span class="logo-lg">
                        <img src="assets/images/logo-light.png" alt="" height="17">
                    </span>
                </a>
                <button type="button" class="btn btn-sm p-0 fs-20 header-item float-end btn-vertical-sm-hover" id="vertical-hover">
                    <i class="ri-record-circle-line"></i>
                </button>
            </div>

            <div id="scrollbar">
                <div class="container-fluid">

                    <div id="two-column-menu">
                    </div>
                    <ul class="navbar-nav" id="navbar-nav">
                        <li class="menu-title"><span data-key="t-menu">Menu</span></li>
                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarDashboards" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards">
                                <i class="mdi mdi-speedometer"></i> <span data-key="t-dashboards">Dashboards</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarDashboards">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="dashboard-analytics.phpl" class="nav-link" data-key="t-analytics"> Analytics </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="dashboard-crm.phpl" class="nav-link" data-key="t-crm"> CRM </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="index.phpl" class="nav-link" data-key="t-ecommerce"> Ecommerce </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="dashboard-crypto.phpl" class="nav-link" data-key="t-crypto"> Crypto </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="dashboard-projects.phpl" class="nav-link" data-key="t-projects"> Projects </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="dashboard-nft.phpl" class="nav-link" data-key="t-nft"> NFT</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="dashboard-job.phpl" class="nav-link" data-key="t-job">Job</a>
                                    </li>
                                </ul>
                            </div>
                        </li> <!-- end Dashboard Menu -->
                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarApps" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarApps">
                                <i class="mdi mdi-view-grid-plus-outline"></i> <span data-key="t-apps">Apps</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarApps">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="#sidebarCalendar" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarCalendar" data-key="t-calender">
                                            Calendar
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarCalendar">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="apps-calendar.phpl" class="nav-link" data-key="t-main-calender"> Main Calender </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-calendar-month-grid.phpl" class="nav-link" data-key="t-month-grid"> Month Grid </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="apps-chat.phpl" class="nav-link" data-key="t-chat"> Chat </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarEmail" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarEmail" data-key="t-email">
                                            Email
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarEmail">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="apps-mailbox.phpl" class="nav-link" data-key="t-mailbox"> Mailbox </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="#sidebaremailTemplates" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebaremailTemplates" data-key="t-email-templates">
                                                        Email Templates
                                                    </a>
                                                    <div class="collapse menu-dropdown" id="sidebaremailTemplates">
                                                        <ul class="nav nav-sm flex-column">
                                                            <li class="nav-item">
                                                                <a href="apps-email-basic.phpl" class="nav-link" data-key="t-basic-action"> Basic Action </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a href="apps-email-ecommerce.phpl" class="nav-link" data-key="t-ecommerce-action"> Ecommerce Action </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarEcommerce" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarEcommerce" data-key="t-ecommerce"> Ecommerce
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarEcommerce">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-products.phpl" class="nav-link" data-key="t-products"> Products </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-product-details.phpl" class="nav-link" data-key="t-product-Details"> Product Details </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-add-product.phpl" class="nav-link" data-key="t-create-product"> Create Product </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-orders.phpl" class="nav-link" data-key="t-orders"> Orders </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-order-details.phpl" class="nav-link" data-key="t-order-details"> Order Details </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-customers.phpl" class="nav-link" data-key="t-customers"> Customers </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-cart.phpl" class="nav-link" data-key="t-shopping-cart"> Shopping Cart </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-checkout.phpl" class="nav-link" data-key="t-checkout"> Checkout </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-sellers.phpl" class="nav-link" data-key="t-sellers"> Sellers </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-seller-details.phpl" class="nav-link" data-key="t-sellers-details"> Seller Details </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarProjects" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarProjects" data-key="t-projects">Projects
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarProjects">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="apps-projects-list.phpl" class="nav-link" data-key="t-list"> List </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-projects-overview.phpl" class="nav-link" data-key="t-overview"> Overview </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-projects-create.phpl" class="nav-link" data-key="t-create-project"> Create Project </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarTasks" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarTasks" data-key="t-tasks"> Tasks
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarTasks">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="apps-tasks-kanban.phpl" class="nav-link" data-key="t-kanbanboard"> Kanban Board </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-tasks-list-view.phpl" class="nav-link" data-key="t-list-view"> List View </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-tasks-details.phpl" class="nav-link" data-key="t-task-details"> Task Details </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarCRM" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarCRM" data-key="t-crm"> CRM
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarCRM">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="apps-crm-contacts.phpl" class="nav-link" data-key="t-contacts"> Contacts </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crm-companies.phpl" class="nav-link" data-key="t-companies"> Companies </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crm-deals.phpl" class="nav-link" data-key="t-deals"> Deals </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crm-leads.phpl" class="nav-link" data-key="t-leads"> Leads </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarCrypto" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarCrypto"> Crypto
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarCrypto">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="apps-crypto-transactions.phpl" class="nav-link" data-key="t-transactions"> Transactions </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crypto-buy-sell.phpl" class="nav-link" data-key="t-buy-sell"> Buy & Sell </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crypto-orders.phpl" class="nav-link" data-key="t-orders"> Orders </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crypto-wallet.phpl" class="nav-link" data-key="t-my-wallet"> My Wallet </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crypto-ico.phpl" class="nav-link" data-key="t-ico-list"> ICO List </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crypto-kyc.phpl" class="nav-link" data-key="t-kyc-application"> KYC Application </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarInvoices" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarInvoices"> Invoices
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarInvoices">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="apps-invoices-list.phpl" class="nav-link" data-key="t-list-view"> List View </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-invoices-details.phpl" class="nav-link" data-key="t-details"> Details </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-invoices-create.phpl" class="nav-link" data-key="t-create-invoice"> Create Invoice </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarTickets" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarTickets"> Support Tickets
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarTickets">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="apps-tickets-list.phpl" class="nav-link" data-key="t-list-view"> List View </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-tickets-details.phpl" class="nav-link" data-key="t-ticket-details"> Ticket Details </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarnft" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarnft" data-key="t-nft-marketplace">
                                            NFT Marketplace
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarnft">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="apps-nft-marketplace.phpl" class="nav-link" data-key="t-marketplace"> Marketplace </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-explore.phpl" class="nav-link" data-key="t-explore-now"> Explore Now </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-auction.phpl" class="nav-link" data-key="t-live-auction"> Live Auction </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-item-details.phpl" class="nav-link" data-key="t-item-details"> Item Details </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-collections.phpl" class="nav-link" data-key="t-collections"> Collections </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-creators.phpl" class="nav-link" data-key="t-creators"> Creators </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-ranking.phpl" class="nav-link" data-key="t-ranking"> Ranking </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-wallet.phpl" class="nav-link" data-key="t-wallet-connect"> Wallet Connect </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-create.phpl" class="nav-link" data-key="t-create-nft"> Create NFT </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="apps-file-manager.phpl" class="nav-link"> <span data-key="t-file-manager">File Manager</span></a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="apps-todo.phpl" class="nav-link"> <span data-key="t-to-do">To Do</span></a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarjobs" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarjobs" data-key="t-jobs"> Jobs</a>
                                        <div class="collapse menu-dropdown" id="sidebarjobs">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="apps-job-statistics.phpl" class="nav-link" data-key="t-statistics"> Statistics </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="#sidebarJoblists" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarJoblists" data-key="t-job-lists">
                                                        Job Lists
                                                    </a>
                                                    <div class="collapse menu-dropdown" id="sidebarJoblists">
                                                        <ul class="nav nav-sm flex-column">
                                                            <li class="nav-item">
                                                                <a href="apps-job-lists.phpl" class="nav-link" data-key="t-list"> List
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a href="apps-job-grid-lists.phpl" class="nav-link" data-key="t-grid"> Grid </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a href="apps-job-details.phpl" class="nav-link" data-key="t-overview"> Overview</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="#sidebarCandidatelists" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarCandidatelists" data-key="t-candidate-lists">
                                                        Candidate Lists
                                                    </a>
                                                    <div class="collapse menu-dropdown" id="sidebarCandidatelists">
                                                        <ul class="nav nav-sm flex-column">
                                                            <li class="nav-item">
                                                                <a href="apps-job-candidate-lists.phpl" class="nav-link" data-key="t-list-view"> List View
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a href="apps-job-candidate-grid.phpl" class="nav-link" data-key="t-grid-view"> Grid View</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-job-application.phpl" class="nav-link" data-key="t-application"> Application </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-job-new.phpl" class="nav-link" data-key="t-new-job"> New Job </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-job-companies-lists.phpl" class="nav-link" data-key="t-companies-list"> Companies List </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-job-categories.phpl" class="nav-link" data-key="t-job-categories"> Job Categories</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="apps-api-key.phpl" class="nav-link" data-key="t-api-key">API Key</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarLayouts" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarLayouts">
                                <i class="mdi mdi-view-carousel-outline"></i> <span data-key="t-layouts">Layouts</span> <span class="badge badge-pill bg-danger" data-key="t-hot">Hot</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarLayouts">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="layouts-horizontal.phpl" class="nav-link" target="_blank" data-key="t-horizontal">Horizontal</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="layouts-detached.phpl" class="nav-link" target="_blank" data-key="t-detached">Detached</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="layouts-two-column.phpl" class="nav-link" target="_blank" data-key="t-two-column">Two Column</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="layouts-vertical-hovered.phpl" class="nav-link" target="_blank" data-key="t-hovered">Hovered</a>
                                    </li>
                                </ul>
                            </div>
                        </li> <!-- end Dashboard Menu -->

                        <li class="menu-title"><i class="ri-more-fill"></i> <span data-key="t-pages">Pages</span></li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarAuth" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarAuth">
                                <i class="mdi mdi-account-circle-outline"></i> <span data-key="t-authentication">Authentication</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarAuth">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="#sidebarSignIn" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarSignIn" data-key="t-signin"> Sign In
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarSignIn">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="auth-signin-basic.phpl" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-signin-cover.phpl" class="nav-link" data-key="t-cover"> Cover </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarSignUp" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarSignUp" data-key="t-signup"> Sign Up
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarSignUp">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="auth-signup-basic.phpl" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-signup-cover.phpl" class="nav-link" data-key="t-cover"> Cover </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>

                                    <li class="nav-item">
                                        <a href="#sidebarResetPass" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarResetPass" data-key="t-password-reset">Password Reset
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarResetPass">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="auth-pass-reset-basic.phpl" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-pass-reset-cover.phpl" class="nav-link" data-key="t-cover"> Cover </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>

                                    <li class="nav-item">
                                        <a href="#sidebarchangePass" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarchangePass" data-key="t-password-create">
                                            Password Create
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarchangePass">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="auth-pass-change-basic.phpl" class="nav-link" data-key="t-basic">
                                                        Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-pass-change-cover.phpl" class="nav-link" data-key="t-cover">
                                                        Cover </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>

                                    <li class="nav-item">
                                        <a href="#sidebarLockScreen" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarLockScreen" data-key="t-lock-screen"> Lock Screen
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarLockScreen">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="auth-lockscreen-basic.phpl" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-lockscreen-cover.phpl" class="nav-link" data-key="t-cover"> Cover </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>

                                    <li class="nav-item">
                                        <a href="#sidebarLogout" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarLogout" data-key="t-logout"> Logout
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarLogout">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="auth-logout-basic.phpl" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-logout-cover.phpl" class="nav-link" data-key="t-cover"> Cover </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarSuccessMsg" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarSuccessMsg" data-key="t-success-message"> Success Message
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarSuccessMsg">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="auth-success-msg-basic.phpl" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-success-msg-cover.phpl" class="nav-link" data-key="t-cover"> Cover </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarTwoStep" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarTwoStep" data-key="t-two-step-verification"> Two Step Verification
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarTwoStep">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="auth-twostep-basic.phpl" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-twostep-cover.phpl" class="nav-link" data-key="t-cover"> Cover </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarErrors" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarErrors" data-key="t-errors"> Errors
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarErrors">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="auth-404-basic.phpl" class="nav-link" data-key="t-404-basic"> 404 Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-404-cover.phpl" class="nav-link" data-key="t-404-cover"> 404 Cover </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-404-alt.phpl" class="nav-link" data-key="t-404-alt"> 404 Alt </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-500.phpl" class="nav-link" data-key="t-500"> 500 </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-offline.phpl" class="nav-link" data-key="t-offline-page"> Offline Page </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarPages" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarPages">
                                <i class="mdi mdi-sticker-text-outline"></i> <span data-key="t-pages">Pages</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarPages">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="pages-starter.phpl" class="nav-link" data-key="t-starter"> Starter </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarProfile" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarProfile" data-key="t-profile"> Profile
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarProfile">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="pages-profile.phpl" class="nav-link" data-key="t-simple-page"> Simple Page </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="pages-profile-settings.phpl" class="nav-link" data-key="t-settings"> Settings </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-team.phpl" class="nav-link" data-key="t-team"> Team </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-timeline.phpl" class="nav-link" data-key="t-timeline"> Timeline </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-faqs.phpl" class="nav-link" data-key="t-faqs"> FAQs </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-pricing.phpl" class="nav-link" data-key="t-pricing"> Pricing </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-gallery.phpl" class="nav-link" data-key="t-gallery"> Gallery </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-maintenance.phpl" class="nav-link" data-key="t-maintenance"> Maintenance </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-coming-soon.phpl" class="nav-link" data-key="t-coming-soon"> Coming Soon </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-sitemap.phpl" class="nav-link" data-key="t-sitemap"> Sitemap </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-search-results.phpl" class="nav-link" data-key="t-search-results"> Search Results </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-privacy-policy.phpl" class="nav-link" data-key="t-privacy-policy">Privacy Policy</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-term-conditions.phpl" class="nav-link" data-key="t-term-conditions">Term & Conditions</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarLanding" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarLanding">
                                <i class="ri-rocket-line"></i> <span data-key="t-landing">Landing</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarLanding">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="landing.phpl" class="nav-link" data-key="t-one-page"> One Page </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="nft-landing.phpl" class="nav-link" data-key="t-nft-landing"> NFT Landing </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="job-landing.phpl" class="nav-link" data-key="t-job">Job</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="menu-title"><i class="ri-more-fill"></i> <span data-key="t-components">Components</span></li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarUI" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarUI">
                                <i class="mdi mdi-cube-outline"></i> <span data-key="t-base-ui">Base UI</span>
                            </a>
                            <div class="collapse menu-dropdown mega-dropdown-menu" id="sidebarUI">
                                <div class="row">
                                    <div class="col-lg-4">
                                        <ul class="nav nav-sm flex-column">
                                            <li class="nav-item">
                                                <a href="ui-alerts.phpl" class="nav-link" data-key="t-alerts">Alerts</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-badges.phpl" class="nav-link" data-key="t-badges">Badges</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-buttons.phpl" class="nav-link" data-key="t-buttons">Buttons</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-colors.phpl" class="nav-link" data-key="t-colors">Colors</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-cards.phpl" class="nav-link" data-key="t-cards">Cards</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-carousel.phpl" class="nav-link" data-key="t-carousel">Carousel</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-dropdowns.phpl" class="nav-link" data-key="t-dropdowns">Dropdowns</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-grid.phpl" class="nav-link" data-key="t-grid">Grid</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-4">
                                        <ul class="nav nav-sm flex-column">
                                            <li class="nav-item">
                                                <a href="ui-images.phpl" class="nav-link" data-key="t-images">Images</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-tabs.phpl" class="nav-link" data-key="t-tabs">Tabs</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-accordions.phpl" class="nav-link" data-key="t-accordion-collapse">Accordion & Collapse</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-modals.phpl" class="nav-link" data-key="t-modals">Modals</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-offcanvas.phpl" class="nav-link" data-key="t-offcanvas">Offcanvas</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-placeholders.phpl" class="nav-link" data-key="t-placeholders">Placeholders</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-progress.phpl" class="nav-link" data-key="t-progress">Progress</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-notifications.phpl" class="nav-link" data-key="t-notifications">Notifications</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-4">
                                        <ul class="nav nav-sm flex-column">
                                            <li class="nav-item">
                                                <a href="ui-media.phpl" class="nav-link" data-key="t-media-object">Media object</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-embed-video.phpl" class="nav-link" data-key="t-embed-video">Embed Video</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-typography.phpl" class="nav-link" data-key="t-typography">Typography</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-lists.phpl" class="nav-link" data-key="t-lists">Lists</a>
                                            </li>
                                            <li class="nav-item">
        										<a href="ui-links.phpl" class="nav-link"><span data-key="t-links">Links</span> <span class="badge badge-pill bg-success" data-key="t-new">New</span></a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-general.phpl" class="nav-link" data-key="t-general">General</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-ribbons.phpl" class="nav-link" data-key="t-ribbons">Ribbons</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-utilities.phpl" class="nav-link" data-key="t-utilities">Utilities</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarAdvanceUI" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarAdvanceUI">
                                <i class="mdi mdi-layers-triple-outline"></i> <span data-key="t-advance-ui">Advance UI</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarAdvanceUI">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="advance-ui-sweetalerts.phpl" class="nav-link" data-key="t-sweet-alerts">Sweet Alerts</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-nestable.phpl" class="nav-link" data-key="t-nestable-list">Nestable List</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-scrollbar.phpl" class="nav-link" data-key="t-scrollbar">Scrollbar</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-animation.phpl" class="nav-link" data-key="t-animation">Animation</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-tour.phpl" class="nav-link" data-key="t-tour">Tour</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-swiper.phpl" class="nav-link" data-key="t-swiper-slider">Swiper Slider</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-ratings.phpl" class="nav-link" data-key="t-ratings">Ratings</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-highlight.phpl" class="nav-link" data-key="t-highlight">Highlight</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-scrollspy.phpl" class="nav-link" data-key="t-scrollSpy">ScrollSpy</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="widgets.phpl">
                                <i class="mdi mdi-puzzle-outline"></i> <span data-key="t-widgets">Widgets</span>
                            </a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarForms" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarForms">
                                <i class="mdi mdi-form-select"></i> <span data-key="t-forms">Forms</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarForms">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="forms-elements.phpl" class="nav-link" data-key="t-basic-elements">Basic Elements</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-select.phpl" class="nav-link" data-key="t-form-select"> Form Select </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-checkboxs-radios.phpl" class="nav-link" data-key="t-checkboxs-radios">Checkboxs & Radios</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-pickers.phpl" class="nav-link" data-key="t-pickers"> Pickers </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-masks.phpl" class="nav-link" data-key="t-input-masks">Input Masks</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-advanced.phpl" class="nav-link" data-key="t-advanced">Advanced</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-range-sliders.phpl" class="nav-link" data-key="t-range-slider"> Range Slider </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-validation.phpl" class="nav-link" data-key="t-validation">Validation</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-wizard.phpl" class="nav-link" data-key="t-wizard">Wizard</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-editors.phpl" class="nav-link" data-key="t-editors">Editors</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-file-uploads.phpl" class="nav-link" data-key="t-file-uploads">File Uploads</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-layouts.phpl" class="nav-link" data-key="t-form-layouts">Form Layouts</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-select2.phpl" class="nav-link" data-key="t-select2">Select2</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarTables" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarTables">
                                <i class="mdi mdi-grid-large"></i> <span data-key="t-tables">Tables</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarTables">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="tables-basic.phpl" class="nav-link" data-key="t-basic-tables">Basic Tables</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="tables-gridjs.phpl" class="nav-link" data-key="t-grid-js">Grid Js</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="tables-listjs.phpl" class="nav-link" data-key="t-list-js">List Js</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="tables-datatables.phpl" class="nav-link" data-key="t-datatables">Datatables</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarCharts" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarCharts">
                                <i class="mdi mdi-chart-donut"></i> <span data-key="t-charts">Charts</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarCharts">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="#sidebarApexcharts" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarApexcharts" data-key="t-apexcharts"> Apexcharts
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarApexcharts">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="charts-apex-line.phpl" class="nav-link" data-key="t-line"> Line </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-area.phpl" class="nav-link" data-key="t-area"> Area </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-column.phpl" class="nav-link" data-key="t-column"> Column </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-bar.phpl" class="nav-link" data-key="t-bar"> Bar </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-mixed.phpl" class="nav-link" data-key="t-mixed"> Mixed </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-timeline.phpl" class="nav-link" data-key="t-timeline"> Timeline </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-range-area.phpl" class="nav-link"><span data-key="t-range-area">Range Area</span> <span class="badge badge-pill bg-success" data-key="t-new">New</span></a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-funnel.phpl" class="nav-link"><span data-key="t-funnel">Funnel</span> <span class="badge badge-pill bg-success" data-key="t-new">New</span></a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-candlestick.phpl" class="nav-link" data-key="t-candlstick"> Candlstick </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-boxplot.phpl" class="nav-link" data-key="t-boxplot"> Boxplot </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-bubble.phpl" class="nav-link" data-key="t-bubble"> Bubble </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-scatter.phpl" class="nav-link" data-key="t-scatter"> Scatter </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-heatmap.phpl" class="nav-link" data-key="t-heatmap"> Heatmap </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-treemap.phpl" class="nav-link" data-key="t-treemap"> Treemap </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-pie.phpl" class="nav-link" data-key="t-pie"> Pie </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-radialbar.phpl" class="nav-link" data-key="t-radialbar"> Radialbar </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-radar.phpl" class="nav-link" data-key="t-radar"> Radar </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-polar.phpl" class="nav-link" data-key="t-polar-area"> Polar Area </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="charts-chartjs.phpl" class="nav-link" data-key="t-chartjs"> Chartjs </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="charts-echarts.phpl" class="nav-link" data-key="t-echarts"> Echarts </a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarIcons" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarIcons">
                                <i class="mdi mdi-android-studio"></i> <span data-key="t-icons">Icons</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarIcons">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="icons-remix.phpl" class="nav-link"><span data-key="t-remix">Remix</span> <span class="badge badge-pill bg-info">v3.5</span></a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="icons-boxicons.phpl" class="nav-link"><span data-key="t-boxicons">Boxicons</span> <span class="badge badge-pill bg-info">v2.1.4</span></a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="icons-materialdesign.phpl" class="nav-link"><span data-key="t-material-design">Material Design</span> <span class="badge badge-pill bg-info">v7.2.96</span></a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="icons-lineawesome.phpl" class="nav-link" data-key="t-line-awesome">Line Awesome</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="icons-feather.phpl" class="nav-link"><span data-key="t-feather">Feather</span> <span class="badge badge-pill bg-info">v4.29</span></a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="icons-crypto.phpl" class="nav-link"> <span data-key="t-crypto-svg">Crypto SVG</span></a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarMaps" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarMaps">
                                <i class="mdi mdi-map-marker-outline"></i> <span data-key="t-maps">Maps</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarMaps">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="maps-google.phpl" class="nav-link" data-key="t-google">
                                            Google
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="maps-vector.phpl" class="nav-link" data-key="t-vector">
                                            Vector
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="maps-leaflet.phpl" class="nav-link" data-key="t-leaflet">
                                            Leaflet
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link menu-link" href="#sidebarMultilevel" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarMultilevel">
                                <i class="mdi mdi-share-variant-outline"></i> <span data-key="t-multi-level">Multi Level</span>
                            </a>
                            <div class="collapse menu-dropdown" id="sidebarMultilevel">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a href="#" class="nav-link" data-key="t-level-1.1"> Level 1.1 </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#sidebarAccount" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarAccount" data-key="t-level-1.2"> Level 1.2
                                        </a>
                                        <div class="collapse menu-dropdown" id="sidebarAccount">
                                            <ul class="nav nav-sm flex-column">
                                                <li class="nav-item">
                                                    <a href="#" class="nav-link" data-key="t-level-2.1"> Level 2.1 </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="#sidebarCrm" class="nav-link" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarCrm" data-key="t-level-2.2"> Level 2.2
                                                    </a>
                                                    <div class="collapse menu-dropdown" id="sidebarCrm">
                                                        <ul class="nav nav-sm flex-column">
                                                            <li class="nav-item">
                                                                <a href="#" class="nav-link" data-key="t-level-3.1"> Level 3.1 </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a href="#" class="nav-link" data-key="t-level-3.2"> Level 3.2 </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>

                    </ul>
                </div>
                <!-- Sidebar -->
            </div>

            <div class="sidebar-background"></div>
        </div>
        <!-- Left Sidebar End -->
        <!-- Vertical Overlay-->
        <div class="vertical-overlay"></div>

        <!-- ============================================================== -->
        <!-- Start right Content here -->
        <!-- ============================================================== -->
        <div class="main-content">

            <div class="page-content">
                <div class="container-fluid">

                    <!-- start page title -->
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                                <h4 class="mb-sm-0">Line Awesome</h4>

                                <div class="page-title-right">
                                    <ol class="breadcrumb m-0">
                                        <li class="breadcrumb-item"><a href="javascript: void(0);">Icons</a></li>
                                        <li class="breadcrumb-item active">Line Awesome</li>
                                    </ol>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- end page title -->

                    <div class="row icon-demo-content">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Examples</h4>
                                    <p class="text-muted mb-0">Use <code>&lt;i class="lab la-*-*">&lt;/i></code> class.</p>
                                </div>
                                <div class="card-body">
                                    <h6 class="text-uppercase text-muted fw-semibold">Accessibility</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-accessible-icon"></i> lab la-accessible-icon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-american-sign-language-interpreting"></i> las la-american-sign-language-interpreting
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-assistive-listening-systems"></i> las la-assistive-listening-systems
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-audio-description"></i> las la-audio-description
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-blind"></i> las la-blind
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-braille"></i> las la-braille
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-closed-captioning"></i> las la-closed-captioning
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-deaf"></i> las la-deaf
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-low-vision"></i> las la-low-vision
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-volume"></i> las la-phone-volume
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-question-circle"></i> las la-question-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sign-language"></i> las la-sign-language
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tty"></i> las la-tty
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-universal-access"></i> las la-universal-acces
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wheelchair"></i> las la-wheelchair
                                        </div>
                                    </div>
                                    <!-- end row -->

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Alert</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell"></i> las la-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell-slash"></i> las la-bell-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-exclamation"></i> las la-exclamation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-exclamation-circle"></i> las la-exclamation-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-exclamation-triangle"></i> las la-exclamation-triangle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-radiation"></i> las la-radiation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-radiation-alt"></i> las la-radiation-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skull-crossbones"></i> las la-skull-crossbones
                                        </div>
                                    </div>
                                    <!-- end row -->

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Animals</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cat"></i> las la-cat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-crow"></i> las la-crow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dog"></i> las la-dog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dove"></i> las la-dove
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dragon"></i> las la-dragon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-feather"></i> las la-feather
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-feather-alt"></i> las la-feather-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fish"></i> las la-fish
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-frog"></i> las la-frog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hippo"></i> las la-hippo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-horse"></i> las la-horse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-horse-head"></i> las la-horse-head
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-kiwi-bird"></i> las la-kiwi-bird
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-otter"></i> las la-otter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paw"></i> las la-paw
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-spider"></i> las la-spider
                                        </div>
                                    </div>
                                    <!-- end row -->

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Arrows</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-angle-double-down"></i>las la-angle-double-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-angle-double-left"></i>las la-angle-double-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-angle-double-right"></i>las la-angle-double-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-angle-double-up"></i>las la-angle-double-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-angle-down"></i>las la-angle-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-angle-left"></i>las la-angle-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-angle-right"></i>las la-angle-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-angle-up"></i>las la-angle-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-alt-circle-down"></i>las la-arrow-alt-circle-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-alt-circle-left"></i>las la-arrow-alt-circle-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-alt-circle-right"></i>las la-arrow-alt-circle-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-alt-circle-up"></i>las la-arrow-alt-circle-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-circle-down"></i> las la-arrow-circle-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-circle-left"></i> las la-arrow-circle-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-circle-right"></i> las la-arrow-circle-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-circle-up"></i> las la-arrow-circle-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-down"></i> las la-arrow-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-left"></i> las la-arrow-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-right"></i> las la-arrow-righ
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrow-up"></i> las la-arrow-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrows-alt"></i> las la-arrows-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrows-alt-h"></i> las la-arrows-alt-h
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-arrows-alt-v"></i> las la-arrows-alt-v
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-caret-down"></i> las la-caret-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-caret-left"></i> las la-caret-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-caret-right"></i> las la-caret-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-caret-square-down"></i> las la-caret-square-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-caret-square-left"></i> las la-caret-square-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-caret-square-right"></i> las la-caret-square-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-caret-square-up"></i> las la-caret-square-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-caret-up"></i> las la-caret-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cart-arrow-down"></i> las la-cart-arrow-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chart-line"></i> las la-chart-line
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chevron-circle-down"></i> las la-chevron-circle-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chevron-circle-left"></i> las la-chevron-circle-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chevron-circle-right"></i> las la-chevron-circle-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chevron-circle-up"></i> las la-chevron-circle-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chevron-down"></i> las la-chevron-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chevron-left"></i> las la-chevron-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chevron-right"></i> las la-chevron-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chevron-up"></i> las la-chevron-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-download-alt"></i> las la-cloud-download-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-upload-alt"></i> las la-cloud-upload-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compress-arrows-alt"></i> las la-compress-arrows-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-download"></i> las la-download
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-exchange-alt"></i> las la-exchange-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-expand-arrows-alt"></i> las la-expand-arrows-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-external-link-alt"></i> las la-external-link-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-external-link-square-alt"></i> las la-external-link-square-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-point-down"></i> las la-hand-point-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-point-left"></i> las la-hand-point-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-point-right"></i> las la-hand-point-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-point-up"></i> las la-hand-point-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-pointer"></i> las la-hand-pointer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-history"></i> las la-history
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-level-down-alt"></i> las la-level-down-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-level-up-alt"></i> las la-level-up-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-location-arrow"></i> las la-location-arrow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-long-arrow-alt-down"></i> las la-long-arrow-alt-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-long-arrow-alt-left"></i> las la-long-arrow-alt-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-long-arrow-alt-right"></i> las la-long-arrow-alt-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-long-arrow-alt-up"></i> las la-long-arrow-alt-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mouse-pointer"></i> las la-mouse-pointer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-play"></i> las la-play
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-random"></i> las la-random
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-recycle"></i> las la-recycle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-redo"></i> las la-redo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-redo-alt"></i> las la-redo-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-reply"></i> las la-reply
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-reply-all"></i> las la-reply-all
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-retweet"></i> las la-retweet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-share"></i> las la-share
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-share-square"></i> las la-share-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sign-in-alt"></i> las la-sign-in-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sign-out-alt"></i> las la-sign-out-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort"></i> las la-sort
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-alpha-down"></i> las la-sort-alpha-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-alpha-down-alt"></i> las la-sort-alpha-down-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-alpha-up"></i> las la-sort-alpha-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-alpha-up-alt"></i> las la-sort-alpha-up-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-amount-down"></i> las la-sort-amount-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-amount-down-alt"></i> las la-sort-amount-down-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-amount-up"></i> las la-sort-amount-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-amount-up-alt"></i> las la-sort-amount-up-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-down"></i> las la-sort-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-numeric-down"></i> las la-sort-numeric-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-numeric-down-alt"></i> las la-sort-numeric-down-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-numeric-up"></i> las la-sort-numeric-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-numeric-up-alt"></i> las la-sort-numeric-up-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-up"></i> las la-sort-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sync"></i> las la-sync
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sync-alt"></i> las la-sync-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-text-height"></i> las la-text-height
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-text-width"></i> las la-text-width
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-undo"></i> las la-undo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-undo-alt"></i> las la-undo-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-upload"></i> las la-upload
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Audio & Video</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-audio-description"></i> las la-audio-description
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-backward"></i> las la-backward
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-broadcast-tower"></i> las la-broadcast-tower
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-circle"></i> las la-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-closed-captioning"></i> las la-closed-captioning
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compress"></i> las la-compress
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compress-arrows-alt"></i> las la-compress-arrows-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eject"></i> las la-eject
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-expand"></i> las la-expand
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-expand-arrows-alt"></i> las la-expand-arrows-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fast-backward"></i> las la-fast-backward
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fast-forward"></i> las la-fast-forward
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-audio"></i> las la-file-audio
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-video"></i> las la-file-video
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-film"></i> las la-film
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-forward"></i> las la-forward
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-headphones"></i> las la-headphones
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone"></i> las la-microphone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-alt"></i> las la-microphone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-alt-slash"></i> las la-microphone-alt-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-slash"></i> las la-microphone-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-music"></i> las la-music
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pause"></i> las la-pause
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pause-circle"></i> las la-pause-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-volume"></i> las la-phone-volume
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-photo-video"></i> las la-photo-video
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-play"></i> las la-play
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-play-circle"></i> las la-play-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-podcast"></i> las la-podcast
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-random"></i> las la-random
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-redo"></i> las la-redo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-redo-alt"></i> las la-redo-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rss"></i> las la-rss
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rss-square"></i> las la-rss-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-step-backward"></i> las la-step-backward
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-step-forward"></i> las la-step-forward
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stop"></i> las la-stop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stop-circle"></i> las la-stop-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sync"></i> las la-sync
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sync-alt"></i> las la-sync-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tv"></i> las la-tv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-undo"></i> las la-undo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-undo-alt"></i> las la-undo-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-video"></i> las la-video
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-down"></i> las la-volume-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-mute"></i> las la-volume-mute
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-off"></i> las la-volume-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-up"></i> las la-volume-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-youtube"></i> lab la-youtube
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Automotive</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-air-freshener"></i> las la-air-freshener
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ambulance"></i> las la-ambulance
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bus"></i> las la-bus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bus-alt"></i> las la-bus-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-car"></i> las la-car
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-car-alt"></i> las la-car-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-car-battery"></i> las la-car-battery
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-car-crash"></i> las la-car-crash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-car-side"></i> las la-car-side
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-charging-station"></i> las la-charging-station
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gas-pump"></i> las la-gas-pump
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-motorcycle"></i> las la-motorcycle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-oil-can"></i> las la-oil-can
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shuttle-van"></i> las la-shuttle-van
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tachometer-alt"></i> las la-tachometer-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-taxi"></i> las la-taxi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-truck"></i> las la-truck
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-truck-monster"></i> las la-truck-monster
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-truck-pickup"></i> las la-truck-pickup
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Autumn</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-apple-alt"></i> las la-apple-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-campground"></i> las la-campground
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-sun"></i> las la-cloud-sun
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-drumstick-bite"></i> las la-drumstick-bite
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-football-ball"></i> las la-football-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hiking"></i> las la-hiking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mountain"></i> las la-mountain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tractor"></i> las la-tractor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tree"></i> las la-tree
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wind"></i> las la-wind
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wine-bottle"></i> las la-wine-bottle
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Beverage</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-beer"></i> las la-beer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-blender"></i> las la-blender
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cocktail"></i> las la-cocktail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-coffee"></i> las la-coffee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flask"></i> las la-flask
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-cheers"></i> las la-glass-cheers
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-martini"></i> las la-glass-martini
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-martini-alt"></i> las la-glass-martini-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-whiskey"></i> las la-glass-whiskey
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mug-hot"></i> las la-mug-hot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wine-bottle"></i> las la-wine-bottle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wine-glass"></i> las la-wine-glas
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wine-glass-alt"></i>las la-wine-glass-alt
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Brand Icons</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-500px"></i> lab la-500px
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-accusoft"></i> lab la-accusoft
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-adn"></i> lab la-adn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-adobe"></i> lab la-adobe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-adversal"></i> lab la-adversa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-affiliatetheme"></i> lab la-affiliatetheme
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-airbnb"></i> lab la-airbnb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-algolia"></i> lab la-algolia
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-amazon"></i> lab la-amazon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-amilia"></i> lab la-amilia
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-android"></i> lab la-android
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-angellist"></i> lab la-angellist
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-angrycreative"></i> lab la-angrycreative
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-angular"></i> lab la-angular
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-app-store"></i> lab la-app-store
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-app-store-ios"></i> lab la-app-store-ios
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-apper"></i> lab la-apper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-apple"></i> lab la-apple
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-artstation"></i> lab la-artstation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-asymmetrik"></i> lab la-asymmetrik
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-atlassian"></i> lab la-atlassian
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-audible"></i> lab la-audible
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-autoprefixer"></i> lab la-autoprefixer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-avianex"></i> lab la-avianex
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-aviato"></i> lab la-aviato
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-aws"></i> lab la-aws
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bandcamp"></i> lab la-bandcamp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-battle-net"></i> lab la-battle-net
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-behance"></i> lab la-behance
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-behance-square"></i> lab la-behance-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bimobject"></i> lab la-bimobject
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bitbucket"></i> lab la-bitbucket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bity"></i> lab la-bity
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-black-tie"></i> lab la-black-tie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-blackberry"></i> lab la-blackberry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-blogger"></i> lab la-blogger
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-blogger-b"></i> lab la-blogger-b
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bootstrap"></i> lab la-bootstrap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-buffer"></i> lab la-buffer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-buromobelexperte"></i> lab la-buromobelexperte
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-buy-n-large"></i> lab la-buy-n-large
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-buysellads"></i> lab la-buysellads
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-canadian-maple-leaf"></i> lab la-canadian-maple-leaf
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-centercode"></i> lab la-centercode
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-centos"></i> lab la-centos
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-chrome"></i> lab la-chrome
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-chromecast"></i> lab la-chromecast
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cloudscale"></i> lab la-cloudscale
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cloudsmith"></i> lab la-cloudsmith
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cloudversify"></i> lab la-cloudversify
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-codepen"></i> lab la-codepen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-codiepie"></i> lab la-codiepie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-confluence"></i> lab la-confluence
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-connectdevelop"></i> lab la-connectdevelop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-contao"></i> lab la-contao
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cotton-bureau"></i> lab la-cotton-bureau
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cpanel"></i> lab la-cpanel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons"></i>lab la-creative-commons
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-by"></i>lab la-creative-commons-by
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-nc"></i>lab la-creative-commons-nc
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-nc-eu"></i>lab la-creative-commons-nc-eu
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-nc-jp"></i>lab la-creative-commons-nc-jp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-nd"></i>lab la-creative-commons-nd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-pd"></i>lab la-creative-commons-pd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-pd-alt"></i>lab la-creative-commons-pd-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-remix"></i>lab la-creative-commons-remix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-sa"></i>lab la-creative-commons-sa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-sampling"></i>lab la-creative-commons-sampling
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-sampling-plus"></i>lab la-creative-commons-sampling-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-share"></i>lab la-creative-commons-share
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-zero"></i>lab la-creative-commons-zero
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-css3"></i> lab la-css3
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-css3-alt"></i> lab la-css3-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cuttlefish"></i> lab la-cuttlefish
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dashcube"></i> lab la-dashcube
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-delicious"></i> lab la-delicious
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-deploydog"></i> lab la-deploydog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-deskpro"></i> lab la-deskpro
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dev"></i> lab la-dev
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-deviantart"></i> lab la-deviantart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dhl"></i> lab la-dhl
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-diaspora"></i> lab la-diaspora
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-digg"></i> lab la-digg
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-digital-ocean"></i> lab la-digital-ocean
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-discord"></i> lab la-discord
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-discourse"></i> lab la-discourse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dochub"></i> lab la-dochub
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-docker"></i> lab la-docker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-draft2digital"></i> lab la-draft2digital
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dribbble"></i> lab la-dribbble
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dribbble-square"></i> lab la-dribbble-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dropbox"></i> lab la-dropbox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-drupal"></i> lab la-drupal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dyalog"></i> lab la-dyalog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-earlybirds"></i> lab la-earlybirds
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ebay"></i> lab la-ebay
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-edge"></i> lab la-edge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-elementor"></i> lab la-elementor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ello"></i> lab la-ello
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ember"></i> lab la-ember
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-empire"></i> lab la-empire
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-envira"></i> lab la-envira
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-erlang"></i> lab la-erlang
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-etsy"></i> lab la-etsy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-evernote"></i> lab la-evernote
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-expeditedssl"></i> lab la-expeditedssl
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-facebook"></i> lab la-facebook
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-facebook-f"></i> lab la-facebook-k
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-facebook-messenger"></i> lab la-facebook-messenger
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-facebook-square"></i> lab la-facebook-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fedex"></i> lab la-fedex
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fedora"></i> lab la-fedora
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-figma"></i> lab la-figma
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-firefox"></i> lab la-firefox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-first-order"></i> lab la-first-order
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-first-order-alt"></i> lab la-first-order-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-firstdraft"></i> lab la-firstdraft
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-flickr"></i> lab la-flickr
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-flipboard"></i> lab la-flipboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fly"></i> lab la-fly
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-font-awesome"></i> lab la-font-awesome
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-font-awesome-alt"></i> lab la-font-awesome-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-font-awesome-flag"></i> lab la-font-awesome-flog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fonticons"></i> lab la-fonticons
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fonticons-fi"></i> lab la-fonticons-fi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fort-awesome"></i> lab la-fort-awesome
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fort-awesome-alt"></i> lab la-fort-awesome-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-forumbee"></i> lab la-forumbee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-foursquare"></i> lab la-foursquare
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-free-code-camp"></i> lab la-free-code-camp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-freebsd"></i> lab la-freebsd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fulcrum"></i> lab la-fulcrum
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-get-pocket"></i> lab la-get-pocket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-git"></i> lab la-git
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-git-alt"></i>lab la-git-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-git-square"></i> lab la-git-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-github"></i>lab la-github
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-github-alt"></i>lab la-github-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-github-square"></i>lab la-github-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gitkraken"></i>lab la-gitkraken
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gitlab"></i> lab la-gitlab
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gitter"></i> lab la-gitter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-glide"></i> lab la-glide
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-glide-g"></i> lab la-glide-g
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gofore"></i> lab la-gofore
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-goodreads"></i> lab la-goodreads
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-goodreads-g"></i> lab la-goodreads-v
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google"></i> lab la-google
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google-drive"></i>lab la-google-drive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google-play"></i>lab la-google-play
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google-plus"></i>lab la-google-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google-plus-g"></i>lab la-google-plus-g
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google-plus-square"></i>lab la-google-plus-squar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gratipay"></i> lab la-gratipay
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-grav"></i> lab la-grav
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gripfire"></i> lab la-gripfire
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-grunt"></i> lab la-grunt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gulp"></i> lab la-gulp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hacker-news"></i> lab la-hacker-news
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hacker-news-square"></i> lab la-hacker-news-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hackerrank"></i> lab la-hackerrank
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hips"></i> lab la-hips
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hire-a-helper"></i> lab la-hire-a-helper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hooli"></i> lab la-hooli
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hornbill"></i> lab la-hornbill
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hotjar"></i> lab la-hotjar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-houzz"></i> lab la-houzz
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-html5"></i> lab la-html5
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hubspot"></i> lab la-hubspot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-imdb"></i> lab la-imdb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-instagram"></i> lab la-instagram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-intercom"></i> lab la-intercom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-internet-explorer"></i> lab la-internet-explorer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-invision"></i> lab la-invisio
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ioxhost"></i> lab la-ioxhost
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-itch-io"></i> lab la-itch-io
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-itunes"></i> lab la-itunes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-itunes-note"></i> lab la-itunes-note
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-java"></i> lab la-java
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-jenkins"></i> lab la-jenkins
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-jira"></i> lab la-jira
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-joget"></i> lab la-joget
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-joomla"></i> lab la-joomla
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-js"></i> lab la-js
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-js-square"></i> lab la-js-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-jsfiddle"></i> lab la-jsfiddle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-kaggle"></i> lab la-kaggle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-keybase"></i> lab la-keybase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-keycdn"></i> lab la-keycdn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-kickstarter"></i> lab la-kickstarter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-kickstarter-k"></i> lab la-kickstarter-
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-korvue"></i> lab la-korvue
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-laravel"></i> lab la-laravel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-lastfm"></i> lab la-lastfm
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-lastfm-square"></i> lab la-lastfm-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-leanpub"></i> lab la-leanpub
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-less"></i> lab la-less
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-line"></i> lab la-line
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-linkedin"></i> lab la-linkedin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-linkedin-in"></i> lab la-linkedin-in
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-linode"></i> lab la-linode
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-linux"></i> lab la-linux
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-lyft"></i> lab la-lyft
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-magento"></i> lab la-magento
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mailchimp"></i> lab la-mailchimp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mandalorian"></i> lab la-mandalorian
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-markdown"></i> lab la-markdown
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mastodon"></i> lab la-mastodon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-maxcdn"></i> lab la-maxcdn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mdb"></i> lab la-mdb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-medapps"></i> lab la-medapps
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-medium"></i> lab la-medium
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-medium-m"></i> lab la-medium-m
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-medrt"></i> lab la-medrt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-meetup"></i> lab la-meetup
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-megaport"></i> lab la-megaport
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mendeley"></i> lab la-mendeley
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-microsoft"></i> lab la-microsoft
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mix"></i> lab la-mix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mixcloud"></i> lab la-mixclou
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mizuni"></i> lab la-mizuni
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-modx"></i> lab la-modx
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-monero"></i> lab la-monero
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-neos"></i> lab la-neos
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-nimblr"></i> lab la-nimblr
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-node"></i> lab la-node
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-node-js"></i> lab la-node-js
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-npm"></i> lab la-npm
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ns8"></i> lab la-ns8
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-nutritionix"></i> lab la-nutritionix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-odnoklassniki"></i> lab la-odnoklassniki
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-odnoklassniki-square"></i> lab la-odnoklassniki-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-opencart"></i> lab la-opencart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-openid"></i> lab la-openid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-opera"></i> lab la-opera
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-optin-monster"></i> lab la-optin-monster
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-orcid"></i> lab la-orcid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-osi"></i> lab la-osi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-page4"></i> lab la-page4
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pagelines"></i> lab la-pagelines
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-palfed"></i> lab la-palfed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-patreon"></i> lab la-patreon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-periscope"></i> lab la-periscope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-phabricator"></i> lab la-phabricator
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-phoenix-framework"></i> lab la-phoenix-framework
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-phoenix-squadron"></i> lab la-phoenix-squadron
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-php"></i> lab la-php
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pied-piper"></i> lab la-pied-piper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pied-piper-alt"></i> lab la-pied-piper-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pied-piper-hat"></i> lab la-pied-piper-hat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pied-piper-pp"></i> lab la-pied-piper-pp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pinterest"></i> lab la-pinterest
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pinterest-p"></i> lab la-pinterest-p
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pinterest-square"></i> lab la-pinterest-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-product-hunt"></i> lab la-product-hunt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pushed"></i> lab la-pushed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-python"></i> lab la-python
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-qq"></i> lab la-qq
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-quinscape"></i> lab la-quinscape
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-quora"></i> lab la-quora
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-r-project"></i> lab la-r-project
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-raspberry-pi"></i> lab la-raspberry-p
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ravelry"></i> lab la-ravelry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-react"></i> lab la-react
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-reacteurope"></i> lab la-reacteurope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-readme"></i> lab la-readme
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-rebel"></i> lab la-rebel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-red-river"></i> lab la-red-river
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-reddit"></i> lab la-reddit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-reddit-alien"></i>lab la-reddit-alien
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-reddit-square"></i>lab la-reddit-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-redhat"></i>lab la-redhat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-renren"></i>lab la-renren
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-researchgate"></i> lab la-researchgate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-resolving"></i> lab la-resolving
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-rev"></i> lab la-rev
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-rocketchat"></i> lab la-rocketchat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-rockrms"></i> lab la-rockrms
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-safari"></i> lab la-safari
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-salesforce"></i> lab la-salesforce
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sass"></i> lab la-sass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-schlix"></i> lab la-schlix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-scribd"></i> lab la-scribd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-searchengin"></i> lab la-searchengin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sellcast"></i> lab la-sellcast
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sellsy"></i> lab la-sells
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-servicestack"></i> lab la-servicestack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-shirtsinbulk"></i> lab la-shirtsinbulk
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-shopware"></i> lab la-shopware
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-simplybuilt"></i> lab la-simplybuilt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sith"></i> lab la-sith
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sketch"></i> lab la-sketch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-skyatlas"></i> lab la-skyatlas
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-skype"></i> lab la-skype
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-slack"></i> lab la-slack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-slack-hash"></i> lab la-slack-has
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-slideshare"></i> lab la-slideshare
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-snapchat"></i> lab la-snapchat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-snapchat-ghost"></i> lab la-snapchat-ghos
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-snapchat-square"></i> lab la-snapchat-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sourcetree"></i> lab la-sourcetree
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-speakap"></i> lab la-speakap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-speaker-deck"></i> lab la-speaker-deck
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-squarespace"></i> lab la-squarespace
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stack-exchange"></i> lab la-stack-exchange
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stack-overflow"></i> lab la-stack-overflow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stackpath"></i> lab la-stackpath
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-staylinked"></i> lab la-staylinked
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sticker-mule"></i> lab la-sticker-mule
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-strava"></i> lab la-strava
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-studiovinari"></i> lab la-studiovinari
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stumbleupon"></i> lab la-stumbleupon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stumbleupon-circle"></i> lab la-stumbleupon-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-superpowers"></i> lab la-superpowers
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-supple"></i> lab la-supple
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-suse"></i> lab la-suse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-swift"></i> lab la-swift
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-symfony"></i> lab la-symfony
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-teamspeak"></i> lab la-teamspeak
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-telegram"></i> lab la-telegram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-telegram-plane"></i> lab la-telegram-plane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-tencent-weibo"></i> lab la-tencent-weibo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-the-red-yeti"></i> lab la-the-red-yeti
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-themeco"></i> lab la-themeco
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-themeisle"></i> lab la-themeisle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-think-peaks"></i> lab la-think-peaks
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-trade-federation"></i> lab la-trade-federation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-trello"></i> lab la-trello
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-tripadvisor"></i> lab la-tripadvisor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-tumblr"></i> lab la-tumblr
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-tumblr-square"></i> lab la-tumblr-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-twitter"></i>lab la-twitter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-twitter-square"></i>lab la-twitter-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-typo3"></i> lab la-typo3
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-uber"></i> lab la-uber
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ubuntu"></i> lab la-ubuntu
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-uikit"></i> lab la-uikit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-umbraco"></i> lab la-umbraco
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-uniregistry"></i> lab la-uniregistry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-untappd"></i> lab la-untappd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ups"></i> lab la-ups
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-usb"></i> lab la-usb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-usps"></i> lab la-usps
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ussunnah"></i> lab la-ussunnah
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vaadin"></i> lab la-vaadin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-viacoin"></i> lab la-viacoin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-viadeo"></i> lab la-viadeo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-viadeo-square"></i> lab la-viadeo-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-viber"></i> lab la-viber
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vimeo"></i> lab la-vimeo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vimeo-square"></i> lab la-vimeo-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vimeo-v"></i> lab la-vimeo-v
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vine"></i> lab la-vine
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vk"></i> lab la-vk
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vnv"></i> lab la-vnv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vuejs"></i> lab la-vuejs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-waze"></i> lab la-waze
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-weebly"></i> lab la-weebly
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-weibo"></i> lab la-weibo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-weixin"></i> lab la-weixin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-whatsapp"></i> lab la-whatsapp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-whatsapp-square"></i> lab la-whatsapp-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-whmcs"></i> lab la-whmcs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wikipedia-w"></i> lab la-wikipedia-w
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-windows"></i> lab la-windows
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wix"></i> lab la-wix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wolf-pack-battalion"></i> lab la-wolf-pack-battalion
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wordpress"></i> lab la-wordpress
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wordpress-simple"></i> lab la-wordpress-simple
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wpbeginner"></i> lab la-wpbeginner
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wpexplorer"></i> lab la-wpexplorer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wpforms"></i> lab la-wpforms
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wpressr"></i> lab la-wpressr
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-xing"></i> lab la-xing
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-xing-square"></i> lab la-xing-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-y-combinator"></i> lab la-y-combinator
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yahoo"></i> lab la-yahoo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yammer"></i> lab la-yammer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yandex"></i> lab la-yandex
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yandex-international"></i> lab la-yandex-international
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yarn"></i> lab la-yarn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yelp"></i> lab la-yelp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yoast"></i> lab la-yoast
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-youtube-square"></i> lab la-youtube-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-zhihu"></i> lab la-zhihu
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Buildings</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-archway"></i> las la-archway
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-building"></i> las la-building
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-campground"></i> las la-campgroun
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-church"></i> las la-church
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-city"></i> las la-city
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clinic-medical"></i> las la-clinic-medical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dungeon"></i> las la-dungeon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gopuram"></i> las la-gopuram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-home"></i> las la-home
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hospital"></i> las la-hospital
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hospital-alt"></i> las la-hospital-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hotel"></i> las la-hotel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-house-damage"></i> las la-house-damage
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-igloo"></i> las la-igloo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-industry"></i> las la-industry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-kaaba"></i> las la-kaaba
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-landmark"></i> las la-landmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-monument"></i> las la-monument
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mosque"></i> las la-mosque
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-place-of-worship"></i> las la-place-of-worship
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-school"></i> las la-school
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-store"></i> las la-store
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-store-alt"></i> las la-store-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-synagogue"></i> las la-synagogue
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-torii-gate"></i> las la-torii-gate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-university"></i> las la-university
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-vihara"></i> las la-vihara
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-warehouse"></i> las la-warehouse
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Business</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-address-book"></i> las la-address-book
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-address-card"></i> las la-address-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-archive"></i> las la-archive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale"></i> las la-balance-scale
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale-left"></i> las la-balance-scale-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale-right"></i> las la-balance-scale-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-birthday-cake"></i> las la-birthday-cake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-book"></i> las la-book
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-briefcase"></i> las la-briefcase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-building"></i> las la-building
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bullhorn"></i> las la-bullhorn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bullseye"></i> las la-bullseye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-business-time"></i> las la-business-tim
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calculator"></i> las la-calculator
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar"></i> las la-calendar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-alt"></i> las la-calendar-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-certificate"></i> las la-certificate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chart-area"></i> las la-chart-area
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chart-bar"></i> las la-chart-ba
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chart-line"></i> las la-chart-line
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chart-pie"></i> las la-chart-pie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-city"></i> las la-city
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clipboard"></i> las la-clipboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-coffee"></i> las la-coffee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-columns"></i> las la-columns
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compass"></i> las la-compass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-copy"></i> las la-copy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-copyright"></i> las la-copyright
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cut"></i> las la-cut
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-edit"></i> las la-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope"></i> las la-envelop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope-open"></i> las la-envelope-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope-square"></i> las la-envelope-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eraser"></i> las la-eraser
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fax"></i> las la-fax
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file"></i> las la-file
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-alt"></i> las la-file-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder"></i> las la-folder
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder-minus"></i> las la-folder-minus"
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder-open"></i> las la-folder-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder-plus"></i> las la-folder-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glasses"></i> las la-glasses
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-globe"></i> las la-globe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-highlighter"></i> las la-highlighter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-industry"></i> las la-industry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-landmark"></i> las la-landmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-marker"></i> las la-marker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paperclip"></i> las la-paperclip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paste"></i> las la-paste
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen"></i> las la-pen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-alt"></i> las la-pen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-fancy"></i> las la-pen-fancy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-nib"></i> las la-pen-nib
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-square"></i> las la-pen-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pencil-alt"></i> las la-pencil-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-percent"></i> las la-percent
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone"></i> las la-phone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-alt"></i> las la-phone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-slash"></i> las la-phone-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-square"></i> las la-phone-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-square-alt"></i> las la-phone-square-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-volume"></i> las la-phone-volume
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-print"></i> las la-print
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-project-diagram"></i> las la-project-diagram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-registered"></i> las la-registered
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-save"></i> las la-save
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sitemap"></i> las la-sitemap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-socks"></i> las la-socks
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sticky-note"></i> las la-sticky-not
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stream"></i> las la-stream
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-table"></i> las la-table
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tag"></i> las la-tag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tags"></i> las la-tags
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tasks"></i> las la-tasks
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbtack"></i> las la-thumbtack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trademark"></i> las la-trademark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wallet"></i> las la-wallet
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Camping</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-binoculars"></i> las la-binoculars
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-campground"></i> las la-campground
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compass"></i> las la-compass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire"></i> las la-fire
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6"> las la-fire-alt
                                            <i class="las la-fire-alt"></i>
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-first-aid"></i> las la-first-aid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-frog"></i> las la-frog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hiking"></i> las la-hiking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map"></i> las la-map
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marked"></i> las la-map-marked
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-signs"></i> las la-map-signs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mountain"></i> las la-mountain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-route"></i> las la-route
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-toilet-paper"></i> las la-toilet-paper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tree"></i> las la-tree
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Charity</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dollar-sign"></i> las la-dollar-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-donate"></i> las la-donate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dove"></i> las la-dove
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gift"></i> las la-gift
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-globe"></i> las la-globe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-holding-heart"></i> las la-hand-holding-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-holding-usd"></i> las la-hand-holding-usd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hands-helping"></i> las la-hands-helping
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-handshake"></i> las la-handshake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart"></i> las la-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-leaf"></i> las la-leaf
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-parachute-box"></i> las la-parachute-box
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-piggy-bank"></i> las la-piggy-bank
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ribbon"></i> las la-ribbon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-seedling"></i> las la-seedling
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Chat</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment"></i> las la-comment
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment-alt"></i> las la-comment-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment-dots"></i> las la-comment-dots
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment-medical"></i> las la-comment-medical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment-slash"></i> las la-comment-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comments"></i> las la-comments
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-frown"></i> las la-frown
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-icons"></i> las la-icons
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-meh"></i> las la-meh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone"></i> las la-phone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-alt"></i> las la-phone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-slash"></i> las la-phone-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-poo"></i> las la-poo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-quote-left"></i> las la-quote-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-quote-right"></i> las la-quote-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smile"></i> las la-smile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sms"></i> las la-sms
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-video"></i> las la-video
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-video-slash"></i> las la-video-slash
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Chess</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess"></i> las la-chess
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-bishop"></i> las la-chess-bishop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-board"></i> las la-chess-board
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-king"></i> las la-chess-king
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-knight"></i> las la-chess-knight
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-pawn"></i> las la-chess-pawn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-queen"></i> las la-chess-queen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-rook"></i> las la-chess-rook
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-square-full"></i> las la-square-full
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Childhood</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-apple-alt"></i> las la-apple-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-baby"></i> las la-baby
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-baby-carriage"></i> las la-baby-carriage
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bath"></i> las la-bath
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-biking"></i> las la-biking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-birthday-cake"></i> las la-birthday-cake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cookie"></i> las la-cookie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cookie-bite"></i> las la-cookie-bite
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gamepad"></i> las la-gamepad
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ice-cream"></i> las la-ice-cream
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mitten"></i> las la-mitten
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-robot"></i> las la-robot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-school"></i> las la-school
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shapes"></i> las la-shapes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowman"></i> las la-snowman
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Clothing</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-graduation-cap"></i> las la-graduation-cap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hat-cowboy"></i> las la-hat-cowboy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hat-cowboy-side"></i> las la-hat-cowboy-side
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hat-wizard"></i> las la-hat-wizard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mitten"></i> las la-mitten
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shoe-prints"></i> las la-shoe-prints
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-socks"></i> las la-socks
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tshirt"></i> las la-tshirt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-tie"></i> las la-user-tie
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Code</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-archive"></i> las la-archive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-barcode"></i> las la-barcode
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bath"></i> las la-bath
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bug"></i> las la-bug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-code"></i> las la-code
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-code-branch"></i> las la-code-branch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-coffee"></i> las la-coffee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file"></i> las la-file
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-alt"></i> las la-file-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-code"></i> las la-file-code
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-filter"></i> las la-filter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire-extinguisher"></i> las la-fire-extinguisher
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder"></i> las la-folder
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder-open"></i> las la-folder-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-keyboard"></i> las la-keyboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-laptop-code"></i> las la-laptop-code
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microchip"></i> las la-microchip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-project-diagram"></i> las la-project-diagram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-qrcode"></i> las la-qrcode
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shield-alt"></i> las la-shield-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sitemap"></i> las la-sitemap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stream"></i> las la-stream
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-terminal"></i> las la-terminal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-secret"></i> las la-user-secret
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-window-close"></i> las la-window-close
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-window-maximize"></i> las la-window-maximize
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-window-minimize"></i> las la-window-minimize
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-window-restore"></i> las la-window-restore
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Communication</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-address-book"></i> las la-address-book
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-address-card"></i> las la-address-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-american-sign-language-interpreting"></i> las la-american-sign-language-interpreting
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-assistive-listening-systems"></i> las la-assistive-listening-systems
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-at"></i> las la-at
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell"></i> las la-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell-slash"></i> las la-bell-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bluetooth"></i> lab la-bluetooth
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bluetooth-b"></i> lab la-bluetooth-b
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-broadcast-tower"></i> las la-broadcast-tower
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bullhorn"></i> las la-bullhorn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chalkboard"></i> las la-chalkboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment"></i> las la-comment
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment-alt"></i> las la-comment-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comments"></i> las la-comments
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope"></i> las la-envelope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope-open"></i> las la-envelope-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope-square"></i> las la-envelope-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fax"></i> las la-fax
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-inbox"></i> las la-inbox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-language"></i> las la-language
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone"></i> las la-microphone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-alt"></i> las la-microphone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-alt-slash"></i> las la-microphone-alt-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-slash"></i> las la-microphone-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mobile"></i> las la-mobile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mobile-alt"></i> las la-mobile-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paper-plane"></i> las la-paper-plane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone"></i> las la-phone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-alt"></i> las la-phone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-slash"></i> las la-phone-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-square"></i> las la-phone-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-square-alt"></i> las la-phone-square-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-volume"></i> las la-phone-volume
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rss"></i> las la-rss
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rss-square"></i> las la-rss-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tty"></i> las la-tty
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-voicemail"></i> las la-voicemail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wifi"></i> las la-wifi
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Computers</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-database"></i> las la-database
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-desktop"></i> las la-desktop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-download"></i> las la-download
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ethernet"></i> las la-ethernet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hdd"></i> las la-hdd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-headphones"></i> las la-headphones
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-keyboard"></i> las la-keyboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-laptop"></i> las la-laptop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-memory"></i> las la-memory
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microchip"></i> las la-microchip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mobile"></i> las la-mobile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mobile-alt"></i> las la-mobile-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mouse"></i> las la-mouse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plug"></i> las la-plug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-power-off"></i> las la-power-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-print"></i> las la-print
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-satellite"></i> las la-satellite
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-satellite-dish"></i> las la-satellite-dish
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-save"></i> las la-save
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sd-card"></i> las la-sd-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-server"></i> las la-server
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sim-card"></i> las la-sim-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stream"></i> las la-stream
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tablet"></i> las la-tablet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tablet-alt"></i> las la-tablet-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tv"></i> las la-tv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-upload"></i> las la-upload
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Construction</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-brush"></i> las la-brush
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-drafting-compass"></i> las la-drafting-compass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dumpster"></i> las la-dumpster
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hammer"></i> las la-hammer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hard-hat"></i> las la-hard-hat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paint-roller"></i> las la-paint-roller
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pencil-alt"></i> las la-pencil-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pencil-ruler"></i> las la-pencil-ruler
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ruler"></i> las la-ruler
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ruler-combined"></i> las la-ruler-combined
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ruler-horizontal"></i> las la-ruler-horizontal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ruler-vertical"></i> las la-ruler-vertical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-screwdriver"></i> las la-screwdriver
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-toolbox"></i> las la-toolbox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tools"></i> las la-tools
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-truck-pickup"></i> las la-truck-pickup
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wrench"></i> las la-wrench
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Currency</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bitcoin"></i> lab la-bitcoin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-btc"></i> lab la-btc
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dollar-sign"></i> las la-dollar-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ethereum"></i> lab la-ethereum
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-euro-sign"></i> las la-euro-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gg"></i> lab la-gg
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gg-circle"></i> lab la-gg-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hryvnia"></i> las la-hryvnia
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lira-sign"></i> las la-lira-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill"></i> las la-money-bill
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill-alt"></i> las la-money-bill-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill-wave"></i> las la-money-bill-wave
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill-wave-alt"></i> las la-money-bill-wave-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-check"></i> las la-money-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-check-alt"></i> las la-money-check-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pound-sign"></i> las la-pound-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ruble-sign"></i> las la-ruble-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rupee-sign"></i> las la-rupee-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shekel-sign"></i> las la-shekel-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tenge"></i> las la-tenge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-won-sign"></i> las la-won-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-yen-sign"></i> las la-yen-sign
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Date & Time</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell"></i> las la-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell-slash"></i> las la-bell-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar"></i> las la-calendar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-alt"></i> las la-calendar-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-check"></i> las la-calendar-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-minus"></i> las la-calendar-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-plus"></i> las la-calendar-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-times"></i> las la-calendar-times
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clock"></i> las la-clock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hourglass"></i> las la-hourglass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hourglass-end"></i> las la-hourglass-end
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hourglass-half"></i> las la-hourglass-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hourglass-start"></i> las la-hourglass-start
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stopwatch"></i> las la-stopwatch
                                        </div>
                                    </div>
                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Design</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-adjust"></i> las la-adjust
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bezier-curve"></i> las la-bezier-curve
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-brush"></i> las la-brush
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clone"></i> las la-clone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-copy"></i> las la-copy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-crop"></i> las la-crop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-crop-alt"></i> las la-crop-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-crosshairs"></i> las la-crosshairs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cut"></i> las la-cut
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-drafting-compass"></i> las la-drafting-compass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-draw-polygon"></i> las la-draw-polygon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-edit"></i> las la-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eraser"></i> las la-eraser
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye"></i> las la-eye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye-dropper"></i> las la-eye-dropper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye-slash"></i> las la-eye-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fill"></i> las la-fill
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fill-drip"></i> las la-fill-drip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-highlighter"></i> las la-highlighter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-icons"></i> las la-icons
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-layer-group"></i> las la-layer-group
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-magic"></i> las la-magic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-marker"></i> las la-marker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-object-group"></i> las la-object-group
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-object-ungroup"></i> las la-object-ungroup
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paint-brush"></i> las la-paint-brush
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paint-roller"></i> las la-paint-roller
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-palette"></i> las la-palette
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paste"></i> las la-paste
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen"></i> las la-pen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-alt"></i> las la-pen-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-fancy"></i> las la-pen-fancy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-nib"></i> las la-pen-nib
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pencil-alt"></i> las la-pencil-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pencil-ruler"></i> las la-pencil-ruler
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ruler-combined"></i> las la-ruler-combined
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ruler-horizontal"></i> las la-ruler-horizontal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ruler-vertical"></i> las la-ruler-vertical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-save"></i> las la-save
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-splotch"></i> las la-splotch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-spray-can"></i> las la-spray-can
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stamp"></i> las la-stamp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-swatchbook"></i> las la-swatchbook
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tint"></i> las la-tint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tint-slash"></i> las la-tint-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-vector-square"></i> las la-vector-square
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Editors</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-align-center"></i> las la-align-center
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-align-justify"></i> las la-align-justify
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-align-left"></i> las la-align-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-align-right"></i> las la-align-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bold"></i> las la-bold
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-border-all"></i> las la-border-all
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-border-none"></i> las la-border-none
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-border-style"></i> las la-border-style
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clipboard"></i> las la-clipboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clone"></i> las la-clone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-columns"></i> las la-columns
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-copy"></i> las la-copy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cut"></i> las la-cut
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-edit"></i> las la-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eraser"></i> las la-eraser
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file"></i> las la-file
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-alt"></i> las la-file-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-font"></i> las la-font
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glasses"></i> las la-glasses
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heading"></i> las la-heading
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-highlighter"></i> las la-highlighter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-i-cursor"></i> las la-i-cursor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-icons"></i> las la-icons
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-indent"></i> las la-indent
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-italic"></i> las la-italic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-link"></i> las la-link
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-list"></i> las la-list
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-list-alt"></i> las la-list-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-list-ol"></i> las la-list-ol
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-list-ul"></i> las la-list-ul
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-marker"></i> las la-marker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-outdent"></i> las la-outdent
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paper-plane"></i> las la-paper-plane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paperclip"></i> las la-paperclip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paragraph"></i> las la-paragraph
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paste"></i> las la-paste
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen"></i> las la-pen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-alt"></i> las la-pen-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-fancy"></i> las la-pen-fancy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-nib"></i> las la-pen-nib
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pencil-alt"></i> las la-pencil-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-print"></i> las la-print
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-quote-left"></i> las la-quote-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-quote-right"></i> las la-quote-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-reply-all"></i> las la-reply-all
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-screwdriver"></i> las la-screwdriver
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-share"></i> las la-share
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-spell-check"></i> las la-spell-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-strikethrough"></i> las la-strikethrough
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-subscript"></i> las la-subscript
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sync"></i> las la-sync
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-text-width"></i> las la-text-width
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-th"></i> las la-th
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-th-large"></i> las la-th-large
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-th-list"></i> las la-th-list
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tools"></i> las la-tools
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trash"></i> las la-trash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trash-alt"></i> las la-trash-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trash-restore"></i> las la-trash-restore
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trash-restore-alt"></i> las la-trash-restore-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-underline"></i> las la-underline
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6"><i class="las la-undo"></i>
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-undo-alt"></i> las la-undo-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-unlink"></i> las la-unlink
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wrench"></i> las la-wrench
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Education</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-apple-alt"></i> las la-apple-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-atom"></i> las la-atom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-award"></i> las la-award
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell"></i> las la-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell-slash"></i> las la-bell-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-book-open"></i> las la-book-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-book-reader"></i> las la-book-reader
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chalkboard"></i> las la-chalkboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chalkboard-teacher"></i> las la-chalkboard-teacher
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-graduation-cap"></i> las la-graduation-cap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-laptop-code"></i> las la-laptop-code
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microscope"></i> las la-microscope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-music"></i> las la-music
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-school"></i> las la-school
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shapes"></i> las la-shapes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-theater-masks"></i> las la-theater-masks
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-graduate"></i> las la-user-graduate
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Emoji</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-angry"></i> las la-angry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dizzy"></i> las la-dizzy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flushed"></i> las la-flushed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-frown"></i> las la-frown
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-frown-open"></i> las la-frown-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grimace"></i> las la-grimace
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin"></i> las la-grin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-alt"></i> las la-grin-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-beam"></i> las la-grin-beam
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-beam-sweat"></i> las la-grin-beam-sweat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-hearts"></i> las la-grin-hearts
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-squint"></i> las la-grin-squint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-squint-tears"></i> las la-grin-squint-tears
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-stars"></i> las la-grin-stars
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-tears"></i> las la-grin-tears
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-tongue"></i> las la-grin-tongue
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-tongue-squint"></i> las la-grin-tongue-squint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-tongue-wink"></i> las la-grin-tongue-wink
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grin-wink"></i> las la-grin-wink
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-kiss"></i> las la-kiss
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-kiss-beam"></i> las la-kiss-beam
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-kiss-wink-heart"></i> las la-kiss-wink-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-laugh"></i> las la-laugh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-laugh-beam"></i> las la-laugh-beam
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-meh-rolling-eyes"></i> las la-meh-rolling-eyes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sad-cry"></i> las la-sad-cry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sad-tear"></i> las la-sad-tear
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smile"></i> las la-smile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smile-beam"></i> las la-smile-beam
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smile-wink"></i> las la-smile-wink
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-surprise"></i> las la-surprise
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tired"></i> las la-tired
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Energy</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-atom"></i> las la-atom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-battery-empty"></i> las la-battery-empty
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-battery-full"></i> las la-battery-full
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-battery-half"></i> las la-battery-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-battery-quarter"></i> las la-battery-quarter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-battery-three-quarters"></i> las la-battery-three-quarters
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-broadcast-tower"></i> las la-broadcast-tower
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-burn"></i> las la-burn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-charging-station"></i> las la-charging-station
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire"></i> las la-fire
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire-alt"></i> las la-fire-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gas-pump"></i> las la-gas-pump
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-industry"></i> las la-industry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-leaf"></i> las la-leaf
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lightbulb"></i> las la-lightbulb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plug"></i> las la-plug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-poop"></i> las la-poop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-power-off"></i> las la-power-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-radiation"></i> las la-radiation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-radiation-alt"></i> las la-radiation-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-seedling"></i> las la-seedling
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-solar-panel"></i> las la-solar-panel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sun"></i> las la-sun
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-water"></i> las la-water
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wind"></i> las la-wind
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Files</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-archive"></i> las la-archive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clone"></i> las la-clone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-copy"></i> las la-copy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cut"></i> las la-cut
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file"></i> las la-file
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-alt"></i> las la-file-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-archive"></i> las la-file-archive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-audio"></i> las la-file-audio
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-code"></i> las la-file-code
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-excel"></i> las la-file-excel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-image"></i> las la-file-image
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-pdf"></i> las la-file-pdf
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-powerpoint"></i> las la-file-powerpoint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-video"></i> las la-file-video
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-word"></i> las la-file-word
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder"></i> las la-folder
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder-open"></i> las la-folder-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paste"></i> las la-paste
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-photo-video"></i> las la-photo-video
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-save"></i> las la-save
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sticky-note"></i> las la-sticky-note
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Finance</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale"></i> las la-balance-scale
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale-left"></i> las la-balance-scale-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale-right"></i> las la-balance-scale-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-book"></i> las la-book
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cash-register"></i> las la-cash-register
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chart-line"></i> las la-chart-line
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chart-pie"></i> las la-chart-pie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-coins"></i> las la-coins
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment-dollar"></i> las la-comment-dollar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comments-dollar"></i> las la-comments-dollar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-credit-card"></i> las la-credit-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-donate"></i> las la-donate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-invoice"></i> las la-file-invoice
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-invoice-dollar"></i> las la-file-invoice-dollar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-holding-usd"></i> las la-hand-holding-usd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-landmark"></i> las la-landmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill"></i> las la-money-bill
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill-alt"></i> las la-money-bill-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill-wave"></i> las la-money-bill-wave
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill-wave-alt"></i> las la-money-bill-wave-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-check"></i> las la-money-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-check-alt"></i> las la-money-check-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-percentage"></i> las la-percentage
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-piggy-bank"></i> las la-piggy-bank
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-receipt"></i> las la-receipt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stamp"></i> las la-stamp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wallet"></i> las la-wallet
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Fitness</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bicycle"></i> las la-bicycle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bacon"></i> las la-bacon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bone"></i> las la-bone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bread-slice"></i> las la-bread-slice
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-candy-cane"></i> las la-candy-cane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-carrot"></i> las la-carrot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cheese"></i> las la-cheese
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-meatball"></i> las la-cloud-meatball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cookie"></i> las la-cookie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-drumstick-bite"></i> las la-drumstick-bite
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-egg"></i> las la-egg
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fish"></i> las la-fish
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hamburger"></i> las la-hamburger
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hotdog"></i> las la-hotdog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ice-cream"></i> las la-ice-cream
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lemon"></i> las la-lemon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pepper-hot"></i> las la-pepper-hot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pizza-slice"></i> las la-pizza-slice
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-seedling"></i> las la-seedling
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stroopwafel"></i> las la-stroopwafel
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Games</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess"></i> las la-chess
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-bishop"></i> las la-chess-bishop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-board"></i> las la-chess-board
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-king"></i> las la-chess-king
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-knight"></i> las la-chess-knight
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-pawn"></i> las la-chess-pawn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-queen"></i> las la-chess-queen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chess-rook"></i> las la-chess-rook
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice"></i> las la-dice
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-d20"></i> las la-dice-d20
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-d6"></i> las la-dice-d6
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-five"></i> las la-dice-five
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-four"></i> las la-dice-four
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-one"></i> las la-dice-one
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-six"></i> las la-dice-six
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-three"></i> las la-dice-three
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-two"></i> las la-dice-two
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gamepad"></i> las la-gamepad
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ghost"></i> las la-ghost
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-headset"></i> las la-headset
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart"></i> las la-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-playstation"></i> lab la-playstation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-puzzle-piece"></i> las la-puzzle-piece
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-steam"></i> lab la-steam
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-steam-square"></i> lab la-steam-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-steam-symbol"></i> lab la-steam-symbol
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-twitch"></i> lab la-twitch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-xbox"></i> lab la-xbox
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Genders</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-genderless"></i> las la-genderless
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mars"></i> las la-mars
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mars-double"></i> las la-mars-double
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mars-stroke"></i> las la-mars-stroke
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mars-stroke-h"></i> las la-mars-stroke-h
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mars-stroke-v"></i> las la-mars-stroke-v
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mercury"></i> las la-mercury
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-neuter"></i> las la-neuter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-transgender"></i> las la-transgender
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-transgender-alt"></i> las la-transgender-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-venus"></i> las la-venus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-venus-double"></i> las la-venus-double
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-venus-mars"></i> las la-venus-mars
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Halloween</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-book-dead"></i> las la-book-dead
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-broom"></i> las la-broom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cat"></i> las la-cat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-moon"></i> las la-cloud-moon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-crow"></i> las la-crow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ghost"></i> las la-ghost
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hat-wizard"></i> las la-hat-wizard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mask"></i> las la-mask
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skull-crossbones"></i> las la-skull-crossbones
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-spider"></i> las la-spider
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-toilet-paper"></i> las la-toilet-paper
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Hands</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-allergies"></i> las la-allergies
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fist-raised"></i> las la-fist-raised
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-holding"></i> las la-hand-holding
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-holding-heart"></i> las la-hand-holding-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-holding-usd"></i> las la-hand-holding-usd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-lizard"></i> las la-hand-lizard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-middle-finger"></i> las la-hand-middle-finger
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-paper"></i> las la-hand-paper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-peace"></i> las la-hand-peace
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-point-down"></i> las la-hand-point-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-point-left"></i> las la-hand-point-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-point-right"></i> las la-hand-point-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-point-up"></i> las la-hand-point-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-pointer"></i> las la-hand-pointer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-rock"></i> las la-hand-rock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-scissors"></i> las la-hand-scissors
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hand-spock"></i> las la-hand-spock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hands"></i> las la-hands
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hands-helping"></i> las la-hands-helping
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-handshake"></i> las la-handshake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-praying-hands"></i> las la-praying-hands
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbs-down"></i> las la-thumbs-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbs-up"></i> las la-thumbs-up
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Health</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-accessible-icon"></i> lab la-accessible-icon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ambulance"></i> las la-ambulance
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-h-square"></i> las la-h-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart"></i> las la-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heartbeat"></i> las la-heartbeat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hospital"></i> las la-hospital
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-medkit"></i> las la-medkit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plus-square"></i> las la-plus-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-prescription"></i> las la-prescription
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stethoscope"></i> las la-stethoscope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-md"></i> las la-user-md
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wheelchair"></i> las la-wheelchair
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Holiday</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-candy-cane"></i> las la-candy-cane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-carrot"></i> las la-carrot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cookie-bite"></i> las la-cookie-bite
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gift"></i> las la-gift
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gifts"></i> las la-gifts
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-cheers"></i> las la-glass-cheers
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-holly-berry"></i> las la-holly-berry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mug-hot"></i> las la-mug-hot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sleigh"></i> las la-sleigh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowman"></i> las la-snowman
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Hotel</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-baby-carriage"></i> las la-baby-carriage
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bath"></i> las la-bath
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bed"></i> las la-bed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-briefcase"></i> las la-briefcase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-car"></i> las la-car
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cocktail"></i> las la-cocktail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-coffee"></i> las la-coffee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-concierge-bell"></i> las la-concierge-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice"></i> las la-dice
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-five"></i> las la-dice-five
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-door-closed"></i> las la-door-closed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-door-open"></i> las la-door-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dumbbell"></i> las la-dumbbell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-martini"></i> las la-glass-martini
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-martini-alt"></i> las la-glass-martini-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hot-tub"></i> las la-hot-tub
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hotel"></i> las la-hotel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-infinity"></i> las la-infinity
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-key"></i> las la-key
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-luggage-cart"></i> las la-luggage-cart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shower"></i> las la-shower
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shuttle-van"></i> las la-shuttle-van
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smoking"></i> las la-smoking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smoking-ban"></i> las la-smoking-ban
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowflake"></i> las la-snowflake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-spa"></i> las la-spa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-suitcase"></i> las la-suitcase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-suitcase-rolling"></i> las la-suitcase-rolling
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-swimmer"></i> las la-swimmer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-swimming-pool"></i> las la-swimming-pool
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tv"></i> las la-tv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-umbrella-beach"></i> las la-umbrella-beach
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-utensils"></i> las la-utensils
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wheelchair"></i> las la-wheelchair
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wifi"></i> las la-wifi
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Household</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bath"></i> las la-bath
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bed"></i> las la-bed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">

                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-blender"></i> las la-blender
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chair"></i> las la-chair
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-couch"></i> las la-couch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-door-closed"></i> las la-door-closed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-door-open"></i> las la-door-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dungeon"></i> las la-dungeon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fan"></i> las la-fan
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shower"></i> las la-shower
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-toilet-paper"></i> las la-toilet-paper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tv"></i> las la-tv
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Images</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-adjust"></i> las la-adjust
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bolt"></i> las la-bolt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-camera"></i> las la-camera
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-camera-retro"></i> las la-camera-retro
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chalkboard"></i> las la-chalkboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clone"></i> las la-clone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compress"></i> las la-compress
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compress-arrows-alt"></i> las la-compress-arrows-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-expand"></i> las la-expand
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye"></i> las la-eye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye-dropper"></i> las la-eye-dropper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye-slash"></i> las la-eye-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-image"></i> las la-file-image
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-film"></i> las la-film
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-id-badge"></i> las la-id-badge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-id-card"></i> las la-id-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-image"></i> las la-image
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-images"></i> las la-images
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-photo-video"></i> las la-photo-video
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-portrait"></i> las la-portrait
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sliders-h"></i> las la-sliders-h
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tint"></i> las la-tint
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Interfaces</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-award"></i> las la-award
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ban"></i> las la-ban
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-barcode"></i> las la-barcode
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bars"></i> las la-bars
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-beer"></i> las la-beer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell"></i> las la-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell-slash"></i> las la-bell-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-blog"></i> las la-blog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bug"></i> las la-bug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bullhorn"></i> las la-bullhorn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bullseye"></i> las la-bullseye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calculator"></i> las la-calculator
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar"></i> las la-calendar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-alt"></i> las la-calendar-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-check"></i> las la-calendar-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-minus"></i> las la-calendar-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-plus"></i> las la-calendar-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-times"></i> las la-calendar-times
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-certificate"></i> las la-certificate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-check"></i> las la-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-check-circle"></i> las la-check-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-check-double"></i> las la-check-double
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-check-square"></i> las la-check-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-circle"></i> las la-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clipboard"></i> las la-clipboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clone"></i> las la-clone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-download-alt"></i> las la-cloud-download-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-upload-alt"></i> las la-cloud-upload-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-coffee"></i> las la-coffee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cog"></i> las la-cog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cogs"></i> las la-cogs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-copy"></i> las la-copy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cut"></i> las la-cut
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-database"></i> las la-database
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dot-circle"></i> las la-dot-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-download"></i> las la-download
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-edit"></i> las la-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ellipsis-h"></i> las la-ellipsis-h
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ellipsis-v"></i> las la-ellipsis-v
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope"></i> las la-envelope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope-open"></i> las la-envelope-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eraser"></i> las la-eraser
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-exclamation"></i> las la-exclamation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-exclamation-circle"></i> las la-exclamation-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-exclamation-triangle"></i> las la-exclamation-triangle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-external-link-alt"></i> las la-external-link-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-external-link-square-alt"></i> las la-external-link-square-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye"></i> las la-eye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye-slash"></i> las la-eye-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file"></i> las la-file
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-alt"></i> las la-file-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-download"></i> las la-file-download
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-export"></i> las la-file-export
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-import"></i> las la-file-import
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-upload"></i> las la-file-upload
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-filter"></i> las la-filter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fingerprint"></i> las la-fingerprint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flag"></i> las la-flag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flag-checkered"></i> las la-flag-checkered
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder"></i> las la-folder
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder-open"></i> las la-folder-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-frown"></i> las la-frown
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glasses"></i> las la-glasses
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grip-horizontal"></i> las la-grip-horizontal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grip-lines"></i> las la-grip-lines
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grip-lines-vertical"></i> las la-grip-lines-vertical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-grip-vertical"></i> las la-grip-vertical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hashtag"></i> las la-hashtag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart"></i> las la-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-history"></i> las la-history
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-home"></i> las la-home
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-i-cursor"></i> las la-i-cursor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-info"></i> las la-info
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-info-circle"></i> las la-info-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-language"></i> las la-language
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-magic"></i> las la-magic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-marker"></i> las la-marker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-medal"></i> las la-medal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-meh"></i> las la-meh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone"></i> las la-microphone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-alt"></i> las la-microphone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-slash"></i> las la-microphone-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-minus"></i> las la-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-minus-circle"></i> las la-minus-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-minus-square"></i> las la-minus-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paste"></i> las la-paste
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen"></i> las la-pen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-alt"></i> las la-pen-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen-fancy"></i> las la-pen-fancy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pencil-alt"></i> las la-pencil-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plus"></i> las la-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plus-circle"></i> las la-plus-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plus-square"></i> las la-plus-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-poo"></i> las la-poo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-qrcode"></i> las la-qrcode
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-question"></i> las la-question
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-question"></i> las la-question
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-question-circle"></i> las la-question-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-quote-left"></i> las la-quote-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-quote-right"></i> las la-quote-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-redo"></i> las la-redo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-redo-alt"></i> las la-redo-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-reply"></i> las la-reply
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-reply-all"></i> las la-reply-all
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rss"></i> las la-rss
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rss-square"></i> las la-rss-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-save"></i> las la-save
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-screwdriver"></i> las la-screwdriver
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-search"></i> las la-search
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-search-minus"></i> las la-search-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-search-plus"></i> las la-search-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-share"></i> las la-share
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-share-alt"></i> las la-share-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-share-alt-square"></i> las la-share-alt-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-share-square"></i> las la-share-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shield-alt"></i> las la-shield-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sign-in-alt"></i> las la-sign-in-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sign-out-alt"></i> las la-sign-out-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-signal"></i> las la-signal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sitemap"></i> las la-sitemap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sliders-h"></i> las la-sliders-h
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smile"></i> las la-smile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort"></i> las la-sort
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-alpha-down"></i> las la-sort-alpha-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-alpha-down-alt"></i> las la-sort-alpha-down-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-alpha-up"></i> las la-sort-alpha-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-alpha-up-alt"></i> las la-sort-alpha-up-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-amount-down"></i> las la-sort-amount-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-amount-down-alt"></i> las la-sort-amount-down-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-numeric-up"></i> las la-sort-numeric-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-numeric-up-alt"></i> las la-sort-numeric-up-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sort-up"></i> las la-sort-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star"></i> las la-star
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star-half"></i> las la-star-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sync"></i> las la-sync
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sync-alt"></i> las la-sync-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbs-down"></i> las la-thumbs-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbs-up"></i> las la-thumbs-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-times"></i> las la-times
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-times-circle"></i> las la-times-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-toggle-off"></i> las la-toggle-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-toggle-on"></i> las la-toggle-on
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tools"></i> las la-tools
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trash"></i> las la-trash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trash-alt"></i> las la-trash-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trash-restore"></i> las la-trash-restore
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trash-restore-alt"></i> las la-trash-restore-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trophy"></i> las la-trophy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-undo"></i> las la-undo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-undo-alt"></i> las la-undo-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-upload"></i> las la-upload
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user"></i> las la-user
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-alt"></i> las la-user-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-circle"></i> las la-user-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-down"></i> las la-volume-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-mute"></i> las la-volume-mute
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-off"></i> las la-volume-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-up"></i> las la-volume-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wifi"></i> las la-wifi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wrench"></i> las la-wrench
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Logistics</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-box"></i> las la-box
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-boxes"></i> las la-boxes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clipboard-check"></i> las la-clipboard-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clipboard-list"></i> las la-clipboard-list
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dolly"></i> las la-dolly
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dolly-flatbed"></i> las la-dolly-flatbed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hard-hat"></i> las la-hard-hat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pallet"></i> las la-pallet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shipping-fast"></i> las la-shipping-fast
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-truck"></i> las la-truck
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-warehouse"></i> las la-warehouse
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Maps</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ambulance"></i> las la-ambulance
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-anchor"></i> las la-anchor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale"></i> las la-balance-scale
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale-left"></i> las la-balance-scale-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale-right"></i> las la-balance-scale-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bath"></i> las la-bath
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bed"></i> las la-bed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-beer"></i> las la-beer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell"></i> las la-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell-slash"></i> las la-bell-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bicycle"></i> las la-bicycle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-binoculars"></i> las la-binoculars
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-birthday-cake"></i> las la-birthday-cake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-blind"></i> las la-blind
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bomb"></i> las la-bomb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-book"></i> las la-book
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bookmark"></i> las la-bookmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-briefcase"></i> las la-briefcase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-building"></i> las la-building
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-car"></i> las la-car
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-coffee"></i> las la-coffee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-crosshairs"></i> las la-crosshairs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-directions"></i> las la-directions
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dollar-sign"></i> las la-dollar-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-draw-polygon"></i> las la-draw-polygon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye"></i> las la-eye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye-slash"></i> las la-eye-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fighter-jet"></i> las la-fighter-jet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire"></i> las la-fire
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire-alt"></i> las la-fire-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire-extinguisher"></i> las la-fire-extinguisher
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flag"></i> las la-flag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flag-checkered"></i> las la-flag-checkered
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flask"></i> las la-flask
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gamepad"></i> las la-gamepad
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gavel"></i> las la-gavel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gift"></i> las la-gift
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-martini"></i> las la-glass-martini
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-globe"></i> las la-globe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-graduation-cap"></i> las la-graduation-cap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-h-square"></i> las la-h-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart"></i> las la-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heartbeat"></i> las la-heartbeat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-helicopter"></i> las la-helicopter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-home"></i> las la-home
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hospital"></i> las la-hospital
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-image"></i> las la-image
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-images"></i> las la-images
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-industry"></i> las la-industry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-info"></i> las la-info
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-info-circle"></i> las la-info-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-key"></i> las la-key
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-landmark"></i> las la-landmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-layer-group"></i> las la-layer-group
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-leaf"></i> las la-leaf
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lemon"></i> las la-lemon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-life-ring"></i> las la-life-ring
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lightbulb"></i> las la-lightbulb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-location-arrow"></i> las la-location-arrow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-low-vision"></i> las la-low-vision
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-magnet"></i> las la-magnet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-male"></i> las la-male
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map"></i> las la-map
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marker"></i> las la-map-marker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marker-alt"></i> las la-map-marker-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-pin"></i> las la-map-pin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-signs"></i> las la-map-signs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-medkit"></i> las la-medkit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill"></i> las la-money-bill
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill-alt"></i> las la-money-bill-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-motorcycle"></i> las la-motorcycle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-music"></i> las la-music
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-newspaper"></i> las la-newspaper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-parking"></i> las la-parking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paw"></i> las la-paw
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone"></i> las la-phone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-alt"></i> las la-phone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-square"></i> las la-phone-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-square-alt"></i> las la-phone-square-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-volume"></i> las la-phone-volume
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plane"></i> las la-plane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plug"></i> las la-plug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plus"></i> las la-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plus-square"></i> las la-plus-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-print"></i> las la-print
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-recycle"></i> las la-recycle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-restroom"></i> las la-restroom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-road"></i> las la-road
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rocket"></i> las la-rocket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-route"></i> las la-route
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-search"></i> las la-search
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-search-minus"></i> las la-search-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-search-plus"></i> las la-search-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ship"></i> las la-ship
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shoe-prints"></i> las la-shoe-prints
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shopping-bag"></i> las la-shopping-bag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shopping-basket"></i> las la-shopping-basket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shopping-cart"></i> las la-shopping-cart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shower"></i> las la-shower
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowplow"></i> las la-snowplow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-street-view"></i> las la-street-view
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-subway"></i> las la-subway
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-suitcase"></i> las la-suitcase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tag"></i> las la-tag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tags"></i> las la-tags
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-taxi"></i> las la-taxi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbtack"></i> las la-thumbtack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ticket-alt"></i> las la-ticket-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tint"></i> las la-tint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-traffic-light"></i> las la-traffic-light
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-train"></i> las la-train
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tram"></i> las la-tram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tree"></i> las la-tree
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trophy"></i> las la-trophy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-truck"></i> las la-truck
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-truck"></i> las la-truck
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tty"></i> las la-tty
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-umbrella"></i> las la-umbrella
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-university"></i> las la-university
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-utensil-spoon"></i> las la-utensil-spoon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-utensils"></i> las la-utensils
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wheelchair"></i> las la-wheelchair
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wifi"></i> las la-wifi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wine-glass"></i> las la-wine-glass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wrench"></i> las la-wrench
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Maritime</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-anchor"></i> las la-anchor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-binoculars"></i> las la-binoculars
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compass"></i> las la-compass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dharmachakra"></i> las la-dharmachakra
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-frog"></i> las la-frog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ship"></i> las la-ship
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skull-crossbones"></i> las la-skull-crossbones
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-swimmer"></i> las la-swimmer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-water"></i> las la-water
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wind"></i> las la-wind
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Marketing</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ad"></i> las la-ad
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bullhorn"></i> las la-bullhorn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bullseye"></i> las la-bullseye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment-dollar"></i> las la-comment-dollar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">3
                                            <i class="las la-comments-dollar"></i> las la-comments-dollar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope-open-text"></i> las la-envelope-open-text
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-funnel-dollar"></i> las la-funnel-dollar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lightbulb"></i> las la-lightbulb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mail-bulk"></i> las la-mail-bulk
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-poll"></i> las la-poll
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-poll-h"></i> las la-poll-h
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-search-dollar"></i> las la-search-dollar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-search-location"></i> las la-search-location
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Mathematics</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calculator"></i> las la-calculator
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-divide"></i> las la-divide
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-equals"></i> las la-equals
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-greater-than"></i> las la-greater-than
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-greater-than-equal"></i> las la-greater-than-equal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-infinity"></i> las la-infinity
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-less-than"></i> las la-less-than
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-less-than-equal"></i> las la-less-than-equal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-minus"></i> las la-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-not-equal"></i> las la-not-equal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-percentage"></i> las la-percentage
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plus"></i> las la-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-square-root-alt"></i> las la-square-root-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-subscript"></i> las la-subscript
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-superscript"></i> las la-superscript
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-times"></i> las la-times
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wave-square"></i> las la-wave-square
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Medical</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-allergies"></i> las la-allergies
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ambulance"></i> las la-ambulance
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-band-aid"></i> las la-band-aid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-biohazard"></i> las la-biohazard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bone"></i> las la-bone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bong"></i> las la-bong
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-book-medical"></i> las la-book-medical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-brain"></i> las la-brain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-briefcase-medical"></i> las la-briefcase-medical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-burn"></i> las la-burn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cannabis"></i> las la-cannabis
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-capsules"></i> las la-capsules
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clinic-medical"></i> las la-clinic-medical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment-medical"></i> las la-comment-medical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-crutch"></i> las la-crutch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-diagnoses"></i> las la-diagnoses
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dna"></i> las la-dna
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-medical"></i> las la-file-medical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-medical-alt"></i> las la-file-medical-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-prescription"></i> las la-file-prescription
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-first-aid"></i> las la-first-aid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart"></i> las la-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heartbeat"></i> las la-heartbeat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hospital"></i> las la-hospital
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hospital-alt"></i> las la-hospital-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hospital-symbol"></i> las la-hospital-symbol
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-id-card-alt"></i> las la-id-card-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-joint"></i> las la-joint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-laptop-medical"></i> las la-laptop-medical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microscope"></i> las la-microscope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mortar-pestle"></i> las la-mortar-pestle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-notes-medical"></i> las la-notes-medical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pager"></i> las la-pager
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pills"></i> las la-pills
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plus"></i> las la-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-poop"></i> las la-poop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-prescription"></i> las la-prescription
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-prescription-bottle"></i> las la-prescription-bottle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-prescription-bottle-alt"></i> las la-prescription-bottle-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-procedures"></i> las la-procedures
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-radiation"></i> las la-radiation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-radiation-alt"></i> las la-radiation-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smoking"></i> las la-smoking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smoking-ban"></i> las la-smoking-ban
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star-of-life"></i> las la-star-of-life
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stethoscope"></i> las la-stethoscope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-syringe"></i> las la-syringe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tablets"></i> las la-tablets
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-teeth"></i> las la-teeth
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-teeth-open"></i> las la-teeth-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thermometer"></i> las la-thermometer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tooth"></i> las la-tooth
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-md"></i> las la-user-md
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-nurse"></i> las la-user-nurse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-vial"></i> las la-vial
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-vials"></i> las la-vials
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-weight"></i> las la-weight
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-x-ray"></i> las la-x-ray
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Moving</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-archive"></i> las la-archive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-box-open"></i> las la-box-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-couch"></i> las la-couch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dolly"></i> las la-dolly
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-people-carry"></i> las la-people-carry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-route"></i> las la-route
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sign"></i> las la-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-suitcase"></i> las la-suitcase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tape"></i> las la-tape
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-truck-loading"></i> las la-truck-loading
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-truck-moving"></i> las la-truck-moving
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wine-glass"></i> las la-wine-glass
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Music</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-drum"></i> las la-drum
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-drum-steelpan"></i> las la-drum-steelpan
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-audio"></i> las la-file-audio
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-guitar"></i> las la-guitar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-headphones"></i> las la-headphones
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-headphones-alt"></i> las la-headphones-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone"></i> las la-microphone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-alt"></i> las la-microphone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-alt-slash"></i> las la-microphone-alt-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-slash"></i> las la-microphone-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-music"></i> las la-music
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-napster"></i> lab la-napster
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-play"></i> las la-play
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-record-vinyl"></i> las la-record-vinyl
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sliders-h"></i> las la-sliders-h
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-soundcloud"></i> lab la-soundcloud
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-spotify"></i> lab la-spotify
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-down"></i> las la-volume-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-mute"></i> las la-volume-mute
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-off"></i> las la-volume-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-up"></i> las la-volume-up
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Objects</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ambulance"></i> las la-ambulance
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-anchor"></i> las la-anchor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-archive"></i> las la-archive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-award"></i> las la-award
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-baby-carriage"></i> las la-baby-carriage
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale"></i> las la-balance-scale
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale-left"></i> las la-balance-scale-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale-right"></i> las la-balance-scale-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bath"></i> las la-bath
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bed"></i> las la-bed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-beer"></i> las la-beer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell"></i> las la-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bicycle"></i> las la-bicycle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-binoculars"></i> las la-binoculars
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-birthday-cake"></i> las la-birthday-cake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-blender"></i> las la-blender
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bomb"></i> las la-bomb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-book"></i> las la-book
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-book-dead"></i> las la-book-dead
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bookmark"></i> las la-bookmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-briefcase"></i> las la-briefcase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-broadcast-tower"></i> las la-broadcast-tower
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bug"></i> las la-bug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-building"></i> las la-building
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bullhorn"></i> las la-bullhorn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bullseye"></i> las la-bullseye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bus"></i> las la-bus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calculator"></i> las la-calculator
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar"></i> las la-calendar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-alt"></i> las la-calendar-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-camera"></i> las la-camera
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-camera-retro"></i> las la-camera-retro
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-candy-cane"></i> las la-candy-cane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-car"></i> las la-car
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-carrot"></i> las la-carrot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-church"></i> las la-church
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clipboard"></i> las la-clipboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud"></i> las la-cloud
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-coffee"></i> las la-coffee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cog"></i> las la-cog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cogs"></i> las la-cogs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compass"></i> las la-compass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cookie"></i> las la-cookie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cookie-bite"></i> las la-cookie-bite
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-copy"></i> las la-copy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cube"></i> las la-cube
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cubes"></i> las la-cubes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cut"></i> las la-cut
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice"></i> las la-dice
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-d20"></i> las la-dice-d20
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-d6"></i> las la-dice-d6
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-five"></i> las la-dice-five
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-four"></i> las la-dice-four
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-one"></i> las la-dice-one
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-six"></i> las la-dice-six
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-three"></i> las la-dice-three
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-two"></i> las la-dice-two
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-digital-tachograph"></i> las la-digital-tachograph
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-door-closed"></i> las la-door-closed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-door-open"></i> las la-door-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-drum"></i> las la-drum
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-drum-steelpan"></i> las la-drum-steelpan
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope"></i> las la-envelope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope-open"></i> las la-envelope-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eraser"></i> las la-eraser
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye"></i> las la-eye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye-dropper"></i> las la-eye-dropper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fax"></i> las la-fax
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-feather"></i> las la-feather
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-feather-alt"></i> las la-feather-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fighter-jet"></i> las la-fighter-jet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file"></i> las la-file
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-alt"></i> las la-file-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-prescription"></i> las la-file-prescription
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-film"></i> las la-film
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire"></i> las la-fire
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire-alt"></i> las la-fire-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire-extinguisher"></i> las la-fire-extinguisher
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flag"></i> las la-flag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flag-checkered"></i> las la-flag-checkered
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flask"></i> las la-flask
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-futbol"></i> las la-futbol
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gamepad"></i> las la-gamepad
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gavel"></i> las la-gavel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gem"></i> las la-gem
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gift"></i> las la-gift
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gifts"></i> las la-gifts
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-cheers"></i> las la-glass-cheers
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-martini"></i> las la-glass-martini
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-whiskey"></i> las la-glass-whiskey
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glasses"></i> las la-glasses
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-globe"></i> las la-globe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-graduation-cap"></i> las la-graduation-cap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-guitar"></i> las la-guitar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hat-wizard"></i> las la-hat-wizard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hdd"></i> las la-hdd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-headphones"></i> las la-headphones
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-headphones-alt"></i> las la-headphones-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-headset"></i> las la-headset
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart"></i> las la-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart-broken"></i> las la-heart-broken
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-helicopter"></i> las la-helicopter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-highlighter"></i> las la-highlighter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-holly-berry"></i> las la-holly-berry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-home"></i> las la-home
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hospital"></i> las la-hospital
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hourglass"></i> las la-hourglass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-igloo"></i> las la-igloo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-image"></i> las la-image
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-images"></i> las la-images
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-industry"></i> las la-industry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-key"></i> las la-key
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-keyboard"></i> las la-keyboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-laptop"></i> las la-laptop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-leaf"></i> las la-leaf
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lemon"></i> las la-lemon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-life-ring"></i> las la-life-ring
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lightbulb"></i> las la-lightbulb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lock"></i> las la-lock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lock-open"></i> las la-lock-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-magic"></i> las la-magic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-magnet"></i> las la-magnet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map"></i> las la-map
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marker"></i> las la-map-marker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marker-alt"></i> las la-map-marker-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-pin"></i> las la-map-pin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-signs"></i> las la-map-signs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-marker"></i> las la-marker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-medal"></i> las la-medal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-medkit"></i> las la-medkit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-memory"></i> las la-memory
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microchip"></i> las la-microchip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone"></i> las la-microphone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-alt"></i> las la-microphone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mitten"></i> las la-mitten
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mobile"></i> las la-mobile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mobile-alt"></i> las la-mobile-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill"></i> las la-money-bill
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-bill-alt"></i> las la-money-bill-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-check"></i> las la-money-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-check-alt"></i> las la-money-check-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-moon"></i> las la-moon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-motorcycle"></i> las la-motorcycle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mug-hot"></i> las la-mug-hot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-newspaper"></i> las la-newspaper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paint-brush"></i> las la-paint-brush
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paper-plane"></i> las la-paper-plane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paperclip"></i> las la-paperclip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paste"></i> las la-paste
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-paw"></i> las la-paw
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pen"></i> las la-pen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone"></i> las la-phone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-alt"></i> las la-phone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plane"></i> las la-plane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plug"></i> las la-plug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-print"></i> las la-print
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-puzzle-piece"></i> las la-puzzle-piece
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ring"></i> las la-ring
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-road"></i> las la-road
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rocket"></i> las la-rocket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ruler-combined"></i> las la-ruler-combined
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ruler-horizontal"></i> las la-ruler-horizontal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ruler-vertical"></i> las la-ruler-vertical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-satellite"></i> las la-satellite
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-satellite-dish"></i> las la-satellite-dish
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-save"></i> las la-save
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-school"></i> las la-school
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-screwdriver"></i> las la-screwdriver
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-scroll"></i> las la-scroll
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sd-card"></i> las la-sd-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-search"></i> las la-search
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shield-alt"></i> las la-shield-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shopping-bag"></i> las la-shopping-bag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shopping-basket"></i> las la-shopping-basket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shopping-cart"></i> las la-shopping-cart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shower"></i> las la-shower
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sim-card"></i> las la-sim-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skull-crossbones"></i> las la-skull-crossbones
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sleigh"></i> las la-sleigh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowflake"></i> las la-snowflake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowplow"></i> las la-snowplow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-space-shuttle"></i> las la-space-shuttle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star"></i> las la-star
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sticky-note"></i> las la-sticky-note
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stopwatch"></i> las la-stopwatch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stroopwafel"></i> las la-stroopwafel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-subway"></i> las la-subway
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-suitcase"></i> las la-suitcase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sun"></i> las la-sun
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tablet"></i> las la-tablet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tablet-alt"></i> las la-tablet-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tachometer-alt"></i> las la-tachometer-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tag"></i> las la-tag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tags"></i> las la-tags
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-taxi"></i> las la-taxi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbtack"></i> las la-thumbtack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ticket-alt"></i> las la-ticket-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-toilet"></i> las la-toilet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-toolbox"></i> las la-toolbox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tools"></i> las la-tools
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-train"></i> las la-train
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tram"></i> las la-tram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trash"></i> las la-trash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trash-alt"></i> las la-trash-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tree"></i> las la-tree
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trophy"></i> las la-trophy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-truck"></i> las la-truck
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tv"></i> las la-tv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-umbrella"></i> las la-umbrella
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-university"></i> las la-university
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-unlock"></i> las la-unlock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-unlock-alt"></i> las la-unlock-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-utensil-spoon"></i> las la-utensil-spoon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-utensils"></i> las la-utensils
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wallet"></i> las la-wallet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-weight"></i> las la-weight
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wheelchair"></i> las la-wheelchair
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wine-glass"></i> las la-wine-glass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wrench"></i> las la-wrench
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Other</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-500px"></i> lab la-500px
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-accusoft"></i> lab la-accusoft
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-adn"></i> lab la-adn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-adobe"></i> lab la-adobe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-adversal"></i> lab la-adversal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-affiliatetheme"></i> lab la-affiliatetheme
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-airbnb"></i> lab la-airbnb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-algolia"></i> lab la-algolia
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-amazon"></i> lab la-amazon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-amilia"></i> lab la-amilia
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-android"></i> lab la-android
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-angellist"></i> lab la-angellist
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-angrycreative"></i> lab la-angrycreative
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-angular"></i> lab la-angular
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-app-store"></i> lab la-app-store
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-app-store-ios"></i> lab la-app-store-ios
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-apper"></i> lab la-apper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-apple"></i> lab la-apple
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-artstation"></i> lab la-artstation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-asymmetrik"></i> lab la-asymmetrik
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-atlassian"></i> lab la-atlassian
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-audible"></i> lab la-audible
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-autoprefixer"></i> lab la-autoprefixer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-avianex"></i> lab la-avianex
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-aviato"></i> lab la-aviato
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-aws"></i> lab la-aws
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-backspace"></i> las la-backspace
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bandcamp"></i> lab la-bandcamp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-battle-net"></i> lab la-battle-net
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-behance"></i> lab la-behance
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-behance-square"></i> lab la-behance-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-behance-square"></i> lab la-behance-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bimobject"></i> lab la-bimobject
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bitbucket"></i> lab la-bitbucket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bity"></i> lab la-bity
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-black-tie"></i> lab la-black-tie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-blackberry"></i> lab la-blackberry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-blender-phone"></i> las la-blender-phone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-blogger"></i> lab la-blogger
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-blogger-b"></i> lab la-blogger-b
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bootstrap"></i> lab la-bootstrap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-buffer"></i> lab la-buffer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-buromobelexperte"></i> lab la-buromobelexperte
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-buy-n-large"></i> lab la-buy-n-large
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-buysellads"></i> lab la-buysellads
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-canadian-maple-leaf"></i> lab la-canadian-maple-leaf
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-centercode"></i> lab la-centercode
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-centos"></i> lab la-centos
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-chrome"></i> lab la-chrome
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-chromecast"></i> lab la-chromecast
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cloudscale"></i> lab la-cloudscale
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cloudsmith"></i> lab la-cloudsmith
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cloudversify"></i> lab la-cloudversify
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-codepen"></i> lab la-codepen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-codiepie"></i> lab la-codiepie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-confluence"></i> lab la-confluence
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-connectdevelop"></i> lab la-connectdevelop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-contao"></i> lab la-contao
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cotton-bureau"></i> lab la-cotton-bureau
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cpanel"></i> lab la-cpanel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons"></i> lab la-creative-commons
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-by"></i> lab la-creative-commons-by
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-nc"></i> lab la-creative-commons-nc
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-nc-eu"></i> lab la-creative-commons-nc-eu
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-nc-jp"></i> lab la-creative-commons-nc-jp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-nd"></i> lab la-creative-commons-nd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-pd"></i> lab la-creative-commons-pd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-pd-alt"></i> lab la-creative-commons-pd-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-remix"></i> lab la-creative-commons-remix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-sa"></i> lab la-creative-commons-sa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-sampling"></i> lab la-creative-commons-sampling
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-sampling-plus"></i> lab la-creative-commons-sampling-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-share"></i> lab la-creative-commons-share
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-creative-commons-zero"></i> lab la-creative-commons-zero
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-crown"></i> las la-crown
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-css3"></i> lab la-css3
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-css3-alt"></i> lab la-css3-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cuttlefish"></i> lab la-cuttlefish
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dashcube"></i> lab la-dashcube
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-delicious"></i> lab la-delicious
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-deploydog"></i> lab la-deploydog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-deskpro"></i> lab la-deskpro
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dev"></i> lab la-dev
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-deviantart"></i> lab la-deviantart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dhl"></i> lab la-dhl
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-diaspora"></i> lab la-diaspora
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-digg"></i> lab la-digg
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-digital-ocean"></i> lab la-digital-ocean
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-discord"></i> lab la-discord
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-discourse"></i> lab la-discourse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dochub"></i> lab la-dochub
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-docker"></i> lab la-docker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-draft2digital"></i> lab la-draft2digital
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dribbble"></i> lab la-dribbble
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dribbble-square"></i> lab la-dribbble-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dropbox"></i> lab la-dropbox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-drupal"></i> lab la-drupal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dumpster-fire"></i> las la-dumpster-fire
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-dyalog"></i> lab la-dyalog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-earlybirds"></i> lab la-earlybirds
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ebay"></i> lab la-ebay
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-edge"></i> lab la-edge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-elementor"></i> lab la-elementor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ello"></i> lab la-ello
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ember"></i> lab la-ember
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-empire"></i> lab la-empire
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-envira"></i> lab la-envira
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-erlang"></i> lab la-erlang
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-etsy"></i> lab la-etsy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-evernote"></i> lab la-evernote
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-expeditedssl"></i> lab la-expeditedssl
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-facebook"></i> lab la-facebook
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-facebook-f"></i> lab la-facebook-f
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-facebook-messenger"></i> lab la-facebook-messenger
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-facebook-square"></i> lab la-facebook-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fedex"></i> lab la-fedex
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fedora"></i> lab la-fedora
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-figma"></i> lab la-figma
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-csv"></i> las la-file-csv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-firefox"></i> lab la-firefox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-first-order"></i> lab la-first-order
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-first-order-alt"></i> lab la-first-order-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-firstdraft"></i> lab la-firstdraft
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-flickr"></i> lab la-flickr
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-flipboard"></i> lab la-flipboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fly"></i> lab la-fly
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-font-awesome"></i> lab la-font-awesome
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-font-awesome-alt"></i> lab la-font-awesome-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-font-awesome-flag"></i> lab la-font-awesome-flag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fonticons"></i> lab la-fonticons
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fonticons-fi"></i> lab la-fonticons-fi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fort-awesome"></i> lab la-fort-awesome
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fort-awesome-alt"></i> lab la-fort-awesome-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-forumbee"></i> lab la-forumbee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-foursquare"></i> lab la-foursquare
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-free-code-camp"></i> lab la-free-code-camp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-freebsd"></i> lab la-freebsd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fulcrum"></i> lab la-fulcrum
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-get-pocket"></i> lab la-get-pocket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-git"></i> lab la-git
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-git-alt"></i> lab la-git-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-git-square"></i> lab la-git-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gitlab"></i> lab la-gitlab
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gitter"></i> lab la-gitter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-glide"></i> lab la-glide
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-glide-g"></i> lab la-glide-g
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gofore"></i> lab la-gofore
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-goodreads"></i> lab la-goodreads
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-goodreads-g"></i> lab la-goodreads-g
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google"></i> lab la-google
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google-drive"></i> lab la-google-drive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google-play"></i> lab la-google-play
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google-plus"></i> lab la-google-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google-plus-g"></i> lab la-google-plus-g
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google-plus-square"></i> lab la-google-plus-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gratipay"></i> lab la-gratipay
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-grav"></i> lab la-grav
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gripfire"></i> lab la-gripfire
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-grunt"></i> lab la-grunt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-gulp"></i> lab la-gulp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hacker-news"></i> lab la-hacker-news
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hacker-news-square"></i> lab la-hacker-news-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hackerrank"></i> lab la-hackerrank
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hips"></i> lab la-hips
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hire-a-helper"></i> lab la-hire-a-helper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hooli"></i> lab la-hooli
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hornbill"></i> lab la-hornbill
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hotjar"></i> lab la-hotjar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-houzz"></i> lab la-houzz
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-html5"></i> lab la-html5
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-hubspot"></i> lab la-hubspot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-imdb"></i> lab la-imdb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-instagram"></i> lab la-instagram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-intercom"></i> lab la-intercom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-internet-explorer"></i> lab la-internet-explorer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-invision"></i> lab la-invision
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ioxhost"></i> lab la-ioxhost
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-itch-io"></i> lab la-itch-io
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-itunes"></i> lab la-itunes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-itunes-note"></i> lab la-itunes-note
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-java"></i> lab la-java
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-jenkins"></i> lab la-jenkins
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-jira"></i> lab la-jira
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-joget"></i> lab la-joget
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-joomla"></i> lab la-joomla
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-js"></i> lab la-js
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-js-square"></i> lab la-js-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-jsfiddle"></i> lab la-jsfiddle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-kaggle"></i> lab la-kaggle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-keybase"></i> lab la-keybase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-keycdn"></i> lab la-keycdn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-kickstarter"></i> lab la-kickstarter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-kickstarter-k"></i> lab la-kickstarter-k
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-korvue"></i> lab la-korvue
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-laravel"></i> lab la-laravel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-lastfm"></i> lab la-lastfm
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-lastfm-square"></i> lab la-lastfm-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-leanpub"></i> lab la-leanpub
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-less"></i> lab la-less
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-line"></i> lab la-line
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-linkedin"></i> lab la-linkedin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-linkedin-in"></i> lab la-linkedin-in
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-linode"></i> lab la-linode
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-linux"></i> lab la-linux
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-lyft"></i> lab la-lyft
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-magento"></i> lab la-magento
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mailchimp"></i> lab la-mailchimp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mandalorian"></i> lab la-mandalorian
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-markdown"></i> lab la-markdown
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mastodon"></i> lab la-mastodon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-maxcdn"></i> lab la-maxcdn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mdb"></i> lab la-mdb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-medapps"></i> lab la-medapps
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-medium"></i> lab la-medium
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-medium-m"></i> lab la-medium-m
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-medrt"></i> lab la-medrt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-meetup"></i> lab la-meetup
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-megaport"></i> lab la-megaport
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mendeley"></i> lab la-mendeley
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-microsoft"></i> lab la-microsoft
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-microsoft"></i> lab la-microsoft
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mix"></i> lab la-mix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mixcloud"></i> lab la-mixcloud
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-mizuni"></i> lab la-mizuni
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-modx"></i> lab la-modx
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-monero"></i> lab la-monero
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-neos"></i> lab la-neos
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-network-wired"></i> las la-network-wired
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-nimblr"></i> lab la-nimblr
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-node"></i> lab la-node
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-node-js"></i> lab la-node-js
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-npm"></i> lab la-npm
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ns8"></i> lab la-ns8
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-nutritionix"></i> lab la-nutritionix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-odnoklassniki"></i> lab la-odnoklassniki
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-odnoklassniki-square"></i> lab la-odnoklassniki-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-opencart"></i> lab la-opencart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-openid"></i> lab la-openid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-opera"></i> lab la-opera
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-optin-monster"></i> lab la-optin-monster
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-orcid"></i> lab la-orcid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-osi"></i> lab la-osi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-page4"></i> lab la-page4
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pagelines"></i> lab la-pagelines
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-palfed"></i> lab la-palfed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-patreon"></i> lab la-patreon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-periscope"></i> lab la-periscope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-phabricator"></i> lab la-phabricator
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-phoenix-framework"></i> lab la-phoenix-framework
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-phoenix-squadron"></i> lab la-phoenix-squadron
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-php"></i> lab la-php
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pied-piper"></i> lab la-pied-piper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pied-piper-alt"></i> lab la-pied-piper-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pied-piper-hat"></i> lab la-pied-piper-hat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pied-piper-pp"></i> lab la-pied-piper-pp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pinterest"></i> lab la-pinterest
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pinterest-p"></i> lab la-pinterest-p
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pinterest-square"></i> lab la-pinterest-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-product-hunt"></i> lab la-product-hunt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-pushed"></i> lab la-pushed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-python"></i> lab la-python
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-qq"></i> lab la-qq
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-quinscape"></i> lab la-quinscape
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-quora"></i> lab la-quora
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-r-project"></i> lab la-r-project
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-raspberry-pi"></i> lab la-raspberry-pi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ravelry"></i> lab la-ravelry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-react"></i> lab la-react
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-reacteurope"></i> lab la-reacteurope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-readme"></i> lab la-readme
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-rebel"></i> lab la-rebel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-red-river"></i> lab la-red-river
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-reddit"></i> lab la-reddit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-reddit-alien"></i> lab la-reddit-alien
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-reddit-square"></i> lab la-reddit-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-redhat"></i> lab la-redhat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-renren"></i> lab la-renren
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-replyd"></i> lab la-replyd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-researchgate"></i> lab la-researchgate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-resolving"></i> lab la-resolving
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-rev"></i> lab la-rev
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-rocketchat"></i> lab la-rocketchat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-rockrms"></i> lab la-rockrms
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-safari"></i> lab la-safari
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-salesforce"></i> lab la-salesforce
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sass"></i> lab la-sass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-schlix"></i> lab la-schlix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-scribd"></i> lab la-scribd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-searchengin"></i> lab la-searchengin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sellcast"></i> lab la-sellcast
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sellsy"></i> lab la-sellsy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-servicestack"></i> lab la-servicestack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-shirtsinbulk"></i> lab la-shirtsinbulk
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-shopware"></i> lab la-shopware
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-signature"></i> las la-signature
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-simplybuilt"></i> lab la-simplybuilt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sistrix"></i> lab la-sistrix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sith"></i> lab la-sith
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sketch"></i> lab la-sketch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skull"></i> las la-skull
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-skyatlas"></i> lab la-skyatlas
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-skype"></i> lab la-skype
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-slack"></i> lab la-slack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-slack-hash"></i> lab la-slack-hash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-slideshare"></i> lab la-slideshare
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-snapchat"></i> lab la-snapchat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-snapchat-ghost"></i> lab la-snapchat-ghost
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-snapchat-square"></i> lab la-snapchat-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sourcetree"></i> lab la-sourcetree
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-speakap"></i> lab la-speakap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-speaker-deck"></i> lab la-speaker-deck
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-squarespace"></i> lab la-squarespace
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stack-exchange"></i> lab la-stack-exchange
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stack-overflow"></i> lab la-stack-overflow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stackpath"></i> lab la-stackpath
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-staylinked"></i> lab la-staylinked
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-sticker-mule"></i> lab la-sticker-mule
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-strava"></i> lab la-strava
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-studiovinari"></i> lab la-studiovinari
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stumbleupon"></i> lab la-stumbleupon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stumbleupon-circle"></i> lab la-stumbleupon-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-superpowers"></i> lab la-superpowers
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-supple"></i> lab la-supple
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-suse"></i> lab la-suse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-swift"></i> lab la-swift
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-symfony"></i> lab la-symfony
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-teamspeak"></i> lab la-teamspeak
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-telegram"></i> lab la-telegram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-telegram-plane"></i> lab la-telegram-plane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-tencent-weibo"></i> lab la-tencent-weibo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-the-red-yeti"></i> lab la-the-red-yeti
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-themeco"></i> lab la-themeco
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-themeisle"></i> lab la-themeisle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-think-peaks"></i> lab la-think-peaks
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-trade-federation"></i> lab la-trade-federation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-trello"></i> lab la-trello
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-tripadvisor"></i> lab la-tripadvisor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-tumblr"></i> lab la-tumblr
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-tumblr-square"></i> lab la-tumblr-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-twitter"></i> lab la-twitter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-twitter-square"></i> lab la-twitter-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-typo3"></i> lab la-typo3
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-uber"></i> lab la-uber
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ubuntu"></i> lab la-ubuntu
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-uikit"></i> lab la-uikit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-umbraco"></i> lab la-umbraco
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-uniregistry"></i> lab la-uniregistry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-untappd"></i> lab la-untappd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ups"></i> lab la-ups
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-usb"></i> lab la-usb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-usps"></i> lab la-usps
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ussunnah"></i> lab la-ussunnah
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vaadin"></i> lab la-vaadin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-viacoin"></i> lab la-viacoin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-viadeo"></i> lab la-viadeo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-viadeo-square"></i> lab la-viadeo-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-viber"></i> lab la-viber
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vimeo"></i> lab la-vimeo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vimeo-square"></i> lab la-vimeo-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vimeo-v"></i> lab la-vimeo-v
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vine"></i> lab la-vine
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vk"></i> lab la-vk
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vnv"></i> lab la-vnv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-vr-cardboard"></i> las la-vr-cardboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-vuejs"></i> lab la-vuejs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-waze"></i> lab la-waze
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-weebly"></i> lab la-weebly
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-weibo"></i> lab la-weibo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-weight-hanging"></i> las la-weight-hanging
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-weixin"></i> lab la-weixin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-whatsapp"></i> lab la-whatsapp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-whatsapp-square"></i> lab la-whatsapp-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-whmcs"></i> lab la-whmcs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wikipedia-w"></i> lab la-wikipedia-w
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-windows"></i> lab la-windows
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wix"></i> lab la-wix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wolf-pack-battalion"></i> lab la-wolf-pack-battalion
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wordpress"></i> lab la-wordpress
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wordpress-simple"></i> lab la-wordpress-simple
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wpbeginner"></i> lab la-wpbeginner
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wpexplorer"></i> lab la-wpexplorer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wpforms"></i> lab la-wpforms
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wpressr"></i> lab la-wpressr
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-xing"></i> lab la-xing
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-xing-square"></i> lab la-xing-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-y-combinator"></i> lab la-y-combinator
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yahoo"></i> lab la-yahoo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yammer"></i> lab la-yammer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yandex"></i> lab la-yandex
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yandex-international"></i> lab la-yandex-international
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yarn"></i> lab la-yarn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yelp"></i> lab la-yelp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-yoast"></i> lab la-yoast
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-youtube-square"></i> lab la-youtube-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-zhihu"></i> lab la-zhihu
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Payments & Shopping</h6>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-alipay"></i> lab la-alipay
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-amazon-pay"></i> lab la-amazon-pay
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-apple-pay"></i> lab la-apple-pay
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell"></i> las la-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-bitcoin"></i> lab la-bitcoin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bookmark"></i> las la-bookmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-btc"></i> lab la-btc
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bullhorn"></i> las la-bullhorn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-camera"></i> las la-camera
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-camera-retro"></i> las la-camera-retro
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cart-arrow-down"></i> las la-cart-arrow-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cart-plus"></i> las la-cart-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cc-amazon-pay"></i> lab la-cc-amazon-pay
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cc-amex"></i> lab la-cc-amex
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cc-apple-pay"></i> lab la-cc-apple-pay
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cc-diners-club"></i> lab la-cc-diners-club
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cc-discover"></i> lab la-cc-discover
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cc-jcb"></i> lab la-cc-jcb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cc-mastercard"></i> lab la-cc-mastercard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cc-paypal"></i> lab la-cc-paypal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cc-stripe"></i> lab la-cc-stripe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-cc-visa"></i> lab la-cc-visa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-certificate"></i> las la-certificate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-credit-card"></i> las la-credit-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-ethereum"></i> lab la-ethereum
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gem"></i> las la-gem
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gift"></i> las la-gift
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-google-wallet"></i> lab la-google-wallet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-handshake"></i> las la-handshake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart"></i> las la-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-key"></i> las la-key
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-check"></i> las la-money-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-money-check-alt"></i> las la-money-check-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-paypal"></i> lab la-paypal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-receipt"></i> las la-receipt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shopping-bag"></i> las la-shopping-bag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shopping-basket"></i> las la-shopping-basket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shopping-cart"></i> las la-shopping-cart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star"></i> las la-star
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stripe"></i> lab la-stripe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-stripe-s"></i> lab la-stripe-s
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tag"></i> las la-tag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tags"></i> las la-tags
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbs-down"></i> las la-thumbs-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbs-up"></i> las la-thumbs-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-trophy"></i> las la-trophy
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Political</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-award"></i> las la-award
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale"></i> las la-balance-scale
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale-left"></i> las la-balance-scale-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-balance-scale-right"></i> las la-balance-scale-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bullhorn"></i> las la-bullhorn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-check-double"></i> las la-check-double
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-democrat"></i> las la-democrat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-donate"></i> las la-donate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dove"></i> las la-dove
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fist-raised"></i> las la-fist-raised
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flag-usa"></i> las la-flag-usa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-handshake"></i> las la-handshake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-person-booth"></i> las la-person-booth
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-piggy-bank"></i> las la-piggy-bank
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-republican"></i> las la-republican
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-vote-yea"></i> las la-vote-yea
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Religion</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ankh"></i> las la-ankh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-atom"></i> las la-atom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bible"></i> las la-bible
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-church"></i> las la-church
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cross"></i> las la-cross
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dharmachakra"></i> las la-dharmachakra
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dove"></i> las la-dove
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gopuram"></i> las la-gopuram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hamsa"></i> las la-hamsa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hanukiah"></i> las la-hanukiah
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-haykal"></i> las la-haykal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-jedi"></i> las la-jedi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-journal-whills"></i> las la-journal-whills
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-kaaba"></i> las la-kaaba
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-khanda"></i> las la-khanda
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-menorah"></i> las la-menorah
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mosque"></i> las la-mosque
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-om"></i> las la-om
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pastafarianism"></i> las la-pastafarianism
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-peace"></i> las la-peace
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-place-of-worship"></i> las la-place-of-worship
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pray"></i> las la-pray
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-praying-hands"></i> las la-praying-hands
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-quran"></i> las la-quran
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star-and-crescent"></i> las la-star-and-crescent
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star-of-david"></i> las la-star-of-david
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-synagogue"></i> las la-synagogue
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-torah"></i> las la-torah
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-torii-gate"></i> las la-torii-gate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-vihara"></i> las la-vihara
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-yin-yang"></i> las la-yin-yang
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Science</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-atom"></i> las la-atom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-biohazard"></i> las la-biohazard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-brain"></i> las la-brain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-burn"></i> las la-burn
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-capsules"></i> las la-capsules
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-clipboard-check"></i> las la-clipboard-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dna"></i> las la-dna
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye-dropper"></i> las la-eye-dropper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-filter"></i> las la-filter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire"></i> las la-fire
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fire-alt"></i> las la-fire-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-flask"></i> las la-flask
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-frog"></i> las la-frog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-magnet"></i> las la-magnet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microscope"></i> las la-microscope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mortar-pestle"></i> las la-mortar-pestle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pills"></i> las la-pills
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-prescription-bottle"></i> las la-prescription-bottle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-radiation"></i> las la-radiation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-radiation-alt"></i> las la-radiation-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-seedling"></i> las la-seedling
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skull-crossbones"></i> las la-skull-crossbones
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-syringe"></i> las la-syringe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tablets"></i> las la-tablets
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-temperature-high"></i> las la-temperature-high
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-temperature-low"></i> las la-temperature-low
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-vial"></i> las la-vial
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-vials"></i> las la-vials
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Religion</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-galactic-republic"></i> lab la-galactic-republic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-galactic-senate"></i> lab la-galactic-senate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-globe"></i> las la-globe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-jedi"></i> las la-jedi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-jedi-order"></i> lab la-jedi-order
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-journal-whills"></i> las la-journal-whills
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-meteor"></i> las la-meteor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-moon"></i> las la-moon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-old-republic"></i> lab la-old-republic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-robot"></i> las la-robot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rocket"></i> las la-rocket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-satellite"></i> las la-satellite
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-satellite-dish"></i> las la-satellite-dish
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-space-shuttle"></i> las la-space-shuttle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-astronaut"></i> las la-user-astronaut
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Religion</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ban"></i> las la-ban
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bug"></i> las la-bug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-door-closed"></i> las la-door-closed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-door-open"></i> las la-door-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dungeon"></i> las la-dungeon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye"></i> las la-eye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye-slash"></i> las la-eye-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-contract"></i> las la-file-contract
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-signature"></i> las la-file-signature
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fingerprint"></i> las la-fingerprint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-id-badge"></i> las la-id-badge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-id-card"></i> las la-id-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-id-card-alt"></i> las la-id-card-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-key"></i> las la-key
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lock"></i> las la-lock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lock-open"></i> las la-lock-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mask"></i> las la-mask
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-passport"></i> las la-passport
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shield-alt"></i> las la-shield-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-unlock"></i> las la-unlock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-unlock-alt"></i> las la-unlock-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-lock"></i> las la-user-lock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-secret"></i> las la-user-secret
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-shield"></i> las la-user-shield
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Religion</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bookmark"></i> las la-bookmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar"></i> las la-calendar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-certificate"></i> las la-certificate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-circle"></i> las la-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud"></i> las la-cloud
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment"></i> las la-comment
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file"></i> las la-file
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder"></i> las la-folder
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart"></i> las la-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart-broken"></i> las la-heart-broken
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marker"></i> las la-map-marker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-play"></i> las la-play
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shapes"></i> las la-shapes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-square"></i> las la-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star"></i> las la-star
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Religion</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell"></i> las la-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-birthday-cake"></i> las la-birthday-cake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-camera"></i> las la-camera
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment"></i> las la-comment
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment-alt"></i> las la-comment-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-envelope"></i> las la-envelope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hashtag"></i> las la-hashtag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-heart"></i> las la-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-icons"></i> las la-icons
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-image"></i> las la-image
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-images"></i> las la-images
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marker"></i> las la-map-marker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marker-alt"></i> las la-map-marker-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-photo-video"></i> las la-photo-video
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-poll"></i> las la-poll
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-poll-h"></i> las la-poll-h
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-retweet"></i> las la-retweet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-share"></i> las la-share
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-share-alt"></i> las la-share-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-share-square"></i> las la-share-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star"></i> las la-star
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbs-down"></i> las la-thumbs-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbs-up"></i> las la-thumbs-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbtack"></i> las la-thumbtack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user"></i> las la-user
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-circle"></i> las la-user-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-friends"></i> las la-user-friends
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-plus"></i> las la-user-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-users"></i> las la-users
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-video"></i> las la-video
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Religion</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-asterisk"></i> las la-asterisk
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-atom"></i> las la-atom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-certificate"></i> las la-certificate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-circle-notch"></i> las la-circle-notch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cog"></i> las la-cog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compact-disc"></i> las la-compact-disc
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compass"></i> las la-compass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-crosshairs"></i> las la-crosshairs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dharmachakra"></i> las la-dharmachakra
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fan"></i> las la-fan
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-haykal"></i> las la-haykal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-life-ring"></i> las la-life-ring
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-palette"></i> las la-palette
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ring"></i> las la-ring
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-slash"></i> las la-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowflake"></i> las la-snowflake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-spinner"></i> las la-spinner
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stroopwafel"></i> las la-stroopwafel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sun"></i> las la-sun
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sync"></i> las la-sync
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sync-alt"></i> las la-sync-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-yin-yang"></i> las la-yin-yang
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Religion</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-baseball-ball"></i> las la-baseball-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-basketball-ball"></i> las la-basketball-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-biking"></i> las la-biking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bowling-ball"></i> las la-bowling-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dumbbell"></i> las la-dumbbell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-football-ball"></i> las la-football-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-futbol"></i> las la-futbol
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-golf-ball"></i> las la-golf-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hockey-puck"></i> las la-hockey-puck
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-quidditch"></i> las la-quidditch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-running"></i> las la-running
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skating"></i> las la-skating
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skiing"></i> las la-skiing
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skiing-nordic"></i> las la-skiing-nordic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowboarding"></i> las la-snowboarding
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-swimmer"></i> las la-swimmer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-table-tennis"></i> las la-table-tennis
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volleyball-ball"></i> las la-volleyball-ball
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Religion</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-allergies"></i> las la-allergies
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-broom"></i> las la-broom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-sun"></i> las la-cloud-sun
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-sun-rain"></i> las la-cloud-sun-rain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-frog"></i> las la-frog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rainbow"></i> las la-rainbow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-seedling"></i> las la-seedling
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-umbrella"></i> las la-umbrella
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Religion</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ban"></i> las la-ban
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-battery-empty"></i> las la-battery-empty
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-battery-full"></i> las la-battery-full
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-battery-half"></i> las la-battery-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-battery-quarter"></i> las la-battery-quarter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-battery-three-quarters"></i> las la-battery-three-quarters
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell"></i> las la-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bell-slash"></i> las la-bell-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar"></i> las la-calendar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-alt"></i> las la-calendar-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-check"></i> las la-calendar-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-day"></i> las la-calendar-day
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-minus"></i> las la-calendar-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-plus"></i> las la-calendar-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-times"></i> las la-calendar-times
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-calendar-week"></i> las la-calendar-week
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cart-arrow-down"></i> las la-cart-arrow-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cart-plus"></i> las la-cart-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment"></i> las la-comment
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment-alt"></i> las la-comment-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-comment-slash"></i> las la-comment-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-compass"></i> las la-compass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-door-closed"></i> las la-door-closed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-door-open"></i> las la-door-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-exclamation"></i> las la-exclamation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-exclamation-circle"></i> las la-exclamation-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-exclamation-triangle"></i> las la-exclamation-triangle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye"></i> las la-eye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-eye-slash"></i> las la-eye-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file"></i> las la-file
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-file-alt"></i> las la-file-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder"></i> las la-folder
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-folder-open"></i> las la-folder-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-gas-pump"></i> las la-gas-pump
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-info"></i> las la-info
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-info-circle"></i> las la-info-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lightbulb"></i> las la-lightbulb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lock"></i> las la-lock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-lock-open"></i> las la-lock-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marker"></i> las la-map-marker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marker-alt"></i> las la-map-marker-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone"></i> las la-microphone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-alt"></i> las la-microphone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-alt-slash"></i> las la-microphone-alt-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-microphone-slash"></i> las la-microphone-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-minus"></i> las la-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-minus-circle"></i> las la-minus-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-minus-square"></i> las la-minus-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-parking"></i> las la-parking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone"></i> las la-phone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-alt"></i> las la-phone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-phone-slash"></i> las la-phone-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plus"></i> las la-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plus-circle"></i> las la-plus-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plus-square"></i> las la-plus-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-print"></i> las la-print
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-question"></i> las la-question
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-question-circle"></i> las la-question-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shield-alt"></i> las la-shield-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shopping-cart"></i> las la-shopping-cart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sign-in-alt"></i> las la-sign-in-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sign-out-alt"></i> las la-sign-out-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-signal"></i> las la-signal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smoking-ban"></i> las la-smoking-ban
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star"></i> las la-star
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star-half"></i> las la-star-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-star-half-alt"></i> las la-star-half-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-stream"></i> las la-stream
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thermometer-empty"></i> las la-thermometer-empty
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thermometer-full"></i> las la-thermometer-full
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thermometer-half"></i> las la-thermometer-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thermometer-quarter"></i> las la-thermometer-quarter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thermometer-three-quarters"></i> las la-thermometer-three-quarters
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbs-down"></i> las la-thumbs-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-thumbs-up"></i> las la-thumbs-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tint"></i> las la-tint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tint-slash"></i> las la-tint-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-toggle-off"></i> las la-toggle-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-toggle-on"></i> las la-toggle-on
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-unlock"></i> las la-unlock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-unlock-alt"></i> las la-unlock-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user"></i> las la-user
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-alt"></i> las la-user-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-alt-slash"></i> las la-user-alt-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-slash"></i> las la-user-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-video"></i> las la-video
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-video-slash"></i> las la-video-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-down"></i> las la-volume-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-mute"></i> las la-volume-mute
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-off"></i> las la-volume-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-volume-up"></i> las la-volume-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wifi"></i> las la-wifi
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Religion</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-acquisitions-incorporated"></i> lab la-acquisitions-incorporated
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-book-dead"></i> las la-book-dead
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-critical-role"></i> lab la-critical-role
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-d-and-d"></i> lab la-d-and-d
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-d-and-d-beyond"></i> lab la-d-and-d-beyond
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-d20"></i> las la-dice-d20
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dice-d6"></i> las la-dice-d6
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dragon"></i> las la-dragon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dungeon"></i> las la-dungeon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-fantasy-flight-games"></i> lab la-fantasy-flight-games
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-fist-raised"></i> las la-fist-raised
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hat-wizard"></i> las la-hat-wizard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-penny-arcade"></i> lab la-penny-arcade
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-ring"></i> las la-ring
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-scroll"></i> las la-scroll
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skull-crossbones"></i> las la-skull-crossbones
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-wizards-of-the-coast"></i> lab la-wizards-of-the-coast
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Travel</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-archway"></i> las la-archway
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-atlas"></i> las la-atlas
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bed"></i> las la-bed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bus"></i> las la-bus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bus-alt"></i> las la-bus-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cocktail"></i> las la-cocktail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-concierge-bell"></i> las la-concierge-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-dumbbell"></i> las la-dumbbell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-martini"></i> las la-glass-martini
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-martini-alt"></i> las la-glass-martini-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-globe-africa"></i> las la-globe-africa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-globe-americas"></i> las la-globe-americas
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-globe-asia"></i> las la-globe-asia
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-globe-europe"></i> las la-globe-europe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hot-tub"></i> las la-hot-tub
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hotel"></i> las la-hotel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-luggage-cart"></i> las la-luggage-cart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map"></i> las la-map
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marked"></i> las la-map-marked
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-map-marked-alt"></i> las la-map-marked-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-monument"></i> las la-monument
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-passport"></i> las la-passport
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plane"></i> las la-plane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plane-arrival"></i> las la-plane-arrival
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-plane-departure"></i> las la-plane-departure
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-shuttle-van"></i> las la-shuttle-van
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-spa"></i> las la-spa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-suitcase"></i> las la-suitcase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-suitcase-rolling"></i> las la-suitcase-rolling
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-swimmer"></i> las la-swimmer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-swimming-pool"></i> las la-swimming-pool
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-taxi"></i> las la-taxi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tram"></i> las la-tram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tv"></i> las la-tv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-umbrella-beach"></i> las la-umbrella-beach
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wine-glass"></i> las la-wine-glass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wine-glass-alt"></i> las la-wine-glass-alt
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Users & People</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="lab la-accessible-icon"></i> lab la-accessible-icon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-address-book"></i> las la-address-book
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-address-card"></i> las la-address-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-baby"></i> las la-baby
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bed"></i> las la-bed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-biking"></i> las la-biking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-blind"></i> las la-blind
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-chalkboard-teacher"></i> las la-chalkboard-teacher
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-child"></i> las la-child
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-female"></i> las la-female
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-frown"></i> las la-frown
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-hiking"></i> las la-hiking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-id-badge"></i> las la-id-badge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-id-card"></i> las la-id-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-id-card-alt"></i> las la-id-card-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-male"></i> las la-male
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-meh"></i> las la-meh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-people-carry"></i> las la-people-carry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-person-booth"></i> las la-person-booth
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-poo"></i> las la-poo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-portrait"></i> las la-portrait
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-power-off"></i> las la-power-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-pray"></i> las la-pray
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-restroom"></i> las la-restroom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-running"></i> las la-running
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skating"></i> las la-skating
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skiing"></i> las la-skiing
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skiing-nordic"></i> las la-skiing-nordic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smile"></i> las la-smile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowboarding"></i> las la-snowboarding
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-street-view"></i> las la-street-view
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-swimmer"></i> las la-swimmer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user"></i> las la-user
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-alt"></i> las la-user-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-alt-slash"></i> las la-user-alt-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-astronaut"></i> las la-user-astronaut
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-check"></i> las la-user-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-circle"></i> las la-user-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-clock"></i> las la-user-clock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-cog"></i> las la-user-cog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-edit"></i> las la-user-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-friends"></i> las la-user-friends
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-graduate"></i> las la-user-graduate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-injured"></i> las la-user-injured
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-lock"></i> las la-user-lock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-md"></i> las la-user-md
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-minus"></i> las la-user-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-ninja"></i> las la-user-ninja
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-nurse"></i> las la-user-nurse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-plus"></i> las la-user-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-secret"></i> las la-user-secret
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-shield"></i> las la-user-shield
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-slash"></i> las la-user-slash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-tag"></i> las la-user-tag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-tie"></i> las la-user-tie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-user-times"></i> las la-user-times
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-users"></i> las la-users
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-users-cog"></i> las la-users-cog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-walking"></i> las la-walking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wheelchair"></i> las la-wheelchair
                                        </div>
                                    </div>

                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Weather</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-bolt"></i> las la-bolt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud"></i> las la-cloud
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-meatball"></i> las la-cloud-meatball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-moon"></i> las la-cloud-moon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-moon-rain"></i> las la-cloud-moon-rain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-rain"></i> las la-cloud-rain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-showers-heavy"></i> las la-cloud-showers-heavy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-sun"></i> las la-cloud-sun
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-cloud-sun-rain"></i> las la-cloud-sun-rain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-meteor"></i> las la-meteor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-moon"></i> las la-moon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-poo-storm"></i> las la-poo-storm
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-rainbow"></i> las la-rainbow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-smog"></i> las la-smog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowflake"></i> las la-snowflake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-sun"></i> las la-sun
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-temperature-high"></i> las la-temperature-high
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-temperature-low"></i> las la-temperature-low
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-umbrella"></i> las la-umbrella
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-water"></i> las la-water
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-wind"></i> las la-wind
                                        </div>
                                    </div>


                                    <h6 class="text-uppercase text-muted fw-semibold mt-4">Winter</h6>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-glass-whiskey"></i> las la-glass-whiskey
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-icicles"></i> las la-icicles
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-igloo"></i> las la-igloo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-mitten"></i> las la-mitten
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skating"></i> las la-skating
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skiing"></i> las la-skiing
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-skiing-nordic"></i> las la-skiing-nordic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowboarding"></i> las la-snowboarding
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-snowplow"></i> las la-snowplow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="las la-tram"></i> las la-tram
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end row -->

                </div>
                <!-- container-fluid -->
            </div>
            <!-- End Page-content -->

            <footer class="footer">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-sm-6">
                            <script>document.write(new Date().getFullYear())</script> © Velzon.
                        </div>
                        <div class="col-sm-6">
                            <div class="text-sm-end d-none d-sm-block">
                                Design & Develop by Themesbrand
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
        <!-- end main content-->

    </div>
    <!-- END layout-wrapper -->



    <!--start back-to-top-->
    <button onclick="topFunction()" class="btn btn-danger btn-icon" id="back-to-top">
        <i class="ri-arrow-up-line"></i>
    </button>
    <!--end back-to-top-->

    <!--preloader-->
    <div id="preloader">
        <div id="status">
            <div class="spinner-border text-primary avatar-sm" role="status">
                <span class="visually-hidden">Loading...</span>
            </div>
        </div>
    </div>

    <div class="customizer-setting d-none d-md-block">
        <div class="btn-info rounded-pill shadow-lg btn btn-icon btn-lg p-2" data-bs-toggle="offcanvas" data-bs-target="#theme-settings-offcanvas" aria-controls="theme-settings-offcanvas">
            <i class='mdi mdi-spin mdi-cog-outline fs-22'></i>
        </div>
    </div>

    <!-- Theme Settings -->
    <div class="offcanvas offcanvas-end border-0" tabindex="-1" id="theme-settings-offcanvas">
        <div class="d-flex align-items-center bg-primary bg-gradient p-3 offcanvas-header">
            <h5 class="m-0 me-2 text-white">Theme Customizer</h5>

            <button type="button" class="btn-close btn-close-white ms-auto" id="customizerclose-btn" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body p-0">
            <div data-simplebar class="h-100">
                <div class="p-4">
                    <h6 class="mb-0 fw-semibold text-uppercase fs-12">Layout</h6>
                    <p class="text-muted">Choose your layout</p>

                    <div class="row gy-3">
                        <div class="col-4">
                            <div class="form-check card-radio">
                                <input id="customizer-layout01" name="data-layout" type="radio" value="vertical" class="form-check-input">
                                <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="customizer-layout01">
                                    <span class="d-flex gap-1 h-100">
                                        <span class="flex-shrink-0">
                                            <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                            </span>
                                        </span>
                                        <span class="flex-grow-1">
                                            <span class="d-flex h-100 flex-column">
                                                <span class="bg-light d-block p-1"></span>
                                                <span class="bg-light d-block p-1 mt-auto"></span>
                                            </span>
                                        </span>
                                    </span>
                                </label>
                            </div>
                            <h5 class="fs-13 text-center mt-2">Vertical</h5>
                        </div>
                        <div class="col-4">
                            <div class="form-check card-radio">
                                <input id="customizer-layout02" name="data-layout" type="radio" value="horizontal" class="form-check-input">
                                <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="customizer-layout02">
                                    <span class="d-flex h-100 flex-column gap-1">
                                        <span class="bg-light d-flex p-1 gap-1 align-items-center">
                                            <span class="d-block p-1 bg-primary-subtle rounded me-1"></span>
                                            <span class="d-block p-1 pb-0 px-2 bg-primary-subtle ms-auto"></span>
                                            <span class="d-block p-1 pb-0 px-2 bg-primary-subtle"></span>
                                        </span>
                                        <span class="bg-light d-block p-1"></span>
                                        <span class="bg-light d-block p-1 mt-auto"></span>
                                    </span>
                                </label>
                            </div>
                            <h5 class="fs-13 text-center mt-2">Horizontal</h5>
                        </div>
                        <div class="col-4">
                            <div class="form-check card-radio">
                                <input id="customizer-layout03" name="data-layout" type="radio" value="twocolumn" class="form-check-input">
                                <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="customizer-layout03">
                                    <span class="d-flex gap-1 h-100">
                                        <span class="flex-shrink-0">
                                            <span class="bg-light d-flex h-100 flex-column gap-1">
                                                <span class="d-block p-1 bg-primary-subtle mb-2"></span>
                                                <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                            </span>
                                        </span>
                                        <span class="flex-shrink-0">
                                            <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                            </span>
                                        </span>
                                        <span class="flex-grow-1">
                                            <span class="d-flex h-100 flex-column">
                                                <span class="bg-light d-block p-1"></span>
                                                <span class="bg-light d-block p-1 mt-auto"></span>
                                            </span>
                                        </span>
                                    </span>
                                </label>
                            </div>
                            <h5 class="fs-13 text-center mt-2">Two Column</h5>
                        </div>
                        <!-- end col -->

                        <div class="col-4">
                            <div class="form-check card-radio">
                                <input id="customizer-layout04" name="data-layout" type="radio" value="semibox" class="form-check-input">
                                <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="customizer-layout04">
                                    <span class="d-flex gap-1 h-100">
                                        <span class="flex-shrink-0 p-1">
                                            <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                            </span>
                                        </span>
                                        <span class="flex-grow-1">
                                            <span class="d-flex h-100 flex-column pt-1 pe-2">
                                                <span class="bg-light d-block p-1"></span>
                                                <span class="bg-light d-block p-1 mt-auto"></span>
                                            </span>
                                        </span>
                                    </span>
                                </label>
                            </div>
                            <h5 class="fs-13 text-center mt-2">Semi Box</h5>
                        </div>
                        <!-- end col -->
                    </div>

                    <h6 class="mt-4 mb-0 fw-semibold text-uppercase fs-12">Color Scheme</h6>
                    <p class="text-muted">Choose Light or Dark Scheme.</p>

                    <div class="colorscheme-cardradio">
                        <div class="row">
                            <div class="col-4">
                                <div class="form-check card-radio">
                                    <input class="form-check-input" type="radio" name="data-bs-theme" id="layout-mode-light" value="light">
                                    <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="layout-mode-light">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Light</h5>
                            </div>

                            <div class="col-4">
                                <div class="form-check card-radio dark">
                                    <input class="form-check-input" type="radio" name="data-bs-theme" id="layout-mode-dark" value="dark">
                                    <label class="form-check-label p-0 avatar-md w-100 shadow-sm bg-dark" for="layout-mode-dark">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-white bg-opacity-10 d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 px-2 bg-white bg-opacity-10 rounded mb-2"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-white bg-opacity-10"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-white bg-opacity-10"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-white bg-opacity-10"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-white bg-opacity-10 d-block p-1"></span>
                                                    <span class="bg-white bg-opacity-10 d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Dark</h5>
                            </div>
                        </div>
                    </div>

                    <div id="sidebar-visibility">
                        <h6 class="mt-4 mb-0 fw-semibold text-uppercase fs-12">Sidebar Visibility</h6>
                        <p class="text-muted">Choose show or Hidden sidebar.</p>
                
                        <div class="row">
                            <div class="col-4">
                                <div class="form-check card-radio">
                                    <input class="form-check-input" type="radio" name="data-sidebar-visibility" id="sidebar-visibility-show" value="show">
                                    <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="sidebar-visibility-show">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0 p-1">
                                                <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column pt-1 pe-2">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Show</h5>
                            </div>
                            <div class="col-4">
                                <div class="form-check card-radio">
                                    <input class="form-check-input" type="radio" name="data-sidebar-visibility" id="sidebar-visibility-hidden" value="hidden">
                                    <label class="form-check-label p-0 avatar-md w-100 px-2 shadow-sm" for="sidebar-visibility-hidden">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column pt-1 px-2">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Hidden</h5>
                            </div>
                        </div>
                    </div>

                    <div id="layout-width">
                        <h6 class="mt-4 mb-0 fw-semibold text-uppercase fs-12">Layout Width</h6>
                        <p class="text-muted">Choose Fluid or Boxed layout.</p>

                        <div class="row">
                            <div class="col-4">
                                <div class="form-check card-radio">
                                    <input class="form-check-input" type="radio" name="data-layout-width" id="layout-width-fluid" value="fluid">
                                    <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="layout-width-fluid">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Fluid</h5>
                            </div>
                            <div class="col-4">
                                <div class="form-check card-radio">
                                    <input class="form-check-input" type="radio" name="data-layout-width" id="layout-width-boxed" value="boxed">
                                    <label class="form-check-label p-0 avatar-md w-100 shadow-sm px-2" for="layout-width-boxed">
                                        <span class="d-flex gap-1 h-100 border-start border-end">
                                            <span class="flex-shrink-0">
                                                <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Boxed</h5>
                            </div>
                        </div>
                    </div>

                    <div id="layout-position">
                        <h6 class="mt-4 mb-0 fw-semibold text-uppercase fs-12">Layout Position</h6>
                        <p class="text-muted">Choose Fixed or Scrollable Layout Position.</p>

                        <div class="btn-group radio" role="group">
                            <input type="radio" class="btn-check" name="data-layout-position" id="layout-position-fixed" value="fixed">
                            <label class="btn btn-light w-sm" for="layout-position-fixed">Fixed</label>

                            <input type="radio" class="btn-check" name="data-layout-position" id="layout-position-scrollable" value="scrollable">
                            <label class="btn btn-light w-sm ms-0" for="layout-position-scrollable">Scrollable</label>
                        </div>
                    </div>
                    <h6 class="mt-4 mb-0 fw-semibold text-uppercase fs-12">Topbar Color</h6>
                    <p class="text-muted">Choose Light or Dark Topbar Color.</p>

                    <div class="row">
                        <div class="col-4">
                            <div class="form-check card-radio">
                                <input class="form-check-input" type="radio" name="data-topbar" id="topbar-color-light" value="light">
                                <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="topbar-color-light">
                                    <span class="d-flex gap-1 h-100">
                                        <span class="flex-shrink-0">
                                            <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                            </span>
                                        </span>
                                        <span class="flex-grow-1">
                                            <span class="d-flex h-100 flex-column">
                                                <span class="bg-light d-block p-1"></span>
                                                <span class="bg-light d-block p-1 mt-auto"></span>
                                            </span>
                                        </span>
                                    </span>
                                </label>
                            </div>
                            <h5 class="fs-13 text-center mt-2">Light</h5>
                        </div>
                        <div class="col-4">
                            <div class="form-check card-radio">
                                <input class="form-check-input" type="radio" name="data-topbar" id="topbar-color-dark" value="dark">
                                <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="topbar-color-dark">
                                    <span class="d-flex gap-1 h-100">
                                        <span class="flex-shrink-0">
                                            <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                            </span>
                                        </span>
                                        <span class="flex-grow-1">
                                            <span class="d-flex h-100 flex-column">
                                                <span class="bg-dark d-block p-1"></span>
                                                <span class="bg-light d-block p-1 mt-auto"></span>
                                            </span>
                                        </span>
                                    </span>
                                </label>
                            </div>
                            <h5 class="fs-13 text-center mt-2">Dark</h5>
                        </div>
                    </div>

                    <div id="sidebar-size">
                        <h6 class="mt-4 mb-0 fw-semibold text-uppercase fs-12">Sidebar Size</h6>
                        <p class="text-muted">Choose a size of Sidebar.</p>

                        <div class="row">
                            <div class="col-4">
                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-default" value="lg">
                                    <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="sidebar-size-default">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Default</h5>
                            </div>

                            <div class="col-4">
                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-compact" value="md">
                                    <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="sidebar-size-compact">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 bg-primary-subtle rounded mb-2"></span>
                                                    <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Compact</h5>
                            </div>

                            <div class="col-4">
                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-small" value="sm">
                                    <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="sidebar-size-small">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-light d-flex h-100 flex-column gap-1">
                                                    <span class="d-block p-1 bg-primary-subtle mb-2"></span>
                                                    <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Small (Icon View)</h5>
                            </div>

                            <div class="col-4">
                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-small-hover" value="sm-hover">
                                    <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="sidebar-size-small-hover">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-light d-flex h-100 flex-column gap-1">
                                                    <span class="d-block p-1 bg-primary-subtle mb-2"></span>
                                                    <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Small Hover View</h5>
                            </div>
                        </div>
                    </div>

                    <div id="sidebar-view">
                        <h6 class="mt-4 mb-0 fw-semibold text-uppercase fs-12">Sidebar View</h6>
                        <p class="text-muted">Choose Default or Detached Sidebar view.</p>

                        <div class="row">
                            <div class="col-4">
                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-layout-style" id="sidebar-view-default" value="default">
                                    <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="sidebar-view-default">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Default</h5>
                            </div>
                            <div class="col-4">
                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-layout-style" id="sidebar-view-detached" value="detached">
                                    <label class="form-check-label p-0 avatar-md w-100 shadow-sm" for="sidebar-view-detached">
                                        <span class="d-flex h-100 flex-column">
                                            <span class="bg-light d-flex p-1 gap-1 align-items-center px-2">
                                                <span class="d-block p-1 bg-primary-subtle rounded me-1"></span>
                                                <span class="d-block p-1 pb-0 px-2 bg-primary-subtle ms-auto"></span>
                                                <span class="d-block p-1 pb-0 px-2 bg-primary-subtle"></span>
                                            </span>
                                            <span class="d-flex gap-1 h-100 p-1 px-2">
                                                <span class="flex-shrink-0">
                                                    <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                        <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                        <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                        <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    </span>
                                                </span>
                                            </span>
                                            <span class="bg-light d-block p-1 mt-auto px-2"></span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Detached</h5>
                            </div>
                        </div>
                    </div>
                    <div id="sidebar-color">
                        <h6 class="mt-4 mb-0 fw-semibold text-uppercase fs-12">Sidebar Color</h6>
                        <p class="text-muted">Choose a color of Sidebar.</p>

                        <div class="row">
                            <div class="col-4">
                                <div class="form-check sidebar-setting card-radio" data-bs-toggle="collapse" data-bs-target="#collapseBgGradient.show">
                                    <input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-light" value="light">
                                    <label class="form-check-label p-0 avatar-md w-100" for="sidebar-color-light">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-white border-end d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Light</h5>
                            </div>
                            <div class="col-4">
                                <div class="form-check sidebar-setting card-radio" data-bs-toggle="collapse" data-bs-target="#collapseBgGradient.show">
                                    <input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-dark" value="dark">
                                    <label class="form-check-label p-0 avatar-md w-100" for="sidebar-color-dark">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-primary d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 px-2 bg-white bg-opacity-10 rounded mb-2"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-white bg-opacity-10"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-white bg-opacity-10"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-white bg-opacity-10"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Dark</h5>
                            </div>
                            <div class="col-4">
                                <button class="btn btn-link avatar-md w-100 p-0 overflow-hidden border collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseBgGradient" aria-expanded="false" aria-controls="collapseBgGradient">
                                    <span class="d-flex gap-1 h-100">
                                        <span class="flex-shrink-0">
                                            <span class="bg-vertical-gradient d-flex h-100 flex-column gap-1 p-1">
                                                <span class="d-block p-1 px-2 bg-white bg-opacity-10 rounded mb-2"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-white bg-opacity-10"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-white bg-opacity-10"></span>
                                                <span class="d-block p-1 px-2 pb-0 bg-white bg-opacity-10"></span>
                                            </span>
                                        </span>
                                        <span class="flex-grow-1">
                                            <span class="d-flex h-100 flex-column">
                                                <span class="bg-light d-block p-1"></span>
                                                <span class="bg-light d-block p-1 mt-auto"></span>
                                            </span>
                                        </span>
                                    </span>
                                </button>
                                <h5 class="fs-13 text-center mt-2">Gradient</h5>
                            </div>
                        </div>
                        <!-- end row -->

                        <div class="collapse" id="collapseBgGradient">
                            <div class="d-flex gap-2 flex-wrap img-switch p-2 px-3 bg-light rounded">

                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-gradient" value="gradient">
                                    <label class="form-check-label p-0 avatar-xs rounded-circle" for="sidebar-color-gradient">
                                        <span class="avatar-title rounded-circle bg-vertical-gradient"></span>
                                    </label>
                                </div>
                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-gradient-2" value="gradient-2">
                                    <label class="form-check-label p-0 avatar-xs rounded-circle" for="sidebar-color-gradient-2">
                                        <span class="avatar-title rounded-circle bg-vertical-gradient-2"></span>
                                    </label>
                                </div>
                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-gradient-3" value="gradient-3">
                                    <label class="form-check-label p-0 avatar-xs rounded-circle" for="sidebar-color-gradient-3">
                                        <span class="avatar-title rounded-circle bg-vertical-gradient-3"></span>
                                    </label>
                                </div>
                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-gradient-4" value="gradient-4">
                                    <label class="form-check-label p-0 avatar-xs rounded-circle" for="sidebar-color-gradient-4">
                                        <span class="avatar-title rounded-circle bg-vertical-gradient-4"></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div id="sidebar-img">
                        <h6 class="mt-4 mb-0 fw-semibold text-uppercase fs-12">Sidebar Images</h6>
                        <p class="text-muted">Choose a image of Sidebar.</p>

                        <div class="d-flex gap-2 flex-wrap img-switch">
                            <div class="form-check sidebar-setting card-radio">
                                <input class="form-check-input" type="radio" name="data-sidebar-image" id="sidebarimg-none" value="none">
                                <label class="form-check-label p-0 avatar-sm h-auto" for="sidebarimg-none">
                                    <span class="avatar-md w-auto bg-light d-flex align-items-center justify-content-center">
                                        <i class="ri-close-fill fs-20"></i>
                                    </span>
                                </label>
                            </div>

                            <div class="form-check sidebar-setting card-radio">
                                <input class="form-check-input" type="radio" name="data-sidebar-image" id="sidebarimg-01" value="img-1">
                                <label class="form-check-label p-0 avatar-sm h-auto" for="sidebarimg-01">
                                    <img src="assets/images/sidebar/img-1.jpg" alt="" class="avatar-md w-auto object-fit-cover">
                                </label>
                            </div>	

                            <div class="form-check sidebar-setting card-radio">
                                <input class="form-check-input" type="radio" name="data-sidebar-image" id="sidebarimg-02" value="img-2">
                                <label class="form-check-label p-0 avatar-sm h-auto" for="sidebarimg-02">
                                    <img src="assets/images/sidebar/img-2.jpg" alt="" class="avatar-md w-auto object-fit-cover">
                                </label>
                            </div>
                            <div class="form-check sidebar-setting card-radio">
                                <input class="form-check-input" type="radio" name="data-sidebar-image" id="sidebarimg-03" value="img-3">
                                <label class="form-check-label p-0 avatar-sm h-auto" for="sidebarimg-03">
                                    <img src="assets/images/sidebar/img-3.jpg" alt="" class="avatar-md w-auto object-fit-cover">
                                </label>
                            </div>
                            <div class="form-check sidebar-setting card-radio">
                                <input class="form-check-input" type="radio" name="data-sidebar-image" id="sidebarimg-04" value="img-4">
                                <label class="form-check-label p-0 avatar-sm h-auto" for="sidebarimg-04">
                                    <img src="assets/images/sidebar/img-4.jpg" alt="" class="avatar-md w-auto object-fit-cover">
                                </label>
                            </div>
                        </div>
                    </div>

                    <div id="preloader-menu">
                        <h6 class="mt-4 mb-0 fw-semibold text-uppercase fs-12">Preloader</h6>
                        <p class="text-muted">Choose a preloader.</p>
                    
                        <div class="row">
                            <div class="col-4">
                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-preloader" id="preloader-view-custom" value="enable">
                                    <label class="form-check-label p-0 avatar-md w-100" for="preloader-view-custom">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                        <!-- <div id="preloader"> -->
                                        <div id="status" class="d-flex align-items-center justify-content-center">
                                            <div class="spinner-border text-primary avatar-xxs m-auto" role="status">
                                                <span class="visually-hidden">Loading...</span>
                                            </div>
                                        </div>
                                        <!-- </div> -->
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Enable</h5>
                            </div>
                            <div class="col-4">
                                <div class="form-check sidebar-setting card-radio">
                                    <input class="form-check-input" type="radio" name="data-preloader" id="preloader-view-none" value="disable">
                                    <label class="form-check-label p-0 avatar-md w-100" for="preloader-view-none">
                                        <span class="d-flex gap-1 h-100">
                                            <span class="flex-shrink-0">
                                                <span class="bg-light d-flex h-100 flex-column gap-1 p-1">
                                                    <span class="d-block p-1 px-2 bg-primary-subtle rounded mb-2"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                    <span class="d-block p-1 px-2 pb-0 bg-primary-subtle"></span>
                                                </span>
                                            </span>
                                            <span class="flex-grow-1">
                                                <span class="d-flex h-100 flex-column">
                                                    <span class="bg-light d-block p-1"></span>
                                                    <span class="bg-light d-block p-1 mt-auto"></span>
                                                </span>
                                            </span>
                                        </span>
                                    </label>
                                </div>
                                <h5 class="fs-13 text-center mt-2">Disable</h5>
                            </div>
                        </div>
                    
                    </div>
                    <!-- end preloader-menu -->

                </div>
            </div>

        </div>
        <div class="offcanvas-footer border-top p-3 text-center">
            <div class="row">
                <div class="col-6">
                    <button type="button" class="btn btn-light w-100" id="reset-layout">Reset</button>
                </div>
                <div class="col-6">
                    <a href="https://1.envato.market/velzon-admin" target="_blank" class="btn btn-primary w-100">Buy Now</a>
                </div>
            </div>
        </div>
    </div>

    <!-- JAVASCRIPT -->
    <script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/libs/simplebar/simplebar.min.js"></script>
    <script src="assets/libs/node-waves/waves.min.js"></script>
    <script src="assets/libs/feather-icons/feather.min.js"></script>
    <script src="assets/js/pages/plugins/lord-icon-2.1.0.js"></script>
    <script src="assets/js/plugins.js"></script>

    <!-- App js -->
    <script src="assets/js/app.js"></script>
</body>


<!-- Mirrored from themesbrand.com/velzon/html/material/icons-lineawesome.phpl by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Feb 2024 04:17:03 GMT -->
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit