���� 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/ssclinicaldiagnosticcentre.com/admin/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/digit2pk/public_html/ssclinicaldiagnosticcentre.com/admin/icons-boxicons.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-boxicons.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Feb 2024 04:17:00 GMT -->
<head>

    <meta charset="utf-8" />
    <title>Boxicons | 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.html" 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.html" 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.html" class="btn btn-soft-secondary btn-sm rounded-pill">how to setup <i class="mdi mdi-magnify ms-1"></i></a>
                                <a href="index.html" 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.html" 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.html" 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.html" 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.html" 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.html" 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.html" 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.html" 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.html" 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.html"><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.html"><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.html"><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.html"><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.html"><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.html"><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.html"><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.html"><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.html" 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.html" 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.html" class="nav-link" data-key="t-analytics"> Analytics </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="dashboard-crm.html" class="nav-link" data-key="t-crm"> CRM </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="index.html" class="nav-link" data-key="t-ecommerce"> Ecommerce </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="dashboard-crypto.html" class="nav-link" data-key="t-crypto"> Crypto </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="dashboard-projects.html" class="nav-link" data-key="t-projects"> Projects </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="dashboard-nft.html" class="nav-link" data-key="t-nft"> NFT</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="dashboard-job.html" 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.html" class="nav-link" data-key="t-main-calender"> Main Calender </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-calendar-month-grid.html" class="nav-link" data-key="t-month-grid"> Month Grid </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="apps-chat.html" 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.html" 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.html" class="nav-link" data-key="t-basic-action"> Basic Action </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a href="apps-email-ecommerce.html" 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.html" class="nav-link" data-key="t-products"> Products </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-product-details.html" class="nav-link" data-key="t-product-Details"> Product Details </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-add-product.html" class="nav-link" data-key="t-create-product"> Create Product </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-orders.html" class="nav-link" data-key="t-orders"> Orders </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-order-details.html" class="nav-link" data-key="t-order-details"> Order Details </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-customers.html" class="nav-link" data-key="t-customers"> Customers </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-cart.html" class="nav-link" data-key="t-shopping-cart"> Shopping Cart </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-checkout.html" class="nav-link" data-key="t-checkout"> Checkout </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-sellers.html" class="nav-link" data-key="t-sellers"> Sellers </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-ecommerce-seller-details.html" 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.html" class="nav-link" data-key="t-list"> List </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-projects-overview.html" class="nav-link" data-key="t-overview"> Overview </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-projects-create.html" 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.html" class="nav-link" data-key="t-kanbanboard"> Kanban Board </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-tasks-list-view.html" class="nav-link" data-key="t-list-view"> List View </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-tasks-details.html" 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.html" class="nav-link" data-key="t-contacts"> Contacts </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crm-companies.html" class="nav-link" data-key="t-companies"> Companies </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crm-deals.html" class="nav-link" data-key="t-deals"> Deals </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crm-leads.html" 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.html" class="nav-link" data-key="t-transactions"> Transactions </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crypto-buy-sell.html" class="nav-link" data-key="t-buy-sell"> Buy & Sell </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crypto-orders.html" class="nav-link" data-key="t-orders"> Orders </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crypto-wallet.html" class="nav-link" data-key="t-my-wallet"> My Wallet </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crypto-ico.html" class="nav-link" data-key="t-ico-list"> ICO List </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-crypto-kyc.html" 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.html" class="nav-link" data-key="t-list-view"> List View </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-invoices-details.html" class="nav-link" data-key="t-details"> Details </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-invoices-create.html" 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.html" class="nav-link" data-key="t-list-view"> List View </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-tickets-details.html" 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.html" class="nav-link" data-key="t-marketplace"> Marketplace </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-explore.html" class="nav-link" data-key="t-explore-now"> Explore Now </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-auction.html" class="nav-link" data-key="t-live-auction"> Live Auction </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-item-details.html" class="nav-link" data-key="t-item-details"> Item Details </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-collections.html" class="nav-link" data-key="t-collections"> Collections </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-creators.html" class="nav-link" data-key="t-creators"> Creators </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-ranking.html" class="nav-link" data-key="t-ranking"> Ranking </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-wallet.html" class="nav-link" data-key="t-wallet-connect"> Wallet Connect </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-nft-create.html" class="nav-link" data-key="t-create-nft"> Create NFT </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="apps-file-manager.html" class="nav-link"> <span data-key="t-file-manager">File Manager</span></a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="apps-todo.html" 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.html" 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.html" class="nav-link" data-key="t-list"> List
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a href="apps-job-grid-lists.html" class="nav-link" data-key="t-grid"> Grid </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a href="apps-job-details.html" 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.html" class="nav-link" data-key="t-list-view"> List View
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a href="apps-job-candidate-grid.html" class="nav-link" data-key="t-grid-view"> Grid View</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-job-application.html" class="nav-link" data-key="t-application"> Application </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-job-new.html" class="nav-link" data-key="t-new-job"> New Job </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-job-companies-lists.html" class="nav-link" data-key="t-companies-list"> Companies List </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="apps-job-categories.html" class="nav-link" data-key="t-job-categories"> Job Categories</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="apps-api-key.html" 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.html" class="nav-link" target="_blank" data-key="t-horizontal">Horizontal</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="layouts-detached.html" class="nav-link" target="_blank" data-key="t-detached">Detached</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="layouts-two-column.html" class="nav-link" target="_blank" data-key="t-two-column">Two Column</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="layouts-vertical-hovered.html" 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.html" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-signin-cover.html" 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.html" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-signup-cover.html" 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.html" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-pass-reset-cover.html" 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.html" class="nav-link" data-key="t-basic">
                                                        Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-pass-change-cover.html" 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.html" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-lockscreen-cover.html" 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.html" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-logout-cover.html" 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.html" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-success-msg-cover.html" 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.html" class="nav-link" data-key="t-basic"> Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-twostep-cover.html" 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.html" class="nav-link" data-key="t-404-basic"> 404 Basic </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-404-cover.html" class="nav-link" data-key="t-404-cover"> 404 Cover </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-404-alt.html" class="nav-link" data-key="t-404-alt"> 404 Alt </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-500.html" class="nav-link" data-key="t-500"> 500 </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="auth-offline.html" 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.html" 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.html" class="nav-link" data-key="t-simple-page"> Simple Page </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="pages-profile-settings.html" class="nav-link" data-key="t-settings"> Settings </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-team.html" class="nav-link" data-key="t-team"> Team </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-timeline.html" class="nav-link" data-key="t-timeline"> Timeline </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-faqs.html" class="nav-link" data-key="t-faqs"> FAQs </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-pricing.html" class="nav-link" data-key="t-pricing"> Pricing </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-gallery.html" class="nav-link" data-key="t-gallery"> Gallery </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-maintenance.html" class="nav-link" data-key="t-maintenance"> Maintenance </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-coming-soon.html" class="nav-link" data-key="t-coming-soon"> Coming Soon </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-sitemap.html" class="nav-link" data-key="t-sitemap"> Sitemap </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-search-results.html" class="nav-link" data-key="t-search-results"> Search Results </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-privacy-policy.html" class="nav-link" data-key="t-privacy-policy">Privacy Policy</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="pages-term-conditions.html" 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.html" class="nav-link" data-key="t-one-page"> One Page </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="nft-landing.html" class="nav-link" data-key="t-nft-landing"> NFT Landing </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="job-landing.html" 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.html" class="nav-link" data-key="t-alerts">Alerts</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-badges.html" class="nav-link" data-key="t-badges">Badges</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-buttons.html" class="nav-link" data-key="t-buttons">Buttons</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-colors.html" class="nav-link" data-key="t-colors">Colors</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-cards.html" class="nav-link" data-key="t-cards">Cards</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-carousel.html" class="nav-link" data-key="t-carousel">Carousel</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-dropdowns.html" class="nav-link" data-key="t-dropdowns">Dropdowns</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-grid.html" 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.html" class="nav-link" data-key="t-images">Images</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-tabs.html" class="nav-link" data-key="t-tabs">Tabs</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-accordions.html" class="nav-link" data-key="t-accordion-collapse">Accordion & Collapse</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-modals.html" class="nav-link" data-key="t-modals">Modals</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-offcanvas.html" class="nav-link" data-key="t-offcanvas">Offcanvas</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-placeholders.html" class="nav-link" data-key="t-placeholders">Placeholders</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-progress.html" class="nav-link" data-key="t-progress">Progress</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-notifications.html" 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.html" class="nav-link" data-key="t-media-object">Media object</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-embed-video.html" class="nav-link" data-key="t-embed-video">Embed Video</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-typography.html" class="nav-link" data-key="t-typography">Typography</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-lists.html" class="nav-link" data-key="t-lists">Lists</a>
                                            </li>
                                            <li class="nav-item">
        										<a href="ui-links.html" 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.html" class="nav-link" data-key="t-general">General</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-ribbons.html" class="nav-link" data-key="t-ribbons">Ribbons</a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="ui-utilities.html" 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.html" class="nav-link" data-key="t-sweet-alerts">Sweet Alerts</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-nestable.html" class="nav-link" data-key="t-nestable-list">Nestable List</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-scrollbar.html" class="nav-link" data-key="t-scrollbar">Scrollbar</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-animation.html" class="nav-link" data-key="t-animation">Animation</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-tour.html" class="nav-link" data-key="t-tour">Tour</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-swiper.html" class="nav-link" data-key="t-swiper-slider">Swiper Slider</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-ratings.html" class="nav-link" data-key="t-ratings">Ratings</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-highlight.html" class="nav-link" data-key="t-highlight">Highlight</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="advance-ui-scrollspy.html" 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.html">
                                <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.html" class="nav-link" data-key="t-basic-elements">Basic Elements</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-select.html" class="nav-link" data-key="t-form-select"> Form Select </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-checkboxs-radios.html" class="nav-link" data-key="t-checkboxs-radios">Checkboxs & Radios</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-pickers.html" class="nav-link" data-key="t-pickers"> Pickers </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-masks.html" class="nav-link" data-key="t-input-masks">Input Masks</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-advanced.html" class="nav-link" data-key="t-advanced">Advanced</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-range-sliders.html" class="nav-link" data-key="t-range-slider"> Range Slider </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-validation.html" class="nav-link" data-key="t-validation">Validation</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-wizard.html" class="nav-link" data-key="t-wizard">Wizard</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-editors.html" class="nav-link" data-key="t-editors">Editors</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-file-uploads.html" class="nav-link" data-key="t-file-uploads">File Uploads</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-layouts.html" class="nav-link" data-key="t-form-layouts">Form Layouts</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="forms-select2.html" 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.html" class="nav-link" data-key="t-basic-tables">Basic Tables</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="tables-gridjs.html" class="nav-link" data-key="t-grid-js">Grid Js</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="tables-listjs.html" class="nav-link" data-key="t-list-js">List Js</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="tables-datatables.html" 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.html" class="nav-link" data-key="t-line"> Line </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-area.html" class="nav-link" data-key="t-area"> Area </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-column.html" class="nav-link" data-key="t-column"> Column </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-bar.html" class="nav-link" data-key="t-bar"> Bar </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-mixed.html" class="nav-link" data-key="t-mixed"> Mixed </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-timeline.html" class="nav-link" data-key="t-timeline"> Timeline </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-range-area.html" 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.html" 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.html" class="nav-link" data-key="t-candlstick"> Candlstick </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-boxplot.html" class="nav-link" data-key="t-boxplot"> Boxplot </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-bubble.html" class="nav-link" data-key="t-bubble"> Bubble </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-scatter.html" class="nav-link" data-key="t-scatter"> Scatter </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-heatmap.html" class="nav-link" data-key="t-heatmap"> Heatmap </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-treemap.html" class="nav-link" data-key="t-treemap"> Treemap </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-pie.html" class="nav-link" data-key="t-pie"> Pie </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-radialbar.html" class="nav-link" data-key="t-radialbar"> Radialbar </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-radar.html" class="nav-link" data-key="t-radar"> Radar </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a href="charts-apex-polar.html" class="nav-link" data-key="t-polar-area"> Polar Area </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a href="charts-chartjs.html" class="nav-link" data-key="t-chartjs"> Chartjs </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="charts-echarts.html" 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.html" 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.html" 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.html" 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.html" class="nav-link" data-key="t-line-awesome">Line Awesome</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="icons-feather.html" 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.html" 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.html" class="nav-link" data-key="t-google">
                                            Google
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="maps-vector.html" class="nav-link" data-key="t-vector">
                                            Vector
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="maps-leaflet.html" 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">Boxicons</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">Boxicons</li>
                                    </ol>
                                </div>

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


                    <div class="row">
                        <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="bx bx-**">&lt;/i></code> class.</p>
                                </div>
                                <div class="card-body">

                                    <h5>Regular</h5>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-lemon"></i> bx bx-lemon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cable-car"></i> bx bx-cable-car
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cricket-ball"></i> bx bx-cricket-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-male-female"></i> bx bx-male-female
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-baguette"></i> bx bx-baguette
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-fork"></i> bx bx-fork
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-knife"></i> bx bx-knife
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-circle-half"></i> bx bx-circle-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-circle-three-quarter"></i> bx bx-circle-three-quarter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-circle-quarter"></i> bx bx-circle-quarter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bowl-rice"></i> bx bx-bowl-rice
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bowl-hot"></i> bx bx-bowl-hot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-popsicle"></i> bx bx-popsicle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cross"></i> bx bx-cross
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-scatter-chart"></i> bx bx-scatter-chart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-money-withdraw"></i> bx bx-money-withdraw
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-candles"></i> bx bx-candles
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-math"></i> bx bx-math
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-party"></i> bx bx-party
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-leaf"></i> bx bx-leaf
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-injection"></i> bx bx-injection
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-expand-vertical"></i> bx bx-expand-vertical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-expand-horizontal"></i> bx bx-expand-horizontal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-collapse-vertical"></i> bx bx-collapse-vertical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-collapse-horizontal"></i> bx bx-collapse-horizontal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-collapse-alt"></i> bx bx-collapse-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-qr"></i> bx bx-qr
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-qr-scan"></i> bx bx-qr-scan
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-podcast"></i> bx bx-podcast
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-checkbox-minus"></i> bx bx-checkbox-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-speaker"></i> bx bx-speaker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-registered"></i> bx bx-registered
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-phone-off"></i> bx bx-phone-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-buildings"></i> bx bx-buildings
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-store-alt"></i> bx bx-store-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bar-chart-alt-2"></i> bx bx-bar-chart-alt-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-dots"></i> bx bx-message-dots
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-rounded-dots"></i> bx bx-message-rounded-dots
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-memory-card"></i> bx bx-memory-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wallet-alt"></i> bx bx-wallet-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-slideshow"></i> bx bx-slideshow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-square"></i> bx bx-message-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-square-dots"></i> bx bx-message-square-dots
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-book-content"></i> bx bx-book-content
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chat"></i> bx bx-chat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-edit-alt"></i> bx bx-edit-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-mouse-alt"></i> bx bx-mouse-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bug-alt"></i> bx bx-bug-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-notepad"></i> bx bx-notepad
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-video-recording"></i> bx bx-video-recording
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shape-square"></i> bx bx-shape-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shape-triangle"></i> bx bx-shape-triangle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-ghost"></i> bx bx-ghost
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-mail-send"></i> bx bx-mail-send
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-code-alt"></i> bx bx-code-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-grid"></i> bx bx-grid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-user-pin"></i> bx bx-user-pin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-run"></i> bx bx-run
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-copy-alt"></i> bx bx-copy-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-transfer-alt"></i> bx bx-transfer-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-book-open"></i> bx bx-book-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-landscape"></i> bx bx-landscape
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-comment"></i> bx bx-comment
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-comment-dots"></i> bx bx-comment-dots
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pyramid"></i> bx bx-pyramid"
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cylinder"></i> bx bx-cylinder
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-lock-alt"></i> bx bx-lock-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-lock-open-alt"></i> bx bx-lock-open-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-left-arrow-alt"></i> bx bx-left-arrow-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-right-arrow-alt"></i> bx bx-right-arrow-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-up-arrow-alt"></i> bx bx-up-arrow-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-down-arrow-alt"></i> bx bx-down-arrow-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shape-circle"></i> bx bx-shape-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cycling"></i> bx bx-cycling
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dna"></i> bx bx-dna
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bowling-ball"></i> bx bx-bowling-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-search-alt-2"></i> bx bx-search-alt-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-plus-medical"></i> bx bx-plus-medical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-street-view"></i> bx bx-street-view
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-droplet"></i> bx bx-droplet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-paint-roll"></i> bx bx-paint-roll
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shield-alt-2"></i> bx bx-shield-alt-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-error-alt"></i> bx bx-error-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-square"></i> bx bx-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-square-rounded"></i> bx bx-square-rounded
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-polygon"></i> bx bx-polygon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cube-alt"></i> bx bx-cube-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cuboid"></i> bx bx-cuboid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-user-voice"></i> bx bx-user-voice
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-accessibility"></i> bx bx-accessibility
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-building-house"></i> bx bx-building-house
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-doughnut-chart"></i> bx bx-doughnut-chart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-log-in-circle"></i> bx bx-log-in-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-log-out-circle"></i> bx bx-log-out-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-check-square"></i> bx bx-check-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-alt"></i> bx bx-message-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-alt-dots"></i> bx bx-message-alt-dots
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-no-entry"></i> bx bx-no-entry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-palette"></i> bx bx-palette
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-basket"></i> bx bx-basket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-purchase-tag-alt"></i> bx bx-purchase-tag-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-receipt"></i> bx bx-receipt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-line-chart"></i> bx bx-line-chart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-map-pin"></i> bx bx-map-pin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-hive"></i> bx bx-hive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-band-aid"></i> bx bx-band-aid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-credit-card-alt"></i> bx bx-credit-card-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wifi-off"></i> bx bx-wifi-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-brightness-half"></i> bx bx-brightness-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-brightness"></i> bx bx-brightness
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-filter-alt"></i> bx bx-filter-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dialpad-alt"></i> bx bx-dialpad-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-border-right"></i> bx bx-border-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-border-left"></i> bx bx-border-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-border-top"></i> bx bx-border-top
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-border-bottom"></i> bx bx-border-bottom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-border-all"></i> bx bx-border-all
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-mobile-landscape"></i> bx bx-mobile-landscape
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-mobile-vibration"></i> bx bx-mobile-vibration
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-gas-pump"></i> bx bx-gas-pump
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pie-chart-alt-2"></i> bx bx-pie-chart-alt-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-time-five"></i> bx bx-time-five
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-briefcase-alt-2"></i> bx bx-briefcase-alt-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-brush-alt"></i> bx bx-brush-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-customize"></i> bx bx-customize
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-radio"></i> bx bx-radio
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-printer"></i> bx bx-printer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sort-a-z"></i> bx bx-sort-a-z
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sort-z-a"></i> bx bx-sort-z-a
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-conversation"></i> bx bx-conversation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-exit"></i> bx bx-exit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-extension"></i> bx bx-extension
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-face"></i> bx bx-face
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-file-find"></i> bx bx-file-find
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-label"></i> bx bx-label
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-check-shield"></i> bx bx-check-shield
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-border-radius"></i> bx bx-border-radius
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-add-to-queue"></i> bx bx-add-to-queue
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-archive-in"></i> bx bx-archive-in
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-archive-out"></i> bx bx-archive-out
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-alarm-add"></i> bx bx-alarm-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-space-bar"></i> bx bx-space-bar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-image-alt"></i> bx bx-image-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-image-add"></i> bx bx-image-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-fridge"></i> bx bx-fridge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dish"></i> bx bx-dish
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-spa"></i> bx bx-spa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cake"></i> bx bx-cake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bolt-circle"></i> bx bx-bolt-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-tone"></i> bx bx-tone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bitcoin"></i> bx bx-bitcoin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-lira"></i> bx bx-lira
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-ruble"></i> bx bx-ruble
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-rupee"></i> bx bx-rupee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-euro"></i> bx bx-euro
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pound"></i> bx bx-pound
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-won"></i> bx bx-won
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-yen"></i> bx bx-yen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shekel"></i> bx bx-shekel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-health"></i> bx bx-health
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-clinic"></i> bx bx-clinic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-male"></i> bx bx-male
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-female"></i> bx bx-female
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-male-sign"></i> bx bx-male-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-female-sign"></i> bx bx-female-sign
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-food-tag"></i> bx bx-food-tag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-food-menu"></i> bx bx-food-menu
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-meh-alt"></i> bx bx-meh-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wink-tongue"></i> bx bx-wink-tongue
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-happy-alt"></i> bx bx-happy-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cool"></i> bx bx-cool
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-tired"></i> bx bx-tired
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-smile"></i> bx bx-smile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-angry"></i> bx bx-angry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-happy-heart-eyes"></i> bx bx-happy-heart-eyes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dizzy"></i> bx bx-dizzy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wink-smile"></i> bx bx-wink-smile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-confused"></i> bx bx-confused
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sleepy"></i> bx bx-sleepy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shocked"></i> bx bx-shocked
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-happy-beaming"></i> bx bx-happy-beaming
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-meh-blank"></i> bx bx-meh-blank
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-laugh"></i> bx bx-laugh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-upside-down"></i> bx bx-upside-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-diamond"></i> bx bx-diamond
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-align-left"></i> bx bx-align-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-align-middle"></i> bx bx-align-middle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-align-right"></i> bx bx-align-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-arrow-back"></i> bx bx-arrow-back
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bell-minus"></i> bx bx-bell-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bell-off"></i> bx bx-bell-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bell-plus"></i> bx bx-bell-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bell"></i> bx bx-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bookmark"></i> bx bx-bookmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bookmarks"></i> bx bx-bookmarks
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bullseye"></i> bx bx-bullseye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-camera-off"></i> bx bx-camera-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-camera"></i> bx bx-camera
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-captions"></i> bx bx-captions
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-checkbox-checked"></i> bx bx-checkbox-checked
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-checkbox"></i> bx bx-checkbox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-checkbox-square"></i> bx bx-checkbox-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-down"></i> bx bx-chevron-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-up"></i> bx bx-chevron-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-left"></i> bx bx-chevron-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-right"></i> bx bx-chevron-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevrons-down"></i> bx bx-chevrons-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevrons-up"></i> bx bx-chevrons-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevrons-right"></i> bx bx-chevrons-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevrons-left"></i> bx bx-chevrons-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-clipboard"></i> bx bx-clipboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-code-curly"></i> bx bx-code-curly
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-code"></i> bx bx-code
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-coffee"></i> bx bx-coffee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-copy"></i> bx bx-copy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-copyright"></i> bx bx-copyright
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-down-arrow-circle"></i> bx bx-down-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-error-circle"></i> bx bx-error-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-error"></i> bx bx-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-exit-fullscreen"></i> bx bx-exit-fullscreen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-fast-forward-circle"></i> bx bx-fast-forward-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-fast-forward"></i> bx bx-fast-forward
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-first-page"></i> bx bx-first-page
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-folder-minus"></i> bx bx-folder-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-folder-plus"></i> bx bx-folder-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-folder"></i> bx bx-folder
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-fullscreen"></i> bx bx-fullscreen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-hide"></i> bx bx-hide
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-image"></i> bx bx-image
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-info-circle"></i> bx bx-info-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-align-justify"></i> bx bx-align-justify
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-key"></i> bx bx-key
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-last-page"></i> bx bx-last-page
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-left-arrow-circle"></i> bx bx-left-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-left-down-arrow-circle"></i> bx bx-left-down-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-left-indent"></i> bx bx-left-indent
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-left-top-arrow-circle"></i> bx bx-left-top-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-menu"></i> bx bx-menu
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-microphone"></i> bx bx-microphone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-minus-circle"></i> bx bx-minus-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-moon"></i> bx bx-moon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pause-circle"></i> bx bx-pause-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pause"></i> bx bx-pause
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-play-circle"></i> bx bx-play-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-play"></i> bx bx-play
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-plus-circle"></i> bx bx-plus-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-question-mark"></i> bx bx-question-mark"
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-radio-circle-marked"></i> bx bx-radio-circle-marked
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-radio-circle"></i> bx bx-radio-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-rectangle"></i> bx bx-rectangle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-rewind"></i> bx bx-rewind
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-reset"></i> bx bx-reset
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-right-arrow-circle"></i> bx bx-right-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-right-down-arrow-circle"></i> bx bx-right-down-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-right-indent"></i> bx bx-right-indent
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-right-top-arrow-circle"></i> bx bx-right-top-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-rss"></i> bx bx-rss
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-search"></i> bx bx-search
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-show"></i> bx bx-show
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-skip-next"></i> bx bx-skip-next
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-skip-previous"></i> bx bx-skip-previous
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-stop-circle"></i> bx bx-stop-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-stop"></i> bx bx-stop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-stopwatch"></i> bx bx-stopwatch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sync"></i> bx bx-sync
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-time"></i> bx bx-time
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-toggle-left"></i> bx bx-toggle-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-toggle-right"></i> bx bx-toggle-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-trending-down"></i> bx bx-trending-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-trending-up"></i> bx bx-trending-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-up-arrow-circle"></i> bx bx-up-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-vertical-center"></i> bx bx-vertical-center
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-video"></i> bx bx-video
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-volume-full"></i> bx bx-volume-full
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-volume-low"></i> bx bx-volume-low
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-volume-mute"></i> bx bx-volume-mute
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-volume"></i> bx bx-volume
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-x-circle"></i> bx bx-x-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-zoom-in"></i> bx bx-zoom-in
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-zoom-out"></i> bx bx-zoom-out
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-archive"></i> bx bx-archive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-at"></i> bx bx-at
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bar-chart-alt"></i> bx bx-bar-chart-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bar-chart-square"></i> bx bx-bar-chart-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bar-chart"></i> bx bx-bar-chart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-basketball"></i> bx bx-basketball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-block"></i> bx bx-block
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-book-bookmark"></i> bx bx-book-bookmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-book"></i> bx bx-book
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bookmark-minus"></i> bx bx-bookmark-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bookmark-plus"></i> bx bx-bookmark-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-briefcase"></i> bx bx-briefcase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-broadcast"></i> bx bx-broadcast
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-building"></i> bx bx-building
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bug"></i> bx bx-bug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bluetooth"></i> bx bx-bluetooth
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bulb"></i> bx bx-bulb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-buoy"></i> bx bx-buoy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar-plus"></i> bx bx-calendar-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar-check"></i> bx bx-calendar-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar-minus"></i> bx bx-calendar-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar-x"></i> bx bx-calendar-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar"></i> bx bx-calendar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chart"></i> bx bx-chart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cloud-download"></i> bx bx-cloud-download
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cloud-upload"></i> bx bx-cloud-upload
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cloud"></i> bx bx-cloud
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-terminal"></i> bx bx-terminal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-crosshair"></i> bx bx-crosshair
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-compass"></i> bx bx-compass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-data"></i> bx bx-data
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-desktop"></i> bx bx-desktop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-directions"></i> bx bx-directions
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dollar"></i> bx bx-dollar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dots-horizontal-rounded"></i> bx bx-dots-horizontal-rounded
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dots-horizontal"></i> bx bx-dots-horizontal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dots-vertical-rounded"></i> bx bx-dots-vertical-rounded
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dots-vertical"></i> bx bx-dots-vertical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-download"></i> bx bx-download
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-envelope"></i> bx bx-envelope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-gift"></i> bx bx-gift
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-globe"></i> bx bx-globe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-devices"></i> bx bx-devices
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-headphone"></i> bx bx-headphone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-heart"></i> bx bx-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-home"></i> bx bx-home
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-laptop"></i> bx bx-laptop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-layer"></i> bx bx-layer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-link-alt"></i> bx bx-link-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-link"></i> bx bx-link
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-list-plus"></i> bx bx-list-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-list-ul"></i> bx bx-list-ul
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-list-minus"></i> bx bx-list-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-lock-open"></i> bx bx-lock-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-lock"></i> bx bx-lock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-map-alt"></i> bx bx-map-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-map"></i> bx bx-map
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-rounded"></i> bx bx-message-rounded
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message"></i> bx bx-message
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-mobile-alt"></i> bx bx-mobile-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-mobile"></i> bx bx-mobile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-navigation"></i> bx bx-navigation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-phone"></i> bx bx-phone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pie-chart"></i> bx bx-pie-chart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-send"></i> bx bx-send
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sidebar"></i> bx bx-sidebar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sitemap"></i> bx bx-sitemap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-spreadsheet"></i> bx bx-spreadsheet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-tab"></i> bx bx-tab
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-tag"></i> bx bx-tag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-target-lock"></i> bx bx-target-lock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-tennis-ball"></i> bx bx-tennis-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-alarm"></i> bx bx-alarm
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-upload"></i> bx bx-upload
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-usb"></i> bx bx-usb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-video-off"></i> bx bx-video-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-voicemail"></i> bx bx-voicemail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wifi"></i> bx bx-wifi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-window-open"></i> bx bx-window-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-window"></i> bx bx-window
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-windows"></i> bx bx-windows
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-duplicate"></i> bx bx-duplicate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-table"></i> bx bx-table
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-x"></i> bx bx-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-adjust"></i> bx bx-adjust
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-album"></i> bx bx-album
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-anchor"></i> bx bx-anchor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-award"></i> bx bx-award
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bold"></i> bx bx-bold
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calculator"></i> bx bx-calculator
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cart"></i> bx bx-cart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-check"></i> bx bx-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cloud-drizzle"></i> bx bx-cloud-drizzle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cloud-light-rain"></i> bx bx-cloud-light-rain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cloud-lightning"></i> bx bx-cloud-lightning
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cloud-rain"></i> bx bx-cloud-rain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cloud-snow"></i> bx bx-cloud-snow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cog"></i> bx bx-cog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-columns"></i> bx bx-columns
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-credit-card"></i> bx bx-credit-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-crop"></i> bx bx-crop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cube"></i> bx bx-cube
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cut"></i> bx bx-cut
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-detail"></i> bx bx-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shield-quarter"></i> bx bx-shield-quarter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-edit"></i> bx bx-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-file"></i> bx bx-file
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-filter"></i> bx bx-filter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-font"></i> bx bx-font
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-git-branch"></i> bx bx-git-branch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-git-commit"></i> bx bx-git-commit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-git-compare"></i> bx bx-git-compare
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-git-merge"></i> bx bx-git-merge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-git-pull-request"></i> bx bx-git-pull-request
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-git-repo-forked"></i> bx bx-git-repo-forked
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-group"></i> bx bx-group
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-hash"></i> bx bx-hash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-heading"></i> bx bx-heading
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-home-alt"></i> bx bx-home-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-italic"></i> bx bx-italic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-joystick"></i> bx bx-joystick
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-link-external"></i> bx bx-link-external
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-log-in"></i> bx bx-log-in
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-log-out"></i> bx bx-log-out
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-microphone-off"></i> bx bx-microphone-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-minus"></i> bx bx-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-mouse"></i> bx bx-mouse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-move"></i> bx bx-move
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-music"></i> bx bx-music
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-notification"></i> bx bx-notification
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-package"></i> bx bx-package
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-paragraph"></i> bx bx-paragraph
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-paste"></i> bx bx-paste
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pencil"></i> bx bx-pencil
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pin"></i> bx bx-pin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-plus"></i> bx bx-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-power-off"></i> bx bx-power-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pulse"></i> bx bx-pulse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-save"></i> bx bx-save
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-screenshot"></i> bx bx-screenshot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-select-multiple"></i> bx bx-select-multiple
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-share-alt"></i> bx bx-share-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-share"></i> bx bx-share
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shield-alt"></i> bx bx-shield-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shield"></i> bx bx-shield
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shopping-bag"></i> bx bx-shopping-bag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shuffle"></i> bx bx-shuffle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sort"></i> bx bx-sort
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-star"></i> bx bx-star
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sun"></i> bx bx-sun
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-text"></i> bx bx-text
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-trash"></i> bx bx-trash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-trophy"></i> bx bx-trophy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-underline"></i> bx bx-underline
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-user-check"></i> bx bx-user-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-user-circle"></i> bx bx-user-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-user-minus"></i> bx bx-user-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-user-plus"></i> bx bx-user-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-user-x"></i> bx bx-user-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-user"></i> bx bx-user
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-barcode"></i> bx bx-barcode
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-crown"></i> bx bx-crown
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dislike"></i> bx bx-dislike
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-down-arrow"></i> bx bx-down-arrow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-export"></i> bx bx-export
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-first-aid"></i> bx bx-first-aid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-flag"></i> bx bx-flag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-history"></i> bx bx-history
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-joystick-alt"></i> bx bx-joystick-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-left-arrow"></i> bx bx-left-arrow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-like"></i> bx bx-like
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-list-check"></i> bx bx-list-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-poll"></i> bx bx-poll
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-radar"></i> bx bx-radar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-redo"></i> bx bx-redo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-reply-all"></i> bx bx-reply-all
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-reply"></i> bx bx-reply
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-repost"></i> bx bx-repost
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-revision"></i> bx bx-revision
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-right-arrow"></i> bx bx-right-arrow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-subdirectory-left"></i> bx bx-subdirectory-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-subdirectory-right"></i> bx bx-subdirectory-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-support"></i> bx bx-support
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-timer"></i> bx bx-timer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-undo"></i> bx bx-undo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-up-arrow"></i> bx bx-up-arrow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-phone-call"></i> bx bx-phone-call
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-aperture"></i> bx bx-aperture
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-film"></i> bx bx-film
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-folder-open"></i> bx bx-folder-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-task"></i> bx bx-task
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-server"></i> bx bx-server
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-battery"></i> bx bx-battery
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar-alt"></i> bx bx-calendar-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-import"></i> bx bx-import
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-ruler"></i> bx bx-ruler
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-horizontal-center"></i> bx bx-horizontal-center
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-rotate-right"></i> bx bx-rotate-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-rename"></i> bx bx-rename
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-collapse"></i> bx bx-collapse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-phone-incoming"></i> bx bx-phone-incoming
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-phone-outgoing"></i> bx bx-phone-outgoing
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-body"></i> bx bx-body
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cast"></i> bx bx-cast
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chip"></i> bx bx-chip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-skip-next-circle"></i> bx bx-skip-next-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-skip-previous-circle"></i> bx bx-skip-previous-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-hdd"></i> bx bx-hdd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-store"></i> bx bx-store
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-globe-alt"></i> bx bx-globe-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-upvote"></i> bx bx-upvote
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-downvote"></i> bx bx-downvote
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-news"></i> bx bx-news
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pie-chart-alt"></i> bx bx-pie-chart-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-images"></i> bx bx-images
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-purchase-tag"></i> bx bx-purchase-tag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pen"></i> bx bx-pen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-expand"></i> bx bx-expand
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-paperclip"></i> bx bx-paperclip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-closet"></i> bx bx-closet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-tv"></i> bx bx-tv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-collection"></i> bx bx-collection
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-station"></i> bx bx-station
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wallet"></i> bx bx-wallet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-briefcase-alt"></i> bx bx-briefcase-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-hourglass"></i> bx bx-hourglass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-carousel"></i> bx bx-carousel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-infinite"></i> bx bx-infinite
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-plug"></i> bx bx-plug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-notification-off"></i> bx bx-notification-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-window-close"></i> bx bx-window-close
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-command"></i> bx bx-command
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-grid-alt"></i> bx bx-grid-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-trash-alt"></i> bx bx-trash-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chalkboard"></i> bx bx-chalkboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-loader"></i> bx bx-loader
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-slider"></i> bx bx-slider
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-paper-plane"></i> bx bx-paper-plane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-selection"></i> bx bx-selection
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-world"></i> bx bx-world
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dock-bottom"></i> bx bx-dock-bottom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dock-right"></i> bx bx-dock-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dock-top"></i> bx bx-dock-top
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dock-left"></i> bx bx-dock-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-layout"></i> bx bx-layout
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-alarm-off"></i> bx bx-alarm-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wrench"></i> bx bx-wrench
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-loader-circle"></i> bx bx-loader-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-loader-alt"></i> bx bx-loader-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-car"></i> bx bx-car
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cart-alt"></i> bx bx-cart-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-happy"></i> bx bx-happy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-meh"></i> bx bx-meh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sad"></i> bx bx-sad
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-slider-alt"></i> bx bx-slider-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-certification"></i> bx bx-certification
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-rocket"></i> bx bx-rocket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-check-circle"></i> bx bx-check-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bus"></i> bx bx-bus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-check-double"></i> bx bx-check-double
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dumbbell"></i> bx bx-dumbbell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bot"></i> bx bx-bot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-area"></i> bx bx-area
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bed"></i> bx bx-bed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bath"></i> bx bx-bath
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-train"></i> bx bx-train
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-taxi"></i> bx bx-taxi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-movie"></i> bx bx-movie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-hotel"></i> bx bx-hotel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-planet"></i> bx bx-planet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-list-ol"></i> bx bx-list-ol
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-video-plus"></i> bx bx-video-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-menu-alt-left"></i> bx bx-menu-alt-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-menu-alt-right"></i> bx bx-menu-alt-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-box"></i> bx bx-box
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-restaurant"></i> bx bx-restaurant
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-swim"></i> bx bx-swim
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-water"></i> bx bx-water
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wind"></i> bx bx-wind
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dialpad"></i> bx bx-dialpad
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-handicap"></i> bx bx-handicap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-font-size"></i> bx bx-font-size
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-code-block"></i> bx bx-code-block
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-photo-album"></i> bx bx-photo-album
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-strikethrough"></i> bx bx-strikethrough
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-file-blank"></i> bx bx-file-blank
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-highlight"></i> bx bx-highlight
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-font-color"></i> bx bx-font-color
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-fingerprint"></i> bx bx-fingerprint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-transfer"></i> bx bx-transfer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-circle"></i> bx bx-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-ball"></i> bx bx-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-football"></i> bx bx-football
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dollar-circle"></i> bx bx-dollar-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-search-alt"></i> bx bx-search-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-analyse"></i> bx bx-analyse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-disc"></i> bx bx-disc
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-equalizer"></i> bx bx-equalizer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-stats"></i> bx bx-stats
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-move-horizontal"></i> bx bx-move-horizontal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-move-vertical"></i> bx bx-move-vertical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-grid-horizontal"></i> bx bx-grid-horizontal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-grid-vertical"></i> bx bx-grid-vertical
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-grid-small"></i> bx bx-grid-small
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-badge"></i> bx bx-badge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-id-card"></i> bx bx-id-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sort-up"></i> bx bx-sort-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sort-down"></i> bx bx-sort-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-note"></i> bx bx-note
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-test-tube"></i> bx bx-test-tube
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-help-circle"></i> bx bx-help-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-card"></i> bx bx-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-rewind-circle"></i> bx bx-rewind-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-magnet"></i> bx bx-magnet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar-event"></i> bx bx-calendar-event
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-left"></i> bx bx-caret-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-up"></i> bx bx-caret-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-right"></i> bx bx-caret-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-down"></i> bx bx-caret-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-show-alt"></i> bx bx-show-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-badge-check"></i> bx bx-badge-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-rotate-left"></i> bx bx-rotate-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-brush"></i> bx bx-brush
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-unlink"></i> bx bx-unlink
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-paint"></i> bx bx-paint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-joystick-button"></i> bx bx-joystick-button
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-font-family"></i> bx bx-font-family
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-repeat"></i> bx bx-repeat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-walk"></i> bx bx-walk
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-money"></i> bx bx-money
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-home-circle"></i> bx bx-home-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-location-plus"></i> bx bx-location-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-arch"></i> bx bx-arch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-atom"></i> bx bx-atom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-baseball"></i> bx bx-baseball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-beer"></i> bx bx-beer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bible"></i> bx bx-bible
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bomb"></i> bx bx-bomb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bus-school"></i> bx bx-bus-school
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cabinet"></i> bx bx-cabinet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar-edit"></i> bx bx-calendar-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-coffee-togo"></i> bx bx-coffee-togo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-pointer"></i> bx bx-pointer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-microchip"></i> bx bx-microchip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-heart-circle"></i> bx bx-heart-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-heart-square"></i> bx bx-heart-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-home-heart"></i> bx bx-home-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-info-square"></i> bx bx-info-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-layer-plus"></i> bx bx-layer-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-layer-minus"></i> bx bx-layer-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-recycle"></i> bx bx-recycle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-traffic-cone"></i> bx bx-traffic-cone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wifi-2"></i> bx bx-wifi-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wifi-1"></i> bx bx-wifi-1
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wifi-0"></i> bx bx-wifi-0
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-mask"></i> bx bx-mask
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-low-vision"></i> bx bx-low-vision
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-been-here"></i> bx bx-been-here
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-current-location"></i> bx bx-current-location
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-arrow-from-top"></i> bx bx-arrow-from-top
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-arrow-from-bottom"></i> bx bx-arrow-from-bottom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-arrow-from-left"></i> bx bx-arrow-from-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-arrow-from-right"></i> bx bx-arrow-from-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-arrow-to-right"></i> bx bx-arrow-to-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-arrow-to-left"></i> bx bx-arrow-to-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-arrow-to-top"></i> bx bx-arrow-to-top
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-arrow-to-bottom"></i> bx bx-arrow-to-bottom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-book-reader"></i> bx bx-book-reader
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-scan"></i> bx bx-scan
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar-week"></i> bx bx-calendar-week
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-glasses"></i> bx bx-glasses
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-glasses-alt"></i> bx bx-glasses-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-border-none"></i> bx bx-border-none
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-border-inner"></i> bx bx-border-inner
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dice-1"></i> bx bx-dice-1
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dice-2"></i> bx bx-dice-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dice-3"></i> bx bx-dice-3
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dice-4"></i> bx bx-dice-4
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dice-5"></i> bx bx-dice-5
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-dice-6"></i> bx bx-dice-6
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-webcam"></i> bx bx-webcam
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-spray-can"></i> bx bx-spray-can
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sticker"></i> bx bx-sticker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-tachometer"></i> bx bx-tachometer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-game"></i> bx bx-game
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-abacus"></i> bx bx-abacus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-alarm-snooze"></i> bx bx-alarm-snooze
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-alarm-exclamation"></i> bx bx-alarm-exclamation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-medal"></i> bx bx-medal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-task-x"></i> bx bx-task-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-barcode-reader"></i> bx bx-barcode-reader
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-blanket"></i> bx bx-blanket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bone"></i> bx bx-bone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bong"></i> bx bx-bong
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-book-alt"></i> bx bx-book-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-book-heart"></i> bx bx-book-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-book-add"></i> bx bx-book-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bracket"></i> bx bx-bracket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-brain"></i> bx bx-brain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-border-outer"></i> bx bx-border-outer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-braille"></i> bx bx-braille
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-window-alt"></i> bx bx-window-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar-heart"></i> bx bx-calendar-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-wine"></i> bx bx-wine
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-vial"></i> bx bx-vial
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-color-fill"></i> bx bx-color-fill
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-capsule"></i> bx bx-capsule
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-eraser"></i> bx bx-eraser
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-drink"></i> bx bx-drink
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cctv"></i> bx bx-cctv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chair"></i> bx bx-chair
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-network-chart"></i> bx bx-network-chart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-vector"></i> bx bx-vector
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar-exclamation"></i> bx bx-calendar-exclamation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-calendar-star"></i> bx bx-calendar-star
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-camera-home"></i> bx bx-camera-home
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-camera-movie"></i> bx bx-camera-movie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-right-circle"></i> bx bx-caret-right-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-left-circle"></i> bx bx-caret-left-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-up-circle"></i> bx bx-caret-up-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-down-circle"></i> bx bx-caret-down-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-right-square"></i> bx bx-caret-right-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-up-square"></i> bx bx-caret-up-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-left-square"></i> bx bx-caret-left-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-caret-down-square"></i> bx bx-caret-down-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shield-x"></i> bx bx-shield-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-line-chart-down"></i> bx bx-line-chart-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-down-circle"></i> bx bx-chevron-down-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-up-circle"></i> bx bx-chevron-up-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-left-circle"></i> bx bx-chevron-left-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-right-circle"></i> bx bx-chevron-right-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-down-square"></i> bx bx-chevron-down-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-up-square"></i> bx bx-chevron-up-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-left-square"></i> bx bx-chevron-left-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-chevron-right-square"></i> bx bx-chevron-right-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-church"></i> bx bx-church
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-coin"></i> bx bx-coin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-coin-stack"></i> bx bx-coin-stack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-unite"></i> bx bx-unite
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-minus-front"></i> bx bx-minus-front
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-intersect"></i> bx bx-intersect
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-exclude"></i> bx bx-exclude
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-minus-back"></i> bx bx-minus-back
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-merge"></i> bx bx-merge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-trim"></i> bx bx-trim
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-outline"></i> bx bx-outline
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-meteor"></i> bx bx-meteor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-refresh"></i> bx bx-refresh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-home-smile"></i> bx bx-home-smile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-envelope-open"></i> bx bx-envelope-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-alt-add"></i> bx bx-message-alt-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-alt-check"></i> bx bx-message-alt-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-alt-error"></i> bx bx-message-alt-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-alt-x"></i> bx bx-message-alt-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-alt-minus"></i> bx bx-message-alt-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-alt-edit"></i> bx bx-message-alt-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-alt-detail"></i> bx bx-message-alt-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-rounded-check"></i> bx bx-message-rounded-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-rounded-error"></i> bx bx-message-rounded-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-rounded-x"></i> bx bx-message-rounded-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-rounded-minus"></i> bx bx-message-rounded-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-rounded-edit"></i> bx bx-message-rounded-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-rounded-add"></i> bx bx-message-rounded-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-rounded-detail"></i> bx bx-message-rounded-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-check"></i> bx bx-message-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-error"></i> bx bx-message-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-x"></i> bx bx-message-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-minus"></i> bx bx-message-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-edit"></i> bx bx-message-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-add"></i> bx bx-message-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-detail"></i> bx bx-message-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-square-check"></i> bx bx-message-square-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-square-error"></i> bx bx-message-square-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-square-x"></i> bx bx-message-square-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-square-minus"></i> bx bx-message-square-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-square-edit"></i> bx bx-message-square-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-square-add"></i> bx bx-message-square-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-message-square-detail"></i> bx bx-message-square-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-comment-check"></i> bx bx-comment-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-comment-error"></i> bx bx-comment-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-comment-x"></i> bx bx-comment-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-comment-edit"></i> bx bx-comment-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-comment-minus"></i> bx bx-comment-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-comment-add"></i> bx bx-comment-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-comment-detail"></i> bx bx-comment-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-cookie"></i> bx bx-cookie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-credit-card-front"></i> bx bx-credit-card-front
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-door-open"></i> bx bx-door-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-donate-heart"></i> bx bx-donate-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-donate-blood"></i> bx bx-donate-blood
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-shape-polygon"></i> bx bx-shape-polygon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bookmark-heart"></i> bx bx-bookmark-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-sort-alt-2"></i> bx bx-sort-alt-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-category"></i> bx bx-category
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-category-alt"></i> bx bx-category-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bookmark-alt"></i> bx bx-bookmark-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bookmark-alt-plus"></i> bx bx-bookmark-alt-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-bookmark-alt-minus"></i> bx bx-bookmark-alt-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-tag-alt"></i> bx bx-tag-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-movie-play"></i> bx bx-movie-play
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-expand-alt"></i> bx bx-expand-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-library"></i> bx bx-library
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bx-trip"></i> bx bx-trip
                                        </div>
                                    </div>
                                    <!--Regular end row -->

                                    <h5 class="mt-5">Solid Icons</h5>
                                    <p class="text-muted mb-0">Use class <code>&lt;i class="bx bxs-**">&lt;/i></code></p>

                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-lemon"></i> bx bxs-lemon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cable-car"></i> bx bxs-cable-car
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cricket-ball"></i> bx bxs-cricket-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-tree-alt"></i> bx bxs-tree-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-invader"></i> bx bxs-invader
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-baguette"></i> bx bxs-baguette
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-circle-half"></i> bx bxs-circle-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-circle-three-quarter"></i> bx bxs-circle-three-quarter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-circle-quarter"></i> bx bxs-circle-quarter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bowl-rice"></i> bx bxs-bowl-rice
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bowl-hot"></i> bx bxs-bowl-hot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-popsicle"></i> bx bxs-popsicle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-party"></i> bx bxs-party
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-leaf"></i> bx bxs-leaf
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-injection"></i> bx bxs-injection
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dog"></i> bx bxs-dog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cat"></i> bx bxs-cat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hand"></i> bx bxs-hand
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-checkbox-minus"></i> bx bxs-checkbox-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-speaker"></i> bx bxs-speaker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-registered"></i> bx bxs-registered
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-phone-off"></i> bx bxs-phone-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-buildings"></i> bx bxs-buildings
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-store-alt"></i> bx bxs-store-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bar-chart-alt-2"></i> bx bxs-bar-chart-alt-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-dots"></i> bx bxs-message-dots
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-rounded-dots"></i> bx bxs-message-rounded-dots
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-devices"></i> bx bxs-devices
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-memory-card"></i> bx bxs-memory-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-wallet-alt"></i> bx bxs-wallet-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bank"></i> bx bxs-bank
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-slideshow"></i> bx bxs-slideshow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-square"></i> bx bxs-message-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-square-dots"></i> bx bxs-message-square-dots
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-book-content"></i> bx bxs-book-content
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chat"></i> bx bxs-chat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-edit-alt"></i> bx bxs-edit-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-mouse-alt"></i> bx bxs-mouse-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bug-alt"></i> bx bxs-bug-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-notepad"></i> bx bxs-notepad
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-video-recording"></i> bx bxs-video-recording
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-direction-left"></i> bx bxs-direction-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-ghost"></i> bx bxs-ghost
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-quote-single-left"></i> bx bxs-quote-single-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-quote-single-right"></i> bx bxs-quote-single-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user-pin"></i> bx bxs-user-pin
                                        </div>

                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-copy-alt"></i> bx bxs-copy-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-doc"></i> bx bxs-file-doc
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-html"></i> bx bxs-file-html
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-comment-detail"></i> bx bxs-comment-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-comment-add"></i> bx bxs-comment-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-css"></i> bx bxs-file-css
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-js"></i> bx bxs-file-js
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-json"></i> bx bxs-file-json
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-md"></i> bx bxs-file-md
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-txt"></i> bx bxs-file-txt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-png"></i> bx bxs-file-png
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-jpg"></i> bx bxs-file-jpg
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-gif"></i> bx bxs-file-gif
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-analyse"></i> bx bxs-analyse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-plane-take-off"></i> bx bxs-plane-take-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-plane-land"></i> bx bxs-plane-land
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-parking"></i> bx bxs-parking
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-id-card"></i> bx bxs-id-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-adjust-alt"></i> bx bxs-adjust-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-landscape"></i> bx bxs-landscape
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-traffic"></i> bx bxs-traffic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-comment"></i> bx bxs-comment
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-comment-dots"></i> bx bxs-comment-dots
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-wine"></i> bx bxs-wine
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-pyramid"></i> bx bxs-pyramid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cylinder"></i> bx bxs-cylinder
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-graduation"></i> bx bxs-graduation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-lock-alt"></i> bx bxs-lock-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-lock-open-alt"></i> bx bxs-lock-open-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hourglass-top"></i> bx bxs-hourglass-top
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hourglass-bottom"></i> bx bxs-hourglass-bottom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bowling-ball"></i> bx bxs-bowling-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-search-alt-2"></i> bx bxs-search-alt-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-droplet-half"></i> bx bxs-droplet-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-paint-roll"></i> bx bxs-paint-roll
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-shield-alt-2"></i> bx bxs-shield-alt-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-error-alt"></i> bx bxs-error-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-square"></i> bx bxs-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-square-rounded"></i> bx bxs-square-rounded
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-polygon"></i> bx bxs-polygon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cube-alt"></i> bx bxs-cube-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cuboid"></i> bx bxs-cuboid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user-voice"></i> bx bxs-user-voice
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-building-house"></i> bx bxs-building-house
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-doughnut-chart"></i> bx bxs-doughnut-chart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-circle"></i> bx bxs-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-log-in-circle"></i> bx bxs-log-in-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-log-out-circle"></i> bx bxs-log-out-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-log-in"></i> bx bxs-log-in
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-log-out"></i> bx bxs-log-out
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-notification"></i> bx bxs-notification
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-notification-off"></i> bx bxs-notification-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-check-square"></i> bx bxs-check-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-alt"></i> bx bxs-message-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-alt-dots"></i> bx bxs-message-alt-dots
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-no-entry"></i> bx bxs-no-entry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-traffic-barrier"></i> bx bxs-traffic-barrier
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-component"></i> bx bxs-component
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-plane-alt"></i> bx bxs-plane-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-palette"></i> bx bxs-palette
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-basket"></i> bx bxs-basket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-purchase-tag-alt"></i> bx bxs-purchase-tag-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-receipt"></i> bx bxs-receipt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-map-pin"></i> bx bxs-map-pin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-band-aid"></i> bx bxs-band-aid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-credit-card-alt"></i> bx bxs-credit-card-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-credit-card"></i> bx bxs-credit-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-paint"></i> bx bxs-paint
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-brightness-half"></i> bx bxs-brightness-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-brightness"></i> bx bxs-brightness
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-rectangle"></i> bx bxs-rectangle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-right-arrow"></i> bx bxs-right-arrow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-left-arrow"></i> bx bxs-left-arrow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-up-arrow"></i> bx bxs-up-arrow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-down-arrow"></i> bx bxs-down-arrow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-right-top-arrow-circle"></i> bx bxs-right-top-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-right-down-arrow-circle"></i> bx bxs-right-down-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-left-top-arrow-circle"></i> bx bxs-left-top-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-left-down-arrow-circle"></i> bx bxs-left-down-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-institution"></i> bx bxs-institution
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-school"></i> bx bxs-school
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chalkboard"></i> bx bxs-chalkboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-skip-previous-circle"></i> bx bxs-skip-previous-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-skip-next-circle"></i> bx bxs-skip-next-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-data"></i> bx bxs-data
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-mobile"></i> bx bxs-mobile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-folder-minus"></i> bx bxs-folder-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bell-plus"></i> bx bxs-bell-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bell-minus"></i> bx bxs-bell-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-search"></i> bx bxs-search
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-zoom-in"></i> bx bxs-zoom-in
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-zoom-out"></i> bx bxs-zoom-out
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-grid"></i> bx bxs-grid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user-x"></i> bx bxs-user-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user-check"></i> bx bxs-user-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-compass"></i> bx bxs-compass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-stopwatch"></i> bx bxs-stopwatch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-timer"></i> bx bxs-timer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-time"></i> bx bxs-time
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-pie-chart-alt-2"></i> bx bxs-pie-chart-alt-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-time-five"></i> bx bxs-time-five
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bookmarks"></i> bx bxs-bookmarks
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bookmark-minus"></i> bx bxs-bookmark-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-briefcase-alt-2"></i> bx bxs-briefcase-alt-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar"></i> bx bxs-calendar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar-alt"></i> bx bxs-calendar-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar-plus"></i> bx bxs-calendar-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar-minus"></i> bx bxs-calendar-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar-x"></i> bx bxs-calendar-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar-check"></i> bx bxs-calendar-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar-event"></i> bx bxs-calendar-event
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-customize"></i> bx bxs-customize
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-carousel"></i> bx bxs-carousel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-rewind-circle"></i> bx bxs-rewind-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-fast-forward-circle"></i> bx bxs-fast-forward-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-mobile-vibration"></i> bx bxs-mobile-vibration
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-quote-alt-left"></i> bx bxs-quote-alt-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-quote-alt-right"></i> bx bxs-quote-alt-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-layout"></i> bx bxs-layout
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-brush-alt"></i> bx bxs-brush-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-exit"></i> bx bxs-exit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-extension"></i> bx bxs-extension
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-find"></i> bx bxs-file-find
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-face"></i> bx bxs-face
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-label"></i> bx bxs-label
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-check-shield"></i> bx bxs-check-shield
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-add-to-queue"></i> bx bxs-add-to-queue
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-archive-in"></i> bx bxs-archive-in
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-archive-out"></i> bx bxs-archive-out
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-alarm-add"></i> bx bxs-alarm-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-image-add"></i> bx bxs-image-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-fridge"></i> bx bxs-fridge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dish"></i> bx bxs-dish
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-spa"></i> bx bxs-spa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cake"></i> bx bxs-cake
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-city"></i> bx bxs-city
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bolt-circle"></i> bx bxs-bolt-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-caret-up-circle"></i> bx bxs-caret-up-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-caret-down-circle"></i> bx bxs-caret-down-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-caret-left-circle"></i> bx bxs-caret-left-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-caret-right-circle"></i> bx bxs-caret-right-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-tone"></i> bx bxs-tone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-baby-carriage"></i> bx bxs-baby-carriage
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hand-up"></i> bx bxs-hand-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hand-right"></i> bx bxs-hand-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hand-down"></i> bx bxs-hand-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hand-left"></i> bx bxs-hand-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-clinic"></i> bx bxs-clinic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-offer"></i> bx bxs-offer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-food-menu"></i> bx bxs-food-menu
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-camera-plus"></i> bx bxs-camera-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-business"></i> bx bxs-business
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-angry"></i> bx bxs-angry
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-happy-heart-eyes"></i> bx bxs-happy-heart-eyes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dizzy"></i> bx bxs-dizzy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-wink-smile"></i> bx bxs-wink-smile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-smile"></i> bx bxs-smile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-meh"></i> bx bxs-meh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-meh-alt"></i> bx bxs-meh-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-confused"></i> bx bxs-confused
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-sleepy"></i> bx bxs-sleepy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-sad"></i> bx bxs-sad
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-happy"></i> bx bxs-happy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-shocked"></i> bx bxs-shocked
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-happy-beaming"></i> bx bxs-happy-beaming
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-tired"></i> bx bxs-tired
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cool"></i> bx bxs-cool
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-meh-blank"></i> bx bxs-meh-blank
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-laugh"></i> bx bxs-laugh
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-happy-alt"></i> bx bxs-happy-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-upside-down"></i> bx bxs-upside-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-wink-tongue"></i> bx bxs-wink-tongue
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-comment-error"></i> bx bxs-comment-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-vial"></i> bx bxs-vial
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-adjust"></i> bx bxs-adjust
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-alarm"></i> bx bxs-alarm
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-alarm-off"></i> bx bxs-alarm-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-album"></i> bx bxs-album
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-archive"></i> bx bxs-archive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-camera"></i> bx bxs-camera
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-camera-off"></i> bx bxs-camera-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-folder"></i> bx bxs-folder
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-folder-plus"></i> bx bxs-folder-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-award"></i> bx bxs-award
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bar-chart-square"></i> bx bxs-bar-chart-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-barcode"></i> bx bxs-barcode
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-battery"></i> bx bxs-battery
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-battery-charging"></i> bx bxs-battery-charging
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-battery-full"></i> bx bxs-battery-full
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bell"></i> bx bxs-bell
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bell-off"></i> bx bxs-bell-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bolt"></i> bx bxs-bolt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-book"></i> bx bxs-book
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-book-bookmark"></i> bx bxs-book-bookmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bookmark"></i> bx bxs-bookmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bookmark-plus"></i> bx bxs-bookmark-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-book-open"></i> bx bxs-book-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bookmark-star"></i> bx bxs-bookmark-star
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-briefcase"></i> bx bxs-briefcase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-briefcase-alt"></i> bx bxs-briefcase-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bug"></i> bx bxs-bug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-building"></i> bx bxs-building
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bulb"></i> bx bxs-bulb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-buoy"></i> bx bxs-buoy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calculator"></i> bx bxs-calculator
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-captions"></i> bx bxs-captions
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-car"></i> bx bxs-car
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cart-alt"></i> bx bxs-cart-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cart"></i> bx bxs-cart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chart"></i> bx bxs-chart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chip"></i> bx bxs-chip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cloud-download"></i> bx bxs-cloud-download
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cloud-upload"></i> bx bxs-cloud-upload
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cloud"></i> bx bxs-cloud
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-coffee"></i> bx bxs-coffee
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cog"></i> bx bxs-cog
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-collection"></i> bx bxs-collection
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-contact"></i> bx bxs-contact
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-copy"></i> bx bxs-copy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-coupon"></i> bx bxs-coupon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-crown"></i> bx bxs-crown
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cube"></i> bx bxs-cube
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-detail"></i> bx bxs-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-discount"></i> bx bxs-discount
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dislike"></i> bx bxs-dislike
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dock-bottom"></i> bx bxs-dock-bottom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dock-left"></i> bx bxs-dock-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dock-right"></i> bx bxs-dock-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dock-top"></i> bx bxs-dock-top
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-down-arrow-circle"></i> bx bxs-down-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-download"></i> bx bxs-download
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-downvote"></i> bx bxs-downvote
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-drink"></i> bx bxs-drink
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-droplet"></i> bx bxs-droplet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-duplicate"></i> bx bxs-duplicate
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-eject"></i> bx bxs-eject
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-envelope"></i> bx bxs-envelope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-error-circle"></i> bx bxs-error-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-error"></i> bx bxs-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-image"></i> bx bxs-file-image
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file"></i> bx bxs-file
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-filter-alt"></i> bx bxs-filter-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-first-aid"></i> bx bxs-first-aid
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-flag-alt"></i> bx bxs-flag-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-flag"></i> bx bxs-flag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-gift"></i> bx bxs-gift
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-grid-alt"></i> bx bxs-grid-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-group"></i> bx bxs-group
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hdd"></i> bx bxs-hdd
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-heart"></i> bx bxs-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hide"></i> bx bxs-hide
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-home"></i> bx bxs-home
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hot"></i> bx bxs-hot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hourglass"></i> bx bxs-hourglass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-image"></i> bx bxs-image
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-inbox"></i> bx bxs-inbox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-info-circle"></i> bx bxs-info-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-joystick-alt"></i> bx bxs-joystick-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-joystick"></i> bx bxs-joystick
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-layer"></i> bx bxs-layer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-left-arrow-circle"></i> bx bxs-left-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-like"></i> bx bxs-like
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-lock-open"></i> bx bxs-lock-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-lock"></i> bx bxs-lock
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-map-alt"></i> bx bxs-map-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-map"></i> bx bxs-map
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-rounded"></i> bx bxs-message-rounded
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message"></i> bx bxs-message
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-microphone-off"></i> bx bxs-microphone-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-microphone"></i> bx bxs-microphone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-minus-circle"></i> bx bxs-minus-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-moon"></i> bx bxs-moon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-mouse"></i> bx bxs-mouse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-music"></i> bx bxs-music
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-navigation"></i> bx bxs-navigation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-news"></i> bx bxs-news
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-package"></i> bx bxs-package
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-paper-plane"></i> bx bxs-paper-plane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-paste"></i> bx bxs-paste
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-pen"></i> bx bxs-pen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-pencil"></i> bx bxs-pencil
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-phone-call"></i> bx bxs-phone-call
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-phone-incoming"></i> bx bxs-phone-incoming
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-phone-outgoing"></i> bx bxs-phone-outgoing
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-phone"></i> bx bxs-phone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-pie-chart-alt"></i> bx bxs-pie-chart-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-pie-chart"></i> bx bxs-pie-chart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-pin"></i> bx bxs-pin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-playlist"></i> bx bxs-playlist
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-plug"></i> bx bxs-plug
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-plus-circle"></i> bx bxs-plus-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-printer"></i> bx bxs-printer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-purchase-tag"></i> bx bxs-purchase-tag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-quote-left"></i> bx bxs-quote-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-quote-right"></i> bx bxs-quote-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-radio"></i> bx bxs-radio
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-rename"></i> bx bxs-rename
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-report"></i> bx bxs-report
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-right-arrow-circle"></i> bx bxs-right-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-ruler"></i> bx bxs-ruler
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-save"></i> bx bxs-save
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-sort-alt"></i> bx bxs-sort-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-select-multiple"></i> bx bxs-select-multiple
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-send"></i> bx bxs-send
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-server"></i> bx bxs-server
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-share-alt"></i> bx bxs-share-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-share"></i> bx bxs-share
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-shield"></i> bx bxs-shield
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-shopping-bag-alt"></i> bx bxs-shopping-bag-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-shopping-bag"></i> bx bxs-shopping-bag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-show"></i> bx bxs-show
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-spreadsheet"></i> bx bxs-spreadsheet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-star"></i> bx bxs-star
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-store"></i> bx bxs-store
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-sun"></i> bx bxs-sun
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-t-shirt"></i> bx bxs-t-shirt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-tag-x"></i> bx bxs-tag-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-tag"></i> bx bxs-tag
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-tennis-ball"></i> bx bxs-tennis-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-terminal"></i> bx bxs-terminal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-to-top"></i> bx bxs-to-top
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-toggle-left"></i> bx bxs-toggle-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-toggle-right"></i> bx bxs-toggle-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-torch"></i> bx bxs-torch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-trash-alt"></i> bx bxs-trash-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-trash"></i> bx bxs-trash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-trophy"></i> bx bxs-trophy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-truck"></i> bx bxs-truck
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-up-arrow-circle"></i> bx bxs-up-arrow-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-upvote"></i> bx bxs-upvote
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user-circle"></i> bx bxs-user-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user-detail"></i> bx bxs-user-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user-minus"></i> bx bxs-user-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user-plus"></i> bx bxs-user-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user"></i> bx bxs-user
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-video-off"></i> bx bxs-video-off
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-video"></i> bx bxs-video
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-videos"></i> bx bxs-videos
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-volume-full"></i> bx bxs-volume-full
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-volume-low"></i> bx bxs-volume-low
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-volume-mute"></i> bx bxs-volume-mute
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-volume"></i> bx bxs-volume
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-wallet"></i> bx bxs-wallet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-watch-alt"></i> bx bxs-watch-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-watch"></i> bx bxs-watch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-widget"></i> bx bxs-widget
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-wrench"></i> bx bxs-wrench
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-x-circle"></i> bx bxs-x-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-zap"></i> bx bxs-zap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-folder-open"></i> bx bxs-folder-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-battery-low"></i> bx bxs-battery-low
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-conversation"></i> bx bxs-conversation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dashboard"></i> bx bxs-dashboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-plus"></i> bx bxs-file-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-certification"></i> bx bxs-certification
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-rocket"></i> bx bxs-rocket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-check-circle"></i> bx bxs-check-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-checkbox"></i> bx bxs-checkbox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-checkbox-checked"></i> bx bxs-checkbox-checked
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-star-half"></i> bx bxs-star-half
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bus"></i> bx bxs-bus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bot"></i> bx bxs-bot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-area"></i> bx bxs-area
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bed"></i> bx bxs-bed
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bath"></i> bx bxs-bath
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-train"></i> bx bxs-train
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-taxi"></i> bx bxs-taxi
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-movie"></i> bx bxs-movie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-planet"></i> bx bxs-planet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-video-plus"></i> bx bxs-video-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-box"></i> bx bxs-box
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-key"></i> bx bxs-key
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-photo-album"></i> bx bxs-photo-album
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bell-ring"></i> bx bxs-bell-ring
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-blank"></i> bx bxs-file-blank
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-edit"></i> bx bxs-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-ball"></i> bx bxs-ball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-film"></i> bx bxs-film
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dollar-circle"></i> bx bxs-dollar-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-skull"></i> bx bxs-skull
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-image-alt"></i> bx bxs-image-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-microphone-alt"></i> bx bxs-microphone-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-x-square"></i> bx bxs-x-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-plus-square"></i> bx bxs-plus-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-minus-square"></i> bx bxs-minus-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-disc"></i> bx bxs-disc
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-flame"></i> bx bxs-flame
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-badge"></i> bx bxs-badge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-note"></i> bx bxs-note
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-help-circle"></i> bx bxs-help-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-card"></i> bx bxs-card
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-magnet"></i> bx bxs-magnet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-ambulance"></i> bx bxs-ambulance
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-left-arrow-square"></i> bx bxs-left-arrow-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-up-arrow-square"></i> bx bxs-up-arrow-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-down-arrow-square"></i> bx bxs-down-arrow-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-right-arrow-square"></i> bx bxs-right-arrow-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user-badge"></i> bx bxs-user-badge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-gas-pump"></i> bx bxs-gas-pump
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-landmark"></i> bx bxs-landmark
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-badge-check"></i> bx bxs-badge-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-coffee-alt"></i> bx bxs-coffee-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-brush"></i> bx bxs-brush
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-keyboard"></i> bx bxs-keyboard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-megaphone"></i> bx bxs-megaphone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-directions"></i> bx bxs-directions
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-direction-right"></i> bx bxs-direction-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-joystick-button"></i> bx bxs-joystick-button
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-flask"></i> bx bxs-flask
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-capsule"></i> bx bxs-capsule
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-color-fill"></i> bx bxs-color-fill
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-hotel"></i> bx bxs-hotel
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-magic-wand"></i> bx bxs-magic-wand
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-eraser"></i> bx bxs-eraser
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cloud-rain"></i> bx bxs-cloud-rain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cloud-lightning"></i> bx bxs-cloud-lightning
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-eyedropper"></i> bx bxs-eyedropper
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user-rectangle"></i> bx bxs-user-rectangle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-plane"></i> bx bxs-plane
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-tree"></i> bx bxs-tree
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-factory"></i> bx bxs-factory
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-ship"></i> bx bxs-ship
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-yin-yang"></i> bx bxs-yin-yang
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-pdf"></i> bx bxs-file-pdf
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-home-circle"></i> bx bxs-home-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-location-plus"></i> bx bxs-location-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-arch"></i> bx bxs-arch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-badge-dollar"></i> bx bxs-badge-dollar
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-beer"></i> bx bxs-beer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bible"></i> bx bxs-bible
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bomb"></i> bx bxs-bomb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bus-school"></i> bx bxs-bus-school
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cabinet"></i> bx bxs-cabinet
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar-edit"></i> bx bxs-calendar-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-car-wash"></i> bx bxs-car-wash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-car-garage"></i> bx bxs-car-garage
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-car-mechanic"></i> bx bxs-car-mechanic
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-car-crash"></i> bx bxs-car-crash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-coffee-togo"></i> bx bxs-coffee-togo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chess"></i> bx bxs-chess
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dryer"></i> bx bxs-dryer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-washer"></i> bx bxs-washer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-pointer"></i> bx bxs-pointer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-microchip"></i> bx bxs-microchip
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-piano"></i> bx bxs-piano
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-export"></i> bx bxs-file-export
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-import"></i> bx bxs-file-import
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-flag-checkered"></i> bx bxs-flag-checkered
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-heart-circle"></i> bx bxs-heart-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-heart-square"></i> bx bxs-heart-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-home-heart"></i> bx bxs-home-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-info-square"></i> bx bxs-info-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-layer-plus"></i> bx bxs-layer-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-layer-minus"></i> bx bxs-layer-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-traffic-cone"></i> bx bxs-traffic-cone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-mask"></i> bx bxs-mask
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-low-vision"></i> bx bxs-low-vision
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-radiation"></i> bx bxs-radiation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-been-here"></i> bx bxs-been-here
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-arrow-from-top"></i> bx bxs-arrow-from-top
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-arrow-from-bottom"></i> bx bxs-arrow-from-bottom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-arrow-from-left"></i> bx bxs-arrow-from-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-arrow-from-right"></i> bx bxs-arrow-from-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-arrow-to-right"></i> bx bxs-arrow-to-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-arrow-to-left"></i> bx bxs-arrow-to-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-arrow-to-top"></i> bx bxs-arrow-to-top
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-arrow-to-bottom"></i> bx bxs-arrow-to-bottom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-book-reader"></i> bx bxs-book-reader
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-edit-location"></i> bx bxs-edit-location
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-ev-station"></i> bx bxs-ev-station
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-shapes"></i> bx bxs-shapes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-florist"></i> bx bxs-florist
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-pizza"></i> bx bxs-pizza
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar-week"></i> bx bxs-calendar-week
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dice-1"></i> bx bxs-dice-1
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dice-2"></i> bx bxs-dice-2
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dice-3"></i> bx bxs-dice-3
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dice-4"></i> bx bxs-dice-4
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dice-5"></i> bx bxs-dice-5
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-dice-6"></i> bx bxs-dice-6
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-webcam"></i> bx bxs-webcam
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-spray-can"></i> bx bxs-spray-can
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-file-archive"></i> bx bxs-file-archive
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-sticker"></i> bx bxs-sticker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-tachometer"></i> bx bxs-tachometer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-thermometer"></i> bx bxs-thermometer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-game"></i> bx bxs-game
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-alarm-snooze"></i> bx bxs-alarm-snooze
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-alarm-exclamation"></i> bx bxs-alarm-exclamation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevrons-left"></i> bx bxs-chevrons-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevrons-right"></i> bx bxs-chevrons-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevrons-up"></i> bx bxs-chevrons-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevrons-down"></i> bx bxs-chevrons-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-down"></i> bx bxs-chevron-down
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-up"></i> bx bxs-chevron-up
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-right"></i> bx bxs-chevron-right
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-left"></i> bx bxs-chevron-left
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-guitar-amp"></i> bx bxs-guitar-amp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-up-arrow-alt"></i> bx bxs-up-arrow-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-down-arrow-alt"></i> bx bxs-down-arrow-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-left-arrow-alt"></i> bx bxs-left-arrow-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-right-arrow-alt"></i> bx bxs-right-arrow-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-medal"></i> bx bxs-medal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-shopping-bags"></i> bx bxs-shopping-bags
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-baseball"></i> bx bxs-baseball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-basketball"></i> bx bxs-basketball
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-blanket"></i> bx bxs-blanket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-binoculars"></i> bx bxs-binoculars
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bone"></i> bx bxs-bone
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bong"></i> bx bxs-bong
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-book-alt"></i> bx bxs-book-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-book-heart"></i> bx bxs-book-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-book-add"></i> bx bxs-book-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-brain"></i> bx bxs-brain
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-window-alt"></i> bx bxs-window-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar-heart"></i> bx bxs-calendar-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cctv"></i> bx bxs-cctv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-network-chart"></i> bx bxs-network-chart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-vector"></i> bx bxs-vector
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar-exclamation"></i> bx bxs-calendar-exclamation
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-calendar-star"></i> bx bxs-calendar-star
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-camera-home"></i> bx bxs-camera-home
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-camera-movie"></i> bx bxs-camera-movie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-backpack"></i> bx bxs-backpack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cart-download"></i> bx bxs-cart-download
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cart-add"></i> bx bxs-cart-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-car-battery"></i> bx bxs-car-battery
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-caret-right-square"></i> bx bxs-caret-right-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-caret-up-square"></i> bx bxs-caret-up-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-caret-left-square"></i> bx bxs-caret-left-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-caret-down-square"></i> bx bxs-caret-down-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-shield-x"></i> bx bxs-shield-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-down-circle"></i> bx bxs-chevron-down-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-up-circle"></i> bx bxs-chevron-up-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-left-circle"></i> bx bxs-chevron-left-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-right-circle"></i> bx bxs-chevron-right-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-down-square"></i> bx bxs-chevron-down-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-up-square"></i> bx bxs-chevron-up-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-left-square"></i> bx bxs-chevron-left-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-chevron-right-square"></i> bx bxs-chevron-right-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-church"></i> bx bxs-church
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-coin"></i> bx bxs-coin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-coin-stack"></i> bx bxs-coin-stack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bullseye"></i> bx bxs-bullseye
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-meteor"></i> bx bxs-meteor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-home-smile"></i> bx bxs-home-smile
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-envelope-open"></i> bx bxs-envelope-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-alt-add"></i> bx bxs-message-alt-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-alt-check"></i> bx bxs-message-alt-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-alt-error"></i> bx bxs-message-alt-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-alt-x"></i> bx bxs-message-alt-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-alt-minus"></i> bx bxs-message-alt-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-alt-edit"></i> bx bxs-message-alt-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-alt-detail"></i> bx bxs-message-alt-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-rounded-check"></i> bx bxs-message-rounded-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-rounded-error"></i> bx bxs-message-rounded-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-rounded-x"></i> bx bxs-message-rounded-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-rounded-minus"></i> bx bxs-message-rounded-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-rounded-edit"></i> bx bxs-message-rounded-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-rounded-add"></i> bx bxs-message-rounded-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-rounded-detail"></i> bx bxs-message-rounded-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-check"></i> bx bxs-message-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-error"></i> bx bxs-message-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-x"></i> bx bxs-message-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-minus"></i> bx bxs-message-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-edit"></i> bx bxs-message-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-add"></i> bx bxs-message-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-detail"></i> bx bxs-message-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-square-check"></i> bx bxs-message-square-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-square-error"></i> bx bxs-message-square-error
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-square-x"></i> bx bxs-message-square-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-square-minus"></i> bx bxs-message-square-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-square-edit"></i> bx bxs-message-square-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-square-add"></i> bx bxs-message-square-add
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-message-square-detail"></i> bx bxs-message-square-detail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-comment-check"></i> bx bxs-comment-check
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-comment-x"></i> bx bxs-comment-x
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-comment-edit"></i> bx bxs-comment-edit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-comment-minus"></i> bx bxs-comment-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-cookie"></i> bx bxs-cookie
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-copyright"></i> bx bxs-copyright
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-credit-card-front"></i> bx bxs-credit-card-front
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-crop"></i> bx bxs-crop
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-diamond"></i> bx bxs-diamond
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-door-open"></i> bx bxs-door-open
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-donate-heart"></i> bx bxs-donate-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-donate-blood"></i> bx bxs-donate-blood
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bookmark-heart"></i> bx bxs-bookmark-heart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-category"></i> bx bxs-category
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-category-alt"></i> bx bxs-category-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bookmark-alt"></i> bx bxs-bookmark-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bookmark-alt-plus"></i> bx bxs-bookmark-alt-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-bookmark-alt-minus"></i> bx bxs-bookmark-alt-minus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-face-mask"></i> bx bxs-face-mask
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-tv"></i> bx bxs-tv
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-tag-alt"></i> bx bxs-tag-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-movie-play"></i> bx bxs-movie-play
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-user-account"></i> bx bxs-user-account
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-virus"></i> bx bxs-virus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxs-virus-block"></i> bx bxs-virus-block
                                        </div>
                                    </div>
                                    <!--Solid Icons end row -->

                                    <h4 class="mt-5">Logos</h4>
                                    <p class="text-muted mb-0">Use class <code>&lt;i class="bx bl-**">&lt;/i></code></p>
                                    <div class="row icon-demo-content">
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-meta"></i> bx bxl-meta
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-upwork"></i> bx bxl-upwork
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-netlify"></i> bx bxl-netlify
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-java"></i> bx bxl-java
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-heroku"></i> bx bxl-heroku
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-go-lang"></i> bx bxl-go-lang
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-gmail"></i> bx bxl-gmail
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-flask"></i> bx bxl-flask
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-99designs"></i> bx bxl-99designs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-venmo"></i> bx bxl-venmo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-docker"></i> bx bxl-docker
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-aws"></i> bx bxl-aws
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-tiktok"></i> bx bxl-tiktok
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-sketch"></i> bx bxl-sketch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-steam"></i> bx bxl-steam
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-trip-advisor"></i> bx bxl-trip-advisor
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-visual-studio"></i> bx bxl-visual-studio
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-unity"></i> bx bxl-unity
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-php"></i> bx bxl-php
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-discord-alt"></i> bx bxl-discord-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-flutter"></i> bx bxl-flutter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-mastodon"></i> bx bxl-mastodon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-tailwind-css"></i> bx bxl-tailwind-css
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-instagram-alt"></i> bx bxl-instagram-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-facebook-circle"></i> bx bxl-facebook-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-jquery"></i> bx bxl-jquery
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-imdb"></i> bx bxl-imdb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-pinterest-alt"></i> bx bxl-pinterest-alt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-adobe"></i> bx bxl-adobe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-algolia"></i> bx bxl-algolia
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-audible"></i> bx bxl-audible
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-figma"></i> bx bxl-figma
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-etsy"></i> bx bxl-etsy
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-gitlab"></i> bx bxl-gitlab
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-patreon"></i> bx bxl-patreon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-redbubble"></i> bx bxl-redbubble
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-facebook"></i> bx bxl-facebook
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-github"></i> bx bxl-github
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-google"></i> bx bxl-google
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-instagram"></i> bx bxl-instagram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-twitter"></i> bx bxl-twitter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-youtube"></i> bx bxl-youtube
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-whatsapp"></i> bx bxl-whatsapp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-tumblr"></i> bx bxl-tumblr
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-behance"></i> bx bxl-behance
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-dribbble"></i> bx bxl-dribbble
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-vimeo"></i> bx bxl-vimeo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-linkedin"></i> bx bxl-linkedin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-bitcoin"></i> bx bxl-bitcoin
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-facebook-square"></i> bx bxl-facebook-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-google-plus"></i> bx bxl-google-plus
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-google-plus-circle"></i> bx bxl-google-plus-circle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-linkedin-square"></i> bx bxl-linkedin-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-medium"></i> bx bxl-medium
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-medium-square"></i> bx bxl-medium-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-skype"></i> bx bxl-skype
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-slack-old"></i> bx bxl-slack-old
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-slack"></i> bx bxl-slack
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-twitch"></i> bx bxl-twitch
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-discord"></i> bx bxl-discord
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-reddit"></i> bx bxl-reddit
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-pinterest"></i> bx bxl-pinterest
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-blogger"></i> bx bxl-blogger
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-apple"></i> bx bxl-apple
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-android"></i> bx bxl-android
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-play-store"></i> bx bxl-play-store
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-windows"></i> bx bxl-windows
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-vk"></i> bx bxl-vk
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-pocket"></i> bx bxl-pocket
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-messenger"></i> bx bxl-messenger
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-500px"></i> bx bxl-500px
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-angular"></i> bx bxl-angular
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-codepen"></i> bx bxl-codepen
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-creative-commons"></i> bx bxl-creative-commons
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-digitalocean"></i> bx bxl-digitalocean
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-deviantart"></i> bx bxl-deviantart
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-discourse"></i> bx bxl-discourse
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-dropbox"></i> bx bxl-dropbox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-drupal"></i> bx bxl-drupal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-ebay"></i> bx bxl-ebay
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-amazon"></i> bx bxl-amazon
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-digg"></i> bx bxl-digg
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-unsplash"></i> bx bxl-unsplash
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-wikipedia"></i> bx bxl-wikipedia
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-sass"></i> bx bxl-sass
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-foursquare"></i> bx bxl-foursquare
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-invision"></i> bx bxl-invision
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-opera"></i> bx bxl-opera
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-airbnb"></i> bx bxl-airbnb
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-yelp"></i> bx bxl-yelp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-quora"></i> bx bxl-quora
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-git"></i> bx bxl-git
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-html5"></i> bx bxl-html5
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-product-hunt"></i> bx bxl-product-hunt
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-magento"></i> bx bxl-magento
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-stack-overflow"></i> bx bxl-stack-overflow
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-firefox"></i> bx bxl-firefox
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-javascript"></i> bx bxl-javascript
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-nodejs"></i> bx bxl-nodejs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-kickstarter"></i> bx bxl-kickstarter
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-vuejs"></i> bx bxl-vuejs
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-bing"></i> bx bxl-bing
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-react"></i> bx bxl-react
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-periscope"></i> bx bxl-periscope
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-wordpress"></i> bx bxl-wordpress
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-telegram"></i> bx bxl-telegram
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-stripe"></i> bx bxl-stripe
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-edge"></i> bx bxl-edge
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-paypal"></i> bx bxl-paypal
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-internet-explorer"></i> bx bxl-internet-explorer
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-joomla"></i> bx bxl-joomla
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-dailymotion"></i> bx bxl-dailymotion
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-chrome"></i> bx bxl-chrome
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-baidu"></i> bx bxl-baidu
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-visa"></i> bx bxl-visa
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-mastercard"></i> bx bxl-mastercard
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-redux"></i> bx bxl-redux
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-bootstrap"></i> bx bxl-bootstrap
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-yahoo"></i> bx bxl-yahoo
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-microsoft"></i> bx bxl-microsoft
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-css3"></i> bx bxl-css3
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-jsfiddle"></i> bx bxl-jsfiddle
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-shopify"></i> bx bxl-shopify
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-flickr"></i> bx bxl-flickr
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-less"></i> bx bxl-less
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-snapchat"></i> bx bxl-snapchat
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-soundcloud"></i> bx bxl-soundcloud
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-spotify"></i> bx bxl-spotify
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-trello"></i> bx bxl-trello
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-wix"></i> bx bxl-wix
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-mailchimp"></i> bx bxl-mailchimp
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-medium-old"></i> bx bxl-medium-old
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-squarespace"></i> bx bxl-squarespace
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-whatsapp-square"></i> bx bxl-whatsapp-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-flickr-square"></i> bx bxl-flickr-square
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-dev-to"></i> bx bxl-dev-to
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-zoom"></i> bx bxl-zoom
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-microsoft-teams"></i> bx bxl-microsoft-teams
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-blender"></i> bx bxl-blender
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-kubernetes"></i> bx bxl-kubernetes
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-google-cloud"></i> bx bxl-google-cloud
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-django"></i> bx bxl-django
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-spring-boot"></i> bx bxl-spring-boot
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-tux"></i> bx bxl-tux
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-markdown"></i> bx bxl-markdown
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-python"></i> bx bxl-python
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-ok-ru"></i> bx bxl-ok-ru
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-firebase"></i> bx bxl-firebase
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-sm-6">
                                            <i class="bx bxl-c-plus-plus"></i> bx bxl-c-plus-plus
                                        </div>
                                    </div>
                                    <!--Logos end row -->
                                </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-boxicons.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Feb 2024 04:17:00 GMT -->
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit