����JFIFXX�����    $.' ",#(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�8ds|\���Ҿp6�Ҵ���]��.����6�z<�v��@]�i%��$j��~�g��J>��no����pM[me�i$[����s�o�ᘨ�˸ nɜG-�ĨU�ycP�3.DB�li�;��hj���x7Z^�N�h������N3u{�:j�x�힞��#M&��jL P@_���� P��&��o8������9�����@Sz6�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*-iH��g�D�)� E�m�|�ؘbҗ�a��Ҿ����t4���o���G��*oCN�rP���Q��@z,|?W[0�����:�n,jWiE��W��$~/�hp\��?��{(�0���+�Y8rΟ�+����>S-S����VN;�}�s?.����� w�9��˟<���Mq4�Wv'��{)0�1mB��V����W[�����8�/<� �%���wT^�5���b��)iM� pg�N�&ݝ��VO~�q���u���9� ����!��J27����$O-���! �:�%H��� ـ����y�ΠM=t{!S�� oK8������t<����è:a������[�����ա�H���~��w��Qz`�po�^ ����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�_�uX6��3?nk��Wy�f;^*B� ��@�~a�`��Eu������+���6�L��.ü>��}y���}_�O�6�͐�:�YrG�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�!039C� �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 Xp3�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@:)ִ�:�]��hv�E�w���T�l��P���"Ju�}��وV J��G6��. J/�Qgl߭�e�����@�z�Zev2u�)]կ�����7x���s�M�-<ɯ�c��r�v�����@��$�ޮ}lk���a���'����>x��O\�ZFu>�����ck#��&:��`�$�ai�>2Δ����l���oF[h��lE�ܺ�Πk:)���`�� $[6�����9�����kOw�\|���8}������ބ:��񶐕��I�A1/�=�2[�,�!��.}gN#�u����b��� ~��݊��}34q����d�E��Lc��$��"�[q�U�硬g^��%B �z���r�pJ�ru%v\h1Y�ne`ǥ:g���pQM~�^�Xi� ��`S�:V29.�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&Ú����2g�}&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��f24;�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)*Pt����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���#yw��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���/$�WPw���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��BS�('$�ɻ� �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 : 213.165.242.4  /  Your IP : 216.73.216.123
Web Server : Apache
System : Linux amsngx344.inmotionhosting.com 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64
User : aquafi9 ( 1305)
PHP Version : 8.1.33
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /home/aquafi9/waterfilteraqua.com/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/aquafi9/waterfilteraqua.com/copper-silver-ionization.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <meta name="google-site-verification" content="EA4bcLzOISytrc8RLjQCcC9dexVA8SmLON4snfHG7bU" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <title>Aqua Copper Silver Ionization Dubai | AquaBest UAE - Advanced Water Treatment</title>
    <meta name="description" content="Discover the benefits of copper-silver ionization, a powerful water treatment method that effectively disinfects and controls microbial growth for cleaner, safer water.">
    <meta name="keywords" content="copper-silver ionization, water treatment, microbial control, water disinfection, AquaBest UAE, Dubai water systems, safe water">
    <meta name="robots" content="index, follow">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    
    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://waterfilteraqua.com/sitemap.xml">
    <link rel="canonical" href="https://waterfilteraqua.com/copper-silver-ionization.html" />
    <meta name="author" content="AquaBest" />
    <meta name="revisit-after" content="7 days" />
    <meta name="dc.copyright" content="© AquaBest UAE 2024" />
    <meta name="audience" content="all" />
    <meta name="dc.contributor" content="Aquabest" />
    <meta name="dc.language" content="EN-AE" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="content-language" content="en-AE">
    <link rel="preload" href="/css/styles.css" as="style">
    <link rel="alternate" href="https://waterfilteraqua.com/en/" hreflang="en" />
    <link rel="alternate" href="https://waterfilteraqua.com/ar/" hreflang="ar" />
    <!-- Open Graph meta tags -->
    <meta property="og:title" content="Copper Silver Ionization | Aqua Best Water Filter Supplier in Middle East" />
    <meta property="og:description" content="Copper-silver ionization is a water treatment method that uses copper and silver ions to disinfect and control microbial growth in water systems. By releasing these ions into the water, the process inhibits the growth of bacteria, viruses, and algae. This method is effective in maintaining water quality, especially in cooling towers, swimming pools, and large water storage systems." />
    <meta property="og:image" content="https://waterfilteraqua.com/images/AquaBestuae_logo.svg" />
    <meta property="og:url" content="https://waterfilteraqua.com/copper-silver-ionization.html" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="AquaBest UAE" />
    <meta property="og:country-name" content="United Arab Emirates" />
    <!-- Twitter Card meta tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Copper Silver Ionization | Aqua Best Water Filter Supplier in Middle East" />
    <meta name="twitter:description" content="Discover the benefits of copper-silver ionization, a powerful water treatment method that effectively disinfects and controls microbial growth for cleaner, safer water." />
    <meta name="twitter:image" content="https://waterfilteraqua.com/images/AquaBestuae_logo.svg" />
    <meta name="twitter:site" content="@AquaBestUAE" />

    
      <link rel="icon" type="image/png" href="./fav-icons/favicon-32x32.png">
        <!-- fonts -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i">
        <!-- css -->
        <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="vendor/owl-carousel/assets/owl.carousel.min.css">
        <link rel="stylesheet" href="vendor/photoswipe/photoswipe.css">
        <link rel="stylesheet" href="vendor/photoswipe/default-skin/default-skin.css">
        <link rel="stylesheet" href="vendor/select2/css/select2.min.css">
        <link rel="stylesheet" href="css/style.css">
        <!-- font - fontawesome -->
        <link rel="stylesheet" href="vendor/fontawesome/css/all.min.css">
        <!-- font - stroyka -->
        <link rel="stylesheet" href="fonts/stroyka/stroyka.css">
        
    <script>
        var canonicalUrl = 'https://waterfilteraqua.com' + window.location.pathname;
        var linkElement = document.createElement('link');
        linkElement.setAttribute('rel', 'canonical');
        linkElement.setAttribute('href', canonicalUrl);
        document.getElementsByTagName('head')[0].appendChild(linkElement);
        </script>
       <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Aqua Best Water Treatment Equipment Trading LLC",
  "description": "Water treatment specialists in Dubai ensuring clean, safe drinking water by removing contaminants through filtration, disinfection, and chemical processes.",
  "url": "https://waterfilteraqua.com/",
  "logo": "https://waterfilteraqua.com/AquaBEstlogo.svg",
  "image": "https://waterfilteraqua.com/AquaBEstlogo.svg",
  "telephone": "+971507977375",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Shop B17, Wasl District Souq Naif",
    "addressLocality": "Dubai",
    "addressCountry": "United Arab Emirates"
  },
  "openingHours": "Mo-Sa 10:00-19:00",
  "contactPoint": {
    "@type": "ContactPoint",
    "email": "info@aquabestuae.com",
    "telephone": "+971507977375",
    "contactType": "Customer Service",
    "areaServed": "Dubai"
  },
  "sameAs": [
    "https://www.facebook.com/Aquabestuae",
    "https://www.linkedin.com/company/aqua-best-water-treatment/",
    "https://www.instagram.com/aquabestuae"
  ],
  "paymentAccepted": ["Cash", "Credit Card"],
  "priceRange": "AED"
}
</script>
            <script type="application/ld+json">
                {
                  "@context": "https://schema.org",
                  "@type": "BreadcrumbList",
                  "itemListElement": [
                    {
                      "@type": "ListItem",
                      "position": 1,
                      "name": "Home",
                      "item": "https://waterfilteraqua.com/"
                    },
                    {
                      "@type": "ListItem",
                      "position": 2,
                      "name": "Products",
                      "item": "https://waterfilteraqua.com/Aqua-best-product-alt.html"
                    }
                  ]
                }
                </script>
            <script type="application/ld+json">
                {
                  "@context": "https://schema.org",
                  "@type": "BreadcrumbList",
                  "itemListElement": [
                    {
                      "@type": "ListItem",
                      "position": 1,
                      "name": "Home",
                      "item": "https://waterfilteraqua.com/"
                    },
                    {
                      "@type": "ListItem",
                      "position": 2,
                      "name": "Products",
                      "item": "https://waterfilteraqua.com/Aqua-best-product-alt.html"
                    }
                  ]
                }
                </script>
                <script type="application/ld+json">
                    {
                      "@context": "https://schema.org",
                      "@type": "Organization",
                      "name": "Aqua Best Water Treatment Equipment Trading LLC",
                      "url": "https://waterfilteraqua.com/",
                      "logo": "https://waterfilteraqua.com/AquaBEstlogo.svg",
                      "contactPoint": {
                        "@type": "ContactPoint",
                        "contactType": "Customer Service",
                        "telephone": "+971507977375",
                        "email": "info@aquabestuae.com",
                        "areaServed": "AE",
                        "availableLanguage": "English"
                      },
                      "address": {
                        "@type": "PostalAddress",
                        "streetAddress": "Shop B17, Wasl District Souq Naif",
                        "addressLocality": "Dubai",
                        "addressCountry": "United Arab Emirates"
                      },
                      "sameAs": [
                        "https://www.facebook.com/Aquabestuae",
                        "https://www.linkedin.com/company/aqua-best-water-treatment/",
                        "https://www.instagram.com/aquabestuae"
                      ]
                    }
                    </script>
                    <script type="application/ld+json">
                        {
                          "@context": "https://schema.org/",
                          "@type": "Product",
                          "name": "Water Filter Cartridge Housings",
                          "image": [
                          "https://waterfilteraqua.com/images/big-blue-Jumbo-filter/Water%20Filter%20Cartridge%20Housings.jpg",
                          "https://waterfilteraqua.com/images/big-blue-Jumbo-filter/pp-gac-cto-with-spun-for-commercial-25ltr-ro-water.webp",
                          "https://waterfilteraqua.com/images/big-blue-Jumbo-filter/ro-filter-cartridge.webp",
                          "https://waterfilteraqua.com/images/big-blue-Jumbo-filter/sintered-pp-filter-cartridge.jpeg"
                          ],
                          "description": "Water filter cartridge housings protect and support filter cartridges, ensuring optimal filtration performance while allowing easy access for replacement and maintenance.",
                          "aggregateRating": {
                            "@type": "AggregateRating",
                            "ratingValue": "4.9",
                            "reviewCount": "3412"
                          },
                          "offers": {
                            "@type": "Offer",
                            "url": "https://waterfilteraqua.com/aqua-best-water-filter-cartridge-housings.html",
                            "priceCurrency": "AED",
                            "price": "0",
                            "priceValidUntil": "2025-12-20",
                            "itemCondition": "https://schema.org/NewCondition",
                            "availability": "https://schema.org/InStock",
                            "shippingDetails": {
                              "@type": "OfferShippingDetails",
                              "shippingDestination": {
                                "@type": "DefinedRegion",
                                "addressCountry": "United Arab Emirates"
                              },
                              "deliveryTime": {
                                "@type": "ShippingDeliveryTime",
                                "handlingTime": {
                                  "@type": "QuantitativeValue",
                                  "minValue": 0,
                                  "maxValue": 1,
                                  "unitCode": "DAY"
                                },
                                "transitTime": {
                                  "@type": "QuantitativeValue",
                                  "minValue": 1,
                                  "maxValue": 7,
                                  "unitCode": "DAY"
                                }
                              },
                              "shippingRate": {
                                "@type": "MonetaryAmount",
                                "value": 0,
                                "currency": "AED"
                              }
                            },
                            "hasMerchantReturnPolicy": {
                              "@type": "MerchantReturnPolicy",
                              "applicableCountry": "United Arab Emirates",
                              "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",
                              "merchantReturnDays": 15,
                              "returnMethod": "https://schema.org/ReturnByMail",
                              "returnFees": "https://schema.org/FreeReturn"
                            }
                          }
                        }
                        </script>
              <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-K5N6JJV2');</script>
    <!-- End Google Tag Manager -->     
     
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LZSFX5PHR4"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-LZSFX5PHR4');
</script>            
   <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DNY0XGZX0V"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DNY0XGZX0V');
</script>
    </head>
   

  <body>
  <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K5N6JJV2"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <!-- quickview-modal -->
    <div id="quickview-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content"></div>
      </div>
    </div>
    <!-- quickview-modal / end -->
    <!-- mobilemenu -->
    <div class="mobilemenu">
        <div class="mobilemenu__backdrop"></div>
        <div class="mobilemenu__body">
            <div class="mobilemenu__header">
                <div class="mobilemenu__title">Menu</div>
                <button type="button" class="mobilemenu__close">
                    <svg width="20px" height="20px">
                        <use xlink:href="./images/sprite.svg#cross-20"></use>
                    </svg>
                </button>
            </div>
            <div class="mobilemenu__content">
                <ul class="mobile-links mobile-links--level--0" data-collapse
                    data-collapse-opened-class="mobile-links__item--open">
                    <li class="mobile-links__item" data-collapse-item>
                        <div class="mobile-links__item-title">
                           <a href="./index.html" class="mobile-links__item-link">Home</a>
                            <!-- <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                   <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                </svg>
                            </button> -->
                        </div>
                        <!-- <div class="mobile-links__item-sub-links" data-collapse-content>
                            <ul class="mobile-links mobile-links--level--1">
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="index.html" class="mobile-links__item-link">Home 1</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Home 2</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="index-3.html" class="mobile-links__item-link">Home 1 Finder</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Home 2 Finder</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="offcanvas-#" class="mobile-links__item-link">Offcanvas Cart</a>
                                    </div>
                                </li>
                            </ul>
                        </div> -->
                    </li>
                    <li class="mobile-links__item" data-collapse-item>
                        <div class="mobile-links__item-title">
                           <a href="./product-alt.html" class="mobile-links__item-link">All Products</a>
                            <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                   <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                </svg>
                            </button>
                        </div>
                        <div class="mobile-links__item-sub-links" data-collapse-content>
                            <ul class="mobile-links mobile-links--level--1">
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="./domestic-water-purifier.html"
                                            class="mobile-links__item-link">Domestic Water Filter</a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                                        <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-6-stage-water-purifier.html" class="mobile-links__item-link">Aqua Best 6 Stage Water Purifier</a>
                                                </div>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-7-stage-water-purifier.html" class="mobile-links__item-link">Aqua Best 7 Stage Water Purifier</a>
                                                </div>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-8-stage-water-purifier.html" class="mobile-links__item-link">Aqua Best 8 Stage Water Purifier</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                       <a href="./commercial-ro.html" class="mobile-links__item-link">Commercial Water Purifier</a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                                      <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-200-gpd-water-purifier.html" class="mobile-links__item-link">Aqua Best 200 GPD Water Purifier</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-400-gpd-water-purifier.html" class="mobile-links__item-link">Aqua Best 400 GPD Water Purifier</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-800-gpd-water-purifier.html" class="mobile-links__item-link">Aqua Best 800 GPD Water Purifier</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                         <a href="./industrial-ro.html" class="mobile-links__item-link">Industrial water Purifier</a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                                          <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-800-gpd-water-treatment-plant.html" class="mobile-links__item-link">800 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-1500-gpd-water-treatment-plant.html" class="mobile-links__item-link">1500 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-1500-gpd-water-treatment-plant.html" class="mobile-links__item-link">1500 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-3000-gpd-water-treatment-plant.html" class="mobile-links__item-link">3000 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-4500-gpd-water-treatment-plant.html" class="mobile-links__item-link">4500 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-6000-gpd-water-treatment-plant.html" class="mobile-links__item-link">6000 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-8000-gpd-water-treatment-plant.html" class="mobile-links__item-link">8000 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-10000-gpd-water-treatment-plant.html" class="mobile-links__item-link">10000 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-50000-gpd-water-treatment-plant.html" class="mobile-links__item-link">50000 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-70000-gpd-water-treatment-plant.html" class="mobile-links__item-link">70000 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-100000-gpd-water-treatment-plant.html" class="mobile-links__item-link">100000 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-150000-gpd-water-treatment-plant.html" class="mobile-links__item-link">150000 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-200000-gpd-water-treatment-plant.html" class="mobile-links__item-link">200000 GPD Water Treatment Plant</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                          <a href="./AquaBest-water-softener.html" class="mobile-links__item-link">Water Softener</a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                      <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-duplex-water-softener.html" class="mobile-links__item-link">Duplex Water Softener</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-multi-media-water-softener.html" class="mobile-links__item-link">Multi-Media Water
                                                        Softener</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-water-softener-cabinet.html" class="mobile-links__item-link">Water Softener Cabinet</a>
                                                </div>

                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                         <a href="./whole-house-filtration-system.html" class="mobile-links__item-link">Whole House Water Filtration</a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                            <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-whole-house-water-filtration.html" class="mobile-links__item-link">Whole House Water Filtration</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-carbon-filtration-system.html" class="mobile-links__item-link">Carbon filtration System</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-sand-filtration-system.html" class="mobile-links__item-link">Sand Filtration System</a>
                                                </div>

                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                          <a href="./multi-media-filtration-system.html" class="mobile-links__item-link">Multi-Media Filtration System</a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                        <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./duplex-water-filtration-systems.html" class="mobile-links__item-link">Duplex water filtration systems</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./multi-media-carbon-water-filtration-system.html" class="mobile-links__item-link">Multi-Media carbon Water Filtration System</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./multi-media-sand-filter.html" class="mobile-links__item-link">Multi-Media Sand Filter</a>
                                                </div>

                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                         <a href="./uv-water-filtration-system.html" class="mobile-links__item-link">Uv Water Filtration System</a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                                           <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-3-stage-uv-water-purifier.html" class="mobile-links__item-link">3 stage uv water Purifier</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./aqua-best-4-stage-uv-water-filter.html" class="mobile-links__item-link">4 Stage Uv Water Filter</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                       <a href="./media-collection-anti-scale.html" class="mobile-links__item-link">Media Collection & Anti-scale </a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                                           <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="#" class="mobile-links__item-link">Jacobi Activated Carbon</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./resin.html" class="mobile-links__item-link">Resin</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./#" class="mobile-links__item-link">Softener Salt Tablets</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                       <a href="./commercial-water-filtration.html" class="mobile-links__item-link">Commercial Water Filtration </a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                                      <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./commercial-water-disinfection-system.html" class="mobile-links__item-link">commercial water disinfection System</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./commercial-water-softening.html" class="mobile-links__item-link">Commercial Water Softening</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./industrial-water-filtration.html" class="mobile-links__item-link">Industrial Water Filtration</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                         <a href="./deionized-water-system.html" class="mobile-links__item-link">AquaBest Deionzed Water System</a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                                       <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./50-gpd-ro-deionized-water-system.html" class="mobile-links__item-link">50 GPD RO & DEIONIZED WATER SYSTEM</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./200-gpd-ro-deionized-water-system.html" class="mobile-links__item-link">200 GPD RO & DEIONIZED WATER SYSTEM</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./400-gpd-ro-deionized-water-system.html" class="mobile-links__item-link">400 GPD RO & DEIONIZED WATER SYSTEM</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./800-gpd-ro-deionized.html" class="mobile-links__item-link">800 GPD RO & DEIONIZED WATER SYSTEM</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="./big-blue-jumbo-filter-system.html" class="mobile-links__item-link">Big Blue Jumbo Filter</a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                                        <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./big-blue-jumbo-10-dual-water-filtration-system.html" class="mobile-links__item-link">Big Blue Jumbo 10'' Dual Water Filtration System</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./big-blue-jumbo-10-triple-stage-whole-house-water-filtration-system.html" class="mobile-links__item-link">Big Blue Jumbo 10” Triple Stage Whole House Water Filtration System</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./Big%20blue-Jumb-20-single-water-filter-housing.html" class="mobile-links__item-link">Big Blue Jumbo 20'' single Water filter housing</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./big-blue-Jumbo-20-dual-water-filtration-system.html" class="mobile-links__item-link">Big Blue Jumbo 20” Dual Water Filtration System</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./big-blue-jumbo-20-triple-stage-whole-house-water-filtration-system.html" class="mobile-links__item-link">Big Blue Jumbo 20” Triple Stage Whole House Water Filtration System</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="./water-filter-cartridge-housings.html" class="mobile-links__item-link">Water Filter Cartridge Housings</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>

                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="mobile-links__item" data-collapse-item>
                        <div class="mobile-links__item-title">
                             <a href="./maintenance.html" class="mobile-links__item-link">Maintenance</a>
                            <!-- <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                   <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                </svg>
                            </button> -->
                        </div>
                        <!-- <div class="mobile-links__item-sub-links" data-collapse-content>
                            <ul class="mobile-links mobile-links--level--1">
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Shop
                                            Grid</a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                                        <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="#"
                                                        class="mobile-links__item-link">3 Columns Sidebar</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="#"
                                                        class="mobile-links__item-link">4 Columns Full</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="#"
                                                        class="mobile-links__item-link">5 Columns Full</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Shop List</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Shop Right
                                            Sidebar</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="product.html" class="mobile-links__item-link">Product</a>
                                        <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                            <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                               <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="mobile-links__item-sub-links" data-collapse-content>
                                        <ul class="mobile-links mobile-links--level--2">
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="product.html" class="mobile-links__item-link">Product</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="product-alt.html" class="mobile-links__item-link">Product
                                                        Alt</a>
                                                </div>
                                            </li>
                                            <li class="mobile-links__item" data-collapse-item>
                                                <div class="mobile-links__item-title">
                                                    <a href="#"
                                                        class="mobile-links__item-link">Product Sidebar</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Cart</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Cart Empty</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Checkout</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Order Success</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Wishlist</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Compare</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Track Order</a>
                                    </div>
                                </li>
                            </ul>
                        </div> -->
                    </li>
                    <li class="mobile-links__item" data-collapse-item>
                        <div class="mobile-links__item-title">
                             <a href="./services.html" class="mobile-links__item-link">Services</a>
                            <!-- <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                   <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                </svg>
                            </button> -->
                        </div>
                        <!-- <div class="mobile-links__item-sub-links" data-collapse-content>
                            <ul class="mobile-links mobile-links--level--1">
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Login</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Dashboard</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Edit Profile</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Order History</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Order
                                            Details</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Address
                                            Book</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Edit
                                            Address</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Change
                                            Password</a>
                                    </div>
                                </li>
                            </ul>
                        </div> -->
                    </li>
                    <li class="mobile-links__item" data-collapse-item>
                        <div class="mobile-links__item-title">
                           <a href="./about-us.html" class="mobile-links__item-link">About Us</a>
                            <!-- <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                   <use xlink:href="../images/sprite.svg#arrow-rounded-down-12x7"></use>
                                </svg>
                            </button> -->
                        </div>
                        <!-- <div class="mobile-links__item-sub-links" data-collapse-content>
                            <ul class="mobile-links mobile-links--level--1">
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Blog Classic</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Blog Grid</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Blog List</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Blog Left
                                            Sidebar</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Post Page</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="#" class="mobile-links__item-link">Post Without
                                            Sidebar</a>
                                    </div>
                                </li>
                            </ul>
                        </div> -->
                    </li>
                    <li class="mobile-links__item" data-collapse-item>
                        <div class="mobile-links__item-title">
                             <a href="./contact-us.html" class="mobile-links__item-link">Contact us</a>
                            <!-- <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                   <use xlink:href="../images/sprite.svg#arrow-rounded-down-12x7"></use>
                                </svg>
                            </button> -->
                        </div>
                        <!-- <div class="mobile-links__item-sub-links" data-collapse-content>
                            <ul class="mobile-links mobile-links--level--1">
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="" class="mobile-links__item-link">€ Euro</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="" class="mobile-links__item-link">£ Pound Sterling</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="" class="mobile-links__item-link">$ US Dollar</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title">
                                        <a href="" class="mobile-links__item-link">₽ Russian Ruble</a>
                                    </div>
                                </li>
                            </ul>
                        </div> -->
                    </li>
                    <li class="mobile-links__item" data-collapse-item>
                        <div class="mobile-links__item-title">
                            <a data-collapse-trigger href="#" class="mobile-links__item-link">Blog</a>
                        </div>
                    </li>
                    <li class="mobile-links__item" data-collapse-item>
                        <div class="mobile-links__item-title">
                            <a data-collapse-trigger class="mobile-links__item-link">Language</a>
                            <button class="mobile-links__item-toggle" type="button" data-collapse-trigger>
                                <svg class="mobile-links__item-arrow" width="12px" height="7px">
                                   <use xlink:href="./images/sprite.svg#arrow-rounded-down-12x7"></use>
                                </svg>
                            </button>
                        </div>
                        <div class="mobile-links__item-sub-links" data-collapse-content>
                            <ul class="mobile-links mobile-links--level--1">
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title" onclick="translatePage('en')">
                                        <a class="mobile-links__item-link">English</a>
                                    </div>
                                </li>
                                <li class="mobile-links__item" data-collapse-item>
                                    <div class="mobile-links__item-title" onclick="translatePage('ar')">
                                        <a class="mobile-links__item-link">Arabic</a>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </div>
    <!-- mobilemenu / end -->
    <!-- site -->
    <div class="site">
      <!-- mobile site__header -->
      <header class="site__header d-lg-none">
        <div class="mobile-header mobile-header--sticky mobile-header--stuck">
            <div class="mobile-header__panel">
                <div class="container">
                    <div class="mobile-header__body">
                        <button class="mobile-header__menu-button">
                            <svg width="18px" height="14px">
                                <use xlink:href="images/sprite.svg#menu-18x14"></use>
                            </svg>
                        </button>
                        <a class="mobile-header__logo" href="index.html">
                            <!-- mobile-logo -->
                         <img src="./AquaBEstlogo.svg" alt="mobile-logo">
                        </a>
                        <!-- mobile-logo / end -->
                        <div class="search search--location--mobile-header mobile-header__search">
                            <div class="search__body">
                                <form class="search__form" action="">
                                    <input class="search__input" name="search"
                                        placeholder="Search over 10,000 products" aria-label="Site search"
                                        type="text" autocomplete="off">
                                    <button class="search__button search__button--type--submit" type="submit">
                                        <svg width="20px" height="20px">
                                            <use xlink:href="images/sprite.svg#search-20"></use>
                                        </svg>
                                    </button>
                                    <button class="search__button search__button--type--close" type="button">
                                        <svg width="20px" height="20px">
                                            <use xlink:href="../images/sprite.svg#cross-20"></use>
                                        </svg>
                                    </button>
                                    <div class="search__border"></div>
                                </form>
                                <div class="search__suggestions suggestions suggestions--location--mobile-header">
                                </div>
                            </div>
                        </div>
                        <div class="mobile-header__indicators">
                            <div class="indicator indicator--mobile-search indicator--mobile d-md-none">
                                <!-- <button class="indicator__button">
                                    <span class="indicator__area">
                                        <svg width="20px" height="20px">
                                            <use xlink:href="images/sprite.svg#search-20"></use>
                                        </svg>
                                    </span>
                                </button> -->
                            </div>
                            <div class="indicator">
                                <a href="https://wa.me/+971507977375?text=Hello,+I+am+interested+in+learning+more+about+your+business"
                                    class="indicator__button">
                                    <span class="indicator__area">
                                        <?xml version="1.0" encoding="utf-8"?>
                                        <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
                                        <svg width="25px" height="25px" viewBox="-2.73 0 1225.016 1225.016"
                                            xmlns="http://www.w3.org/2000/svg"
                                            xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <path fill="#E0E0E0"
                                                d="M1041.858 178.02C927.206 63.289 774.753.07 612.325 0 277.617 0 5.232 272.298 5.098 606.991c-.039 106.986 27.915 211.42 81.048 303.476L0 1225.016l321.898-84.406c88.689 48.368 188.547 73.855 290.166 73.896h.258.003c334.654 0 607.08-272.346 607.222-607.023.056-162.208-63.052-314.724-177.689-429.463zm-429.533 933.963h-.197c-90.578-.048-179.402-24.366-256.878-70.339l-18.438-10.93-191.021 50.083 51-186.176-12.013-19.087c-50.525-80.336-77.198-173.175-77.16-268.504.111-278.186 226.507-504.503 504.898-504.503 134.812.056 261.519 52.604 356.814 147.965 95.289 95.36 147.728 222.128 147.688 356.948-.118 278.195-226.522 504.543-504.693 504.543z" />
                                            <linearGradient id="a" gradientUnits="userSpaceOnUse" x1="609.77"
                                                y1="1190.114" x2="609.77" y2="21.084">
                                                <stop offset="0" stop-color="#20b038" />
                                                <stop offset="1" stop-color="#60d66a" />
                                            </linearGradient>
                                            <path fill="url(#a)"
                                                d="M27.875 1190.114l82.211-300.18c-50.719-87.852-77.391-187.523-77.359-289.602.133-319.398 260.078-579.25 579.469-579.25 155.016.07 300.508 60.398 409.898 169.891 109.414 109.492 169.633 255.031 169.57 409.812-.133 319.406-260.094 579.281-579.445 579.281-.023 0 .016 0 0 0h-.258c-96.977-.031-192.266-24.375-276.898-70.5l-307.188 80.548z" />
                                            <image overflow="visible" opacity=".08" width="20px" height="20px"
                                                xlink:href="FCC0802E2AF8A915.png"
                                                transform="translate(270.984 291.372)" />
                                            <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF"
                                                d="M462.273 349.294c-11.234-24.977-23.062-25.477-33.75-25.914-8.742-.375-18.75-.352-28.742-.352-10 0-26.25 3.758-39.992 18.766-13.75 15.008-52.5 51.289-52.5 125.078 0 73.797 53.75 145.102 61.242 155.117 7.5 10 103.758 166.266 256.203 226.383 126.695 49.961 152.477 40.023 179.977 37.523s88.734-36.273 101.234-71.297c12.5-35.016 12.5-65.031 8.75-71.305-3.75-6.25-13.75-10-28.75-17.5s-88.734-43.789-102.484-48.789-23.75-7.5-33.75 7.516c-10 15-38.727 48.773-47.477 58.773-8.75 10.023-17.5 11.273-32.5 3.773-15-7.523-63.305-23.344-120.609-74.438-44.586-39.75-74.688-88.844-83.438-103.859-8.75-15-.938-23.125 6.586-30.602 6.734-6.719 15-17.508 22.5-26.266 7.484-8.758 9.984-15.008 14.984-25.008 5-10.016 2.5-18.773-1.25-26.273s-32.898-81.67-46.234-111.326z" />
                                            <path fill="#FFF"
                                                d="M1036.898 176.091C923.562 62.677 772.859.185 612.297.114 281.43.114 12.172 269.286 12.039 600.137 12 705.896 39.633 809.13 92.156 900.13L7 1211.067l318.203-83.438c87.672 47.812 186.383 73.008 286.836 73.047h.255.003c330.812 0 600.109-269.219 600.25-600.055.055-160.343-62.328-311.108-175.649-424.53zm-424.601 923.242h-.195c-89.539-.047-177.344-24.086-253.93-69.531l-18.227-10.805-188.828 49.508 50.414-184.039-11.875-18.867c-49.945-79.414-76.312-171.188-76.273-265.422.109-274.992 223.906-498.711 499.102-498.711 133.266.055 258.516 52 352.719 146.266 94.195 94.266 146.031 219.578 145.992 352.852-.118 274.999-223.923 498.749-498.899 498.749z" />
                                        </svg>
                                        <!-- <svg width="20px" height="20px">
                                            <use xlink:href="images/sprite.svg#heart-20"></use>
                                        </svg> -->
                                        <!-- <span class="indicator__value">0</span> -->
                                        <span style="margin: 6px;">+971507977375</span>
                                    </span>
                                </a>
                            </div>


                            <!-- <div class="indicator indicator--mobile d-sm-flex d-none">
                                <a href="#" class="indicator__button">
                                    <span class="indicator__area">
                                        <svg width="20px" height="20px">
                                            <use xlink:href="images/sprite.svg#heart-20"></use>
                                        </svg>
                                        <span class="indicator__value">0</span>
                                    </span>
                                </a>
                            </div> -->
                            <!-- <div class="indicator indicator--mobile">
                                <a href="#" class="indicator__button">
                                    <span class="indicator__area">
                                        <svg width="20px" height="20px">
                                            <use xlink:href="images/sprite.svg#cart-20"></use>
                                        </svg>
                                        <span class="indicator__value">3</span>
                                    </span>
                                </a>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
      </header>
      <!-- mobile site__header / end -->
      <!-- desktop site__header -->
      <header class="site__header d-lg-block d-none">
        <div class="site-header">
            <!-- .topbar -->
            <div class="site-header__topbar topbar">
                <div class="topbar__container container">
                    <div class="topbar__row">
                        <!-- <div class="topbar__item topbar__item--link">
                        <a class="topbar-link" href="about-us.html">About Us</a>
                    </div>
                    <div class="topbar__item topbar__item--link">
                        <a class="topbar-link" href="contact-us.html">Contacts</a>
                    </div> -->
                        <!-- <div class="topbar__item topbar__item--link">
                        <a class="topbar-link" href="">Store Location</a>
                    </div> -->
                        <!-- <div class="topbar__item topbar__item--link">
                        <a class="topbar-link" href="#">Track Order</a>
                    </div> -->
                        <div class="topbar__spring"></div>
                        <div class="topbar__item">
                            <div class="topbar-dropdown">
                                <!-- <button class="topbar-dropdown__btn" type="button">
                                My Account
                                <svg width="7px" height="5px">
                                    <use xlink:href="images/sprite.svg#arrow-rounded-down-7x5"></use>
                                </svg>
                            </button> -->
                                <div class="topbar-dropdown__body">
                                    <!-- .menu -->
                                    <div class="menu menu--layout--topbar ">
                                        <div class="menu__submenus-container"></div>
                                        <ul class="menu__list">
                                            <li class="menu__item">
                                                <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                <div class="menu__item-submenu-offset"></div>
                                                <a class="menu__item-link" href="#">
                                                    Dashboard
                                                </a>
                                            </li>
                                            <li class="menu__item">
                                                <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                <div class="menu__item-submenu-offset"></div>
                                                <a class="menu__item-link" href="#">
                                                    Edit Profile
                                                </a>
                                            </li>
                                            <li class="menu__item">
                                                <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                <div class="menu__item-submenu-offset"></div>
                                                <a class="menu__item-link" href="#">
                                                    Order History
                                                </a>
                                            </li>
                                            <li class="menu__item">
                                                <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                <div class="menu__item-submenu-offset"></div>
                                                <a class="menu__item-link" href="#">
                                                    Addresses
                                                </a>
                                            </li>
                                            <li class="menu__item">
                                                <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                <div class="menu__item-submenu-offset"></div>
                                                <a class="menu__item-link" href="#">
                                                    Password
                                                </a>
                                            </li>
                                            <li class="menu__item">
                                                <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                <div class="menu__item-submenu-offset"></div>
                                                <a class="menu__item-link" href="#">
                                                    Logout
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- .menu / end -->
                                </div>
                            </div>
                        </div>
                        <!-- currency hide -->
                        <!-- <div class="topbar__item">
                        <div class="topbar-dropdown">
                            <button class="topbar-dropdown__btn" type="button">
                                Currency: <span class="topbar__item-value">USD</span>
                                <svg width="7px" height="5px">
                                    <use xlink:href="images/sprite.svg#arrow-rounded-down-7x5"></use>
                                </svg>
                            </button>
                            <div class="topbar-dropdown__body">
                                .menu
                                <div class="menu menu--layout--topbar ">
                                    <div class="menu__submenus-container"></div>
                                    <ul class="menu__list">
                                        <li class="menu__item">
                                            This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS.
                                            <div class="menu__item-submenu-offset"></div>
                                            <a class="menu__item-link" href="">
                                                € Euro
                                            </a>
                                        </li>
                                        <li class="menu__item">
                                            This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS.
                                            <div class="menu__item-submenu-offset"></div>
                                            <a class="menu__item-link" href="">
                                                £ Pound Sterling
                                            </a>
                                        </li>
                                        <li class="menu__item">
                                            This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS.
                                            <div class="menu__item-submenu-offset"></div>
                                            <a class="menu__item-link" href="">
                                                $ US Dollar
                                            </a>
                                        </li>
                                        <li class="menu__item">
                                            This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS.
                                            <div class="menu__item-submenu-offset"></div>
                                            <a class="menu__item-link" href="">
                                                ₽ Russian Ruble
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                .menu / end
                            </div>
                        </div>
                    </div> -->

                        <div class="topbar__item">
                            <div class="topbar__item topbar__item--link">
                                <a class="topbar-link" href="#">Blog</a>
                            </div>
                            <div class="topbar-dropdown">
                                <button class="topbar-dropdown__btn" type="button">
                                    Language: <span class="topbar__item-value">EN</span>
                                     <svg width="7px" height="5px">
                                        <use xlink:href="./images/sprite.svg#arrow-rounded-down-7x5"></use>
                                    </svg>
                                </button>
                                <div class="topbar-dropdown__body">
                                    <!-- .menu -->
                                    <div class="menu menu--layout--topbar menu--with-icons">
                                        <div class="menu__submenus-container"></div>
                                        <ul class="menu__list">
                                            <li class="menu__item">
                                                <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                <div class="menu__item-submenu-offset"></div>
                                                <a class="menu__item-link" href="#" onclick="translatePage('en')">
                                                    <div class="menu__item-icon">
                                                        <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.DFsK4G55c3F0dDMloYxTJQHaHa%26pid%3DApi&f=1&ipt=7f14919af8a589ab47a274f607003af9db20e072859570d0c1e2eb40e66c3d05&ipo=images"
                                                            alt="Commercial Water Filtration">
                                                        <!-- <img srcset="images/languages/language-1.png 1x, images/languages/language-1@2x.png 2x"
                                                                src="images/languages/language-1.png" alt="Commercial Water Filtration"> -->
                                                    </div>
                                                    English
                                                </a>
                                            </li>
                                            <li class="menu__item">
                                                <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                <div class="menu__item-submenu-offset"></div>
                                                <a class="menu__item-link" href="#" onclick="translatePage('ar')">
                                                    <div class="menu__item-icon">
                                                        <img src="https://external-preview.redd.it/QKhFCBon5PupqD4Jyd7Jt8bGRv23OhoL4ffQIQM9HSA.jpg?auto=webp&s=948aa639b2c045b33e1a5cd58b6eee2b03f68d3c"
                                                            alt="Commercial Water Filtration">
                                                        <!-- <img
                                                                srcset="images/languages/language-2.png 1x, images/languages/language-2@2x.png 2x"
                                                                src="images/languages/language-2.png" alt="Commercial Water Filtration"> -->
                                                    </div>
                                                    Arabic
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- .menu / end -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- .topbar / end -->
            <div class="site-header__middle container">
                <div class="site-header__logo">
                    <a href="index.html">
                        <!-- logo -->
                        <!-- <svg xmlns="http://www.w3.org/2000/svg" width="196px" height="26px">
                            <path
                                d="M194.797,18 L184,18 C184,18.552 183.552,19 183,19 L182,19 C181.448,19 181,18.552 181,18 L181,16 L178.377,16 C177.708,16 177.119,15.556 176.935,14.912 L173.246,2 L168,2 L168,4 L168.500,4 C169.328,4 170,4.672 170,5.500 L170,24.500 C170,25.328 169.328,26 168.500,26 L165.500,26 C164.672,26 164,25.328 164,24.500 L164,5.500 C164,4.672 164.672,4 165.500,4 L166,4 L166,1.500 C166,0.672 166.672,0 167.500,0 L173.622,0 C174.292,0 174.881,0.444 175.065,1.088 L178.754,14 L181,14 L181,13 C181,12.448 181.448,12 182,12 L183,12 C183.552,12 184,12.448 184,13 L194.797,13 C195.461,13 196,13.539 196,14.203 L196,16.797 C196,17.461 195.461,18 194.797,18 ZM156.783,26 L154.483,26 C153.767,26 153.129,25.552 152.884,24.878 L150.437,18.135 C150.407,18.054 150.331,18 150.245,18 L142.768,18 C142.682,18 142.606,18.054 142.576,18.135 L140.129,24.878 C139.884,25.552 139.245,26 138.530,26 L136.230,26 C135.395,26 134.815,25.169 135.100,24.383 L143.445,1.122 C143.690,0.448 144.328,0 145.044,0 L147.969,0 C148.685,0 149.323,0.448 149.568,1.122 L157.913,24.383 C158.198,25.169 157.618,26 156.783,26 ZM148.472,12.725 L146.698,7.848 C146.633,7.668 146.380,7.668 146.315,7.848 L144.541,12.725 C144.492,12.859 144.591,13 144.733,13 L148.280,13 C148.422,13 148.521,12.859 148.472,12.725 ZM130.493,26 L128.090,26 C127.555,26 127.060,25.714 126.792,25.250 L122.610,18 L120.003,22.520 L120.003,24.500 C120.003,25.328 119.333,26 118.505,26 L116.507,26 C115.680,26 115.009,25.328 115.009,24.500 L115.009,1.500 C115.009,0.672 115.680,0 116.507,0 L118.505,0 C119.333,0 120.003,0.672 120.003,1.500 L120.003,12.520 L126.792,0.750 C127.060,0.286 127.555,0 128.090,0 L130.493,0 C131.646,0 132.367,1.250 131.791,2.250 L125.487,13 L131.791,23.750 C132.367,24.750 131.646,26 130.493,26 ZM103.987,15.775 L103.987,24.500 C103.987,25.328 103.315,26 102.486,26 L100.485,26 C99.656,26 98.984,25.328 98.984,24.500 L98.984,15.775 L98.594,15.100 L91.180,2.250 C90.610,1.250 91.330,0 92.481,0 L94.792,0 C95.322,0 95.823,0.290 96.093,0.750 L101.486,10.090 L106.879,0.750 C107.149,0.290 107.649,0 108.179,0 L110.491,0 C111.641,0 112.362,1.250 111.791,2.250 L103.987,15.775 ZM79,26 C71.821,26 66,20.179 66,13 C66,5.820 71.821,-0.001 79,-0.001 C86.180,-0.001 92.001,5.820 92.001,13 C92.001,20.179 86.180,26 79,26 ZM79,5 C74.582,5 71,8.582 71,13 C71,17.418 74.582,21 79,21 C83.418,21 87,17.418 87,13 C87,8.582 83.418,5 79,5 ZM62.793,23.750 C63.362,24.750 62.643,26 61.494,26 L59.186,26 C58.656,26 58.157,25.710 57.887,25.250 L53.711,18 L49.005,18 L49.005,24.500 C49.005,25.330 48.335,26 47.506,26 L45.508,26 C44.679,26 44.009,25.330 44.009,24.500 L44.009,1.500 C44.009,0.670 44.679,0 45.508,0 L54,0 C58.966,0 62.992,4.030 62.992,9 C62.992,12.240 61.274,15.090 58.706,16.670 L62.793,23.750 ZM54,5 L50.004,5 C49.454,5 49.005,5.450 49.005,6 L49.005,12 C49.005,12.550 49.454,13 50.004,13 L54,13 C56.208,13 57.997,11.210 57.997,9 C57.997,6.790 56.208,5 54,5 ZM39.500,5 L33,5 L33,24.500 C33,25.328 32.328,26 31.500,26 L29.500,26 C28.672,26 28,25.328 28,24.500 L28,5 L21.500,5 C20.672,5 20,4.328 20,3.500 L20,1.500 C20,0.672 20.672,0 21.500,0 L39.500,0 C40.328,0 41,0.672 41,1.500 L41,3.500 C41,4.328 40.328,5 39.500,5 ZM16.487,8 L14.181,8 C13.565,8 13.040,7.611 12.790,7.048 C12.261,5.856 10.765,5 9,5 C6.793,5 5.005,6.340 5.005,8 C5.005,8.940 5.575,9.780 6.483,10.320 C6.706,10.455 6.948,10.574 7.206,10.673 C8.059,11 8.412,12.020 7.955,12.812 L6.948,14.558 C6.573,15.208 5.768,15.499 5.080,15.201 C3.872,14.679 2.815,13.924 1.989,13 C0.751,11.630 0.012,9.890 0.012,8 C0.012,3.580 4.037,0 9,0 C13.254,0 17.017,2.629 17.950,6.163 C18.196,7.095 17.450,8 16.487,8 ZM1.513,18 L3.820,18 C4.435,18 4.960,18.389 5.210,18.952 C5.739,20.144 7.236,21 9,21 C11.207,21 12.995,19.660 12.995,18 C12.995,17.060 12.426,16.220 11.517,15.680 C11.294,15.544 11.052,15.426 10.794,15.327 C9.941,14.999 9.588,13.980 10.045,13.188 L11.053,11.442 C11.427,10.792 12.233,10.501 12.920,10.799 C14.128,11.320 15.185,12.075 16.011,13 C17.249,14.370 17.988,16.110 17.988,18 C17.988,22.420 13.964,26 9,26 C4.747,26 0.983,23.371 0.050,19.837 C-0.196,18.905 0.550,18 1.513,18 Z">
                            </path>
                        </svg> -->
                        <img style="width: 350px;" src="./AquaBEstlogo.svg" alt="Commercial Water Filtration">
                        <!-- logo / end -->
                    </a>
                </div>
                 <div class="site-header__search">
                        <div class="search search--location--header">
                            <div class="search__body">
                                <form class="search__form" action="" onsubmit="return handleSearch(event)">
                                    <select class="search__categories" aria-label="Category" style="display:none">
                                        <option value="all">All Categories</option>
                                        <option value="domestic-water-filter">&nbsp;&nbsp;&nbsp;&nbsp;Domestic Water Filter</option>
                                        <!-- Other options omitted for brevity -->
                                    </select>
                                    <input class="search__input new-class-name" name="search" placeholder="Search over 10,000 products" aria-label="Site search" type="text" autocomplete="off" oninput="showSuggestions(this.value)">
                                    <!-- <button class="search__button search__button--type--submit" type="submit">
                                        <svg width="20px" height="20px">
                                            <use xlink:href="images/sprite.svg#search-20"></use>
                                        </svg>
                                    </button> -->
                                    <div class="search__border"></div>
                                </form>
                                <div class="search__suggestions suggestions suggestions--location--header new-suggestions-class"></div>
                            </div>
                        </div>
                    </div>
                <div class="site-header__phone">
                    <div class="site-header__phone-title">Customer Service</div>
                    <div class="site-header__phone-number">+971507977375</div>
                </div>
            </div>
            <div class="site-header__nav-panel">
                <!-- data-sticky-mode - one of [pullToShow, alwaysOnTop] -->
                <div class="nav-panel nav-panel--sticky" data-sticky-mode="pullToShow">
                    <div class="nav-panel__container container">
                        <div class="nav-panel__row">
                            <!-- .nav-links -->
                            <div class="nav-panel__nav-links nav-links">
                                <ul class="nav-links__list">
                                    <li class="nav-links__item  nav-links__item--has-submenu ">
                                        <a class="nav-links__item-link" href="index.html">
                                            <div class="nav-links__item-body">
                                                Home
                                                <svg class="nav-links__item-arrow" width="9px" height="6px">
                                                    <use xlink:href="images/sprite.svg#arrow-rounded-down-9x6">
                                                    </use>
                                                </svg>
                                            </div>
                                        </a>
                                        <div class="nav-links__submenu nav-links__submenu--type--menu">
                                            <!-- .menu -->
                                            <!-- <div class="menu menu--layout--classic ">
                                                <div class="menu__submenus-container"></div>
                                                <ul class="menu__list">
                                                    <li class="menu__item">
                                                        This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS.
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="index.html">
                                                            Home 1 Slideshow
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS.
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Home 2 Slideshow
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS.
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="index-3.html">
                                                            Home 1 Finder
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS.
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Home 2 Finder
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS.
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="offcanvas-#">
                                                            Offcanvas Cart
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div> -->
                                            <!-- .menu / end -->
                                        </div>
                                    </li>
                                    <li class="nav-links__item  nav-links__item--has-submenu ">
                                        <a class="nav-links__item-link" href="product-alt.html">
                                            <div class="nav-links__item-body">
                                                Products
                                                <svg class="nav-links__item-arrow" width="9px" height="6px">
                                                    <use xlink:href="images/sprite.svg#arrow-rounded-down-9x6">
                                                    </use>
                                                </svg>
                                            </div>
                                        </a>
                                        <!-- .megamenu -->
                                        <!-- <div class="nav-links__submenu nav-links__submenu--type--megamenu nav-links__submenu--size--nl">
                                            <div class="megamenu ">
                                                <div class="megamenu__body">
                                                    <div class="row">
                                                        <div class="col-6">
                                                            <ul class="megamenu__links megamenu__links--level--0">
                                                                <li
                                                                    class="megamenu__item  megamenu__item--with-submenu ">
                                                                    <a href="">Power Tools</a>
                                                                    <ul
                                                                        class="megamenu__links megamenu__links--level--1">
                                                                        <li class="megamenu__item"><a
                                                                                href="">Engravers</a></li>
                                                                        <li class="megamenu__item"><a
                                                                                href="">Wrenches</a></li>
                                                                        <li class="megamenu__item"><a href="">Wall
                                                                                Chaser</a></li>
                                                                        <li class="megamenu__item"><a
                                                                                href="">Pneumatic Tools</a></li>
                                                                    </ul>
                                                                </li>
                                                                <li
                                                                    class="megamenu__item  megamenu__item--with-submenu ">
                                                                    <a href="">Machine Tools</a>
                                                                    <ul
                                                                        class="megamenu__links megamenu__links--level--1">
                                                                        <li class="megamenu__item"><a href="">Thread
                                                                                Cutting</a></li>
                                                                        <li class="megamenu__item"><a href="">Chip
                                                                                Blowers</a></li>
                                                                        <li class="megamenu__item"><a
                                                                                href="">Sharpening Machines</a></li>
                                                                        <li class="megamenu__item"><a href="">Pipe
                                                                                Cutters</a></li>
                                                                        <li class="megamenu__item"><a
                                                                                href="">Slotting machines</a></li>
                                                                        <li class="megamenu__item"><a
                                                                                href="">Lathes</a></li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-6">
                                                            <ul class="megamenu__links megamenu__links--level--0">
                                                                <li
                                                                    class="megamenu__item  megamenu__item--with-submenu ">
                                                                    <a href="">Hand Tools</a>
                                                                    <ul
                                                                        class="megamenu__links megamenu__links--level--1">
                                                                        <li class="megamenu__item"><a
                                                                                href="">Screwdrivers</a></li>
                                                                        <li class="megamenu__item"><a
                                                                                href="">Handsaws</a></li>
                                                                        <li class="megamenu__item"><a
                                                                                href="">Knives</a></li>
                                                                        <li class="megamenu__item"><a
                                                                                href="">Axes</a></li>
                                                                        <li class="megamenu__item"><a
                                                                                href="">Multitools</a></li>
                                                                        <li class="megamenu__item"><a href="">Paint
                                                                                Tools</a></li>
                                                                    </ul>
                                                                </li>
                                                                <li
                                                                    class="megamenu__item  megamenu__item--with-submenu ">
                                                                    <a href="">Garden Equipment</a>
                                                                    <ul
                                                                        class="megamenu__links megamenu__links--level--1">
                                                                        <li class="megamenu__item"><a href="">Motor
                                                                                Pumps</a></li>
                                                                        <li class="megamenu__item"><a
                                                                                href="">Chainsaws</a></li>
                                                                        <li class="megamenu__item"><a
                                                                                href="">Electric Saws</a></li>
                                                                        <li class="megamenu__item"><a href="">Brush
                                                                                Cutters</a></li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div> -->
                                        <!-- .megamenu / end -->
                                    </li>
                                    <li class="nav-links__item  nav-links__item--has-submenu ">
                                      <a class="nav-links__item-link" href="./maintenance.html">
                                                <div class="nav-links__item-body">
                                                    Maintenance
                                                    <svg class="nav-links__item-arrow" width="9px" height="6px">
                                                        <use xlink:href="images/sprite.svg#arrow-rounded-down-9x6">
                                                        </use>
                                                    </svg>
                                                </div>
                                            </a>
                                        <div class="nav-links__submenu nav-links__submenu--type--menu">
                                            <!-- .menu -->
                                            <div class="menu menu--layout--classic ">
                                                <div class="menu__submenus-container"></div>
                                                <ul class="menu__list">
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link"
                                                            href="#">
                                                            Shop Grid
                                                            <svg class="menu__item-arrow" width="6px" height="9px">
                                                                <use
                                                                    xlink:href="images/sprite.svg#arrow-rounded-right-6x9">
                                                                </use>
                                                            </svg>
                                                        </a>
                                                        <div class="menu__submenu">
                                                            <!-- .menu -->
                                                            <div class="menu menu--layout--classic ">
                                                                <div class="menu__submenus-container"></div>
                                                                <ul class="menu__list">
                                                                    <li class="menu__item">
                                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                                        <div class="menu__item-submenu-offset">
                                                                        </div>
                                                                        <a class="menu__item-link"
                                                                            href="#">
                                                                            3 Columns Sidebar
                                                                        </a>
                                                                    </li>
                                                                    <li class="menu__item">
                                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                                        <div class="menu__item-submenu-offset">
                                                                        </div>
                                                                        <a class="menu__item-link"
                                                                            href="#">
                                                                            4 Columns Full
                                                                        </a>
                                                                    </li>
                                                                    <li class="menu__item">
                                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                                        <div class="menu__item-submenu-offset">
                                                                        </div>
                                                                        <a class="menu__item-link"
                                                                            href="#">
                                                                            5 Columns Full
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <!-- .menu / end -->
                                                        </div>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Shop List
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Shop Right Sidebar
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="product.html">
                                                            Product
                                                            <svg class="menu__item-arrow" width="6px" height="9px">
                                                                <use
                                                                    xlink:href="images/sprite.svg#arrow-rounded-right-6x9">
                                                                </use>
                                                            </svg>
                                                        </a>
                                                        <div class="menu__submenu">
                                                            <!-- .menu -->
                                                            <div class="menu menu--layout--classic ">
                                                                <div class="menu__submenus-container"></div>
                                                                <ul class="menu__list">
                                                                    <li class="menu__item">
                                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                                        <div class="menu__item-submenu-offset">
                                                                        </div>
                                                                        <a class="menu__item-link"
                                                                            href="product.html">
                                                                            Product
                                                                        </a>
                                                                    </li>
                                                                    <li class="menu__item">
                                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                                        <div class="menu__item-submenu-offset">
                                                                        </div>
                                                                        <a class="menu__item-link"
                                                                            href="product-alt.html">
                                                                            Product Alt
                                                                        </a>
                                                                    </li>
                                                                    <li class="menu__item">
                                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                                        <div class="menu__item-submenu-offset">
                                                                        </div>
                                                                        <a class="menu__item-link"
                                                                            href="#">
                                                                            Product Sidebar
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <!-- .menu / end -->
                                                        </div>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Cart
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Cart Empty
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Checkout
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Order Success
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Wishlist
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Compare
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Track Order
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <!-- .menu / end -->
                                        </div>
                                    </li>
                                    <li class="nav-links__item  nav-links__item--has-submenu ">
                                    <a class="nav-links__item-link" href="./services.html">
                                                <div class="nav-links__item-body">
                                                    Services
                                                    <svg class="nav-links__item-arrow" width="9px" height="6px">
                                                        <use xlink:href="images/sprite.svg#arrow-rounded-down-9x6">
                                                        </use>
                                                    </svg>
                                                </div>
                                            </a>
                                        <div class="nav-links__submenu nav-links__submenu--type--menu">
                                            <!-- .menu -->
                                            <div class="menu menu--layout--classic ">
                                                <div class="menu__submenus-container"></div>
                                                <ul class="menu__list">
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Login
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Dashboard
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Edit Profile
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Order History
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link"
                                                            href="#">
                                                            Order Details
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Address Book
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Edit Address
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Change Password
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <!-- .menu / end -->
                                        </div>
                                    </li>
                                    <li class="nav-links__item  nav-links__item--has-submenu ">
                                         <a class="nav-links__item-link" href="about-us.html">
                                                <div class="nav-links__item-body">
                                                    About Us
                                                    <svg class="nav-links__item-arrow" width="9px" height="6px">
                                                        <use xlink:href="images/sprite.svg#arrow-rounded-down-9x6">
                                                        </use>
                                                    </svg>
                                                </div>
                                            </a>
                                        <div class="nav-links__submenu nav-links__submenu--type--menu">
                                            <!-- .menu -->
                                            <div class="menu menu--layout--classic ">
                                                <div class="menu__submenus-container"></div>
                                                <ul class="menu__list">
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Blog Classic
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Blog Grid
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Blog List
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Blog Left Sidebar
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Post Page
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Post Without Sidebar
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <!-- .menu / end -->
                                        </div>
                                    </li>
                                    <li class="nav-links__item  nav-links__item--has-submenu ">
                                            <a class="nav-links__item-link" href="./contact-us.html">
                                                <div class="nav-links__item-body">
                                                    Contact Us
                                                    <svg class="nav-links__item-arrow" width="9px" height="6px">
                                                        <use xlink:href="images/sprite.svg#arrow-rounded-down-9x6">
                                                        </use>
                                                    </svg>
                                                </div>
                                            </a>
                                        <div class="nav-links__submenu nav-links__submenu--type--menu">
                                            <!-- .menu -->
                                            <div class="menu menu--layout--classic ">
                                                <div class="menu__submenus-container"></div>
                                                <ul class="menu__list">
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="about-us.html">
                                                            About Us
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="contact-us.html">
                                                            Contact Us
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Contact Us Alt
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="404.html">
                                                            404
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Terms And Conditions
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            FAQ
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Components
                                                        </a>
                                                    </li>
                                                    <li class="menu__item">
                                                        <!-- This is a synthetic element that allows to adjust the vertical offset of the submenu using CSS. -->
                                                        <div class="menu__item-submenu-offset"></div>
                                                        <a class="menu__item-link" href="#">
                                                            Typography
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <!-- .menu / end -->
                                        </div>
                                    </li>
                                    <li class="nav-links__item ">
                                        <a class="nav-links__item-link"
                                            href="https://themeforest.net/item/stroyka-tools-store-html-template/23326943">
                                            <!-- <div class="nav-links__item-body">
                                                Buy Theme
                                            </div> -->
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <!-- .nav-links / end -->
                            <div class="nav-panel__indicators">
                                  <div class="indicator">
                                    <a href="https://wa.me/+971507977375?text=Hello,+I+am+interested+in+learning+more+about+your+business"
                                        class="indicator__button">
                                        <span class="indicator__area">
                                            <?xml version="1.0" encoding="utf-8"?>
                                            <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
                                            <svg width="25px" height="25px" viewBox="-2.73 0 1225.016 1225.016"
                                                xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink">
                                                <path fill="#E0E0E0"
                                                    d="M1041.858 178.02C927.206 63.289 774.753.07 612.325 0 277.617 0 5.232 272.298 5.098 606.991c-.039 106.986 27.915 211.42 81.048 303.476L0 1225.016l321.898-84.406c88.689 48.368 188.547 73.855 290.166 73.896h.258.003c334.654 0 607.08-272.346 607.222-607.023.056-162.208-63.052-314.724-177.689-429.463zm-429.533 933.963h-.197c-90.578-.048-179.402-24.366-256.878-70.339l-18.438-10.93-191.021 50.083 51-186.176-12.013-19.087c-50.525-80.336-77.198-173.175-77.16-268.504.111-278.186 226.507-504.503 504.898-504.503 134.812.056 261.519 52.604 356.814 147.965 95.289 95.36 147.728 222.128 147.688 356.948-.118 278.195-226.522 504.543-504.693 504.543z" />
                                                <linearGradient id="a" gradientUnits="userSpaceOnUse" x1="609.77"
                                                    y1="1190.114" x2="609.77" y2="21.084">
                                                    <stop offset="0" stop-color="#20b038" />
                                                    <stop offset="1" stop-color="#60d66a" />
                                                </linearGradient>
                                                <path fill="url(#a)"
                                                    d="M27.875 1190.114l82.211-300.18c-50.719-87.852-77.391-187.523-77.359-289.602.133-319.398 260.078-579.25 579.469-579.25 155.016.07 300.508 60.398 409.898 169.891 109.414 109.492 169.633 255.031 169.57 409.812-.133 319.406-260.094 579.281-579.445 579.281-.023 0 .016 0 0 0h-.258c-96.977-.031-192.266-24.375-276.898-70.5l-307.188 80.548z" />
                                                <image overflow="visible" opacity=".08" width="20px" height="20px"
                                                    xlink:href="FCC0802E2AF8A915.png"
                                                    transform="translate(270.984 291.372)" />
                                                <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF"
                                                    d="M462.273 349.294c-11.234-24.977-23.062-25.477-33.75-25.914-8.742-.375-18.75-.352-28.742-.352-10 0-26.25 3.758-39.992 18.766-13.75 15.008-52.5 51.289-52.5 125.078 0 73.797 53.75 145.102 61.242 155.117 7.5 10 103.758 166.266 256.203 226.383 126.695 49.961 152.477 40.023 179.977 37.523s88.734-36.273 101.234-71.297c12.5-35.016 12.5-65.031 8.75-71.305-3.75-6.25-13.75-10-28.75-17.5s-88.734-43.789-102.484-48.789-23.75-7.5-33.75 7.516c-10 15-38.727 48.773-47.477 58.773-8.75 10.023-17.5 11.273-32.5 3.773-15-7.523-63.305-23.344-120.609-74.438-44.586-39.75-74.688-88.844-83.438-103.859-8.75-15-.938-23.125 6.586-30.602 6.734-6.719 15-17.508 22.5-26.266 7.484-8.758 9.984-15.008 14.984-25.008 5-10.016 2.5-18.773-1.25-26.273s-32.898-81.67-46.234-111.326z" />
                                                <path fill="#FFF"
                                                    d="M1036.898 176.091C923.562 62.677 772.859.185 612.297.114 281.43.114 12.172 269.286 12.039 600.137 12 705.896 39.633 809.13 92.156 900.13L7 1211.067l318.203-83.438c87.672 47.812 186.383 73.008 286.836 73.047h.255.003c330.812 0 600.109-269.219 600.25-600.055.055-160.343-62.328-311.108-175.649-424.53zm-424.601 923.242h-.195c-89.539-.047-177.344-24.086-253.93-69.531l-18.227-10.805-188.828 49.508 50.414-184.039-11.875-18.867c-49.945-79.414-76.312-171.188-76.273-265.422.109-274.992 223.906-498.711 499.102-498.711 133.266.055 258.516 52 352.719 146.266 94.195 94.266 146.031 219.578 145.992 352.852-.118 274.999-223.923 498.749-498.899 498.749z" />
                                            </svg>
                                            <!-- <svg width="20px" height="20px">
                                                <use xlink:href="images/sprite.svg#heart-20"></use>
                                            </svg> -->
                                            <!-- <span class="indicator__value">0</span> -->
                                            <span style="margin: 6px;">+971507977375</span>
                                        </span>
                                    </a>
                                </div>
                                <!-- <div class="indicator indicator--trigger--click">
                                    <a href="#" class="indicator__button">
                                        <span class="indicator__area">
                                            <svg width="20px" height="20px">
                                                <use xlink:href="images/sprite.svg#cart-20"></use>
                                            </svg>
                                            <span class="indicator__value">3</span>
                                        </span>
                                    </a>
                                    <div class="indicator__dropdown">
                                        .dropcart
                                        <div class="dropcart dropcart--style--dropdown">
                                            <div class="dropcart__body">
                                                <div class="dropcart__products-list">
                                                    <div class="dropcart__product">
                                                        <div class="product-image dropcart__product-image">
                                                            <a href="product.html" class="product-image__body">
                                                                <img class="product-image__img"
                                                                    src="images/products/product-1.jpg" alt="Commercial Water Filtration">
                                                            </a>
                                                        </div>
                                                        <div class="dropcart__product-info">
                                                            <div class="dropcart__product-name"><a
                                                                    href="product.html">Electric Planer Brandix
                                                                    KL370090G 300 Watts</a></div>
                                                            <ul class="dropcart__product-options">
                                                                <li>Color: Yellow</li>
                                                                <li>Material: Aluminium</li>
                                                            </ul>
                                                            <div class="dropcart__product-meta">
                                                                <span class="dropcart__product-quantity">2</span> ×
                                                                <span class="dropcart__product-price">$699.00</span>
                                                            </div>
                                                        </div>
                                                        <button type="button"
                                                            class="dropcart__product-remove btn btn-light btn-sm btn-svg-icon">
                                                            <svg width="10px" height="10px">
                                                                <use xlink:href="images/sprite.svg#cross-10"></use>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                    <div class="dropcart__product">
                                                        <div class="product-image dropcart__product-image">
                                                            <a href="product.html" class="product-image__body">
                                                                <img class="product-image__img"
                                                                    src="images/products/product-2.jpg" alt="Commercial Water Filtration">
                                                            </a>
                                                        </div>
                                                        <div class="dropcart__product-info">
                                                            <div class="dropcart__product-name"><a
                                                                    href="product.html">Undefined Tool IRadix
                                                                    DPS3000SY 2700 watts</a></div>
                                                            <div class="dropcart__product-meta">
                                                                <span class="dropcart__product-quantity">1</span> ×
                                                                <span class="dropcart__product-price">$849.00</span>
                                                            </div>
                                                        </div>
                                                        <button type="button"
                                                            class="dropcart__product-remove btn btn-light btn-sm btn-svg-icon">
                                                            <svg width="10px" height="10px">
                                                                <use xlink:href="images/sprite.svg#cross-10"></use>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                    <div class="dropcart__product">
                                                        <div class="product-image dropcart__product-image">
                                                            <a href="product.html" class="product-image__body">
                                                                <img class="product-image__img"
                                                                    src="images/products/product-5.jpg" alt="Commercial Water Filtration">
                                                            </a>
                                                        </div>
                                                        <div class="dropcart__product-info">
                                                            <div class="dropcart__product-name"><a
                                                                    href="product.html">Brandix Router Power Tool
                                                                    2017ERXPK</a></div>
                                                            <ul class="dropcart__product-options">
                                                                <li>Color: True Red</li>
                                                            </ul>
                                                            <div class="dropcart__product-meta">
                                                                <span class="dropcart__product-quantity">3</span> ×
                                                                <span
                                                                    class="dropcart__product-price">$1,210.00</span>
                                                            </div>
                                                        </div>
                                                        <button type="button"
                                                            class="dropcart__product-remove btn btn-light btn-sm btn-svg-icon">
                                                            <svg width="10px" height="10px">
                                                                <use xlink:href="images/sprite.svg#cross-10"></use>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                </div>
                                                <div class="dropcart__totals">
                                                    <table>
                                                        <tr>
                                                            <th>Subtotal</th>
                                                            <td>$5,877.00</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Shipping</th>
                                                            <td>$25.00</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Tax</th>
                                                            <td>$0.00</td>
                                                        </tr>
                                                        <tr>
                                                            <th>Total</th>
                                                            <td>$5,902.00</td>
                                                        </tr>
                                                    </table>
                                                </div>
                                                <div class="dropcart__buttons">
                                                    <a class="btn btn-secondary" href="#">View Cart</a>
                                                    <a class="btn btn-primary" href="#">Checkout</a>
                                                </div>
                                            </div>
                                        </div>
                                        .dropcart / end
                                    </div>
                                </div> -->
                                <!-- <div class="indicator indicator--trigger--click">
                                    <a href="#" class="indicator__button">
                                        <span class="indicator__area">
                                            <svg width="20px" height="20px">
                                                <use xlink:href="images/sprite.svg#person-20"></use>
                                            </svg>
                                        </span>
                                    </a>
                                    <div class="indicator__dropdown">
                                        <div class="account-menu">
                                            <form class="account-menu__form">
                                                <div class="account-menu__form-title">Log In to Your Account</div>
                                                <div class="form-group">
                                                    <label for="header-signin-email" class="sr-only">Email
                                                        address</label>
                                                    <input id="header-signin-email" type="email"
                                                        class="form-control form-control-sm"
                                                        placeholder="Email address">
                                                </div>
                                                <div class="form-group">
                                                    <label for="header-signin-password"
                                                        class="sr-only">Password</label>
                                                    <div class="account-menu__form-forgot">
                                                        <input id="header-signin-password" type="password"
                                                            class="form-control form-control-sm"
                                                            placeholder="Password">
                                                        <a href=""
                                                            class="account-menu__form-forgot-link">Forgot?</a>
                                                    </div>
                                                </div>
                                                <div class="form-group account-menu__form-button">
                                                    <button type="submit"
                                                        class="btn btn-primary btn-sm">Login</button>
                                                </div>
                                                <div class="account-menu__form-link"><a
                                                        href="#">Create An Account</a></div>
                                            </form>
                                            <div class="account-menu__divider"></div>
                                            <a href="#" class="account-menu__user">
                                                <div class="account-menu__user-avatar">
                                                    <img src="images/avatars/avatar-3.jpg" alt="Commercial Water Filtration">
                                                </div>
                                                <div class="account-menu__user-info">
                                                    <div class="account-menu__user-name">Helena Garcia</div>
                                                    <div class="account-menu__user-email">stroyka@example.com</div>
                                                </div>
                                            </a>
                                            <div class="account-menu__divider"></div>
                                            <ul class="account-menu__links">
                                                <li><a href="#">Edit Profile</a></li>
                                                <li><a href="#">Order History</a></li>
                                                <li><a href="#">Addresses</a></li>
                                                <li><a href="#">Password</a></li>
                                            </ul>
                                            <div class="account-menu__divider"></div>
                                            <ul class="account-menu__links">
                                                <li><a href="#">Logout</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
      <!-- .block-products-carousel 3 and 9 -->
      <div class="site__body">
        <div class="container">
            <div style="margin-top: 20px;"></div>
          <div class="shop-layout shop-layout--sidebar--start">
            <div class="shop-layout__sidebar">
              <div class="block block-sidebar">
                <div class="block-sidebar__item">
                  <div class="widget-filters widget">
                    <a  class="link" href="./product-alt.html">
                        <h4 class="widget__title">All Products</h4>
                    </a>
                    <div class="widget-filters__list">
                      <div class="widget-filters__item">
                        <div class="filter filter--opened" data-collapse-item="">
                          <div class="filter__body" data-collapse-content="">
                            <div class="filter__container">
                              <div class="filter-categories">
                                <ul class="filter-categories__list">
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="./domestic-water-purifier.html">Domestic Water Filter </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="commercial-ro.html">Commercial RO System </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="industrial-ro.html">Industrial RO System </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                      <a href="multi-media-filtration-system.html">Multi-Media Filtration System </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="./Industrial-water-softener.html">Industrial Water Softener </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="whole-house-filtration-system.html">Whole House Water Filtration </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="AquaBest-water-softener.html">Water Softener </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="uv-water-filtration-system.html">UV Water Filtration System </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="deionized-water-system.html">AquaBest Deionized Water System </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="water-dispenser.html">Water Dispenser </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                     <a href="ultravilot-uv.html">Ultraviolet - UV </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="water-treatment-plant.html">Water Treatment Plant</a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="water-filter.html">Water Filter </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="big-blue-jumbo-filter-system.html">Big Blue Jumbo Filter </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="cluster-filter.html">Cluster Filter </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="filter-cartridges.html">Filter Cartridges </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="everpure-products.html">Everpure Products </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="copper-silver-ionization.html">Copper Silver Ionization</a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="big-bubba-filter.html">Big Bubba Filter </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="shower-facial.html">Shower &amp; Facial Filter </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="s-steel-housing.html">S.Steel Housing </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="dosing-pump.html">Dosing Pump </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="ro-membrane-housing.html">RO Membrane Housing </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="ro-membrane.html">RO Membrane </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="water-fountain.html">Water Fountain </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="frp-fiber-glass-tank.html">FRP-Fiber Glass Tank </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="anti-scale-product.html">Anti-Scale Product </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="atlas-filtri-products.html">Atlas Filtri Products </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="AquaBest-uv-lamp.html">AquaBest UV Lamp </a>
                                  </li>
                                   <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="aquaBest-uv-ballast.html">AquaBest UV Ballast </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="AquaBest-uv-sleeves.html">AquaBest UV Sleeves </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="solenoid-valve.html">Solenoid Valve </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="media-collection-anti-scale.html">Media Collection &amp; Anti-Scale </a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="demineralization-system.html">Demineralization System</a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="commercial-water-filtration.html">Commercial Water Filtration</a>
                                  </li>
                                  <li class="filter-categories__item filter-categories__item--parent">
                                    <svg class="filter-categories__arrow" width="6px" height="9px">
                                      <use xlink:href="images/sprite.svg#arrow-rounded-left-6x9"></use>
                                    </svg>
                                    <a href="swimming-pool-filtration.html">Swimming Pool Filtration</a>
                                  </li>
                                                                                                  <li
                                                                    class="filter-categories__item filter-categories__item--parent">
                                                                    <svg class="filter-categories__arrow" width="6px"
                                                                        height="9px">
                                                                        <use
                                                                            xlink:href="images/sprite.svg#arrow-rounded-left-6x9">
                                                                        </use>
                                                                    </svg>
                                                                    <a href="luminor-uv.html">Luminor UV</a>
                                                                </li>
                                </ul>
                                </ul>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- <div class="widget-filters__item">
                        <div class="filter filter--opened" data-collapse-item="">
                          <button type="button" class="filter__title" data-collapse-trigger="">Brand <svg class="filter__arrow" width="12px" height="7px">
                             <use xlink:href="../images/sprite.svg#arrow-rounded-down-12x7"></use>
                            </svg>
                          </button>
                          <div class="filter__body" data-collapse-content="">
                            <div class="filter__container">
                              <div class="filter-list">
                                <div class="filter-list__list">
                                  <label class="filter-list__item">
                                    <span class="filter-list__input input-radio">
                                      <span class="input-radio__body">
                                        <input class="input-radio__input" name="filter_radio" type="radio">
                                        <span class="input-radio__circle"></span>
                                      </span>
                                    </span>
                                    <span class="filter-list__title">Auapro RO System</span>
                                  </label>
                                  <label class="filter-list__item">
                                    <span class="filter-list__input input-radio">
                                      <span class="input-radio__body">
                                        <input class="input-radio__input" name="filter_radio" type="radio">
                                        <span class="input-radio__circle"></span>
                                      </span>
                                    </span>
                                    <span class="filter-list__title">Auapro Water Purifier </span>
                                  </label>
                                  <label class="filter-list__item">
                                    <span class="filter-list__input input-radio">
                                      <span class="input-radio__body">
                                        <input class="input-radio__input" name="filter_radio" type="radio">
                                        <span class="input-radio__circle"></span>
                                      </span>
                                    </span>
                                    <span class="filter-list__title">Auapro Industrial </span>
                                  </label>
                                  <label class="filter-list__item">
                                    <span class="filter-list__input input-radio">
                                      <span class="input-radio__body">
                                        <input class="input-radio__input" name="filter_radio" type="radio">
                                        <span class="input-radio__circle"></span>
                                      </span>
                                    </span>
                                    <span class="filter-list__title">All AquaBest Products </span>
                                  </label>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="widget-filters__item">
                        <div class="filter filter--opened" data-collapse-item="">
                          <button type="button" class="filter__title" data-collapse-trigger="">Color <svg class="filter__arrow" width="12px" height="7px">
                             <use xlink:href="../images/sprite.svg#arrow-rounded-down-12x7"></use>
                            </svg>
                          </button>
                          <div class="filter__body" data-collapse-content="">
                            <div class="filter__container">
                              <div class="filter-color">
                                <div class="filter-color__list">
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color input-check-color--white" style="color: #fff;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color input-check-color--light" style="color: #d9d9d9;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #b3b3b3;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #808080;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #666;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #4d4d4d;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #262626;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #ff4040;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox" checked="checked">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #ff8126;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color input-check-color--light" style="color: #ffd440;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color input-check-color--light" style="color: #becc1f;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #8fcc14;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox" checked="checked">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #47cc5e;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #47cca0;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #47cccc;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #40bfff;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox" disabled="disabled">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #3d6dcc;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox" checked="checked">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #7766cc;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #b852cc;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                  <label class="filter-color__item">
                                    <span class="filter-color__check input-check-color" style="color: #e53981;">
                                      <label class="input-check-color__body">
                                        <input class="input-check-color__input" type="checkbox">
                                        <span class="input-check-color__box"></span>
                                        <svg class="input-check-color__icon" width="12px" height="9px">
                                          <use xlink:href="images/sprite.svg#check-12x9"></use>
                                        </svg>
                                        <span class="input-check-color__stick"></span>
                                      </label>
                                    </span>
                                  </label>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div> -->
                    </div>
                  </div>
                </div>
              </div>
            </div>
       
       <!-- All Product list  -->
       <div class="shop-layout__content ">
           <div class="heading-text">
            <h1 >Copper Silver Ionization</h1>
            <p>Copper-silver ionization is one of the water disinfection technologies employed by releasing copper and silver ions in water for growth control and prevention of dangerous, injurious bacteria, including Legionella. This technology is very active in big water systems and finds application in such situations as hospitals, hotels, and cooling towers. Mechanism of action - *Copper Ions*: Interfere with the cell walls of bacteria; hence, no multiplication of the same. The silver ions act by permeating the bacterial cells and interfering with the DNA and enzymatic functions of the organism. Being an eco-friendly technique, it does not yield harmful by-products, as against the conventional chemical disinfection methods. Copper-silver ionization is independent of the temperature and pH condition of water and for that reason is very reliable in ensuring that the water in even complicated systems is safe.</p>
        </div>
        <div class="block">
            <div class="products-view">
                <div class="products-view__options" style="display: none;">
                    <div class="view-options view-options--offcanvas--mobile">
                        <div class="view-options__filters-button">
                            <button type="button" class="filters-button">
                                <svg class="filters-button__icon" width="16px" height="16px">
                                    <use xlink:href="images/sprite.svg#filters-16"></use>
                                </svg>
                                <span class="filters-button__title">Filters</span>
                                <span class="filters-button__counter">3</span>
                            </button>
                        </div>
                        <div class="view-options__layout">
                            <div class="layout-switcher">
                                <div class="layout-switcher__list">
                                    <button data-layout="grid-3-sidebar" data-with-features="false" title="Grid" type="button" class="layout-switcher__button  layout-switcher__button--active ">
                                        <svg width="16px" height="16px">
                                            <use xlink:href="images/sprite.svg#layout-grid-16x16"></use>
                                        </svg>
                                    </button>
                                    <button data-layout="grid-3-sidebar" data-with-features="true" title="Grid With Features" type="button" class="layout-switcher__button ">
                                        <svg width="16px" height="16px">
                                            <use xlink:href="images/sprite.svg#layout-grid-with-details-16x16"></use>
                                        </svg>
                                    </button>
                                    <button data-layout="list" data-with-features="false" title="List" type="button" class="layout-switcher__button ">
                                        <svg width="16px" height="16px">
                                            <use xlink:href="images/sprite.svg#layout-list-16x16"></use>
                                        </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="view-options__legend">Showing 6 of 98 products</div>
                        <div class="view-options__divider"></div>
                        <div class="view-options__control">
                            <label for="">Sort By</label>
                            <div>
                                <select class="form-control form-control-sm" name="" id="">
                                    <option value="">Default</option>
                                    <option value="">Name (A-Z)</option>
                                </select>
                            </div>
                        </div>
                        <div class="view-options__control">
                            <label for="">Show</label>
                            <div>
                                <select class="form-control form-control-sm" name="" id="">
                                    <option value="">12</option>
                                    <option value="">24</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="products-view__list products-list" data-layout="grid-3-sidebar" data-with-features="false" data-mobile-grid-columns="2">
                    <div class="products-list__body"  id="productsContainer">
                        <!-- Product first row -->
                        <div class="products-list__item">
                            <div class="product-card">
                                <!-- <button class="product-card__quickview" type="button">
                    <svg width="16px" height="16px">
                        <use xlink:href="images/sprite.svg#quickview-16"></use>
                    </svg>
                    <span class="fake-svg-icon"></span>
                </button> -->
                                <div class="product-card__badges-list">
                                    <div class="product-card__badge product-card__badge--new">New</div>
                                </div>
                                <div class="product-card__image product-image">
                                    <a href="./aqua-best-copper-silver-ioization.html" class="product-image__body">
                                        <img class="product-image__img"
                                            src="./images/copper-silver-ionization/Aqua Best Copper Silver Ionization.jpg"
                                            alt="Product-photo">
                                    </a>
                                </div>
                                <div class="product-card__info">
                                    <div class="product-card__name">
                                        <a href="./aqua-best-copper-silver-ioization.html">
                                            Aqua Best Copper Silver Ionization system utilizes copper and silver ions to effectively control and prevent microbial growth, ensuring safe and clean water for various applications, including residential, commercial, and industrial settings.</a>
                                    </div>
                                    <div class="product-card__rating">
                                        <div class="product-card__rating-stars">
                                            <div class="rating">
                                                <div class="rating__body">
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star " width="13px"
                                                        height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div class="rating__star rating__star--only-edge ">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-card__rating-legend">1690 Reviews</div>
                                    </div>
                                    <!-- <ul class="product-card__features-list">
                        <li>Speed: 750 RPM</li>
                        <li>Power Source: Cordless-Electric</li>
                        <li>Battery Cell Type: Lithium</li>
                        <li>Voltage: 20 Volts</li>
                        <li>Battery Capacity: 2 Ah</li>
                    </ul> -->
                                </div>
                                <div class="product-card__actions">
                                    <!-- <div class="product-card__availability">
                        Availability: <span class="text-success">In Stock</span>
                    </div> -->
                                    <div class="product-card__prices">
                                        Aqua Best Copper Silver Ionization
                                    </div>
                                    <!-- <div class="product-card__buttons">
                        <button class="btn btn-primary product-card__addtocart"
                            type="button">Add To Cart</button>
                        <button
                            class="btn btn-secondary product-card__addtocart product-card__addtocart--list"
                            type="button">Add To Cart</button>
                        <button
                            class="btn btn-light btn-svg-icon btn-svg-icon--fake-svg product-card__wishlist"
                            type="button">
                            <svg width="16px" height="16px">
                                <use xlink:href="images/sprite.svg#wishlist-16"></use>
                            </svg>
                            <span class="fake-svg-icon fake-svg-icon--wishlist-16"></span>
                        </button>
                        <button
                            class="btn btn-light btn-svg-icon btn-svg-icon--fake-svg product-card__compare"
                            type="button">
                            <svg width="16px" height="16px">
                                <use xlink:href="images/sprite.svg#compare-16"></use>
                            </svg>
                            <span class="fake-svg-icon fake-svg-icon--compare-16"></span>
                        </button>
                    </div> -->
                                </div>
                            </div>
                        </div>
                        <div class="products-list__item">
                            <div class="product-card">
                                <!-- <button class="product-card__quickview" type="button">
                    <svg width="16px" height="16px">
                        <use xlink:href="images/sprite.svg#quickview-16"></use>
                    </svg>
                    <span class="fake-svg-icon"></span>
                </button> -->
                                <div class="product-card__badges-list">
                                    <div class="product-card__badge product-card__badge--new">New</div>
                                </div>
                                <div class="product-card__image product-image">
                                    <a href="./aqua-best-mineral-pure-copper-silver-ionization-r-40.html" class="product-image__body">
                                        <img class="product-image__img"
                                            src="./images/copper-silver-ionization/Mineral Pure Copper Silver Ionization R-40.jpg"
                                            alt="Product-photo">
                                    </a>
                                </div>
                                <div class="product-card__info">
                                    <div class="product-card__name">
                                        <a href="./aqua-best-mineral-pure-copper-silver-ionization-r-40.html">Aqua Best Mineral Pure Copper Silver Ionization R-40 system uses copper and silver ions to effectively control microbial growth, providing safe and clean water for residential and commercial applications.</a>
                                    </div>
                                    <div class="product-card__rating">
                                        <div class="product-card__rating-stars">
                                            <div class="rating">
                                                <div class="rating__body">
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star " width="13px"
                                                        height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div class="rating__star rating__star--only-edge ">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-card__rating-legend">1560 Reviews</div>
                                    </div>
                                    <!-- <ul class="product-card__features-list">
                        <li>Speed: 750 RPM</li>
                        <li>Power Source: Cordless-Electric</li>
                        <li>Battery Cell Type: Lithium</li>
                        <li>Voltage: 20 Volts</li>
                        <li>Battery Capacity: 2 Ah</li>
                    </ul> -->
                                </div>
                                <div class="product-card__actions">
                                    <!-- <div class="product-card__availability">
                        Availability: <span class="text-success">In Stock</span>
                    </div> -->
                                    <div class="product-card__prices">
                                        Mineral Pure Copper Silver Ionization R-40
                                    </div>
                                    <!-- <div class="product-card__buttons">
                        <button class="btn btn-primary product-card__addtocart"
                            type="button">Add To Cart</button>
                        <button
                            class="btn btn-secondary product-card__addtocart product-card__addtocart--list"
                            type="button">Add To Cart</button>
                        <button
                            class="btn btn-light btn-svg-icon btn-svg-icon--fake-svg product-card__wishlist"
                            type="button">
                            <svg width="16px" height="16px">
                                <use xlink:href="images/sprite.svg#wishlist-16"></use>
                            </svg>
                            <span class="fake-svg-icon fake-svg-icon--wishlist-16"></span>
                        </button>
                        <button
                            class="btn btn-light btn-svg-icon btn-svg-icon--fake-svg product-card__compare"
                            type="button">
                            <svg width="16px" height="16px">
                                <use xlink:href="images/sprite.svg#compare-16"></use>
                            </svg>
                            <span class="fake-svg-icon fake-svg-icon--compare-16"></span>
                        </button>
                    </div> -->
                                </div>
                            </div>
                        </div>
                        <div class="products-list__item">
                            <div class="product-card">
                                <!-- <button class="product-card__quickview" type="button">
                    <svg width="16px" height="16px">
                        <use xlink:href="images/sprite.svg#quickview-16"></use>
                    </svg>
                    <span class="fake-svg-icon"></span>
                </button> -->
                                <div class="product-card__badges-list">
                                    <div class="product-card__badge product-card__badge--new">New</div>
                                </div>
                                <div class="product-card__image product-image">
                                    <a href="./aqua-best-mineral-pure-copper-silver-ionization-rc-50.html" class="product-image__body">
                                        <img class="product-image__img"
                                            src="./images/copper-silver-ionization/Mineral Pure Copper Silver Ionization RC-50.jpg"
                                            alt="Product-photo">
                                    </a>
                                </div>
                                <div class="product-card__info">
                                    <div class="product-card__name">
                                        <a href="./aqua-best-mineral-pure-copper-silver-ionization-rc-50.html">
                                            Aqua Best Mineral Pure Copper Silver Ionization RC-50 uses copper and silver ions to effectively control and prevent microbial growth, ensuring safe and clean water for residential and commercial applications.</a>
                                    </div>
                                    <div class="product-card__rating">
                                        <div class="product-card__rating-stars">
                                            <div class="rating">
                                                <div class="rating__body">
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star " width="13px"
                                                        height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div class="rating__star rating__star--only-edge ">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-card__rating-legend">1846 Reviews</div>
                                    </div>
                                    <!-- <ul class="product-card__features-list">
                        <li>Speed: 750 RPM</li>
                        <li>Power Source: Cordless-Electric</li>
                        <li>Battery Cell Type: Lithium</li>
                        <li>Voltage: 20 Volts</li>
                        <li>Battery Capacity: 2 Ah</li>
                    </ul> -->
                                </div>
                                <div class="product-card__actions">
                                    <!-- <div class="product-card__availability">
                        Availability: <span class="text-success">In Stock</span>
                    </div> -->
                                    <div class="product-card__prices">
                                        Mineral Pure Copper Silver Ionization RC-50
                                    </div>
                                    <!-- <div class="product-card__buttons">
                        <button class="btn btn-primary product-card__addtocart"
                            type="button">Add To Cart</button>
                        <button
                            class="btn btn-secondary product-card__addtocart product-card__addtocart--list"
                            type="button">Add To Cart</button>
                        <button
                            class="btn btn-light btn-svg-icon btn-svg-icon--fake-svg product-card__wishlist"
                            type="button">
                            <svg width="16px" height="16px">
                                <use xlink:href="images/sprite.svg#wishlist-16"></use>
                            </svg>
                            <span class="fake-svg-icon fake-svg-icon--wishlist-16"></span>
                        </button>
                        <button
                            class="btn btn-light btn-svg-icon btn-svg-icon--fake-svg product-card__compare"
                            type="button">
                            <svg width="16px" height="16px">
                                <use xlink:href="images/sprite.svg#compare-16"></use>
                            </svg>
                            <span class="fake-svg-icon fake-svg-icon--compare-16"></span>
                        </button>
                    </div> -->
                                </div>
                            </div>
                        </div>
                        <div class="products-list__item">
                            <div class="product-card">
                                <!-- <button class="product-card__quickview" type="button">
                    <svg width="16px" height="16px">
                        <use xlink:href="images/sprite.svg#quickview-16"></use>
                    </svg>
                    <span class="fake-svg-icon"></span>
                </button> -->
                                <div class="product-card__badges-list">
                                    <div class="product-card__badge product-card__badge--new">New</div>
                                </div>
                                <div class="product-card__image product-image">
                                    <a href="./aqua-best-mineral-pure-copper-silver-ionization-cs-225.html" class="product-image__body">
                                        <img class="product-image__img"
                                            src="./images/copper-silver-ionization/Mineral Pure Copper Silver Ionization CS-225.webp"
                                            alt="Product-photo">
                                    </a>
                                </div>
                                <div class="product-card__info">
                                    <div class="product-card__name">
                                        <a href="./aqua-best-mineral-pure-copper-silver-ionization-cs-225.html">Aqua Best Mineral Pure Copper Silver Ionization CS-225 system employs copper and silver ions to control microbial growth, ensuring safe and clean water for large-scale residential, commercial, and industrial applications.</a>
                                    </div>
                                    <div class="product-card__rating">
                                        <div class="product-card__rating-stars">
                                            <div class="rating">
                                                <div class="rating__body">
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star rating__star--active"
                                                        width="13px" height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div
                                                        class="rating__star rating__star--only-edge rating__star--active">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                    <svg class="rating__star " width="13px"
                                                        height="12px">
                                                        <g class="rating__fill">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal">
                                                            </use>
                                                        </g>
                                                        <g class="rating__stroke">
                                                            <use
                                                                xlink:href="images/sprite.svg#star-normal-stroke">
                                                            </use>
                                                        </g>
                                                    </svg>
                                                    <div class="rating__star rating__star--only-edge ">
                                                        <div class="rating__fill">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                        <div class="rating__stroke">
                                                            <div class="fake-svg-icon"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-card__rating-legend">1367 Reviews</div>
                                    </div>
                                    <!-- <ul class="product-card__features-list">
                        <li>Speed: 750 RPM</li>
                        <li>Power Source: Cordless-Electric</li>
                        <li>Battery Cell Type: Lithium</li>
                        <li>Voltage: 20 Volts</li>
                        <li>Battery Capacity: 2 Ah</li>
                    </ul> -->
                                </div>
                                <div class="product-card__actions">
                                    <!-- <div class="product-card__availability">
                        Availability: <span class="text-success">In Stock</span>
                    </div> -->
                                    <div class="product-card__prices">
                                        Mineral Pure Copper Silver Ionization CS-225
                                    </div>
                                    <!-- <div class="product-card__buttons">
                        <button class="btn btn-primary product-card__addtocart"
                            type="button">Add To Cart</button>
                        <button
                            class="btn btn-secondary product-card__addtocart product-card__addtocart--list"
                            type="button">Add To Cart</button>
                        <button
                            class="btn btn-light btn-svg-icon btn-svg-icon--fake-svg product-card__wishlist"
                            type="button">
                            <svg width="16px" height="16px">
                                <use xlink:href="images/sprite.svg#wishlist-16"></use>
                            </svg>
                            <span class="fake-svg-icon fake-svg-icon--wishlist-16"></span>
                        </button>
                        <button
                            class="btn btn-light btn-svg-icon btn-svg-icon--fake-svg product-card__compare"
                            type="button">
                            <svg width="16px" height="16px">
                                <use xlink:href="images/sprite.svg#compare-16"></use>
                            </svg>
                            <span class="fake-svg-icon fake-svg-icon--compare-16"></span>
                        </button>
                    </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
             
            </div>
        </div>
    </div>

       <!-- All Product list End -->

          </div>
        </div>
      </div>
      <!-- .block-products-carousel / end -->
    </div>

    </div>
    </div>
    </div>
    <!-- site__body / end -->
    <!-- site__footer -->
    <footer class="site__footer">
        <div class="site-footer">
            <div class="container">
                <div class="site-footer__widgets">
                        <div class="row footer-row">

                        <div class="col-12 col-md-6 col-lg-4 mob-width">
                            <div class="site-footer__widget footer-contacts">
                                <div class="footer-contacts__text">
                                    Aqua Best Water Treatment Equipment Trading LLC. Water Filter in Dubai <br>
                                    Water treatment specialists ensure clean, safe drinking water by removing contaminants through filtration, disinfection, and chemical processes, safeguarding public health Now.


                                </div>
                                <ul class="footer-contacts__contacts">
                                    <li><i class="footer-contacts__icon fas fa-globe-americas"></i>
                                        <a href="#">
                                            Dubai Office- Shop B17,
                                            <br> Wasl District Souq Naif Dubai
                                        </a>
                                    </li>
                                    <li><i class="footer-contacts__icon far fa-envelope"></i><a
                                            href="mailto:info@aquabestuae.com">info@aquabestuae.com</a>
                                    </li>
                                    <li><i class="footer-contacts__icon fas fa-mobile-alt"></i> +971507977375,
                                        +97142851510</li>
                                    <li><i class="footer-contacts__icon far fa-clock"></i> Mon-Sat 10:00am - 7:00pm
                                    </li>
                                    <ul class="site-header__logo" style="margin-right: auto;">
                                        <a href="#">
                                            <img style="width: 350px; height: 100px; object-fit: cover;"
                                                src="./AquaBEstlogo.svg" alt="Commercial Water Filtration">
                                        </a>
                                    </ul>
                                </ul>
                            </div>
                        </div>
                        <div class="col-6 col-md-3 col-lg-2  mob-width  mob-width">
                            <div class="site-footer__widget footer-links">
                                <h5 class="footer-links__title">Information</h5>
                                  <ul class="footer-links__list">
                                        <li class="footer-links__item"><a href="./index.html" class="footer-links__link">Home
                                            </a></li>
                                        <li class="footer-links__item"><a href="./product-alt.html" class="footer-links__link">All
                                                Products
                                            </a></li>
                                        <li class="footer-links__item"><a href="./maintenance.html" class="footer-links__link">Maintenance
                                            </a></li>
                                        <li class="footer-links__item"><a href="./services.html"
                                                class="footer-links__link">Services</a>
                                        </li>
                                        <li class="footer-links__item"><a href="./about-us.html" class="footer-links__link">About
                                                Us</a></li>
                                        <li class="footer-links__item"><a href="./contact-us.html" class="footer-links__link">Contact</a>
                                        </li>
                                    </ul>
                            </div>
                        </div>
                        <div class="col-6 col-md-3 col-lg-3  mob-width">
                            <div class="site-footer__widget footer-links">
                                <h5 class="footer-links__title">Our Products</h5>
                                     <ul class="footer-links__list">
                                        <li class="footer-links__item"><a href="./domestic-water-purifier.html" class="footer-links__link">Domestic
                                                Water filter</a></li>
                                        <li class="footer-links__item"><a href="./commercial-water-filtration.html" class="footer-links__link">Commercial
                                                Water Purifier</a></li>
                                        <li class="footer-links__item"><a href="./shower-facial.html" class="footer-links__link">Water
                                                Softener</a></li>
                                        <li class="footer-links__item"><a href="./Industrial-water-softener.html" class="footer-links__link">Industrial
                                                Water Purifier</a></li>
                                        <li class="footer-links__item"><a href="./whole-house-filtration-system.html" class="footer-links__link">Whole
                                                House Water Filtration</a></li>
                                        <li class="footer-links__item"><a href="./multi-media-filtration-system.html"
                                                class="footer-links__link">Multi-Media Filtration System</a></li>
                                        <li class="footer-links__item"><a href="./uv-water-filtration-system.html" class="footer-links__link">Uv Water
                                                Filtration System</a></li>
                                        <li class="footer-links__item"><a href="./Industrial-water-softener.html" class="footer-links__link">Industrial
                                                Water Softener</a></li>
                                        <li class="footer-links__item"><a href="./copper-silver-ionization.html" class="footer-links__link">Copper
                                                Silver Ionziation</a></li>
                                        <li class="footer-links__item"><a href="./media-collection-anti-scale.html" class="footer-links__link">Media
                                                Collection & Anti-Scale</a></li>
                                        <li class="footer-links__item"><a href="./commercial-water-filtration.html" class="footer-links__link">Commercial
                                                Water Filtration</a></li>
                                        <li class="footer-links__item"><a href="./deionized-water-system.html" class="footer-links__link">AquaBest
                                                Deionized Water System</a></li>
                                        <li class="footer-links__item"><a href="./big-blue-jumbo-filter-system.html" class="footer-links__link">Big Blue
                                                Jumbo Filters</a></li>
                                        <li class="footer-links__item"><a href="./ultravilot-uv.html"
                                                class="footer-links__link">Ultraviolet-UV</a></li>
                                        <li class="footer-links__item"><a href="./shower-facial.html" class="footer-links__link">Shower
                                                Filter</a></li>
                                        <li class="footer-links__item"><a href="./filter-cartridges.html" class="footer-links__link">Filter
                                                Cartridges</a></li>
                                        <li class="footer-links__item"><a href="./water-dispenser.html" class="footer-links__link">Water
                                                Dispenser</a></li>
                                    </ul>
                            </div>
                        </div>
                        <div class="col-12 col-md-12 col-lg-3  mob-width">
                            <div class="site-footer__widget footer-newsletter">
                                <!-- <h5 class="footer-newsletter__title">Newsletter</h5> -->
                                <!-- <div class="footer-newsletter__text">
                                    Praesent pellentesque volutpat ex, vitae auctor lorem pulvinar mollis felis at
                                    lacinia.
                                </div> -->
                                <!-- <form action="" class="footer-newsletter__form">
                                    <label class="sr-only" for="footer-newsletter-address">Email Address</label>
                                    <input type="text" class="footer-newsletter__form-input form-control"
                                        id="footer-newsletter-address" placeholder="Email Address...">
                                    <button
                                        class="footer-newsletter__form-button btn btn-primary">Subscribe</button>
                                </form> -->
                             <ul class="footer-links__list">
                                        <li class="footer-links__item"><a href="./water-filter.html" class="footer-links__link">Water
                                                Filter</a></li>
                                        <li class="footer-links__item"><a href="./anti-scale-product.html" class="footer-links__link">Anti-Scale
                                                Products</a></li>
                                        <li class="footer-links__item"><a href="./AquaBest-uv-sleeves.html" class="footer-links__link">AquaBest
                                                UV Sleeves</a></li>
                                        <li class="footer-links__item"><a href="./aquaBest-uv-ballast.html" class="footer-links__link">AquaBest
                                                UV Ballast</a></li>
                                        <li class="footer-links__item"><a href="./everpure-products.html" class="footer-links__link">Everpure Products</a></li>
                                        <li class="footer-links__item"><a href="./ro-membrane.html" class="footer-links__link">RO
                                                Membrane</a></li>
                                        <li class="footer-links__item"><a href="./ro-membrane-housing.html" class="footer-links__link">RO
                                                Membrane Housing</a></li>
                                        <li class="footer-links__item"><a href="./frp-fiber-glass-tank.html" class="footer-links__link">Pentair
                                                FRP-Fiber Glass Tank</a></li>
                                        <li class="footer-links__item"><a href="./dosing-pump.html" class="footer-links__link">Dosing
                                                Pump</a></li>
                                        <li class="footer-links__item"><a href="./cluster-filter.html" class="footer-links__link">Stainless
                                                Cluster Filter</a></li>
                                        <li class="footer-links__item"><a href="commercial-water-filtration.html" class="footer-links__link">Commercial
                                                Water Filtration System</li>
                                        <li class="footer-links__item"><a href="./demineralization-system.html"
                                                class="footer-links__link">Demineralization System</a></li>

                                    </ul>
                                <div class="footer-newsletter__text footer-newsletter__text--social">
                                    Follow us on social networks
                                </div>
                                <!-- social-links -->
                                <div
                                    class="social-links footer-newsletter__social-links social-links--shape--circle">
                                   <ul class="social-links__list">
                                            <li class="social-links__item">
                                                <a class="social-links__link social-links__link--type--facebook" href="https://www.facebook.com/Aquabestuae"
                                                    target="_blank">
                                                    <i class="fab fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li class="social-links__item">
                                                <a class="social-links__link social-links__link--type--twitter" href="https://www.linkedin.com/company/aqua-best-water-treatment/"
                                                    target="_blank">
                                                    <i class="fab fa-linkedin"></i>
                                                </a>
                                            </li>
                                            <li class="social-links__item">
                                                <a class="social-links__link social-links__link--type--instagram"
                                                    href="https://www.instagram.com/aquabestuae" target="_blank">
                                                    <i class="fab fa-instagram"></i>
                                                </a>
                                            </li>
                                        </ul>
                                </div>
                                <!-- social-links / end -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="site-footer__bottom">
                    <div class="site-footer__copyright">
                        <!-- copyright -->
                        <a style="color: #fff;" href="#" target="_blank"><p>© Creative AquaBest 2024 - <a href="https://waterfilteraqua.com">best water purifier & Filter</a> | Dubai.</p> </a>
                        <!-- copyright / end -->
                    </div>
                    <div>
                        <a style="color: #fff;" href="mailto:info@aquabestuae.com">
                            Questions? Mail us at: info@aquabestuae.com
                        </a>
                    </div>
                </div>
            </div>
            <div class="totop">
                <div class="totop__body">
                    <div class="totop__start"></div>
                    <div class="totop__container container"></div>
                    <div class="totop__end">
                        <button type="button" class="totop__button">
                            <svg width="13px" height="8px">
                                <use xlink:href="./images/sprite.svg#arrow-rounded-up-13x8"></use>
                            </svg>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- site__footer / end -->
    </div>
    <!-- site / end -->
       <!-- photoswipe / end -->
    <!-- js -->
    <!-- Google Translate Widget -->
    <div id="google_translate_element" style="display:none;"></div>
    <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({
                pageLanguage: 'en',
                includedLanguages: 'en,ar'
            }, 'google_translate_element');
        }

        function translatePage(language) {
            var selectField = document.querySelector('.goog-te-combo');
            if (selectField) {
                selectField.value = language;
                selectField.dispatchEvent(new Event('change'));
            }
        }
    </script>
    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
    </script>

       <script src ="js/searchable.js"></script>
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="vendor/owl-carousel/owl.carousel.min.js"></script>
    <script src="vendor/nouislider/nouislider.min.js"></script>
    <script src="vendor/photoswipe/photoswipe.min.js"></script>
    <script src="vendor/photoswipe/photoswipe-ui-default.min.js"></script>
    <script src="vendor/select2/js/select2.min.js"></script>
    <script src="js/number.js"></script>
    <script src="js/main.js"></script>
    <script src="js/header.js"></script>
    <script src="vendor/svg4everybody/svg4everybody.min.js"></script>
    <script>
        svg4everybody();
    </script>
  </body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit